{"version":3,"sources":["webpack://gatsby-starter-hello-world/./src/newcar/ui/common/molecule/BreadcrumbSchemaMarkup.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/contract/function.ts","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/SEO.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Information.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Information.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/PlanSP.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/PlanSP.tsx","webpack://gatsby-starter-hello-world/./src/newcar/core/model/plan.ts","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/PlanPC.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/PlanPC.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/arrow-black.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/PlanDialog.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalSP.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalTerm.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalGrade.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalGradeSP.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalBodyColor.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/molecule/ColorSquare.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/molecule/ColorSquare.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalBodyColorSP.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalOption.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/option-carnavi.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/option-etc.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/option-backcamera.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/option-floormat.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/option-doorvisor.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/option-moraeru.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalOptionSP.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/option-number.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/icon-link-blank.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalMaintenance.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalMaintenanceSP.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalResult.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalLease.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/PlanDialog.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/saved_plan_sp.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/saved_plan_pc.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/SavedPlanModal.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/SavedPlanModal.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Simulation.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Simulation.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Introduction.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Introduction.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/ModalSimulateAlert.tsx","webpack://gatsby-starter-hello-world/./src/newcar/util/const/bodyType.ts","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/ModalSimulateAlert.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/core/store/relatedCarStore.ts","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Reviews.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Reviews.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/img-shop-manager.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/img-shop-manager.avif","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Trial.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Trial.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/common/img/object/icon/arrow-red.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/triple_crown_carmo_logo.jpg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonRecommend.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonSupport.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonCost.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonRecommendSp.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonSupportSp.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonCostSp.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonRecommend.webp","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonSupport.webp","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonCost.webp","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonRecommendSp.webp","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonSupportSp.webp","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonCostSp.webp","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Charm.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Charm.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/triple_crown_carmo_logo.avif","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/FAQ.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/FAQ.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/icon-teigaku.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/icon-soukou.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/icon-hiyou.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/icon-option.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Reason.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Reason.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/orix_logo.jpg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Partner.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Partner.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/orix_logo.webp","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/RecommendedPointsSummary.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/rating/good.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/rating/excellent.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/rating/store-manager.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/RecommendedPointsSummary.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/rating/great.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/rating/store-manager.avif","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/rating/comment-shape.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/checkicon.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/molecule/CarModelPanelRecommended.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/molecule/CarModelPanelRecommended.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/RecommendedCarList.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/RecommendedCarList.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/template/index.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/points/img-point-first.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/points/img-point-first.avif","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/points/img-point-second.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/points/img-point-second.avif","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/points/img-point-third.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/points/img-point-third.avif","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/points/img-point-fourth.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/points/img-point-fourth.avif","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/ChosenPoints.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/ChosenPoints.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/ChosenPointsMovie.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/ChosenPointsMovie.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/template/index.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/top/img/uservoice/starHalf.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/lineup/molecule/Color.tsx","webpack://gatsby-starter-hello-world/./src/newcar/util/const/contract.ts","webpack://gatsby-starter-hello-world/./src/newcar/util/const/maker.ts","webpack://gatsby-starter-hello-world/./src/newcar/util/setAllList.ts","webpack://gatsby-starter-hello-world/./src/newcar/ui/lineup/molecule/Color.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/common/img/reviews/bnr-google-point.avif","webpack://gatsby-starter-hello-world/./src/newcar/ui/common/img/reviews/bnr-google-point.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/lineup/img/icon-chevron-right-grey.svg"],"names":["items","when","length","Helmet","type","JSON","stringify","itemListElement","map","index","position","name","item","getAvailableYearList","ageRange","OLDEST_AGE","YOUNGEST_AGE","oldestYear","Date","getFullYear","Array","from","_x","i","scrollToId","id","height","setTimeout","target","document","getElementById","window","scrollTo","top","scrollY","getBoundingClientRect","behavior","makerId","taxedMinPrice11","carName","CARMO_CONST","manYen","priceText","Math","floor","toFixed","title","description","ogTitle","ogDescription","ogUrl","process","twitterTitle","twitterDescription","inner","innerLight","roundedBox","specHeading","searchTitle","large","btnList","makerListItem","typeListItem","carList","normalLinkBtn","photos","summary","bodyColors","jc08","wltc","minVehiclePrice","has4SeatOrLess","has5Seat","has6Seat","has7Seat","has8SeatOrMore","isNowSale","thumbnailUrl","seatArr","minSeat","indexOf","maxSeat","lastIndexOf","hasSeats","useState","isOpen","setIsOpen","gasMillage","NEWCAR_CONST","src","imageUrl","interruptionStore","useContext","InterruptionStoreContext","simulationManagerStoreShaped","SimulationManagerStoreContext","className","MAKER_NAME","styles","width","alt","decoding","toLocaleString","value","Color","desktop","nowRecommendSPSelection","price","onClick","addItem","simulationManagerStore","navigate","NEWCAR_DEFINE","role","tabIndex","href","listBtnToyota","listBtnNissan","listBtnHonda","listBtnMazda","listBtnSubaru","listBtnSuzuki","listBtnDaihatsu","listBtnMitsubishi","listBtnMini","listBtnCompact","listBtnMinivan","listBtnSuv","listBtnSedan","listBtnHatchback","listBtnWagon","listBtnCoupe","itemWrap","itemBgWhiteter","itemTitle","selectBox","selected","notSelected","width4_5rem","width2rem","iconArrowRightGrey","priceColorBlue","textSimulationSelected","textUpRight","simulationChangeButton","onClickCustomizePlan","simulationResultManagerStore","SimulationResultManagerStoreContext","ctaButton","useRef","showDialog","dialogMode","step","nowSelectGrade","isOldSimulation","selectedGrade","nowSelectBodyColor","selectedBodyColor","nowSelectOption","selectedOption","nowSelectMaintenance","selectedMaintenance","hasGrade","undefined","hasBodyColor","list","isSelected","hasOption","hasMaintenance","isAvailableMaintenance","maintenancePlanList","Card","data-gtm","selectedTerm","nowSelectTerm","sub","viewBox","colorCode2","r","cx","cy","fill","colorCode1","stroke","strokeWidth","x","y","clipPath","bodyColorName","isResetBodyColor","isResetOption","isResetMaintenance","selectedNomalPrice","nowSelectBasePrice","nowSelectPrice","nowSelectDiscountPrice","ref","nowCar","changeUserSelect","nowSimulation","saveEntryBreakdownFromSimulationResult","saveEntryBreakdown","nowCarToUndefined","PlanTitle","SIMPLE","OSUSUME","YOKUBARI","ORIGINAL","nextStepBtn","customizeBtn","classname","isOriginal","openSavedPlanModal","location","useLocation","isSaved","setIsSaved","goToEntryForm","plan","Object","entries","forEach","key","Number","result","planName","gtmCta","gtmCustom","nowSimpleSelection","nowRecommendSelection","recommendPlanPrice","nowRichSelection","richPlanPrice","nowOriginalSelection","oldOriginalSelection","originalPrice","data","grade","gradeName","color","option","maintenance","term","isNotApplicable","arrowWhite","planId","find","PlanTitleToId","addSimulation","customerSelection","nowCustomerSelection","carDigest","nowCarDigest","nowGrade","bodyColor","nowSimulationBodyColor","totalPrice","optionstring","nowSimulationOpstions","test","search","paramstring","urlParams","pathname","slice","history","replaceState","onClickSave","disabled","dialogWrap","dialog","height100","stepPadding","dialogToTop","dialogClose","redBand","scrollContent","stepWrap","stepWrapSmall","yetStep","nowStep","endStep","headerTitle","closeBtn","helpBtn","isLeaseTerm","iconArrowPosition","helpSupportItems","closeButton","contentContainer","contentView","content","showContent1","showContent2","showContent3","showContent4","showContent5","showContent6","inputLease","decreaseBtn","increaseBtn","bodycolorBox","bodycolorBoxSelected","colorCircleWrap","osusumeLabel","maintenanceBox","maintenanceBoxSelected","mainteplanIcon","maintePlatinum","mainteGold","mainteSilver","plus","overview","maintenanceTableHead","maintenanceTableBody","verticalAlignTextTop","footer","isSp","bottomButtonWrap","backButton","scrim","isBlack","leaseContents","leaseLabel","leaseBox","leaseBoxSelected","radioRow","isEngine","isWd","isMission","gradeHeader","checkboxContainer","checkboxRow","optionNoticeContainer","isGrade","recommend","labels","gradeEngineTypeContainer","gradeEquipmentContainer","gradeEquipmentName","gradeEquipmentTip","gradeStepItemContainer","gradeStepItemName","gradeStepItemContent","gradeStepItemHelp","isLarge","gradeCardContainer","isBodyColor","isMainte","overviewHeading","overviewNotice","overviewList","overviewListItem","overviewAsterisk","platinum","gold","silver","maintenanceMemo","resultPrice","adjust","resultPriceGap","resultPriceContentRight","resultPriceMonthlyLabel","resultCarContainer","resultCarThumbnail","resultCarName","annotation","asterisk","resultCta","resultDetail","termInformationContainer","termTipAffordable","termNoticeUnder","isTextRed","termNoticeListBottom","resultCategoryTitle","optionLabel","optionLabelInnerTop","optionLabelInnerBottom","optionLabelPrice","optionLabelThumbnail","optionLabelDescription","optionLabelAttention","optionLabelSubscript","isEquipped","whiteButton","saveText","saved","isShow","termList","term11SelectPrice","term10SelectPrice","term9SelectPrice","term8SelectPrice","term7SelectPrice","term6SelectPrice","term5SelectPrice","term4SelectPrice","term3SelectPrice","term2SelectPrice","term1SelectPrice","style","setStyle","useEffect","data-type","toString","checked","onChange","prevTerm","setIsShowSimulateAlert","changeTerm","htmlFor","leaseTerm","includedInFee","icon","popup","setPopup","Log","incrementTerm","decrementTerm","engineList","engine","setEngine","label","kudouList","kudou","setKudou","missionList","mission","setMission","PowerSlideDoorBDf","PowerSlideDoorLDf","KeylessEntryDf","SmartKeyDf","CruiseControlDf","AutoBrakeDf","SupportBrakeDf","LaneAlertDf","PowerSlideDoorLOption","PowerSlideDoorLImpossible","gradeList","setGrade","defaultGrade","keylessEntry","powerSlideDoor","smartKey","automaticBrake","cruiseControl","laneDepartureAlert","pedalSupport","next","currentStep","maxStep","selectedPlanID","simplePlansBodyColorList","recommendPlansBodyColorList","richPlansBodyColorList","bodyColorList","colorCircle","isChecked","changeSimpleBodyColor","changeRecommendBodyColor","changeRichBodyColor","changeBodyColor","hasWantCar","checkBox","isStandard","event","notid","optionType","simplePlansCarNaviList","recommendPlansCarNaviList","richPlansCarNaviList","carNaviList","changeSimpleCarNavi","changeRecommendCarNavi","changeRichCarNavi","changeCarNavi","simplePlansEtcList","recommendPlansEtcList","richPlansEtcList","etcList","changeSimpleETC","changeRecommendETC","changeRichETC","changeETC","simplePlansbackCameraList","recommendPlansbackCameraList","richPlansbackCameraList","backCameraList","changeSimpleBackCamera","changeRecommendBackCamera","changeRichBackCamera","changeBackCamera","simplePlansFloorMatList","recommendPlansFloorMatList","richPlansFloorMatList","floorMatList","changeSimpleFloorMat","changeRecommendFloorMat","changeRichFloorMat","changeFloorMat","simplePlansDoorVisorList","recommendPlansDoorVisorList","richPlansDoorVisorList","doorVisorList","changeSimpleDoorVisor","changeRecommendDoorVisor","changeRichDoorVisor","changeDoorVisor","simplePlansWantNoList","recommendPlansWantNoList","richPlansWantNoList","wantNoList","changeSimpleWantNo","changeRecommendWantNo","changeRichWantNo","changeWantNo","selectTerm","simplePlansWantCarPrice","recommendPlansWantCarPrice","richPlansWantCarPrice","wantCarPrice","nowSelectSimpleWantCar","nowSelectRecommendWantCar","nowSelectRichWantCar","nowSelectWantCar","changeSimpleWantCar","changeRecommendWantCar","changeRichWantCar","changeWantCar","optionData","image","optionCarnavi","text","etc","optionEtc","optionBackcamera","optionFloormat","optionDoorvisor","optionMoraeru","wantCarTarget","wantCar","getColorStyle","changeMaintenance","rel","iconLinkBlank","planStyle","onClickBack","searchCarStore","searchCarStoreContext","lastViewCarDigest","makerName","nomalPrice","discountPrice","hasCarNavi","nowSelectCarNavi","carNaviPrice","hasBackCamera","nowSelectBackCamera","backCameraPrice","hasEtc","nowSelectEtc","etcPrice","hasFloorMat","nowSelectFloorMat","floorMatPrice","hasWantNo","nowSelectWantNo","wantNoPrice","hasDoorVisor","nowSelectDoorVisor","doorVisorPrice","maintenanceName","nowPickedMaintenancePlan","maintenanceColor","maintenancePrice","targetId","maintenancePlan","closeDialog","isShowDialog","timeoutToClose","mode","initialStep","setStep","toTop","setToTop","modalRef","modalEl","current","addEventListener","preventDefault","passive","removeEventListener","scrollTop","scrollarea","onClickNext","max","showContentNum","num","nowSelectSimplePrice","nowSelectRecommendPrice","nowSelectRichPrice","isSkip","getModalName","gtmTagModalCloseBtn","gtmTagModalNextBtn","nextStepText","redText","NOT_SHOW_KEY","open","active","setActive","notShowChecked","setNotShowChecked","localStorage","getItem","close","setItem","aria-hidden","savedPlanSP","savedPlanPC","e","setShowDialog","setMode","setSelectedPlanID","setInitialStep","setOpenSavedPlanModal","planID","url","carId","split","startSimulation","to","arrowBlack","CARMO_UTIL","htmlString","carModelImage","review","captionImageUrl1","captionImageUrl2","captionImageUrl3","caption1","caption2","caption3","point1","point2","point3","introClose","setIntroClose","src1","src2","src3","processedReview","lines","line","includes","splice","filter","join","dangerouslySetInnerHTML","__html","loading","currentTarget","blur","BODY_ID","isShowSimulateAlert","BODY_DATA","UNSELECTED","metaName","isUnselected","modalName","count","MINI_CAR","COMPACT_CAR","HATCH_BACK","MINIVAN","SUV","SEDAN","STATION_WAGON","COUPE","OTHER","bodyTypeDataFind","findIndex","BODY_NAME","rankCarDigest","carDigests","sort","a","b","StoreUtil","skipped","targetCarDetail","detail","id__normalized","publishStatus","push","rank","imgUrl","relatedCarStore","store","persist","setRelatedCarId","this","targetCarId","digest","targetBodyType","bodyType","isMiniCar","car","observable","computed","action","reviewsUserCommentContainer","isSecond","isFourth","reviewsUserCommentItem","reviewsUserCommentText","reviewsUserCommentTextMin","srcSet","reviewPointAvif","reviewPointPng","planMonth","goToTrialEntryForm","shopManagerAvif","shopManager","ButtonRequestAssessmentSP","buttonText","handlerOnClick","orderName","sankanItem","sankanImage","tripleCrown","tripleCrownCarmoLogo","reasonRecommendWebpSp","media","reasonRecommendSp","reasonRecommendWebp","reasonRecommend","reasonSupportWebpSp","reasonSupportSp","reasonSupportWebp","reasonSupport","reasonCostWebpSp","reasonCostSp","reasonCostWebp","reasonCost","CTA_SP","CTA_PC","showAnswer","setShowAnswer","accordion","question","answer","val","FAQSchemaMarkup","isFlexDirectionColumnReverse","reasonImg","reasonNumber","isMarginLeft3Mobile","reasonBorder","reasonLead","hasTextDecoration","iconTeigaku","iconSoukou","iconHiyou","iconOption","orixLogoJpg","borderRightGrey","borderLeftGrey","borderBottomGrey","backgroundGrey","ratingImages","good","great","excellent","recommendedPointsSummary","points","storeManagerRemark","rating","filteredPoints","point","storeManager","fuelEfficiency","commute","family","easeOfDriving","rideComfort","storageSpace","interiorSpace","outdoor","maintenanceCost","femaleFriendly","link","gatsbyImageData","layout","images","fallback","placeholder","G","listArrow","recommendedListContainer","recommendedEmptyText","recommendDigests","sameBodyTypeSameMakerDigests","d","sameBodyTypeDigests","sameMakerDigests","recommendedPoints","userVoiceContainer","userVoiceItem","userVoiceRating","userVoiceRatingImages","scrollToTopDetail","appealPointContainer","appealPointCard","appealPointContent","appealPointContentItem","appealPointText","appealPointHeading","appealPointThumbnailContainer","appealPointNoticeList","appealPointNoticeListItem","appealPointAsteriskSub","isChosenPoints","pointFirstAvif","pointFirst","pointSecondAvif","pointSecond","pointThirdAvif","pointThird","pointFourthAvif","pointFourth","appealPointContentMiddle","isFifth","appealPointMovie","frameBorder","allow","referrerPolicy","allowFullScreen","IMAGE_STAR_STYLE","pageContext","userVoices","isShowOldSimulation","setIsShowOldSimulation","isInvalidURL","setIsInvalidURL","query","QueryString","isCriteoTarget","GTM","CriteoProductID","viewCarDetail","g","noCount","s1","c2","keys","m2","masterNumber","changeGrade","changeUserSelectFromParam","params","checkIsSavedWithParameter","isSavedWithParameter","simulationList","nowSimulationList","simulation","selection","changeId","setAllList","identifiedBodyType","breadcrumbItems","breadcrumbSchemaMarkupItems","averageRatingOverall","ceil","reduce","_result","_voice","ratingOverall","toPrecision","Layout","BreadcrumbSchemaMarkup","Header","Breadcrumb","imgConcierge","btnCall","btnLine","Partner","maker","carModel","ImageStarOn","$image","ImageStarOff","jst","postedAt","unix","userVoice","UserVoiceCard","comment","Footer","ScrollToTop","reload","require","colors","calcRgb","colorCodeOrigin","colorCode","substring","parseInt","resultColors","Boolean","color1","color2","compareColors","size","liArray","array","partsWrap","parts","MIDDLE_AGE","YES_OR_NO","YES_OR_NO_2","YES_OR_NO_3","HOUSING_TYPE_FAMILY","HOUSING_TYPE","HOUSING_TYPE_2","OCCUPATION_TYPE","OCCUPATION_TYPE_2","OTHER_INDUSTRY_TYPE","INDUSTRY_TYPE","INDUSTRY_TYPE_2","蜈ｬ蜍吝藤","蜈ｬ逧�ｳ��ｼ閠�","荳€谺｡逕｣讌ｭ","驩ｱ讌ｭ","荳榊虚逕｣","驥題檮","陬ｽ騾�","蜊ｸ","蟆丞｣ｲ","縺昴�莉悶し繝ｼ繝薙せ","蛹ｻ逋よｩ滄未","POSITION","MAKER_ID","MAKER_DATA","img","LEXUS","TOYOTA","NISSAN","HONDA","MAZDA","SUBARU","SUZUKI","DAIHATSU","MITSUBISHI","makerDataFind","Error","useStaticQuery","allCarDigest","nodes","allCarDetail"],"mappings":"+KAiCA,IAnB0C,SAAC,GAAD,IAAGA,EAAH,EAAGA,MAAH,OACxC,gBAAC,IAAD,CAAMC,KAAMD,EAAME,OAAS,GACzB,gBAAC,EAAAC,OAAD,KACE,0BAAQC,KAAK,uBACVC,KAAKC,UAAU,CACd,WAAY,qBACZ,QAAS,iBACTC,gBAAiBP,EAAMQ,KAAI,WAAiBC,GAAjB,MAA4B,CACrD,QAAS,WACTC,SAAUD,EAAQ,EAClBE,KAHyB,EAAGA,KAI5BC,KAJyB,EAASA,gB,sGCZvC,SAASC,IACd,IACMC,EAAWC,KADqC,EAGlDC,KACEC,GAAa,IAAIC,MAAOC,cAC1BJ,KALkD,EAOtD,OAAOK,MAAMC,KAAK,IAAID,MAAMN,EAAW,IAAI,SAACQ,EAAIC,GAAL,OAAWA,EAAIN,KAOrD,SAASO,EAAWC,EAAYC,GACjCD,GAEFE,YAAW,WACT,IAAMC,EAA6BC,SAASC,eAAeL,GACvDG,GACFG,OAAOC,SAAS,CACdC,IACEF,OAAOG,QAAUN,EAAOO,wBAAwBF,KAAOP,GAAU,GACnEU,SAAU,aAGb,O,mjKCGP,EAhCgC,SAAC,GAE1B,IADLzB,EACI,EADJA,KAAM0B,EACF,EADEA,QAASC,EACX,EADWA,gBAETC,EAAaC,eAAuBH,GAA7B,IAAyC1B,EAChD8B,EAASH,EAAkB,IAC3BI,EAAYD,GAAUA,EAAS,EAC9BA,GAAU,EAAV,GAAiBE,KAAKC,MAAMH,GAA5B,GAA2CA,EAAOI,QAAQ,GAC7D,GAIEC,EAAWP,EAAN,yBADYG,EAAS,MAASA,EAAT,QAA4B,IAOtDK,EAHqB,mBAEEL,EAAeH,EAAN,SAAsBG,EAAtB,SAA0C,IADrD,gGAI3B,OACE,gBAAC,IAAD,CACEI,MAAOA,EACPC,YAAaA,EACbC,QAASF,EACTG,cAAeF,EACfG,MAAUC,uBACVC,aAAcN,EACdO,mBAAoBN,K,qECjCnB,MAUMO,EAAQ,mCACR,EAAkB,+CAClBC,EAAa,yCAEbC,EAAa,yCAiBbC,EAAc,0CAIdC,EAAc,0CACdC,EAAQ,mCAERC,EAAU,sCAGVC,EAAgB,6CAChBC,EAAe,4CAKfC,EAAU,sCACVC,EAAgB,6C,uMCgZ7B,GAzZyC,SAAC,GAiBnC,IAAD,EAhBJC,EAgBI,EAhBJA,OACAC,EAeI,EAfJA,QACAvD,EAcI,EAdJA,KACA0B,EAaI,EAbJA,QACA8B,EAYI,EAZJA,WACAC,EAWI,EAXJA,KACAC,EAUI,EAVJA,KACAC,EASI,EATJA,gBACAhC,EAQI,EARJA,gBACAiC,EAOI,EAPJA,eACAC,EAMI,EANJA,SACAC,EAKI,EALJA,SACAC,EAII,EAJJA,SACAC,EAGI,EAHJA,eACAC,EAEI,EAFJA,UACAC,EACI,EADJA,aAEMC,EAAU,CAACP,EAAgBC,EAAUC,EAAUC,EAAUC,GACzDI,EAAUD,EAAQE,SAAQ,GAC1BC,EAAUH,EAAQI,aAAY,GAC9BC,EAAWJ,IAAYE,EAAaF,EAAU,EAAnC,KAAoD,IAAZA,EAAgB,KAAO,IAAUA,EAAU,EAAnF,KAAwFE,EAAU,GAAlG,IACjB,IAA4BG,eAAS,GAA9BC,GAAP,MAAeC,GAAf,MACMC,GAAaC,sBAA+BpB,EAAMC,GAClDoB,GAAOxB,GAAUA,EAAO,GAAGyB,UAAab,GAAgB,GAExDc,IAAoBC,gBAAWC,KAoB/BC,IAA+BF,gBAAWG,KAGhD,OACE,uBAAKC,UDzFqB,+CC0FxB,uBAAKA,UAAS,2DACZ,uBAAKA,UAAU,UACb,sBAAIA,UAAS,6DACVC,QAAW5D,GADd,IAGE,wBAAM2D,UAAU,qBAAhB,KACCrF,EACD,wBAAMqF,UAAcE,gFAApB,eAKN,uBAAKF,UAAS,mDACZ,uBAAKA,UAAU,4CACb,uBAAKA,UAAU,4BACb,uBACEA,UDpGS,sCCqGTP,IAAKA,GACLU,MAAM,MACNzE,OAAO,MACP0E,IAAI,MACJC,SAAS,YAKf,uBAAKL,UAAS,+CACXpB,EACC,gCACE,sBAAIoB,UAAU,2CAA2C9B,GAGzD,uBAAK8B,UAAS,mFACZ,sBAAIA,UAAU,yCACZ,sBAAIA,UAAU,4EAAd,cAGA,sBAAIA,UAAU,4DACZ,0BAAQA,UAAU,sCACf1D,EAAgBgE,iBACjB,wBAAMN,UAAU,2BAAhB,mBAIN,sBAAIA,UAAU,kBACZ,sBAAIA,UAAU,oBACZ,qBAAGA,UAAS,oDAAsDE,GAAlE,gBAIF,sBAAIF,UAAU,oBACZ,qBAAGA,UAAS,oDAAsDE,GAAlE,iBASN,uBAAKF,UDzHgB,oDC0HnB,uBAAKA,UAAU,sCAAf,QAEE,2BAFF,QAKA,0BAAQA,UAAU,aAAa1D,EAAgBgE,kBAC/C,uBAAKN,UAAU,qCACb,wBAAMA,UAAU,gCAAhB,MACA,2BACA,wBAAMA,UAAU,2BAAhB,gBAMJ,sBAAIA,UAAU,qCACZ,sBAAIA,UAAS,4BAA8BE,GACzC,0BACE,sBAAIF,UAAU,sCAAd,KAEE,wBAAMA,UAAU,0BAA0BT,GAAW5E,OAEvD,sBAAIqF,UAAU,2BACXT,GAAWgB,MADd,UAMJ,sBAAIP,UAAS,6CAA+CE,GAC1D,0BACE,sBAAIF,UAAU,sCAAd,MACA,sBAAIA,UAAU,2BAA2Bb,KAG7C,sBAAIa,UAAS,4BAA8BE,GACzC,0BACE,sBAAIF,UAAU,sCAAd,UACA,sBAAIA,UAAS,iBAAmBE,GAC7B5B,EAAgBgC,iBADnB,QAMJ,sBAAIN,UAAS,UAAYE,EAAZ,+CACX,sBAAIF,UD1LO,8CC2LT,sBAAIA,UAAU,sCAAd,OACA,0BACE,gBAACQ,EAAA,EAAD,CAAOrC,WAAYA,EAAYsC,SAAO,QAO9C,sBAAIT,UAAS,sFACX,sBAAIA,UAAS,UAAYE,GACvB,0BACE,sBAAIF,UAAcE,EAAL,yBAAb,KACQX,GAAW5E,MAEnB,sBAAIqF,UAAU,aACRT,GAAWgB,MADjB,UAKJ,sBAAIP,UAAS,UAAYE,GACvB,0BACE,sBAAIF,UAAcE,EAAL,yBAAb,MACA,sBAAIF,UAAU,aAAab,KAG/B,sBAAIa,UAAS,UAAYE,GACvB,0BACE,sBAAIF,UAAcE,EAAL,yBAAb,UACA,sBAAIF,UAAS,GAAKE,GACZ5B,EAAgBgC,iBADtB,QAKJ,sBAAIN,UAAS,UAAYE,GACvB,sBAAIF,UAAU,wEACZ,sBAAIA,UAAcE,EAAL,yBAAb,cACA,sBAAIF,UAAU,aACZ,gBAACQ,EAAA,EAAD,CAAOrC,WAAYA,EAAYsC,SAAS,QAMhD,uBAAKT,UAAU,0DAOb,uBAAKA,UD/NU,gDC+Nf,QAEE,wBAAMA,UDhOI,6CCgOV,UAEE,wBAAMA,UDjOK,iDCiOX,MAEE,gBAAC,KAAD,MACG,kBACC,iCAzKC,UAAAF,GAA6BY,+BAA7B,mBAAsDC,aAAtD,eAA6DL,mBAAoB,IAAvF,WAqKD,OAJJ,KAkBA,0BACElG,KAAK,SACL4F,UAAS,wGACTY,QAAS,kBAnMvBjB,GAAkBkB,QAAQC,IAAwBtB,qCAG9CsB,YACFA,qBAAwCA,YAG1CA,wBACAA,uBAA0CtB,0CAC1CuB,QAASC,8BA4LK,0BAAQhB,UAAU,aAAlB,iBACA,wBAAMA,UD9PS,qDCgQjB,qBAAGA,UAAU,aAAb,qBAEF,uBACEA,UAAU,gGACViB,KAAK,SACLC,SAAU,EACVN,QAAS,WAnNrBtB,IAAWD,MAqNC,qBACEW,UAAS,yFADX,cAKA,wBAAMA,UAAcE,wCAAkBb,GD1QhC,oCC0QyD,OAEhEA,IACD,uBAAKW,UAAS,+JACZ,uBAAKA,UAAU,8BACb,qBAAGA,UAAU,4BAAb,QACA,qBAAGA,UAAU,iBAAiBc,wCAEhC,uBAAKd,UAAU,8BACb,qBAAGA,UAAU,4BAAb,WACA,qBAAGA,UAAU,iBAAiBc,qCAEhC,uBAAKd,UAAU,8BACb,qBAAGA,UAAU,4BAAb,QACA,qBAAGA,UAAU,iBAAkF,IAA7Dc,kCAAuD,IAAzF,OAAuGA,kCAAuD,IAA9J,MAEF,uBAAKd,UAAU,8BACb,qBAAGA,UAAU,4BAAb,QACA,qBAAGA,UAAU,kBAAb,UAAkCc,yCAAlC,aAAkC,EAAsDR,kBAAxF,aAKJ,0BACEN,UAAS,kEACT5F,KAAK,SACLwG,QAAS,kBAAMpF,OAAW,gBAH5B,gBASF,qBAAGwE,UDlSiB,iDCkSpB,mBAEE,sBAAIA,UAAU,qBAFhB,uBAIE,2BAJF,uBAME,+BAKNpB,GAEM,gCACE,uBAAKoB,UDvSM,4CCwST,uBAAKA,UAAS,GAAKE,GACjB,qBAAGF,UAAS,+DAAiEE,GAC3E,wBAAMF,UAAS,GAAKE,GAApB,QADF,QAIA,sBAAIF,UD3SC,yCC4SH,sBAAIA,UAAS,GAAKE,GAAwB,qBAAGiB,KAAK,kBAAiB,uBAAK1B,IAAK2B,IAAehB,IAAI,UAChG,sBAAIJ,UAAS,GAAKE,GAAwB,qBAAGiB,KAAK,kBAAiB,uBAAK1B,IAAK4B,IAAejB,IAAI,SAChG,sBAAIJ,UAAS,GAAKE,GAAwB,qBAAGiB,KAAK,iBAAgB,uBAAK1B,IAAK6B,IAAclB,IAAI,UAC9F,sBAAIJ,UAAS,GAAKE,GAAwB,qBAAGiB,KAAK,iBAAgB,uBAAK1B,IAAK8B,IAAcnB,IAAI,UAC9F,sBAAIJ,UAAS,GAAKE,GAAwB,qBAAGiB,KAAK,kBAAiB,uBAAK1B,IAAK+B,IAAepB,IAAI,UAChG,sBAAIJ,UAAS,GAAKE,GAAwB,qBAAGiB,KAAK,kBAAiB,uBAAK1B,IAAKgC,IAAerB,IAAI,UAChG,sBAAIJ,UAAS,GAAKE,GAAwB,qBAAGiB,KAAK,oBAAmB,uBAAK1B,IAAKiC,IAAiBtB,IAAI,WACpG,sBAAIJ,UAAS,GAAKE,GAAwB,qBAAGiB,KAAK,sBAAqB,uBAAK1B,IAAKkC,IAAmBvB,IAAI,WAG5G,uBAAKJ,UAAS,GAAKE,GACjB,qBAAGF,UAAS,+DAAiEE,GAC3E,wBAAMF,UAAS,GAAKE,GAApB,SADF,QAIA,sBAAIF,UD1TA,wCC2TF,sBAAIA,UAAS,GAAKE,GAChB,qBAAGiB,KAAK,gBACN,uBAAK1B,IAAKmC,IAAaxB,IAAI,SAC3B,wBAAMJ,UAAU,mBAAhB,UAGJ,sBAAIA,UAAS,GAAKE,GAChB,qBAAGiB,KAAK,mBACN,uBAAK1B,IAAKoC,KAAgBzB,IAAI,YAC9B,wBAAMJ,UAAU,mBAAhB,QAEE,2BAFF,QAOJ,sBAAIA,UAAS,GAAKE,GAChB,qBAAGiB,KAAK,mBACN,uBAAK1B,IAAKqC,KAAgB1B,IAAI,aAC9B,wBAAMJ,UAAU,mBAAhB,OAEE,2BAFF,SAOJ,sBAAIA,UAAS,GAAKE,GAChB,qBAAGiB,KAAK,eACN,uBAAK1B,IAAKsC,KAAY3B,IAAI,aAC1B,wBAAMJ,UAAU,mBAAhB,MAEE,2BAFF,UAOJ,sBAAIA,UAAS,GAAKE,GAChB,qBAAGiB,KAAK,iBACN,uBAAK1B,IAAKuC,KAAc5B,IAAI,QAC5B,wBAAMJ,UAAU,mBAAhB,SAGJ,sBAAIA,UAAS,GAAKE,GAChB,qBAAGiB,KAAK,qBACN,uBAAK1B,IAAKwC,KAAkB7B,IAAI,WAChC,wBAAMJ,UAAU,mBAAhB,YAGJ,sBAAIA,UAAS,GAAKE,GAChB,qBAAGiB,KAAK,wBACN,uBAAK1B,IAAKyC,KAAc9B,IAAI,cAC5B,wBAAMJ,UAAU,mBAAhB,SAEE,2BAFF,SAOJ,sBAAIA,UAAS,GAAKE,GAChB,qBAAGiB,KAAK,iBACN,uBAAK1B,IAAK0C,KAAc/B,IAAI,eAC5B,wBAAMJ,UAAU,mBAAhB,MAEE,2BAFF,eAUV,uBAAKA,UD7XU,iDC8Xb,qBAAGA,UAAS,+CAAiDE,GAC3D,wBAAMF,UAAS,GAAKE,GAApB,WAEF,uBAAKF,UDhYI,4CCiYP,uBAAKA,UAAS,GAAKE,GACjB,qBAAGiB,KAAK,WAAWnB,UAAS,+CAAiDE,GAA7E,UAEF,uBAAKF,UAAS,GAAKE,GACjB,qBAAGiB,KAAK,mBAAmBnB,UAAS,+CAAiDE,GAArF,aAIN,uBAAKF,UDpYO,6CCqYV,qBAAGmB,KAAK,IAAInB,UAAS,+CAAiDE,GAAtE,oB,WCxbX,MAEMkC,GAAW,kCACXC,GAAiB,yCACjBC,GAAY,mCACZC,GAAY,mCAEZC,GAAW,iCACXC,GAAc,qCAKdC,GAAc,oCACdC,GAAY,kCAQZ,GAAa,oCAEbC,GAAqB,8CAYrBC,GAAiB,yCACjBC,GAAyB,iDAEzBC,GAAc,sCACdC,GAAyB,iDCbtC,IA4gBA,GA5gB+B,SAAC,GAGzB,IAFLnE,EAEI,EAFJA,aACAoE,EACI,EADJA,qBAIMnC,GAAyBlB,gBAAWG,KACpCmD,GAA+BtD,gBAAWuD,KAC1CxD,GAAoBC,gBAAWC,KAE/BuD,GAAYC,YAAuB,MAoCnCC,EAAa,SAACC,EAAsBC,GACxCP,EAAqBM,EAAY/D,gCAA0CgE,IAOvEC,EAAiB,WACrB,OAAK3C,EAAuB4C,iBAAmB5C,EAAuB2C,eAE7D3C,EAAuB2C,eAEzBP,EAA6BS,eAGhCC,EAAqB,WAOzB,OAAK9C,EAAuB4C,gBAKrBR,EAA6BW,kBAH3B/C,EAAuB8C,oBAM5BE,EAAkB,WACtB,OAAKhD,EAAuB4C,gBAKrBR,EAA6Ba,eAH3BjD,EAAuBgD,iBAM5BE,EAAuB,WAC3B,OAAKlD,EAAuB4C,gBAKrBR,EAA6Be,oBAH3BnD,EAAuBkD,sBAM5BE,EAAW,WACf,QAAKpD,EAAuB4C,sBAETS,IADJrD,EAAuB2C,gBAOlCW,EAAe,WACnB,IAAKtD,EAAuB4C,gBAE1B,YAAiBS,IADJrD,EAAuB8C,mBAGtC,IAAMS,EAAOnB,EAA6BW,kBAC1C,YAAiBM,IAATE,QAA0CF,IAApBE,EAAKC,YAA4BD,EAAKC,YAGhEC,EAAY,WAChB,OAAKzD,EAAuB4C,qBAKXS,IADJjB,EAA6Ba,oBAFvBI,IADJrD,EAAuBgD,iBAOlCU,EAAiB,WACrB,OAAK1D,EAAuB4C,qBAKXS,IADJjB,EAA6Be,yBAFvBE,IADJrD,EAAuBkD,sBAOlCS,EAAyB,WAE7B,OADe3D,EAAuB4D,oBAAoBxK,OAAS,GA+FrE,OACE,gBAAC,KAAD,MACG,+BA5FCyG,EA4FD,OACC,gBAACgE,GAAA,EAAD,CAAM3E,UDjQa,sCCkQjB,sBAAIA,UAAU,gCACZ,wBAAMA,UAAU,aAAhB,gBACA,2BAFF,aAgBA,2BAEE,sBAAIA,UAAS,kCAAoCE,IAC/C,sBAAIF,UAAU,yCACZ,6BACA,qBAAGA,UAAWE,IAAd,UAEF,sBAAIF,UAAU,0CACVkE,IAUA,uBACElE,UAAS,2CAA6CE,GAA7C,IAA8EA,GAA9E,IAAkGA,GAC3GU,QAAS,kBAAW0C,EAAW,KAAM,IACrCsB,WAAS,sCAzGpB9D,EAAuB4C,gBAGrBlE,cAAuB0D,EAA6B2B,cAFlDrF,cAAuBsB,EAAuBgE,eA2GvC,wBAAM9E,UAAWE,IAAjB,OAfF,uBACEF,UAAS,gEAAoDE,GAC7DU,QAAS,kBAAW0C,EAAW,KAAM,IACrCsB,WAAS,uCAHX,iBAME,wBAAM5E,UAAWE,QAgBzB,sBAAIF,UAAS,kCAAoCE,GAApC,MAAwDgE,KAAchE,KACjF,sBAAIF,UAAU,yCACZ,6BACA,qBAAGA,UAAWE,IAAd,SAEF,sBAAIF,UAAU,0CACVkE,IAGA,uBACElE,UAAS,kBAAoBE,GAApB,IAAwCA,GACjDU,QAAS,kBAAW0C,EAAW,KAAM,IACrCsB,WAAS,uCAET,0BAAQ5E,UAAS,qCAAuCE,IAAxD,UACGuD,WADH,aACG,EAAkB9I,MAErB,uCAAQ8I,WAAR,aAAQ,EAAkBsB,KAC1B,wBAAM/E,UAAWE,IAAjB,OAXF,qBAAGF,UAAU,qBAAb,SAkBN,sBAAIA,UAAS,kCAAoCE,GAApC,MAAwDgE,KAAchE,KACjF,sBAAIF,UAAU,yCACZ,6BACA,qBAAGA,UAAWE,IAAd,WAEF,sBAAIF,UAAU,0CACVkE,IAGA,uBACElE,UAAS,kBAAoBE,GAApB,KAAwCkE,IAAiBlE,GAAkBA,IACpFU,QAAS,kBAAW0C,EAAW,KAAM,IACrCsB,WAAS,2CAEPR,IAMA,uBAAKpE,UAAU,kCACb,uBAAKA,UAAU,+CACb,uBAAKgF,QAAQ,YAAY7E,MAAM,KAAKzE,OAAO,KAAKsE,UAAW,UAAC4D,WAAD,OAAC,EAAsBqB,WAAkB,YAAL,IAC7F,0BAAQC,EAAE,KAAKC,GAAG,KAAKC,GAAG,KAAKC,KAAI,UAAEzB,WAAF,aAAE,EAAsB0B,WAAYC,OAAO,UAAUC,YAAY,WAEtG,uBAAKxF,UAAcE,kDAAoD,QAAlB,EAAA0D,WAAA,SAAsBqB,WAAa,GAAK,cAC3F,uBAAKD,QAAQ,YAAY7E,MAAM,KAAKzE,OAAO,MACzC,0BAAQwJ,EAAE,KAAKC,GAAG,KAAKC,GAAG,KAAKC,KAAI,UAAEzB,WAAF,aAAE,EAAsB0B,WAAYC,OAAO,UAAUC,YAAY,WAEtG,uBAAKR,QAAQ,WAAW7E,MAAM,MAAMzE,OAAO,IAAIsE,UDzUlC,mDC0UX,4BAAUvE,GAAG,4BACX,wBAAMgK,EAAE,IAAIC,EAAE,IAAIvF,MAAM,KAAKzE,OAAO,OAEtC,0BAAQwJ,EAAE,KAAKC,GAAG,KAAKC,GAAG,KAAKC,KAAI,UAAEzB,WAAF,aAAE,EAAsBqB,WAAYM,OAAO,UAAUC,YAAY,QAAQG,SAAS,sCAI3H,wBAAM3F,UAAS,mCAAqCE,IAApD,UAAsF0D,WAAtF,aAAsF,EAAsBgC,eAC5G,wBAAM5F,UAAWE,IAAjB,OAvBF,gCACE,uCACA,wBAAMF,UAAWE,OAVvB,qBAAGF,UAAU,qBAAb,OAoCF,uBAAKA,UAAS,gDAAiDc,EAAuB+E,kBAAoB,cAA1G,yBAKJ,sBAAI7F,UAAS,kCAAoCE,GAApC,MAAwDgE,KAAchE,KACjF,sBAAIF,UAAU,yCACZ,6BACA,qBAAGA,UAAWE,IAAd,UAEF,sBAAIF,UAAU,0CACVkE,IAGA,uBACElE,UAAS,kBAAoBE,GAApB,KAAwCqE,KAAeT,IAAoB5D,GAAkBA,IACtGU,QAAS,kBAAW0C,EAAW,KAAM,IACrCsB,WAAS,wCAEPL,KAAgBT,IAGhB,qBAAG9D,UAAS,4BAA8BE,IAAkC4D,KAF5E,qCAIF,wBAAM9D,UAAWE,IAAjB,OAZF,qBAAGF,UAAU,qBAAb,OAeF,uBAAKA,UAAS,gDAAiDc,EAAuBgF,eAAiB,cAAvG,yBAKJ,sBAAI9F,UAAS,kCAAoCE,GAApC,MAAwDgE,KAAchE,KACjF,sBAAIF,UAAU,yCACZ,6BACA,qBAAGA,UAAWE,IAAd,WAEF,sBAAIF,UAAU,2CACVkE,KACA,qBAAGlE,UAAU,qBAAb,OAEDkE,MAAeO,KACd,uBAAKzE,UAAS,2BAA6BE,GAA7B,IAAiDA,IAA/D,oBAIDgE,KAAcO,KACb,uBACEzE,UAAS,kBAAoBE,GAApB,KAAwCsE,IAAmBtE,GAAkBA,IACtFU,QAAS,kBAAW0C,EAAW,KAAM,IACrCsB,WAAS,4CAEPJ,IAMA,uBAAKxE,UAAU,kCACe,aAA3BgE,KACC,uBAAKhE,UAAU,+CACb,uBAAKgF,QAAQ,YAAY7E,MAAM,KAAKzE,OAAO,MACzC,0BAAQwJ,EAAE,KAAKC,GAAG,KAAKC,GAAG,KAAKC,KAAK,UAAUE,OAAO,UAAUC,YAAY,QAAQxF,UAAsC,eAA3BgE,IAA0C,YAAc,KACtJ,0BAAQkB,EAAE,KAAKC,GAAG,KAAKC,GAAG,KAAKC,KAAK,UAAUE,OAAO,UAAUC,YAAY,QAAQxF,UAAsC,eAA3BgE,IAA0C,YAAc,KACtJ,0BAAQkB,EAAE,KAAKC,GAAG,KAAKC,GAAG,KAAKC,KAAK,UAAUE,OAAO,UAAUC,YAAY,QAAQxF,UAAsC,eAA3BgE,IAA0C,YAAc,OAI5J,wBAAMhE,UAAS,mCAAqCE,IAAkC8D,KACtF,wBAAMhE,UAAWE,IAAjB,OAhBF,gCACE,sCACA,wBAAMF,UAAWE,OAmBzB,uBAAKF,UAAS,gDAAiDc,EAAuBgF,eAAiB,cAAvG,uBACA,uBAAK9F,UAAS,gDAAiDc,EAAuBiF,oBAAsB,cAA5G,2BAMN,uBAAK/F,UAAS,sFACZ,uBAAKA,UAAU,qBACb,uBAAKA,UAAU,UACb,sBAAIA,UAAU,oDAAd,iBAGJ,uBAAKA,UAAU,qBACb,uBAAKA,UAAU,UACb,2BACE,sBAAIA,UAAU,4CACZ,sBAAIA,UAAS,oBAAsBE,IAAnC,QACA,sBAAIF,UAAU,oBACZ,uBAAKA,UAAU,kCACb,uBAAKA,UAAS,+DAAiEE,GAAjE,IAAuFA,IAArG,MAGA,uBAAKF,UAAU,oBACb,0BAAQA,UAAS,cAAekE,IAAa,iBAAmB,KAAOA,KA/S3FvD,EAHGG,EAAuB4C,gBAGlBR,EAA6B8C,mBAF7BlF,EAAuBmF,oBAKxBzJ,iBAAyBmE,GAE3B,UA0S2H,YAD9G,YAON,uBAAKX,UAAcE,sEACnB,sBAAIF,UAAU,4CACZ,sBAAIA,UAAS,8DAAgEE,GAAhE,IAAyFA,IAAtG,OAEE,2BAFF,SAKA,sBAAIF,UAAU,oBACZ,uBAAKA,UAAU,kCACb,uBAAKA,UAAS,wFAA0FE,GAA1F,IAAgHA,IAA9H,MAGA,uBAAKF,UAAU,oBACb,0BAAQA,UAAcE,GAAL,cA1TV,WAC7B,IAAIS,EAMJ,OAFEA,EAHGG,EAAuB4C,gBAGlBR,EAA6B8C,mBAF7BlF,EAAuBoF,gBAKxB1J,iBAAyBmE,GAE3B,UAiTkBwF,GACA,KAEH,wBAAMnG,UAAU,4BAAhB,eAOZ,uBAAKA,UAAU,iCACb,uBACEP,IAAKZ,EACLsB,MAAM,KACNzE,OAAO,KACP0E,IAAI,MACJC,SAAS,YAKf,uBAAKL,UAAU,6FACb,wBAAMA,UD/eW,0CCgff,wBAAMA,UAAS,2DAAf,qBAGJ,uBAAKA,UDpec,2CCoenB,KAEE,wBAAMA,UDreQ,wCCqed,OAFF,iBAQA,uBAAKA,UAAU,uCAEb,uBAAKA,UAAU,SAASoG,IAAKhD,GAC3B,0BACEhJ,KAAK,SACL4F,UAAS,uGAELkE,IAAQ,GAAQhE,GAAyBA,yCAFpC,uBAITU,QAAS,kBA/SvBjB,EAAkBkB,QAAQC,GAGtBA,EAAuBuF,QACzBvF,EAAuBwF,iBAAiBxF,EAAuBuF,aAG5DvF,EAAuB4C,gBAQjBR,EAA6BqD,gBACtCrD,EAA6BsD,uCAC3BtD,EAA6BqD,gBAE/BxF,QAASC,8BAXJkD,IAIHpD,EAAuB2F,mBAAmBjH,kCAH1CsB,EAAuB4F,oBACvB5F,EAAuB2F,mBAAmBjH,uCAI5CuB,QAASC,gCAmSG,+CACA,wBAAMhB,UDhgBS,gDCkgBjB,qBAAGA,UAAU,8DAAb,4B,UC3hBH2G,GAAY,CACvBC,OAAQ,UACRC,QAAS,UACTC,SAAU,UACVC,SAAU,YCJL,MAOMC,GAAc,sCAEdC,GAAe,sCACf,GAAQ,8BCgBrB,IAgWA,GAhW+B,SAAC,GAEzB,IADLnK,EACI,EADJA,MAAOmG,EACH,EADGA,qBAAsBiE,EACzB,EADyBA,UAAWC,EACpC,EADoCA,WAAYC,EAChD,EADgDA,mBAE9CC,GAAWC,mBAEXxG,GAAyBlB,gBAAWG,KACpCmD,GAA+BtD,gBAAWuD,KAC1CxD,GAAoBC,gBAAWC,KAErC,GAA8BT,eAAS,GAAhCmI,EAAP,KAAgBC,EAAhB,KA6DMC,EAAgB,SAACC,GAErBC,OAAOC,QAAQpI,0BAAmCqI,SAAQ,YAAmB,IAAjBC,EAAgB,YAC5DJ,GACZ/H,EAAkBkB,QAAQC,EAAwBiH,OAAOD,OAKzDhH,EAAuBuF,QACzBvF,EAAuBwF,iBAAiBxF,EAAuBuF,QAG7DqB,IAASlI,yBAAkCA,iCACxCsB,EAAuB4C,gBAMjBR,EAA6BqD,gBACtCrD,EAA6BsD,uCAC3BtD,EAA6BqD,gBAE/BxF,QAASC,8BAlFRF,EAAuB4C,sBAETS,IADJrD,EAAuB2C,gBAyEhC3C,EAAuB4F,oBAEzB5F,EAAuB2F,mBAAmBjH,kCAC1CuB,QAASC,6BAOF0G,IAASlI,yBAAkCA,gCAEpDsB,EAAuB2F,mBAAmBjH,gCAC1CuB,QAASC,6BACA0G,IAASlI,yBAClBA,mCAEAsB,EAAuB2F,mBAAmBjH,mCAC1CuB,QAASC,6BACA0G,IAASlI,yBAAkCA,+BAEpDsB,EAAuB2F,mBAAmBjH,8BAC1CuB,QAASC,8BA8Bb,OACE,gBAAC,KAAD,MACG,WAAO,IAAD,MA5GHgH,EA6GEC,EAAW,GACXP,EAAkB,GAClB/G,EAAQ,GACRuH,EAAS,GACTC,EAAY,GAChB,OAAQrL,GACN,KAAK6J,UACHsB,EAAWzI,yBAAkCA,+BApH/CwI,EAASlH,EAAuBsH,mBAqH9BzH,EApHDnE,iBAAyBwL,EAAOrH,OAqH/B+G,EAxH0B5G,EAAuBsH,mBAyHjDF,EAAS,iDACTC,EAAY,qDACZ,MACF,KAAKxB,WACHsB,EAAWzI,yBAAkCA,kCAC7CmB,EAtHiB,WACzB,IAAMqH,EAASlH,EAAuBuH,sBACtC,OAAO7L,iBAAyBwL,EAAOrH,OAoHvB2H,GACRZ,EAxH6B5G,EAAuBuH,sBAyHpDH,EAAS,oDACTC,EAAY,wDACZ,MACF,KAAKxB,YACHsB,EAAWzI,yBAAkCA,6BAC7CmB,EAtHY,WACpB,IAAMqH,EAASlH,EAAuByH,iBACtC,OAAO/L,iBAAyBwL,EAAOrH,OAoHvB6H,GACRd,EAxHwB5G,EAAuByH,iBAyH/CL,EAAS,+CACTC,EAAY,mDACZ,MACF,KAAKxB,YACHsB,EAAWzI,yBAAkCA,iCAC7CmB,EA7GY,WACpB,IAAKG,EAAuB4C,gBAAiB,CAC3C,IAAMsE,EAASlH,EAAuB2H,qBACtC,OAAOjM,iBAAyBwL,EAAOrH,OAEzC,IAAMqH,EAAS9E,EAA6BwF,qBAC5C,OAAOlM,iBAAyBwL,EAAOrH,OAuGvBgI,GACRjB,EAvHc,oBAAX3L,OAEF,GAEJ+E,EAAuB4C,gBAGrBR,EAA6BwF,qBAF3B5H,EAAuB2H,qBAmHxBP,EAAS,mDACTC,EAAY,uDAKhB,IAAMS,EAAO,CACXX,WACAtH,QACAkI,MAAOnB,EAAKoB,UACZC,MAAOrB,EAAKqB,MACZC,OAAQtB,EAAKsB,OACbC,YAAavB,EAAKuB,YAClBC,KAAMxB,EAAKwB,MAGb,OACE,uBAAKlJ,UAAS,wCAA6BkH,GACzC,uBAAKlH,UAAS,4HACZ,uBAAKA,UAAS,4FACd,uBAAKA,UAAU,oBACb,uBAAKA,UAAS,4CACXlD,IAAU6J,GAAUE,SACrB,gCACE,qBAAG7G,UAAU,4EAAb,UACEc,EAAuBuH,sBAAsBc,iBAC7C,qBAAGnJ,UAAU,4EAAb,YAIHlD,IAAU6J,GAAUG,UACrB,gCACE,qBAAG9G,UAAU,4EAAb,WACA,qBAAGA,UAAU,4EAAb,SACEc,EAAuBuH,sBAAsBc,iBAC7C,qBAAGnJ,UAAU,4EAAb,YAIHlD,IAAU6J,GAAUI,UACrB,qBAAG/G,UAAU,4EAAb,UAIF,sBAAIA,UAAU,6FACXlD,GAGH,uBAAKkD,UAAS,8DACZ,uBAAKA,UAAS,UAAE4I,EAAKC,aAAP,QAAgB,aAC5B,uBAAK7I,UAAU,wBACb,qBAAGA,UAAU,oBACX,wBAAMA,UAAU,qCACb4I,EAAKM,KADR,WAIA,wBAAMlJ,UAAU,0BAAhB,cAEF,qBAAGA,UAAS,oGACT4I,EAAKjI,OAER,qBAAGX,UAAU,4CAAb,OAIF,qBAAGA,UAAU,gDAAb,2BAEF,uBAAKA,UAAW4I,EAAKC,MAAQ,YAAc,IACzC,qBAAG7I,UAAU,8BAAb,gCAIJ,uBAAKA,UDxQU,6CCyQXmH,GAAcyB,EAAKC,MACnB,0BACE7I,UAAS,mEAAqEE,GAC9E9F,KAAK,SACLwK,WAAUsD,EACVtH,QAAS,kBAAM6G,EAAcmB,EAAKX,YAJpC,eAOE,uBAAKxI,IAAK2J,KAAYhJ,IAAI,SAG5B,0BACEJ,UAAS,sEAAwEE,GACjF9F,KAAK,SACLwK,WAAS,4CACThE,QAAS,WACPqC,EAAqB,MAAOzD,mCALhC,SASE,uBAAKC,IAAK2J,KAAYhJ,IAAI,UAKhC,sBAAIJ,UAAS,GAAKE,IAChB,sBAAIF,UAAU,2DAAd,QACA,sBAAIA,UAAU,2BACX4I,EAAKC,MACN,wBAAM7I,UAAW4I,EAAKC,MAAQ,YAAc,IAA5C,SAGJ,sBAAI7I,UAAcE,GAAL,eAAqB0I,EAAKG,aAA1B,QAAmC,cAC9C,sBAAI/I,UAAU,2DAAd,OACA,sBAAIA,UAAU,2BACX4I,EAAKG,QAGV,sBAAI/I,UAAS,GAAKE,IAChB,sBAAIF,UAAU,2DAAd,WACA,sBAAIA,UAAU,2BACX4I,EAAKI,OACN,wBAAMhJ,UAAW4I,EAAKI,OAAS,YAAc,IAA7C,SAGJ,sBAAIhJ,UAAS,GAAKE,IAChB,sBAAIF,UAAU,2DAAd,aACA,sBAAIA,UAAU,2BACX4I,EAAKK,YACN,wBAAMjJ,UAAW4I,EAAKK,YAAc,YAAc,IAAlD,SAKJ,uBAAKjJ,UAAcE,6CAAL,UAAgC0I,EAAKC,aAArC,QAA8C,cAC1D,uBAAK7I,UAAU,qBACb,0BACEA,UAAS,sCAAwCE,GACjD9F,KAAK,SACLwK,WAAUuD,EACVvH,QAAS,WAEP,OFtUK,SAAC9D,GAA2C,IAAD,EAC/DuM,GAAP,UAAiB1B,OAAOC,QAAQjB,IAAW2C,MAAK,SAAC1O,GAAD,OAAUA,EAAK,KAAOkC,YAAtE,QAAgF,IAAhF,GACA,OAAQuM,UAAU,WEmUeE,CAAczM,IAEvB,IAAK,WACHmG,EAAqB,MAAOzD,iCAC5B,MACF,IAAK,WACHyD,EAAqB,qBAAsBzD,6BAC3C,MACF,IAAK,UACHyD,EAAqB,qBAAsBzD,kCAC3C,MACF,IAAK,SACHyD,EAAqB,qBAAsBzD,+BAK/CgI,GAAW,KAtBf,iBA4BD1K,IAAU6J,GAAUI,UACnB,uBAAK/G,UAAU,qBACb,0BACE5F,KAAK,SACL4F,UAAS,sDAAwDE,GACjE0E,WAAS,wCACThE,QAAS,kBA9NX,WAWlB,GAVAsC,EAA6BsG,cAAc,CACzCC,kBAAmB3I,EAAuB4I,qBAC1CC,UAAW7I,EAAuB8I,aAClCf,MAAO/H,EAAuB+I,SAC9BC,UAAWhJ,EAAuBiJ,uBAClCC,WAAYlJ,EAAuBoF,eACnC+D,aAAcnJ,EAAuBgD,gBACrCkF,OAAQlI,EAAuBoJ,wBAG7BnO,SAAW,MAAMoO,KAAK9C,EAAS+C,QAAS,CAC1C,IAAMC,EAAcvJ,EAAuBwJ,UACvCD,IACkC,MAAhChD,EAASkD,SAASC,OAAO,GAC3BzO,OAAO0O,QAAQC,aAAa,KAAM,GAAOrD,EAASkD,SAAlD,IAA8DF,EAA9D,SAEAtO,OAAO0O,QAAQC,aAAa,KAAM,GAAOrD,EAASkD,SAAlD,KAA+DF,EAA/D,UAIN7C,GAAW,GACPJ,GAAoBA,IAwMgBuD,IACpBC,SAAUrD,GAETA,EAAU,MAAQ,0BC7W3C,omCCCO,MAAMsD,GAAa,wCACbC,GAAS,mCACTC,GAAY,sCACZC,GAAc,yCACdC,GAAc,0CACdC,GAAc,yCACdC,GAAU,qCACVC,GAAgB,2CAChBC,GAAW,sCACXC,GAAgB,4CAChBC,GAAU,qCACVC,GAAU,qCACVC,GAAU,qCACVC,GAAc,yCACdC,GAAW,sCACXC,GAAU,qCACVC,GAAc,0CACdC,GAAoB,gDACpBC,GAAmB,+CACnB,GAAgB,2CAChB,GAAe,0CACf,GAAmB,+CAEnBC,GAAc,yCACdC,GAAmB,8CACnBC,GAAc,yCACdC,GAAU,oCACVC,GAAe,0CACfC,GAAe,0CACfC,GAAe,0CACfC,GAAe,0CACfC,GAAe,0CACfC,GAAe,0CACfC,GAAa,wCACbC,GAAc,yCACdC,GAAc,yCAMdC,GAAe,0CACfC,GAAuB,mDACvBC,GAAkB,8CAIlBC,GAAe,0CACfC,GAAiB,4CACjBC,GAAyB,qDACzBC,GAAiB,4CACjBC,GAAiB,4CACjBC,GAAa,wCACbC,GAAe,0CAEfC,GAAO,iCACPC,GAAW,qCACXC,GAAuB,mDACvBC,GAAuB,mDACvBC,GAAuB,oDACvBC,GAAS,mCACTC,GAAO,kCACPC,GAAmB,+CACnBC,GAAa,wCACbC,GAAQ,kCAERC,GAAU,qCAEVC,GAAgB,2CAChBC,GAAa,wCAEbC,GAAW,sCACXC,GAAmB,+CACnBC,GAAW,sCACXC,GAAW,sCACXC,GAAO,kCACPC,GAAY,uCACZC,GAAc,yCAEdC,GAAoB,+CACpBC,GAAc,yCACdC,GAAwB,oDACxBC,GAAU,qCACVhG,GAAY,uCACZiG,GAAY,sCACZC,GAAS,mCACTpE,GAAW,qCAEXqE,GAA2B,wDAC3BC,GAA0B,sDAC1BC,GAAqB,iDACrBC,GAAoB,gDACpBC,GAAyB,sDACzBC,GAAoB,iDACpBC,GAAuB,oDACvBC,GAAoB,iDACpB,GAAiB,6CChGjB,GAAU,iCACV,GAAW,mCACX,GAAc,sCACd,GAAe,uCACfC,GAAU,kCACV,GAAc,sCACd,GAAU,kCACV,GAAY,mCACZ,GAAY,oCACZ,GAAS,gCACT,GAAW,kCAEXC,GAAqB,8CACrB,GAA2B,qDAC3B,GAA0B,mDAC1B,GAAqB,8CAGrBC,GAAc,uCACd,GAAY,mCACZC,GAAW,mCACX,GAAW,kCACXC,GAAkB,0CAClBC,GAAiB,yCACjBC,GAAe,uCACfC,GAAmB,4CACnBC,GAAmB,2CACnBC,GAAW,kCACXC,GAAO,8BACPC,GAAS,gCAGTC,GAAkB,0CAClB,GAAuB,iDACvBC,GAAc,sCACd1V,GAAO,8BACP2V,GAAS,gCACTC,GAAiB,0CACjBC,GAA0B,oDAC1BC,GAA0B,oDAC1BC,GAAqB,8CACrBC,GAAqB,8CACrBC,GAAgB,yCAChB,GAAa,qCACb,GAAgB,wCAChBC,GAAa,oCACbC,GAAW,kCACXC,GAAY,oCACZ,GAAS,iCACTC,GAAe,uCACf,GAAS,gCACTC,GAA2B,oDAC3BC,GAAoB,6CACpBC,GAAkB,2CAClBC,GAAY,qCACZC,GAAuB,iDACvB,GAAiB,0CACjBC,GAAsB,+CACtB,GAAkB,2CAClB,GAAe,wCAEfC,GAAc,sCACdC,GAAsB,gDACtBC,GAAyB,mDACzBC,GAAmB,4CACnBC,GAAuB,gDACvBC,GAAyB,kDACzBC,GAAuB,gDACvBC,GAAuB,gDACvBC,GAAa,qCACbC,GAAc,sCACdC,GAAW,mCACXC,GAAQ,+BC7DrB,IAqIA,GArIsC,SAAC,GAAgB,IAAdC,EAAa,EAAbA,OACjCtR,GAAyBlB,gBAAWG,KAEpCsS,EAAW,CACf,CACE5W,GAAI+D,oBACJ7E,KAAM6E,cAAuBA,qBAC7BmB,MAAUnE,iBAAyBsE,EAAuBwR,mBAArD,KAGP,CACE7W,GAAI+D,oBACJ7E,KAAM6E,cAAuBA,qBAC7BmB,MAAUnE,iBAAyBsE,EAAuByR,mBAArD,KAEP,CACE9W,GAAI+D,mBACJ7E,KAAM6E,cAAuBA,oBAC7BmB,MAAUnE,iBAAyBsE,EAAuB0R,kBAArD,KAEP,CACE/W,GAAI+D,mBACJ7E,KAAM6E,cAAuBA,oBAC7BmB,MAAUnE,iBAAyBsE,EAAuB2R,kBAArD,KAEP,CACEhX,GAAI+D,mBACJ7E,KAAM6E,cAAuBA,oBAC7BmB,MAAUnE,iBAAyBsE,EAAuB4R,kBAArD,KAEP,CACEjX,GAAI+D,mBACJ7E,KAAM6E,cAAuBA,oBAC7BmB,MAAUnE,iBAAyBsE,EAAuB6R,kBAArD,KAEP,CACElX,GAAI+D,mBACJ7E,KAAM6E,cAAuBA,oBAC7BmB,MAAUnE,iBAAyBsE,EAAuB8R,kBAArD,KAEP,CACEnX,GAAI+D,mBACJ7E,KAAM6E,cAAuBA,oBAC7BmB,MAAUnE,iBAAyBsE,EAAuB+R,kBAArD,KAEP,CACEpX,GAAI+D,mBACJ7E,KAAM6E,cAAuBA,oBAC7BmB,MAAUnE,iBAAyBsE,EAAuBgS,kBAArD,KAEP,CACErX,GAAI+D,mBACJ7E,KAAM6E,cAAuBA,oBAC7BmB,MAAUnE,iBAAyBsE,EAAuBiS,kBAArD,KAEP,CACEtX,GAAI+D,mBACJ7E,KAAS6E,cAAuBA,oBAA5B,OACJmB,MAAUnE,iBAAyBsE,EAAuBkS,kBAArD,MAIT,GAA0B5T,cAAS,IAA5B6T,EAAP,KAAcC,EAAd,MAEAC,gBAAU,WACJf,EACFc,EAAS,IAGTvX,YAAW,kBAAMuX,EAAS,CAAExX,OAAQ,UAAU,OAE/C,CAAC0W,IAiBJ,OACE,uBAAKpS,UAAcE,GAAL,gBAAoC+S,MAAOA,EAAOG,YAAU,gBACxE,sBAAIpT,UAAU,wEAAd,aACA,uBAAKA,UAAU,sBACZqS,EAAS7X,KAAI,SAAC+F,EAAO9F,GAAR,OACZ,gCACE,uBACEuF,UAAcE,GAAL,kBAAsCK,EAAM9E,KAAO+D,oBAAd,GAAiDU,GAAoC,IACnI4H,IAAKrN,EAAM4Y,YAEX,yBACEjZ,KAAK,QACLO,KAAK,OACLc,GAAE,QAAU8E,EAAM9E,GAClB6X,QAAS/S,EAAM9E,KAAOqF,EAAuBgE,cAC7CyO,SAAU,kBA9BP9X,EA8BqB8E,EAAM9E,GA7BpC+X,EAAW1S,EAAuBgE,cACpChE,EAAuBkD,uBACrBxE,0BAAmCA,iCACnC/D,GAAM,GAAK+X,GAAY,GAGhBA,GAAY,GAAK/X,GAAM,IADhCqF,EAAuB2S,wBAAuB,QAMlD3S,EAAuB4S,WAAWjY,GAZpB,IAACA,EACT+X,KA+BI,yBAAOG,QAAO,QAAUpT,EAAM9E,GAAMuE,UAAU,oBAC5C,4BACGO,EAAM5F,KACN4F,EAAM9E,KAAO+D,qBACZ,wBAAMQ,UAAWE,IAAjB,OAGJ,4BAAOK,EAAMI,SAGhBJ,EAAM9E,KAAO+D,oBACZ,qBAAGQ,UAAWE,IACZ,wBAAMF,UAAWE,IAAjB,QADF,KAGE,wBAAMF,UAAU,wBAAhB,gBAHF,mBASN,wBAAMA,UAAWE,IAAjB,8C,yHC0PR,GA7WuB,WACrB,IAAMY,GAAyBlB,gBAAWG,KAE1C,GAGIX,cAAS,CAAEwU,WAAW,EAAOC,eAAe,EAAOC,MAAM,IAF3DC,EADF,KAEEC,EAFF,KAMMN,EAAa,SAACtZ,GAElB6Z,WAAA,cAAwB7Z,GACX,SAATA,EACF0G,EAAuBoT,gBACL,UAAT9Z,GACT0G,EAAuBqT,iBAI3B,OACE,gBAAC,KAAD,MACG,kBACC,uBAAKnU,UAAcE,GAAL,iBACZ,qBAAGF,UAAU,qEAAb,sBAEA,uBAAKA,UAAU,wCACb,uBAAKA,UAAS,UAAYE,GAAZ,IAAwCA,IACpD,qBAAGF,UAAU,wBAAb,QAEE,0BACEA,UAAS,uCAAyCE,GAAzC,IAA2DA,GACpE9F,KAAK,SACLwG,QAAS,kBAAWoT,EAAS,CAC3BJ,WAAYG,EAAMH,UAClBC,eAAe,EACfC,MAAM,MAGR,2CAIN,uBAAK9T,UAAS,0BAA4BE,IACxC,uBAAKF,UAAS,kCAAoCE,IAChD,0BACEF,UAAWE,GACX9F,KAAK,SACLwQ,SAAU9J,EAAuBgE,eAAiB,EAClDF,WAAS,wCACThE,QAAS,kBAAW8S,EAAW,WAE/B,wBAAM1T,UAAU,aAAhB,QAEF,uBAAK4E,WAAS,wCACXpF,cAAuBsB,EAAuBgE,gBAEjD,0BACE9E,UAAWE,GACX9F,KAAK,SACLwQ,SAAU9J,EAAuBgE,eAAiB,GAClDF,WAAS,uCACThE,QAAS,kBAAW8S,EAAW,UAE/B,wBAAM1T,UAAU,aAAhB,WAMR,uBAAKA,UAAWE,IACd,uBACEF,UAAcE,GAAL,IAA4BA,GAA5B,MAAwD6T,EAAMH,WAAa,aACpFhT,QAAS,kBAAWoT,EAAS,OAAD,UAAMD,EAAN,CAAaH,WAAW,OAEpD,qBAAG5T,UAAU,yDAAb,WAGA,uBAAKA,UAAU,gDAAf,wFASHc,EAAuBsT,WAAWla,OAAS,GAC1C,sBAAI8F,UAAS,sBAAwBE,IACnC,sBAAIF,UAAS,+CAAiDE,IAA9D,WACA,uBAAKF,UAAS,qBAAuBE,IAClCY,EAAuBsT,WAAW5Z,KAAI,SAACI,EAAMH,GAAP,aACrC,sBAAIuF,UAAS,UAAYE,GAAZ,IAA+BA,GAA/B,KAA4D,IAAVzF,GAAe,oBAAsBqN,IAAKrN,EAAM4Y,YAC7G,yBACEjZ,KAAK,QACLO,KAAK,SACLc,GAAE,UAAYb,EAAK2F,MACnB+S,QAAS1Y,EAAK2F,SAAL,UAAeO,EAAuBuF,cAAtC,aAAe,EAA+BgO,QACvDd,SAAU,kBAAMzS,EAAuBwT,UAAU1Z,EAAK2F,QACtDqE,WAAS,2CAEX,yBAAO+O,QAAO,UAAY/Y,EAAK2F,MAASP,UAAU,OAChD,uBAAKA,UAAU,aACb,4BAAOpF,EAAK2Z,eAUzBzT,EAAuB0T,UAAUta,OAAS,GACzC,sBAAI8F,UAAS,sBAAwBE,IACnC,sBAAIF,UAAS,+CAAiDE,IAA9D,QACA,uBAAKF,UAAS,qBAAuBE,IAClCY,EAAuB0T,UAAUha,KAAI,SAACI,EAAMH,GAAP,aACpC,sBAAIuF,UAAS,UAAYE,GAAZ,IAA+BA,GAA/B,KAAwD,IAAVzF,GAAe,oBAAsBqN,IAAKrN,EAAM4Y,YACzG,yBACEjZ,KAAK,QACLO,KAAK,QACLc,GAAE,SAAWb,EAAK2F,MAClB+S,QAAS1Y,EAAK2F,SAAL,UAAeO,EAAuBuF,cAAtC,aAAe,EAA+BoO,OACvD7J,SAAUhQ,EAAKgQ,SACf2I,SAAU,kBAAMzS,EAAuB4T,SAAS9Z,EAAK2F,QACrDqE,WAAS,uCAEX,yBAAO+O,QAAO,SAAW/Y,EAAK2F,MAASP,UAAU,OAC/C,uBAAKA,UAAU,aACb,4BAAOpF,EAAK2Z,eAUzBzT,EAAuB6T,YAAYza,OAAS,GAC3C,sBAAI8F,UAAS,sBAAwBE,IACnC,sBAAIF,UAAS,+CAAiDE,IAA9D,SACA,uBAAKF,UAAS,qBAAuBE,IAClCY,EAAuB6T,YAAYna,KAAI,SAACI,EAAMH,GAAP,aACtC,sBAAIuF,UAAS,UAAYE,GAAZ,IAA+BA,GAA/B,KAA6D,IAAVzF,GAAe,oBAAsBqN,IAAKrN,EAAM4Y,YAC9G,yBACEjZ,KAAK,QACLO,KAAK,UACLc,GAAE,WAAab,EAAK2F,MACpB+S,QAAS1Y,EAAK2F,SAAL,UAAeO,EAAuBuF,cAAtC,aAAe,EAA+BuO,SACvDhK,SAAUhQ,EAAKgQ,SACf2I,SAAU,kBAAMzS,EAAuB+T,WAAWja,EAAK2F,QACvDqE,WAAS,4CAEX,yBAAO+O,QAAO,WAAa/Y,EAAK2F,MAASP,UAAU,OACjD,uBAAKA,UAAU,aACb,4BAAOpF,EAAK2Z,eAU1B,uBAAKvU,YAAe+T,EAAMD,MAAQ,aAApB,yDACZ,uBAAK9T,UAAU,wBACb,qBAAGA,UAAU,gFAAb,aAEF,uBAAKA,UAAU,gDACb,uBAAKA,UAAS,wBAA0BE,IACtC,uBAAKF,UAAU,uBACb,uBAAKP,IAAKqV,KAAmB1U,IAAI,YACjC,qBAAGJ,UAAU,WAAb,YAEE,2BAFF,SAMF,uBAAKA,UAAU,uBACb,uBAAKP,IAAKsV,KAAmB3U,IAAI,YACjC,qBAAGJ,UAAU,WAAb,YAEE,2BAFF,SAMF,uBAAKA,UAAU,uBACb,uBAAKP,IAAKuV,KAAgB5U,IAAI,YAC9B,qBAAGJ,UAAU,WAAb,cAEF,uBAAKA,UAAU,uBACb,uBAAKP,IAAKwV,KAAY7U,IAAI,YAC1B,qBAAGJ,UAAU,WAAb,WAEF,uBAAKA,UAAU,uBACb,uBAAKP,IAAKyV,KAAiB9U,IAAI,YAC/B,qBAAGJ,UAAU,WAAb,eAEF,uBAAKA,UAAU,uBACb,uBAAKP,IAAK0V,KAAa/U,IAAI,YAC3B,qBAAGJ,UAAU,WAAb,WAEF,uBAAKA,UAAU,uBACb,uBAAKP,IAAK2V,KAAgBhV,IAAI,YAC9B,qBAAGJ,UAAU,WAAb,sBAEF,uBAAKA,UAAU,uBACb,uBAAKP,IAAK4V,KAAajV,IAAI,YAC3B,qBAAGJ,UAAU,WAAb,iBAIN,qBAAGA,UAAU,mEAAkE,6CAC/E,uBAAKA,UAAS,qDAAuDE,IACnE,uBAAKF,UAAU,uBACb,uBAAKP,IAAKsV,KAAmB3U,IAAI,UAAUJ,UAAU,YACrD,qBAAGA,UAAU,WAAb,SAEF,uBAAKA,UAAU,uBACb,uBAAKP,IAAK6V,KAAuBlV,IAAI,UAAUJ,UAAU,YACzD,qBAAGA,UAAU,WAAb,mBAEF,uBAAKA,UAAU,uBACb,uBAAKP,IAAK8V,KAA2BnV,IAAI,UAAUJ,UAAU,YAC7D,qBAAGA,UAAU,WAAb,SAGJ,uBAAKA,UAAU,oCAAoCY,QAAS,kBAAWoT,EAAS,OAAD,UAAMD,EAAN,CAAaD,MAAM,OAChG,uBAAK9T,UAAU,0DACb,wBAAMA,UAAS,uBAAyBE,KACxC,wBAAMF,UAAU,qBAAhB,UAMN,sBAAIA,UAAS,sBAAwBE,IACnC,sBAAIF,UAAS,+CAAiDE,GAAjD,IAA6EA,IAA1F,QACA,qBAAGF,UAAU,mDAAb,wCAEE,2BAFF,YAMA,uBAAKA,UAAcE,GAAL,+FACZ,uBAAKF,UAAU,WACf,uBAAKA,UAAU,sEACb,wCACA,0BACEA,UAAS,uCAAyCE,GAClD9F,KAAK,SACLwG,QAAS,kBAAWoT,EAAS,CAC3BJ,WAAW,EACXC,eAAgBE,EAAMF,cACtBC,MAAM,MAGR,sCAMN,uBAAK9T,YAAe+T,EAAMF,eAAiB,aAA7B,yDACZ,uBAAK7T,UAAU,6BACb,qBAAGA,UAAU,iEAAb,eADF,yDAGE,qBAAGA,UAAU,aAAb,gDAEF,uBAAKA,UAAU,oCAAoCY,QAAS,kBAAWoT,EAAS,OAAD,UAAMD,EAAN,CAAaF,eAAe,OACzG,uBAAK7T,UAAU,0DACb,wBAAMA,UAAS,uBAAyBE,KACxC,wBAAMF,UAAU,qBAAhB,UAKN,2BACGc,EAAuB0U,UAAUhb,KAAI,SAACI,EAAMH,GAAP,eACpC,sBAAIuF,UAAcE,GAAL,IAAwBA,GAAxB,gBAAuD4H,IAAKrN,EAAM4Y,YAC7E,yBACEjZ,KAAK,QACLO,KAAK,QACLc,GAAE,SAAWhB,EACb6Y,QAAS1Y,EAAKD,QAAL,UAAcmG,EAAuBuF,cAArC,aAAc,EAA+ByC,WACtDyK,SAAU,kBAAMzS,EAAuB2U,SAAS7a,EAAK8a,eACrD9Q,WAAS,0CAEX,yBAAO+O,QAAO,SAAWlZ,EAASuF,UAAU,gBACE,QAA3C,UAAAc,EAAuBuF,cAAvB,eAA+BuO,UAA8B,IAAVna,GACpD,qBAAGuF,UAAcE,GAAL,uEAAZ,QAKA,uBAAKF,UAAS,GAAKE,IACjB,0BAAQF,UAAcE,GAAL,cAAoCtF,EAAKD,MAC1D,wBAAMqF,UAAU,+CACd,8BAASxD,iBAAyB5B,EAAK+F,QADzC,MAMF,uBAAKX,UAAU,qCACb,uBAAKA,UAAS,GAAKE,IACjB,qBAAGF,UAAU,aAAb,WAEGpF,EAAK8a,aAAarB,QAAU,SAGjC,uBAAKrU,UAAS,GAAKE,IACjB,qBAAGF,UAAS,aAAeE,IAA3B,QACA,uBAAKF,UAAcE,GAAL,IAAsBA,IACX,IAAtBtF,EAAK+a,cAAuB,yCACN,IAAtB/a,EAAK+a,cAAuB,yDACN,IAAtB/a,EAAK+a,cAAuB,wBAAM3V,UAAS,GAAKE,IAApB,aAEJ,IAAxBtF,EAAKgb,gBAAyB,6CACN,IAAxBhb,EAAKgb,gBAAyB,6CACN,IAAxBhb,EAAKgb,gBAAyB,yDACN,IAAxBhb,EAAKgb,gBAAyB,wBAAM5V,UAAS,GAAKE,IAApB,aAEZ,IAAlBtF,EAAKib,UAAmB,sCACN,IAAlBjb,EAAKib,UAAmB,sDACN,IAAlBjb,EAAKib,UAAmB,wBAAM7V,UAAS,GAAKE,IAApB,UAEA,IAAxBtF,EAAKkb,gBAAyB,sCACN,IAAxBlb,EAAKkb,gBAAyB,sDACN,IAAxBlb,EAAKkb,gBAAyB,wBAAM9V,UAAS,GAAKE,IAApB,UAEP,IAAvBtF,EAAKmb,eAAwB,0CACN,IAAvBnb,EAAKmb,eAAwB,0DACN,IAAvBnb,EAAKmb,eAAwB,wBAAM/V,UAAS,GAAKE,IAApB,cAED,IAA5BtF,EAAKob,oBAA6B,0CACN,IAA5Bpb,EAAKob,oBAA6B,0DACN,IAA5Bpb,EAAKob,oBAA6B,wBAAMhW,UAAS,GAAKE,IAApB,cAEZ,IAAtBtF,EAAKqb,cAAuB,iDACN,IAAtBrb,EAAKqb,cAAuB,iEACN,IAAtBrb,EAAKqb,cAAuB,wBAAMjW,UAAS,GAAKE,IAApB,+BAW7C,qBAAGF,UAAU,kFAAb,yCAGA,qBAAGA,UAAU,kFAAb,sCC3KV,GAjM4C,SAAC,GAAgB,IAAdoS,EAAa,EAAbA,OACvCtR,GAAyBlB,gBAAWG,KAE1C,GAA0BX,cAAS,IAA5B6T,EAAP,KAAcC,EAAd,KAWA,OATAC,gBAAU,WACJf,EACFc,EAAS,IAGTvX,YAAW,kBAAMuX,EAAS,CAAExX,OAAQ,UAAU,OAE/C,CAAC0W,IAGF,gBAAC,KAAD,MACG,kBACC,uBAAKpS,UAAcE,GAAL,gBAAoC+S,MAAOA,EAAOG,YAAU,iBACxE,sBAAIpT,UAAU,wEAAd,YAGCc,EAAuBsT,WAAWla,OAAS,GAC1C,sBAAI8F,UAAU,sBACZ,sBAAIA,UAAU,+CAAd,WACA,uBAAKA,UAAU,qBACZc,EAAuBsT,WAAW5Z,KAAI,SAACI,EAAMH,GAAP,aACrC,sBAAIuF,UAAS,UAAYE,GAAZ,KAAyC,IAAVzF,GAAe,qBAAuBqN,IAAKrN,EAAM4Y,YAC3F,yBACEjZ,KAAK,QACLO,KAAK,SACLc,GAAE,UAAYb,EAAK2F,MACnB+S,QAAS1Y,EAAK2F,SAAL,UAAeO,EAAuBuF,cAAtC,aAAe,EAA+BgO,QACvDd,SAAU,kBAAMzS,EAAuBwT,UAAU1Z,EAAK2F,QACtDqE,WAAS,2CAEX,yBACE+O,QAAO,UAAY/Y,EAAK2F,MACxBP,UAAS,QAASc,EAAuBsT,WAAWla,OAAS,EAAIgG,GAAiB,KAElF,uBAAKF,UAAU,aACb,4BAAOpF,EAAK2Z,eAUzBzT,EAAuB0T,UAAUta,OAAS,GACzC,sBAAI8F,UAAU,sBACZ,sBAAIA,UAAU,+CAAd,QACA,uBAAKA,UAAU,qBACZc,EAAuB0T,UAAUha,KAAI,SAACI,EAAMH,GAAP,aACpC,sBAAIuF,UAAS,UAAYE,GAAZ,KAAyC,IAAVzF,GAAe,qBAAuBqN,IAAKrN,EAAM4Y,YAC3F,yBACEjZ,KAAK,QACLO,KAAK,QACLc,GAAE,SAAWb,EAAK2F,MAClB+S,QAAS1Y,EAAK2F,SAAL,UAAeO,EAAuBuF,cAAtC,aAAe,EAA+BoO,OACvD7J,SAAUhQ,EAAKgQ,SACf2I,SAAU,kBAAMzS,EAAuB4T,SAAS9Z,EAAK2F,QACrDqE,WAAS,uCAEX,yBAAO+O,QAAO,SAAW/Y,EAAK2F,MAASP,UAAU,OAC/C,uBAAKA,UAAU,aACb,4BAAOpF,EAAK2Z,eAUzBzT,EAAuB6T,YAAYza,OAAS,GAC3C,sBAAI8F,UAAU,sBACZ,sBAAIA,UAAU,+CAAd,SACA,uBAAKA,UAAU,qBACZc,EAAuB6T,YAAYna,KAAI,SAACI,EAAMH,GAAP,aACtC,sBAAIuF,UAAS,UAAYE,GAAZ,KAAyC,IAAVzF,GAAe,qBAAuBqN,IAAKrN,EAAM4Y,YAC3F,yBACEjZ,KAAK,QACLO,KAAK,UACLc,GAAE,WAAab,EAAK2F,MACpB+S,QAAS1Y,EAAK2F,SAAL,UAAeO,EAAuBuF,cAAtC,aAAe,EAA+BuO,SACvDhK,SAAUhQ,EAAKgQ,SACf2I,SAAU,kBAAMzS,EAAuB+T,WAAWja,EAAK2F,QACvDqE,WAAS,4CAEX,yBAAO+O,QAAO,WAAa/Y,EAAK2F,MAASP,UAAU,OACjD,uBAAKA,UAAU,aACb,4BAAOpF,EAAK2Z,eAU1B,sBAAIvU,UAAU,sBACZ,sBAAIA,UAAU,+CAAd,QACA,qBAAGA,UAAU,mDAAb,iDAGA,uBAAKA,UAAS,GAAKE,IAChBY,EAAuB0U,UAAUhb,KAAI,SAACI,EAAMH,GAAP,eACpC,sBAAIuF,UAAcE,GAAL,IAAwBA,GAAxB,gBAAuD4H,IAAKrN,EAAM4Y,YAC7E,yBACEjZ,KAAK,QACLO,KAAK,QACLc,GAAE,SAAWhB,EACb6Y,QAAS1Y,EAAKD,QAAL,UAAcmG,EAAuBuF,cAArC,aAAc,EAA+ByC,WACtDyK,SAAU,kBAAMzS,EAAuB2U,SAAS7a,EAAK8a,eACrD9Q,WAAS,0CAEX,yBAAO+O,QAAO,SAAWlZ,EAASuF,UAAU,gBACE,QAA3C,UAAAc,EAAuBuF,cAAvB,eAA+BuO,UAA8B,IAAVna,GAClD,qBAAGuF,UAAcE,GAAL,8FAAZ,QAKF,uBAAKF,UAAS,GAAKE,IACjB,0BAAQF,UAAcE,GAAL,cAAoCtF,EAAKD,MAC1D,wBAAMqF,UAAU,+CACd,8BAASxD,iBAAyB5B,EAAK+F,QADzC,MAMF,uBAAKX,UAAU,qCACb,uBAAKA,UAAS,GAAKE,IACjB,qBAAGF,UAAU,aAAb,WAEGpF,EAAK8a,aAAarB,QAAU,SAGjC,uBAAKrU,UAAS,GAAKE,IACjB,qBAAGF,UAAS,aAAeE,IAA3B,SACA,uBAAKF,UAAS,GAAKE,IACM,IAAtBtF,EAAK+a,cAAuB,yCACN,IAAtB/a,EAAK+a,cAAuB,yDACN,IAAtB/a,EAAK+a,cAAuB,wBAAM3V,UAAS,GAAKE,IAApB,aAEJ,IAAxBtF,EAAKgb,gBAAyB,6CACN,IAAxBhb,EAAKgb,gBAAyB,6CACN,IAAxBhb,EAAKgb,gBAAyB,yDACN,IAAxBhb,EAAKgb,gBAAyB,wBAAM5V,UAAS,GAAKE,IAApB,aAEZ,IAAlBtF,EAAKib,UAAmB,sCACN,IAAlBjb,EAAKib,UAAmB,sDACN,IAAlBjb,EAAKib,UAAmB,wBAAM7V,UAAS,GAAKE,IAApB,UAEA,IAAxBtF,EAAKkb,gBAAyB,sCACN,IAAxBlb,EAAKkb,gBAAyB,sDACN,IAAxBlb,EAAKkb,gBAAyB,wBAAM9V,UAAS,GAAKE,IAApB,UAEP,IAAvBtF,EAAKmb,eAAwB,0CACN,IAAvBnb,EAAKmb,eAAwB,0DACN,IAAvBnb,EAAKmb,eAAwB,wBAAM/V,UAAS,GAAKE,IAApB,cAED,IAA5BtF,EAAKob,oBAA6B,0CACN,IAA5Bpb,EAAKob,oBAA6B,0DACN,IAA5Bpb,EAAKob,oBAA6B,wBAAMhW,UAAS,GAAKE,IAApB,cAEZ,IAAtBtF,EAAKqb,cAAuB,iDACN,IAAtBrb,EAAKqb,cAAuB,iEACN,IAAtBrb,EAAKqb,cAAuB,wBAAMjW,UAAS,GAAKE,IAApB,+BAW7C,uBAAKF,UAAU,mEACb,qBAAGA,UAAU,sBAAb,yCACA,gEC/FZ,GA3FgD,SAAC,GAE1C,IADLkW,EACI,EADJA,KAAMC,EACF,EADEA,YAAaC,EACf,EADeA,QAASC,EACxB,EADwBA,eAEtBvV,GAAyBlB,gBAAWG,KAqC1C,OACE,uBAAKC,UAAcE,GAAL,iBACZ,qBAAGF,UAAU,qEAAb,sBACA,sBAAIA,UAAU,4CAjCZqW,IAAmB7W,8BAEdsB,EAAuBwV,yBAC1BD,IAAmB7W,iCAEhBsB,EAAuByV,4BAC1BF,IAAmB7W,4BAEhBsB,EAAuB0V,uBAGzB1V,EAAuB2V,eAuBGjc,KAAI,SAAC+F,EAAO9F,GACvC,IAAMic,EAAcnW,EAAM0E,WACxB,gCACE,uBAAKD,QAAQ,YAAY7E,MAAM,KAAKzE,OAAO,MACzC,0BAAQwJ,EAAE,KAAKC,GAAG,KAAKC,GAAG,KAAKC,KAAM9E,EAAM+E,WAAYC,OAAO,OAAOC,YAAY,WAEnF,uBAAKR,QAAQ,YAAY7E,MAAM,KAAKzE,OAAO,MACzC,4BAAUD,GAAE,QAAUhB,GACpB,wBAAMgL,EAAE,IAAIC,EAAE,IAAIvF,MAAM,KAAKzE,OAAO,QAEtC,0BAAQwJ,EAAE,KAAKC,GAAG,KAAKC,GAAG,KAAKC,KAAM9E,EAAM0E,YAAc,GAAIM,OAAO,OAAOC,YAAY,QAAQG,SAAQ,QAAUlL,MAIrH,uBAAKuK,QAAQ,YAAY7E,MAAM,KAAKzE,OAAO,MACzC,0BAAQwJ,EAAE,KAAKC,GAAG,KAAKC,GAAG,KAAKC,KAAM9E,EAAM+E,WAAYC,OAAO,OAAOC,YAAY,WAGrF,OACE,sBAAIxF,UAAU,oDAAoD8H,IAAKrN,EAAM4Y,YAC3E,uBACErT,UAAS,gDAAkDE,GAAlD,KAAyEK,EAAMoW,UAAYzW,GAA8B,IAClI0E,WAAS,gDACThE,QAAS,WA3CC,IAACnF,IA4CO8E,EAAM9E,GA3ChC4a,IAAmB7W,8BAErBsB,EAAuB8V,sBAAsBnb,GACpC4a,IAAmB7W,iCAE5BsB,EAAuB+V,yBAAyBpb,GACvC4a,IAAmB7W,4BAE5BsB,EAAuBgW,oBAAoBrb,GAG3CqF,EAAuBiW,gBAAgBtb,GAiC3Bya,EAAKC,EAAaC,KAGpB,uBAAKpW,UAAU,kCACb,uBAAKA,UAAS,oBAAsBE,IACjCwW,GAEH,qBAAG1W,UAAU,uEAAuEO,EAAMqF,eAC1F,uBAAK5F,UAAU,qCACb,wBAAMA,UAAU,kCAAkD,IAAhBO,EAAMI,MAAN,IAAwBJ,EAAMI,MAAUJ,EAAMI,OAChG,wBAAMX,UAAU,aAAhB,eC3Fb,MAAM,GAAY,wCCSzB,IAoBA,GApByC,SAAC,GAAD,IACvCG,EADuC,EACvCA,MAAOzE,EADgC,EAChCA,OAAQ4J,EADwB,EACxBA,WAAYL,EADY,EACZA,WADY,OAGvC,wBAAMgO,MAAO,CAAE9S,QAAOzE,UAAUsE,UAAU,+BAExC,uBAAKgF,QAAO,OAAS7E,EAAT,IAAkBzE,EAAUyE,MAAOA,EAAOzE,OAAQA,EAAQsE,UAAWE,IAC/E,wBAAMmF,KAAMC,EAAYG,EAAE,IAAIC,EAAE,IAAIvF,MAAOA,EAAOzE,OAAQA,EAAQ6J,OAAO,UAAUC,YAAY,WAGhGP,GACC,uBAAKD,QAAO,OAAS7E,EAAT,IAAkBzE,EAAS,EAAKyE,MAAOA,EAAOzE,OAAQA,EAAS,EAAGsE,UAAWE,IACvF,4BAAUzE,GAAG,4BACX,wBAAMgK,EAAE,IAAIC,EAAE,IAAIvF,MAAOA,EAAOzE,OAAQA,EAAS,KAEnD,wBAAM2J,KAAMJ,EAAYU,SAAS,gCAAgCF,EAAE,IAAIC,EAAE,IAAIvF,MAAOA,EAAOzE,OAAQA,EAAS,EAAG6J,OAAO,UAAUC,YAAY,aCoDpJ,GA/DoD,SAAC,GAAgB,IAAd4M,EAAa,EAAbA,OAC/CtR,GAAyBlB,gBAAWG,KAE1C,GAA0BX,cAAS,IAA5B6T,EAAP,KAAcC,EAAd,KAWA,OATAC,gBAAU,WACJf,EACFc,EAAS,IAGTvX,YAAW,kBAAMuX,EAAS,CAAExX,OAAQ,UAAU,OAE/C,CAAC0W,IAGF,gBAAC,KAAD,MACG,kBACC,uBAAKpS,UAAcE,GAAL,gBAAoC+S,MAAOA,EAAOG,YAAU,qBACxE,sBAAIpT,UAAU,wEAAd,cACA,uBAAKA,UAAU,sBACZc,EAAuB2V,cAAcjc,KAAI,SAAC+F,EAAO9F,GAAR,OACxC,uBAAKuF,UAAcE,GAAL,IAAwBA,GAAxB,gBAA2D4H,IAAKrN,EAAM4Y,YAClF,yBACEjZ,KAAK,QACLO,KAAK,aACLc,GAAE,cAAgB8E,EAAM9E,GACxB6X,QAAS/S,EAAMoW,UACf/V,QAAS,kBAAME,EAAuBiW,gBAAgBxW,EAAM9E,KAC5DmJ,WAAS,kDAEX,yBAAO+O,QAAO,cAAgBpT,EAAM9E,GAAMuE,UAAU,oBAClD,uBAAKA,UAAU,gDACb,uBAAKA,UAAU,kDACb,gBAAC,GAAD,CACEG,MAAO,GACPzE,OAAQ,GACR4J,WAAY/E,EAAM+E,WAClBL,WAAY1E,EAAM0E,cAItB,uBAAKjF,UAAU,uBACb,wBAAMA,UAAU,gCACbO,EAAMqF,gBAIX,uBAAK5F,UAAU,oBACb,wBAAMA,UAAU,aACZO,EAAMI,OAASJ,EAAMI,MAAQ,EAA9B,IAAuCnE,iBAAyB+D,EAAMI,OAAtE,IAAkF,iBCwT3G,GAnW0C,SAAC,GAAoC,IAAlC0V,EAAiC,EAAjCA,eAAgBW,EAAiB,EAAjBA,WACrDlW,GAAyBlB,gBAAWG,KAsRpCkX,EAAW,SAAC5S,EAAayD,EAAayL,GAA3B,OAAkDlP,EAAK7J,KAAI,SAAC+F,EAAO9F,GAAR,OAC1E,uBAAKuF,UAAcE,GAAL,gBAAwC4H,IAAKrN,EAAM4Y,YAC/D,yBACEjZ,KAAK,WACLO,KAAMmN,EACNrM,GAAOqM,EAAL,IAAYvH,EAAM9E,GACpB6X,QAAS/S,EAAMoW,UACf/L,SAAUrK,EAAM2W,WAChB3D,SAAU,SAAC4D,GAAD,OAAW5D,EAAS4D,EAAMvb,OAAO0X,QAAU/S,EAAM9E,GAAK8E,EAAM6W,UAExE,yBAAOzD,QAAY7L,EAAL,IAAYvH,EAAM9E,GAAMuE,UAAU,oBAC9C,4BAAOO,EAAM8W,YACZ9W,EAAM2W,WACL,oCAEA,wBAAMlX,UAAU,kCAAhB,IACOxD,iBAAyB+D,EAAMI,OACpC,wBAAMX,UAAU,aAAhB,cAOV,OACE,gBAAC,KAAD,MACG,kBACC,gCACE,uBAAKA,UAAcE,GAAL,iBACZ,sBAAIF,UAAU,wEAAd,aACA,uBAAKA,UAAWE,IAEb+W,EAxJPZ,GAAkB7W,8BAEbsB,EAAuBwW,uBAC1BjB,GAAkB7W,iCAEfsB,EAAuByW,0BAC1BlB,GAAkB7W,4BAEfsB,EAAuB0W,qBAGzB1W,EAAuB2W,YA6IK,YAAY,SAAChc,GAAD,OAtR3B,SAACA,GACjB4a,GAAkB7W,8BAEpBsB,EAAuB4W,oBAAoBjc,GAClC4a,GAAkB7W,iCAE3BsB,EAAuB6W,uBAAuBlc,GACrC4a,GAAkB7W,4BAE3BsB,EAAuB8W,kBAAkBnc,GAGzCqF,EAAuB+W,cAAcpc,GA0QwBoc,CAAcpc,MAGlEwb,EA5IPZ,GAAkB7W,8BAEbsB,EAAuBgX,mBAC1BzB,GAAkB7W,iCAEfsB,EAAuBiX,sBAC1B1B,GAAkB7W,4BAEfsB,EAAuBkX,iBAGzBlX,EAAuBmX,QAiIC,OAAO,SAACxc,GAAD,OAzQtB,SAACA,GACb4a,GAAkB7W,8BAEpBsB,EAAuBoX,gBAAgBzc,GAC9B4a,GAAkB7W,iCAE3BsB,EAAuBqX,mBAAmB1c,GACjC4a,GAAkB7W,4BAE3BsB,EAAuBsX,cAAc3c,GAGrCqF,EAAuBuX,UAAU5c,GA6PmB4c,CAAU5c,MAGrDwb,EAhIPZ,GAAkB7W,8BAEbsB,EAAuBwX,0BAC1BjC,GAAkB7W,iCAEfsB,EAAuByX,6BAC1BlC,GAAkB7W,4BAEfsB,EAAuB0X,wBAGzB1X,EAAuB2X,eAqHQ,eAAe,SAAChd,GAAD,OA5P9B,SAACA,GACpB4a,GAAkB7W,8BAEpBsB,EAAuB4X,uBAAuBjd,GACrC4a,GAAkB7W,iCAE3BsB,EAAuB6X,0BAA0Bld,GACxC4a,GAAkB7W,4BAE3BsB,EAAuB8X,qBAAqBnd,GAG5CqF,EAAuB+X,iBAAiBpd,GAgP2Bod,CAAiBpd,MAG3Ewb,EApHPZ,GAAkB7W,8BAEbsB,EAAuBgY,wBAC1BzC,GAAkB7W,iCAEfsB,EAAuBiY,2BAC1B1C,GAAkB7W,4BAEfsB,EAAuBkY,sBAGzBlY,EAAuBmY,aAyGM,aAAa,SAACxd,GAAD,OA/O5B,SAACA,GAClB4a,GAAkB7W,8BAEpBsB,EAAuBoY,qBAAqBzd,GACnC4a,GAAkB7W,iCAE3BsB,EAAuBqY,wBAAwB1d,GACtC4a,GAAkB7W,4BAE3BsB,EAAuBsY,mBAAmB3d,GAG1CqF,EAAuBuY,eAAe5d,GAmOyB4d,CAAe5d,MAGrEwb,EAxGPZ,GAAkB7W,8BAEbsB,EAAuBwY,yBAC1BjD,GAAkB7W,iCAEfsB,EAAuByY,4BAC1BlD,GAAkB7W,4BAEfsB,EAAuB0Y,uBAGzB1Y,EAAuB2Y,cA6FO,cAAc,SAAChe,GAAD,OAlO7B,SAACA,GACnB4a,GAAkB7W,8BAEpBsB,EAAuB4Y,sBAAsBje,GACpC4a,GAAkB7W,iCAE3BsB,EAAuB6Y,yBAAyBle,GACvC4a,GAAkB7W,4BAE3BsB,EAAuB8Y,oBAAoBne,GAG3CqF,EAAuB+Y,gBAAgBpe,GAsN0Boe,CAAgBpe,MAGxEwb,EA5FPZ,GAAkB7W,8BAEbsB,EAAuBgZ,sBAC1BzD,GAAkB7W,iCAEfsB,EAAuBiZ,yBAC1B1D,GAAkB7W,4BAEfsB,EAAuBkZ,oBAGzBlZ,EAAuBmZ,WAiFI,WAAW,SAACxe,GAAD,OArN1B,SAACA,GAChB4a,GAAkB7W,8BAEpBsB,EAAuBoZ,mBAAmBze,GACjC4a,GAAkB7W,iCAE3BsB,EAAuBqZ,sBAAsB1e,GACpC4a,GAAkB7W,4BAE3BsB,EAAuBsZ,iBAAiB3e,GAGxCqF,EAAuBuZ,aAAa5e,GAyMuB4e,CAAa5e,QA9TxE6e,EAFEjE,GAAkB7W,8BAENsB,EAAuBsH,mBAAmBc,KACpDpI,EAAuBsH,mBAAmBc,KAAO1J,oBAC5C6W,GAAkB7W,iCAEbsB,EAAuBuH,sBAAsBa,KACvDpI,EAAuBuH,sBAAsBa,KAAO1J,oBAC/C6W,GAAkB7W,4BAEbsB,EAAuByH,iBAAiBW,KAClDpI,EAAuByH,iBAAiBW,KAAO1J,oBAGtCsB,EAAuBgE,iBAGrBtF,qBACZ8a,IAAe9a,qBACf8a,IAAe9a,oBACf8a,IAAe9a,oBACf8a,IAAe9a,qBAElBwX,GA4S4BC,EAClB,CAAC,CACCI,WAAY,cACZ1W,MAnFV0V,GAAkB7W,8BAEbsB,EAAuByZ,wBAC1BlE,GAAkB7W,iCAEfsB,EAAuB0Z,2BAC1BnE,GAAkB7W,4BAEfsB,EAAuB2Z,sBAGzB3Z,EAAuB4Z,aAyEhBjf,GAAI,MACJ2b,MAAO,KACPT,UAAkC,SAvE5CN,GAAkB7W,8BAEbsB,EAAuB6Z,uBAC1BtE,GAAkB7W,iCAEfsB,EAAuB8Z,0BAC1BvE,GAAkB7W,4BAEfsB,EAAuB+Z,qBAGzB/Z,EAAuBga,oBA8DlB,YACA,SAACrf,GAAD,OAjNQ,SAACA,GACjB4a,GAAkB7W,8BAEpBsB,EAAuBia,oBAAoBtf,GAClC4a,GAAkB7W,iCAE3BsB,EAAuBka,uBAAuBvf,GACrC4a,GAAkB7W,4BAE3BsB,EAAuBma,kBAAkBxf,GAGzCqF,EAAuBoa,cAAczf,GAqMXyf,CAAczf,OAIlC,sBAAIuE,UAAWE,IACb,oEACA,yEACA,mHACA,gDAtVU,IAChBoa,MCxBR,GAAe,IAA0B,6DCAzC,GAAe,IAA0B,yDCAzC,GAAe,IAA0B,gECAzC,GAAe,IAA0B,8DCAzC,GAAe,IAA0B,+DCAzC,GAAe,IAA0B,6DCsBnCa,GAAsE,CAC1E,WAAY,CACVC,MAAOC,GACPC,KACE,iEAGJC,IAAK,CACHH,MAAOI,GACPF,KACE,mEAKJ,cAAe,CACbF,MAAOK,GACPH,KACE,iEAGJ,YAAa,CACXF,MAAOM,GACPJ,KACE,qEAKJ,aAAc,CACZF,MAAOO,GACPL,KAAM,+DAER,UAAW,CACTF,MCxDJ,ioZDyDIE,KACE,gCACE,qCAEE,uBAAKtb,UAAWE,IAAhB,MAFF,eAKA,wBAAMF,UAAWE,IAAjB,eAIN,WAAY,CACVkb,MAAOQ,GACPN,KACE,yEAqIN,GA9H8C,SAAC,GAA4B,IAA1BlJ,EAAyB,EAAzBA,OAAQ4E,EAAiB,EAAjBA,WACjDlW,GAAyBlB,gBAAWG,KAE1C,GAA0BX,cAAS,IAA5B6T,EAAP,KAAcC,EAAd,MAEAC,gBAAU,WACJf,EACFc,EAAS,IAGTvX,YAAW,kBAAMuX,EAAS,CAAExX,OAAQ,UAAU,OAE/C,CAAC0W,IAGJ,IAAMyJ,EAAgB,WACpB,IAAMvB,EAAmCxZ,EAAuBgE,cAChE,OACEwV,IAAe9a,qBACZ8a,IAAe9a,qBACf8a,IAAe9a,oBACf8a,IAAe9a,oBACf8a,IAAe9a,qBAElBwX,GAKEC,EAAW,SAAC5S,EAAayD,EAAayL,GAA3B,OAAkDlP,EAAK7J,KAAI,SAAC+F,EAAO9F,GAAR,eAC1E,uBAAKuF,UAAcE,GAAL,gBAAwC4H,IAAKrN,EAAM4Y,YAC/D,yBACEjZ,KAAK,WACLO,KAAMmN,EACNrM,GAAOqM,EAAL,IAAYvH,EAAM9E,GACpB6X,QAAS/S,EAAMoW,UACf/L,SAAUrK,EAAM2W,WAChB3D,SAAU,SAAC4D,GAAD,OAAW5D,EAAS4D,EAAMvb,OAAO0X,QAAU/S,EAAM9E,GAAK8E,EAAM6W,UAExE,yBACEzD,QAAY7L,EAAL,IAAYvH,EAAM9E,GACzBuE,UAAS,OAASE,GAAT,KAA+BK,EAAM2W,WAAahX,GAAoB,KAE/E,wBAAMF,UAAWE,IACf,4BAAOK,EAAM8W,YACZ9W,EAAM2W,WACL,oCAEA,wBAAMlX,UAAWE,IAAjB,IACO1D,iBAAyB+D,EAAMI,OACpC,wBAAMX,UAAU,aAAhB,SAIN,wBAAMA,UAAWE,IACf,uBACET,IAAG,UAAE0b,GAAWrT,UAAb,aAAE,EAAiBsT,MACtBhb,IAAK0H,EACL9H,UAAWE,KAEb,wBAAMF,UAAWE,IAAjB,UACGib,GAAWrT,UADd,aACG,EAAiBwT,KAClB,wBAAMtb,UAAWE,IAAjB,sBAOV,OACE,gBAAC,KAAD,MACG,wBACC,uBAAKF,UAAcE,GAAL,gBAAoC+S,MAAOA,EAAOG,YAAU,kBACxE,sBAAIpT,UAAU,wEAAd,aACA,uBAAKA,UAAU,sBAGZiX,EAASnW,EAAuB2W,YAAa,YAAY,SAAChc,GAAD,OAAgBqF,EAAuB+W,cAAcpc,MAG9Gwb,EAASnW,EAAuBmX,QAAS,OAAO,SAACxc,GAAD,OAAgBqF,EAAuBuX,UAAU5c,MAGjGwb,EAASnW,EAAuB2X,eAAgB,eAAe,SAAChd,GAAD,OAAgBqF,EAAuB+X,iBAAiBpd,MAGvHwb,EAASnW,EAAuBmY,aAAc,aAAa,SAACxd,GAAD,OAAgBqF,EAAuBuY,eAAe5d,MAGjHwb,EAASnW,EAAuB2Y,cAAe,cAAc,SAAChe,GAAD,OAAgBqF,EAAuB+Y,gBAAgBpe,MAGpHwb,EAASnW,EAAuBmZ,WAAY,WAAW,SAACxe,GAAD,OAAgBqF,EAAuBuZ,aAAa5e,MAG3GogB,KAAmB5E,EAClB,CAAC,CACCI,WAAY,cACZ1W,MAAOG,EAAuB4Z,aAC9Bjf,GAAI,MACJ2b,MAAO,KACPT,UAAsD,SAA3C,UAAA7V,EAAuBuF,cAAvB,eAA+ByV,WAE5C,YACA,SAACrgB,GAAD,OAAgBqF,EAAuBoa,cAAczf,MAGvD,uBAAKuE,UAAU,aACZ6b,KACC,qBAAG7b,UAAU,+BAAb,0CAEF,qBAAGA,UAAU,+BAAb,+CACA,qBAAGA,UAAU,+BAAb,yDAEE,qBAAGmB,KAAK,WAAWvF,OAAO,SAASoE,UAAS,GAAKE,IAAjD,UAFF,6BAKA,qBAAGF,UAAU,+BAAb,0BEnMd,ovBC2LA,GA7KoD,SAAC,GAAoC,IAAlCkW,EAAiC,EAAjCA,KAAMC,EAA2B,EAA3BA,YAAaC,EAAc,EAAdA,QAClEtV,GAAyBlB,gBAAWG,KAEpCgc,EAAgB,SAACtgB,GACrB,OAAQA,GACN,KAAK+D,8BACH,OAAOU,GACT,KAAKV,0BACH,OAAOU,GACT,KAAKV,4BACH,OAAOU,GACT,QACE,OAAOA,gBAIb,OACE,uBAAKF,UAAcE,GAAL,iBACZ,qBAAGF,UAAS,sEAAuEc,EAAuB4D,oBAAoBxK,OAAS,EAAI,GAAK,cAAhJ,sBACA,uBAAK8F,UAAU,qBACb,uBAAKA,UAAU,wCACf,uBAAKA,UAAS,WAAYc,EAAuB4D,oBAAoBxK,OAAS,EAAI,GAAK,cACrF,sBAAI8F,UAAU,sBACJc,EAAuB4D,oBAAoBlK,KAAI,SAAC+F,EAAO9F,GAAR,OACrD,sBAAIuF,UAAU,eAAe8H,IAAKrN,EAAM4Y,YACtC,uBACErT,UAAS,+CAAiDE,GAAjD,KAA0EK,EAAMoW,UAAYzW,GAAgC,IACrI0E,WAAS,8CACThE,QAAS,WACPE,EAAuBkb,kBAAkBzb,EAAM9E,IAC/Cya,EAAKC,EAAaC,KAGpB,qBAAGpW,UAAS,aAAeE,GAAf,KAAgD,IAAVzF,EAAc,GAAK,cACnE,kCAEF,uBAAKuF,UAAU,oEACb,qBAAGA,UAAS,oBAAsBE,GAAtB,IAA+C6b,EAAcxb,EAAM9E,MAC/E,qBAAGuE,UAAU,0FAA0FO,EAAM5F,MAC7G,qBAAGqF,UAAU,iDACX,8BACE,wBAAMA,UAAS,GAAKE,IAApB,KACA,wBAAMF,UAAU,sCAAsCO,EAAMI,QAE9D,wBAAMX,UAAU,aAAhB,OAGHO,EAAMiN,UACL,uBAAKxN,UAAS,qGAAuGE,IAClHK,EAAMiN,iBAQrB,uBAAKxN,UAAU,yCAGjB,uBAAKA,UAAU,qBACb,uBAAKA,UAAU,wCACf,uBAAKA,UAAS,WAAYc,EAAuB4D,oBAAoBxK,OAAS,EAAI,GAAK,cACrF,sBAAI8F,UAAS,kEAAoEE,IAC/E,sBAAIF,UAAU,gCACZ,uBAAKA,UAAU,yCAAf,SAEF,sBAAIA,UAAU,0CACZ,uBAAKA,UAAU,kBAAf,SAEF,sBAAIA,UAAU,0CACZ,uBAAKA,UAAU,kBAAf,SAEF,sBAAIA,UAAU,0CACZ,uBAAKA,UAAU,kBAAf,UAGJ,sBAAIA,UAAS,qBAAuBE,IAClC,sBAAIF,UAAU,uDACZ,uBAAKA,UAAU,sBAAf,+BAEF,sBAAIA,UAAU,qEACZ,uBAAKA,UAAU,oCAAf,MAEF,sBAAIA,UAAU,qEACZ,uBAAKA,UAAU,wCAAf,MAEF,sBAAIA,UAAU,qEACZ,uBAAKA,UAAU,wCAAf,OAGJ,sBAAIA,UAAS,qBAAuBE,IAClC,sBAAIF,UAAU,uDACZ,uBAAKA,UAAU,sBAAf,oCAIF,sBAAIA,UAAU,qEACZ,uBAAKA,UAAU,oCAAf,MAEF,sBAAIA,UAAU,qEACZ,uBAAKA,UAAU,wCAAf,MAEF,sBAAIA,UAAU,qEACZ,uBAAKA,UAAU,wCAAf,OAGJ,sBAAIA,UAAS,qBAAuBE,IAClC,sBAAIF,UAAU,uDACZ,uBAAKA,UAAU,sBAAf,uBAIF,sBAAIA,UAAU,qEACZ,uBAAKA,UAAU,oCAAf,IAEE,wBAAMA,UAAU,aAAhB,QAGJ,sBAAIA,UAAU,qEACZ,uBAAKA,UAAU,wCAAf,IAEE,wBAAMA,UAAU,aAAhB,QAGJ,sBAAIA,UAAU,qEACZ,uBAAKA,UAAU,wCAAf,IAEE,wBAAMA,UAAU,aAAhB,SAIN,sBAAIA,UAAS,qBAAuBE,IAClC,sBAAIF,UAAU,uDACZ,uBAAKA,UAAU,sBAAf,uBAIF,sBAAIA,UAAU,qEACZ,uBAAKA,UAAU,oCAAf,IAEE,wBAAMA,UAAU,aAAhB,QAGJ,sBAAIA,UAAU,qEACZ,uBAAKA,UAAU,wCAAf,MAEF,sBAAIA,UAAU,qEACZ,uBAAKA,UAAU,wCAAf,OAGJ,qBAAGA,UAAU,gCAAb,mCACA,qBAAGA,UAAU,gCAAb,0BACA,qBAAGA,UAAU,gCAAb,iCAEF,uBAAKA,UAAU,yCAEjB,uBAAKA,UAAS,0CAAiG,IAAtDc,EAAuB4D,oBAAoBxK,OAAe,GAAK,cAAxH,iBAEE,2BAFF,8BAKA,uBAAK8F,UAAU,wDACb,qBAAGmB,KAAMH,qBAAgCpF,OAAO,SAASoE,UAAU,uCAAuC4E,WAAS,oDAAoDqX,IAAI,cAA3K,kBAEE,uBAAKjc,UAAS,oBAAsBE,GAA+BC,MAAO,GAAIzE,OAAQ,GAAI+D,IAAKyc,GAAe9b,IAAI,cAGtH,uBAAKJ,UAAU,0CCtBrB,GAjJwD,SAAC,GAAgB,IAAdoS,EAAa,EAAbA,OACnDtR,GAAyBlB,gBAAWG,KAE1C,GAA0BX,cAAS,IAA5B6T,EAAP,KAAcC,EAAd,MAEAC,gBAAU,WACJf,EACFc,EAAS,IAGTvX,YAAW,kBAAMuX,EAAS,CAAExX,OAAQ,UAAU,OAE/C,CAAC0W,IAGJ,IAAM+J,EAAY,SAAC1gB,GACjB,OAAQA,GACN,KAAK+D,8BACH,OAAOU,GACT,KAAKV,0BACH,OAAOU,GACT,KAAKV,4BACH,OAAOU,GACT,QACE,MAAO,KAIb,OACE,gBAAC,KAAD,MACG,kBACC,uBAAKF,UAAcE,GAAL,gBAAoC+S,MAAOA,EAAOG,YAAU,uBACxE,sBAAIpT,UAAU,wEAAd,cACA,uBAAKA,UAAU,sBACZc,EAAuB4D,oBAAoBlK,KAAI,SAAC+F,EAAO9F,GAAR,OAC9C,uBAAKuF,UAAcE,GAAL,IAAwBA,GAAxB,gBAAwD4H,IAAKrN,EAAM4Y,YAC/E,yBACEjZ,KAAK,QACLO,KAAK,SACLc,GAAE,UAAYhB,EACd6Y,QAAS/S,EAAMoW,UACf/V,QAAS,kBAAME,EAAuBkb,kBAAkBzb,EAAM9E,KAC9DmJ,WAAS,gDAEX,yBAAO+O,QAAO,UAAYlZ,EAASuF,UAAU,gBAChC,IAAVvF,GACC,qBAAGuF,UAAcE,GAAL,8GAAZ,QAKF,uBAAKF,UAAcE,GAAL,iBACZ,qBAAGF,UAAcmc,EAAU5b,EAAM9E,IAArB,wEACT8E,EAAM5F,MAET,qBAAGqF,UAAU,mDACTO,EAAMI,OAASJ,EAAMI,MAAQ,EAA9B,IAAuCnE,iBAAyB+D,EAAMI,OAAtE,IAAkF,KAItFJ,EAAMiN,UACL,uBAAKxN,UAAcE,GAAL,yGACXK,EAAM9E,KAAO+D,+BACZ,gCACE,sBAAIQ,UAAWE,IAAf,uBACA,wBAAMF,UAAWE,IAAjB,0BAGA,sBAAIF,UAAWE,IACb,sBAAIF,UAAWE,IAAf,MACA,sBAAIF,UAAWE,IAAf,WAEE,wBAAMF,UAAWE,IAAjB,OAEF,sBAAIF,UAAWE,IAAf,wBACA,sBAAIF,UAAWE,IAAf,sBACA,sBAAIF,UAAWE,IAAf,iBAEE,wBAAMF,UAAWE,IAAjB,SAKPK,EAAM9E,KAAO+D,2BACZ,gCACE,sBAAIQ,UAAWE,IAAf,4BACA,sBAAIF,UAAWE,IACb,sBAAIF,UAAWE,IAAf,MACA,sBAAIF,UAAWE,IAAf,WAEE,mCAEF,sBAAIF,UAAWE,IAAf,wBACA,sBAAIF,UAAWE,IAAf,wBAILK,EAAM9E,KAAO+D,6BACZ,gCACE,sBAAIQ,UAAWE,IAAf,uBACA,sBAAIF,UAAWE,IACb,sBAAIF,UAAWE,IAAf,MACA,sBAAIF,UAAWE,IAAf,WAEE,mCAEF,sBAAIF,UAAWE,IAAf,iCAYqC,IAAtDY,EAAuB4D,oBAAoBxK,OAC1C,uBAAK8F,UAAU,yCAAf,4CAIA,uBAAKA,UAAU,qBACb,uBAAKA,UAAU,wCACf,uBAAKA,UAAU,UACb,qBAAGA,UAAS,sBAAwBE,IAApC,sBACA,qBAAGF,UAAS,sBAAwBE,IAApC,2BAEF,uBAAKF,UAAU,yCAGnB,uBAAKA,UAAU,wDACb,qBAAGmB,KAAMH,qBAAgCpF,OAAO,SAASoE,UAAU,uCAAuC4E,WAAS,oDAAoDqX,IAAI,cAA3K,kBAEE,uBAAKjc,UAAS,oBAAsBE,GAA+BC,MAAO,GAAIzE,OAAQ,GAAI+D,IAAKyc,GAAe9b,IAAI,cAGtH,uBAAKJ,UAAU,6CCiMzB,GArU0C,SAAC,GAEpC,IAAD,YADJoS,EACI,EADJA,OAAQvT,EACJ,EADIA,aAAcuI,EAClB,EADkBA,mBAAoBgV,EACtC,EADsCA,YAEpCtb,GAAyBlB,gBAAWG,KACpCmD,GAA+BtD,gBAAWuD,KAC1CkZ,GAAiBzc,gBAAW0c,KAC5B3c,GAAoBC,gBAAWC,KAE/B8J,EAAY0S,EAAeE,kBAC3BC,EAAY7S,EAAYA,EAAU6S,UAAY,GAC9CjgB,EAAUoN,EAAYA,EAAUhP,KAAO,GAGvCkO,EAAQ/H,EAAuB2C,eAC/BqF,EAAYD,EAAQA,EAAMlO,KAAO,GAIjC8hB,EAAa3b,EAAuBmF,mBAAqBnF,EAAuBmF,mBAAmB3F,iBAAmB,GACtHoc,EAAgB5b,EAAuBoF,eAAiBpF,EAAuBoF,eAAe5F,iBAAmB,GAGjHwJ,EAAYhJ,EAAuB8C,mBACnCgC,EAAgBkE,EAAYA,EAAUlE,cAAgB,GACtDN,EAAawE,EAAYA,EAAUxE,WAAa,GAChDL,EAAa6E,EAAYA,EAAU7E,WAAa,GAGhD0X,EAAyD,WAA5C7b,EAAuB8b,iBACpCC,EAAe/b,EAAuB2W,YAAY,GAAnC,UAAwC3W,EAAuB2W,YAAY,GAAG9W,aAA9E,aAAwC,EAA6CL,iBAAmB,GACvHwc,EAA+D,WAA/Chc,EAAuBic,oBACvCC,EAAkBlc,EAAuB2X,eAAe,GAAtC,UAA2C3X,EAAuB2X,eAAe,GAAG9X,aAApF,aAA2C,EAAgDL,iBAAmB,GAChI2c,EAAiD,WAAxCnc,EAAuBoc,aAChCC,EAAWrc,EAAuBmX,QAAQ,GAA/B,UAAoCnX,EAAuBmX,QAAQ,GAAGtX,aAAtE,aAAoC,EAAyCL,iBAAmB,GAC3G8c,EAA2D,WAA7Ctc,EAAuBuc,kBACrCC,EAAgBxc,EAAuBmY,aAAa,GAApC,UAAyCnY,EAAuBmY,aAAa,GAAGtY,aAAhF,aAAyC,EAA8CL,iBAAmB,GAC1Hid,EAAuD,WAA3Czc,EAAuB0c,gBACnCC,EAAc3c,EAAuBmZ,WAAW,GAAlC,UAAuCnZ,EAAuBmZ,WAAW,GAAGtZ,aAA5E,aAAuC,EAA4CL,iBAAmB,GACpHod,EAA6D,WAA9C5c,EAAuB6c,mBACtCC,EAAiB9c,EAAuB2Y,cAAc,GAArC,UAA0C3Y,EAAuB2Y,cAAc,GAAG9Y,aAAlF,aAA0C,EAA+CL,iBAAmB,GAC7H0W,EAAyD,OAA5ClW,EAAuBga,iBACpCJ,EAAe5Z,EAAuB4Z,aAAe5Z,EAAuB4Z,aAAapa,iBAAmB,GAC5GiE,EAAYoY,GAAcG,GAAiBG,GAAUG,GAAeG,GAAaG,GAAgB1G,EAGjG6G,EAAkBre,gCAAyCsB,EAAuBgd,2BAA6B,KAC/GC,EAAmB,WACvB,OAAQjd,EAAuBgd,0BAC7B,KAAKte,8BACH,MAAO,UACT,KAAKA,0BACH,MAAO,UACT,KAAKA,4BACH,MAAO,UACT,QACE,MAAO,KAGPwe,EAAmB,WACvB,IAAM3Z,EAAOvD,EAAuB4D,oBAC9BuZ,EAAWnd,EAAuBgd,yBAClCI,EAAkB7Z,EAAKiF,MAAK,SAAC1O,GAAD,OAAWA,EAAKa,KAAOwiB,KACzD,OAAOC,EAAkBA,EAAgBvd,MAAML,iBAAmB,IAGpE,GAA0BlB,cAAS,IAA5B6T,GAAP,KAAcC,GAAd,KACA,IAA8B9T,eAAS,GAAhCmI,GAAP,MAAgBC,GAAhB,OAEA2L,gBAAU,WACJf,EACFc,GAAS,IAGTvX,YAAW,kBAAMuX,GAAS,CAAExX,OAAQ,UAAU,OAE/C,CAAC0W,IA0CJ,OACE,uBAAKpS,UAAS,GAAKE,GAAkB+S,MAAOA,GAAOG,YAAU,qBAC3D,uBAAKpT,UAAU,wDACb,uBAAKA,UAAWE,IACd,uBAAKF,UAAWE,IACd,uBAAKT,IAAKZ,EAAcuB,IAAI,MAAM1E,OAAO,QAE3C,uBAAKsE,UAAWE,IAEd,yBACGsc,EACD,2BACA,wBAAMxc,UAAU,wBACbzD,MAMT,uBAAKyD,UAAU,yDACb,uBAAKA,UAAS,GAAKE,IACjB,uBAAKF,UAAS,WAAaE,IACzB,qBAAGF,UAAcE,GAAL,IAAoBA,GAApB,iCAAZ,QACA,uBAAKF,UAAcE,GAAL,IAAuCA,YACnD,wBAAMF,UAAU,aAAhB,MACA,yBACGyc,EACD,yBAAOzc,UAAU,aAAjB,YAIN,uBAAKA,UAAS,GAAKE,KACnB,uBAAKF,UAAS,WAAaE,IACzB,0BAAQF,UAAcE,GAAL,IAAoBA,GAApB,IAA6CA,mBAA7C,iCAAjB,OAEE,2BAFF,SAKA,uBAAKF,UAAWE,IACd,wBAAMF,UAAWE,IAAjB,MACA,4BACE,0BAAQF,UAAcE,GAAL,IAA6BA,IAA0Bwc,GACxE,yBAAO1c,UAAU,gCAAjB,cAOV,qBAAGA,UAAcE,GAAL,IAA0BA,GAA1B,uBAAZ,kDAGA,uBAAKF,UAAS,GAAKE,IAAnB,KAEE,wBAAMF,UAAS,GAAKE,IAApB,OAFF,iBAOA,2BACE,0BACE9F,KAAK,SACL4F,UAAS,mBACLE,GADK,IACeA,GADf,uFAIT0E,WAAS,6CACThE,QAhFY,WAEpBjB,EAAkBkB,QAAQC,GAEtBA,EAAuB2C,eACzB3C,EAAuB2F,mBAAmBjH,kCAE1CsB,EAAuB4F,oBACvB5F,EAAuB2F,mBAAmBjH,uCAE5CuB,QAASC,8BAwED,8CACA,wBAAMhB,UAAU,4CAElB,qBAAGA,UAAcE,GAAL,sCAAZ,mBAEE,2BAFF,4BAKA,0BACE9F,KAAK,SACL4F,UAAWE,GACX0E,WAAS,2CACThE,QAxHO,WACf,IAAI2G,GAAJ,CAWA,GAVArE,EAA6BsG,cAAc,CACzCC,kBAAmB3I,EAAuB4I,qBAC1CC,UAAW7I,EAAuB8I,aAClCf,MAAO/H,EAAuB+I,SAC9BC,UAAWhJ,EAAuBiJ,uBAClCC,WAAYlJ,EAAuBoF,eACnC+D,aAAcnJ,EAAuBgD,gBACrCkF,OAAQlI,EAAuBoJ,wBAG7BnO,SAAW,MAAMoO,KAAKpO,OAAOsL,SAAS+C,QAAS,CACjD,IAAMC,EAAcvJ,EAAuBwJ,UACvCD,IACyC,MAAvCtO,OAAOsL,SAASkD,SAASC,OAAO,GAClCzO,OAAO0O,QAAQC,aAAa,KAAM,GAAO3O,OAAOsL,SAASkD,SAAzD,IAAqEF,EAArE,SAEAtO,OAAO0O,QAAQC,aAAa,KAAM,GAAO3O,OAAOsL,SAASkD,SAAzD,KAAsEF,EAAtE,UAIN7C,IAAW,GACXJ,OAmGQ,wBAAMpH,UAAcE,GAAL,KAAwBqH,IAAWrH,IAAgB0E,WAAS,4CACxE2C,GAAU,OAAS,oBAM5B,uBAAKvH,UAAcE,GAAL,iBACZ,sBAAIF,UAAU,2CAAd,cACA,0BACE,uBAAKA,UAAU,yCACb,sBAAIA,UAAS,4BAA8BE,IAA3C,SAGA,sBAAIF,UAAU,wBACXc,EAAuBgE,cAD1B,MAKF,uBAAK9E,UAAU,yDACb,sBAAIA,UAAS,4BAA8BE,IAA3C,QACA,sBAAIF,UAAU,wBAAwB8I,IAExC,uBAAK9I,UAAU,yDACb,sBAAIA,UAAS,4BAA8BE,IAA3C,OACA,sBAAIF,UAAU,sDACX4F,EACC,gCACE,gBAAC,GAAD,CAAazF,MAAO,GAAIzE,OAAQ,GAAI4J,WAAYA,EAAYL,WAAYA,IACxE,wBAAMjF,UAAU,qBAAqB4F,IAGvC,oDAIN,uBAAK5F,UAAcE,GAAL,0DACZ,sBAAIF,UAAS,4BAA8BE,IAA3C,WACCyc,GACC,uBAAK3c,UAAU,qBACb,sBAAIA,UAAU,+BAAd,QACA,sBAAIA,UAAU,oBAAd,IAAsC6c,EAAtC,MAGHC,GACC,uBAAK9c,UAAU,qBACb,sBAAIA,UAAU,+BAAd,UACA,sBAAIA,UAAU,oBAAd,IAAsCgd,EAAtC,MAGHC,GACC,uBAAKjd,UAAU,qBACb,sBAAIA,UAAU,+BAAd,OACA,sBAAIA,UAAU,oBAAd,IACOmd,EADP,IAEG,MAINC,GACC,uBAAKpd,UAAU,qBACb,sBAAIA,UAAU,+BAAd,UACA,sBAAIA,UAAU,oBAAd,IAAsCsd,EAAtC,MAGHC,GACC,uBAAKvd,UAAU,qBACb,sBAAIA,UAAU,+BAAd,UACA,sBAAIA,UAAU,oBAAd,IAAsCyd,EAAtC,MAGHC,GACC,uBAAK1d,UAAU,qBACb,sBAAIA,UAAU,+BAAd,UACA,sBAAIA,UAAU,oBAAd,IAAsC4d,EAAtC,MAIF5G,GAAc0D,GACd,uBAAK1a,UAAU,qBACb,sBAAIA,UAAU,+BAAd,aACA,sBAAIA,UAAU,oBAAd,IAAsC0a,EAAtC,OAGFnW,GACA,uBAAKvE,UAAU,0CAAf,OAGJ,uBAAKA,UAAU,qCACb,sBAAIA,UAAS,4BAA8BE,IAA3C,aACA,uBAAKF,UAAU,qBACb,sBAAIA,UAAU,wCACX+d,KACC,uBAAK/Y,QAAQ,YAAY7E,MAAM,KAAKzE,OAAO,MACzC,wBAAM2J,KAAM0Y,IAAoBtY,EAAE,IAAIC,EAAE,IAAIvF,MAAM,KAAKzE,OAAO,KAAK6J,OAAO,UAAUC,YAAY,WAGpG,wBAAMxF,UAAU,0CAA0C6d,IAE3DG,KACC,sBAAIhe,UAAU,oBAAd,IAAsCge,IAAtC,SAOV,uBAAKhe,UAAU,gBACb,qBAAGA,UAAU,aAAb,iBACA,qBAAGA,UAAU,aAAb,yDAEE,2BAFF,gDAOF,uBAAKA,UAAU,0CACb,0BAAQ5F,KAAK,SAAS4F,UAAWE,GAAoBU,QAASwb,GAA9D,SCrOR,GAlGwC,SAAC,GAAqB,IAAnB+B,EAAkB,EAAlBA,YACnCrd,GAAyBlB,gBAAWG,KACpCsS,EAAW,CACf,CACE5W,GAAI+D,oBACJ7E,KAAM6E,cAAuBA,qBAC7BmB,MAAUG,EAAuBwR,kBAA5B,KAGP,CACE7W,GAAI+D,oBACJ7E,KAAM6E,cAAuBA,qBAC7BmB,MAAUG,EAAuByR,kBAA5B,KAEP,CACE9W,GAAI+D,mBACJ7E,KAAM6E,cAAuBA,oBAC7BmB,MAAUG,EAAuB0R,iBAA5B,KAEP,CACE/W,GAAI+D,mBACJ7E,KAAM6E,cAAuBA,oBAC7BmB,MAAUG,EAAuB2R,iBAA5B,KAEP,CACEhX,GAAI+D,mBACJ7E,KAAM6E,cAAuBA,oBAC7BmB,MAAUG,EAAuB4R,iBAA5B,KAEP,CACEjX,GAAI+D,mBACJ7E,KAAM6E,cAAuBA,oBAC7BmB,MAAUG,EAAuB6R,iBAA5B,KAEP,CACElX,GAAI+D,mBACJ7E,KAAM6E,cAAuBA,oBAC7BmB,MAAUG,EAAuB8R,iBAA5B,KAEP,CACEnX,GAAI+D,mBACJ7E,KAAM6E,cAAuBA,oBAC7BmB,MAAUG,EAAuB+R,iBAA5B,KAEP,CACEpX,GAAI+D,mBACJ7E,KAAM6E,cAAuBA,oBAC7BmB,MAAUG,EAAuBgS,iBAA5B,KAEP,CACErX,GAAI+D,mBACJ7E,KAAM6E,cAAuBA,oBAC7BmB,MAAUG,EAAuBiS,iBAA5B,KAEP,CACEtX,GAAI+D,mBACJ7E,KAAS6E,cAAuBA,oBAA5B,OACJmB,MAAUG,EAAuBkS,iBAA5B,MAoBT,OACE,uBAAKhT,UAAS,gBAAkBE,IAC9B,uBAAKF,UAAU,mEACLqS,EAAS7X,KAAI,SAAC+F,EAAO9F,GAAR,OACnB,uBACEuF,UAAS,6CAA+CE,GAA/C,KAAkEY,EAAuBgE,gBAAkBvE,EAAM9E,GAAKyE,GAA0B,IACzJ4H,IAAKrN,EAAM4Y,WACXzS,QAAS,kBAvBFnF,EAuBgB8E,EAAM9E,GAtB/B+X,EAAW1S,EAAuBgE,cACpChE,EAAuBkD,uBACrBxE,0BAAmCA,iCACnC/D,GAAM,GAAK+X,GAAY,GAGhBA,GAAY,GAAK/X,GAAM,IADhCqF,EAAuB2S,wBAAuB,GAMlD3S,EAAuB4S,WAAWjY,QAClC0iB,IAbc,IAAC1iB,EACT+X,IAwBE,wBAAMxT,UAAU,0BACd,uBAAKA,UAAS,2CAA6CE,IACxDK,EAAM5F,cCoVvB,GArZuC,SAAC,GASjC,IARLyjB,EAQI,EARJA,aACAC,EAOI,EAPJA,eACAC,EAMI,EANJA,KACAjI,EAKI,EALJA,eACAkI,EAII,EAJJA,YACA1f,EAGI,EAHJA,aACAmY,EAEI,EAFJA,WACA5P,EACI,EADJA,mBAEMtG,GAAyBlB,gBAAWG,KAGtCqW,EAAU,EACd,OAAQkI,GACN,IAAK,KACHlI,EAAU,EACV,MACF,IAAK,MACHA,EAAU,EACV,MACF,IAAK,qBACHA,EAAU,EACV,MACF,QAEEA,EAAU,EAId,OAGIhX,cAASmf,GAFX/a,EADF,KAEEgb,EAFF,KAIA,GAA0Bpf,eAAS,GAA5Bqf,EAAP,KAAcC,EAAd,KAEMC,GAAWtb,YAAuB,OAExC8P,gBAAU,WAER,IAAMyL,EAAUD,EAASE,QAEzB,OADAD,WAASE,iBAAiB,aAAa,SAAC3H,GAAD,OAAWA,EAAM4H,mBAAkB,CAAEC,SAAS,IAC9E,WACLJ,WAASK,oBAAoB,aAAa,SAAC9H,GAAD,OAAWA,EAAM4H,uBAE5D,CAACJ,KAGJxL,gBAAU,WACRxX,YAAW,kBAAM+iB,GAAS,KAAO,OAChC,CAACN,IAGJ,IAAMD,EAAc,WAClBO,GAAS,GACTL,KAIIa,EAAY,WAChB,IAAMC,EAAatjB,SAASC,eAAe,4BACvCqjB,GACFA,EAAWnjB,SAAS,EAAG,IAKrBojB,EAAc,SAACP,EAAiBQ,GAChCR,EAAUQ,EACZb,EAAQK,EAAU,GAElBV,IAEFe,KAII9C,EAAc,SAACyC,GACfA,EAAU,EACZL,EAAQK,EAAU,GAElBV,IAEFe,KAIII,EAAiB,SAACC,GACtB,OAAQA,GACN,KAAK,EACH,OAAOrf,GACT,KAAK,EACH,OAAOA,GACT,KAAK,EACH,OAAOA,GACT,KAAK,EACH,OAAOA,GACT,KAAK,EACH,OAAOA,GACT,KAAK,EACH,OAAOA,GACT,QACE,MAAO,KAKPiG,EAAyB,WAC7B,IAAIxF,EAUJ,OATI0V,IAAmB7W,gCACrBmB,EAAQG,EAAuBoF,eACtBmQ,IAAmB7W,8BAC5BmB,EAAQG,EAAuB0e,qBACtBnJ,IAAmB7W,iCAC5BmB,EAAQG,EAAuB2e,wBACtBpJ,IAAmB7W,8BAC5BmB,EAAQG,EAAuB4e,oBAE7B/e,EACKnE,iBAAyBmE,GAE3B,WAoBHgf,EAAS,WACb,OAAgB,IAAZvJ,IAA2B,IAAT5S,GAAuB,IAATA,IAGpB,IAAZ4S,GAA0B,IAAT5S,GAiBjBoc,EAAe,WACnB,OAAQtB,GACN,IAAK,KACH,OAAO9e,wBAAiCgE,GAC1C,IAAK,MACH,OAAOhE,8BAAuCgE,GAChD,IAAK,qBACH,OAAOhE,2BAAoCgE,GAC7C,QACE,MAAO,KAIPqc,EAAsB,yCAA8BD,IAA9B,aACtBE,EAAqB,yCAA8BF,IAA9B,YAE3B,OACE,gBAAC,KAAD,MACG,kBACC,2BAAS5f,UAAWE,IAClB,uBAAKF,UAAS,4BAA8BE,GAA9B,KAA+Cue,EAAQve,GAAqBA,KACxF,uBAAKF,UAAS,GAAKE,KAEnB,uBAAKF,UAAcE,GAAL,MAAuC,cAAToe,GAAkC,OAATA,GAAiB9a,IAAS4S,IAAalW,IAAoBzE,GAAG,4BAEjI,uBAAKuE,UAAS,iCAAmCE,IAC/C,2BACI,WACA,OAAQoe,GACN,IAAK,KACH,OAAO9a,IAAS4S,EACd,uBAAKpW,UAAS,wCAA0CE,IACtD,uBAAKF,UAAS,WAAqB,IAATwD,EAAatD,GAAiBA,KACtD,8BACA,mCAEF,uBAAKF,UAAS,WAAYwD,EAAO,GAAKtD,IAAxB,KAAmD,IAATsD,GAActD,IAAxD,KAA0EsD,EAAO,GAAKtD,KAClG,8BACA,kCAEF,uBAAKF,UAAS,WAAYwD,EAAO,GAAKtD,IAAxB,KAAmD,IAATsD,GAActD,IAAxD,KAA0EsD,EAAO,GAAKtD,KAClG,8BACA,oCAEF,uBAAKF,UAAS,WAAYwD,EAAO,GAAKtD,IAAxB,KAAmD,IAATsD,GAActD,IAAxD,KAA0EsD,EAAO,GAAKtD,KAClG,8BACA,mCAEF,uBAAKF,UAAS,WAAYwD,EAAO,GAAKtD,IAAxB,KAAmD,IAATsD,GAActD,IAAxD,KAA0EsD,EAAO,GAAKtD,KAClG,8BACA,qCAIJ,sBAAIF,UAAS,+DAAiEE,IAA9E,cAEJ,IAAK,MACH,OACE,uBAAKF,UAAS,qBAAuBE,IACnC,uBAAKF,UAAS,WAAqB,IAATwD,EAAatD,GAAiBA,KACtD,8BACA,kCAEF,uBAAKF,UAAS,WAAYwD,EAAO,GAAKtD,IAAxB,KAAmD,IAATsD,GAActD,IAAxD,KAA0EsD,EAAO,GAAKtD,KAClG,8BACA,oCAEF,uBAAKF,UAAS,WAAYwD,EAAO,GAAKtD,IAAxB,KAAmD,IAATsD,GAActD,IAAxD,KAA0EsD,EAAO,GAAKtD,KAClG,8BACA,mCAEF,uBAAKF,UAAS,WAAYwD,EAAO,GAAKtD,IAAxB,KAAmD,IAATsD,GAActD,IAAxD,KAA0EsD,EAAO,GAAKtD,KAClG,8BACA,qCAIR,IAAK,qBACH,OACE,uBAAKF,UAAS,qBAAuBE,GAAvB,IAA0CA,IACtD,uBAAKF,UAAS,WAAqB,IAATwD,EAAatD,GAAiBA,KACtD,8BACA,oCAEF,uBAAKF,UAAS,WAAYwD,EAAO,GAAKtD,IAAxB,KAAmD,IAATsD,GAActD,IAAxD,KAA0EsD,EAAO,GAAKtD,KAClG,8BACA,oCAIR,IAAK,YACH,OAAO,sBAAIF,UAAU,qEAAd,iBACT,QACE,OAAO,kCAlEX,IAsEJ,uBAAKA,UAAS,GAAKE,IACP,cAAToe,EACC,0BAAQlkB,KAAK,SAASwK,WAAUib,IAAuBjf,QAAS,kBAAWud,MAA3E,OAEA,0BAAQ/jB,KAAK,SAAS4F,UAAWE,GAAoB0E,WAAUib,IAAuBjf,QAAS,kBAAWud,SAMhH,uBAAKne,UAAWE,IACd,uBAAKF,UAAcE,GAAL,IAA2Bof,EAAe9b,IACpD,WACA,OAAQ8a,GACN,IAAK,KACH,OACE,gCACE,gBAAC,GAAD,CAAWlM,OAAiB,IAAT5O,IACnB,gBAAC,GAAD,CAAc4O,OAAiB,IAAT5O,IACtB,gBAAC,GAAD,CAAkB4O,OAAiB,IAAT5O,IAC1B,gBAAC,GAAD,CAAe4O,OAAiB,IAAT5O,EAAYwT,WAAYA,IAC/C,gBAAC,GAAD,CAAoB5E,OAAiB,IAAT5O,IAC5B,gBAAC,GAAD,CACE4O,OAAiB,IAAT5O,EACR3E,aAAcA,EACdud,YAAa,kBAAMA,EAAY5Y,IAC/B4D,mBAAoBA,KAI5B,IAAK,MACH,OACE,gCACE,gBAAC,GAAD,MACA,gBAAC,GAAD,CACE8O,KAAMkJ,EACNjJ,YAAa3S,EACb4S,QAASA,EACTC,eAAgBA,IAElB,gBAAC,GAAD,CAAaA,eAAgBA,EAAgBW,WAAYA,IACzD,gBAAC,GAAD,CACEd,KAAMkJ,EACNjJ,YAAa3S,EACb4S,QAASA,KAIjB,IAAK,qBACH,OACE,gCACE,gBAAC,GAAD,CACEF,KAAMkJ,EACNjJ,YAAa3S,EACb4S,QAASA,EACTC,eAAgBA,IAElB,gBAAC,GAAD,CAAaA,eAAgBA,EAAgBW,WAAYA,KAG/D,IAAK,YACH,OAAO,gBAAC,GAAD,CAAYmH,YAAaA,IAClC,QACE,OAAO,kCAnDX,MA4DN,WACA,OAAQG,GACN,IAAK,KACH,OACE,uBAAKte,UAAS,wBAA0BE,GAA1B,IAA2CA,GAA3C,KAA0DsD,IAAS4S,GAAW,aAAehQ,IAAKuY,GAC9G,uBAAK3e,UAAS,0DAA4DE,IACxE,0BAAQU,QAAS,kBAAWwb,EAAY5Y,IAAOpJ,KAAK,SAAS4F,UAAS,+BAAiCE,IAAvG,MACA,0BACEU,QAAS,kBAAWwe,EAAY5b,EAAM4S,IACtChc,KAAK,SACL4F,UAAS,oFAAsFE,GAC/F0E,WAAUkb,KA1Nb,WACnB,OAAQtc,GACN,KAAK,EACH,MAAO,aACT,KAAK,EACH,MAAO,YACT,KAAK,EACH,MAAO,cACT,KAAK,EACH,MAAO,kBACT,KAAK,EACH,MAAO,QACT,QACE,MAAO,IA+MYuc,KAGL,uBAAK/f,UAAU,+GACb,uBAAKA,UAAU,2CACf,uBAAKA,UAAU,4DAAf,eACA,uBAAKA,UAAU,oBACb,wBAAMA,UAAU,aAAhB,MACA,0BAAQA,UAAS,aAAeE,IAA0BiG,KAC1D,wBAAMnG,UAAU,aAAhB,MAEF,uBAAKA,UAAU,6CAIvB,IAAK,MACL,IAAK,qBACH,OACE,uBAAKA,UAAS,wBAA0BE,IACtC,uBAAKF,UAAU,oHACb,uBAAKA,UAAU,2CACf,uBAAKA,UAAU,4DAAf,eACA,uBAAKA,UAAU,oBACb,wBAAMA,UAAU,aAAhB,MACA,0BAAQA,UAAU,aAAamG,KAC/B,wBAAMnG,UAAU,aAAhB,MAEF,uBAAKA,UAAU,4CAEjB,uBAAKA,UAAS,qBAAuBE,IACnC,0BACE9F,KAAK,SACL4F,UAAU,2CACVY,QAAS,kBAAMwb,EAAY5Y,KAlO9B4S,EAAU,GAAK5S,EAAO,EAoOP,KAAO,SAErB,0BACEpJ,KAAK,SACL4F,UAAS,6CAA8C2f,IAAW,GAAK,cACvE/a,WAAUkb,IACVlf,QAAS,kBAAMwe,EAAY5b,EAAM4S,KAvOnDuJ,IACK,OACHnc,IAAS4S,EACN,SAEF,QAyOK,QACE,OAAO,kCA9DX,IAmEJ,uBAAKpW,WAAcye,GAAS,aAAd,IAA6Bve,GAAgBU,QAAS,kBAAWud,YChbzF,GAAe,IAA0B,4DCAzC,GAAe,IAA0B,4DCClC,MAEM6B,GAAU,yCCMvB,IAAMC,GAAe,wBA8DrB,GA5DkC,SAAC,GAAc,IAAZC,EAAW,EAAXA,KACnC,GAA4B9gB,eAAS,GAA9B+gB,EAAP,KAAeC,EAAf,KACA,GAA4ChhB,eAAS,GAA9CihB,EAAP,KAAuBC,EAAvB,MAEAnN,gBAAU,WAEJoN,aAAaC,QAAQP,QAAkB,GAAK5M,YAGhD+M,EAAUF,KACT,CAACA,IAEJ,IAIMO,EAAQ,WAEZF,aAAaG,QAAQT,GAAcI,EAAehN,YAClD+M,GAAU,IAGZ,OACE,uBAAKpgB,UAAcE,8CAAqBigB,GAAU,cAChD,uBAAKngB,UDjCmB,kDCkCtB,qBAAGA,UAAWE,IAAd,gBACA,0BACE9F,KAAK,SACLumB,cAAY,OACZ3gB,UDpCiB,6CCqCjBY,QAAS6f,IAEX,uBAAKhhB,IAAKmhB,GAAaxgB,IAAI,QAAQJ,UAAU,sCAC7C,uBAAKP,IAAKohB,GAAazgB,IAAI,QAAQJ,UAAU,oCAC7C,qBAAGA,UAAU,mBAAb,SAEE,0BAAQA,UAAWE,IAAnB,SAEE,wBAAMF,UAAU,mBAAhB,gBAFF,KAFF,oBASA,uBAAKA,UAAU,mBACb,yBAAO2T,QAAQ,WACb,yBAAOvZ,KAAK,WAAWqB,GAAG,UAAU6X,QAAS+M,EAAgBrgB,UDnDjD,yCCmD6EuT,SAjC7E,SAACuN,GACrBR,EAAkBQ,EAAEllB,OAAO0X,YA+BrB,oBAKF,0BACElZ,KAAK,SACL4F,UAAS,uGACTY,QAAS6f,GAHX,UC3DD,MAEM,GAAa,wC,eC8H1B,GA7GmC,SAAC,GAAkC,IAAhC5hB,EAA+B,EAA/BA,aAAcmY,EAAiB,EAAjBA,WAClD,GAAsC5X,eAAS,GAAxCgf,EAAP,KAAqB2C,EAArB,KACA,GAAwB3hB,cAAmB,OAApCkf,EAAP,KAAa0C,EAAb,KACA,GAA4C5hB,cAC1CI,+BADK6W,EAAP,KAAuB4K,EAAvB,KAGA,GAAsC7hB,cAAS,GAAxCmf,EAAP,KAAoB2C,EAApB,KACA,GAAoD9hB,eAAS,GAAtDgI,EAAP,KAA2B+Z,EAA3B,KAEMrgB,GAAyBlB,gBAAWG,KAGpCkD,EAAuB,SAC3BM,EACA6d,EACA5d,GAEAyd,EAAkBG,GAClBL,GAAc,GACdC,EAAQzd,GACJC,GAAM0d,EAAe1d,IA6B3B,OATA2P,gBAAU,WACR,IARMkO,EAQAC,GARAD,EAAMtlB,OAAOsL,SAASkD,SAASgX,MAAM,MAEzBF,EAAInnB,OAAS,GAAKmnB,EAAIA,EAAInnB,OAAS,GAAKmnB,EAAIA,EAAInnB,OAAS,GAOvEkkB,GACE/H,IAAmB7W,iCACrBsB,EAAuB0gB,gBAAgBF,KAG1C,CAAClD,IAGF,2BAASpe,UAAU,YAAYvE,GAAG,cAChC,uBAAKuE,UAAS,mFACZ,uBAAKA,UAAU,WACb,gBAAC,GAAD,CACElD,MAAO6J,GAAUC,OACjB3D,qBAAsBA,IAExB,gBAAC,GAAD,CACEnG,MAAO6J,GAAUE,QACjB5D,qBAAsBA,EACtBiE,UAAU,qBAEZ,gBAAC,GAAD,CACEpK,MAAO6J,GAAUG,SACjB7D,qBAAsBA,EACtBiE,UAAU,qBAEZ,gBAAC,GAAD,CACEpK,MAAO6J,GAAUI,SACjB9D,qBAAsBA,EACtBiE,UAAU,mBACVC,YAAU,EACVC,mBAAoB,kBAAM+Z,GAAsB,OAGpD,uBAAKnhB,UAAS,mDACZ,gBAAC,KAAD,CAAMyhB,GAAIzgB,iBAA4BhB,UAAU,mFAAhD,kBAEE,uBAAKP,IAAKiiB,GAAYthB,IAAI,MAAMJ,UAAS,oBAAsBE,MAEjE,gBAAC,KAAD,CAAMuhB,GAAIzgB,qBAAgChB,UAAU,oDAApD,qBAEE,uBAAKP,IAAKiiB,GAAYthB,IAAI,MAAMJ,UAAS,oBAAsBE,QAKrE,uBAAKF,UAAU,qBACb,gBAAC,GAAD,CAAQnB,aAAcA,EAAcoE,qBAAsBA,KAG3Dmb,GACC,gBAAC,GAAD,CACEA,aAAcA,EACdC,eAtEe,WAErBsD,gBAAsB,aAAwB,OAATrD,EAAiB,EAAI,IAE1D3iB,YAAW,kBAAMolB,GAAc,KAAQ,MAmEjCzC,KAAMA,EACNjI,eAAgBA,EAChBkI,YAAaA,EACb1f,aAAcA,EACdmY,WAAYA,EACZ5P,mBAAoB,kBAAM+Z,GAAsB,MAIpD,gBAAC,GAAD,CAAgBjB,KAAM9Y,MC3HrB,MACMwa,GAAa,0CAEbC,GAAgB,8CCG7B,IA6FA,GA7F4C,SAAC,GAGtC,IAFLC,EAEI,EAFJA,OAAQC,EAEJ,EAFIA,iBAAkBC,EAEtB,EAFsBA,iBAAkBC,EAExC,EAFwCA,iBAAkBC,EAE1D,EAF0DA,SAAUC,EAEpE,EAFoEA,SAAUC,EAE9E,EAF8EA,SAClFlkB,EACI,EADJA,QAASmkB,EACL,EADKA,OAAQC,EACb,EADaA,OAAQC,EACrB,EADqBA,OAEzB,GAAoCnjB,eAAS,GAAtCojB,EAAP,KAAmBC,EAAnB,KAEMC,EAAOX,GAAoB,GAC3BY,EAAOX,GAAoB,GAC3BY,EAAOX,GAAoB,GAO7BY,EAAkBf,GAAU,GAChC,GAAMO,GAAYC,GAAYC,EAAQ,CACpC,IAAMO,EAAQD,EAAgBtB,MAAM,MACpCuB,EAAMjb,SAAQ,SAACkb,EAAMtoB,GACfsoB,EAAKC,SAAS,iBAChBF,EAAMG,OAAOxoB,EAAO,EAAG,YAAa,aAElCsoB,EAAKC,SAASX,IAChBS,EAAMG,OAAOxoB,EAAO,EAAG,aAErBsoB,EAAKC,SAASV,IAChBQ,EAAMG,OAAOxoB,EAAO,EAAG,aAErBsoB,EAAKC,SAAST,IAChBO,EAAMG,OAAOxoB,EAAO,EAAG,YAAa,YAAa,gBAGrDooB,EAAkBC,EAAMI,QAAO,SAACH,GAAD,MAAmB,cAATA,KAAsBI,KAAK,MAItE,OACE,uBAAK1nB,GAAG,0BACN,sBAAIuE,UAAU,gCAAd,QACA,uBAAKA,UAAS,cAAewiB,EAAa,YAAc,KACtD,uBAAKxiB,UAAS,8CAAgDE,GAAqBkjB,wBAAyB,CAAEC,OAAQnlB,KAEtH,uBAAKzC,GAAG,yCAAyCuE,UAAU,6DACzD,uBAAKA,UAAU,sBACb,uBAAKA,UAAS,GAAKE,GAAwBT,IAAKijB,EAAMtiB,IAAI,WAAWkjB,QAAQ,OAAOjjB,SAAS,QAAQF,MAAM,MAAMzE,OAAO,QACxH,qBAAGsE,UAAU,oBAAoBkiB,IAEnC,uBAAKliB,UAAU,sBACb,uBAAKA,UAAS,GAAKE,GAAwBT,IAAKkjB,EAAMviB,IAAI,WAAWkjB,QAAQ,OAAOjjB,SAAS,QAAQF,MAAM,MAAMzE,OAAO,QACxH,qBAAGsE,UAAU,oBAAoBmiB,IAEnC,uBAAKniB,UAAU,sBACb,uBAAKA,UAAS,GAAKE,GAAwBT,IAAKmjB,EAAMxiB,IAAI,WAAWkjB,QAAQ,OAAOjjB,SAAS,QAAQF,MAAM,MAAMzE,OAAO,QACxH,qBAAGsE,UAAU,oBAAoBoiB,KAGrC,uBAAKpiB,UAAS,eAAiBE,GAAqBkjB,wBAAyB,CAAEC,OAAQR,MAGzF,uBAAK7iB,UAAcE,4CAAqBsiB,EAAa,GAAK,cACxD,uBAAKxiB,UAAS,+CAAiDE,GAAqBkjB,wBAAyB,CAAEC,OAAQnlB,KACvH,uBAAKzC,GAAG,yCAAyCuE,UAAU,6DACzD,uBAAKA,UAAU,sBACb,uBAAKP,IAAKijB,EAAMtiB,IAAI,WAAWkjB,QAAQ,OAAOjjB,SAAS,QAAQF,MAAM,MAAMzE,OAAO,QAClF,qBAAGsE,UAAU,oBAAoBkiB,IAEnC,uBAAKliB,UAAU,sBACb,uBAAKP,IAAKkjB,EAAMviB,IAAI,WAAWkjB,QAAQ,OAAOjjB,SAAS,QAAQF,MAAM,MAAMzE,OAAO,QAClF,qBAAGsE,UAAU,oBAAoBmiB,IAEnC,uBAAKniB,UAAU,sBACb,uBAAKP,IAAKmjB,EAAMxiB,IAAI,WAAWkjB,QAAQ,OAAOjjB,SAAS,QAAQF,MAAM,MAAMzE,OAAO,QAClF,qBAAGsE,UAAU,oBAAoBoiB,MAIvC,uBAAKpiB,UAAU,kDACb,0BACE5F,KAAK,SACL4F,UAAS,oFACTY,QAAS,SAACkgB,GACRA,EAAEyC,cAAcC,OAtExBf,GAAeD,KA0ERA,EAAa,QAAU,UCrFlC,ICDYiB,GDsCZ,GArC+B,WAC7B,IAAM3iB,GAAyBlB,gBAAWG,KAE1C,OACE,gBAAC,KAAD,MACG,kBACC,uBAAKC,UAAS,UAAWc,EAAuB4iB,oBEV7B,iDFUwE,KACzF,uBAAK1jB,UEbgB,uDFcrB,uBAAKA,UAAU,sCACb,uBAAKA,UAAU,4CACf,uBAAKA,UAAU,mEACb,uBAAKA,UAAU,WACf,uBAAKA,UAAU,oBACb,qBAAGY,QAAS,kBAAME,EAAuB2S,wBAAuB,KAAhE,SAKJ,uBAAKzT,UAAU,kCACb,yDAEE,2BAFF,mCAKA,uBAAKA,UAAU,wFACb,0BAAQA,UAAS,4EAAqD5F,KAAK,SAASwG,QAAS,kBAAME,EAAuB2S,wBAAuB,KAAjJ,e,SC1BJgQ,O,2BAAAA,I,iBAAAA,I,iCAAAA,I,qBAAAA,I,aAAAA,I,uBAAAA,I,6BAAAA,I,2BAAAA,I,iBAAAA,I,mBAAAA,Q,KAuBL,I,SAAME,GAAY,CACvB,CACEloB,GAAIgoB,GAAQG,WACZjpB,KAAM,GACNkpB,SAAU,GACV/b,IAAK,GACLgc,cAAc,EACdC,UAAW,GACXC,MAAO,GAET,CACEvoB,GAAIgoB,GAAQQ,SACZtpB,KAAM,OACNkpB,SAAU,aACV/b,IAAK,OACLgc,cAAc,EACdC,UAAW,OACXC,MAAO,GAET,CACEvoB,GAAIgoB,GAAQS,YACZvpB,KAAM,UACNkpB,SAAU,mBACV/b,IAAK,UACLgc,cAAc,EACdC,UAAW,QACXC,MAAO,GAET,CACEvoB,GAAIgoB,GAAQU,WACZxpB,KAAM,SACNkpB,SAAU,oBACV/b,IAAK,YACLgc,cAAc,EACdC,UAAW,SACXC,MAAO,GAET,CACEvoB,GAAIgoB,GAAQW,QACZzpB,KAAM,WACNkpB,SAAU,oBACV/b,IAAK,UACLgc,cAAc,EACdC,UAAW,OACXC,MAAO,GAET,CACEvoB,GAAIgoB,GAAQY,IACZ1pB,KAAM,WACNkpB,SAAU,gBACV/b,IAAK,MACLgc,cAAc,EACdC,UAAW,MACXC,MAAO,GAET,CACEvoB,GAAIgoB,GAAQa,MACZ3pB,KAAM,MACNkpB,SAAU,aACV/b,IAAK,QACLgc,cAAc,EACdC,UAAW,MACXC,MAAO,GAET,CACEvoB,GAAIgoB,GAAQc,cACZ5pB,KAAM,YACNkpB,SAAU,yBACV/b,IAAK,eACLgc,cAAc,EACdC,UAAW,YACXC,MAAO,GAET,CACEvoB,GAAIgoB,GAAQe,MACZ7pB,KAAM,aACNkpB,SAAU,oBACV/b,IAAK,QACLgc,cAAc,EACdC,UAAW,MACXC,MAAO,GAET,CACEvoB,GAAIgoB,GAAQgB,MACZ9pB,KAAM,MACNkpB,SAAU,aACV/b,IAAK,QACLgc,cAAc,EACdC,UAAW,MACXC,MAAO,IAKLU,GAAmB,SAACjpB,GACxB,IAAMG,EAAS+nB,GAAUgB,WAAU,SAAC/b,GAAD,OAAWA,EAAKnN,KAAOA,KAC1D,OAAIG,GAAU,EACLA,EAEF+nB,GAAUgB,WAAU,SAAC/b,GAAD,OAAWA,EAAKnN,KAAOgoB,GAAQgB,UAI/CG,GAAY,SAACnpB,GAAD,OAAyBkoB,GAAUe,GAAiBjpB,IAAKd,M,wFE/GlF,SAASkqB,GAAcC,GACrB,IAAKzI,mBACH,MAAO,GAITyI,EAAWC,MAAK,SAACC,EAAcC,GAAf,OAAgCC,4BAAiCF,EAAGC,MAKpF,IAFA,IAAIE,EAAU,EACRnd,EAA2B,GAV+B,WAWvDzM,GACP,IAAMoO,EAAYmb,EAAWvpB,GACvB6pB,EAAkB/I,yBACtB,SAACgJ,GAAD,OAAaA,EAAO5pB,KAAOkO,EAAU2b,kBAevC,GAbIF,GAAmBzb,EAAU4b,cAC/Bvd,EAAOwd,KAAK,CACVC,KAAMlqB,EAAI,EAAI4pB,EACd9oB,QAASsN,EAAUtN,QACnBilB,MAAO3X,EAAU2b,eACjB/oB,QAASoN,EAAUhP,KACnB+qB,OAAQ/b,EAAU9K,aAClB8B,MAAOgJ,EAAUrN,gBACjB4B,QAASknB,EAAgBlnB,SAAW,KAGtCinB,GAAW,EAETnd,EAAO9N,QApCY,EAqCrB,eAnBKqB,EAAI,EAAGA,EAAIupB,EAAW5qB,OAAQqB,GAAK,EAAG,gBAAtCA,GAmBL,MAGJ,OAAOyM,E,IAoII2d,GAAkB,KA7H9BC,QAAM,CAAEC,SAAS,EAAMlrB,KAAM,mB,qFAuHrBmrB,gBADP,SACuBrqB,GAErB,OADAsqB,KAAKC,YAAcvqB,EACZsqB,KAAKC,c,0CA/Gd,WACmC,IAAD,OAE1B3f,EAASgW,yBAAkC,SAAC4J,GAAD,OAAsBA,EAAOX,iBAAmB,EAAKU,eACtG,GAAI3f,EAAQ,CACV,IAAM6f,EAAiBhB,sBAA2B7e,EAAO8f,SAAU9f,EAAO+f,WAC1E,OAAO5pB,mBAA2B0pB,GAEpC,MAAO,K,kCAST,WAC+C,IAAD,OAC5C,IAAK7J,mBACH,MAAO,GAGT,IAAMhW,EAAgCgW,yBACpC,SAAC4J,GAAD,OAAwBA,EAAOX,iBAAmB,EAAKU,eAEzD,IAAK3f,EACH,MAAO,GAGT,IAAM6f,EAAiBhB,sBAA2B7e,EAAO8f,SAAU9f,EAAO+f,WAK1E,OAAOvB,GAHUxI,2BAAoC,SAACgK,GAAD,OAAsBA,EAAIF,WAAaD,GAC3EA,IAAmB1pB,2BAAsC6pB,EAAID,WAC7DF,IAAmB1pB,wBAAoC6pB,EAAIF,WAAa3pB,8BAAyC6pB,EAAID,gB,4BASxI,WAC+B,IAAD,SAEtB/f,EAASgW,yBAAkC,SAAC4J,GAAD,OAAsBA,EAAOX,iBAAmB,EAAKU,eACtG,iBAAO3f,aAAP,EAAOA,EAAQhK,QAAQgX,kBAAvB,QAAqC,K,+BASvC,WAC6C,IAAD,OAC1C,IAAKgJ,mBACH,MAAO,GAGT,IAAMhW,EAAgCgW,yBACpC,SAAC4J,GAAD,OAAuBA,EAAOX,iBAAmB,EAAKU,eAExD,OAAK3f,EAQEwe,GAHuBxI,2BAC5B,SAAC5W,GAAD,OAAiBA,EAAEpJ,UAAYgK,EAAOhK,YAL/B,K,0CAgBX,WACwD,IAAD,OACrD,IAAKggB,mBACH,MAAO,GAGT,IAAMhW,EAAgCgW,yBAAkC,SAAC4J,GAAD,OAAuBA,EAAOX,iBAAmB,EAAKU,eAC9H,IAAK3f,EACH,MAAO,GAGT,IAAM6f,EAA2ChB,sBAA2B7e,EAAO8f,SAAU9f,EAAO+f,WAOpG,OAAOvB,GALuBxI,2BAAoC,SAAC5W,GAAD,OAC/DA,EAAEpJ,UAAYgK,EAAOhK,UACZoJ,EAAE0gB,WAAaD,GACXA,IAAmB1pB,2BAAqCiJ,EAAE2gB,WAC1DF,IAAmB1pB,wBAAkCiJ,EAAE0gB,WAAa3pB,8BAAwCiJ,EAAE2gB,mB,6CA1G/HE,O,yEAAyB,M,4CAOzBC,O,kIAiBAA,O,+HA0BAA,O,4HAaAA,O,0IA0BAA,O,sIA0BAC,O,iHClLI,MAOMC,GAA8B,wDAE9BC,GAAW,mCAEXC,GAAW,mCACXC,GAAyB,mDACzBC,GAAyB,mDACzBC,GAA4B,uDCRzC,IA6GA,GA7GoB,kBAClB,2BAASrrB,GAAG,UAAUuE,UAAU,aAC9B,gBAAC2E,GAAA,EAAD,CAAM3E,UDRsB,4CCS1B,2BACE,sBAAIA,UAAcE,0FAChB,wBAAMF,UDTiB,6CCSvB,YADF,aAMA,uBAAKA,UDbiB,0CCcpB,2BAASA,UAAU,qCACjB,0BAAQ+mB,OAAQC,KAAiB5sB,KAAK,eACtC,0BAAQ2sB,OAAQE,OAChB,uBAAKxnB,IAAKwnB,KAAgB7mB,IAAI,uBAAuBkjB,QAAQ,OAAOjjB,SAAS,QAAQF,MAAM,MAAMzE,OAAO,WAK9G,2BACE,sBAAIsE,UDrBoC,+DCqBxC,YACA,sBAAIA,UDrB0B,oDCsB5B,sBAAIA,UAAcE,uCAChB,qBAAGF,UAAWE,IACZ,wBAAMF,UAAWE,IAAjB,WAGA,wBAAMF,UAAWE,IAAjB,eAGA,wBAAMF,UAAWE,IAAjB,WAGA,wBAAMF,UAAWE,IAAjB,cAGA,wBAAMF,UAAWE,IAAjB,oBAKJ,sBAAIF,UAAcE,GAAL,IAA2CA,IACtD,qBAAGF,UAAcE,GAAL,IAAsCA,IAChD,wBAAMF,UAAWE,IAAjB,YAGA,wBAAMF,UAAWE,IAAjB,eAGA,wBAAMF,UAAWE,IAAjB,gBAGA,wBAAMF,UAAWE,IAAjB,oBAKJ,sBAAIF,UAAcE,uCAChB,qBAAGF,UAAWE,IACZ,wBAAMF,UAAWE,IAAjB,eAGA,wBAAMF,UAAWE,IAAjB,cAGA,wBAAMF,UAAWE,IAAjB,YAGA,wBAAMF,UAAWE,IAAjB,cAGA,wBAAMF,UAAWE,IAAjB,qBAKJ,sBAAIF,UAAcE,GAAL,IAA2CA,IACtD,qBAAGF,UAAcE,GAAL,IAAsCA,IAChD,wBAAMF,UAAWE,IAAjB,gBAGA,wBAAMF,UAAWE,IAAjB,aAGA,wBAAMF,UAAWE,IAAjB,eAGA,wBAAMF,UAAWE,IAAjB,YAGA,wBAAMF,UAAWE,IAAjB,yBAMN,uBAAKF,UAAU,oCACb,qBACEmB,KAAK,cACLnB,UAAS,oFAET,mD,WC5GZ,GAAe,IAA0B,+DCAzC,GAAe,IAA0B,gECczC,IA4HA,GA5HkB,WAChB,IAKmB,IALnB,GAA4BZ,eAAS,GAA9BC,EAAP,KAAeC,EAAf,KAEMwB,GAAyBlB,gBAAWG,KAOpCmnB,EAAY,kBAAoE,GAA9Dnf,OAAOjH,EAAuBJ,wBAAwBwI,OAAc,IAGtFie,EAAqB,WACzBrmB,EAAuB4F,oBACvB5F,EAAuB2F,mBAAmBjH,+BAC1CuB,QAASC,6BAGX,OACE,gCAEE,2BAAShB,UAAU,+BACjB,gBAAC2E,GAAA,EAAD,KACE,sBAAI3E,UAAU,gCAAd,oBACA,uBAAKA,UAAU,sBACb,+BACE,0BAAQ+mB,OAAQK,GAAiBhtB,KAAK,eACtC,uBACEqF,IAAK4nB,GACLjnB,IAAI,yBACJD,MAAM,MACNzE,OAAO,MACP4nB,QAAQ,UAGZ,wBAAMtjB,UAAU,qCAAhB,2BAEF,uBAAKA,UAAU,gCACb,qBAAGA,UAAU,wCAAb,kGAOF,uBAAKA,UAAU,qBACb,uBAAKA,UAAU,2DACb,wBAAMA,UAAS,+DAAf,oBAEF,gBAACsnB,GAAA,EAAD,CACEtnB,UAAcE,oFACdqnB,WAAW,gBACXC,eAAgBL,KAKpB,uBACEnnB,UAAU,0DACVY,QAAS,kBAAMtB,GAAWD,IAC1BuF,WAAS,oCACT3D,KAAK,SACLC,SAAU,GAEV,uBAAKlB,UAAS,mFAAd,YACA,wBAAMA,UAAcE,kCAAkBb,GC1E5B,kCD4EXA,GACC,uBAAKW,UAAS,kJACZ,uBAAKA,UAAU,8BACb,qBAAGA,UAAU,4BAAb,QACA,qBAAGA,UAAU,iBAjEJc,EAAuBJ,wBAAwB+mB,WAAa,KAmEvE,uBAAKznB,UAAU,8BACb,qBAAGA,UAAU,4BAAb,WACA,qBAAGA,UAAU,iBApEFc,EAAuBJ,wBAAwBsI,QAAU,KAsEtE,uBAAKhJ,UAAU,8BACb,qBAAGA,UAAU,4BAAb,QACA,qBAAGA,UAAU,iBACVknB,IAAiBA,IAAR,MAA2B,GAxE9BpmB,EAAuBJ,wBAAwBwI,MAAQ,GAuEhE,MAMF,uBAAKlJ,UAAU,8BACb,qBAAGA,UAAU,4BAAb,QACA,qBAAGA,UAAU,kBAlFF,UAAAc,EAAuBJ,+BAAvB,mBAAgDC,aAAhD,eAAuDL,mBAAoB,GAkFtF,eAWV,2BAASN,UAAU,oDACjB,gBAAC2E,GAAA,EAAD,KACE,sBAAI3E,UAAU,gCAAd,oBACA,uBAAKA,UAAU,kDACb,oDACA,uEAEF,uBAAKA,UAAU,qBACb,0BACE5F,KAAK,SACL4F,UAAS,oHACTY,QAASumB,EACTviB,WAAS,4CAET,uBAAK5E,UAAU,qBACb,0BAAQA,UAAU,8BAAlB,gBACA,uBAAKP,IEjIrB,6hDFiIiCW,IAAI,KAAKJ,UC9HlB,0C,WEHxB,GAAe,IAA0B,sECAzC,GAAe,IAA0B,8DCAzC,GAAe,IAA0B,4DCAzC,GAAe,IAA0B,yDCAzC,GAAe,IAA0B,gECAzC,GAAe,IAA0B,8DCAzC,GAAe,IAA0B,2DCAzC,GAAe,IAA0B,+DCAzC,GAAe,IAA0B,6DCAzC,GAAe,IAA0B,0DCAzC,GAAe,IAA0B,iECAzC,GAAe,IAA0B,+DCAzC,GAAe,IAA0B,4D,sBCClC,MAIM0nB,GAAa,mCACbC,GAAc,oCCyB3B,IA4EA,GA5E8B,SAAC,GAAD,IAC5B9oB,EAD4B,EAC5BA,aACAD,EAF4B,EAE5BA,UAF4B,OAI5B,2BAASoB,UAAU,aACjB,gBAAC2E,GAAA,EAAD,CAAM3E,UDnCiB,qCCoCrB,sBAAIA,UAAU,mDAAd,eACA,uBAAKA,UAAU,wCACb,uBACEP,IAAKmoB,KACL5nB,UDtCmB,sCCuCnBG,MAAM,MACNzE,OAAO,KACP0E,IAAI,OACJC,SAAS,WAGb,uBAAKL,UAAU,wCACb,+BACE,0BAAQ+mB,OClDlB,wyLDkDoD3sB,KAAK,eAC/C,uBACEqF,IAAKooB,GACLznB,IAAI,kBACJD,MAAM,MACNzE,OAAO,KACP4nB,QAAQ,WAId,uBAAKtjB,UAAS,4CACZ,2BAASA,UAAS,+CAAiDE,IACjE,0BAAQ6mB,OAAQe,GAAuB1tB,KAAK,aAAa2tB,MAAM,uBAC/D,0BAAQhB,OAAQiB,GAAmBD,MAAM,uBACzC,0BAAQhB,OAAQkB,GAAqB7tB,KAAK,eAC1C,0BAAQ2sB,OAAQmB,KAChB,uBAAKzoB,IAAKyoB,GAAiBloB,UAAWE,GAAoBE,IAAI,qCAAqCkjB,QAAQ,OAAOjjB,SAAS,QAAQF,MAAM,MAAMzE,OAAO,QAExJ,2BAASsE,UAAS,+CAAiDE,IACjE,0BAAQ6mB,OAAQoB,GAAqB/tB,KAAK,aAAa2tB,MAAM,uBAC7D,0BAAQhB,OAAQqB,GAAiBL,MAAM,uBACvC,0BAAQhB,OAAQsB,GAAmBjuB,KAAK,eACxC,0BAAQ2sB,OAAQuB,KAChB,uBAAK7oB,IAAK6oB,GAAetoB,UAAWE,GAAoBE,IAAI,wCAAwCkjB,QAAQ,OAAOjjB,SAAS,QAAQF,MAAM,MAAMzE,OAAO,QAEzJ,2BAASsE,UAAS,+CAAiDE,IACjE,0BAAQ6mB,OAAQwB,GAAkBnuB,KAAK,aAAa2tB,MAAM,uBAC1D,0BAAQhB,OAAQyB,GAAcT,MAAM,uBACpC,0BAAQhB,OAAQ0B,GAAgBruB,KAAK,eACrC,0BAAQ2sB,OAAQ2B,KAChB,uBAAKjpB,IAAKipB,GAAY1oB,UAAWE,GAAoBE,IAAI,6CAA6CkjB,QAAQ,OAAOjjB,SAAS,QAAQF,MAAM,MAAMzE,OAAO,SAG7J,qBAAGsE,UAAU,mFAAb,yQAICpB,GACC,gCAEE,uBAAKoB,UAAU,qBACb,gBAAC2oB,GAAA,EAAD,CACE9pB,aAAcA,KAKlB,uBAAKmB,UAAU,0CACb,gBAAC4oB,GAAA,EAAD,CACE/pB,aAAcA,S,sBE1F5B,IAuJA,GAvJgB,WACd,OAAoCO,cAAoB,IAAjDypB,EAAP,KAAmBC,EAAnB,KAEMC,EAAY,SAACtuB,EAAeuuB,EAAqBC,GAKrD,OAJIJ,EAAW3uB,SAAWO,GACxBquB,EAAc,GAAD,gBAAKD,GAAL,EAAiB,KAI9B,uBAAK7oB,UAAU,+CACb,uBAAKA,UAAU,yBACb,uBAAKA,UAAS,gEAAyDY,QAAS,kBAAMkoB,EAAcD,EAAWruB,KAAI,SAAC0uB,EAAK3tB,GAAN,OAAaA,IAAMd,GAASyuB,EAAMA,QACnJ,uBAAKlpB,UAAU,UACb,uBAAKA,UAAU,sCACZgpB,IAGL,uBAAKhpB,UAAU,8BACb,qBAAGA,UAAS,yDAA0D6oB,EAAWpuB,GAAS,aAAe,kBAI/G,uBAAKuF,UAAcE,6BAAgB2oB,EAAWpuB,IC3BhC,+BD4BZ,qBAAGuF,UAAU,0BACVipB,MAOX,OACE,gCAEE,gBAACE,GAAA,EAAD,CACEnvB,MAAO,CACL,CACEgvB,SAAU,oBACVC,OAAQ,4OAEV,CACED,SAAU,gBACVC,OAAQ,gCAEV,CACED,SAAU,gBACVC,OAAQ,kMAEV,CACED,SAAU,qBACVC,OAAQ,yIAEV,CACED,SAAU,aACVC,OAAQ,0NAKd,2BAASjpB,UAAU,aACjB,gBAAC2E,GAAA,EAAD,KACE,sBAAI3E,UAAU,gCAAd,WACA,uBAAKA,UAAU,iDACb,uBAAKA,UAAS,8DAEX+oB,EACC,EACA,qDACA,gFAEE,2BAFF,mBAIE,qBAAG5nB,KAAK,qBAAqBnB,UAAU,oBAAvC,aAJF,iBAME,2BANF,4DAQE,2BARF,iBAcD+oB,EACC,EACA,sDACA,+FAEE,2BAFF,oBAIE,qBAAG5nB,KAAK,iBAAiBnB,UAAU,oBAAnC,SAKH+oB,EACC,EACA,8CACA,gCACE,qBAAG/oB,UAAU,sBAAb,eAEE,2BAFF,6DAIE,2BAJF,+DAOA,iDAEE,2BAFF,mEASH+oB,EACC,EACA,iDACA,iEAMDA,EACC,EACA,iDACA,gEAEE,2BACA,2BAHF,iFAKE,2BACA,2BANF,OAQE,qBAAG5nB,KAAK,iBAAiBnB,UAAU,oBAAnC,OARF,cAcJ,uBAAKA,UAAU,oCACb,qBAAGmB,KAAK,aAAanB,UAAU,yCAC7B,2CEvJhB,GAAe,IAA0B,2DCAzC,GAAe,IAA0B,0DCAzC,GAAe,IAA0B,yDCAzC,GAAe,IAA0B,0DCClC,MAAMopB,GAA+B,yDAE/BC,GAAY,mCACZC,GAAe,sCACfC,GAAsB,gDACtBC,GAAe,sCACfC,GAAa,oCACbC,GAAoB,4CCAjC,IA0HA,GA1HmB,kBACjB,2BAAS1pB,UAAU,aACjB,gBAAC2E,GAAA,EAAD,KACE,sBAAI3E,UAAU,gCAAd,iBACA,uBAAKA,UAAS,wCAEZ,uBAAKA,UAAU,UACb,uBAAKA,UAAS,+CAAiDE,GAAjD,IAAwEA,IACpF,uBAAKF,UAAS,sCAAwCE,IACpD,uBAAKF,UAAS,oCAAsCE,IAClD,wBAAMF,UAAU,4BAAhB,OAGJ,uBAAKA,UAAS,gDAAkDE,IAC9D,qBAAGF,UAAS,sCAAwCE,IAApD,YAEE,2BAFF,cAKA,qBAAGF,UAAU,2BAAb,eAEE,2BAFF,qBAMF,uBAAKA,UAAU,uCACb,uBACEA,UAAS,GAAKE,GACdT,IAAKkqB,GACLxpB,MAAM,MACNzE,OAAO,MACP0E,IAAI,WACJC,SAAS,aAMjB,uBAAKL,UAAU,UACb,uBAAKA,UAAS,+CAAiDE,GAAjD,IAAwEA,IACpF,uBAAKF,UAAS,sCAAwCE,IACpD,uBAAKF,UAAS,oCAAsCE,IAClD,wBAAMF,UAAU,4BAAhB,OAGJ,uBAAKA,UAAS,gDAAkDE,IAC9D,qBAAGF,UAAS,sCAAwCE,IAApD,aACA,qBAAGF,UAAU,2BAAb,eAEE,2BAFF,eAMF,uBAAKA,UAAU,uCACb,uBACEA,UAAS,GAAKE,GACdT,IAAKmqB,GACLzpB,MAAM,MACNzE,OAAO,MACP0E,IAAI,WACJC,SAAS,aAMjB,uBAAKL,UAAU,UACb,uBAAKA,UAAS,+CAAiDE,GAAjD,IAAwEA,IACpF,uBAAKF,UAAS,sCAAwCE,IACpD,uBAAKF,UAAS,oCAAsCE,IAClD,wBAAMF,UAAU,4BAAhB,OAGJ,uBAAKA,UAAS,gDAAkDE,IAC9D,qBAAGF,UAAS,sCAAwCE,IAApD,iBACA,qBAAGF,UAAU,2BAAb,2CAEF,uBAAKA,UAAU,uCACb,uBACEA,UAAS,GAAKE,GACdT,IAAKoqB,GACL1pB,MAAM,MACNzE,OAAO,MACP0E,IAAI,yCACJC,SAAS,aAMjB,uBAAKL,UAAU,UACb,uBAAKA,UAAS,+CAAiDE,GAAjD,IAAwEA,IACpF,uBAAKF,UAAS,sCAAwCE,IACpD,uBAAKF,UAAS,oCAAsCE,IAClD,wBAAMF,UAAU,4BAAhB,OAGJ,uBAAKA,UAAS,gDAAkDE,IAC9D,qBAAGF,UAAS,sCAAwCE,IAApD,aAEE,2BAFF,iBAKA,qBAAGF,UAAU,2BAAb,+BAEF,uBAAKA,UAAU,uCACb,uBACEA,UAAS,GAAKE,GACdT,IAAKqqB,GACL3pB,MAAM,MACNzE,OAAO,MACP0E,IAAI,qBACJC,SAAS,iBCxHzB,i1RCOA,IAkBA,GAlBmB,kBACjB,2BAASL,UAAU,aACjB,gBAAC2E,GAAA,EAAD,CAAM3E,UCRa,kCDSjB,sBAAIA,UAAU,mDAAd,OACA,uBAAKA,UAAU,WACb,2BAASA,UAAU,+CACjB,0BAAQ+mB,OEblB,s1MFawC3sB,KAAK,eACnC,0BAAQ2sB,OAAQgD,KAChB,uBAAKtqB,IAAKsqB,GAAa3pB,IAAI,aAAakjB,QAAQ,OAAOjjB,SAAS,QAAQF,MAAM,MAAMzE,OAAO,QAE7F,qBAAGsE,UAAS,wEAAZ,wFGhBD,MASMgqB,GAAkB,4DAClBC,GAAiB,2DACjBC,GAAmB,6DACnBC,GAAiB,0DCb9B,ICAA,GAAe,IAA0B,wDCAzC,GAAe,IAA0B,4DCiBnCC,GAAiC,CACrCC,KHlBF,iQGmBEC,MCnBF,6WDoBEC,cA6HF,GApHoE,SAAC,GAE9D,IADLvqB,EACI,EADJA,UAAWzD,EACP,EADOA,QAASiuB,EAChB,EADgBA,yBAA0BC,EAC1C,EAD0CA,OAG5CC,EACEF,EADFE,mBAAoBC,EAClBH,EADkBG,OAEhBC,EAAiBH,EAAOvH,QAAO,SAAC2H,GAAD,QAAaA,KAElD,OACE,gCACE,uBAAKpvB,GAAG,6BAA6BuE,UAAWA,GAAa,IAC3D,sBAAIA,UJvC4B,sEIuCyBzD,EAAzD,WACA,uBAAKyD,UAAU,IACb,uBAAKA,UJrCiB,8DIuCpB,uBAAKA,UAAU,IACb,+BACE,0BAAQ+mB,OE9CxB,wnOF8CkD3sB,KAAK,eACvC,uBACE4F,UJ1Ce,8DI2CfP,IAAKqrB,GACL1qB,IAAI,UACJD,MAAM,KACNzE,OAAO,KACP4nB,QAAQ,WAKd,uBAAKtjB,UJnDkB,iEIoDrB,qBAAGA,UAAU,4BAA4B0qB,GACzC,wBAAM1qB,UAAU,aAAhB,gBACA,uBAAKA,UJrDS,wDIqD4BP,IG7DxD,yYH6D2EW,IAAI,eAGrE,uBAAKJ,UJ9CgB,4DIiDf4qB,GAAkBA,EAAe1wB,OAAS,GACxC,uBAAK8F,UJlEc,mEImEjB,uBAAKA,UAAU,qBACb,uBAAKA,UJnEiB,2EImEtB,iBAEF,0BACG4qB,EAAepwB,KAAI,SAACqwB,GAAD,OAClB,sBAAI/iB,IAAK+iB,EAAO7qB,UJtEH,mEIuEX,uBAAKP,II3E/B,6PJ2E+CW,IAAI,OACzB,yBAAIyqB,SAQlB,yBAAO7qB,UJ3EW,4DI4EhB,6BACE,0BACE,sBAAIA,UJzEc,mEI0EhB,kCACA,4BAAM,uBAAKP,IAAK2qB,GAAaO,EAAOI,gBAAiB3qB,IAAI,qBAE3D,sBAAIJ,UJ5Ee,oEI6EjB,kCACA,4BAAM,uBAAKP,IAAK2qB,GAAaO,EAAOK,SAAU5qB,IAAI,eAGtD,sBAAIJ,UAAcE,GAAL,IAAgCA,IAC3C,sBAAIF,UAAcE,GAAL,IAA+BA,IAC1C,qCACA,4BAAM,uBAAKT,IAAK2qB,GAAaO,EAAOM,QAAS7qB,IAAI,aAEnD,sBAAIJ,UAAS,GAAKE,IAChB,sCACA,4BAAM,uBAAKT,IAAK2qB,GAAaO,EAAOO,eAAgB9qB,IAAI,qBAG5D,sBAAIJ,UAAS,GAAKE,IAChB,sBAAIF,UAAcE,GAAL,IAA+BA,IAC1C,oCACA,4BAAM,uBAAKT,IAAK2qB,GAAaO,EAAOQ,aAAc/qB,IAAI,kBAExD,sBAAIJ,UAAS,GAAKE,IAChB,sCACA,4BAAM,uBAAKT,IAAK2qB,GAAaO,EAAOS,cAAehrB,IAAI,oBAG3D,sBAAIJ,UAAcE,GAAL,IAAgCA,IAC3C,sBAAIF,UAAcE,GAAL,IAA+BA,IAC1C,oCACA,4BAAM,uBAAKT,IAAK2qB,GAAaO,EAAOU,eAAgBjrB,IAAI,oBAE1D,sBAAIJ,UAAS,GAAKE,IAChB,qCACA,4BAAM,uBAAKT,IAAK2qB,GAAaO,EAAOW,SAAUlrB,IAAI,eAGtD,0BACE,sBAAIJ,UAAcE,wEAChB,mCACA,4BAAM,uBAAKT,IAAK2qB,GAAaO,EAAOY,iBAAkBnrB,IAAI,sBAE5D,sBAAIJ,UJlHgB,qEImHlB,oCACA,4BAAM,uBAAKP,IAAK2qB,GAAaO,EAAOa,gBAAiBprB,IAAI,6B,4CKpItE,MACM,GAAQ,gDCmBrB,IA4DA,GA5D6D,SAAC,GASxD,IAPFoc,EAOC,EAPDA,UACA7hB,EAMC,EANDA,KACA8wB,EAKC,EALDA,KACA5sB,EAIC,EAJDA,aACAvC,EAGC,EAHDA,gBACA6B,EAEC,EAFDA,WAGIutB,EAAqC,CACzCC,OAAQ,YACRxrB,MAAO,IACPzE,OAAQ,IACRkwB,OAAQ,CAAEC,SAAU,CAAEpsB,IAAKZ,IAC3BitB,YAAa,CAAED,SAAUvI,OAE3B,OACE,uBAAKtjB,UAAS,gEACZ,gBAAC,KAAD,CAAMyhB,GAAIzgB,gBAA0ByqB,IAClC,uBAAKzrB,UAAS,8DACZ,uBAAKA,UAAcE,sHACjB,0BAAQF,UAAS,UAAYE,IAC3B,gBAAC,GAAA6rB,EAAD,CAAa3Q,MAAOsQ,EAAiBtrB,IAAKzF,MAG9C,uBAAKqF,UAAU,oCACb,qBAAGA,UAAcE,0GACdsc,GAEH,sBAAIxc,UAAcE,6GAChB,0BAAQF,UAAU,aAAarF,IAEjC,qBAAGqF,UAAU,iCACX,wBAAMA,UAAU,wDACb1D,EAAgBgE,kBAEnB,wBAAMN,UAAU,iCAAhB,SAGF,uBAAKA,UAAU,kDACb,0BAAQA,UAAS,UAAYE,IAC3B,gBAAC,GAAA6rB,EAAD,CAAa3Q,MAAOsQ,EAAiBtrB,IAAKzF,MAI9C,sBAAIqF,UAAU,iFACZ,sBAAIA,UAAU,mEAAd,OACA,sBAAIA,UAAU,iDACZ,gBAAC,KAAD,CAAO7B,WAAYA,OAKzB,wBAAM6B,UDrES,sDCqEoB,uBAAKP,IAAKusB,KAAW5rB,IAAKzF,SC1EhE,MAAM,GAAa,gDACbsxB,GAA2B,+DAC3BC,GAAuB,2DC4BpC,IAgLA,GAhLgD,SAAC,GAAD,IAC9C7vB,EAD8C,EAC9CA,QACA8pB,EAF8C,EAE9CA,SACAC,EAH8C,EAG9CA,UACA+F,EAJ8C,EAI9CA,iBAJ8C,OAM9C,gCACE,sBAAInsB,UAAS,sFAAb,cAIA,uBAAKA,UAAS,cAA6D,KAA9C4kB,GAAUuB,IAA2CC,EAA0B,GAAd,cAC5F,gBAACzhB,GAAA,EAAD,KACE,sBAAI3E,UAAU,oDACXC,QAAW5D,GADd,QAMgBuoB,GADNwB,EACgB5pB,0BAEA2pB,IAM1B,uBAAKnmB,UAAWE,IAEZisB,EAAiBC,6BAA6B5xB,KAAI,SAAC6xB,GAAD,OAChD,gBAAC,GAAD,CACE1xB,KAAM0xB,EAAE1xB,KACR6hB,UAAWhgB,eAAuB6vB,EAAEhwB,SACpCovB,KAAMY,EAAE/G,eAAejS,WACvBxU,aAAcwtB,EAAExtB,aAChBvC,gBAAiB+vB,EAAE/vB,gBACnB6B,WAAYkuB,EAAEluB,gBAIpB,qBAAG6B,UAAcE,GAAL,KAA6F,IAAzDisB,EAAiBC,6BAA6BlyB,OAAe,YAAc,KAA3H,eAKF,uBAAK8F,UAAS,sBAAuBmsB,EAAiBC,6BAA6BlyB,OAAS,EAAI,YAAc,KAGpGksB,EAEA,gBAAC,KAAD,CACE3E,GAAIzgB,wBAAkC3E,EAASG,2BAC/CwD,UAAS,6CAA+CE,IAF1D,SASA,gBAAC,KAAD,CACEuhB,GAAIzgB,wBAAkC3E,EAAS8pB,GAC/CnmB,UAAS,6CAA+CE,IAF1D,YAcd,uBAAKF,UAAS,cAA6D,KAA9C4kB,GAAUuB,IAA2CC,EAA0B,GAAd,cAC5F,gBAACzhB,GAAA,EAAD,KACE,sBAAI3E,UAAU,mDAAd,OAKgB4kB,GADNwB,EACgB5pB,0BAEA2pB,IAM1B,uBAAKnmB,UAAWE,IAEZisB,EAAiBG,oBAAoB9xB,KAAI,SAAC6xB,GAAD,OACvC,gBAAC,GAAD,CACE1xB,KAAM0xB,EAAE1xB,KACR6hB,UAAWhgB,eAAuB6vB,EAAEhwB,SACpCovB,KAAMY,EAAE/G,eAAejS,WACvBxU,aAAcwtB,EAAExtB,aAChBvC,gBAAiB+vB,EAAE/vB,gBACnB6B,WAAYkuB,EAAEluB,gBAIpB,qBACE6B,UAAcE,GAAL,KAAoF,IAAhDisB,EAAiBG,oBAAoBpyB,OAAe,YAAc,KADjH,eAOF,uBAAK8F,UAAS,sBAAuBmsB,EAAiBG,oBAAoBpyB,OAAS,EAAI,YAAc,KAG3FksB,EAEA,gBAAC,KAAD,CACE3E,GAAIzgB,wBAAkCxE,2BACtCwD,UAAS,6CAA+CE,IAF1D,SASA,gBAAC,KAAD,CACEuhB,GAAIzgB,wBAAkCmlB,GACtCnmB,UAAS,6CAA+CE,IAF1D,YAcd,uBAAKF,UAAU,aACb,gBAAC2E,GAAA,EAAD,KACE,sBAAI3E,UAAU,oDACXC,QAAW5D,GADd,WAKA,uBAAK2D,UAAWE,IAEZisB,EAAiBI,iBAAiB/xB,KAAI,SAAC6xB,GAAD,OACpC,gBAAC,GAAD,CACE1xB,KAAM0xB,EAAE1xB,KACR6hB,UAAWhgB,eAAuB6vB,EAAEhwB,SACpCovB,KAAMY,EAAE/G,eAAejS,WACvBxU,aAAcwtB,EAAExtB,aAChBvC,gBAAiB+vB,EAAE/vB,gBACnB6B,WAAYkuB,EAAEluB,gBAIpB,qBACE6B,UAAcE,GAAL,KAAiF,IAA7CisB,EAAiBI,iBAAiBryB,OAAe,YAAc,KAD9G,eAOF,uBAAK8F,UAAS,sBAAuBmsB,EAAiBI,iBAAiBryB,OAAS,EAAI,YAAc,KAChG,gBAAC,KAAD,CACEunB,GAAIzgB,oBAA8B3E,GAClC2D,UAAS,6CAA+CE,IAF1D,cClMH,MAKMssB,GAAoB,0CACpBC,GAAqB,4CACrBC,GAAgB,uCAChBC,GAAkB,yCAClBC,GAAwB,gDACxBC,GAAoB,4CAEpB,GAAe,sCAcf,GAAkB,wCAClB,GAAmB,yCACnB,GAAO,4BC7BpB,OAAe,IAA0B,8DCAzC,GAAe,IAA0B,+DCAzC,GAAe,IAA0B,+DCAzC,GAAe,IAA0B,gECAzC,GAAe,IAA0B,8DCAzC,GAAe,IAA0B,+DCAzC,GAAe,IAA0B,+DCAzC,GAAe,IAA0B,gECClC,MAAMC,GAAuB,qDAEvBC,GAAkB,gDAClBC,GAAqB,mDACrBC,GAAyB,wDAIzBC,GAAkB,gDAClBC,GAAqB,mDACrBC,GAAgC,+DAChC,GAAU,uCACV,GAAW,wCACX,GAAU,uCACV,GAAW,wCACXC,GAAwB,uDACxBC,GAA4B,4DAE5BC,GAAyB,wDACzBC,GAAiB,+CCF9B,IA6IA,GA7IwB,kBACtB,2BAASxtB,UAAU,aACjB,gBAAC2E,GAAA,EAAD,CAAM3E,UAAWE,IACf,sBAAIF,UAAU,gCAAd,eAEE,2BAFF,WAKA,uBAAKA,UAAWE,IACd,uBAAKF,UAAS,4BAA8BE,IAC1C,uBACEF,UAAcE,GAAL,IAAkCA,qBAG3C,uBAAKF,UAAWE,IACd,sBAAIF,UAAWE,IAAf,UAEE,sBAAIF,UAAU,qBAFhB,KAIE,wBAAMA,UAAWE,IAAjB,OAEF,uBAAKF,UAAcE,GAAL,IAA6CA,IACzD,+BACE,0BAAQ6mB,OAAQ0G,GAAgBrzB,KAAK,eACrC,uBACEqF,IAAKiuB,GACLttB,IAAI,YACJD,MAAM,MACNzE,OAAO,MACP4nB,QAAQ,WAId,qBAAGtjB,UAAWE,IAAd,4DAOF,uBAAKF,UAAWE,IACd,sBAAIF,UAAWE,IAAf,QAEE,sBAAIF,UAAU,qBAFhB,UAKA,uBAAKA,UAAcE,GAAL,IAA6CA,IACzD,+BACE,0BAAQ6mB,OAAQ4G,GAAiBvzB,KAAK,eACtC,uBACEqF,IAAKmuB,GACLxtB,IAAI,cACJD,MAAM,MACNzE,OAAO,MACP4nB,QAAQ,WAId,qBAAGtjB,UAAWE,IAAd,UAEE,wBAAMF,UAAWE,IAAjB,MAFF,yCASF,uBAAKF,UAAWE,IACd,sBAAIF,UAAWE,IAAf,QAEE,sBAAIF,UAAU,qBAFhB,UAKA,uBAAKA,UAAcE,GAAL,IAA6CA,IACzD,+BACE,0BAAQ6mB,OAAQ8G,GAAgBzzB,KAAK,eACrC,uBACEqF,IAAKquB,GACL1tB,IAAI,cACJD,MAAM,MACNzE,OAAO,MACP4nB,QAAQ,WAId,qBAAGtjB,UAAWE,IAAd,gCAEE,wBAAMF,UAAWE,IAAjB,MAFF,wDASF,uBAAKF,UAAWE,IACd,sBAAIF,UAAWE,IAAf,QAEE,sBAAIF,UAAU,qBAFhB,SAKA,uBAAKA,UAAcE,GAAL,IAA6CA,IACzD,+BACE,0BAAQ6mB,OAAQgH,GAAiB3zB,KAAK,eACtC,uBACEqF,IAAKuuB,GACL5tB,IAAI,aACJD,MAAM,MACNzE,OAAO,MACP4nB,QAAQ,WAId,qBAAGtjB,UAAWE,IAAd,qGAUN,sBAAIF,UAAS,GAAKE,IAChB,sBAAIF,UAAWE,IAAf,2CAGA,sBAAIF,UAAWE,IAAf,4BAGA,sBAAIF,UAAWE,IAAf,eAGA,sBAAIF,UAAWE,IAAf,yBCrJH,MAAM,GAAiB,oDACjB,GAAuB,0DAEvB,GAAkB,qDAClB,GAAqB,wDACrB,GAAyB,6DACzB+tB,GAA2B,+DAC3B,GAAkB,qDAClB,GAAgC,oEAChC,GAAU,4CACV,GAAW,6CAIX,GAAqB,wDACrB,GAAyB,6DACzB,GAAU,4CACV,GAAW,6CACXC,GAAU,4CACV,GAAwB,4DACxB,GAA4B,iEAC5B,GAAsB,yDACtBC,GAAmB,sDCThC,IAmLA,GAnL6B,kBAC3B,2BAASnuB,UAAU,aACjB,gBAAC2E,GAAA,EAAD,CAAM3E,UAAWE,IACf,sBAAIF,UAAU,gCAAd,eAEE,2BAFF,WAKA,uBAAKA,UAAWE,IACd,uBAAKF,UAAS,4BAA8BE,IAC1C,uBACEF,UAAcE,GAAL,IAAkCA,qBAG3C,uBAAKF,UAAWE,IACd,sBAAIF,UAAWE,IAAf,UAEE,wBAAMF,UAAWE,IAAjB,MACA,2BAHF,gBAMA,uBAAKF,UAAcE,GAAL,IAA6CA,IACzD,0BACEF,UAAWE,GACXC,MAAM,OACNzE,OAAO,MACP+D,IAAI,uDACJ3C,MAAM,gBACNsxB,YAAY,IACZC,MAAM,sGACNC,eAAe,kCACfC,iBAAe,KAGnB,qBAAGvuB,UAAWE,IACZ,wBAAMF,UAAU,wBAAhB,eADF,YAGE,wBAAMA,UAAWE,IAAjB,KAHF,+CAKE,wBAAMF,UAAS,YAAcE,IAA7B,mBAMJ,uBAAKF,UAAWE,IACd,sBAAIF,UAAcE,GAAL,IAAkCA,IAA/C,UAEE,wBAAMF,UAAWE,IAAjB,MACA,sBAAIF,UAAU,qBAHhB,UAMA,uBAAKA,UAAcE,GAAL,IAA6CA,IACzD,0BACEF,UAAWE,GACXC,MAAM,OACNzE,OAAO,MACP+D,IAAI,uDACJ3C,MAAM,kBACNsxB,YAAY,IACZC,MAAM,sGACNC,eAAe,kCACfC,iBAAe,KAGnB,qBAAGvuB,UAAWE,IACZ,wBAAMF,UAAU,wBAAhB,wBACA,wBAAMA,UAAWE,IAAjB,MAFF,+DASF,uBAAKF,UAAWE,IACd,sBAAIF,UAAcE,GAAL,IAAkCA,IAA/C,WAEE,wBAAMF,UAAWE,IAAjB,OAEF,uBAAKF,UAAcE,GAAL,IAA6CA,IACzD,0BACEF,UAAWE,GACXC,MAAM,OACNzE,OAAO,MACP+D,IAAI,uDACJ3C,MAAM,mBACNsxB,YAAY,IACZC,MAAM,sGACNC,eAAe,kCACfC,iBAAe,KAGnB,qBAAGvuB,UAAWE,IACZ,wBAAMF,UAAU,wBAAhB,+BADF,0CAQF,uBAAKA,UAAWE,IACd,sBAAIF,UAAWE,IAAf,eAGA,uBAAKF,UAAWE,IACd,uBAAKF,UAAcE,GAAL,IAA6CA,IACzD,+BACE,0BAAQ6mB,OAAQ8G,GAAgBzzB,KAAK,eACrC,uBACEqF,IAAKquB,GACL1tB,IAAI,cACJkjB,QAAQ,OACRnjB,MAAM,MACNzE,OAAO,UAIb,qBAAGsE,UAAWE,IAAd,sBAEE,wBAAMF,UAAU,wBAAhB,aAEE,wBAAMA,UAAWE,IAAjB,MAFF,OAFF,sDAcJ,uBAAKF,UAAWE,IACd,sBAAIF,UAAWE,IAAf,cAGA,uBAAKF,UAAWE,IACd,uBAAKF,UAAcE,GAAL,IAA6CA,IACzD,+BACE,0BAAQ6mB,OAAQgH,GAAiB3zB,KAAK,eACtC,uBACEqF,IAAKuuB,GACL5tB,IAAI,aACJkjB,QAAQ,OACRnjB,MAAM,MACNzE,OAAO,UAIb,qBAAGsE,UAAWE,IAAd,sBAEE,wBAAMF,UAAU,wBAAhB,uBAFF,4DAYR,sBAAIA,UAAS,GAAKE,IAChB,sBAAIF,UAAWE,IAAf,2CAGA,sBAAIF,UAAWE,IAAf,4BAGA,sBAAIF,UAAWE,IAAf,eAGA,sBAAIF,UAAWE,IAAf,yB,4EC7HJsuB,GAAmB,CACvBruB,MAAO,GACPzE,OAAQ,IA0WV,GA3VuD,SAAC,GAAqB,IAAnB+yB,EAAkB,EAAlBA,YAEtDpI,EAKEoI,EALFpI,IACAJ,EAIEwI,EAJFxI,OACAuE,EAGEiE,EAHFjE,yBACAkE,EAEED,EAFFC,WACAvC,EACEsC,EADFtC,iBAGI9P,GAAiBzc,gBAAW0c,KAC5Bxb,GAAyBlB,gBAAWG,KACpCmD,GAA+BtD,gBAAWuD,KAEhD,GAAsD/D,eAAS,GAAxDuvB,EAAP,KAA4BC,EAA5B,KACA,GAAwCxvB,eAAS,GAA1CyvB,EAAP,KAAqBC,EAArB,KAEMznB,GAAWC,mBACXynB,EAAQC,QAAkB3nB,EAAS+C,SAEzC+I,gBAAU,WAEJ8S,EAAOX,gBAAkBW,EAAOgJ,gBAClCC,mBAAmB,CACjB/X,MAAO,kBACPgY,gBAAiBlJ,EAAOX,eAAejS,aAK3CgJ,EAAe+S,cAAcnJ,EAAOX,eAAejS,cAClD,KAEHF,gBAAU,WAER,GAAIpX,QAAUgzB,GAASA,EAAMM,EAAG,CAE9B,IAAIC,EAAU,EACVP,EAAMQ,KAERD,GAAW,GAITvnB,OAAOgnB,EAAMS,MAAS7nB,OAAO8nB,KAAKV,GAAO70B,OAASo1B,EAChDP,EAAMW,KAAOrT,EAAesT,cAE9B7uB,EAAuB8uB,YAAY3J,EAAOX,gBAC1CxkB,EAAuB+uB,0BAA0B,CAAEp0B,GAAIwqB,EAAOX,eAAgBwK,OAAQf,MAGtF7rB,EAA6B6sB,0BAA0B,CAAEt0B,GAAIwqB,EAAOX,eAAgByJ,UAC/E7rB,EAA6B8sB,uBAEhCpB,GAAuB,GACvB7yB,OAAO0O,QAAQC,aAAa,KAAM,GAAIrD,EAASkD,aAInDukB,GAAgB,GAEhB/yB,OAAO0O,QAAQC,aAAa,KAAM,GAAIrD,EAASkD,WAInD,IAAK5C,OAAO8nB,KAAKV,GAAO70B,OAAQ,CAC9B,IAAM+1B,EAAiB/sB,EAA6BgtB,kBAChDD,GACFA,EAAepoB,SAAQ,SAACsoB,GACtB,IAAMC,EAAYD,EAAW1mB,kBACzB2mB,GAAaA,EAAU30B,KAAOwqB,EAAOX,gBAEvCxkB,EAAuBwF,iBAAiB8pB,MAOhDtvB,EAAuBuvB,SAASpK,EAAOX,eAAejS,cACrD,CAAC0b,IAGJpJ,GAAgBG,gBAAgB/d,OAAOke,EAAOX,kBAG9CgL,UAGA,IAAMC,EAA+CrL,sBACnDe,EAAOE,SAAUF,EAAOG,WAIpBoK,EAA0D,CAC9D,CAAE/O,GAAIzgB,aAAwBuT,MAAO,SACrC,CAAEkN,GAAIzgB,oBAA+BuT,MAAO,SAE1C0R,EAAO5pB,UAAYG,yBACrBg0B,EAAgBhL,KAAK,CACnB/D,GAAIzgB,oBAA8BilB,EAAO5pB,SACzCkY,OAAOtU,QAAWgmB,EAAO5pB,WAEvB4pB,EAAOE,WAAa3pB,4BACtBg0B,EAAgBhL,KAAK,CACnB/D,GAAIzgB,wBAAkCilB,EAAO5pB,QAASk0B,GACtDhc,MAAOqQ,GAAUqB,EAAOE,YAEjBF,EAAOG,UAChBoK,EAAgBhL,KAAK,CACnB/D,GAAIzgB,wBAAkCilB,EAAO5pB,QAASG,2BACtD+X,MAAOqQ,GAAUpoB,6BAGnBg0B,EAAgBhL,KAAK,CACnB/D,GAAIzgB,wBAAkCilB,EAAO5pB,QAASG,wBACtD+X,MAAOqQ,GAAUpoB,2BAGZypB,EAAOE,WAAa3pB,4BAC7Bg0B,EAAgBhL,KAAK,CACnB/D,GAAIzgB,wBAAkCilB,EAAOE,UAC7C5R,MAAOqQ,GAAUqB,EAAOE,YAEjBF,EAAOG,UAChBoK,EAAgBhL,KAAK,CACnB/D,GAAIzgB,wBAAkCxE,2BACtC+X,MAAOqQ,GAAUpoB,6BAGnBg0B,EAAgBhL,KAAK,CACnB/D,GAAIzgB,wBAAkCxE,wBACtC+X,MAAOqQ,GAAUpoB,0BAGrBg0B,EAAgBhL,KAAK,CAAEjR,MAAO0R,EAAOtrB,OAGrC,IAAM81B,EAA8BD,EAAgBh2B,KAAI,SAACI,GAAD,MAAW,CACjED,KAAMC,EAAK2Z,MACX3Z,KAAMA,EAAK6mB,GAAQtkB,uBAA8BvC,EAAK6mB,GAAUtkB,+BAAsC8oB,EAAOX,eAAvG,QAIF1mB,EAAYqnB,EAAOV,gBAAkB/lB,wBAOrCkxB,EAAuBhC,EAAWx0B,OAAS,GAG5CyC,KAAKg0B,KAAMjC,EAAWkC,QAAO,SAACC,EAASC,GAAV,OAAqBD,EAAUC,EAAOC,gBAAe,GAAKrC,EAAWx0B,OAAU,KAAO,KAAK82B,YAAY,GACrI,EAEJ,OACE,gBAACC,EAAA,EAAD,KACE,gBAAC,EAAQhL,GACT,gBAACiL,EAAA,EAAD,CAAwBl3B,MAAOy2B,IAC/B,gBAACU,EAAA,EAAD,MACA,gBAACC,EAAA,EAAD,CAAYp3B,MAAOw2B,IAEnB,wBAAMxwB,UAAU,gDACd,2BAASA,UAAU,wBACjB,uBAAKA,UAAU,gCACb,gBAAC,GAAD,iBAAiBqmB,EAASJ,EAA1B,CAAkCrnB,UAAWA,OAKhDA,GACC,gBAAC,GAAeqnB,IAIhBrnB,GACF,gCACE,+BACE,gBAAC,GAAD,iBAAsBynB,EAASJ,EAA/B,CAAuCkG,iBAAkBA,EAAkBvtB,UAAWA,MAExF,2BAASoB,UAAS,qCAAuCE,IACvD,uBAAKF,UAAS,sBAAwBE,KACtC,sBAAIF,UAAS,qCAAuCE,IAClD,uBAAKT,IAAK4xB,KAAcjxB,IAAI,wBAE9B,qBAAGJ,UAAS,6BAA+BE,iBAA3C,2CAEE,2BAFF,sDAKA,sBAAIF,UAAS,mBAAqBE,IAChC,0BAAI,qBAAGiB,KAAK,oBAAmB,uBAAK1B,IAAK6xB,KAASlxB,IAAI,cACtD,0BAAI,qBAAGe,KAAK,0DAAyD,uBAAK1B,IAAK8xB,KAASnxB,IAAI,iBAE9F,qBAAGJ,UAAU,+CAAb,oCAMHwqB,EAEG,2BAASxqB,UAAU,aACjB,gBAAC2E,GAAA,EAAD,KACE,gBAAC,GAAD,CACE3E,UAAcE,GAAL,eACT3D,QAAS0pB,EAAOtrB,KAChB8vB,OAAQ,CACND,EAAyBnI,OACzBmI,EAAyBlI,OACzBkI,EAAyBjI,QAE3BiI,yBAA0BA,MAKhC,iCAGJ,gBAAC,GAAD,MAGA,gBAAC,GAAD,iBAAWvE,EAAX,CAAmBrnB,UAAWA,KAG9B,uBAAKnD,GAAG,wBACN,gBAAC,GAAD,OAIF,uBAAKA,GAAG,iBAAiBuE,UAAU,aACjC,gBAAC,GAAD,OAIDpB,GACC,gBAAC,GAAD,MAIF,gBAAC,GAAD,MAGA,gBAAC,GAAD,MAGCA,GACC,2BAASoB,UAAU,aACjB,gBAAC2E,GAAA,EAAD,CAAM3E,UAAU,wCACd,gBAAC,GAAD,iBACMqmB,EADN,CAEEhE,OAAQmI,aAAF,EAAEA,EAA0BnI,OAClCC,OAAQkI,aAAF,EAAEA,EAA0BlI,OAClCC,OAAQiI,aAAF,EAAEA,EAA0BjI,YAOzC3jB,GACD,+BACE,gBAAC,GAAD,iBAAsBynB,EAASJ,EAA/B,CAAuCkG,iBAAkBA,EAAkBvtB,UAAWA,MAKxF,gBAAC4yB,GAAD,MAGC9C,EAAWx0B,OAAS,GACnB,2BAAS8F,UAAU,+BACjB,gBAAC2E,GAAA,EAAD,KACE,qBAAG3E,UAAU,8CACV0uB,EAAW,GAAG+C,MADjB,IAGG/C,EAAW,GAAGgD,UAEjB,sBAAI1xB,UAAU,mEAAd,UACA,uBAAKA,UAAS,qBAAuBE,IAArC,OAEE,uBAAKF,UAAWE,IAKZ9E,MAAM,GAAGiK,KAAKssB,MAAan3B,KAAI,SAAC4gB,EAAO3gB,GACrC,IAAIm3B,EAASxW,EAIb,OAHIrT,OAAO2oB,GAAyBj2B,EAAQ,IAC1Cm3B,EAAS7pB,OAAO2oB,IAA0Bj2B,EAAQ,GC/W1E,y2BD+WiGo3B,MAEpE,uCAASrD,GAAT,CAA2B/uB,IAAKmyB,EAAQxxB,IAAI,WAIxDswB,GAEH,uBAAK1wB,UAAS,0EAA4EE,GAA5E,KAA+H,IAAtBwuB,EAAWx0B,OAAe,cAAgB,KAC9Jw0B,EAAW3J,MAAK,SAACC,EAAGC,GAAJ,OAAU6M,SAAI7M,EAAE8M,UAAUC,QAASF,SAAI9M,EAAE+M,UAAUC,UAAQx3B,KAAI,SAACy3B,GAAD,OAC9E,gBAACC,EAAA,EAAD,eACEpqB,IAAKmqB,EAAUE,QACfnyB,UAAcE,GAAL,gBACL+xB,EAHN,CAIEF,UAAUD,SAAIG,EAAUF,oBAStC,gBAACK,EAAA,EAAD,MACA,gBAACC,GAAA,EAAD,CAAaryB,UAAWE,KAExB,uBAAKF,UAAS,WAAY2uB,GAAuBE,IAAiB,cAChE,uBAAK7uB,UAAU,mBAAmBY,QAAS,WAAcguB,GAAuB,GAAQE,GAAgB,MACxG,uBAAK9uB,UAAU,oEACb,uBAAKA,UAAU,6DACd2uB,GACC,qBAAG3uB,UAAU,oBAAb,iBAEE,2BAFF,4BAMD6uB,GACC,2DAIF,uBAAK7uB,UAAU,mEACb,0BAAQ5F,KAAK,SAAS4F,UAAU,iCAAiCY,QA7L5D,WACT7E,QAAQA,OAAOsL,SAASirB,WA4LpB,SAON,gBAAC,GAAD,S,gDE7ZApyB,EAASqyB,EAAQ,MAoGvB,IA7F8B,SAAC,GAAoB,IAyB/CC,EAzB6Br0B,EAAiB,EAAjBA,WAEzBs0B,EAAU,SAACC,GACf,IAAIC,EAAYD,EAIhB,MAHqC,MAAjCA,EAAgBnR,MAAM,IAAI,KAC5BoR,EAAYD,EAAgBE,UAAU,IAEjCC,SAASF,EAAUC,UAAU,EAAG,GAAI,IACjCC,SAASF,EAAUC,UAAU,EAAG,GAAI,IACpCC,SAASF,EAAUC,UAAU,EAAG,GAAI,KA0B1CE,IAVJN,EAWAr0B,EAAW+kB,OAAO6P,SAASv4B,KAAI,SAACuO,GAC9B,MAAyBA,EAAMwY,MAAM,KACrC,MAAO,CAAEyR,OADT,KACiBC,OADjB,UAVKlO,MAAK,SACVC,EACAC,GAFU,OAdQ,SACpBD,EAAiDC,GAEjD,OAAID,EAAEiO,SAAWhO,EAAEgO,OACV,GACFjO,EAAEiO,QAAUhO,EAAEgO,QACX,EAEFR,EAAQzN,EAAEgO,QAAUP,EAAQxN,EAAE+N,QAAU,GAAK,EAShDE,CAAclO,EAAGC,MAEfuN,GAUHW,EACG,KADHA,EACY,IADZA,EACqB,IADrBA,EAC8B,IAD9BA,EAC+C,IAG/CC,EAAUN,EAAat4B,KAAI,WAAqBC,EAAO44B,GAAW,IAApCL,EAAmC,EAAnCA,OAAQC,EAA2B,EAA3BA,OAC1C,OAAc,IAAVx4B,GACE44B,EAAMn5B,OAAS,EAEf,sBAAI4N,IAAKrN,EAAM4Y,YAAf,KAKF5Y,EAAQ,EAER,sBAAIqN,IAAKrN,EAAM4Y,YAAf,KAIA4f,EAEA,sBAAIjzB,UAAS,iCAAmCE,EAAOozB,UAAaxrB,IAAKrN,EAAM4Y,YAC7E,uBAAKrT,UAAS,iBAAmBE,EAAOqzB,MAASvuB,QAAO,OAASmuB,EAAT,IAAuBA,EAAchzB,MAAOgzB,EAAYz3B,OAAQy3B,GACtH,0BAAQjuB,EAAGiuB,EAAQhuB,GAAIguB,EAAS/tB,GAAI+tB,EAAS9tB,KAAM2tB,EAAQztB,OAAO,OAAOC,YAAa,MAExF,uBAAKxF,UAAS,iBAAmBE,EAAOqzB,MAASvuB,QAAO,OAASmuB,EAAT,IAAuBA,EAAmBhzB,MAAOgzB,EAAYz3B,OAAQy3B,GAC3H,4BAAU13B,GAAE,QAAUhB,GACpB,wBAAMgL,EAAE,IAAIC,EAAE,IAAIvF,MAAOgzB,EAAYz3B,OAAQy3B,KAE/C,0BAAQjuB,EAAGiuB,EAAQhuB,GAAIguB,EAAS/tB,GAAI+tB,EAAS9tB,KAAM4tB,EAAQ1tB,OAAO,OAAOC,YAAa,GAAKG,SAAQ,QAAUlL,MAOnH,sBAAIuF,UAAS,iCAAmCE,EAAOozB,UAAaxrB,IAAKrN,EAAM4Y,YAC7E,uBAAKrT,UAAS,iBAAmBE,EAAOqzB,MAASvuB,QAAO,OAASmuB,EAAT,IAAuBA,EAAchzB,MAAOgzB,EAAYz3B,OAAQy3B,GACtH,0BAAQjuB,EAAGiuB,EAAQhuB,GAAIguB,EAAS/tB,GAAI+tB,EAAS9tB,KAAM2tB,EAAQztB,OAAO,OAAOC,YAAa,UAM9F,OACE,sBAAIxF,UAAU,+CACXozB,K,wZChGA,IAAMr4B,EAAa,GACbC,EAAe,GACfw4B,EAAa,GAGbC,EAAY,CACvB,IACA,KAEWC,EAAc,CACzB,KACA,OAEWC,EAAc,CACzB,IACA,KAIWC,EAAsB,IACtBC,EAAe,CAC1B,mBACA,OACA,kBACA,MAEWC,EAAiB,CAC5B,IACAF,EACA,IACA,KAQWG,EAAkB,CAJS,KACN,MACF,sBAOnBC,EAAoB,CAC/B,IACA,IACA,KAGWC,EAAsB,aAEtBC,EAAgB,CAC3B,MACA,QACA,OACA,KACA,QACA,MACA,KACA,QACA,KACA,IACA,KACA,QACA,QACA,UACA,OACA,QACA,SAGWC,IAIZ,GACCC,MAAK,CAAC,KAAM,MAAO,MAAO,MAAO,MAAO,UAAW,MAAO,SAC1DC,QAAO,CAAC,KAAM,MAAO,QAAS,MAAO,OAAQ,QAAS,SAAU,OAAQ,SACxEC,OAAM,CAAC,KAAM,KAAM,KAAM,OACzBC,KAAI,CAAC,MACL,QAAS,CAAC,YAAa,QAAS,WAAY,KAAM,OAAQ,QAC1DC,MAAK,CAAC,OACNC,KAAI,CAAC,WAAY,SAAU,SAAU,QAAS,KAAM,iBAAkB,KAAM,SAC5E,QAAS,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,OAAQ,KAAM,SACtDC,KAAI,CAAC,KAAM,WAAY,KAAM,KAAM,OAAQ,QAAS,UAAW,aAAc,KAAM,SACnFC,IAAG,CAAC,KAAM,SAAU,KAAM,OAC1BC,KAAI,CAAC,OAAQ,OAAQ,cAAe,cAAe,OAAQ,OAAQ,QACnE,QAAS,CAAC,MAAO,KAAM,KAAM,KAAM,KAAM,UAAW,UACpD,QAAS,CAAC,MAAO,SAAU,UAC3BC,UAAS,CAAC,MAAO,MAAO,KAAM,YAAa,KAAM,QAAS,KAAM,QAAS,MAAO,KAAM,QAAS,OAAQ,WACvGC,OAAM,CAAC,QAAS,MAChB,QAAS,CAAC,SACV,QAAS,CAAC,WACTb,GAAsB,CAAC,OAAQ,KAAM,SAlBvC,GAqBYc,EAAW,CACtB,OACA,WACA,MACA,YACA,c,kCClGK,IAAKC,E,kEAAAA,O,4BAAAA,I,iBAAAA,I,mBAAAA,I,mBAAAA,I,iBAAAA,I,iBAAAA,I,mBAAAA,I,mBAAAA,I,uBAAAA,I,4BAAAA,M,KAuBL,IAAMC,EAAa,CACxB,CACEx5B,GAAIu5B,EAASpR,WACbjpB,KAAM,GACNkpB,SAAU,GACV/b,IAAK,GACLgc,cAAc,EACdoR,IAAK,GACLlR,MAAO,GAET,CACEvoB,GAAIu5B,EAASG,MACbx6B,KAAM,OACNkpB,SAAU,cACV/b,IAAK,QACLgc,cAAc,EACdoR,IAAK,YACLlR,MAAO,GAET,CACEvoB,GAAIu5B,EAASI,OACbz6B,KAAM,MACNkpB,SAAU,cACV/b,IAAK,SACLgc,cAAc,EACdoR,IAAK,aACLlR,MAAO,GAET,CACEvoB,GAAIu5B,EAASK,OACb16B,KAAM,KACNkpB,SAAU,kBACV/b,IAAK,SACLgc,cAAc,EACdoR,IAAK,aACLlR,MAAO,GAET,CACEvoB,GAAIu5B,EAASM,MACb36B,KAAM,MACNkpB,SAAU,aACV/b,IAAK,QACLgc,cAAc,EACdoR,IAAK,YACLlR,MAAO,GAET,CACEvoB,GAAIu5B,EAASO,MACb56B,KAAM,MACNkpB,SAAU,aACV/b,IAAK,QACLgc,cAAc,EACdoR,IAAK,YACLlR,MAAO,GAET,CACEvoB,GAAIu5B,EAASQ,OACb76B,KAAM,MACNkpB,SAAU,cACV/b,IAAK,SACLgc,cAAc,EACdoR,IAAK,aACLlR,MAAO,GAET,CACEvoB,GAAIu5B,EAASS,OACb96B,KAAM,MACNkpB,SAAU,cACV/b,IAAK,SACLgc,cAAc,EACdoR,IAAK,aACLlR,MAAO,GAET,CACEvoB,GAAIu5B,EAASU,SACb/6B,KAAM,OACNkpB,SAAU,iBACV/b,IAAK,WACLgc,cAAc,EACdoR,IAAK,eACLlR,MAAO,GAET,CACEvoB,GAAIu5B,EAASW,WACbh7B,KAAM,KACNkpB,SAAU,sBACV/b,IAAK,aACLgc,cAAc,EACdoR,IAAK,iBACLlR,MAAO,IAKL4R,EAAgB,SAACn6B,GACrB,IAAMG,EAASq5B,EAAWtQ,WAAU,SAAC/b,GAAD,OAAWA,EAAKnN,KAAOA,KAC3D,GAAIG,GAAU,EACZ,OAAOA,EAET,MAAM,IAAIi6B,MAAM,kBAIL51B,EAAa,SAACxE,GAAD,OAA0Bw5B,EAAWW,EAAcn6B,IAAKd,O,0FCjIrE21B,EAAa,WACxB,IAAM1nB,GAAOktB,QAAc,cAiM3BzZ,eAA0B,CAACzT,EAAKmtB,aAAaC,MAAOptB,EAAKqtB,aAAaD,MAAM,O,4GCpMvE,MAAM1C,EAAY,kCACZC,EAAQ,8B,kCCFrB,IAAe,IAA0B,iE,kCCAzC,IAAe,IAA0B,gE,gCCAzC","file":"component---src-newcar-ui-detail-template-index-tsx-a976e54bdeb4cb25cce5.js","sourcesContent":["import React, { FC } from 'react';\nimport { Helmet } from 'react-helmet';\nimport Show from '@/newcar/ui/molecule/Show';\n\ntype Props = {\n  items: {\n    name: string;\n    item: string;\n  }[];\n};\n\n/**\n * 繝代Φ縺上★縺ｮ讒矩€�蛹悶�繝ｼ繧ｯ繧｢繝��\n */\nconst BreadcrumbSchemaMarkup: FC<Props> = ({ items }) => (\n  <Show when={items.length > 0}>\n    <Helmet>\n      <script type=\"application/ld+json\">\n        {JSON.stringify({\n          '@context': 'https://schema.org',\n          '@type': 'BreadcrumbList',\n          itemListElement: items.map(({ name, item }, index) => ({\n            '@type': 'ListItem',\n            position: index + 1,\n            name,\n            item,\n          })),\n        })}\n      </script>\n    </Helmet>\n  </Show>\n);\n\nexport default BreadcrumbSchemaMarkup;\n","/* eslint-disable @typescript-eslint/naming-convention */\nimport { OLDEST_AGE, YOUNGEST_AGE } from '@/newcar/util/const/contract';\n\n/**\n * 繧ｫ繝ｫ繝｢縺ｧ逕ｳ霎ｼ縺ｿ蜿ｯ閭ｽ縺ｪ蟷ｴ謨ｰ�郁･ｿ證ｦ�峨ｒ繝ｪ繧ｹ繝医〒霑斐☆\n *\n * @export\n * @returns 繧ｫ繝ｫ繝｢縺ｧ縺ｮ逕ｳ霎ｼ縺悟庄閭ｽ縺ｪ隘ｿ證ｦ縺ｮ繝ｪ繧ｹ繝�\n */\nexport function getAvailableYearList(): number[] {\n  const ONE_YEAR_FOR_OLDEST_PERSON_IS_BEFORE_BIRTHDAY = 1;\n  const ageRange = OLDEST_AGE\n    + ONE_YEAR_FOR_OLDEST_PERSON_IS_BEFORE_BIRTHDAY\n    - YOUNGEST_AGE;\n  const oldestYear = new Date().getFullYear()\n    - OLDEST_AGE\n    - ONE_YEAR_FOR_OLDEST_PERSON_IS_BEFORE_BIRTHDAY;\n  return Array.from(new Array(ageRange + 1), (_x, i) => i + oldestYear);\n}\n\n/**\n * 謖�ｮ壻ｽ咲ｽｮ縺ｾ縺ｧ繧ｹ繝�繝ｼ繧ｹ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ\n * @param id\n*/\nexport function scrollToId(id: string, height?: number): void {\n  if (id) {\n    // 逕ｻ髱｢縺ｮ螟画峩繧定€��縺励※豌玲戟縺｡驕�ｉ縺帙ｋ\n    setTimeout(() => {\n      const target: HTMLElement | null = document.getElementById(id);\n      if (target) {\n        window.scrollTo({\n          top:\n            window.scrollY + target.getBoundingClientRect().top - (height || 0),\n          behavior: 'smooth',\n        });\n      }\n    }, 100);\n  }\n}\n","import React, { FC } from 'react';\nimport CARMO_CONST from '@/common/util/const';\nimport CarDigest from '@/common/core/model/carDigest';\nimport SEOBase from '@/newcar/ui/common/organism/SEO';\n\ntype DetailSEOProps = Pick<CarDigest, 'name' | 'makerId' | 'bodyType' | 'taxedMinPrice11'>;\n\nconst SEO: FC<DetailSEOProps> = ({\n  name, makerId, taxedMinPrice11,\n}) => {\n  const carName = `${CARMO_CONST.MAKER.NAME(makerId)} ${name}`;\n  const manYen = taxedMinPrice11 / 10000;\n  const priceText = manYen && manYen > 0\n    ? `${manYen >= 1 ? `${Math.floor(manYen)}` : `${manYen.toFixed(1)}`}`\n    : '';\n\n  // title\n  const titlePriceText = priceText ? ` 譛磯｡�${priceText}荳��蜿ｰ縺九ｉ` : '';\n  const title = `${carName}縺ｮ譁ｰ霆翫き繝ｼ繝ｪ繝ｼ繧ｹ繝ｻ繧ｵ繝悶せ繧ｯ�懷ｮ夐｡阪き繝ｫ繝｢縺上ｓ${titlePriceText}`;\n\n  // description\n  const DESCRIPTION_PREFIX = '縲舌ロ繝�ヨ蜑ｲ譛€螟ｧ49,500蜀�€�';\n  const DESCRIPTION_SUFFIX = '鬆ｭ驥代�繝懊�繝翫せ謇輔＞辟｡縺励〒豈取怦螳夐｡阪€∫ｨ朱≡繧ｳ繝溘さ繝溘〒螳牙ｿ��譁ｰ霆翫き繝ｼ繝ｪ繝ｼ繧ｹ�郁ｻ翫�繧ｵ繝悶せ繧ｯ�峨↑繧峨♀繝医け縺ｫ繝槭う繧ｫ繝ｼ 螳夐｡阪き繝ｫ繝｢縺上ｓ縲ゅΓ繝ｳ繝�リ繝ｳ繧ｹ繧よ怦鬘榊ｮ夐｡阪€∝･醍ｴ�ｺ€莠�ｾ後↓霆翫′繧ゅｉ縺医ｋ繝励Λ繝ｳ繧ゅ＃逕ｨ諢上€�';\n  const descriptionPriceText = priceText ? `${carName}縺ｮ譁ｰ霆翫′譛医€�${priceText}荳��蜿ｰ縺九ｉ�｡` : '';\n  const description = `${DESCRIPTION_PREFIX}${descriptionPriceText}${DESCRIPTION_SUFFIX}`;\n\n  return (\n    <SEOBase\n      title={title}\n      description={description}\n      ogTitle={title}\n      ogDescription={description}\n      ogUrl={`${process.env.GATSBY_SITE_URL}`}\n      twitterTitle={title}\n      twitterDescription={description}\n    />\n  );\n};\n\nexport default SEO;\n","// extracted by mini-css-extract-plugin\nexport const borderLikeCard = \"Information-module--border-like-card--1isjS\";\nexport const titleWrap = \"Information-module--title-wrap--TT-ML\";\nexport const carName = \"Information-module--car-name--30HlZ\";\nexport const carNameAddition = \"Information-module--car-name-addition--fO8LB\";\nexport const makersiteIconWrap = \"Information-module--makersite-icon-wrap--28Vhb\";\nexport const mainSpacing = \"Information-module--main-spacing--1qmXI\";\nexport const mainImg = \"Information-module--main-img--1JTgU\";\nexport const mainInfo = \"Information-module--main-info--2Qk9G\";\nexport const maxWidthColor = \"Information-module--max-width-color--3g2Lz\";\nexport const isMarginMinus = \"Information-module--is-margin-minus--33cpj\";\nexport const inner = \"Information-module--inner--2xpd_\";\nexport const minVehiclePrice = \"Information-module--min-vehicle-price--2Ltqw\";\nexport const innerLight = \"Information-module--inner-light--3Bc9T\";\nexport const boxLeftLineGrey = \"Information-module--box-left-line-grey--31Wjp\";\nexport const roundedBox = \"Information-module--rounded-box--ECONA\";\nexport const blueButton = \"Information-module--blue-button--3Bfqj\";\nexport const isShaped = \"Information-module--is-shaped--2bqGn\";\nexport const iconArrowRightBig = \"Information-module--icon-arrow-right-big--35jpR\";\nexport const makerSiteBtn = \"Information-module--maker-site-btn--2lCfM\";\nexport const plusBtn = \"Information-module--plus-btn--1fkgh\";\nexport const active = \"Information-module--active--2M2MO\";\nexport const isUnderline = \"Information-module--is-underline--3B-zN\";\nexport const isBorderGreyLighter = \"Information-module--is-border-grey-lighter--2tg4k\";\nexport const balloonCampaign = \"Information-module--balloon-campaign--3GoP9\";\nexport const naviPlanBalloon = \"Information-module--navi-plan-balloon--3TMUV\";\nexport const naviPlanText = \"Information-module--navi-plan-text--3TBT5\";\nexport const naviPlanTextMin = \"Information-module--navi-plan-text-min--3kKPA\";\nexport const anchorLinkButton = \"Information-module--anchor-link-button--2syiA\";\nexport const salesStopMessage = \"Information-module--sales-stop-message--3Y3xl\";\nexport const monthlyFeeContainer = \"Information-module--monthly-fee-container--1rK7R\";\nexport const specListContainer = \"Information-module--spec-list-container--1pmxX\";\nexport const specHeading = \"Information-module--spec-heading--1nUTB\";\nexport const searchAreaWrap = \"Information-module--search-area-wrap--3qtCj\";\nexport const linkAreaWrap = \"Information-module--link-area-wrap--2El07\";\nexport const searchHeader = \"Information-module--search-header--1W06W\";\nexport const searchTitle = \"Information-module--search-title--2Brv-\";\nexport const large = \"Information-module--large--2S1uV\";\nexport const btnListWrap = \"Information-module--btn-list-wrap--q6-AF\";\nexport const btnList = \"Information-module--btn-list--2odgL\";\nexport const makerList = \"Information-module--maker-list--2HKdU\";\nexport const typeList = \"Information-module--type-list--qzzex\";\nexport const makerListItem = \"Information-module--maker-list-item--2GNGb\";\nexport const typeListItem = \"Information-module--type-list-item--rwZhc\";\nexport const carListBtnWrap = \"Information-module--car-list-btn-wrap--2RbOZ\";\nexport const linkListBtnWrap = \"Information-module--link-list-btn-wrap--301xd\";\nexport const carListFlexWrap = \"Information-module--car-list-flex-wrap--21JBC\";\nexport const carListFlex = \"Information-module--car-list-flex--21ts1\";\nexport const carList = \"Information-module--car-list--sshkx\";\nexport const normalLinkBtn = \"Information-module--normal-link-btn--3yfJA\";\nexport const conciergeHeader = \"Information-module--concierge-header--17j6v\";\nexport const conciergeContact = \"Information-module--concierge-contact--3DyGt\";\nexport const newcarTopBtn = \"Information-module--newcar-top-btn--AASZA\";","import React, { FC, useState, useContext } from 'react';\nimport { MAKER_NAME, MAKER_ID } from '@/newcar/util/const/maker';\nimport { Observer } from 'mobx-react-lite';\nimport Color from '@/newcar/ui/detail/molecule/Color';\nimport { VehicleTypes } from '@/common/core/model/catalog/vehicleTypes';\nimport CarDigest from '@/common/core/model/carDigest';\nimport { simulationManagerStore } from '@/newcar/core/store/simulationManagerStore';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport InterruptionStoreContext from '@/newcar/ui/common/context/InterruptionStoreContext';\nimport { scrollToId } from '@/newcar/ui/contract/function';\n// import loading from '@/newcar/ui/lineup/img/loading.svg';\n\nimport * as styles from '@/newcar/ui/detail/organism/Information.module.styl';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\nimport { navigate } from 'gatsby';\n\n// 404 images\nimport listBtnToyota from '@/pages/img/404/list-btn-toyota.png';\nimport listBtnNissan from '@/pages/img/404/list-btn-nissan.png';\nimport listBtnHonda from '@/pages/img/404/list-btn-honda.png';\nimport listBtnMazda from '@/pages/img/404/list-btn-mazda.png';\nimport listBtnSubaru from '@/pages/img/404/list-btn-subaru.png';\nimport listBtnSuzuki from '@/pages/img/404/list-btn-suzuki.png';\nimport listBtnDaihatsu from '@/pages/img/404/list-btn-daihatsu.png';\nimport listBtnMitsubishi from '@/pages/img/404/list-btn-mitsubishi.png';\nimport listBtnMini from '@/pages/img/404/list-btn-mini.svg';\nimport listBtnCompact from '@/pages/img/404/list-btn-compact.svg';\nimport listBtnMinivan from '@/pages/img/404/list-btn-minivan.svg';\nimport listBtnSuv from '@/pages/img/404/list-btn-suv.svg';\nimport listBtnSedan from '@/pages/img/404/list-btn-sedan.svg';\nimport listBtnHatchback from '@/pages/img/404/list-btn-hatchback.svg';\nimport listBtnWagon from '@/pages/img/404/list-btn-wagon.svg';\nimport listBtnCoupe from '@/pages/img/404/list-btn-coupe.svg';\n\ntype PickVehicleType = Pick<VehicleTypes, 'photos' | 'summary'>;\ntype PickDigest = Pick<CarDigest, 'name' | 'makerId' | 'bodyColors' | 'wltc' | 'jc08' | 'minVehiclePrice' | 'taxedMinPrice11' | 'has4SeatOrLess' | 'has5Seat' | 'has6Seat' | 'has7Seat' | 'has8SeatOrMore' | 'thumbnailUrl'>;\ntype IsNowSale = {isNowSale: boolean}\ntype InformationProps = PickVehicleType & PickDigest & IsNowSale;\n\nconst Information:FC<InformationProps> = ({\n  photos,\n  summary,\n  name,\n  makerId,\n  bodyColors,\n  jc08,\n  wltc,\n  minVehiclePrice,\n  taxedMinPrice11,\n  has4SeatOrLess,\n  has5Seat,\n  has6Seat,\n  has7Seat,\n  has8SeatOrMore,\n  isNowSale,\n  thumbnailUrl,\n}) => {\n  const seatArr = [has4SeatOrLess, has5Seat, has6Seat, has7Seat, has8SeatOrMore];\n  const minSeat = seatArr.indexOf(true);\n  const maxSeat = seatArr.lastIndexOf(true);\n  const hasSeats = minSeat === maxSeat ? `${minSeat + 4}莠ｺ${minSeat === 0 ? '莉･荳�' : ''}` : `${minSeat + 4}縲�${maxSeat + 4}莠ｺ`;\n  const [isOpen, setIsOpen] = useState(false);\n  const gasMillage = NEWCAR_CONST.MILEAGE.WHICH_USE(jc08, wltc);\n  const src = (photos && photos[1].imageUrl) || thumbnailUrl || '';\n\n  const interruptionStore = useContext(InterruptionStoreContext);\n\n  const toggleAccordion = () => {\n    setIsOpen(!isOpen);\n  };\n\n  const goToEntryForm = () => {\n    // 逕ｳ縺苓ｾｼ縺ｿ縺ｸ騾ｲ繧薙□蜀�ｮｹ繧定ｨ倬鹸\n    interruptionStore.addItem(simulationManagerStore, NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND_SP);\n\n    // 繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ螻･豁ｴ繧剃ｿ晏ｭ禄n    if (simulationManagerStore.nowCar) {\n      simulationManagerStore.changeUserSelect(simulationManagerStore.nowCar);\n    }\n\n    simulationManagerStore.nowCarToUndefined();\n    simulationManagerStore.saveEntryBreakdown(NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND_SP);\n    navigate(NEWCAR_DEFINE.PATH.FORM_CONTACT_INFO);\n  };\n\n  const simulationManagerStoreShaped = useContext(SimulationManagerStoreContext);\n  const afterPrice = () => simulationManagerStoreShaped.nowRecommendSPSelection?.price?.toLocaleString() || '';\n\n  return (\n    <div className={styles.borderLikeCard}>\n      <div className={`columns is-mobile ${styles.titleWrap}`}>\n        <div className=\"column\">\n          <h1 className={`has-text-weight-bold ${styles.carName}`}>\n            {MAKER_NAME(makerId as unknown as MAKER_ID)}\n            &nbsp;\n            <span className=\"is-hidden-desktop\"> </span>\n            {name}\n            <span className={`${styles.carNameAddition} has-text-weight-normal is-block`}>縺ｮ繧ｫ繝ｼ繝ｪ繝ｼ繧ｹ諠��ｱ</span>\n          </h1>\n        </div>\n      </div>\n\n      <div className={`columns ${styles.mainSpacing}`}>\n        <div className=\"column is-7-tablet is-two-fifths-desktop\">\n          <div className=\"has-text-centered-mobile\">\n            <img\n              className={`${styles.mainImg}`}\n              src={src}\n              width=\"512\"\n              height=\"288\"\n              alt=\"霆顔判蜒十"\n              decoding=\"async\"\n            />\n          </div>\n        </div>\n\n        <div className={`column ${styles.mainInfo}`}>\n          {isNowSale ? (\n            <>\n              <h2 className=\"is-hidden-touch is-size-3 has-text-grey\">{summary}</h2>\n\n              {/* 萓｡譬ｼ陦ｨ遉ｺPC */}\n              <div className={`columns is-mobile is-hidden-touch ${styles.boxLeftLineGrey}`}>\n                <dl className=\"column columns is-narrow is-vcentered\">\n                  <dt className=\"column is-narrow is-size-6 has-text-weight-semibold is-line-height-small\">\n                    譛€螳画侭驥�&nbsp;&nbsp;譛磯｡榊ｮ夐｡構n                  </dt>\n                  <dd className=\"column is-narrow is-mobile is-vcentered is-margin-left-3\">\n                    <strong className=\"is-size-3 has-text-weight-semibold\">\n                      {taxedMinPrice11.toLocaleString()}\n                      <span className=\"is-size-7 has-text-grey\">蜀�€愿�132蝗�(11蟷ｴ)</span>\n                    </strong>\n                  </dd>\n                </dl>\n                <ul className=\"column columns\">\n                  <li className=\"column is-narrow\">\n                    <p className={`is-size-6 has-text-grey has-text-weight-semibold ${styles.roundedBox}`}>\n                      鬆ｭ驥代�繝懊�繝翫せ謇輔＞0蜀�\n                    </p>\n                  </li>\n                  <li className=\"column is-narrow\">\n                    <p className={`is-size-6 has-text-grey has-text-weight-semibold ${styles.roundedBox}`}>\n                      豕慕噪雋ｻ逕ｨ繝ｻ謇区焚譁吶さ繝歃n                    </p>\n                  </li>\n                </ul>\n              </div>\n              {/* //_萓｡譬ｼ陦ｨ遉ｺPC */}\n\n              {/* 萓｡譬ｼ陦ｨ遉ｺSP */}\n              <div className={`${styles.monthlyFeeContainer}`}>\n                <div className=\"is-size-6 has-text-weight-semibold\">\n                  譛€螳画侭驥�&nbsp;\n                  <br />\n                  譛磯｡榊ｮ夐｡構n                </div>\n                <strong className=\"is-size-1\">{taxedMinPrice11.toLocaleString()}</strong>\n                <div className=\"is-padding-1 is-line-height-small\">\n                  <span className=\"is-size-6 has-text-black-ter\">蜀�€�</span>\n                  <br />\n                  <span className=\"is-size-7 has-text-grey\">ﾃ�132蝗�(11蟷ｴ)</span>\n                </div>\n              </div>\n              {/* //_萓｡譬ｼ陦ｨ遉ｺSP */}\n\n              {/* PC陦ｨ遉ｺ */}\n              <ul className=\"is-hidden-touch columns is-mobile\">\n                <li className={`column is-narrow-desktop ${styles.inner}`}>\n                  <dl>\n                    <dt className=\"is-size-6 has-text-weight-semibold\">\n                      辯�ｲｻ\n                      <span className=\"has-text-weight-normal\">{gasMillage.name}</span>\n                    </dt>\n                    <dd className=\"is-size-4 has-text-grey\">\n                      {gasMillage.value}\n                      km/L\n                    </dd>\n                  </dl>\n                </li>\n                <li className={`column is-3-tablet-only is-narrow-desktop ${styles.inner}`}>\n                  <dl>\n                    <dt className=\"is-size-6 has-text-weight-semibold\">螳壼藤</dt>\n                    <dd className=\"is-size-4 has-text-grey\">{hasSeats}</dd>\n                  </dl>\n                </li>\n                <li className={`column is-narrow-desktop ${styles.inner}`}>\n                  <dl>\n                    <dt className=\"is-size-6 has-text-weight-semibold\">霆贋ｸ｡譛ｬ菴謎ｾ｡譬ｼ</dt>\n                    <dd className={`has-text-grey ${styles.minVehiclePrice}`}>\n                      {minVehiclePrice.toLocaleString()}\n                      蜀�€彌n                    </dd>\n                  </dl>\n                </li>\n                <li className={`column ${styles.inner} ${styles.maxWidthColor}`}>\n                  <dl className={styles.isMarginMinus}>\n                    <dt className=\"is-size-6 has-text-weight-semibold\">繧ｫ繝ｩ繝ｼ</dt>\n                    <dd>\n                      <Color bodyColors={bodyColors} desktop />\n                    </dd>\n                  </dl>\n                </li>\n              </ul>\n\n              {/* SP陦ｨ遉ｺ */}\n              <ul className={`is-hidden-desktop columns is-mobile ${styles.specListContainer}`}>\n                <li className={`column ${styles.innerLight}`}>\n                  <dl>\n                    <dt className={`${styles.specHeading} has-text-weight-bold`}>\n                      {`辯�ｲｻ${gasMillage.name}`}\n                    </dt>\n                    <dd className=\"is-size-4\">\n                      {`${gasMillage.value}km/L`}\n                    </dd>\n                  </dl>\n                </li>\n                <li className={`column ${styles.innerLight}`}>\n                  <dl>\n                    <dt className={`${styles.specHeading} has-text-weight-bold`}>螳壼藤</dt>\n                    <dd className=\"is-size-4\">{hasSeats}</dd>\n                  </dl>\n                </li>\n                <li className={`column ${styles.innerLight}`}>\n                  <dl>\n                    <dt className={`${styles.specHeading} has-text-weight-bold`}>霆贋ｸ｡譛ｬ菴謎ｾ｡譬ｼ</dt>\n                    <dd className={`${styles.minVehiclePrice}`}>\n                      {`${minVehiclePrice.toLocaleString()}蜀�€彖}\n                    </dd>\n                  </dl>\n                </li>\n                <li className={`column ${styles.innerLight}`}>\n                  <dl className=\"is-hidden-desktop is-mobile is-vcentered is-centered is-margin-top-1\">\n                    <dt className={`${styles.specHeading} has-text-weight-bold`}>繧ｫ繝ｩ繝ｼ繝舌Μ繧ｨ繝ｼ繧ｷ繝ｧ繝ｳ</dt>\n                    <dd className=\"is-size-4\">\n                      <Color bodyColors={bodyColors} desktop={false} />\n                    </dd>\n                  </dl>\n                </li>\n              </ul>\n\n              <div className=\"is-hidden-desktop has-text-centered is-margin-bottom-4\">\n                {/*\n                  <div className=\"has-text-center is-margin-top-5 balloon-campaign-parent\">\n                    <span className={`is-size-6 is-relative ${styles.balloonCampaign}`}>\n                    辟｡譁呻ｼ�5蛻�〒縺九ｓ縺溘ｓ縺顔筏縺苓ｾｼ縺ｿ</span>\n                  </div>\n                 */}\n                <div className={`${styles.naviPlanBalloon}`}>\n                  縺翫☆縺吶ａ!\n                  <span className={`${styles.naviPlanText}`}>\n                    繝翫ン莉倥″繝励Λ繝ｳ\n                    <span className={`${styles.naviPlanTextMin}`}>\n                      (譛磯｡構n                      <Observer>\n                        {() => (\n                          <>\n                            {afterPrice()}\n                          </>\n                        )}\n                      </Observer>\n                      蜀�)\n                    </span>\n                  </span>\n                  縺ｧ\n                </div>\n                <button\n                  type=\"button\"\n                  className={`button is-large is-size-4 ${styles.blueButton} ${styles.isShaped}`}\n                  onClick={() => goToEntryForm()}\n                >\n                  <strong className=\"is-size-4\">縺ｾ縺壹�縺願ｩｦ縺励〒蟇ｩ譟ｻ縺ｫ逕ｳ霎ｼ繧€</strong>\n                  <span className={styles.iconArrowRightBig} />\n                </button>\n                <p className=\"is-size-6\">窶ｻ蟇ｩ譟ｻ逕ｳ霎ｼ縺ｿ縺ｯ螂醍ｴ�〒縺ｯ縺ゅｊ縺ｾ縺帙ｓ</p>\n              </div>\n              <div\n                className=\"columns is-mobile is-multiline is-centered is-vcentered is-padding-bottom-4 is-hidden-desktop\"\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => toggleAccordion()}\n              >\n                <p\n                  className={`column is-narrow is-size-6 is-padding-right-2 ${styles.isUnderline}`}\n                >\n                  繝翫ン莉倥″繝励Λ繝ｳ縺ｮ隧ｳ邏ｰ\n                </p>\n                <span className={`${styles.plusBtn} ${isOpen ? styles.active : ''}`} />\n              </div>\n              {isOpen && (\n              <div className={`columns is-hidden-desktop is-multiline is-centered is-vcentered is-size-6 is-padding-5 is-margin-bottom-5 ${styles.isBorderGreyLighter}`}>\n                <div className=\"column is-padding-bottom-3\">\n                  <p className=\"has-text-weight-semibold\">繧ｰ繝ｬ繝ｼ繝�</p>\n                  <p className=\"has-text-grey\">{simulationManagerStore.nowRecommendSPSelection.orderName}</p>\n                </div>\n                <div className=\"column is-padding-bottom-3\">\n                  <p className=\"has-text-weight-semibold\">繧ｪ繝励す繝ｧ繝ｳ陬�ｙ</p>\n                  <p className=\"has-text-grey\">{simulationManagerStore.nowRecommendSPSelection.option}</p>\n                </div>\n                <div className=\"column is-padding-bottom-3\">\n                  <p className=\"has-text-weight-semibold\">雉�ｲｸ譛滄俣</p>\n                  <p className=\"has-text-grey\">{`${(simulationManagerStore.nowRecommendSPSelection.term || 11) * 12}繝ｶ譛� ${simulationManagerStore.nowRecommendSPSelection.term || 11}蟷ｴ`}</p>\n                </div>\n                <div className=\"column is-padding-bottom-3\">\n                  <p className=\"has-text-weight-semibold\">譛磯｡肴侭驥�</p>\n                  <p className=\"has-text-grey\">{`${(simulationManagerStore.nowRecommendSPSelection.price?.toLocaleString())}蜀�/譛茨ｼ育ｨ手ｾｼ�荏}</p>\n                </div>\n              </div>\n              )}\n\n              <button\n                className={`is-hidden-desktop ${styles.anchorLinkButton}`}\n                type=\"button\"\n                onClick={() => scrollToId('simulation')}\n              >\n                閾ｪ蛻�〒繝励Λ繝ｳ繧剃ｽ懈�縺吶ｋ\n              </button>\n            </>\n          ) : (\n            <p className={`${styles.salesStopMessage}`}>\n              迴ｾ蝨ｨ縲√％縺ｮ霆翫�雋ｩ螢ｲ蛛懈ｭ｢荳ｭ縺ｮ縺溘ａ縲―n              <br className=\"is-hidden-mobile\" />\n              蜈･闕ｷ繝ｻ蜀崎ｲｩ縺ｾ縺ｧ縺頑凾髢薙ｒ鬆よ斡縺励※縺翫ｊ縺ｾ縺吶€�\n              <br />\n              荳玖ｨ倥°繧我ｻ悶�霆翫ｂ縺ゅｏ縺帙※縺疲､懆ｨ弱￥縺�縺輔＞縲�\n              <br />\n            </p>\n          )}\n        </div>\n      </div>\n      {!isNowSale\n              && (\n              <>\n                <div className={`${styles.btnListWrap}`}>\n                  <div className={`${styles.btnList}`}>\n                    <p className={`is-margin-top-7 is-margin-bottom-3 has-text-weight-semibold ${styles.searchTitle}`}>\n                      <span className={`${styles.large}`}>繝｡繝ｼ繧ｫ繝ｼ</span>\n                      縺九ｉ謗｢縺兔n                    </p>\n                    <ul className={`${styles.makerList}`}>\n                      <li className={`${styles.makerListItem}`}><a href=\"/lineup/toyota\"><img src={listBtnToyota} alt=\"繝医Κ繧ｿ\" /></a></li>\n                      <li className={`${styles.makerListItem}`}><a href=\"/lineup/nissan\"><img src={listBtnNissan} alt=\"譌･逕｣\" /></a></li>\n                      <li className={`${styles.makerListItem}`}><a href=\"/lineup/honda\"><img src={listBtnHonda} alt=\"繝帙Φ繝€\" /></a></li>\n                      <li className={`${styles.makerListItem}`}><a href=\"/lineup/mazda\"><img src={listBtnMazda} alt=\"繝槭ヤ繝€\" /></a></li>\n                      <li className={`${styles.makerListItem}`}><a href=\"/lineup/subaru\"><img src={listBtnSubaru} alt=\"繧ｹ繝舌Ν\" /></a></li>\n                      <li className={`${styles.makerListItem}`}><a href=\"/lineup/suzuki\"><img src={listBtnSuzuki} alt=\"繧ｹ繧ｺ繧ｭ\" /></a></li>\n                      <li className={`${styles.makerListItem}`}><a href=\"/lineup/daihatsu\"><img src={listBtnDaihatsu} alt=\"繝€繧､繝上ヤ\" /></a></li>\n                      <li className={`${styles.makerListItem}`}><a href=\"/lineup/mitsubishi\"><img src={listBtnMitsubishi} alt=\"荳芽廠\" /></a></li>\n                    </ul>\n                  </div>\n                  <div className={`${styles.btnList}`}>\n                    <p className={`is-margin-top-7 is-margin-bottom-3 has-text-weight-semibold ${styles.searchTitle}`}>\n                      <span className={`${styles.large}`}>霆翫�繧ｿ繧､繝�</span>\n                      縺九ｉ謗｢縺兔n                    </p>\n                    <ul className={`${styles.typeList}`}>\n                      <li className={`${styles.typeListItem}`}>\n                        <a href=\"/lineup/mini\">\n                          <img src={listBtnMini} alt=\"霆ｽ閾ｪ蜍戊ｻ浬" />\n                          <span className=\"is-margin-top-3\">霆ｽ閾ｪ蜍戊ｻ�</span>\n                        </a>\n                      </li>\n                      <li className={`${styles.typeListItem}`}>\n                        <a href=\"/lineup/compact\">\n                          <img src={listBtnCompact} alt=\"繧ｳ繝ｳ繝代け繝医き繝ｼ\" />\n                          <span className=\"is-margin-top-3\">\n                            繧ｳ繝ｳ繝代け繝�\n                            <br />\n                            繧ｫ繝ｼ\n                          </span>\n                        </a>\n                      </li>\n                      <li className={`${styles.typeListItem}`}>\n                        <a href=\"/lineup/minivan\">\n                          <img src={listBtnMinivan} alt=\"繝溘ル繝舌Φ繝ｻ繝ｯ繧ｴ繝ｳ\" />\n                          <span className=\"is-margin-top-3\">\n                            繝溘ル繝舌Φ\n                            <br />\n                            繝ｯ繧ｴ繝ｳ\n                          </span>\n                        </a>\n                      </li>\n                      <li className={`${styles.typeListItem}`}>\n                        <a href=\"/lineup/suv\">\n                          <img src={listBtnSuv} alt=\"SUV繝ｻ繧ｯ繝ｭ繧ｫ繝ｳ\" />\n                          <span className=\"is-margin-top-3\">\n                            SUV\n                            <br />\n                            繧ｯ繝ｭ繧ｫ繝ｳ\n                          </span>\n                        </a>\n                      </li>\n                      <li className={`${styles.typeListItem}`}>\n                        <a href=\"/lineup/sedan\">\n                          <img src={listBtnSedan} alt=\"繧ｻ繝€繝ｳ\" />\n                          <span className=\"is-margin-top-4\">繧ｻ繝€繝ｳ</span>\n                        </a>\n                      </li>\n                      <li className={`${styles.typeListItem}`}>\n                        <a href=\"/lineup/hatchback\">\n                          <img src={listBtnHatchback} alt=\"繝上ャ繝√ヰ繝�け\" />\n                          <span className=\"is-margin-top-4\">繝上ャ繝√ヰ繝�け</span>\n                        </a>\n                      </li>\n                      <li className={`${styles.typeListItem}`}>\n                        <a href=\"/lineup/stationwagon\">\n                          <img src={listBtnWagon} alt=\"繧ｹ繝��繧ｷ繝ｧ繝ｳ繝ｯ繧ｴ繝ｳ\" />\n                          <span className=\"is-margin-top-3\">\n                            繧ｹ繝��繧ｷ繝ｧ繝ｳ\n                            <br />\n                            繝ｯ繧ｴ繝ｳ\n                          </span>\n                        </a>\n                      </li>\n                      <li className={`${styles.typeListItem}`}>\n                        <a href=\"/lineup/coupe\">\n                          <img src={listBtnCoupe} alt=\"繧ｯ繝ｼ繝壹�繧ｪ繝ｼ繝励Φ繧ｫ繝ｼ\" />\n                          <span className=\"is-margin-top-3\">\n                            繧ｯ繝ｼ繝喀n                            <br />\n                            繧ｪ繝ｼ繝励Φ繧ｫ繝ｼ\n                          </span>\n                        </a>\n                      </li>\n                    </ul>\n                  </div>\n                </div>\n                <div className={`${styles.carListFlexWrap}`}>\n                  <p className={`is-margin-bottom-3 has-text-weight-semibold ${styles.searchTitle}`}>\n                    <span className={`${styles.large}`}>荳€隕ｧ縺九ｉ謗｢縺�</span>\n                  </p>\n                  <div className={`${styles.carListFlex}`}>\n                    <div className={`${styles.carList}`}>\n                      <a href=\"/lineup/\" className={`has-text-centered has-text-weight-semibold  ${styles.normalLinkBtn}`}>譁ｰ霆翫�荳€隕ｧ</a>\n                    </div>\n                    <div className={`${styles.carList}`}>\n                      <a href=\"/usedcar/lineup/\" className={`has-text-centered has-text-weight-semibold  ${styles.normalLinkBtn}`}>荳ｭ蜿､霆翫�荳€隕ｧ</a>\n                    </div>\n                  </div>\n                </div>\n                <div className={`${styles.newcarTopBtn}`}>\n                  <a href=\"/\" className={`has-text-centered has-text-weight-semibold  ${styles.normalLinkBtn}`}>譁ｰ霆概OP繝壹�繧ｸ縺ｯ縺薙■繧�</a>\n                </div>\n              </>\n              )}\n    </div>\n  );\n};\n\nexport default Information;\n","// extracted by mini-css-extract-plugin\nexport const cardPadding = \"PlanSP-module--card-padding--2BPoY\";\nexport const bandSizeLarge = \"PlanSP-module--band-size-large--YyJ5t\";\nexport const itemWrap = \"PlanSP-module--item-wrap--StFQC\";\nexport const itemBgWhiteter = \"PlanSP-module--item-bg-whiteter--3lhXJ\";\nexport const itemTitle = \"PlanSP-module--item-title--3LQ_M\";\nexport const selectBox = \"PlanSP-module--select-box--2FLoZ\";\nexport const selectBoxBig = \"PlanSP-module--select-box-big--TLwji\";\nexport const selected = \"PlanSP-module--selected--3D8EL\";\nexport const notSelected = \"PlanSP-module--not-selected--2U_zk\";\nexport const priceWrap = \"PlanSP-module--price-wrap--3BIQ8\";\nexport const priceTrico = \"PlanSP-module--price-trico--3gRsJ\";\nexport const isTablet = \"PlanSP-module--is-tablet--1IR23\";\nexport const clearButton = \"PlanSP-module--clear-button--2lNzv\";\nexport const width4_5rem = \"PlanSP-module--width4_5rem--1mVN8\";\nexport const width2rem = \"PlanSP-module--width2rem--2OszQ\";\nexport const width6_5rem = \"PlanSP-module--width6_5rem--3F8pW\";\nexport const leaseTerm = \"PlanSP-module--lease-term--ESoK5\";\nexport const leaseSelectable = \"PlanSP-module--lease-selectable--3h935\";\nexport const balloonCampaign = \"PlanSP-module--balloon-campaign--10cqO\";\nexport const balloonCampaignItem = \"PlanSP-module--balloon-campaign-item--1FfvQ\";\nexport const saveButton = \"PlanSP-module--save-button--3SpuQ\";\nexport const saveButtonText = \"PlanSP-module--save-button-text--1kMWT\";\nexport const blueButton = \"PlanSP-module--blue-button--32fSx\";\nexport const isDisabled = \"PlanSP-module--is-disabled--1xcZk\";\nexport const iconArrowRightGrey = \"PlanSP-module--icon-arrow-right-grey--mr4PJ\";\nexport const iconArrowRightBig = \"PlanSP-module--icon-arrow-right-big--1YX42\";\nexport const popupPosition = \"PlanSP-module--popup-position--2wlWo\";\nexport const popupContent = \"PlanSP-module--popup-content--p-z0w\";\nexport const popupContentHalf = \"PlanSP-module--popup-content-half---xwa-\";\nexport const simulator_two_colorchip = \"PlanSP-module--simulator_two_colorchip--2SYOF\";\nexport const simulator_above_colorchip = \"PlanSP-module--simulator_above_colorchip--3Gciv\";\nexport const leaseHelp = \"PlanSP-module--lease-help--1WFeA\";\nexport const dokidoki = \"PlanSP-module--dokidoki--3P_xx\";\nexport const naviPlanBalloon = \"PlanSP-module--navi-plan-balloon--20e8N\";\nexport const naviPlanText = \"PlanSP-module--navi-plan-text--1H33F\";\nexport const naviPlanTextMin = \"PlanSP-module--navi-plan-text-min--3e8X2\";\nexport const priceColorBlue = \"PlanSP-module--price-color-blue--3-Zxd\";\nexport const textSimulationSelected = \"PlanSP-module--text-simulation-selected--3Cs92\";\nexport const textMonthlyAfter = \"PlanSP-module--text-monthly-after--2Yn-r\";\nexport const textUpRight = \"PlanSP-module--text-up-right--6XOIG\";\nexport const simulationChangeButton = \"PlanSP-module--simulation-change-button--3WK5q\";","/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable max-len */\nimport React, {\n  FC, useContext, useRef,\n} from 'react';\nimport { navigate } from 'gatsby';\n// import { useLocation } from '@reach/router';\nimport Card from '@/newcar/ui/detail/molecule/Card';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport SimulationResultManagerStoreContext from '@/newcar/ui/common/context/SimulationResultManagerStoreContext';\nimport InterruptionStoreContext from '@/newcar/ui/common/context/InterruptionStoreContext';\nimport { Observer } from 'mobx-react-lite';\nimport { ModeType } from '@/newcar/util/const/dialogMode';\n\nimport * as styles from '@/newcar/ui/detail/organism/PlanSP.module.styl';\nimport CARMO_CONST from '@/common/util/const';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\n\ntype PlanSPProps = {\n  thumbnailUrl: string;\n  onClickCustomizePlan: (\n    dialogMode: ModeType,\n    planID: NEWCAR_CONST.SIMULATION_PLAN.ID,\n    initialStep?: number,\n  )=>void;\n}\n\nconst PlanSP:FC<PlanSPProps> = ({\n  thumbnailUrl,\n  onClickCustomizePlan,\n}) => {\n  // const location = useLocation();\n\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n  const simulationResultManagerStore = useContext(SimulationResultManagerStoreContext);\n  const interruptionStore = useContext(InterruptionStoreContext);\n\n  const ctaButton = useRef<HTMLDivElement>(null);\n\n  // const [viewCtaButton, setViewCtaButton] = useState(false);\n\n  // function getIntersectionObserver() {\n  //   try {\n  //     const observer = new IntersectionObserver(\n  //       ([entry]) => {\n  //         setViewCtaButton(entry.isIntersecting);\n  //       },\n  //       {\n  //         threshold: 0.5,\n  //       },\n  //     );\n  //     return observer;\n  //   } catch (e) {\n  // iOS12.1謳ｭ霈峨�Safari縺ｪ縺ｩIntersectionObserver縺ｫ髱槫ｯｾ蠢懊ヶ繝ｩ繧ｦ繧ｶ縺ｮ蝣ｴ蜷医�null繧定ｿ泌唆\n  //     return null;\n  //   }\n  // }\n\n  // CTA繝懊ち繝ｳ縺瑚｡ｨ遉ｺ鬆伜沺縺ｫ蜈･縺｣縺ｦ縺�ｋ縺九←縺�°繧堤屮隕暴n  // useEffect(() => {\n  //   const observer = getIntersectionObserver();\n\n  //   if (observer && ctaButton.current) {\n  //     observer.observe(ctaButton.current);\n  //   }\n\n  //   return () => {\n  //     if (observer && ctaButton.current) {\n  //       observer.unobserve(ctaButton.current);\n  //     }\n  //   };\n  // }, []);\n\n  const showDialog = (dialogMode: ModeType, step: number):void => {\n    onClickCustomizePlan(dialogMode, NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL, step);\n  };\n\n  // const showLeaseTerm = () => {\n  //   onClickCustomizePlan('leaseTerm', NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL, 1);\n  // };\n\n  const nowSelectGrade = (): { name: string, sub: string } | undefined => {\n    if (!simulationManagerStore.isOldSimulation || simulationManagerStore.nowSelectGrade) {\n      // 譛€譁ｰ縺ｮ繝槭せ繧ｿ縺九ｉ諠��ｱ繧定｡ｨ遉ｺ縺吶ｋ\n      return simulationManagerStore.nowSelectGrade;\n    }\n    return simulationResultManagerStore.selectedGrade;\n  };\n\n  const nowSelectBodyColor = (): {\n    bodyColorId?: string,\n    bodyColorName?: string,\n    colorCode1?: string,\n    colorCode2?: string,\n    isSelected?: boolean\n  } | undefined => {\n    if (!simulationManagerStore.isOldSimulation) {\n      // 譛€譁ｰ縺ｮ繝槭せ繧ｿ縺九ｉ諠��ｱ繧定｡ｨ遉ｺ縺吶ｋ\n      return simulationManagerStore.nowSelectBodyColor;\n    }\n    // 菫晏ｭ俶ｸ医∩繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ諠��ｱ繧定｡ｨ遉ｺ縺吶ｋ\n    return simulationResultManagerStore.selectedBodyColor;\n  };\n\n  const nowSelectOption = (): string | undefined => {\n    if (!simulationManagerStore.isOldSimulation) {\n      // 譛€譁ｰ縺ｮ繝槭せ繧ｿ縺九ｉ諠��ｱ繧定｡ｨ遉ｺ縺吶ｋ\n      return simulationManagerStore.nowSelectOption;\n    }\n    // 菫晏ｭ俶ｸ医∩繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ諠��ｱ繧定｡ｨ遉ｺ縺吶ｋ\n    return simulationResultManagerStore.selectedOption;\n  };\n\n  const nowSelectMaintenance = (): string | undefined => {\n    if (!simulationManagerStore.isOldSimulation) {\n      // 譛€譁ｰ縺ｮ繝槭せ繧ｿ縺九ｉ諠��ｱ繧定｡ｨ遉ｺ縺吶ｋ\n      return simulationManagerStore.nowSelectMaintenance;\n    }\n    // 菫晏ｭ俶ｸ医∩繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ諠��ｱ繧定｡ｨ遉ｺ縺吶ｋ\n    return simulationResultManagerStore.selectedMaintenance;\n  };\n\n  const hasGrade = () => {\n    if (!simulationManagerStore.isOldSimulation) {\n      const list = simulationManagerStore.nowSelectGrade;\n      return (list !== undefined);\n    }\n    // 菫晏ｭ俶ｸ医∩繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ縺溘ａ蟶ｸ縺ｫtrue\n    return true;\n  };\n\n  const hasBodyColor = () => {\n    if (!simulationManagerStore.isOldSimulation) {\n      const list = simulationManagerStore.nowSelectBodyColor;\n      return (list !== undefined);\n    }\n    const list = simulationResultManagerStore.selectedBodyColor;\n    return (list !== undefined && list.isSelected !== undefined && list.isSelected);\n  };\n\n  const hasOption = () => {\n    if (!simulationManagerStore.isOldSimulation) {\n      const list = simulationManagerStore.nowSelectOption;\n      return (list !== undefined);\n    }\n    const list = simulationResultManagerStore.selectedOption;\n    return (list !== undefined);\n  };\n\n  const hasMaintenance = (): boolean => {\n    if (!simulationManagerStore.isOldSimulation) {\n      const list = simulationManagerStore.nowSelectMaintenance;\n      return (list !== undefined);\n    }\n    const list = simulationResultManagerStore.selectedMaintenance;\n    return (list !== undefined);\n  };\n\n  const isAvailableMaintenance = (): boolean => {\n    const result = simulationManagerStore.maintenancePlanList.length > 0;\n    return result;\n  };\n\n  const nowSelectNomalPrice = (): string => {\n    let price: number | undefined;\n    if (!simulationManagerStore.isOldSimulation) {\n      price = simulationManagerStore.nowSelectBasePrice;\n    } else {\n      price = simulationResultManagerStore.selectedNomalPrice;\n    }\n    if (price) {\n      return CARMO_CONST.COMMA_FORMAT(price);\n    }\n    return '---,---';\n  };\n\n  const nowSelectDiscountPrice = (): string => {\n    let price: number | undefined;\n    if (!simulationManagerStore.isOldSimulation) {\n      price = simulationManagerStore.nowSelectPrice;\n    } else {\n      price = simulationResultManagerStore.selectedNomalPrice;\n    }\n    if (price) {\n      return CARMO_CONST.COMMA_FORMAT(price);\n    }\n    return '---,---';\n  };\n\n  const nowSelectTerm = () => {\n    if (!simulationManagerStore.isOldSimulation) {\n      return NEWCAR_CONST.TERM.NAME[simulationManagerStore.nowSelectTerm];\n    }\n    return NEWCAR_CONST.TERM.NAME[simulationResultManagerStore.selectedTerm];\n  };\n\n  // const doClear = () => {\n  //   simulationManagerStore.clearSelection();\n  //   simulationResultManagerStore.clearSelection();\n  //   // URL縺九ｉ繝代Λ繝｡繝ｼ繧ｿ繧貞炎髯､\n  //   if (window) {\n  //     window.history.replaceState(null, '', location.pathname);\n  //   }\n  // };\n\n  // 繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ邨先棡繧剃ｿ晏ｭ禄n  // const onClickSave = () => {\n  //   simulationResultManagerStore.addSimulation({\n  //     customerSelection: simulationManagerStore.nowCustomerSelection,\n  //     carDigest: simulationManagerStore.nowCarDigest,\n  //     grade: simulationManagerStore.nowGrade,\n  //     bodyColor: simulationManagerStore.nowSimulationBodyColor,\n  //     totalPrice: simulationManagerStore.nowSelectPrice,\n  //     optionstring: simulationManagerStore.nowSelectOption,\n  //     option: simulationManagerStore.nowSimulationOpstions,\n  //   });\n  //   // 繝代Λ繝｡繝ｼ繧ｿ繧貞､画峩\n  //   if (window && !/s1=/.test(location.search)) {\n  //     const paramstring = simulationManagerStore.urlParams;\n  //     if (paramstring) {\n  //       if (location.pathname.slice(-1) === '/') {\n  //         window.history.replaceState(null, '', `${location.pathname}?${paramstring}&s1=1`);\n  //       } else {\n  //         window.history.replaceState(null, '', `${location.pathname}/?${paramstring}&s1=1`);\n  //       }\n  //     }\n  //   }\n  // };\n\n  const goToEntryForm = () => {\n    // 逕ｳ縺苓ｾｼ縺ｿ縺ｸ騾ｲ繧薙□蜀�ｮｹ繧定ｨ倬鹸\n    interruptionStore.addItem(simulationManagerStore);\n\n    // 繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ螻･豁ｴ繧剃ｿ晏ｭ禄n    if (simulationManagerStore.nowCar) {\n      simulationManagerStore.changeUserSelect(simulationManagerStore.nowCar);\n    }\n\n    if (!simulationManagerStore.isOldSimulation) {\n      if (!hasGrade()) {\n        simulationManagerStore.nowCarToUndefined();\n        simulationManagerStore.saveEntryBreakdown(NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND_SP);\n      } else {\n        simulationManagerStore.saveEntryBreakdown(NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL);\n      }\n      navigate(NEWCAR_DEFINE.PATH.FORM_CONTACT_INFO);\n    } else if (simulationResultManagerStore.nowSimulation) {\n      simulationResultManagerStore.saveEntryBreakdownFromSimulationResult(\n        simulationResultManagerStore.nowSimulation,\n      );\n      navigate(NEWCAR_DEFINE.PATH.FORM_CONTACT_INFO);\n    }\n  };\n\n  return (\n    <Observer>\n      {() => (\n        <Card className={`${styles.cardPadding}`}>\n          <h2 className=\"title is-3 has-text-centered\">\n            <span className=\"is-size-5\">縺雁･ｽ縺阪↑繝励Λ繝ｳ繧剃ｽ懈�縺励※</span>\n            <br />\n            譛磯｡肴侭驥代ｒ縺ｿ縺ｦ縺ｿ繧欺n          </h2>\n          {/* <div className=\"is-relative\">\n            <button\n              className={`${hasGrade() || 'is-hidden'} button is-text is-size-5 ${styles.clearButton}`}\n              type=\"button\"\n              onClick={doClear}\n              data-gtm=\"gtm-newcar-detail-simulatorSP-clear\"\n            >\n              譚｡莉ｶ繧偵け繝ｪ繧｢\n            </button>\n          </div> */}\n\n          <div>\n            {/* 縺泌茜逕ｨ譛滄俣 */}\n            <dl className={`columns is-mobile is-padding-1 ${styles.itemWrap}`}>\n              <dt className=\"column is-narrow has-text-weight-bold\">\n                <span />\n                <p className={styles.itemTitle}>縺泌茜逕ｨ譛滄俣</p>\n              </dt>\n              <dd className=\"column has-text-grey is-margin-right-3\">\n                {!hasGrade() ? (\n                  <div\n                    className={`is-size-4 input-warning ${styles.selectBoxBig} ${styles.notSelected}`}\n                    onClick={():void => showDialog('sp', 1)}\n                    data-gtm=\"gtm-newcar-detail-simulatorSP-start\"\n                  >\n                    縺泌茜逕ｨ譛滄俣繧帝∈謚槭＠縺ｦ縺上□縺輔＞\n                    <span className={styles.iconArrowRightGrey} />\n                  </div>\n                ) : (\n                  <div\n                    className={`input-inputted has-text-weight-semibold ${styles.textSimulationSelected} ${styles.selectBox} ${styles.selected}`}\n                    onClick={():void => showDialog('sp', 1)}\n                    data-gtm=\"gtm-newcar-detail-simulatorSP-term\"\n                  >\n                    {nowSelectTerm()}\n                    <span className={styles.simulationChangeButton}>螟画峩</span>\n                  </div>\n                )}\n              </dd>\n            </dl>\n\n            {/* 繧ｰ繝ｬ繝ｼ繝� */}\n            <dl className={`columns is-mobile is-padding-1 ${styles.itemWrap} ${!hasGrade() && styles.itemBgWhiteter}`}>\n              <dt className=\"column is-narrow has-text-weight-bold\">\n                <span />\n                <p className={styles.itemTitle}>繧ｰ繝ｬ繝ｼ繝�</p>\n              </dt>\n              <dd className=\"column has-text-grey is-margin-right-3\">\n                {!hasGrade() ? (\n                  <p className=\"is-padding-left-5\">譛ｪ驕ｸ謚�</p>\n                ) : (\n                  <div\n                    className={`input-inputted ${styles.selectBox} ${styles.selected}`}\n                    onClick={():void => showDialog('sp', 2)}\n                    data-gtm=\"gtm-newcar-detail-simulatorSP-grade\"\n                  >\n                    <strong className={`is-block has-text-weight-semibold ${styles.textSimulationSelected}`}>\n                      {nowSelectGrade()?.name}\n                    </strong>\n                    <small>{nowSelectGrade()?.sub}</small>\n                    <span className={styles.simulationChangeButton}>螟画峩</span>\n                  </div>\n                )}\n              </dd>\n            </dl>\n\n            {/* 繝懊ョ繧｣繧ｫ繝ｩ繝ｼ */}\n            <dl className={`columns is-mobile is-padding-1 ${styles.itemWrap} ${!hasGrade() && styles.itemBgWhiteter}`}>\n              <dt className=\"column is-narrow has-text-weight-bold\">\n                <span />\n                <p className={styles.itemTitle}>繝懊ョ繧｣繧ｫ繝ｩ繝ｼ</p>\n              </dt>\n              <dd className=\"column has-text-grey is-margin-right-3\">\n                {!hasGrade() ? (\n                  <p className=\"is-padding-left-5\">譛ｪ驕ｸ謚�</p>\n                ) : (\n                  <div\n                    className={`input-inputted ${styles.selectBox} ${hasBodyColor() ? styles.selected : styles.notSelected}`}\n                    onClick={():void => showDialog('sp', 3)}\n                    data-gtm=\"gtm-newcar-detail-simulatorSP-bodyColor\"\n                  >\n                    {!hasBodyColor() ? (\n                      <>\n                        <p>繝懊ョ繧｣繝ｼ繧ｫ繝ｩ繝ｼ繧帝∈謚�</p>\n                        <span className={styles.iconArrowRightGrey} />\n                      </>\n                    ) : (\n                      <div className=\"columns is-mobile is-vcentered\">\n                        <div className=\"column is-narrow is-flex is-padding-right-2\">\n                          <svg viewBox=\"0 0 30 30\" width=\"30\" height=\"30\" className={!nowSelectBodyColor()?.colorCode2 ? '' : 'is-hidden'}>\n                            <circle r=\"15\" cx=\"15\" cy=\"15\" fill={nowSelectBodyColor()?.colorCode1} stroke=\"#aaaaaa\" strokeWidth=\"0.5px\" />\n                          </svg>\n                          <div className={`${styles.simulator_two_colorchip} ${nowSelectBodyColor()?.colorCode2 ? '' : 'is-hidden'}`}>\n                            <svg viewBox=\"0 0 30 30\" width=\"30\" height=\"30\">\n                              <circle r=\"15\" cx=\"15\" cy=\"15\" fill={nowSelectBodyColor()?.colorCode1} stroke=\"#aaaaaa\" strokeWidth=\"0.5px\" />\n                            </svg>\n                            <svg viewBox=\"0 0 30 9\" width=\"30 \" height=\"9\" className={styles.simulator_above_colorchip}>\n                              <clipPath id=\"simulator_bodycolor_clip\">\n                                <rect x=\"0\" y=\"0\" width=\"30\" height=\"9\" />\n                              </clipPath>\n                              <circle r=\"15\" cx=\"15\" cy=\"15\" fill={nowSelectBodyColor()?.colorCode2} stroke=\"#aaaaaa\" strokeWidth=\"0.5px\" clipPath=\"url(#simulator_bodycolor_clip)\" />\n                            </svg>\n                          </div>\n                        </div>\n                        <span className={`column has-text-weight-semibold ${styles.textSimulationSelected}`}>{nowSelectBodyColor()?.bodyColorName}</span>\n                        <span className={styles.simulationChangeButton}>螟画峩</span>\n                      </div>\n                    )}\n                  </div>\n                )}\n                <div className={`is-size-6 is-padding-top-1 has-text-danger ${!simulationManagerStore.isResetBodyColor && 'is-hidden'}`}>繧ｰ繝ｬ繝ｼ繝峨�螟画峩縺ｫ繧医ｊ繝ｪ繧ｻ繝�ヨ縺輔ｌ縺ｾ縺励◆</div>\n              </dd>\n            </dl>\n\n            {/* 繧ｪ繝励す繝ｧ繝ｳ */}\n            <dl className={`columns is-mobile is-padding-1 ${styles.itemWrap} ${!hasGrade() && styles.itemBgWhiteter}`}>\n              <dt className=\"column is-narrow has-text-weight-bold\">\n                <span />\n                <p className={styles.itemTitle}>繧ｪ繝励す繝ｧ繝ｳ</p>\n              </dt>\n              <dd className=\"column has-text-grey is-margin-right-3\">\n                {!hasGrade() ? (\n                  <p className=\"is-padding-left-5\">譛ｪ驕ｸ謚�</p>\n                ) : (\n                  <div\n                    className={`input-inputted ${styles.selectBox} ${hasOption() && nowSelectOption() ? styles.selected : styles.notSelected}`}\n                    onClick={():void => showDialog('sp', 4)}\n                    data-gtm=\"gtm-newcar-detail-simulatorSP-option\"\n                  >\n                    {!hasOption() || !nowSelectOption() ? (\n                      <p>繧ｪ繝励す繝ｧ繝ｳ繧帝∈謚�</p>\n                    ) : (\n                      <p className={`has-text-weight-semibold ${styles.textSimulationSelected}`}>{nowSelectOption()}</p>\n                    )}\n                    <span className={styles.simulationChangeButton}>螟画峩</span>\n                  </div>\n                )}\n                <div className={`is-size-6 is-padding-top-1 has-text-danger ${!simulationManagerStore.isResetOption && 'is-hidden'}`}>繧ｰ繝ｬ繝ｼ繝峨�螟画峩縺ｫ繧医ｊ繝ｪ繧ｻ繝�ヨ縺輔ｌ縺ｾ縺励◆</div>\n              </dd>\n            </dl>\n\n            {/* 繝｡繝ｳ繝�リ繝ｳ繧ｹ繝励Λ繝ｳ */}\n            <dl className={`columns is-mobile is-padding-1 ${styles.itemWrap} ${!hasGrade() && styles.itemBgWhiteter}`}>\n              <dt className=\"column is-narrow has-text-weight-bold\">\n                <span />\n                <p className={styles.itemTitle}>繝｡繝ｳ繝�リ繝ｳ繧ｹ</p>\n              </dt>\n              <dd className=\"column has-text-grey is-margin-right-3\">\n                {!hasGrade() && (\n                  <p className=\"is-padding-left-5\">譛ｪ驕ｸ謚�</p>\n                )}\n                {hasGrade() && !isAvailableMaintenance() && (\n                  <div className={`is-size-4 input-warning ${styles.selectBox} ${styles.notSelected}`}>\n                    縺薙�霆顔ｨｮ縺ｧ縺ｯ縺泌茜逕ｨ縺�◆縺�縺代∪縺帙ｓ\n                  </div>\n                )}\n                {hasGrade() && isAvailableMaintenance() && (\n                  <div\n                    className={`input-inputted ${styles.selectBox} ${hasMaintenance() ? styles.selected : styles.notSelected}`}\n                    onClick={():void => showDialog('sp', 5)}\n                    data-gtm=\"gtm-newcar-detail-simulatorSP-MaintePlan\"\n                  >\n                    {!hasMaintenance() ? (\n                      <>\n                        <p>繝｡繝ｳ繝�リ繝ｳ繧ｹ繧帝∈謚�</p>\n                        <span className={styles.iconArrowRightGrey} />\n                      </>\n                    ) : (\n                      <div className=\"columns is-mobile is-vcentered\">\n                        {nowSelectMaintenance() !== '繝｡繝ｳ繝��繝ｩ繝ｳ縺ｪ縺�' && (\n                          <div className=\"column is-narrow is-flex is-padding-right-2\">\n                            <svg viewBox=\"0 0 30 30\" width=\"30\" height=\"30\">\n                              <circle r=\"15\" cx=\"15\" cy=\"15\" fill=\"#2c5488\" stroke=\"#aaaaaa\" strokeWidth=\"0.5px\" className={nowSelectMaintenance() !== '繝励Λ繝√リ繝｡繝ｳ繝��繝ｩ繝ｳ' ? 'is-hidden' : ''} />\n                              <circle r=\"15\" cx=\"15\" cy=\"15\" fill=\"#dfaf2e\" stroke=\"#aaaaaa\" strokeWidth=\"0.5px\" className={nowSelectMaintenance() !== '繧ｴ繝ｼ繝ｫ繝峨Γ繝ｳ繝��繝ｩ繝ｳ' ? 'is-hidden' : ''} />\n                              <circle r=\"15\" cx=\"15\" cy=\"15\" fill=\"#b2b2b2\" stroke=\"#aaaaaa\" strokeWidth=\"0.5px\" className={nowSelectMaintenance() !== '繧ｷ繝ｫ繝舌�繝｡繝ｳ繝��繝ｩ繝ｳ' ? 'is-hidden' : ''} />\n                            </svg>\n                          </div>\n                        )}\n                        <span className={`column has-text-weight-semibold ${styles.textSimulationSelected}`}>{nowSelectMaintenance()}</span>\n                        <span className={styles.simulationChangeButton}>螟画峩</span>\n                      </div>\n                    )}\n                  </div>\n                )}\n                <div className={`is-size-6 is-padding-top-1 has-text-danger ${!simulationManagerStore.isResetOption && 'is-hidden'}`}>繧ｰ繝ｬ繝ｼ繝峨�螟画峩縺ｫ繧医ｊ繝ｪ繧ｻ繝�ヨ縺輔ｌ縺ｾ縺励◆</div>\n                <div className={`is-size-6 is-padding-top-1 has-text-danger ${!simulationManagerStore.isResetMaintenance && 'is-hidden'}`}>繝ｪ繝ｼ繧ｹ譛滄俣縺ｮ螟画峩縺ｫ繧医ｊ驕ｸ謚櫁ｧ｣髯､縺輔ｌ縺ｾ縺励◆</div>\n              </dd>\n            </dl>\n          </div>\n\n          {/* 蜷郁ｨ磯≡鬘� */}\n          <div className={`is-padding-3 is-padding-top-5 is-padding-bottom-5 ${styles.priceWrap}`}>\n            <div className=\"columns is-mobile\">\n              <div className=\"column\">\n                <h3 className=\"title is-5 has-text-black-ter is-margin-bottom-3\">縺企∈縺ｳ縺ｮ繝励Λ繝ｳ蜷郁ｨ磯≡鬘�</h3>\n              </div>\n            </div>\n            <div className=\"columns is-mobile\">\n              <div className=\"column\">\n                <div>\n                  <dl className=\"columns is-mobile is-vcentered is-size-6\">\n                    <dt className={`column is-narrow ${styles.width4_5rem}`}>騾壼ｸｸ萓｡譬ｼ</dt>\n                    <dd className=\"column is-narrow\">\n                      <div className=\"columns is-mobile is-vcentered\">\n                        <div className={`column is-size-7 is-narrow has-text-right is-margin-right-3 ${styles.textUpRight} ${styles.width2rem}`}>\n                          譛磯｡構n                        </div>\n                        <div className=\"column is-narrow\">\n                          <strong className={`is-size-3 ${hasGrade() ? 'is-strikethrou' : ''}`}>{hasGrade() ? nowSelectNomalPrice() : '---,--- '}</strong>\n                          蜀�(遞手ｾｼ)\n                        </div>\n                      </div>\n                    </dd>\n                  </dl>\n                  <div className={`${styles.priceTrico} ${styles.isTablet}`} />\n                  <dl className=\"columns is-mobile is-vcentered is-size-6\">\n                    <dt className={`column is-narrow has-text-weight-bold is-line-height-small ${styles.priceColorBlue} ${styles.width4_5rem}`}>\n                      繝阪ャ繝亥牡\n                      <br />\n                      驕ｩ逕ｨ蠕御ｾ｡譬ｼ\n                    </dt>\n                    <dd className=\"column is-narrow\">\n                      <div className=\"columns is-mobile is-vcentered\">\n                        <div className={`column is-size-7 is-narrow has-text-right is-margin-right-3 has-text-weight-semibold ${styles.textUpRight} ${styles.width2rem}`}>\n                          譛磯｡構n                        </div>\n                        <div className=\"column is-narrow\">\n                          <strong className={`${styles.priceColorBlue} is-size-2`}>\n                            {nowSelectDiscountPrice()}\n                            {' '}\n                          </strong>\n                          <span className=\"has-text-weight-semibold\">蜀�(遞手ｾｼ)</span>\n                        </div>\n                      </div>\n                    </dd>\n                  </dl>\n                </div>\n              </div>\n              <div className=\"is-flex has_vertical_centered\">\n                <img\n                  src={thumbnailUrl}\n                  width=\"80\"\n                  height=\"45\"\n                  alt=\"霆顔判蜒十"\n                  decoding=\"async\"\n                />\n              </div>\n            </div>\n\n            <div className=\"has-text-right is-margin-top-3 is-flex is-hidden-desktop is-hidden-mobile is-hidden-touch\">\n              <span className={`${styles.balloonCampaign}`}>\n                <span className={`is-relative ${styles.balloonCampaignItem}`}>辟｡譁呻ｼ�5蛻�〒縺九ｓ縺溘ｓ縺顔筏縺苓ｾｼ縺ｿ</span>\n              </span>\n            </div>\n            <div className={`${styles.naviPlanBalloon}`}>\n              譛€螟ｧ\n              <span className={`${styles.naviPlanText}`}>\n                3荳��\n              </span>\n              蛻�ｽ薙◆繧具ｼ√く繝｣繝ｳ繝壹�繝ｳ蟇ｾ雎｡\n            </div>\n\n            <div className=\"columns is-mobile has-text-centered\">\n              {/* CTA繝懊ち繝ｳ */}\n              <div className=\"column\" ref={ctaButton}>\n                <button\n                  type=\"button\"\n                  className={`\n                    button is-large is-size-4 is-full-width has-text-white \n                    ${hasGrade() ? `${styles.blueButton}` : `${styles.blueButton} ${styles.isDisabled}`}\n                  `}\n                  onClick={() => goToEntryForm()}\n                >\n                  <strong>縺ｾ縺壹�縺願ｩｦ縺励〒蟇ｩ譟ｻ縺ｫ逕ｳ霎ｼ繧€</strong>\n                  <span className={styles.iconArrowRightBig} />\n                </button>\n                <p className=\"is-size-7 is-inline-desktop is-block-touch is-margin-top-1\">\n                  窶ｻ蟇ｩ譟ｻ逕ｳ霎ｼ縺ｿ縺ｯ螂醍ｴ�〒縺ｯ縺ゅｊ縺ｾ縺帙ｓ\n                </p>\n              </div>\n            </div>\n          </div>\n        </Card>\n      )}\n    </Observer>\n  );\n};\n\nexport default PlanSP;\n","/* eslint-disable @typescript-eslint/naming-convention */\nexport const PlanTitle = {\n  SIMPLE: '繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ',\n  OSUSUME: '縺翫☆縺吶ａ繝励Λ繝ｳ',\n  YOKUBARI: '繧医￥縺ｰ繧翫�繝ｩ繝ｳ',\n  ORIGINAL: '繧ｪ繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ',\n};\n\nexport const PlanTitleToId = (title: string): keyof typeof PlanTitle => {\n  const [planId] = Object.entries(PlanTitle).find((item) => item[1] === title) ?? [];\n  return (planId ?? 'ORIGINAL') as keyof typeof PlanTitle;\n};\n","// extracted by mini-css-extract-plugin\nexport const isMarginTop3rem = \"PlanPC-module--is-margin-top-3rem--tfjf8\";\nexport const bandSizeSmall = \"PlanPC-module--band-size-small--28llC\";\nexport const isPaddingBottomLarge = \"PlanPC-module--is-padding-bottom-large--o5Tyx\";\nexport const isFlex = \"PlanPC-module--is-flex--td_7S\";\nexport const band = \"PlanPC-module--band--1gASp\";\nexport const topBubble = \"PlanPC-module--top-bubble--Vd5wY\";\nexport const nextStepBtnWrap = \"PlanPC-module--next-step-btn-wrap--2Nck0\";\nexport const nextStepBtn = \"PlanPC-module--next-step-btn--2b7zf\";\nexport const customizeBtnWrap = \"PlanPC-module--customize-btn-wrap--zgasE\";\nexport const customizeBtn = \"PlanPC-module--customize-btn--390LQ\";\nexport const inner = \"PlanPC-module--inner--vzCla\";\nexport const detailBtnWrap = \"PlanPC-module--detailBtnWrap--2JEg4\";\nexport const arrowBlack = \"PlanPC-module--arrow-black--1mkLL\";\nexport const price = \"PlanPC-module--price--1jKKr\";\nexport const minHeight3_5rem = \"PlanPC-module--min-height-3_5rem--1oDsW\";","import React, { FC, useContext, useState } from 'react';\nimport { useLocation } from '@reach/router';\nimport arrowWhite from '@/newcar/ui/detail/img/arrow-white.svg';\nimport { PlanTitleToId, PlanTitle } from '@/newcar/core/model/plan';\nimport { ModeType } from '@/newcar/util/const/dialogMode';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport SimulationResultManagerStoreContext from '@/newcar/ui/common/context/SimulationResultManagerStoreContext';\nimport InterruptionStoreContext from '@/newcar/ui/common/context/InterruptionStoreContext';\nimport { Observer } from 'mobx-react-lite';\n\nimport * as styles from '@/newcar/ui/detail/organism/PlanPC.module.styl';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport CARMO_CONST from '@/common/util/const';\nimport { navigate } from 'gatsby';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\n\ntype PlanPCProps = {\n  title: string;\n  onClickCustomizePlan: (\n    dialogode: ModeType,\n    planID: NEWCAR_CONST.SIMULATION_PLAN.ID\n    )=>void;\n  classname?: string;\n  isOriginal?: boolean;\n  openSavedPlanModal?: ()=>void;\n}\n\nconst PlanPC:FC<PlanPCProps> = ({\n  title, onClickCustomizePlan, classname, isOriginal, openSavedPlanModal,\n}) => {\n  const location = useLocation();\n\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n  const simulationResultManagerStore = useContext(SimulationResultManagerStoreContext);\n  const interruptionStore = useContext(InterruptionStoreContext);\n\n  const [isSaved, setIsSaved] = useState(false);\n\n  const hasGrade = () => {\n    if (!simulationManagerStore.isOldSimulation) {\n      const list = simulationManagerStore.nowSelectGrade;\n      return (list !== undefined);\n    }\n    // 菫晏ｭ俶ｸ医∩繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ縺溘ａ蟶ｸ縺ｫtrue\n    return true;\n  };\n\n  interface PlanProps {\n    gradeName?: string,\n    option?: string,\n    color?:string,\n    maintenance?: string,\n    price?:number,\n    term?:NEWCAR_CONST.TERM.ID\n  }\n\n  // 繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ邉ｻ諠��ｱ蜿門ｾ予n  const simplePlan = (): PlanProps => simulationManagerStore.nowSimpleSelection;\n  const simplePlanPrice = (): string => {\n    const result = simulationManagerStore.nowSimpleSelection;\n    return CARMO_CONST.COMMA_FORMAT(result.price);\n  };\n\n  // 縺翫☆縺吶ａ繝励Λ繝ｳ邉ｻ諠��ｱ蜿門ｾ予n  const recommendPlan = (): PlanProps => simulationManagerStore.nowRecommendSelection;\n  const recommendPlanPrice = (): string => {\n    const result = simulationManagerStore.nowRecommendSelection;\n    return CARMO_CONST.COMMA_FORMAT(result.price);\n  };\n\n  // 繧医￥縺ｰ繧翫�繝ｩ繝ｳ邉ｻ諠��ｱ蜿門ｾ予n  const richPlan = (): PlanProps => simulationManagerStore.nowRichSelection;\n  const richPlanPrice = (): string => {\n    const result = simulationManagerStore.nowRichSelection;\n    return CARMO_CONST.COMMA_FORMAT(result.price);\n  };\n\n  // 繧ｪ繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ邉ｻ諠��ｱ蜿門ｾ予n  const originalPlan = (): PlanProps => {\n    if (typeof window === 'undefined') {\n      // 繝薙Ν繝画凾縺ｫ繝励Λ繝ｳ諠��ｱ縺瑚ｨｭ螳壹＆繧後ｋ縺ｨ諢丞峙縺励↑縺�嫌蜍輔↓縺ｪ繧九◆繧√€√ン繝ｫ繝画凾縺ｯ遨ｺ繧ｪ繝悶ず繧ｧ繧ｯ繝医ｒ霑斐☆\n      return {};\n    }\n    if (!simulationManagerStore.isOldSimulation) {\n      return simulationManagerStore.nowOriginalSelection;\n    }\n    return simulationResultManagerStore.oldOriginalSelection;\n  };\n  const originalPrice = (): string => {\n    if (!simulationManagerStore.isOldSimulation) {\n      const result = simulationManagerStore.nowOriginalSelection;\n      return CARMO_CONST.COMMA_FORMAT(result.price);\n    }\n    const result = simulationResultManagerStore.oldOriginalSelection;\n    return CARMO_CONST.COMMA_FORMAT(result.price);\n  };\n\n  const goToEntryForm = (plan: string) => {\n    // 逕ｳ縺苓ｾｼ縺ｿ縺ｸ騾ｲ繧薙□蜀�ｮｹ繧定ｨ倬鹸\n    Object.entries(NEWCAR_CONST.SIMULATION_PLAN.NAME).forEach(([key, value]) => {\n      if (value === plan) {\n        interruptionStore.addItem(simulationManagerStore, Number(key));\n      }\n    });\n\n    // 繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ螻･豁ｴ繧剃ｿ晏ｭ禄n    if (simulationManagerStore.nowCar) {\n      simulationManagerStore.changeUserSelect(simulationManagerStore.nowCar);\n    }\n\n    if (plan === NEWCAR_CONST.SIMULATION_PLAN.NAME[NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL]) {\n      if (!simulationManagerStore.isOldSimulation) {\n        if (!hasGrade()) {\n          simulationManagerStore.nowCarToUndefined();\n        }\n        simulationManagerStore.saveEntryBreakdown(NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL);\n        navigate(NEWCAR_DEFINE.PATH.FORM_CONTACT_INFO);\n      } else if (simulationResultManagerStore.nowSimulation) {\n        simulationResultManagerStore.saveEntryBreakdownFromSimulationResult(\n          simulationResultManagerStore.nowSimulation,\n        );\n        navigate(NEWCAR_DEFINE.PATH.FORM_CONTACT_INFO);\n      }\n    } else if (plan === NEWCAR_CONST.SIMULATION_PLAN.NAME[NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE]) {\n      // 繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ\n      simulationManagerStore.saveEntryBreakdown(NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE);\n      navigate(NEWCAR_DEFINE.PATH.FORM_CONTACT_INFO);\n    } else if (plan === NEWCAR_CONST.SIMULATION_PLAN.NAME[\n      NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND]) {\n      // 縺翫☆縺吶ａ繝励Λ繝ｳ\n      simulationManagerStore.saveEntryBreakdown(NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND);\n      navigate(NEWCAR_DEFINE.PATH.FORM_CONTACT_INFO);\n    } else if (plan === NEWCAR_CONST.SIMULATION_PLAN.NAME[NEWCAR_CONST.SIMULATION_PLAN.ID.RICH]) {\n      // 繧医￥縺ｰ繧翫�繝ｩ繝ｳ\n      simulationManagerStore.saveEntryBreakdown(NEWCAR_CONST.SIMULATION_PLAN.ID.RICH);\n      navigate(NEWCAR_DEFINE.PATH.FORM_CONTACT_INFO);\n    }\n  };\n\n  // 繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ邨先棡繧剃ｿ晏ｭ禄n  const onClickSave = () => {\n    simulationResultManagerStore.addSimulation({\n      customerSelection: simulationManagerStore.nowCustomerSelection,\n      carDigest: simulationManagerStore.nowCarDigest,\n      grade: simulationManagerStore.nowGrade,\n      bodyColor: simulationManagerStore.nowSimulationBodyColor,\n      totalPrice: simulationManagerStore.nowSelectPrice,\n      optionstring: simulationManagerStore.nowSelectOption,\n      option: simulationManagerStore.nowSimulationOpstions,\n    });\n    // 繝代Λ繝｡繝ｼ繧ｿ繧貞､画峩\n    if (window && !/s1=/.test(location.search)) {\n      const paramstring = simulationManagerStore.urlParams;\n      if (paramstring) {\n        if (location.pathname.slice(-1) === '/') {\n          window.history.replaceState(null, '', `${location.pathname}?${paramstring}&s1=1`);\n        } else {\n          window.history.replaceState(null, '', `${location.pathname}/?${paramstring}&s1=1`);\n        }\n      }\n    }\n    setIsSaved(true);\n    if (openSavedPlanModal) openSavedPlanModal();\n  };\n\n  return (\n    <Observer>\n      {() => {\n        let planName = '';\n        let plan: PlanProps = {};\n        let price = '';\n        let gtmCta = '';\n        let gtmCustom = '';\n        switch (title) {\n          case PlanTitle.SIMPLE:\n            planName = NEWCAR_CONST.SIMULATION_PLAN.NAME[NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE];\n            price = simplePlanPrice();\n            plan = simplePlan();\n            gtmCta = 'gtm-newcar-detail-simulatorPC-simplePlanCTABtn';\n            gtmCustom = 'gtm-newcar-detail-simulatorPC-simplePlanCcustomBtn';\n            break;\n          case PlanTitle.OSUSUME:\n            planName = NEWCAR_CONST.SIMULATION_PLAN.NAME[NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND];\n            price = recommendPlanPrice();\n            plan = recommendPlan();\n            gtmCta = 'gtm-newcar-detail-simulatorPC-recommendPlanCTABtn';\n            gtmCustom = 'gtm-newcar-detail-simulatorPC-recommendPlanCcustomBtn';\n            break;\n          case PlanTitle.YOKUBARI:\n            planName = NEWCAR_CONST.SIMULATION_PLAN.NAME[NEWCAR_CONST.SIMULATION_PLAN.ID.RICH];\n            price = richPlanPrice();\n            plan = richPlan();\n            gtmCta = 'gtm-newcar-detail-simulatorPC-richPlanCTABtn';\n            gtmCustom = 'gtm-newcar-detail-simulatorPC-richPlanCcustomBtn';\n            break;\n          case PlanTitle.ORIGINAL:\n            planName = NEWCAR_CONST.SIMULATION_PLAN.NAME[NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL];\n            price = originalPrice();\n            plan = originalPlan();\n            gtmCta = 'gtm-newcar-detail-simulatorPC-originalPlanCTABtn';\n            gtmCustom = 'gtm-newcar-detail-simulatorPC-originalPlanCcustomBtn';\n            break;\n          default:\n            break;\n        }\n        const data = {\n          planName,\n          price,\n          grade: plan.gradeName,\n          color: plan.color,\n          option: plan.option,\n          maintenance: plan.maintenance,\n          term: plan.term,\n        };\n\n        return (\n          <div className={`column ${styles.isFlex} ${classname}`}>\n            <div className={`card is-margin-bottom-5 has-background-white is-padding-4 is-padding-top-0 ${styles.isPaddingBottomLarge}`}>\n              <div className={`has-background-primary ${styles.band} ${styles.bandSizeSmall}`} />\n              <div className=\"is-padding-top-4\">\n                <div className={`columns ${styles.topBubble}`}>\n                  {title === PlanTitle.OSUSUME && (\n                  <>\n                    <p className=\"is-size-7 has-background-white has-text-primary has-text-weight-semibold\">繧ｫ繝ｼ繝翫ン莉�</p>\n                    {!simulationManagerStore.nowRecommendSelection.isNotApplicable && (\n                      <p className=\"is-size-7 has-background-white has-text-primary has-text-weight-semibold\">繧ｴ繝ｼ繝ｫ繝峨Γ繝ｳ繝�</p>\n                    )}\n                  </>\n                  )}\n                  {title === PlanTitle.YOKUBARI && (\n                  <>\n                    <p className=\"is-size-7 has-background-white has-text-primary has-text-weight-semibold\">繝上う繧ｰ繝ｬ繝ｼ繝芽ｻ�</p>\n                    <p className=\"is-size-7 has-background-white has-text-primary has-text-weight-semibold\">蜈�ｮ溯｣�ｙ</p>\n                    {!simulationManagerStore.nowRecommendSelection.isNotApplicable && (\n                      <p className=\"is-size-7 has-background-white has-text-primary has-text-weight-semibold\">繧ｴ繝ｼ繝ｫ繝峨Γ繝ｳ繝�</p>\n                    )}\n                  </>\n                  )}\n                  {title === PlanTitle.ORIGINAL && (\n                  <p className=\"is-size-7 has-background-white has-text-primary has-text-weight-semibold\">縺薙□繧上ｊ豢ｾ</p>\n                  )}\n                </div>\n\n                <h3 className=\"has-text-primary is-size-3 has-text-centered has-text-weight-semibold is-padding-bottom-2\">\n                  {title}\n                </h3>\n\n                <div className={`is-margin-bottom-3 ${styles.minHeight3_5rem}`}>\n                  <div className={data.grade ?? 'is-hidden'}>\n                    <div className=\"columns is-vcentered\">\n                      <p className=\"column is-size-7\">\n                        <span className=\"is-block has-text-weight-semibold\">\n                          {data.term}\n                          蟷ｴ雉�ｲｸ譛磯｡榊ｮ夐｡構n                        </span>\n                        <span className=\"is-block has-text-grey\">(繝阪ャ繝亥牡驕ｩ逕ｨ蠕�)</span>\n                      </p>\n                      <p className={`column has-text-weight-semibold ${styles.price} is-padding-left-1 is-padding-right-1`}>\n                        {data.price}\n                      </p>\n                      <p className=\"column is-narrow is-size-7 has-text-grey\">\n                        蜀�€彌n                      </p>\n                    </div>\n                    <p className=\"is-size-7 has-text-centered has-text-primary\">鬆ｭ驥代�繝懊�繝翫せ謇輔＞0蜀� 豕募ｮ夊ｲｻ逕ｨ繝ｻ謇区焚譁吶さ繝�</p>\n                  </div>\n                  <div className={data.grade ? 'is-hidden' : ''}>\n                    <p className=\"is-size-6 is-padding-top-3\">繧ｫ繝ｩ繝ｼ繧り｣�ｙ繧ゅ→縺薙→繧薙％縺�繧上ｊ縺溘＞縺雁ｮ｢讒倥�縺薙■繧峨°繧�</p>\n                  </div>\n                </div>\n\n                <div className={styles.nextStepBtnWrap}>\n                  {!isOriginal || data.grade ? (\n                    <button\n                      className={`button is-link is-full-width is-medium has-text-weight-semibold ${styles.nextStepBtn}`}\n                      type=\"button\"\n                      data-gtm={gtmCta}\n                      onClick={() => goToEntryForm(data.planName)}\n                    >\n                      縺�∪縺吶＄蟇ｩ譟ｻ繝ｻ蝠�ｫ�↓騾ｲ繧€\n                      <img src={arrowWhite} alt=\"逋ｽ遏｢蜊ｰ\" />\n                    </button>\n                  ) : (\n                    <button\n                      className={`button is-primary is-full-width is-medium has-text-weight-semibold ${styles.nextStepBtn}`}\n                      type=\"button\"\n                      data-gtm=\"gtm-newcar-detail-simulatorPC-makePlanBtn\"\n                      onClick={():void => {\n                        onClickCustomizePlan('all', NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL);\n                      }}\n                    >\n                      繝励Λ繝ｳ繧剃ｽ懊ｋ\n                      <img src={arrowWhite} alt=\"逋ｽ遏｢蜊ｰ\" />\n                    </button>\n                  )}\n                </div>\n\n                <dl className={`${styles.inner}`}>\n                  <dt className=\"is-size-7 has-background-white has-text-weight-semibold\">繧ｰ繝ｬ繝ｼ繝�</dt>\n                  <dd className=\"is-size-6 has-text-grey\">\n                    {data.grade}\n                    <span className={data.grade ? 'is-hidden' : ''}>譛ｪ驕ｸ謚�</span>\n                  </dd>\n                </dl>\n                <dl className={`${styles.inner} ${data.color ?? 'is-hidden'}`}>\n                  <dt className=\"is-size-7 has-background-white has-text-weight-semibold\">繧ｫ繝ｩ繝ｼ</dt>\n                  <dd className=\"is-size-6 has-text-grey\">\n                    {data.color}\n                  </dd>\n                </dl>\n                <dl className={`${styles.inner}`}>\n                  <dt className=\"is-size-7 has-background-white has-text-weight-semibold\">繧ｪ繝励す繝ｧ繝ｳ陬�ｙ</dt>\n                  <dd className=\"is-size-6 has-text-grey\">\n                    {data.option}\n                    <span className={data.option ? 'is-hidden' : ''}>譛ｪ驕ｸ謚�</span>\n                  </dd>\n                </dl>\n                <dl className={`${styles.inner}`}>\n                  <dt className=\"is-size-7 has-background-white has-text-weight-semibold\">繝｡繝ｳ繝�リ繝ｳ繧ｹ繝励Λ繝ｳ</dt>\n                  <dd className=\"is-size-6 has-text-grey\">\n                    {data.maintenance}\n                    <span className={data.maintenance ? 'is-hidden' : ''}>譛ｪ驕ｸ謚�</span>\n\n                  </dd>\n                </dl>\n\n                <div className={`${styles.customizeBtnWrap} ${data.grade ?? 'is-hidden'}`}>\n                  <div className=\"has-text-centered\">\n                    <button\n                      className={`button is-full-width has-text-grey ${styles.customizeBtn}`}\n                      type=\"button\"\n                      data-gtm={gtmCustom}\n                      onClick={():void => {\n                        const id = PlanTitleToId(title);\n                        switch (id) {\n                          case 'ORIGINAL':\n                            onClickCustomizePlan('all', NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL);\n                            break;\n                          case 'YOKUBARI':\n                            onClickCustomizePlan('bodyColorAndOption', NEWCAR_CONST.SIMULATION_PLAN.ID.RICH);\n                            break;\n                          case 'OSUSUME':\n                            onClickCustomizePlan('bodyColorAndOption', NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND);\n                            break;\n                          case 'SIMPLE':\n                            onClickCustomizePlan('bodyColorAndOption', NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE);\n                            break;\n                          default:\n                            break;\n                        }\n                        setIsSaved(false);\n                      }}\n                    >\n                      縺薙�繝励Λ繝ｳ繧偵き繧ｹ繧ｿ繝槭う繧ｺ\n                    </button>\n                  </div>\n                  {title === PlanTitle.ORIGINAL && (\n                    <div className=\"has-text-centered\">\n                      <button\n                        type=\"button\"\n                        className={`button is-full-width has-text-grey is-margin-top-3 ${styles.customizeBtn}`}\n                        data-gtm=\"gtm-newcar-detail-simulatorPC-isSaved\"\n                        onClick={():void => onClickSave()}\n                        disabled={isSaved}\n                      >\n                        {isSaved ? '菫晏ｭ俶ｸ�' : '邨先棡繧偵�繧､繝励Λ繝ｳ縺ｨ縺励※菫晏ｭ�'}\n                      </button>\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        );\n      }}\n    </Observer>\n  );\n};\n\nexport default PlanPC;\n","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMjQwMDAwOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSLjgrDjg6vjg7zjg5dfMTAwNjQiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDEwMDY0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDE0IC03MjIpIj4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMjAzMjgiIGRhdGEtbmFtZT0i44OR44K5IDIwMzI4IiBjbGFzcz0iY2xzLTEiIGQ9Ik0xMSwwQTExLDExLDAsMSwxLDAsMTEsMTEsMTEsMCwwLDEsMTEsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQxNCA3MjIpIi8+CiAgICA8ZyBpZD0iaWNvbl9hbGxvd19yaWdodF9ibGFjayIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODkuOTk2IDEzMi40ODkpIj4KICAgICAgPHBhdGggaWQ9IuODkeOCuV82NDQ3IiBkYXRhLW5hbWU9IuODkeOCuSA2NDQ3IiBjbGFzcz0iY2xzLTIiIGQ9Ik02NjEuNywxMDEuOTQ3YTEuMDEsMS4wMSwwLDAsMS0uNzE0LTEuNzI0bDUuMzI0LTUuMzI0LTUuMzI0LTUuMzI0YTEuMDEsMS4wMSwwLDAsMSwxLjQyOC0xLjQyOGw2Ljc1Myw2Ljc1My02Ljc1Myw2Ljc1M0ExLjAwNywxLjAwNywwLDAsMSw2NjEuNywxMDEuOTQ3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMyOS42ODQgNTA1LjY2MSkiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=\"","// extracted by mini-css-extract-plugin\nexport const dialogWrap = \"PlanDialog-module--dialog-wrap--Q1Jkl\";\nexport const dialog = \"PlanDialog-module--dialog--3Qo8W\";\nexport const height100 = \"PlanDialog-module--height100--ONH8G\";\nexport const stepPadding = \"PlanDialog-module--step-padding--3Z1y3\";\nexport const dialogToTop = \"PlanDialog-module--dialog-to-top--rk1Mc\";\nexport const dialogClose = \"PlanDialog-module--dialog-close--1Dssl\";\nexport const redBand = \"PlanDialog-module--red-band--194Ac\";\nexport const scrollContent = \"PlanDialog-module--scroll-content--1kZY9\";\nexport const stepWrap = \"PlanDialog-module--step-wrap--30vmh\";\nexport const stepWrapSmall = \"PlanDialog-module--step-wrap-small--2Rh0-\";\nexport const yetStep = \"PlanDialog-module--yet-step--1st4G\";\nexport const nowStep = \"PlanDialog-module--now-step--51I3X\";\nexport const endStep = \"PlanDialog-module--end-step--2Cc1d\";\nexport const headerTitle = \"PlanDialog-module--header-title--2vQUH\";\nexport const closeBtn = \"PlanDialog-module--close-btn--BI9x5\";\nexport const helpBtn = \"PlanDialog-module--help-btn--2jNXm\";\nexport const isLeaseTerm = \"PlanDialog-module--is-lease-term--SYi7c\";\nexport const iconArrowPosition = \"PlanDialog-module--icon-arrow-position--3yEpr\";\nexport const helpSupportItems = \"PlanDialog-module--help-support-items--37hlW\";\nexport const popupPosition = \"PlanDialog-module--popup-position--24lSZ\";\nexport const popupContent = \"PlanDialog-module--popup-content--2WMAH\";\nexport const popupContentHalf = \"PlanDialog-module--popup-content-half--1aA4B\";\nexport const aboutIcon = \"PlanDialog-module--about-icon--F2opc\";\nexport const closeButton = \"PlanDialog-module--close-button--3QC82\";\nexport const contentContainer = \"PlanDialog-module--content-container--3caiQ\";\nexport const contentView = \"PlanDialog-module--content-view--NfNmD\";\nexport const content = \"PlanDialog-module--content--3hqPx\";\nexport const showContent1 = \"PlanDialog-module--show-content1--2ITYR\";\nexport const showContent2 = \"PlanDialog-module--show-content2--276PF\";\nexport const showContent3 = \"PlanDialog-module--show-content3--2glRy\";\nexport const showContent4 = \"PlanDialog-module--show-content4--6gm9o\";\nexport const showContent5 = \"PlanDialog-module--show-content5--3yxo_\";\nexport const showContent6 = \"PlanDialog-module--show-content6--3Ic3R\";\nexport const inputLease = \"PlanDialog-module--input-lease--HUk92\";\nexport const decreaseBtn = \"PlanDialog-module--decrease-btn--29rC7\";\nexport const increaseBtn = \"PlanDialog-module--increase-btn--3S2-H\";\nexport const gradeBox = \"PlanDialog-module--grade-box--2lx6a\";\nexport const gradeBoxSelected = \"PlanDialog-module--grade-box-selected--2Fw1X\";\nexport const gradeIconUl = \"PlanDialog-module--grade-icon-ul--3t-nl\";\nexport const kudou = \"PlanDialog-module--kudou--1X1Ym\";\nexport const kudouSelected = \"PlanDialog-module--kudou-selected--2In2a\";\nexport const bodycolorBox = \"PlanDialog-module--bodycolor-box--xozMU\";\nexport const bodycolorBoxSelected = \"PlanDialog-module--bodycolor-box-selected--1irOs\";\nexport const colorCircleWrap = \"PlanDialog-module--color-circle-wrap--1ASZp\";\nexport const optionBox = \"PlanDialog-module--option-box--3jzAC\";\nexport const optionBoxSelected = \"PlanDialog-module--option-box-selected--fa13N\";\nexport const underline = \"PlanDialog-module--underline--16OHT\";\nexport const osusumeLabel = \"PlanDialog-module--osusume-label--QaBso\";\nexport const maintenanceBox = \"PlanDialog-module--maintenance-box--1PD5n\";\nexport const maintenanceBoxSelected = \"PlanDialog-module--maintenance-box-selected--1gXfc\";\nexport const mainteplanIcon = \"PlanDialog-module--mainteplan-icon--2MYPA\";\nexport const maintePlatinum = \"PlanDialog-module--mainte-platinum--1RrhA\";\nexport const mainteGold = \"PlanDialog-module--mainte-gold--1oXtd\";\nexport const mainteSilver = \"PlanDialog-module--mainte-silver--1s-dW\";\nexport const mainteWihite = \"PlanDialog-module--mainte-wihite--1EJIq\";\nexport const plus = \"PlanDialog-module--plus--3_a8x\";\nexport const overview = \"PlanDialog-module--overview--1xljG\";\nexport const maintenanceTableHead = \"PlanDialog-module--maintenance-table-head--nAbAr\";\nexport const maintenanceTableBody = \"PlanDialog-module--maintenance-table-body--NPpaY\";\nexport const verticalAlignTextTop = \"PlanDialog-module--vertical-align-text-top--99W17\";\nexport const footer = \"PlanDialog-module--footer--1NyJi\";\nexport const isSp = \"PlanDialog-module--is-sp--tmbHL\";\nexport const bottomButtonWrap = \"PlanDialog-module--bottom-button-wrap--3Af2r\";\nexport const backButton = \"PlanDialog-module--back-button--28qdZ\";\nexport const scrim = \"PlanDialog-module--scrim--3zIFq\";\nexport const gradeEngine = \"PlanDialog-module--grade-engine--3DA-u\";\nexport const isBlack = \"PlanDialog-module--is-black--2a8uC\";\nexport const isBlue = \"PlanDialog-module--is-blue--1aXRO\";\nexport const leaseContents = \"PlanDialog-module--lease-contents--HmVfX\";\nexport const leaseLabel = \"PlanDialog-module--lease-label--3HPgf\";\nexport const leaseLabelPrice = \"PlanDialog-module--lease-label-price--sKR5E\";\nexport const leaseBox = \"PlanDialog-module--lease-box--nsfZC\";\nexport const leaseBoxSelected = \"PlanDialog-module--lease-box-selected--QjvkQ\";\nexport const radioRow = \"PlanDialog-module--radio-row--21LH9\";\nexport const isEngine = \"PlanDialog-module--is-engine--2FI1W\";\nexport const isWd = \"PlanDialog-module--is-wd--pAPOk\";\nexport const isMission = \"PlanDialog-module--is-mission--36-ZO\";\nexport const gradeHeader = \"PlanDialog-module--grade-header--2V6Kk\";\nexport const mainteHeader = \"PlanDialog-module--mainte-header--1Y9lK\";\nexport const checkboxContainer = \"PlanDialog-module--checkbox-container--3YciR\";\nexport const checkboxRow = \"PlanDialog-module--checkbox-row--hdU1-\";\nexport const optionNoticeContainer = \"PlanDialog-module--option-notice-container--3d7Zq\";\nexport const isGrade = \"PlanDialog-module--is-grade--3gdnr\";\nexport const gradeName = \"PlanDialog-module--grade-name--1BvOz\";\nexport const recommend = \"PlanDialog-module--recommend--35cOM\";\nexport const labels = \"PlanDialog-module--labels--7HKiX\";\nexport const disabled = \"PlanDialog-module--disabled--2cEvo\";\nexport const gradeColors = \"PlanDialog-module--grade-colors--2PGlO\";\nexport const gradeEngineTypeContainer = \"PlanDialog-module--grade-engine-type-container--1GXh0\";\nexport const gradeEquipmentContainer = \"PlanDialog-module--grade-equipment-container--1ECVK\";\nexport const gradeEquipmentName = \"PlanDialog-module--grade-equipment-name--2Uz8f\";\nexport const gradeEquipmentTip = \"PlanDialog-module--grade-equipment-tip--1ozib\";\nexport const gradeStepItemContainer = \"PlanDialog-module--grade-step-item-container--3t4MD\";\nexport const gradeStepItemName = \"PlanDialog-module--grade-step-item-name--3H6kO\";\nexport const gradeStepItemContent = \"PlanDialog-module--grade-step-item-content--lJ4w7\";\nexport const gradeStepItemHelp = \"PlanDialog-module--grade-step-item-help--2krj4\";\nexport const priceColorBlue = \"PlanDialog-module--price-color-blue--2UBhp\";","// extracted by mini-css-extract-plugin\nexport const content = \"ModalSP-module--content--gH3rr\";\nexport const radioRow = \"ModalSP-module--radio-row--zNhfz\";\nexport const gradeHeader = \"ModalSP-module--grade-header--z999W\";\nexport const mainteHeader = \"ModalSP-module--mainte-header--1Le-W\";\nexport const isLarge = \"ModalSP-module--is-large--Gdrdk\";\nexport const checkboxRow = \"ModalSP-module--checkbox-row--1hnPS\";\nexport const isGrade = \"ModalSP-module--is-grade--1Tywc\";\nexport const recommend = \"ModalSP-module--recommend--et2K1\";\nexport const gradeName = \"ModalSP-module--grade-name--2wrgy\";\nexport const labels = \"ModalSP-module--labels--FNM33\";\nexport const disabled = \"ModalSP-module--disabled--qIMoD\";\nexport const gradeColors = \"ModalSP-module--grade-colors--2BbBh\";\nexport const gradeCardContainer = \"ModalSP-module--grade-card-container--23Sgl\";\nexport const gradeEngineTypeContainer = \"ModalSP-module--grade-engine-type-container--2iZWl\";\nexport const gradeEquipmentContainer = \"ModalSP-module--grade-equipment-container--1HDTj\";\nexport const gradeEquipmentName = \"ModalSP-module--grade-equipment-name--1fWOQ\";\nexport const colorChip = \"ModalSP-module--color-chip--7-YV2\";\nexport const secondColor = \"ModalSP-module--second-color--268ei\";\nexport const isBodyColor = \"ModalSP-module--is-body-color--3-xYy\";\nexport const underline = \"ModalSP-module--underline--2PuFe\";\nexport const isMainte = \"ModalSP-module--is-mainte--E4K6H\";\nexport const overview = \"ModalSP-module--overview--32yrN\";\nexport const overviewHeading = \"ModalSP-module--overview-heading--1PL3I\";\nexport const overviewNotice = \"ModalSP-module--overview-notice--27WNE\";\nexport const overviewList = \"ModalSP-module--overview-list--2NEax\";\nexport const overviewListItem = \"ModalSP-module--overview-list-item--2g6qg\";\nexport const overviewAsterisk = \"ModalSP-module--overview-asterisk--2Bcv7\";\nexport const platinum = \"ModalSP-module--platinum--HZElt\";\nexport const gold = \"ModalSP-module--gold--c-Dfe\";\nexport const silver = \"ModalSP-module--silver--2MbES\";\nexport const maintenanceTableHead = \"ModalSP-module--maintenance-table-head--1mSX_\";\nexport const maintenanceTableBody = \"ModalSP-module--maintenance-table-body--2Dj8T\";\nexport const maintenanceMemo = \"ModalSP-module--maintenance-memo--3AcQB\";\nexport const verticalAlignTextTop = \"ModalSP-module--vertical-align-text-top--d-4Oa\";\nexport const resultPrice = \"ModalSP-module--result-price--3RVpX\";\nexport const item = \"ModalSP-module--item--3zAdE\";\nexport const adjust = \"ModalSP-module--adjust--x0tfs\";\nexport const resultPriceGap = \"ModalSP-module--result-price-gap--CGHT-\";\nexport const resultPriceContentRight = \"ModalSP-module--result-price-content-right--CkO0w\";\nexport const resultPriceMonthlyLabel = \"ModalSP-module--result-price-monthly-label--2dFqm\";\nexport const resultCarContainer = \"ModalSP-module--result-car-container--1wQNH\";\nexport const resultCarThumbnail = \"ModalSP-module--result-car-thumbnail--1jzvY\";\nexport const resultCarName = \"ModalSP-module--result-car-name--1yJ_r\";\nexport const priceTrico = \"ModalSP-module--price-trico--qF6_I\";\nexport const discountPrice = \"ModalSP-module--discount-price--1fUHv\";\nexport const annotation = \"ModalSP-module--annotation--bYA9Q\";\nexport const asterisk = \"ModalSP-module--asterisk--2jGPF\";\nexport const resultCta = \"ModalSP-module--result-cta--3m4Bh\";\nexport const isBlue = \"ModalSP-module--is-blue--1IVJ0\";\nexport const resultDetail = \"ModalSP-module--result-detail--3uNw6\";\nexport const option = \"ModalSP-module--option--2drF1\";\nexport const termInformationContainer = \"ModalSP-module--term-information-container--1FhQo\";\nexport const termTipAffordable = \"ModalSP-module--term-tip-affordable--wrTHB\";\nexport const termNoticeUnder = \"ModalSP-module--term-notice-under--3tXpe\";\nexport const isTextRed = \"ModalSP-module--is-text-red--2MKDa\";\nexport const termNoticeListBottom = \"ModalSP-module--term-notice-list-bottom--2-Iv6\";\nexport const priceColorBlue = \"ModalSP-module--price-color-blue--2R11f\";\nexport const resultCategoryTitle = \"ModalSP-module--result-category-title--1OqkJ\";\nexport const naviPlanBalloon = \"ModalSP-module--navi-plan-balloon--2CXN1\";\nexport const naviPlanText = \"ModalSP-module--navi-plan-text--1jYFo\";\nexport const naviPlanTextMin = \"ModalSP-module--navi-plan-text-min--ROqDm\";\nexport const optionLabel = \"ModalSP-module--option-label--D4Vm-\";\nexport const optionLabelInnerTop = \"ModalSP-module--option-label-inner-top--2oKBS\";\nexport const optionLabelInnerBottom = \"ModalSP-module--option-label-inner-bottom--oI2Vo\";\nexport const optionLabelPrice = \"ModalSP-module--option-label-price--1Wf7c\";\nexport const optionLabelThumbnail = \"ModalSP-module--option-label-thumbnail--1hoP3\";\nexport const optionLabelDescription = \"ModalSP-module--option-label-description--1axqK\";\nexport const optionLabelAttention = \"ModalSP-module--option-label-attention--3KxH4\";\nexport const optionLabelSubscript = \"ModalSP-module--option-label-subscript--3rkvy\";\nexport const isEquipped = \"ModalSP-module--is-equipped--2wYWI\";\nexport const whiteButton = \"ModalSP-module--white-button--38zdo\";\nexport const saveText = \"ModalSP-module--save-text--1IVwG\";\nexport const saved = \"ModalSP-module--saved--3ehHv\";","import React, {\n  FC, useContext, useState, useEffect,\n} from 'react';\nimport CARMO_CONST from '@/common/util/const';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport * as styles from '@/newcar/ui/detail/organism/modal/ModalSP.module.styl';\n\ninterface ModalTermProps {\n  isShow: boolean;\n}\n\nconst ModalTerm: FC<ModalTermProps> = ({ isShow }) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  const termList = [\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_11,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_11],\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term11SelectPrice)}蜀�`,\n\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_10,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_10],\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term10SelectPrice)}蜀�`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_9,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_9],\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term9SelectPrice)}蜀�`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_8,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_8],\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term8SelectPrice)}蜀�`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_7,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_7],\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term7SelectPrice)}蜀�`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_6,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_6],\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term6SelectPrice)}蜀�`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_5,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_5],\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term5SelectPrice)}蜀�`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_4,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_4],\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term4SelectPrice)}蜀�`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_3,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_3],\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term3SelectPrice)}蜀�`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_2,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_2],\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term2SelectPrice)}蜀�`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_1,\n      name: `${NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_1]}(譛€遏ｭ)`,\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term1SelectPrice)}蜀�`,\n    },\n  ];\n\n  const [style, setStyle] = useState({});\n\n  useEffect(() => {\n    if (isShow) {\n      setStyle({});\n    } else {\n      // 繧ｳ繝ｳ繝�Φ繝��鬮倥＆縺御ｸ€逡ｪ鬮倥＞縺ｨ縺薙ｍ縺ｧ謠�▲縺ｦ縺励∪縺��縺ｧ髱櫁｡ｨ遉ｺ縺ｮ譎ゅ�鬮倥＆繧�0縺ｫ縺吶ｋ\n      setTimeout(() => setStyle({ height: '0px' }), 400);\n    }\n  }, [isShow]);\n\n  const onClick = (id: NEWCAR_CONST.TERM.ID) => {\n    const prevTerm = simulationManagerStore.nowSelectTerm;\n    if (simulationManagerStore.nowSelectMaintenance\n      === NEWCAR_CONST.MAINTENANCE.PLAN_NAME(NEWCAR_CONST.MAINTENANCE.PLAN.PLATINUM)) {\n      if (id <= 5 && prevTerm >= 6) {\n        // 雉�ｲｸ譛滄俣繧�6蟷ｴ莉･荳翫°繧�5蟷ｴ莉･荳九↓螟画峩縺励◆譎�\n        simulationManagerStore.setIsShowSimulateAlert(true);\n      } else if (prevTerm <= 5 && id >= 6) {\n        // 雉�ｲｸ譛滄俣繧�5蟷ｴ莉･荳九°繧�6蟷ｴ莉･荳翫↓螟画峩縺励◆譎�\n        simulationManagerStore.setIsShowSimulateAlert(true);\n      }\n    }\n    simulationManagerStore.changeTerm(id);\n  };\n\n  return (\n    <div className={`${styles.content} is-padding-5`} style={style} data-type=\"term-setting\">\n      <h2 className=\"has-text-centered is-margin-bottom-3 is-size-3 has-text-weight-light\">縺泌茜逕ｨ譛滄俣繧偵∴繧峨�</h2>\n      <div className=\"is-margin-bottom-6\">\n        {termList.map((value, index) => (\n          <>\n            <div\n              className={`${styles.radioRow} is-padding-1 ${(value.id === NEWCAR_CONST.TERM.ID.YEAR_11) ? `${styles.termInformationContainer}` : ''}`}\n              key={index.toString()}\n            >\n              <input\n                type=\"radio\"\n                name=\"term\"\n                id={`term-${value.id}`}\n                checked={value.id === simulationManagerStore.nowSelectTerm}\n                onChange={() => onClick(value.id)}\n              />\n              <label htmlFor={`term-${value.id}`} className=\"box is-padding-5\">\n                <span>\n                  {value.name}\n                  {value.id === NEWCAR_CONST.TERM.ID.YEAR_11 && (\n                    <span className={styles.termTipAffordable}>譛€螳�</span>\n                  )}\n                </span>\n                <span>{value.price}</span>\n              </label>\n            </div>\n            {value.id === NEWCAR_CONST.TERM.ID.YEAR_7 && (\n              <p className={styles.termNoticeUnder}>\n                <span className={styles.isTextRed}>7蟷ｴ莉･荳�</span>\n                縺九ｉ\n                <span className=\"has-text-weight-bold\">襍ｰ陦瑚ｷ晞屬辟｡蛻ｶ髯舌�繧ゅｉ縺医ｋ</span>\n                繧ｪ繝励す繝ｧ繝ｳ窶ｻ縺碁∈縺ｹ縺ｾ縺兔n              </p>\n            )}\n          </>\n        ))}\n        <span className={styles.termNoticeListBottom}>\n          窶ｻ縲後ｂ繧峨∴繧九が繝励す繝ｧ繝ｳ縲阪→縺ｯ繝ｪ繝ｼ繧ｹ譛滄俣貅€莠�ｾ後↓繧ｯ繝ｫ繝槭′繧ゅｉ縺医ｋ繧ｪ繝励す繝ｧ繝ｳ縺ｧ縺吶€�\n        </span>\n      </div>\n    </div>\n  );\n};\n\nexport default ModalTerm;\n","/* eslint-disable max-len */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, {\n  FC, useContext, useState,\n} from 'react';\nimport AutoBrakeDf from '@/newcar/ui/detail/img/imgIconAutoBrakeDf.svg';\nimport CruiseControlDf from '@/newcar/ui/detail/img/imgIconCruiseControlDf.svg';\nimport KeylessEntryDf from '@/newcar/ui/detail/img/imgIconKeylessEntryDf.svg';\nimport LaneAlertDf from '@/newcar/ui/detail/img/imgIconLaneAlertDf.svg';\nimport PowerSlideDoorBDf from '@/newcar/ui/detail/img/imgIconPowerSlideDoorBDf.svg';\nimport PowerSlideDoorLDf from '@/newcar/ui/detail/img/imgIconPowerSlideDoorLDf.svg';\nimport PowerSlideDoorLImpossible from '@/newcar/ui/detail/img/imgIconPowerSlideDoorLImpossible.svg';\nimport PowerSlideDoorLOption from '@/newcar/ui/detail/img/imgIconPowerSlideDoorLOption.svg';\nimport SmartKeyDf from '@/newcar/ui/detail/img/imgIconSmartKeyDf.svg';\nimport SupportBrakeDf from '@/newcar/ui/detail/img/imgIconSupportBrakeDf.svg';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport CARMO_CONST from '@/common/util/const';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport Log from '@/common/util/log';\nimport * as styles from '@/newcar/ui/detail/organism/PlanDialog.module.styl';\nimport { Observer } from 'mobx-react-lite';\n\nconst ModalGrade: FC = () => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  const [\n    popup,\n    setPopup,\n  ] = useState({ leaseTerm: false, includedInFee: false, icon: false });\n\n  // 雉�ｲｸ譛滄俣縺ｮ螟画峩�医が繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ縺ｮ縺ｿ�噂n  const changeTerm = (type: string) => {\n  // const prevTerm = simulationManagerStore.nowSelectTerm;\n    Log.trace(`changeTerm:${type}`);\n    if (type === 'plus') {\n      simulationManagerStore.incrementTerm();\n    } else if (type === 'minus') {\n      simulationManagerStore.decrementTerm();\n    }\n  };\n\n  return (\n    <Observer>\n      {() => (\n        <div className={`${styles.content} is-padding-5`}>\n          <p className=\"has-text-centered is-size-5 has-text-grey-dark is-margin-bottom-4\">窶ｻ莉･荳九�陦ｨ遉ｺ驥鷹｡阪�譛磯｡咲ｨ手ｾｼ縺ｮ驥鷹｡阪〒縺�</p>\n          {/* 雉�ｲｸ譛滄俣 */}\n          <div className=\"columns is-mobile is-margin-bottom-3\">\n            <div className={`column ${styles.gradeStepItemName} ${styles.isLeaseTerm}`}>\n              <p className=\"columns is-vcentered\">\n                繝ｪ繝ｼ繧ｹ譛滄俣\n                <button\n                  className={`button button_help is-margin-left-1 ${styles.helpBtn} ${styles.isLeaseTerm}`}\n                  type=\"button\"\n                  onClick={():void => setPopup({\n                    leaseTerm: !popup.leaseTerm,\n                    includedInFee: false,\n                    icon: false,\n                  })}\n                >\n                  <span>繝ｪ繝ｼ繧ｹ譛滄俣繝倥Ν繝�</span>\n                </button>\n              </p>\n            </div>\n            <div className={`column is-narrow-touch ${styles.gradeStepItemContent}`}>\n              <div className={`columns is-mobile is-vcentered ${styles.inputLease}`}>\n                <button\n                  className={styles.decreaseBtn}\n                  type=\"button\"\n                  disabled={simulationManagerStore.nowSelectTerm <= 1}\n                  data-gtm=\"gtm-newcar-simulator-modalGrade-minus\"\n                  onClick={():void => changeTerm('minus')}\n                >\n                  <span className=\"is-hidden\">貂帙ｉ縺�</span>\n                </button>\n                <div data-gtm=\"gtm-newcar-simulator-modalGrade-term\">\n                  {NEWCAR_CONST.TERM.NAME[simulationManagerStore.nowSelectTerm]}\n                </div>\n                <button\n                  className={styles.increaseBtn}\n                  type=\"button\"\n                  disabled={simulationManagerStore.nowSelectTerm >= 11}\n                  data-gtm=\"gtm-newcar-simulator-modalGrade-plus\"\n                  onClick={():void => changeTerm('plus')}\n                >\n                  <span className=\"is-hidden\">蠅励ｄ縺�</span>\n                </button>\n              </div>\n            </div>\n          </div>\n          {/* 雉�ｲｸ譛滄俣繝倥Ν繝� */}\n          <div className={styles.popupPosition}>\n            <div\n              className={`${styles.popupContent} ${styles.popupContentHalf} ${!popup.leaseTerm && 'is-hidden'}`}\n              onClick={():void => setPopup({ ...popup, leaseTerm: false })}\n            >\n              <p className=\"is-size-5 has-text-black-ter has-text-weight-semibold\">\n                繝ｪ繝ｼ繧ｹ譛滄俣縺ｨ縺ｯ\n              </p>\n              <div className=\"is-size-5 has-text-black-ter is-margin-top-3\">\n                繧ｯ繝ｫ繝槭�雉�ｲｸ譛滄俣繧�1縲�11蟷ｴ縺ｮ髢薙°繧蛾∈繧薙〒縺�◆縺�縺代∪縺吶€�\n                豈取怦縺ｮ謾ｯ謇暮｡阪�髟ｷ譛溘〒蛟溘ｊ繧九⊇縺ｩ螳峨￥縺ｪ繧翫∪縺吶€�\n                縺比ｺ育ｮ励ｄ繝ｩ繧､繝輔せ繧ｿ繧､繝ｫ縺ｫ蜷医▲縺滓怙驕ｩ縺ｪ繝励Λ繝ｳ繧偵♀驕ｸ縺ｳ縺上□縺輔＞縲�\n              </div>\n            </div>\n          </div>\n\n          {/* 繧ｨ繝ｳ繧ｸ繝ｳ繧ｿ繧､繝� */}\n          {simulationManagerStore.engineList.length > 1 && (\n            <dl className={`is-margin-bottom-4 ${styles.gradeStepItemContainer}`}>\n              <dt className={`has-text-weight-semibold is-margin-bottom-1 ${styles.gradeStepItemName}`}>繧ｨ繝ｳ繧ｸ繝ｳ繧ｿ繧､繝�</dt>\n              <div className={`columns is-mobile ${styles.gradeStepItemContent}`}>\n                {simulationManagerStore.engineList.map((item, index) => (\n                  <dd className={`column ${styles.radioRow} ${styles.isEngine} ${index !== 0 && 'is-margin-left-3'}`} key={index.toString()}>\n                    <input\n                      type=\"radio\"\n                      name=\"engine\"\n                      id={`engine-${item.value}`}\n                      checked={item.value === simulationManagerStore.nowCar?.engine}\n                      onChange={() => simulationManagerStore.setEngine(item.value)}\n                      data-gtm=\"gtm-newcar-simulator-modalGrade-engine\"\n                    />\n                    <label htmlFor={`engine-${item.value}`} className=\"box\">\n                      <div className=\"is-size-4\">\n                        <span>{item.label}</span>\n                      </div>\n                    </label>\n                  </dd>\n                ))}\n              </div>\n            </dl>\n          )}\n\n          {/* 鬧�虚蠖｢蠑� */}\n          {simulationManagerStore.kudouList.length > 1 && (\n            <dl className={`is-margin-bottom-4 ${styles.gradeStepItemContainer}`}>\n              <dt className={`has-text-weight-semibold is-margin-bottom-1 ${styles.gradeStepItemName}`}>鬧�虚蠖｢蠑�</dt>\n              <div className={`columns is-mobile ${styles.gradeStepItemContent}`}>\n                {simulationManagerStore.kudouList.map((item, index) => (\n                  <dd className={`column ${styles.radioRow} ${styles.isWd} ${index !== 0 && 'is-margin-left-3'}`} key={index.toString()}>\n                    <input\n                      type=\"radio\"\n                      name=\"kudou\"\n                      id={`kudou-${item.value}`}\n                      checked={item.value === simulationManagerStore.nowCar?.kudou}\n                      disabled={item.disabled}\n                      onChange={() => simulationManagerStore.setKudou(item.value)}\n                      data-gtm=\"gtm-newcar-simulator-modalGrade-wd\"\n                    />\n                    <label htmlFor={`kudou-${item.value}`} className=\"box\">\n                      <div className=\"is-size-4\">\n                        <span>{item.label}</span>\n                      </div>\n                    </label>\n                  </dd>\n                ))}\n              </div>\n            </dl>\n          )}\n\n          {/* 繝溘ャ繧ｷ繝ｧ繝ｳ */}\n          {simulationManagerStore.missionList.length > 1 && (\n            <dl className={`is-margin-bottom-4 ${styles.gradeStepItemContainer}`}>\n              <dt className={`has-text-weight-semibold is-margin-bottom-1 ${styles.gradeStepItemName}`}>繝溘ャ繧ｷ繝ｧ繝ｳ</dt>\n              <div className={`columns is-mobile ${styles.gradeStepItemContent}`}>\n                {simulationManagerStore.missionList.map((item, index) => (\n                  <dd className={`column ${styles.radioRow} ${styles.isMission} ${index !== 0 && 'is-margin-left-3'}`} key={index.toString()}>\n                    <input\n                      type=\"radio\"\n                      name=\"mission\"\n                      id={`mission-${item.value}`}\n                      checked={item.value === simulationManagerStore.nowCar?.mission}\n                      disabled={item.disabled}\n                      onChange={() => simulationManagerStore.setMission(item.value)}\n                      data-gtm=\"gtm-newcar-simulator-modalGrade-mission\"\n                    />\n                    <label htmlFor={`mission-${item.value}`} className=\"box\">\n                      <div className=\"is-size-4\">\n                        <span>{item.label}</span>\n                      </div>\n                    </label>\n                  </dd>\n                ))}\n              </div>\n            </dl>\n          )}\n\n          {/* 螳牙�陬�ｙ繧｢繧､繧ｳ繝ｳ繝倥Ν繝励い繧ｳ繝ｼ繝�ぅ繧ｪ繝ｳ */}\n          <div className={`${!popup.icon && 'is-hidden'} has-background-white is-padding-6 is-margin-bottom-4`}>\n            <div className=\"columns is-vcentered\">\n              <p className=\"column is-size-5 has-text-black-ter has-text-weight-semibold has-text-center\">繧｢繧､繧ｳ繝ｳ縺ｫ縺､縺�※</p>\n            </div>\n            <div className=\"is-size-5 has-text-black-ter is-margin-top-3\">\n              <div className={`columns is-multiline ${styles.helpSupportItems}`}>\n                <div className=\"column is-3 is-flex\">\n                  <img src={PowerSlideDoorBDf} alt=\"feature\" />\n                  <p className=\"is-flex\">\n                    繝代Ρ繝ｼ繧ｹ繝ｩ繧､繝峨ラ繧｢\n                    <br />\n                    �井ｸ｡蛛ｴ�噂n                  </p>\n                </div>\n                <div className=\"column is-3 is-flex\">\n                  <img src={PowerSlideDoorLDf} alt=\"feature\" />\n                  <p className=\"is-flex\">\n                    繝代Ρ繝ｼ繧ｹ繝ｩ繧､繝峨ラ繧｢\n                    <br />\n                    �亥ｷｦ蛛ｴ�噂n                  </p>\n                </div>\n                <div className=\"column is-3 is-flex\">\n                  <img src={KeylessEntryDf} alt=\"feature\" />\n                  <p className=\"is-flex\">繧ｭ繝ｼ繝ｬ繧ｹ繧ｨ繝ｳ繝医Μ繝ｼ</p>\n                </div>\n                <div className=\"column is-3 is-flex\">\n                  <img src={SmartKeyDf} alt=\"feature\" />\n                  <p className=\"is-flex\">繧ｹ繝槭�繝医く繝ｼ</p>\n                </div>\n                <div className=\"column is-3 is-flex\">\n                  <img src={CruiseControlDf} alt=\"feature\" />\n                  <p className=\"is-flex\">繧ｯ繝ｫ繝ｼ繧ｺ繧ｳ繝ｳ繝医Ο繝ｼ繝ｫ</p>\n                </div>\n                <div className=\"column is-3 is-flex\">\n                  <img src={AutoBrakeDf} alt=\"feature\" />\n                  <p className=\"is-flex\">閾ｪ蜍輔ヶ繝ｬ繝ｼ繧ｭ</p>\n                </div>\n                <div className=\"column is-3 is-flex\">\n                  <img src={SupportBrakeDf} alt=\"feature\" />\n                  <p className=\"is-flex\">繝壹ム繝ｫ雕上∩髢馴＆縺�凾繧ｵ繝昴�繝医ヶ繝ｬ繝ｼ繧ｭ</p>\n                </div>\n                <div className=\"column is-3 is-flex\">\n                  <img src={LaneAlertDf} alt=\"feature\" />\n                  <p className=\"is-flex\">霆顔ｷ壹�縺ｿ蜃ｺ縺励い繝ｩ繝ｼ繝�</p>\n                </div>\n              </div>\n            </div>\n            <p className=\"is-size-5 has-text-black-ter is-margin-top-5 is-margin-bottom-3\"><strong>繧｢繧､繧ｳ繝ｳ縺ｮ濶ｲ縺ｫ縺､縺�※</strong></p>\n            <div className={`columns is-multiline is-size-5 has-text-black-ter ${styles.helpSupportItems}`}>\n              <div className=\"column is-3 is-flex\">\n                <img src={PowerSlideDoorLDf} alt=\"feature\" className=\"is-flex\" />\n                <p className=\"is-flex\">讓呎ｺ冶｣�ｙ</p>\n              </div>\n              <div className=\"column is-3 is-flex\">\n                <img src={PowerSlideDoorLOption} alt=\"feature\" className=\"is-flex\" />\n                <p className=\"is-flex\">繝｡繝ｼ繧ｫ繝ｼ繧ｪ繝励す繝ｧ繝ｳ縺ｧ謳ｭ霈牙庄閭ｽ</p>\n              </div>\n              <div className=\"column is-3 is-flex\">\n                <img src={PowerSlideDoorLImpossible} alt=\"feature\" className=\"is-flex\" />\n                <p className=\"is-flex\">髱槫ｯｾ蠢�</p>\n              </div>\n            </div>\n            <div className=\"columns is-size-6 is-margin-top-6\" onClick={():void => setPopup({ ...popup, icon: false })}>\n              <div className=\"column has-text-centered is-relative is-cursor-pointer\">\n                <span className={`icon-arrow-top-grey ${styles.iconArrowPosition}`} />\n                <span className=\"is-padding-left-5\">髢峨§繧�</span>\n              </div>\n            </div>\n          </div>\n\n          {/* 繧ｰ繝ｬ繝ｼ繝� */}\n          <dl className={`is-margin-bottom-4 ${styles.gradeStepItemContainer}`}>\n            <dt className={`has-text-weight-semibold is-margin-bottom-1 ${styles.gradeStepItemName} ${styles.isGrade}`}>繧ｰ繝ｬ繝ｼ繝�</dt>\n            <p className=\"is-size-6 has-text-grey-dark is-margin-bottom-4\">\n              蟇ｩ譟ｻ逕ｳ縺苓ｾｼ縺ｿ蠕後〒繧ょ､画峩縺ｧ縺阪∪縺吶€ゅげ繝ｬ繝ｼ繝峨↓霑ｷ縺｣縺溘ｉ縺ｨ繧翫≠縺医★縲後♀縺吶☆繧√€阪ｒ\n              <br />\n              縺企∈縺ｳ縺上□縺輔＞�―n            </p>\n\n            <div className={`${styles.gradeStepItemHelp} columns is-mobile is-vcentered is-padding-3 is-padding-wide-0 is-size-6 has-text-black-ter`}>\n              <div className=\"column\" />\n              <div className=\"column is-narrow is-margin-right-5 columns is-mobile is-vcentered \">\n                <p>譛磯｡肴侭驥代↓蜷ｫ縺ｾ繧後ｋ繧ゅ�</p>\n                <button\n                  className={`button button_help is-margin-left-3 ${styles.helpBtn}`}\n                  type=\"button\"\n                  onClick={():void => setPopup({\n                    leaseTerm: false,\n                    includedInFee: !popup.includedInFee,\n                    icon: false,\n                  })}\n                >\n                  <span>繝倥Ν繝�</span>\n                </button>\n              </div>\n            </div>\n\n            {/* 譛磯｡肴侭驥代↓蜷ｫ縺ｾ繧後ｋ繧ゅ�繝倥Ν繝励い繧ｳ繝ｼ繝�ぅ繧ｪ繝ｳ */}\n            <div className={`${!popup.includedInFee && 'is-hidden'} has-background-white is-padding-6 is-margin-bottom-4`}>\n              <div className=\"is-margin-top-1 is-size-5\">\n                <p className=\"has-text-weight-semibold is-margin-bottom-3 has-text-centered\">譛磯｡肴侭驥代↓蜷ｫ縺ｾ繧後ｋ繧ゅ�</p>\n                霆贋ｸ｡譛ｬ菴捺侭縲∬�雉�雋ｬ菫晞匱譁吶€∬�蜍戊ｻ顔ｨ弱€�㍾驥冗ｨ弱€∝魂邏吩ｻ｣縲∫腸蠅�€ｧ閭ｽ蜑ｲ縲∵眠霆顔匳骭ｲ謇区焚譁吶€∽ｻｲ莉区焔謨ｰ譁吶€√♀螳｢讒倥し繝昴�繝域侭\n                <p className=\"is-size-6\">窶ｻ譛磯｡肴侭驥代↓蜷ｫ縺ｾ繧後↑縺�ｻ頑､懃せ讀懆ｲｻ逕ｨ縺ｯ縲√Γ繝ｳ繝�リ繝ｳ繧ｹ繝励Λ繝ｳ縺泌刈蜈･縺ｧ螳夐｡肴髪謇輔＞縺ｫ縺ｧ縺阪∪縺吶€�</p>\n              </div>\n              <div className=\"columns is-size-6 is-margin-top-6\" onClick={():void => setPopup({ ...popup, includedInFee: false })}>\n                <div className=\"column has-text-centered is-relative is-cursor-pointer\">\n                  <span className={`icon-arrow-top-grey ${styles.iconArrowPosition}`} />\n                  <span className=\"is-padding-left-5\">髢峨§繧�</span>\n                </div>\n              </div>\n            </div>\n\n            <div>\n              {simulationManagerStore.gradeList.map((item, index) => (\n                <dd className={`${styles.radioRow} ${styles.isGrade} is-padding-1`} key={index.toString()}>\n                  <input\n                    type=\"radio\"\n                    name=\"grade\"\n                    id={`grade-${index}`}\n                    checked={item.name === simulationManagerStore.nowCar?.gradeName}\n                    onChange={() => simulationManagerStore.setGrade(item.defaultGrade)}\n                    data-gtm=\"gtm-newcar-simulator-modalGrade-grade\"\n                  />\n                  <label htmlFor={`grade-${index}`} className=\"box is-block\">\n                    {simulationManagerStore.nowCar?.mission === 'AT' && index === 1 && (\n                    <p className={`${styles.recommend} is-margin-left-3 has-text-weight-semibold has-text-white is-size-7`}>\n                      繧ｪ繧ｹ繧ｹ繝｡\n                    </p>\n                    )}\n\n                    <div className={`${styles.gradeHeader}`}>\n                      <strong className={`${styles.gradeName} is-size-4`}>{item.name}</strong>\n                      <span className=\"is-size-3 is-padding-right-3 has-text-right\">\n                        <strong>{CARMO_CONST.COMMA_FORMAT(item.price)}</strong>\n                        蜀�\n                      </span>\n                    </div>\n\n                    <div className=\"is-padding-3 has-background-white\">\n                      <div className={`${styles.gradeEngineTypeContainer}`}>\n                        <p className=\"is-size-6\">\n                          繧ｨ繝ｳ繧ｸ繝ｳ繧ｿ繧､繝暦ｼ喀n                          {item.defaultGrade.engine || '繧ｬ繧ｽ繝ｪ繝ｳ'}\n                        </p>\n                      </div>\n                      <div className={`${styles.gradeEquipmentContainer}`}>\n                        <p className={`is-size-6 ${styles.gradeEquipmentName}`}>讓呎ｺ冶｣�ｙ</p>\n                        <div className={`${styles.labels} ${styles.gradeEquipmentTip}`}>\n                          {item.keylessEntry === 1 && (<span>繧ｭ繝ｼ繝ｬ繧ｹ繧ｨ繝ｳ繝医Μ繝ｼ</span>)}\n                          {item.keylessEntry === 2 && (<span>繧ｭ繝ｼ繝ｬ繧ｹ繧ｨ繝ｳ繝医Μ繝ｼ�医Γ繝ｼ繧ｫ繝ｼ繧ｪ繝励す繝ｧ繝ｳ縺ｧ謳ｭ霈牙庄閭ｽ��</span>)}\n                          {item.keylessEntry === 3 && (<span className={`${styles.disabled}`}>繧ｭ繝ｼ繝ｬ繧ｹ繧ｨ繝ｳ繝医Μ繝ｼ</span>)}\n\n                          {item.powerSlideDoor === 1 && (<span>繝代Ρ繝ｼ繧ｹ繝ｩ繧､繝峨ラ繧｢�井ｸ｡蛛ｴ��</span>)}\n                          {item.powerSlideDoor === 2 && (<span>繝代Ρ繝ｼ繧ｹ繝ｩ繧､繝峨ラ繧｢�亥ｷｦ蛛ｴ��</span>)}\n                          {item.powerSlideDoor === 3 && (<span>繝代Ρ繝ｼ繧ｹ繝ｩ繧､繝峨ラ繧｢�医Γ繝ｼ繧ｫ繝ｼ繧ｪ繝励す繝ｧ繝ｳ縺ｧ謳ｭ霈牙庄閭ｽ��</span>)}\n                          {item.powerSlideDoor === 4 && (<span className={`${styles.disabled}`}>繝代Ρ繝ｼ繧ｹ繝ｩ繧､繝峨ラ繧｢</span>)}\n\n                          {item.smartKey === 1 && (<span>繧ｹ繝槭�繝医く繝ｼ</span>)}\n                          {item.smartKey === 2 && (<span>繧ｹ繝槭�繝医く繝ｼ�医Γ繝ｼ繧ｫ繝ｼ繧ｪ繝励す繝ｧ繝ｳ縺ｧ謳ｭ霈牙庄閭ｽ��</span>)}\n                          {item.smartKey === 3 && (<span className={`${styles.disabled}`}>繧ｹ繝槭�繝医く繝ｼ</span>)}\n\n                          {item.automaticBrake === 1 && (<span>閾ｪ蜍輔ヶ繝ｬ繝ｼ繧ｭ</span>)}\n                          {item.automaticBrake === 2 && (<span>閾ｪ蜍輔ヶ繝ｬ繝ｼ繧ｭ�医Γ繝ｼ繧ｫ繝ｼ繧ｪ繝励す繝ｧ繝ｳ縺ｧ謳ｭ霈牙庄閭ｽ��</span>)}\n                          {item.automaticBrake === 3 && (<span className={`${styles.disabled}`}>閾ｪ蜍輔ヶ繝ｬ繝ｼ繧ｭ</span>)}\n\n                          {item.cruiseControl === 1 && (<span>繧ｯ繝ｫ繝ｼ繧ｺ繧ｳ繝ｳ繝医Ο繝ｼ繝ｫ</span>)}\n                          {item.cruiseControl === 2 && (<span>繧ｯ繝ｫ繝ｼ繧ｺ繧ｳ繝ｳ繝医Ο繝ｼ繝ｫ�医Γ繝ｼ繧ｫ繝ｼ繧ｪ繝励す繝ｧ繝ｳ縺ｧ謳ｭ霈牙庄閭ｽ��</span>)}\n                          {item.cruiseControl === 3 && (<span className={`${styles.disabled}`}>繧ｯ繝ｫ繝ｼ繧ｺ繧ｳ繝ｳ繝医Ο繝ｼ繝ｫ</span>)}\n\n                          {item.laneDepartureAlert === 1 && (<span>霆顔ｷ壹�縺ｿ蜃ｺ縺励い繝ｩ繝ｼ繝�</span>)}\n                          {item.laneDepartureAlert === 2 && (<span>霆顔ｷ壹�縺ｿ蜃ｺ縺励い繝ｩ繝ｼ繝茨ｼ医Γ繝ｼ繧ｫ繝ｼ繧ｪ繝励す繝ｧ繝ｳ縺ｧ謳ｭ霈牙庄閭ｽ��</span>)}\n                          {item.laneDepartureAlert === 3 && (<span className={`${styles.disabled}`}>霆顔ｷ壹�縺ｿ蜃ｺ縺励い繝ｩ繝ｼ繝�</span>)}\n\n                          {item.pedalSupport === 1 && (<span>繝壹ム繝ｫ雕上∩髢馴＆縺�凾繧ｵ繝昴�繝医ヶ繝ｬ繝ｼ繧ｭ</span>)}\n                          {item.pedalSupport === 2 && (<span>繝壹ム繝ｫ雕上∩髢馴＆縺�凾繧ｵ繝昴�繝医ヶ繝ｬ繝ｼ繧ｭ�医Γ繝ｼ繧ｫ繝ｼ繧ｪ繝励す繝ｧ繝ｳ縺ｧ謳ｭ霈牙庄閭ｽ��</span>)}\n                          {item.pedalSupport === 3 && (<span className={`${styles.disabled}`}>繝壹ム繝ｫ雕上∩髢馴＆縺�凾繧ｵ繝昴�繝医ヶ繝ｬ繝ｼ繧ｭ</span>)}\n                        </div>\n                      </div>\n                    </div>\n\n                  </label>\n                </dd>\n              ))}\n            </div>\n          </dl>\n\n          <p className=\"has-text-left is-size-5 has-text-grey-dark is-margin-bottom-2 is-margin-left-1\">\n            窶ｻ縺昴�莉悶�繧ｪ繝励す繝ｧ繝ｳ繧よ価繧翫∪縺吶€ゅ＃隕∵悍縺後≠繧句�ｴ蜷医�逕ｳ霎ｼ蠕後↓縺皮嶌隲�￥縺�縺輔＞縲�\n          </p>\n          <p className=\"has-text-left is-size-5 has-text-grey-dark is-margin-bottom-4 is-margin-left-1\">\n            窶ｻ陦ｨ遉ｺ驥鷹｡阪�繧､繝ｳ繧ｿ繝ｼ繝阪ャ繝亥牡蠑暮←逕ｨ蠕後�譛磯｡咲ｨ手ｾｼ縺ｮ驥鷹｡阪〒縺吶€�\n          </p>\n        </div>\n      )}\n    </Observer>\n  );\n};\n\nexport default ModalGrade;\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable max-len */\nimport React, {\n  FC, useContext, useState, useEffect,\n} from 'react';\nimport { Observer } from 'mobx-react-lite';\nimport CARMO_CONST from '@/common/util/const';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport * as styles from '@/newcar/ui/detail/organism/modal/ModalSP.module.styl';\n\ninterface ModalGradeSPProps {\n  isShow: boolean;\n}\n\nconst ModalGradeSP: FC<ModalGradeSPProps> = ({ isShow }) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  const [style, setStyle] = useState({});\n\n  useEffect(() => {\n    if (isShow) {\n      setStyle({});\n    } else {\n      // 繧ｳ繝ｳ繝�Φ繝��鬮倥＆縺御ｸ€逡ｪ鬮倥＞縺ｨ縺薙ｍ縺ｧ謠�▲縺ｦ縺励∪縺��縺ｧ髱櫁｡ｨ遉ｺ縺ｮ譎ゅ�鬮倥＆繧�0縺ｫ縺吶ｋ\n      setTimeout(() => setStyle({ height: '0px' }), 400);\n    }\n  }, [isShow]);\n\n  return (\n    <Observer>\n      {() => (\n        <div className={`${styles.content} is-padding-5`} style={style} data-type=\"grade-setting\">\n          <h2 className=\"has-text-centered is-margin-bottom-3 is-size-3 has-text-weight-light\">繧ｰ繝ｬ繝ｼ繝峨ｒ縺医ｉ縺ｶ</h2>\n\n          {/* 繧ｨ繝ｳ繧ｸ繝ｳ繧ｿ繧､繝� */}\n          {simulationManagerStore.engineList.length > 1 && (\n            <dl className=\"is-margin-bottom-4\">\n              <dt className=\"has-text-weight-semibold is-margin-bottom-1\">繧ｨ繝ｳ繧ｸ繝ｳ繧ｿ繧､繝�</dt>\n              <div className=\"columns is-mobile\">\n                {simulationManagerStore.engineList.map((item, index) => (\n                  <dd className={`column ${styles.radioRow} ${index !== 0 && 'is-padding-left-3'}`} key={index.toString()}>\n                    <input\n                      type=\"radio\"\n                      name=\"engine\"\n                      id={`engine-${item.value}`}\n                      checked={item.value === simulationManagerStore.nowCar?.engine}\n                      onChange={() => simulationManagerStore.setEngine(item.value)}\n                      data-gtm=\"gtm-newcar-simulator-modalGrade-engine\"\n                    />\n                    <label\n                      htmlFor={`engine-${item.value}`}\n                      className={`box ${simulationManagerStore.engineList.length > 2 ? styles.isLarge : ''}`}\n                    >\n                      <div className=\"is-size-4\">\n                        <span>{item.label}</span>\n                      </div>\n                    </label>\n                  </dd>\n                ))}\n              </div>\n            </dl>\n          )}\n\n          {/* 鬧�虚蠖｢蠑� */}\n          {simulationManagerStore.kudouList.length > 1 && (\n            <dl className=\"is-margin-bottom-4\">\n              <dt className=\"has-text-weight-semibold is-margin-bottom-1\">鬧�虚蠖｢蠑�</dt>\n              <div className=\"columns is-mobile\">\n                {simulationManagerStore.kudouList.map((item, index) => (\n                  <dd className={`column ${styles.radioRow} ${index !== 0 && 'is-padding-left-3'}`} key={index.toString()}>\n                    <input\n                      type=\"radio\"\n                      name=\"kudou\"\n                      id={`kudou-${item.value}`}\n                      checked={item.value === simulationManagerStore.nowCar?.kudou}\n                      disabled={item.disabled}\n                      onChange={() => simulationManagerStore.setKudou(item.value)}\n                      data-gtm=\"gtm-newcar-simulator-modalGrade-wd\"\n                    />\n                    <label htmlFor={`kudou-${item.value}`} className=\"box\">\n                      <div className=\"is-size-4\">\n                        <span>{item.label}</span>\n                      </div>\n                    </label>\n                  </dd>\n                ))}\n              </div>\n            </dl>\n          )}\n\n          {/* 繝溘ャ繧ｷ繝ｧ繝ｳ */}\n          {simulationManagerStore.missionList.length > 1 && (\n            <dl className=\"is-margin-bottom-4\">\n              <dt className=\"has-text-weight-semibold is-margin-bottom-1\">繝溘ャ繧ｷ繝ｧ繝ｳ</dt>\n              <div className=\"columns is-mobile\">\n                {simulationManagerStore.missionList.map((item, index) => (\n                  <dd className={`column ${styles.radioRow} ${index !== 0 && 'is-padding-left-3'}`} key={index.toString()}>\n                    <input\n                      type=\"radio\"\n                      name=\"mission\"\n                      id={`mission-${item.value}`}\n                      checked={item.value === simulationManagerStore.nowCar?.mission}\n                      disabled={item.disabled}\n                      onChange={() => simulationManagerStore.setMission(item.value)}\n                      data-gtm=\"gtm-newcar-simulator-modalGrade-mission\"\n                    />\n                    <label htmlFor={`mission-${item.value}`} className=\"box\">\n                      <div className=\"is-size-4\">\n                        <span>{item.label}</span>\n                      </div>\n                    </label>\n                  </dd>\n                ))}\n              </div>\n            </dl>\n          )}\n\n          {/* 繧ｰ繝ｬ繝ｼ繝� */}\n          <dl className=\"is-margin-bottom-4\">\n            <dt className=\"has-text-weight-semibold is-margin-bottom-1\">繧ｰ繝ｬ繝ｼ繝�</dt>\n            <p className=\"is-size-6 has-text-grey-dark is-margin-bottom-4\">\n              蟇ｩ譟ｻ逕ｳ縺苓ｾｼ縺ｿ蠕後〒繧ょ､画峩縺ｧ縺阪∪縺吶€ゅげ繝ｬ繝ｼ繝峨↓霑ｷ縺｣縺溘ｉ縺ｨ繧翫≠縺医★縲後♀縺吶☆繧√€阪ｒ縺企∈縺ｳ縺上□縺輔＞�―n            </p>\n            <div className={`${styles.gradeCardContainer}`}>\n              {simulationManagerStore.gradeList.map((item, index) => (\n                <dd className={`${styles.radioRow} ${styles.isGrade} is-padding-1`} key={index.toString()}>\n                  <input\n                    type=\"radio\"\n                    name=\"grade\"\n                    id={`grade-${index}`}\n                    checked={item.name === simulationManagerStore.nowCar?.gradeName}\n                    onChange={() => simulationManagerStore.setGrade(item.defaultGrade)}\n                    data-gtm=\"gtm-newcar-simulator-modalGrade-grade\"\n                  />\n                  <label htmlFor={`grade-${index}`} className=\"box is-block\">\n                    {simulationManagerStore.nowCar?.mission === 'AT' && index === 1 && (\n                      <p className={`${styles.recommend} is-margin-left-3 has-background-primary has-text-weight-semibold has-text-white is-size-6`}>\n                        繧ｪ繧ｹ繧ｹ繝｡\n                      </p>\n                    )}\n\n                    <div className={`${styles.gradeHeader}`}>\n                      <strong className={`${styles.gradeName} is-size-4`}>{item.name}</strong>\n                      <span className=\"is-size-3 is-padding-right-3 has-text-right\">\n                        <strong>{CARMO_CONST.COMMA_FORMAT(item.price)}</strong>\n                        蜀�\n                      </span>\n                    </div>\n\n                    <div className=\"is-padding-3 has-background-white\">\n                      <div className={`${styles.gradeEngineTypeContainer}`}>\n                        <p className=\"is-size-6\">\n                          繧ｨ繝ｳ繧ｸ繝ｳ繧ｿ繧､繝暦ｼ喀n                          {item.defaultGrade.engine || '繧ｬ繧ｽ繝ｪ繝ｳ'}\n                        </p>\n                      </div>\n                      <div className={`${styles.gradeEquipmentContainer}`}>\n                        <p className={`is-size-6 ${styles.gradeEquipmentName}`}>讓呎ｺ冶｣�ｙ��</p>\n                        <div className={`${styles.labels}`}>\n                          {item.keylessEntry === 1 && (<span>繧ｭ繝ｼ繝ｬ繧ｹ繧ｨ繝ｳ繝医Μ繝ｼ</span>)}\n                          {item.keylessEntry === 2 && (<span>繧ｭ繝ｼ繝ｬ繧ｹ繧ｨ繝ｳ繝医Μ繝ｼ�医Γ繝ｼ繧ｫ繝ｼ繧ｪ繝励す繝ｧ繝ｳ縺ｧ謳ｭ霈牙庄閭ｽ��</span>)}\n                          {item.keylessEntry === 3 && (<span className={`${styles.disabled}`}>繧ｭ繝ｼ繝ｬ繧ｹ繧ｨ繝ｳ繝医Μ繝ｼ</span>)}\n\n                          {item.powerSlideDoor === 1 && (<span>繝代Ρ繝ｼ繧ｹ繝ｩ繧､繝峨ラ繧｢�井ｸ｡蛛ｴ��</span>)}\n                          {item.powerSlideDoor === 2 && (<span>繝代Ρ繝ｼ繧ｹ繝ｩ繧､繝峨ラ繧｢�亥ｷｦ蛛ｴ��</span>)}\n                          {item.powerSlideDoor === 3 && (<span>繝代Ρ繝ｼ繧ｹ繝ｩ繧､繝峨ラ繧｢�医Γ繝ｼ繧ｫ繝ｼ繧ｪ繝励す繝ｧ繝ｳ縺ｧ謳ｭ霈牙庄閭ｽ��</span>)}\n                          {item.powerSlideDoor === 4 && (<span className={`${styles.disabled}`}>繝代Ρ繝ｼ繧ｹ繝ｩ繧､繝峨ラ繧｢</span>)}\n\n                          {item.smartKey === 1 && (<span>繧ｹ繝槭�繝医く繝ｼ</span>)}\n                          {item.smartKey === 2 && (<span>繧ｹ繝槭�繝医く繝ｼ�医Γ繝ｼ繧ｫ繝ｼ繧ｪ繝励す繝ｧ繝ｳ縺ｧ謳ｭ霈牙庄閭ｽ��</span>)}\n                          {item.smartKey === 3 && (<span className={`${styles.disabled}`}>繧ｹ繝槭�繝医く繝ｼ</span>)}\n\n                          {item.automaticBrake === 1 && (<span>閾ｪ蜍輔ヶ繝ｬ繝ｼ繧ｭ</span>)}\n                          {item.automaticBrake === 2 && (<span>閾ｪ蜍輔ヶ繝ｬ繝ｼ繧ｭ�医Γ繝ｼ繧ｫ繝ｼ繧ｪ繝励す繝ｧ繝ｳ縺ｧ謳ｭ霈牙庄閭ｽ��</span>)}\n                          {item.automaticBrake === 3 && (<span className={`${styles.disabled}`}>閾ｪ蜍輔ヶ繝ｬ繝ｼ繧ｭ</span>)}\n\n                          {item.cruiseControl === 1 && (<span>繧ｯ繝ｫ繝ｼ繧ｺ繧ｳ繝ｳ繝医Ο繝ｼ繝ｫ</span>)}\n                          {item.cruiseControl === 2 && (<span>繧ｯ繝ｫ繝ｼ繧ｺ繧ｳ繝ｳ繝医Ο繝ｼ繝ｫ�医Γ繝ｼ繧ｫ繝ｼ繧ｪ繝励す繝ｧ繝ｳ縺ｧ謳ｭ霈牙庄閭ｽ��</span>)}\n                          {item.cruiseControl === 3 && (<span className={`${styles.disabled}`}>繧ｯ繝ｫ繝ｼ繧ｺ繧ｳ繝ｳ繝医Ο繝ｼ繝ｫ</span>)}\n\n                          {item.laneDepartureAlert === 1 && (<span>霆顔ｷ壹�縺ｿ蜃ｺ縺励い繝ｩ繝ｼ繝�</span>)}\n                          {item.laneDepartureAlert === 2 && (<span>霆顔ｷ壹�縺ｿ蜃ｺ縺励い繝ｩ繝ｼ繝茨ｼ医Γ繝ｼ繧ｫ繝ｼ繧ｪ繝励す繝ｧ繝ｳ縺ｧ謳ｭ霈牙庄閭ｽ��</span>)}\n                          {item.laneDepartureAlert === 3 && (<span className={`${styles.disabled}`}>霆顔ｷ壹�縺ｿ蜃ｺ縺励い繝ｩ繝ｼ繝�</span>)}\n\n                          {item.pedalSupport === 1 && (<span>繝壹ム繝ｫ雕上∩髢馴＆縺�凾繧ｵ繝昴�繝医ヶ繝ｬ繝ｼ繧ｭ</span>)}\n                          {item.pedalSupport === 2 && (<span>繝壹ム繝ｫ雕上∩髢馴＆縺�凾繧ｵ繝昴�繝医ヶ繝ｬ繝ｼ繧ｭ�医Γ繝ｼ繧ｫ繝ｼ繧ｪ繝励す繝ｧ繝ｳ縺ｧ謳ｭ霈牙庄閭ｽ��</span>)}\n                          {item.pedalSupport === 3 && (<span className={`${styles.disabled}`}>繝壹ム繝ｫ雕上∩髢馴＆縺�凾繧ｵ繝昴�繝医ヶ繝ｬ繝ｼ繧ｭ</span>)}\n                        </div>\n                      </div>\n                    </div>\n\n                  </label>\n                </dd>\n              ))}\n            </div>\n          </dl>\n\n          <div className=\"is-size-5 has-text-grey-dark is-margin-top-6 is-margin-bottom-4\">\n            <p className=\"is-margin-bottom-3\">窶ｻ縺昴�莉悶�繧ｪ繝励す繝ｧ繝ｳ繧よ価繧翫∪縺吶€ゅ＃隕∵悍縺後≠繧句�ｴ蜷医�逕ｳ霎ｼ蠕後↓縺皮嶌隲�￥縺�縺輔＞縲�</p>\n            <p>窶ｻ陦ｨ遉ｺ驥鷹｡阪�繧､繝ｳ繧ｿ繝ｼ繝阪ャ繝亥牡蠑暮←逕ｨ蠕後�譛磯｡咲ｨ手ｾｼ縺ｮ驥鷹｡阪〒縺吶€�</p>\n          </div>\n        </div>\n      )}\n    </Observer>\n  );\n};\n\nexport default ModalGradeSP;\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { FC, useContext } from 'react';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport * as styles from '@/newcar/ui/detail/organism/PlanDialog.module.styl';\nimport NEWCAR_CONST from '@/newcar/util/const';\n\ninterface ModalBodyColorProps {\n  next: (current: number, max: number) => void;\n  currentStep: number;\n  maxStep: number;\n  selectedPlanID: NEWCAR_CONST.SIMULATION_PLAN.ID;\n}\n\nconst ModalBodyColor: FC<ModalBodyColorProps> = ({\n  next, currentStep, maxStep, selectedPlanID,\n}) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  const plansBodyColorList = (): Array<{\n    id: string, bodyColorInfoId: string,\n    bodyColorName?: string, colorCode1?: string, colorCode2?: string,\n    price?: number, isChecked?: boolean\n  }> => {\n    if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // 繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ\n      return simulationManagerStore.simplePlansBodyColorList;\n    } if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // 縺翫☆縺吶ａ繝励Λ繝ｳ\n      return simulationManagerStore.recommendPlansBodyColorList;\n    } if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // 繧医￥縺ｰ繧翫�繝ｩ繝ｳ\n      return simulationManagerStore.richPlansBodyColorList;\n    }\n    // 繧ｪ繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ\n    return simulationManagerStore.bodyColorList;\n  };\n\n  const changeBodyColor = (id:string) => {\n    if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // 繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ\n      simulationManagerStore.changeSimpleBodyColor(id);\n    } else if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // 縺翫☆縺吶ａ繝励Λ繝ｳ\n      simulationManagerStore.changeRecommendBodyColor(id);\n    } else if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // 繧医￥縺ｰ繧翫�繝ｩ繝ｳ\n      simulationManagerStore.changeRichBodyColor(id);\n    } else {\n      // 繧ｪ繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ\n      simulationManagerStore.changeBodyColor(id);\n    }\n  };\n\n  return (\n    <div className={`${styles.content} is-padding-5`}>\n      <p className=\"has-text-centered is-size-5 has-text-grey-dark is-margin-bottom-4\">窶ｻ莉･荳九�陦ｨ遉ｺ驥鷹｡阪�譛磯｡咲ｨ手ｾｼ縺ｮ驥鷹｡阪〒縺�</p>\n      <ul className=\"columns is-multiline is-margin-bottom-6\">\n        {(() => plansBodyColorList().map((value, index) => {\n          const colorCircle = value.colorCode2 ? (\n            <>\n              <svg viewBox=\"0 0 32 32\" width=\"32\" height=\"32\">\n                <circle r=\"16\" cx=\"16\" cy=\"16\" fill={value.colorCode1} stroke=\"#aaa\" strokeWidth=\"0.5px\" />\n              </svg>\n              <svg viewBox=\"0 0 32 10\" width=\"32\" height=\"10\">\n                <clipPath id={`clip_${index}`}>\n                  <rect x=\"0\" y=\"0\" width=\"32\" height=\"10\" />\n                </clipPath>\n                <circle r=\"16\" cx=\"16\" cy=\"16\" fill={value.colorCode2 || ''} stroke=\"#aaa\" strokeWidth=\"0.5px\" clipPath={`clip_${index}`} />\n              </svg>\n            </>\n          ) : (\n            <svg viewBox=\"0 0 32 32\" width=\"32\" height=\"32\">\n              <circle r=\"16\" cx=\"16\" cy=\"16\" fill={value.colorCode1} stroke=\"#aaa\" strokeWidth=\"0.5px\" />\n            </svg>\n          );\n          return (\n            <li className=\"column is-full-touch is-half-desktop is-padding-1\" key={index.toString()}>\n              <div\n                className={`is-full-width has-text-black-ter is-relative ${styles.bodycolorBox} ${value.isChecked ? styles.bodycolorBoxSelected : ''}`}\n                data-gtm=\"gtm-newcar-simulator-modalBodyColor-bodycolor\"\n                onClick={() => {\n                  changeBodyColor(value.id);\n                  next(currentStep, maxStep);\n                }}\n              >\n                <div className=\"columns is-mobile is-vcentered\">\n                  <div className={`column is-narrow ${styles.colorCircleWrap}`}>\n                    {colorCircle}\n                  </div>\n                  <p className=\"column is-size-5 has-text-left is-padding-left-3 is-padding-right-3\">{value.bodyColorName}</p>\n                  <div className=\"column is-narrow is-valign-center\">\n                    <span className=\"is-size-4 has-text-weight-bold\">{value.price !== 0 ? `+${value.price}` : value.price}</span>\n                    <span className=\"is-size-6\">蜀�</span>\n                  </div>\n                </div>\n              </div>\n            </li>\n          );\n        }))()}\n      </ul>\n    </div>\n  );\n};\n\nexport default ModalBodyColor;\n","// extracted by mini-css-extract-plugin\nexport const colorChip = \"ColorSquare-module--color-chip--1_MwA\";","import React, { FC } from 'react';\nimport * as styles from '@/newcar/ui/detail/molecule/ColorSquare.module.styl';\n\ntype ColorSquareProps = {\n  width: number,\n  height: number,\n  colorCode1?: string,\n  colorCode2?: string,\n}\n\nconst ColorSquare:FC<ColorSquareProps> = ({\n  width, height, colorCode1, colorCode2,\n}) => (\n  <span style={{ width, height }} className=\"is-inline-block is-relative\">\n    {/* 1濶ｲ逶ｮ */}\n    <svg viewBox={`0 0 ${width} ${height}`} width={width} height={height} className={styles.colorChip}>\n      <rect fill={colorCode1} x=\"0\" y=\"0\" width={width} height={height} stroke=\"#aaaaaa\" strokeWidth=\"0.5px\" />\n    </svg>\n    {/* 2濶ｲ逶ｮ */}\n    {colorCode2 && (\n      <svg viewBox={`0 0 ${width} ${height / 3}`} width={width} height={height / 3} className={styles.colorChip}>\n        <clipPath id=\"simulator_bodycolor_clip\">\n          <rect x=\"0\" y=\"0\" width={width} height={height / 3} />\n        </clipPath>\n        <rect fill={colorCode2} clipPath=\"url(simulator_bodycolor_clip)\" x=\"0\" y=\"0\" width={width} height={height / 3} stroke=\"#aaaaaa\" strokeWidth=\"0.5px\" />\n      </svg>\n    )}\n  </span>\n);\n\nexport default ColorSquare;\n","import React, {\n  FC, useContext, useState, useEffect,\n} from 'react';\nimport { Observer } from 'mobx-react-lite';\nimport CARMO_CONST from '@/common/util/const';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport ColorSquare from '@/newcar/ui/detail/molecule/ColorSquare';\nimport * as styles from '@/newcar/ui/detail/organism/modal/ModalSP.module.styl';\n\ninterface ModalBodyColorSPProps {\n  isShow: boolean;\n}\n\nconst ModalBodyColorSP: FC<ModalBodyColorSPProps> = ({ isShow }) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  const [style, setStyle] = useState({});\n\n  useEffect(() => {\n    if (isShow) {\n      setStyle({});\n    } else {\n      // 繧ｳ繝ｳ繝�Φ繝��鬮倥＆縺御ｸ€逡ｪ鬮倥＞縺ｨ縺薙ｍ縺ｧ謠�▲縺ｦ縺励∪縺��縺ｧ髱櫁｡ｨ遉ｺ縺ｮ譎ゅ�鬮倥＆繧�0縺ｫ縺吶ｋ\n      setTimeout(() => setStyle({ height: '0px' }), 400);\n    }\n  }, [isShow]);\n\n  return (\n    <Observer>\n      {() => (\n        <div className={`${styles.content} is-padding-5`} style={style} data-type=\"bodycolor-setting\">\n          <h2 className=\"has-text-centered is-margin-bottom-3 is-size-3 has-text-weight-light\">繝懊ョ繧｣繧ｫ繝ｩ繝ｼ繧偵∴繧峨�</h2>\n          <div className=\"is-margin-bottom-6\">\n            {simulationManagerStore.bodyColorList.map((value, index) => (\n              <div className={`${styles.radioRow} ${styles.isBodyColor} is-padding-1`} key={index.toString()}>\n                <input\n                  type=\"radio\"\n                  name=\"body-color\"\n                  id={`body-color-${value.id}`}\n                  checked={value.isChecked}\n                  onClick={() => simulationManagerStore.changeBodyColor(value.id)}\n                  data-gtm=\"gtm-newcar-simulator-modalBodyColor-bodycolor\"\n                />\n                <label htmlFor={`body-color-${value.id}`} className=\"box is-padding-5\">\n                  <div className=\"columns is-mobile is-vcentered is-full-width\">\n                    <div className=\"column is-narrow is-flex has_vertical_centered\">\n                      <ColorSquare\n                        width={24}\n                        height={24}\n                        colorCode1={value.colorCode1}\n                        colorCode2={value.colorCode2}\n                      />\n                    </div>\n\n                    <div className=\"column is-padding-3\">\n                      <span className=\"is-size-5 has-text-black-ter\">\n                        {value.bodyColorName}\n                      </span>\n                    </div>\n\n                    <div className=\"column is-narrow\">\n                      <span className=\"is-size-5\">\n                        {(value.price && value.price > 0) ? `+${CARMO_CONST.COMMA_FORMAT(value.price)}蜀�` : ''}\n                      </span>\n                    </div>\n                  </div>\n                </label>\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n    </Observer>\n  );\n};\n\nexport default ModalBodyColorSP;\n","/* eslint-disable max-len */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable eqeqeq */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, {\n  FC,\n  useContext,\n} from 'react';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport { Observer } from 'mobx-react-lite';\nimport * as styles from '@/newcar/ui/detail/organism/PlanDialog.module.styl';\nimport CARMO_CONST from '@/common/util/const';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\n\ninterface ModalOptionProps {\n  selectedPlanID: NEWCAR_CONST.SIMULATION_PLAN.ID;\n  hasWantCar: boolean;\n}\n\nconst ModalOption: FC<ModalOptionProps> = ({ selectedPlanID, hasWantCar }) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  // 繧ゅｉ縺医ｋ繧ｪ繝励す繝ｧ繝ｳ縺ｮ蟇ｾ雎｡縺九←縺�°\n  const wantCarTarget = (): boolean => {\n    let selectTerm: NEWCAR_CONST.TERM.ID;\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // 繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ\n      selectTerm = (simulationManagerStore.nowSimpleSelection.term)\n        ? simulationManagerStore.nowSimpleSelection.term : NEWCAR_CONST.TERM.ID.YEAR_11;\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // 縺翫☆縺吶ａ繝励Λ繝ｳ\n      selectTerm = (simulationManagerStore.nowRecommendSelection.term)\n        ? simulationManagerStore.nowRecommendSelection.term : NEWCAR_CONST.TERM.ID.YEAR_11;\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // 繧医￥縺ｰ繧翫�繝ｩ繝ｳ\n      selectTerm = (simulationManagerStore.nowRichSelection.term)\n        ? simulationManagerStore.nowRichSelection.term : NEWCAR_CONST.TERM.ID.YEAR_11;\n    } else {\n      // 繧ｪ繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ\n      selectTerm = simulationManagerStore.nowSelectTerm;\n    }\n    return ((\n      selectTerm === NEWCAR_CONST.TERM.ID.YEAR_11\n      || selectTerm === NEWCAR_CONST.TERM.ID.YEAR_10\n      || selectTerm === NEWCAR_CONST.TERM.ID.YEAR_9\n      || selectTerm === NEWCAR_CONST.TERM.ID.YEAR_8\n      || selectTerm === NEWCAR_CONST.TERM.ID.YEAR_7\n    ) && (\n      hasWantCar\n    ));\n  };\n\n  const changeCarNavi = (id: string) => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // 繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ\n      simulationManagerStore.changeSimpleCarNavi(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // 縺翫☆縺吶ａ繝励Λ繝ｳ\n      simulationManagerStore.changeRecommendCarNavi(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // 繧医￥縺ｰ繧翫�繝ｩ繝ｳ\n      simulationManagerStore.changeRichCarNavi(id);\n    } else {\n      // 繧ｪ繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ\n      simulationManagerStore.changeCarNavi(id);\n    }\n  };\n\n  const changeETC = (id: string) => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // 繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ\n      simulationManagerStore.changeSimpleETC(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // 縺翫☆縺吶ａ繝励Λ繝ｳ\n      simulationManagerStore.changeRecommendETC(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // 繧医￥縺ｰ繧翫�繝ｩ繝ｳ\n      simulationManagerStore.changeRichETC(id);\n    } else {\n      // 繧ｪ繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ\n      simulationManagerStore.changeETC(id);\n    }\n  };\n\n  const changeBackCamera = (id: string) => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // 繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ\n      simulationManagerStore.changeSimpleBackCamera(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // 縺翫☆縺吶ａ繝励Λ繝ｳ\n      simulationManagerStore.changeRecommendBackCamera(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // 繧医￥縺ｰ繧翫�繝ｩ繝ｳ\n      simulationManagerStore.changeRichBackCamera(id);\n    } else {\n      // 繧ｪ繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ\n      simulationManagerStore.changeBackCamera(id);\n    }\n  };\n\n  const changeFloorMat = (id: string) => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // 繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ\n      simulationManagerStore.changeSimpleFloorMat(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // 縺翫☆縺吶ａ繝励Λ繝ｳ\n      simulationManagerStore.changeRecommendFloorMat(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // 繧医￥縺ｰ繧翫�繝ｩ繝ｳ\n      simulationManagerStore.changeRichFloorMat(id);\n    } else {\n      // 繧ｪ繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ\n      simulationManagerStore.changeFloorMat(id);\n    }\n  };\n\n  const changeDoorVisor = (id: string) => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // 繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ\n      simulationManagerStore.changeSimpleDoorVisor(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // 縺翫☆縺吶ａ繝励Λ繝ｳ\n      simulationManagerStore.changeRecommendDoorVisor(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // 繧医￥縺ｰ繧翫�繝ｩ繝ｳ\n      simulationManagerStore.changeRichDoorVisor(id);\n    } else {\n      // 繧ｪ繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ\n      simulationManagerStore.changeDoorVisor(id);\n    }\n  };\n\n  const changeWantNo = (id: string) => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // 繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ\n      simulationManagerStore.changeSimpleWantNo(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // 縺翫☆縺吶ａ繝励Λ繝ｳ\n      simulationManagerStore.changeRecommendWantNo(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // 繧医￥縺ｰ繧翫�繝ｩ繝ｳ\n      simulationManagerStore.changeRichWantNo(id);\n    } else {\n      // 繧ｪ繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ\n      simulationManagerStore.changeWantNo(id);\n    }\n  };\n\n  const changeWantCar = (id: string) => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // 繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ\n      simulationManagerStore.changeSimpleWantCar(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // 縺翫☆縺吶ａ繝励Λ繝ｳ\n      simulationManagerStore.changeRecommendWantCar(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // 繧医￥縺ｰ繧翫�繝ｩ繝ｳ\n      simulationManagerStore.changeRichWantCar(id);\n    } else {\n      // 繧ｪ繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ\n      simulationManagerStore.changeWantCar(id);\n    }\n  };\n\n  interface ListProps {\n    id: string,\n    notid: string,\n    isStandard: boolean,\n    optionInfoId: number,\n    thumbnailFileName?: string,\n    name?: string,\n    description?: string,\n    optionType?: string,\n    price?: number,\n    isChecked?: boolean | undefined\n  }\n\n  const carNaviList = (): Array<ListProps> => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // 繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ\n      return simulationManagerStore.simplePlansCarNaviList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // 縺翫☆縺吶ａ繝励Λ繝ｳ\n      return simulationManagerStore.recommendPlansCarNaviList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // 繧医￥縺ｰ繧翫�繝ｩ繝ｳ\n      return simulationManagerStore.richPlansCarNaviList;\n    }\n    // 繧ｪ繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ\n    return simulationManagerStore.carNaviList;\n  };\n\n  const etcList = (): Array<ListProps> => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // 繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ\n      return simulationManagerStore.simplePlansEtcList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // 縺翫☆縺吶ａ繝励Λ繝ｳ\n      return simulationManagerStore.recommendPlansEtcList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // 繧医￥縺ｰ繧翫�繝ｩ繝ｳ\n      return simulationManagerStore.richPlansEtcList;\n    }\n    // 繧ｪ繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ\n    return simulationManagerStore.etcList;\n  };\n\n  const backCameraList = (): Array<ListProps> => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // 繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ\n      return simulationManagerStore.simplePlansbackCameraList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // 縺翫☆縺吶ａ繝励Λ繝ｳ\n      return simulationManagerStore.recommendPlansbackCameraList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // 繧医￥縺ｰ繧翫�繝ｩ繝ｳ\n      return simulationManagerStore.richPlansbackCameraList;\n    }\n    // 繧ｪ繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ\n    return simulationManagerStore.backCameraList;\n  };\n\n  const floorMatList = () : Array<ListProps> => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // 繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ\n      return simulationManagerStore.simplePlansFloorMatList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // 縺翫☆縺吶ａ繝励Λ繝ｳ\n      return simulationManagerStore.recommendPlansFloorMatList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // 繧医￥縺ｰ繧翫�繝ｩ繝ｳ\n      return simulationManagerStore.richPlansFloorMatList;\n    }\n    // 繧ｪ繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ\n    return simulationManagerStore.floorMatList;\n  };\n\n  const doorVisorList = (): Array<ListProps> => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // 繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ\n      return simulationManagerStore.simplePlansDoorVisorList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // 縺翫☆縺吶ａ繝励Λ繝ｳ\n      return simulationManagerStore.recommendPlansDoorVisorList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // 繧医￥縺ｰ繧翫�繝ｩ繝ｳ\n      return simulationManagerStore.richPlansDoorVisorList;\n    }\n    // 繧ｪ繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ\n    return simulationManagerStore.doorVisorList;\n  };\n\n  const wantNoList = (): Array<ListProps> => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // 繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ\n      return simulationManagerStore.simplePlansWantNoList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // 縺翫☆縺吶ａ繝励Λ繝ｳ\n      return simulationManagerStore.recommendPlansWantNoList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // 繧医￥縺ｰ繧翫�繝ｩ繝ｳ\n      return simulationManagerStore.richPlansWantNoList;\n    }\n    // 繧ｪ繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ\n    return simulationManagerStore.wantNoList;\n  };\n\n  const wantCarPrice = ():number => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // 繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ\n      return simulationManagerStore.simplePlansWantCarPrice;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // 縺翫☆縺吶ａ繝励Λ繝ｳ\n      return simulationManagerStore.recommendPlansWantCarPrice;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // 繧医￥縺ｰ繧翫�繝ｩ繝ｳ\n      return simulationManagerStore.richPlansWantCarPrice;\n    }\n    // 繧ｪ繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ\n    return simulationManagerStore.wantCarPrice;\n  };\n\n  const nowSelectWantCar = (): string => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // 繧ｷ繝ｳ繝励Ν繝励Λ繝ｳ\n      return simulationManagerStore.nowSelectSimpleWantCar;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // 縺翫☆縺吶ａ繝励Λ繝ｳ\n      return simulationManagerStore.nowSelectRecommendWantCar;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // 繧医￥縺ｰ繧翫�繝ｩ繝ｳ\n      return simulationManagerStore.nowSelectRichWantCar;\n    }\n    // 繧ｪ繝ｪ繧ｸ繝翫Ν繝励Λ繝ｳ\n    return simulationManagerStore.nowSelectWantCar;\n  };\n\n  // 繧ｪ繝励す繝ｧ繝ｳ縺斐→縺ｮ驟榊�繧貞女縺大叙縺｣縺ｦ繝√ぉ繝�け繝懊ャ繧ｯ繧ｹ繧堤函謌舌☆繧欺n  const checkBox = (list: any[], key: string, onChange: Function) => list.map((value, index) => (\n    <div className={`${styles.checkboxRow} is-padding-1`} key={index.toString()}>\n      <input\n        type=\"checkbox\"\n        name={key}\n        id={`${key}-${value.id}`}\n        checked={value.isChecked}\n        disabled={value.isStandard}\n        onChange={(event) => onChange(event.target.checked ? value.id : value.notid)}\n      />\n      <label htmlFor={`${key}-${value.id}`} className=\"box is-padding-5\">\n        <span>{value.optionType}</span>\n        {value.isStandard ? (\n          <span>讓呎ｺ冶｣�ｙ</span>\n        ) : (\n          <span className=\"is-size-4 has-text-weight-bold\">\n            {`+${CARMO_CONST.COMMA_FORMAT(value.price)}`}\n            <span className=\"is-size-6\">蜀�/譛�</span>\n          </span>\n        )}\n      </label>\n    </div>\n  ));\n\n  return (\n    <Observer>\n      {() => (\n        <>\n          <div className={`${styles.content} is-padding-5`}>\n            <h2 className=\"has-text-centered is-margin-bottom-3 is-size-3 has-text-weight-light\">繧ｪ繝励す繝ｧ繝ｳ繧偵∴繧峨�</h2>\n            <div className={styles.checkboxContainer}>\n              {/* 繧ｫ繝ｼ繝翫ン */}\n              {checkBox(carNaviList(), 'car-navi', (id: string) => changeCarNavi(id))}\n\n              {/* ETC */}\n              {checkBox(etcList(), 'etc', (id: string) => changeETC(id))}\n\n              {/* 繝舌ャ繧ｯ繧ｫ繝｡繝ｩ */}\n              {checkBox(backCameraList(), 'back-camera', (id: string) => changeBackCamera(id))}\n\n              {/* 繝輔Ο繧｢繝槭ャ繝� */}\n              {checkBox(floorMatList(), 'floor-mat', (id: string) => changeFloorMat(id))}\n\n              {/* 繝峨い繝舌う繧ｶ繝ｼ */}\n              {checkBox(doorVisorList(), 'door-visor', (id: string) => changeDoorVisor(id))}\n\n              {/* 蟶梧悍繝翫Φ繝舌� */}\n              {checkBox(wantNoList(), 'want-no', (id: string) => changeWantNo(id))}\n\n              {/* 繧ゅｉ縺医ｋ繝励Λ繝ｳ */}\n              {wantCarTarget() && checkBox(\n                [{\n                  optionType: '繧ゅｉ縺医ｋ繧ｪ繝励す繝ｧ繝ｳ窶ｻ1',\n                  price: wantCarPrice(),\n                  id: 'yes',\n                  notid: 'no',\n                  isChecked: nowSelectWantCar() === 'yes',\n                }],\n                'want-car',\n                (id: string) => changeWantCar(id),\n              )}\n            </div>\n\n            <ul className={styles.optionNoticeContainer}>\n              <li>窶ｻ1縲後ｂ繧峨∴繧九が繝励す繝ｧ繝ｳ縲阪�繝ｪ繝ｼ繧ｹ譛滄俣貅€莠�ｾ後↓繧ｯ繝ｫ繝槭′繧ゅｉ縺医ｋ繧ｪ繝励す繝ｧ繝ｳ縺ｧ縺�</li>\n              <li>窶ｻ繝｡繝ｼ繧ｫ繝ｼ繧ｪ繝励す繝ｧ繝ｳ縺ｪ縺ｩ縲∽ｸ願ｨ倅ｻ･螟悶�繧ｪ繝励す繝ｧ繝ｳ繧よ政霈牙庄閭ｽ縺ｧ縺吶�縺ｧ蝠�ｫ�凾縺ｫ縺皮嶌隲�￥縺�縺輔＞</li>\n              <li>窶ｻ荳願ｨ倥が繝励す繝ｧ繝ｳ縺ｯ邏疲ｭ｣蜩√ｄ繧ｰ繝ｬ繝ｼ繝牙ｰら畑蜩√〒縺ｪ縺��ｴ蜷医ｂ縺斐＊縺�∪縺吶€ゅ＃謖�ｮ壹′縺斐＊縺�∪縺励◆繧我ｸ€蠎ｦ縺皮｢ｺ隱阪＠縺ｾ縺吶�縺ｧ縲√♀蝠上＞蜷医ｏ縺帙￥縺�縺輔＞縺ｾ縺帙€ゅ♀逕ｳ縺苓ｾｼ縺ｿ蠕後�螟画峩繧よ価縺｣縺ｦ縺翫ｊ縺ｾ縺吶€�</li>\n              <li>窶ｻ陦ｨ遉ｺ驥鷹｡阪�譛磯｡咲ｨ手ｾｼ縺ｮ驥鷹｡阪〒縺�</li>\n            </ul>\n          </div>\n        </>\n      )}\n    </Observer>\n  );\n};\n\nexport default ModalOption;\n","export default __webpack_public_path__ + \"static/option-carnavi-1357e5e599d3113a5471a149fe79a584.png\";","export default __webpack_public_path__ + \"static/option-etc-01de9bba5ad5cfd73a8ae85b0bdb046c.png\";","export default __webpack_public_path__ + \"static/option-backcamera-4f643d49c71414b7d79c9882ab8e27b9.png\";","export default __webpack_public_path__ + \"static/option-floormat-82114807dc90a8af393d2074b6aecc6e.png\";","export default __webpack_public_path__ + \"static/option-doorvisor-0232ac84eb2ef33caf72f5b440ef6eb2.png\";","export default __webpack_public_path__ + \"static/option-moraeru-062eb4ab8d8f0c908667b84ec939009b.png\";","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, {\n  FC, useContext, useState, useEffect,\n} from 'react';\nimport { Observer } from 'mobx-react-lite';\nimport CARMO_CONST from '@/common/util/const';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport optionCarnavi from '@/newcar/ui/detail/img/option-carnavi.png';\nimport optionEtc from '@/newcar/ui/detail/img/option-etc.png';\nimport optionBackcamera from '@/newcar/ui/detail/img/option-backcamera.png';\nimport optionFloormat from '@/newcar/ui/detail/img/option-floormat.png';\nimport optionDoorvisor from '@/newcar/ui/detail/img/option-doorvisor.png';\nimport optionNumber from '@/newcar/ui/detail/img/option-number.png';\nimport optionMoraeru from '@/newcar/ui/detail/img/option-moraeru.png';\nimport * as styles from '@/newcar/ui/detail/organism/modal/ModalSP.module.styl';\n\ninterface ModalOptionSPProps {\n  isShow: boolean;\n  hasWantCar: boolean;\n}\n\nconst optionData: { [key: string]: { image: string; text: JSX.Element } } = {\n  'car-navi': {\n    image: optionCarnavi,\n    text: (\n      <span>驕薙↓霑ｷ縺�ｿ��縺梧ｿ€貂帙＠縺ｾ縺吶€ゅせ繝槭�縺ｮ蝨ｰ蝗ｳ繧｢繝励Μ縺ｨ騾｣謳ｺ縺ｧ縺阪ｋ繧ゅ�繧ゅ€�</span>\n    ),\n  },\n  etc: {\n    image: optionEtc,\n    text: (\n      <span>\n        鬮倬€滄％霍ｯ繧偵ｈ縺丈ｽｿ繧上ｌ繧区婿縺ｫ縺翫☆縺吶ａ縲ょｰ城姦縺ｮ貅門ｙ縺御ｸ崎ｦ√↓縺ｪ繧贋ｾｿ蛻ｩ縺ｧ縺吶€�\n      </span>\n    ),\n  },\n  'back-camera': {\n    image: optionBackcamera,\n    text: (\n      <span>繝舌ャ繧ｯ縺ｧ縺ｮ鬧仙●霆翫′闍ｦ謇九↑譁ｹ縺ｫ縺翫☆縺吶ａ縲ょｾ梧婿遒ｺ隱阪′邁｡蜊倥↓縺ｧ縺阪∪縺吶€�</span>\n    ),\n  },\n  'floor-mat': {\n    image: optionFloormat,\n    text: (\n      <span>\n        霆雁�縺ｮ雜ｳ蜈��豎壹ｌ髦ｲ豁｢縺ｫ縺翫☆縺吶ａ縲よｳ･繧�｣溘∋縺薙⊂縺励↑縺ｩ縺ｧ豎壹＠縺ｦ繧よ祉髯､縺檎ｰ｡蜊假ｼ―n      </span>\n    ),\n  },\n  'door-visor': {\n    image: optionDoorvisor,\n    text: <span>髮ｨ縺ｮ譌･縺ｧ繧らｪ薙ｒ髢九￠縺ｦ謠帶ｰ励′縺ｧ縺阪∪縺吶€る妛莉倡捩髦ｲ豁｢縺ｫ繧ゅ♀縺吶☆繧√€�</span>,\n  },\n  'want-no': {\n    image: optionNumber,\n    text: (\n      <>\n        <span>\n          縺雁･ｽ縺阪↑逡ｪ蜿ｷ\n          <sub className={styles.optionLabelSubscript}>窶ｻ1</sub>\n          縺ｫ縺吶ｋ縺薙→縺後〒縺阪∪縺吶€�\n        </span>\n        <span className={styles.optionLabelAttention}>窶ｻ1謚ｽ驕ｸ逡ｪ蜿ｷ縺ｯ髯､縺�</span>\n      </>\n    ),\n  },\n  'want-car': {\n    image: optionMoraeru,\n    text: (\n      <span>\n        螂醍ｴ�ｺ€莠�ｾ後↓霆翫′閾ｪ蛻��繧ゅ�縺ｫ縺ｪ繧翫∪縺吶€ょ€溘ｊ迚ｩ諢溘ぞ繝ｭ縺ｮ繝槭う繧ｫ繝ｼ繝ｩ繧､繝輔↓縺翫☆縺吶ａ縲�\n      </span>\n    ),\n  },\n};\n\nconst ModalOptionSP: FC<ModalOptionSPProps> = ({ isShow, hasWantCar }) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  const [style, setStyle] = useState({});\n\n  useEffect(() => {\n    if (isShow) {\n      setStyle({});\n    } else {\n      // 繧ｳ繝ｳ繝�Φ繝��鬮倥＆縺御ｸ€逡ｪ鬮倥＞縺ｨ縺薙ｍ縺ｧ謠�▲縺ｦ縺励∪縺��縺ｧ髱櫁｡ｨ遉ｺ縺ｮ譎ゅ�鬮倥＆繧�0縺ｫ縺吶ｋ\n      setTimeout(() => setStyle({ height: '0px' }), 400);\n    }\n  }, [isShow]);\n\n  // 繧ゅｉ縺医ｋ繧ｪ繝励す繝ｧ繝ｳ縺ｮ蟇ｾ雎｡縺九←縺�°\n  const wantCarTarget = (): boolean => {\n    const selectTerm: NEWCAR_CONST.TERM.ID = simulationManagerStore.nowSelectTerm;\n    return ((\n      selectTerm === NEWCAR_CONST.TERM.ID.YEAR_11\n      || selectTerm === NEWCAR_CONST.TERM.ID.YEAR_10\n      || selectTerm === NEWCAR_CONST.TERM.ID.YEAR_9\n      || selectTerm === NEWCAR_CONST.TERM.ID.YEAR_8\n      || selectTerm === NEWCAR_CONST.TERM.ID.YEAR_7\n    ) && (\n      hasWantCar\n    ));\n  };\n\n  // 繧ｪ繝励す繝ｧ繝ｳ縺斐→縺ｮ驟榊�繧貞女縺大叙縺｣縺ｦ繝√ぉ繝�け繝懊ャ繧ｯ繧ｹ繧堤函謌舌☆繧欺n  const checkBox = (list: any[], key: string, onChange: Function) => list.map((value, index) => (\n    <div className={`${styles.checkboxRow} is-padding-1`} key={index.toString()}>\n      <input\n        type=\"checkbox\"\n        name={key}\n        id={`${key}-${value.id}`}\n        checked={value.isChecked}\n        disabled={value.isStandard}\n        onChange={(event) => onChange(event.target.checked ? value.id : value.notid)}\n      />\n      <label\n        htmlFor={`${key}-${value.id}`}\n        className={`box ${styles.optionLabel} ${value.isStandard ? styles.isEquipped : ''}`}\n      >\n        <span className={styles.optionLabelInnerTop}>\n          <span>{value.optionType}</span>\n          {value.isStandard ? (\n            <span>讓呎ｺ冶｣�ｙ</span>\n          ) : (\n            <span className={styles.optionLabelPrice}>\n              {`+${CARMO_CONST.COMMA_FORMAT(value.price)}`}\n              <span className=\"is-size-6\">蜀�/譛�</span>\n            </span>\n          )}\n        </span>\n        <span className={styles.optionLabelInnerBottom}>\n          <img\n            src={optionData[key]?.image}\n            alt={key}\n            className={styles.optionLabelThumbnail}\n          />\n          <span className={styles.optionLabelDescription}>\n            {optionData[key]?.text}\n            <span className={styles.optionLabelAttention}>窶ｻ逕ｻ蜒上�繧､繝｡繝ｼ繧ｸ縺ｧ縺�</span>\n          </span>\n        </span>\n      </label>\n    </div>\n  ));\n\n  return (\n    <Observer>\n      {() => (\n        <div className={`${styles.content} is-padding-5`} style={style} data-type=\"option-setting\">\n          <h2 className=\"has-text-centered is-margin-bottom-3 is-size-3 has-text-weight-light\">繧ｪ繝励す繝ｧ繝ｳ繧偵∴繧峨�</h2>\n          <div className=\"is-margin-bottom-6\">\n\n            {/* 繧ｫ繝ｼ繝翫ン */}\n            {checkBox(simulationManagerStore.carNaviList, 'car-navi', (id: string) => simulationManagerStore.changeCarNavi(id))}\n\n            {/* ETC */}\n            {checkBox(simulationManagerStore.etcList, 'etc', (id: string) => simulationManagerStore.changeETC(id))}\n\n            {/* 繝舌ャ繧ｯ繧ｫ繝｡繝ｩ */}\n            {checkBox(simulationManagerStore.backCameraList, 'back-camera', (id: string) => simulationManagerStore.changeBackCamera(id))}\n\n            {/* 繝輔Ο繧｢繝槭ャ繝� */}\n            {checkBox(simulationManagerStore.floorMatList, 'floor-mat', (id: string) => simulationManagerStore.changeFloorMat(id))}\n\n            {/* 繝峨い繝舌う繧ｶ繝ｼ */}\n            {checkBox(simulationManagerStore.doorVisorList, 'door-visor', (id: string) => simulationManagerStore.changeDoorVisor(id))}\n\n            {/* 蟶梧悍繝翫Φ繝舌� */}\n            {checkBox(simulationManagerStore.wantNoList, 'want-no', (id: string) => simulationManagerStore.changeWantNo(id))}\n\n            {/* 繧ゅｉ縺医ｋ繝励Λ繝ｳ */}\n            {wantCarTarget() && checkBox(\n              [{\n                optionType: '繧ゅｉ縺医ｋ繧ｪ繝励す繝ｧ繝ｳ窶ｻ1',\n                price: simulationManagerStore.wantCarPrice,\n                id: 'yes',\n                notid: 'no',\n                isChecked: simulationManagerStore.nowCar?.wantCar === 'yes',\n              }],\n              'want-car',\n              (id: string) => simulationManagerStore.changeWantCar(id),\n            )}\n\n            <div className=\"is-size-5\">\n              {wantCarTarget() && (\n                <p className=\"is-margin-top-5 text-indent\">窶ｻ1縲後ｂ繧峨∴繧九が繝励す繝ｧ繝ｳ縲阪�繝ｪ繝ｼ繧ｹ譛滄俣貅€莠�ｾ後↓繧ｯ繝ｫ繝槭′繧ゅｉ縺医ｋ繧ｪ繝励す繝ｧ繝ｳ縺ｧ縺�</p>\n              )}\n              <p className=\"is-margin-top-5 text-indent\">窶ｻ繝｡繝ｼ繧ｫ繝ｼ繧ｪ繝励す繝ｧ繝ｳ縺ｪ縺ｩ縲∽ｸ願ｨ倅ｻ･螟悶�繧ｪ繝励す繝ｧ繝ｳ繧よ政霈牙庄閭ｽ縺ｧ縺吶�縺ｧ蝠�ｫ�凾縺ｫ縺皮嶌隲�￥縺�縺輔＞</p>\n              <p className=\"is-margin-top-5 text-indent\">\n                窶ｻ荳願ｨ倥が繝励す繝ｧ繝ｳ縺ｯ邏疲ｭ｣蜩√ｄ繧ｰ繝ｬ繝ｼ繝牙ｰら畑蜩√〒縺ｪ縺��ｴ蜷医ｂ縺斐＊縺�∪縺吶€ゅ＃謖�ｮ壹′縺斐＊縺�∪縺励◆繧我ｸ€蠎ｦ縺皮｢ｺ隱阪＠縺ｾ縺吶�縺ｧ縲―n                <a href=\"/contact\" target=\"_blank\" className={`${styles.underline}`}>縺雁撫縺�粋繧上○</a>\n                縺上□縺輔＞縺ｾ縺帙€ゅ♀逕ｳ縺苓ｾｼ縺ｿ蠕後�螟画峩繧よ価縺｣縺ｦ縺翫ｊ縺ｾ縺吶€�\n              </p>\n              <p className=\"is-margin-top-5 text-indent\">窶ｻ陦ｨ遉ｺ驥鷹｡阪�譛磯｡咲ｨ手ｾｼ縺ｮ驥鷹｡阪〒縺�</p>\n            </div>\n          </div>\n        </div>\n      )}\n    </Observer>\n  );\n};\n\nexport default ModalOptionSP;\n","export default \"data:image/png;base64,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\"","export default \"data:image/svg+xml;base64,PHN2ZyBpZD0i44Kw44Or44O844OX5YyWXzcxNCIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5fljJYgNzE0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDQ1IDQ1Ij4KICA8cGF0aCBpZD0i44OR44K5XzU5MTciIGRhdGEtbmFtZT0i44OR44K5IDU5MTciIGQ9Ik00MS4yNTQuNGwtMTgsMTcuOTEsMi45LDIuOTIsMTgtMTcuOTFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjc1NiAtMC4wODYpIiBmaWxsPSIjMjgyOTI5Ii8+CiAgPHBhdGggaWQ9IuODkeOCuV81OTE4IiBkYXRhLW5hbWU9IuODkeOCuSA1OTE4IiBkPSJNNDUuMjY2LDE1LjdWMEgyOFYzLjkyNEg0MS4zNDJWMTUuN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjI2NikiIGZpbGw9IiMyODI5MjkiLz4KICA8cGF0aCBpZD0i44OR44K5XzU5MTkiIGRhdGEtbmFtZT0i44OR44K5IDU5MTkiIGQ9Ik00MC41LDIyLjV2MThINC41VjQuNUgyMC43VjBIMFY0NUg0NVYyMi41WiIgZmlsbD0iIzI4MjkyOSIvPgo8L3N2Zz4K\"","/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { FC, useContext } from 'react';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\nimport iconLinkBlank from '@/newcar/ui/detail/img/icon-link-blank.svg';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport * as styles from '@/newcar/ui/detail/organism/PlanDialog.module.styl';\n\ninterface ModalMaintenanceProps {\n  next: (current: number, max: number) => void;\n  currentStep: number;\n  maxStep: number;\n}\n\nconst ModalMaintenance: FC<ModalMaintenanceProps> = ({ next, currentStep, maxStep }) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  const getColorStyle = (id: NEWCAR_CONST.MAINTENANCE.PLAN) => {\n    switch (id) {\n      case NEWCAR_CONST.MAINTENANCE.PLAN.PLATINUM:\n        return styles.maintePlatinum;\n      case NEWCAR_CONST.MAINTENANCE.PLAN.GOLD:\n        return styles.mainteGold;\n      case NEWCAR_CONST.MAINTENANCE.PLAN.SILVER:\n        return styles.mainteSilver;\n      default:\n        return styles.mainteWhite;\n    }\n  };\n\n  return (\n    <div className={`${styles.content} is-padding-5`}>\n      <p className={`has-text-centered is-size-5 has-text-grey-dark is-margin-bottom-4 ${simulationManagerStore.maintenancePlanList.length > 0 ? '' : 'is-hidden'}`}>窶ｻ莉･荳九�陦ｨ遉ｺ驥鷹｡阪�譛磯｡咲ｨ手ｾｼ縺ｮ驥鷹｡阪〒縺�</p>\n      <div className=\"columns is-mobile\">\n        <div className=\"column is-one-fifth is-hidden-touch\" />\n        <div className={`column ${simulationManagerStore.maintenancePlanList.length > 0 ? '' : 'is-hidden'}`}>\n          <ul className=\"is-margin-bottom-6\">\n            {(() => simulationManagerStore.maintenancePlanList.map((value, index) => (\n              <li className=\"is-padding-1\" key={index.toString()}>\n                <div\n                  className={`box is-marginless is-full-width is-relative ${styles.maintenanceBox} ${value.isChecked ? styles.maintenanceBoxSelected : ''}`}\n                  data-gtm=\"gtm-newcar-simulator-modalMainte-maintePlan\"\n                  onClick={() => {\n                    simulationManagerStore.changeMaintenance(value.id);\n                    next(currentStep, maxStep);\n                  }}\n                >\n                  <p className={`is-size-4 ${styles.osusumeLabel} ${index === 0 ? '' : 'is-hidden'}`}>\n                    <i>繧ｪ繧ｹ繧ｹ繝｡</i>\n                  </p>\n                  <div className=\"columns is-mobile is-vcentered is-full-width is-padding-bottom-1\">\n                    <i className={`is-margin-left-5 ${styles.mainteplanIcon} ${getColorStyle(value.id)}`} />\n                    <p className=\"column is-size-5 has-text-black-ter has-text-left is-padding-left-3 is-padding-right-5\">{value.name}</p>\n                    <p className=\"column is-size-5 is-narrow has-text-black-ter\">\n                      <strong>\n                        <span className={`${styles.plus}`}>+</span>\n                        <span className=\"is-margin-left-2 is-margin-right-2\">{value.price}</span>\n                      </strong>\n                      <span className=\"is-size-7\">蜀�</span>\n                    </p>\n                  </div>\n                  {value.overview && (\n                    <div className={`column is-size-5 has-text-black-ter has-text-left is-padding-left-5 is-12-mobile is-padding-top-1 ${styles.overview}`}>\n                      {value.overview}\n                    </div>\n                  )}\n                </div>\n              </li>\n            )))()}\n          </ul>\n        </div>\n        <div className=\"column is-one-fifth is-hidden-touch\" />\n      </div>\n      {/* 隱ｬ譏� */}\n      <div className=\"columns is-mobile\">\n        <div className=\"column is-one-fifth is-hidden-touch\" />\n        <div className={`column ${simulationManagerStore.maintenancePlanList.length > 0 ? '' : 'is-hidden'}`}>\n          <dl className={`columns is-mobile has-text-centered is-size-5 is-size-7-mobile ${styles.maintenanceTableHead}`}>\n            <dt className=\"column is-border-bottom-line\">\n              <div className=\"has-background-primary has-text-white\">蟇ｾ雎｡鬆�岼</div>\n            </dt>\n            <dd className=\"column is-narrow is-border-bottom-line\">\n              <div className=\"has-text-white\">繝励Λ繝√リ</div>\n            </dd>\n            <dd className=\"column is-narrow is-border-bottom-line\">\n              <div className=\"has-text-white\">繧ｴ繝ｼ繝ｫ繝�</div>\n            </dd>\n            <dd className=\"column is-narrow is-border-bottom-line\">\n              <div className=\"has-text-white\">繧ｷ繝ｫ繝舌�</div>\n            </dd>\n          </dl>\n          <dl className={`columns is-mobile ${styles.maintenanceTableBody}`}>\n            <dt className=\"column is-size-6 is-padding-1 is-border-bottom-line\">\n              <div className=\"has-text-black-ter\">蜴溽憾蝗槫ｾｩ雋ｻ逕ｨ陬懷─縲∬ｻ頑､懃せ讀懈侭縲√お繝ｳ繧ｸ繝ｳ繧ｪ繧､繝ｫ莠､謠帙↑縺ｩ</div>\n            </dt>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-white has-text-centered\">笳�</div>\n            </dd>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-black-ter has-text-centered\">笳ｯ</div>\n            </dd>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-black-ter has-text-centered\">笳ｯ</div>\n            </dd>\n          </dl>\n          <dl className={`columns is-mobile ${styles.maintenanceTableBody}`}>\n            <dt className=\"column is-size-6 is-padding-1 is-border-bottom-line\">\n              <div className=\"has-text-black-ter\">\n                繧ｿ繧､繝､繝｡繝ｳ繝�リ繝ｳ繧ｹ縲√ヶ繝ｬ繝ｼ繧ｭ繧ｪ繧､繝ｫ莠､謠帙€√ヶ繝ｬ繝ｼ繧ｭ繝代ャ繝我ｺ､謠帙↑縺ｩ\n              </div>\n            </dt>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-white has-text-centered\">笳�</div>\n            </dd>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-black-ter has-text-centered\">笳ｯ</div>\n            </dd>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-black-ter has-text-centered\">笨�</div>\n            </dd>\n          </dl>\n          <dl className={`columns is-mobile ${styles.maintenanceTableBody}`}>\n            <dt className=\"column is-size-6 is-padding-1 is-border-bottom-line\">\n              <div className=\"has-text-black-ter\">\n                繝｡繝ｼ繧ｫ繝ｼ荳€闊ｬ菫晁ｨｼ邨ゆｺ�ｾ後�髟ｷ譛溷ｻｶ髟ｷ菫晁ｨｼ\n              </div>\n            </dt>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-white has-text-centered\">\n                笳欺n                <span className=\"is-size-7\">窶ｻ1</span>\n              </div>\n            </dd>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-black-ter has-text-centered\">\n                笳ｯ\n                <span className=\"is-size-7\">窶ｻ2</span>\n              </div>\n            </dd>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-black-ter has-text-centered\">\n                笳ｯ\n                <span className=\"is-size-7\">窶ｻ2</span>\n              </div>\n            </dd>\n          </dl>\n          <dl className={`columns is-mobile ${styles.maintenanceTableBody}`}>\n            <dt className=\"column is-size-6 is-padding-1 is-border-bottom-line\">\n              <div className=\"has-text-black-ter\">\n                繝｡繝ｼ繧ｫ繝ｼ迚ｹ蛻･菫晁ｨｼ邨ゆｺ�ｾ後�髟ｷ譛溷ｻｶ髟ｷ菫晁ｨｼ\n              </div>\n            </dt>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-white has-text-centered\">\n                笳欺n                <span className=\"is-size-7\">窶ｻ1</span>\n              </div>\n            </dd>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-black-ter has-text-centered\">笨�</div>\n            </dd>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-black-ter has-text-centered\">笨�</div>\n            </dd>\n          </dl>\n          <p className=\"is-size-6 has-text-black-ter\">窶ｻ繝励Λ繝√リ繝励Λ繝ｳ縺ｯ繝ｪ繝ｼ繧ｹ譛滄俣6蟷ｴ��11蟷ｴ縺ｧ縺泌刈蜈･縺�◆縺�縺代∪縺吶€�</p>\n          <p className=\"is-size-6 has-text-black-ter\">窶ｻ1 繝ｪ繝ｼ繧ｹ譛滄俣貅€莠�∪縺溘�襍ｰ陦瑚ｷ晞屬10荳㌣m</p>\n          <p className=\"is-size-6 has-text-black-ter\">窶ｻ2 繝｡繝ｼ繧ｫ繝ｼ菫晁ｨｼ譛滄俣蠕後°繧�2蟷ｴ縺ｾ縺溘�襍ｰ陦瑚ｷ晞屬10荳㌣m</p>\n        </div>\n        <div className=\"column is-one-fifth is-hidden-touch\" />\n      </div>\n      <div className={`column is-padding-4 has-text-centered ${simulationManagerStore.maintenancePlanList.length === 0 ? '' : 'is-hidden'}`}>\n        縺秘∈謚槭＞縺溘□縺�※縺�ｋ霆顔ｨｮ縺ｧ縺ｯ\n        <br />\n        繝｡繝ｳ繝�リ繝ｳ繧ｹ繝励Λ繝ｳ繧偵＃蛻ｩ逕ｨ縺�◆縺�縺上％縺ｨ縺ｯ縺ｧ縺阪∪縺帙ｓ縲�\n      </div>\n      <div className=\"has-text-centered is-margin-top-5 is-margin-bottom-5\">\n        <a href={NEWCAR_DEFINE.PATH.MAINTENANCE} target=\"_blank\" className=\"is-size-5 has-text-link is-vcentered\" data-gtm=\"gtm-newcar-simulator-modalMainte-toMaintePageLink\" rel=\"noreferrer\">\n          繝｡繝ｳ繝�リ繝ｳ繧ｹ繝励Λ繝ｳ縺ｮ隧ｳ邏ｰ繧定ｦ九ｋ\n          <img className={`is-margin-left-3 ${styles.verticalAlignTextTop}`} width={15} height={15} src={iconLinkBlank} alt=\"繝ｪ繝ｳ繧ｯ繧｢繧､繧ｳ繝ｳ\" />\n        </a>\n      </div>\n      <div className=\"column is-one-fifth is-hidden-touch\" />\n    </div>\n  );\n};\n\nexport default ModalMaintenance;\n","import React, {\n  FC, useContext, useState, useEffect,\n} from 'react';\nimport { Observer } from 'mobx-react-lite';\nimport CARMO_CONST from '@/common/util/const';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport iconLinkBlank from '@/newcar/ui/detail/img/icon-link-blank.svg';\nimport * as styles from '@/newcar/ui/detail/organism/modal/ModalSP.module.styl';\n\ninterface ModalMaintenanceSPProps {\n  isShow: boolean;\n}\n\nconst ModalMaintenanceSP: FC<ModalMaintenanceSPProps> = ({ isShow }) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  const [style, setStyle] = useState({});\n\n  useEffect(() => {\n    if (isShow) {\n      setStyle({});\n    } else {\n      // 繧ｳ繝ｳ繝�Φ繝��鬮倥＆縺御ｸ€逡ｪ鬮倥＞縺ｨ縺薙ｍ縺ｧ謠�▲縺ｦ縺励∪縺��縺ｧ髱櫁｡ｨ遉ｺ縺ｮ譎ゅ�鬮倥＆繧�0縺ｫ縺吶ｋ\n      setTimeout(() => setStyle({ height: '0px' }), 400);\n    }\n  }, [isShow]);\n\n  // 繝｡繝ｳ繝��繝ｩ繝ｳ縺斐→縺ｮ繧ｹ繧ｿ繧､繝ｫ繧定ｿ斐☆\n  const planStyle = (id: NEWCAR_CONST.MAINTENANCE.PLAN) => {\n    switch (id) {\n      case NEWCAR_CONST.MAINTENANCE.PLAN.PLATINUM:\n        return styles.platinum;\n      case NEWCAR_CONST.MAINTENANCE.PLAN.GOLD:\n        return styles.gold;\n      case NEWCAR_CONST.MAINTENANCE.PLAN.SILVER:\n        return styles.silver;\n      default:\n        return '';\n    }\n  };\n\n  return (\n    <Observer>\n      {() => (\n        <div className={`${styles.content} is-padding-5`} style={style} data-type=\"maintenance-setting\">\n          <h2 className=\"has-text-centered is-margin-bottom-3 is-size-3 has-text-weight-light\">繝｡繝ｳ繝��繝ｩ繝ｳ繧偵∴繧峨�</h2>\n          <div className=\"is-margin-bottom-6\">\n            {simulationManagerStore.maintenancePlanList.map((value, index) => (\n              <div className={`${styles.radioRow} ${styles.isMainte} is-padding-1`} key={index.toString()}>\n                <input\n                  type=\"radio\"\n                  name=\"mainte\"\n                  id={`mainte-${index}`}\n                  checked={value.isChecked}\n                  onClick={() => simulationManagerStore.changeMaintenance(value.id)}\n                  data-gtm=\"gtm-newcar-simulator-modalMainte-maintePlan\"\n                />\n                <label htmlFor={`mainte-${index}`} className=\"box is-block\">\n                  {index === 0 && (\n                    <p className={`${styles.recommend} is-margin-top-3 is-margin-left-4 has-background-primary has-text-weight-semibold has-text-white is-size-6`}>\n                      縺翫☆縺吶ａ\n                    </p>\n                  )}\n\n                  <div className={`${styles.mainteHeader} is-padding-3`}>\n                    <p className={`${planStyle(value.id)} is-size-5 has-text-weight-bold is-padding-left-3 is-padding-right-3`}>\n                      {value.name}\n                    </p>\n                    <p className=\"is-size-5 has-text-black-ter is-padding-right-2\">\n                      {(value.price && value.price > 0) ? `+${CARMO_CONST.COMMA_FORMAT(value.price)}蜀�` : ''}\n                    </p>\n                  </div>\n\n                  {value.overview && (\n                    <div className={`${styles.overview} is-size-5 has-text-black-ter is-margin-left-4 is-margin-right-4 is-padding-top-3 is-padding-bottom-3`}>\n                      {value.id === NEWCAR_CONST.MAINTENANCE.PLAN.PLATINUM && (\n                        <>\n                          <h3 className={styles.overviewHeading}>髟ｷ縺丞ｮ牙ｿ�＠縺ｦ霆翫↓荵励ｊ縺溘＞譁ｹ縺ｫ縺翫☆縺吶ａ��</h3>\n                          <span className={styles.overviewNotice}>\n                            窶ｻ繝ｪ繝ｼ繧ｹ譛滄俣6蟷ｴ��11蟷ｴ縺ｧ縺泌刈蜈･縺�◆縺�縺代∪縺兔n                          </span>\n                          <ul className={styles.overviewList}>\n                            <li className={styles.overviewListItem}>霆頑､�</li>\n                            <li className={styles.overviewListItem}>\n                              蜴溽憾蝗槫ｾｩ雋ｻ逕ｨ陬懷─\n                              <span className={styles.overviewAsterisk}>窶ｻ1</span>\n                            </li>\n                            <li className={styles.overviewListItem}>繧ｨ繝ｳ繧ｸ繝ｳ繧ｪ繧､繝ｫ縲√が繧､繝ｫ繝輔ぅ繝ｫ繧ｿ繝ｼ莠､謠帙↑縺ｩ</li>\n                            <li className={styles.overviewListItem}>繧ｿ繧､繝､繝｡繝ｳ繝�€√ヶ繝ｬ繝ｼ繧ｭ繧ｪ繧､繝ｫ莠､謠帙↑縺ｩ</li>\n                            <li className={styles.overviewListItem}>\n                              繝｡繝ｼ繧ｫ繝ｼ迚ｹ蛻･菫晁ｨｼ邨ゆｺ�ｾ後�蟒ｶ髟ｷ\n                              <span className={styles.overviewAsterisk}>窶ｻ2</span>\n                            </li>\n                          </ul>\n                        </>\n                      )}\n                      {value.id === NEWCAR_CONST.MAINTENANCE.PLAN.GOLD && (\n                        <>\n                          <h3 className={styles.overviewHeading}>繧医ｊ螳牙ｿ�＠縺ｦ繧ｫ繝ｼ繝ｩ繧､繝輔ｒ讌ｽ縺励∩縺溘＞譁ｹ縺ｫ縺翫☆縺吶ａ��</h3>\n                          <ul className={styles.overviewList}>\n                            <li className={styles.overviewListItem}>霆頑､�</li>\n                            <li className={styles.overviewListItem}>\n                              蜴溽憾蝗槫ｾｩ雋ｻ逕ｨ陬懷─\n                              <span>窶ｻ1</span>\n                            </li>\n                            <li className={styles.overviewListItem}>繧ｨ繝ｳ繧ｸ繝ｳ繧ｪ繧､繝ｫ縲√が繧､繝ｫ繝輔ぅ繝ｫ繧ｿ繝ｼ莠､謠帙↑縺ｩ</li>\n                            <li className={styles.overviewListItem}>繧ｿ繧､繝､繝｡繝ｳ繝�€√ヶ繝ｬ繝ｼ繧ｭ繧ｪ繧､繝ｫ莠､謠帙↑縺ｩ</li>\n                          </ul>\n                        </>\n                      )}\n                      {value.id === NEWCAR_CONST.MAINTENANCE.PLAN.SILVER && (\n                        <>\n                          <h3 className={styles.overviewHeading}>譛€菴朱剞繧偵き繝舌�縺励◆繝吶�繧ｷ繝�け縺ｪ繝励Λ繝ｳ��</h3>\n                          <ul className={styles.overviewList}>\n                            <li className={styles.overviewListItem}>霆頑､�</li>\n                            <li className={styles.overviewListItem}>\n                              蜴溽憾蝗槫ｾｩ雋ｻ逕ｨ陬懷─\n                              <span>窶ｻ1</span>\n                            </li>\n                            <li className={styles.overviewListItem}>繧ｨ繝ｳ繧ｸ繝ｳ繧ｪ繧､繝ｫ縲√が繧､繝ｫ繝輔ぅ繝ｫ繧ｿ繝ｼ莠､謠帙↑縺ｩ</li>\n                          </ul>\n                        </>\n                      )}\n                    </div>\n                  )}\n                </label>\n              </div>\n            ))}\n          </div>\n\n          {/* 隱ｬ譏� */}\n          {simulationManagerStore.maintenancePlanList.length === 0 ? (\n            <div className=\"column is-padding-4 has-text-centered\">\n              縺秘∈謚槭＞縺溘□縺�※縺�ｋ霆顔ｨｮ縺ｧ縺ｯ繝｡繝ｳ繝�リ繝ｳ繧ｹ繝励Λ繝ｳ繧偵＃蛻ｩ逕ｨ縺�◆縺�縺上％縺ｨ縺ｯ縺ｧ縺阪∪縺帙ｓ縲�\n            </div>\n          ) : (\n            <div className=\"columns is-mobile\">\n              <div className=\"column is-one-fifth is-hidden-touch\" />\n              <div className=\"column\">\n                <p className={`has-text-black-ter ${styles.maintenanceMemo}`}>窶ｻ1�牙･醍ｴ�ｺ€莠�凾縺ｫ霑泌唆縺吶ｋ蝣ｴ蜷医�陬懷─</p>\n                <p className={`has-text-black-ter ${styles.maintenanceMemo}`}>窶ｻ2�峨Μ繝ｼ繧ｹ譛滄俣貅€莠�∪縺溘�襍ｰ陦瑚ｷ晞屬10荳㌣m</p>\n              </div>\n              <div className=\"column is-one-fifth is-hidden-touch\" />\n            </div>\n          )}\n          <div className=\"has-text-centered is-margin-top-5 is-margin-bottom-5\">\n            <a href={NEWCAR_DEFINE.PATH.MAINTENANCE} target=\"_blank\" className=\"is-size-5 has-text-link is-vcentered\" data-gtm=\"gtm-newcar-simulator-modalMainte-toMaintePageLink\" rel=\"noreferrer\">\n              繝｡繝ｳ繝�リ繝ｳ繧ｹ繝励Λ繝ｳ縺ｮ隧ｳ邏ｰ繧定ｦ九ｋ\n              <img className={`is-margin-left-3 ${styles.verticalAlignTextTop}`} width={15} height={15} src={iconLinkBlank} alt=\"繝ｪ繝ｳ繧ｯ繧｢繧､繧ｳ繝ｳ\" />\n            </a>\n          </div>\n          <div className=\"column is-one-fifth is-hidden-touch\" />\n        </div>\n      )}\n    </Observer>\n  );\n};\n\nexport default ModalMaintenanceSP;\n","/* eslint-disable max-len */\nimport React, {\n  FC, useContext, useState, useEffect,\n} from 'react';\nimport { navigate } from 'gatsby';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport SimulationResultManagerStoreContext from '@/newcar/ui/common/context/SimulationResultManagerStoreContext';\nimport searchCarStoreContext from '@/newcar/ui/common/context/searchCarStoreContext';\nimport InterruptionStoreContext from '@/newcar/ui/common/context/InterruptionStoreContext';\nimport ColorSquare from '@/newcar/ui/detail/molecule/ColorSquare';\nimport * as styles from '@/newcar/ui/detail/organism/modal/ModalSP.module.styl';\n\ninterface ModalResultProps {\n  isShow: boolean;\n  thumbnailUrl: string;\n  onClickBack: () => void;\n  openSavedPlanModal: () => void;\n}\n\nconst ModalResult: FC<ModalResultProps> = ({\n  isShow, thumbnailUrl, openSavedPlanModal, onClickBack,\n}) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n  const simulationResultManagerStore = useContext(SimulationResultManagerStoreContext);\n  const searchCarStore = useContext(searchCarStoreContext);\n  const interruptionStore = useContext(InterruptionStoreContext);\n\n  const carDigest = searchCarStore.lastViewCarDigest;\n  const makerName = carDigest ? carDigest.makerName : '';\n  const carName = carDigest ? carDigest.name : '';\n\n  // 繧ｰ繝ｬ繝ｼ繝噂n  const grade = simulationManagerStore.nowSelectGrade;\n  const gradeName = grade ? grade.name : '';\n  // const gradeSub = grade ? grade.sub : '';\n\n  // 驥鷹｡構n  const nomalPrice = simulationManagerStore.nowSelectBasePrice ? simulationManagerStore.nowSelectBasePrice.toLocaleString() : '';\n  const discountPrice = simulationManagerStore.nowSelectPrice ? simulationManagerStore.nowSelectPrice.toLocaleString() : '';\n\n  // 繝懊ョ繧｣繧ｫ繝ｩ繝ｼ\n  const bodyColor = simulationManagerStore.nowSelectBodyColor;\n  const bodyColorName = bodyColor ? bodyColor.bodyColorName : '';\n  const colorCode1 = bodyColor ? bodyColor.colorCode1 : '';\n  const colorCode2 = bodyColor ? bodyColor.colorCode2 : '';\n\n  // 繧ｪ繝励す繝ｧ繝ｳ\n  const hasCarNavi = simulationManagerStore.nowSelectCarNavi !== '100001';\n  const carNaviPrice = simulationManagerStore.carNaviList[0] ? simulationManagerStore.carNaviList[0].price?.toLocaleString() : '';\n  const hasBackCamera = simulationManagerStore.nowSelectBackCamera !== '100002';\n  const backCameraPrice = simulationManagerStore.backCameraList[0] ? simulationManagerStore.backCameraList[0].price?.toLocaleString() : '';\n  const hasEtc = simulationManagerStore.nowSelectEtc !== '100003';\n  const etcPrice = simulationManagerStore.etcList[0] ? simulationManagerStore.etcList[0].price?.toLocaleString() : '';\n  const hasFloorMat = simulationManagerStore.nowSelectFloorMat !== '100004';\n  const floorMatPrice = simulationManagerStore.floorMatList[0] ? simulationManagerStore.floorMatList[0].price?.toLocaleString() : '';\n  const hasWantNo = simulationManagerStore.nowSelectWantNo !== '100005';\n  const wantNoPrice = simulationManagerStore.wantNoList[0] ? simulationManagerStore.wantNoList[0].price?.toLocaleString() : '';\n  const hasDoorVisor = simulationManagerStore.nowSelectDoorVisor !== '100006';\n  const doorVisorPrice = simulationManagerStore.doorVisorList[0] ? simulationManagerStore.doorVisorList[0].price?.toLocaleString() : '';\n  const hasWantCar = simulationManagerStore.nowSelectWantCar !== 'no';\n  const wantCarPrice = simulationManagerStore.wantCarPrice ? simulationManagerStore.wantCarPrice.toLocaleString() : '';\n  const hasOption = hasCarNavi || hasBackCamera || hasEtc || hasFloorMat || hasWantNo || hasDoorVisor || hasWantCar;\n\n  // 繝｡繝ｳ繝��繝ｩ繝ｳ\n  const maintenanceName = NEWCAR_CONST.MAINTENANCE.PLAN_SHORT_NAME(simulationManagerStore.nowPickedMaintenancePlan) || '縺ｪ縺�';\n  const maintenanceColor = () => {\n    switch (simulationManagerStore.nowPickedMaintenancePlan) {\n      case NEWCAR_CONST.MAINTENANCE.PLAN.PLATINUM:\n        return '#2c5488';\n      case NEWCAR_CONST.MAINTENANCE.PLAN.GOLD:\n        return '#dfaf2e';\n      case NEWCAR_CONST.MAINTENANCE.PLAN.SILVER:\n        return '#b2b2b2';\n      default:\n        return '';\n    }\n  };\n  const maintenancePrice = () => {\n    const list = simulationManagerStore.maintenancePlanList;\n    const targetId = simulationManagerStore.nowPickedMaintenancePlan;\n    const maintenancePlan = list.find((item) => (item.id === targetId));\n    return maintenancePlan ? maintenancePlan.price.toLocaleString() : '';\n  };\n\n  const [style, setStyle] = useState({});\n  const [isSaved, setIsSaved] = useState(false);\n\n  useEffect(() => {\n    if (isShow) {\n      setStyle({});\n    } else {\n      // 繧ｳ繝ｳ繝�Φ繝��鬮倥＆縺御ｸ€逡ｪ鬮倥＞縺ｨ縺薙ｍ縺ｧ謠�▲縺ｦ縺励∪縺��縺ｧ髱櫁｡ｨ遉ｺ縺ｮ譎ゅ�鬮倥＆繧�0縺ｫ縺吶ｋ\n      setTimeout(() => setStyle({ height: '0px' }), 400);\n    }\n  }, [isShow]);\n\n  // 繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ邨先棡繧剃ｿ晏ｭ禄n  const savePlan = () => {\n    if (isSaved) return;\n    simulationResultManagerStore.addSimulation({\n      customerSelection: simulationManagerStore.nowCustomerSelection,\n      carDigest: simulationManagerStore.nowCarDigest,\n      grade: simulationManagerStore.nowGrade,\n      bodyColor: simulationManagerStore.nowSimulationBodyColor,\n      totalPrice: simulationManagerStore.nowSelectPrice,\n      optionstring: simulationManagerStore.nowSelectOption,\n      option: simulationManagerStore.nowSimulationOpstions,\n    });\n    // 繝代Λ繝｡繝ｼ繧ｿ繧貞､画峩\n    if (window && !/s1=/.test(window.location.search)) {\n      const paramstring = simulationManagerStore.urlParams;\n      if (paramstring) {\n        if (window.location.pathname.slice(-1) === '/') {\n          window.history.replaceState(null, '', `${window.location.pathname}?${paramstring}&s1=1`);\n        } else {\n          window.history.replaceState(null, '', `${window.location.pathname}/?${paramstring}&s1=1`);\n        }\n      }\n    }\n    setIsSaved(true);\n    openSavedPlanModal();\n  };\n\n  const goToEntryForm = () => {\n    // 逕ｳ縺苓ｾｼ縺ｿ縺ｸ騾ｲ繧薙□蜀�ｮｹ繧定ｨ倬鹸\n    interruptionStore.addItem(simulationManagerStore);\n\n    if (simulationManagerStore.nowSelectGrade) {\n      simulationManagerStore.saveEntryBreakdown(NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL);\n    } else {\n      simulationManagerStore.nowCarToUndefined();\n      simulationManagerStore.saveEntryBreakdown(NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND_SP);\n    }\n    navigate(NEWCAR_DEFINE.PATH.FORM_CONTACT_INFO);\n  };\n\n  return (\n    <div className={`${styles.content}`} style={style} data-type=\"simulation-result\">\n      <div className=\"has-background-white is-padding-5 is-margin-bottom-3\">\n        <div className={styles.resultCarContainer}>\n          <div className={styles.resultCarThumbnail}>\n            <img src={thumbnailUrl} alt=\"霆顔判蜒十" height=\"64\" />\n          </div>\n          <div className={styles.resultCarName}>\n            {/* <h3 className=\"has-text-weight-bold\">譛磯｡肴侭驥�</h3> */}\n            <p>\n              {makerName}\n              <br />\n              <span className=\"has-text-weight-bold\">\n                {carName}\n              </span>\n              {/* <small className=\"is-padding-left-5\">{gradeSub}</small> */}\n            </p>\n          </div>\n        </div>\n        <div className=\"columns is-mobile is-padding-top-5 is-margin-bottom-3\">\n          <div className={`${styles.resultPrice}`}>\n            <div className={`is-flex ${styles.resultPriceGap}`}>\n              <p className={`${styles.item} ${styles.adjust} is-size-6 is-padding-right-3`}>騾壼ｸｸ萓｡譬ｼ</p>\n              <div className={`${styles.resultPriceContentRight} ${styles.isNormal}`}>\n                <span className=\"is-size-5\">譛磯｡�</span>\n                <s>\n                  {nomalPrice}\n                  <small className=\"is-size-6\">蜀�(遞手ｾｼ)</small>\n                </s>\n              </div>\n            </div>\n            <div className={`${styles.priceTrico}`} />\n            <div className={`is-flex ${styles.resultPriceGap}`}>\n              <strong className={`${styles.item} ${styles.priceColorBlue} ${styles.priceContentLeft} is-size-6 is-padding-right-3`}>\n                繝阪ャ繝亥牡\n                <br />\n                驕ｩ逕ｨ蠕御ｾ｡譬ｼ\n              </strong>\n              <div className={styles.resultPriceContentRight}>\n                <span className={styles.resultPriceMonthlyLabel}>譛磯｡�</span>\n                <span>\n                  <strong className={`${styles.discountPrice} ${styles.priceColorBlue}`}>{discountPrice}</strong>\n                  <small className=\"is-size-6 has-text-black-ter\">蜀�(遞手ｾｼ)</small>\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <p className={`${styles.annotation} ${styles.asterisk} is-margin-bottom-5`}>蜀咏悄縺ｯ繧､繝｡繝ｼ繧ｸ縺ｧ縺吶€ゅす繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ縺ｧ驕ｸ謚槭＠縺溘き繝ｩ繝ｼ繧�げ繝ｬ繝ｼ繝峨→逡ｰ縺ｪ縺｣縺ｦ縺�ｋ縺薙→縺後≠繧翫∪縺吶€�</p>\n\n        {/* CTA */}\n        <div className={`${styles.naviPlanBalloon}`}>\n          譛€螟ｧ\n          <span className={`${styles.naviPlanText}`}>\n            3荳��\n          </span>\n          蛻�ｽ薙◆繧具ｼ√く繝｣繝ｳ繝壹�繝ｳ蟇ｾ雎｡\n        </div>\n        <div>\n          <button\n            type=\"button\"\n            className={`\n              ${styles.resultCta} ${styles.isBlue}\n              button is-large is-size-4 is-full-width has-text-white\n            `}\n            data-gtm=\"gtm-newcar-simulator-modalResult-FVnextBtn\"\n            onClick={goToEntryForm}\n          >\n            <strong>縺薙�蜀�ｮｹ縺ｧ蟇ｩ譟ｻ繧堤筏縺苓ｾｼ繧€</strong>\n            <span className=\"icon-arrow-right-big is-margin-right-2\" />\n          </button>\n          <p className={`${styles.annotation} has-text-centered is-margin-top-3`}>\n            窶ｻ蟇ｩ譟ｻ逕ｳ霎ｼ縺ｿ縺ｯ螂醍ｴ�〒縺ｯ縺ゅｊ縺ｾ縺帙ｓ\n            <br />\n            窶ｻ蟇ｩ譟ｻ蠕後〒繧ゅげ繝ｬ繝ｼ繝牙､画峩繝ｻ繧ｪ繝励す繝ｧ繝ｳ霑ｽ蜉�縺ｧ縺阪∪縺兔n          </p>\n          <button\n            type=\"button\"\n            className={styles.whiteButton}\n            data-gtm=\"gtm-newcar-simulator-modalResult-nextBtn\"\n            onClick={savePlan}\n          >\n            <span className={`${styles.saveText} ${isSaved && styles.saved}`} data-gtm=\"gtm-newcar-simulator-modalResult-nextBtn\">\n              {isSaved ? '菫晏ｭ俶ｸ医∩' : '邨先棡繧偵�繧､繝励Λ繝ｳ縺ｨ縺励※菫晏ｭ�'}\n            </span>\n          </button>\n        </div>\n      </div>\n\n      <div className={`${styles.resultDetail} is-padding-5`}>\n        <h3 className=\"has-text-weight-bold is-margin-bottom-5\">繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ蜀�ｮｹ</h3>\n        <dl>\n          <div className=\"is-padding-left-3 is-padding-bottom-3\">\n            <dt className={`has-text-weight-semibold ${styles.resultCategoryTitle}`}>\n              縺泌茜逕ｨ譛滄俣\n            </dt>\n            <dd className=\"has-text-weight-bold\">\n              {simulationManagerStore.nowSelectTerm}\n              蟷ｴ\n            </dd>\n          </div>\n          <div className=\"is-padding-left-3 is-margin-top-4 is-padding-bottom-3\">\n            <dt className={`has-text-weight-semibold ${styles.resultCategoryTitle}`}>繧ｰ繝ｬ繝ｼ繝�</dt>\n            <dd className=\"has-text-weight-bold\">{gradeName}</dd>\n          </div>\n          <div className=\"is-padding-left-3 is-margin-top-4 is-padding-bottom-3\">\n            <dt className={`has-text-weight-semibold ${styles.resultCategoryTitle}`}>繧ｫ繝ｩ繝ｼ</dt>\n            <dd className=\"has-text-weight-bold is-flex has_vertical_centered\">\n              {bodyColorName ? (\n                <>\n                  <ColorSquare width={15} height={15} colorCode1={colorCode1} colorCode2={colorCode2} />\n                  <span className=\"is-padding-left-2\">{bodyColorName}</span>\n                </>\n              ) : (\n                <>譛ｪ驕ｸ謚橸ｼ医＃蝠�ｫ�凾縺ｫ驕ｸ縺ｹ縺ｾ縺呻ｼ�</>\n              )}\n            </dd>\n          </div>\n          <div className={`${styles.option} is-padding-left-3 is-margin-top-4 is-padding-bottom-3`}>\n            <dt className={`has-text-weight-semibold ${styles.resultCategoryTitle}`}>繧ｪ繝励す繝ｧ繝ｳ陬�ｙ</dt>\n            {hasCarNavi && (\n              <div className=\"columns is-mobile\">\n                <dd className=\"column has-text-weight-bold\">繧ｫ繝ｼ繝翫ン</dd>\n                <dd className=\"column is-narrow\">{`+${carNaviPrice}蜀�`}</dd>\n              </div>\n            )}\n            {hasBackCamera && (\n              <div className=\"columns is-mobile\">\n                <dd className=\"column has-text-weight-bold\">繝舌ャ繧ｯ繧ｫ繝｡繝ｩ</dd>\n                <dd className=\"column is-narrow\">{`+${backCameraPrice}蜀�`}</dd>\n              </div>\n            )}\n            {hasEtc && (\n              <div className=\"columns is-mobile\">\n                <dd className=\"column has-text-weight-bold\">ETC</dd>\n                <dd className=\"column is-narrow\">\n                  {`+${etcPrice}蜀�`}\n                  {' '}\n                </dd>\n              </div>\n            )}\n            {hasFloorMat && (\n              <div className=\"columns is-mobile\">\n                <dd className=\"column has-text-weight-bold\">繝輔Ο繧｢繝槭ャ繝�</dd>\n                <dd className=\"column is-narrow\">{`+${floorMatPrice}蜀�`}</dd>\n              </div>\n            )}\n            {hasWantNo && (\n              <div className=\"columns is-mobile\">\n                <dd className=\"column has-text-weight-bold\">蟶梧悍繝翫Φ繝舌�</dd>\n                <dd className=\"column is-narrow\">{`+${wantNoPrice}蜀�`}</dd>\n              </div>\n            )}\n            {hasDoorVisor && (\n              <div className=\"columns is-mobile\">\n                <dd className=\"column has-text-weight-bold\">繝峨い繝舌う繧ｶ繝ｼ</dd>\n                <dd className=\"column is-narrow\">{`+${doorVisorPrice}蜀�`}</dd>\n              </div>\n            )}\n            {/* 繧ゅｉ縺医ｋ繧ｪ繝励す繝ｧ繝ｳ縺ｯ繝ｪ繝ｼ繧ｹ蟷ｴ謨ｰ螟峨∴繧九→螟悶ｌ繧九％縺ｨ縺後≠繧九◆繧∵擅莉ｶ繧貞宍縺励￥ */}\n            {(hasWantCar && wantCarPrice) && (\n              <div className=\"columns is-mobile\">\n                <dd className=\"column has-text-weight-bold\">繧ゅｉ縺医ｋ繧ｪ繝励す繝ｧ繝ｳ</dd>\n                <dd className=\"column is-narrow\">{`+${wantCarPrice}蜀�`}</dd>\n              </div>\n            )}\n            {!hasOption && (\n              <div className=\"columns is-mobile has-text-weight-bold\">縺ｪ縺�</div>\n            )}\n          </div>\n          <div className=\"is-padding-left-3 is-margin-top-4\">\n            <dt className={`has-text-weight-semibold ${styles.resultCategoryTitle}`}>繝｡繝ｳ繝�リ繝ｳ繧ｹ繝励Λ繝ｳ</dt>\n            <div className=\"columns is-mobile\">\n              <dd className=\"column is-flex has_vertical_centered\">\n                {maintenanceColor() && (\n                  <svg viewBox=\"0 0 15 15\" width=\"15\" height=\"15\">\n                    <rect fill={maintenanceColor()} x=\"0\" y=\"0\" width=\"15\" height=\"15\" stroke=\"#aaaaaa\" strokeWidth=\"0.5px\" />\n                  </svg>\n                )}\n                <span className=\"is-padding-left-2 has-text-weight-bold\">{maintenanceName}</span>\n              </dd>\n              {maintenancePrice() && (\n                <dd className=\"column is-narrow\">{`+${maintenancePrice()}蜀�`}</dd>\n              )}\n            </div>\n          </div>\n        </dl>\n      </div>\n\n      <div className=\"is-padding-5\">\n        <p className=\"is-size-5\">縲先怦鬘肴侭驥代↓蜷ｫ縺ｾ繧後ｋ繧ゅ�縲�</p>\n        <p className=\"is-size-5\">\n          霆贋ｸ｡譛ｬ菴捺侭縲∬�雉�雋ｬ菫晞匱譁吶€∬�蜍戊ｻ顔ｨ弱€�㍾驥冗ｨ弱€∝魂邏吩ｻ｣縲∫腸蠅�€ｧ閭ｽ蜑ｲ縲∵眠霆顔匳骭ｲ謇区焚譁吶€∽ｻｲ莉区焔謨ｰ譁吶€√♀螳｢讒倥し繝昴�繝域侭\n          <br />\n          窶ｻ譛磯｡肴侭驥代↓蜷ｫ縺ｾ繧後↑縺�ｻ頑､懃せ讀懆ｲｻ逕ｨ縺ｯ縲√Γ繝ｳ繝�リ繝ｳ繧ｹ繝励Λ繝ｳ縺泌刈蜈･縺ｧ螳夐｡肴髪謇輔＞縺ｫ縺ｧ縺阪∪縺吶€�\n        </p>\n      </div>\n\n      <div className=\"is-padding-bottom-6 is-margin-bottom-6\">\n        <button type=\"button\" className={styles.whiteButton} onClick={onClickBack}>\n          謌ｻ繧欺n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default ModalResult;\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { FC, useContext } from 'react';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\n\nimport * as styles from '@/newcar/ui/detail/organism/PlanDialog.module.styl';\nimport NEWCAR_CONST from '@/newcar/util/const';\n\ninterface ModalLeaseProps {\n  closeDialog: () => void;\n}\n\nconst ModalLease: FC<ModalLeaseProps> = ({ closeDialog }) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n  const termList = [\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_11,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_11],\n      price: `${simulationManagerStore.term11SelectPrice}蜀�`,\n\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_10,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_10],\n      price: `${simulationManagerStore.term10SelectPrice}蜀�`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_9,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_9],\n      price: `${simulationManagerStore.term9SelectPrice}蜀�`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_8,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_8],\n      price: `${simulationManagerStore.term8SelectPrice}蜀�`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_7,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_7],\n      price: `${simulationManagerStore.term7SelectPrice}蜀�`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_6,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_6],\n      price: `${simulationManagerStore.term6SelectPrice}蜀�`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_5,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_5],\n      price: `${simulationManagerStore.term5SelectPrice}蜀�`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_4,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_4],\n      price: `${simulationManagerStore.term4SelectPrice}蜀�`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_3,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_3],\n      price: `${simulationManagerStore.term3SelectPrice}蜀�`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_2,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_2],\n      price: `${simulationManagerStore.term2SelectPrice}蜀�`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_1,\n      name: `${NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_1]}(譛€遏ｭ)`,\n      price: `${simulationManagerStore.term1SelectPrice}蜀�`,\n    },\n  ];\n\n  const onClick = (id: NEWCAR_CONST.TERM.ID) => {\n    const prevTerm = simulationManagerStore.nowSelectTerm;\n    if (simulationManagerStore.nowSelectMaintenance\n      === NEWCAR_CONST.MAINTENANCE.PLAN_NAME(NEWCAR_CONST.MAINTENANCE.PLAN.PLATINUM)) {\n      if (id <= 5 && prevTerm >= 6) {\n        // 雉�ｲｸ譛滄俣繧�6蟷ｴ莉･荳翫°繧�5蟷ｴ莉･荳九↓螟画峩縺励◆譎�\n        simulationManagerStore.setIsShowSimulateAlert(true);\n      } else if (prevTerm <= 5 && id >= 6) {\n        // 雉�ｲｸ譛滄俣繧�5蟷ｴ莉･荳九°繧�6蟷ｴ莉･荳翫↓螟画峩縺励◆譎�\n        simulationManagerStore.setIsShowSimulateAlert(true);\n      }\n    }\n    simulationManagerStore.changeTerm(id);\n    closeDialog();\n  };\n\n  return (\n    <div className={`is-padding-5 ${styles.leaseContents}`}>\n      <div className=\"columns縲€is-desktop is-multiline is-vcentered is-margin-bottom-6\">\n        {(() => termList.map((value, index) => (\n          <div\n            className={`column is-margin-top-3 is-margin-bottom-3 ${styles.leaseBox} ${simulationManagerStore.nowSelectTerm === value.id ? styles.leaseBoxSelected : ''}`}\n            key={index.toString()}\n            onClick={() => onClick(value.id)}\n          >\n            <span className=\"checkbox is-full-width\">\n              <div className={`is-full-width has-text-centered is-flex ${styles.leaseLabel}`}>\n                {value.name}\n              </div>\n            </span>\n          </div>\n        )))()}\n      </div>\n    </div>\n  );\n};\n\nexport default ModalLease;\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/control-has-associated-label */\nimport React, {\n  FC, useState, useEffect, useContext, useRef,\n} from 'react';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport CARMO_CONST from '@/common/util/const';\nimport * as styles from '@/newcar/ui/detail/organism/PlanDialog.module.styl';\nimport { Observer } from 'mobx-react-lite';\nimport ModalTerm from '@/newcar/ui/detail/organism/modal/ModalTerm';\nimport ModalGrade from '@/newcar/ui/detail/organism/modal/ModalGrade';\nimport ModalGradeSP from '@/newcar/ui/detail/organism/modal/ModalGradeSP';\nimport ModalBodyColor from '@/newcar/ui/detail/organism/modal/ModalBodyColor';\nimport ModalBodyColorSP from '@/newcar/ui/detail/organism/modal/ModalBodyColorSP';\nimport ModalOption from '@/newcar/ui/detail/organism/modal/ModalOption';\nimport ModalOptionSP from '@/newcar/ui/detail/organism/modal/ModalOptionSP';\nimport ModalMaintenance from '@/newcar/ui/detail/organism/modal/ModalMaintenance';\nimport ModalMaintenanceSP from '@/newcar/ui/detail/organism/modal/ModalMaintenanceSP';\nimport ModalResult from '@/newcar/ui/detail/organism/modal/ModalResult';\nimport ModalLease from '@/newcar/ui/detail/organism/modal/ModalLease';\nimport { ModeType } from '@/newcar/util/const/dialogMode';\nimport NEWCAR_CONST from '@/newcar/util/const';\n\ntype PlanDialogProps ={\n  isShowDialog: boolean;\n  timeoutToClose: () => void;\n  mode: ModeType;\n  selectedPlanID: NEWCAR_CONST.SIMULATION_PLAN.ID;\n  initialStep: number;\n  thumbnailUrl: string;\n  hasWantCar: boolean;\n  openSavedPlanModal: () => void;\n};\n\nconst PlanDialog:FC<PlanDialogProps> = ({\n  isShowDialog,\n  timeoutToClose,\n  mode,\n  selectedPlanID,\n  initialStep,\n  thumbnailUrl,\n  hasWantCar,\n  openSavedPlanModal,\n}) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  // 譛€螟ｧ繧ｹ繝�ャ繝玲焚\n  let maxStep = 0;\n  switch (mode) {\n    case 'sp':\n      maxStep = 6;\n      break;\n    case 'all':\n      maxStep = 4;\n      break;\n    case 'bodyColorAndOption':\n      maxStep = 2;\n      break;\n    default:\n      // bodyColor, option, maintenance, leaseTerm縺ｮ蝣ｴ蜷�\n      maxStep = 1;\n      break;\n  }\n\n  const [\n    step,\n    setStep,\n  ] = useState(initialStep);\n  const [toTop, setToTop] = useState(false);\n\n  const modalRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    // 繝輔ャ繧ｿ繝ｼ縺ｮ繧ｹ繝ｯ繧､繝励ｒ繧､繝吶Φ繝医ｒ辟｡隕悶☆繧欺n    const modalEl = modalRef.current;\n    modalEl?.addEventListener('touchmove', (event) => event.preventDefault(), { passive: false });\n    return () => {\n      modalEl?.removeEventListener('touchmove', (event) => event.preventDefault());\n    };\n  }, [modalRef]);\n\n  // 繝€繧､繧｢繝ｭ繧ｰ縺ｮ陦ｨ遉ｺ繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ縺溘ａ\n  useEffect(() => {\n    setTimeout(() => setToTop(true), 300);\n  }, [isShowDialog]);\n\n  // 繝€繧､繧｢繝ｭ繧ｰ繧帝哩縺倥ｋ繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ縺溘ａ\n  const closeDialog = ():void => {\n    setToTop(false);\n    timeoutToClose();\n  };\n\n  // 繧ｹ繝�ャ繝鈴�遘ｻ譎ゅ↓繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝医ャ繝予n  const scrollTop = () => {\n    const scrollarea = document.getElementById('detail_dialog_scroll_top');\n    if (scrollarea) {\n      scrollarea.scrollTo(0, 0);\n    }\n  };\n\n  // 谺｡縺ｫ繧ｹ繝�ャ繝励∈陦後￥\n  const onClickNext = (current: number, max: number):void => {\n    if (current < max) {\n      setStep(current + 1);\n    } else {\n      closeDialog();\n    }\n    scrollTop();\n  };\n\n  // 繧ｹ繝�ャ繝励ｒ謌ｻ繧欺n  const onClickBack = (current: number):void => {\n    if (current > 1) {\n      setStep(current - 1);\n    } else {\n      closeDialog();\n    }\n    scrollTop();\n  };\n\n  // 繧ｹ繝�ャ繝励�陦ｨ遉ｺ蜃ｺ縺励ｏ縺曾n  const showContentNum = (num: number):string => {\n    switch (num) {\n      case 1:\n        return styles.showContent1;\n      case 2:\n        return styles.showContent2;\n      case 3:\n        return styles.showContent3;\n      case 4:\n        return styles.showContent4;\n      case 5:\n        return styles.showContent5;\n      case 6:\n        return styles.showContent6;\n      default:\n        return '';\n    }\n  };\n\n  // 繝励Λ繝ｳ蜷郁ｨ磯≡鬘構n  const nowSelectDiscountPrice = (): string => {\n    let price;\n    if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL) {\n      price = simulationManagerStore.nowSelectPrice;\n    } else if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      price = simulationManagerStore.nowSelectSimplePrice;\n    } else if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      price = simulationManagerStore.nowSelectRecommendPrice;\n    } else if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      price = simulationManagerStore.nowSelectRichPrice;\n    }\n    if (price) {\n      return CARMO_CONST.COMMA_FORMAT(price);\n    }\n    return '---,---';\n  };\n\n  const nextStepText = () => {\n    switch (step) {\n      case 1:\n        return '谺｡縺ｸ�医げ繝ｬ繝ｼ繝蛾∈謚橸ｼ�';\n      case 2:\n        return '谺｡縺ｸ�医き繝ｩ繝ｼ驕ｸ謚橸ｼ�';\n      case 3:\n        return '谺｡縺ｸ�医が繝励す繝ｧ繝ｳ驕ｸ謚橸ｼ�';\n      case 4:\n        return '谺｡縺ｸ�医Γ繝ｳ繝�リ繝ｳ繧ｹ繝励Λ繝ｳ驕ｸ謚橸ｼ�';\n      case 5:\n        return '邨先棡繧偵∩繧�';\n      default:\n        return '';\n    }\n  };\n\n  const isSkip = ():boolean => {\n    if (maxStep === 4 && (step === 2 || step === 4)) {\n      return true;\n    }\n    if (maxStep === 2 && step === 1) {\n      return true;\n    }\n    return false;\n  };\n\n  const isBack = () => maxStep > 1 && step > 1;\n\n  const buttonText = () => {\n    if (isSkip()) {\n      return '繧ｹ繧ｭ繝��';\n    } if (step === maxStep) {\n      return '繝励Λ繝ｳ繧呈峩譁ｰ';\n    }\n    return '谺｡縺ｸ';\n  };\n\n  const getModalName = () => {\n    switch (mode) {\n      case 'sp':\n        return NEWCAR_CONST.SIMULATION_MODAL.SP[step];\n      case 'all':\n        return NEWCAR_CONST.SIMULATION_MODAL.ORIGINAL[step];\n      case 'bodyColorAndOption':\n        return NEWCAR_CONST.SIMULATION_MODAL.OTHER[step];\n      default:\n        return '';\n    }\n  };\n\n  const gtmTagModalCloseBtn = () => `gtm-newcar-simulator-${getModalName()}-closeBtn`;\n  const gtmTagModalNextBtn = () => `gtm-newcar-simulator-${getModalName()}-nextBtn`;\n\n  return (\n    <Observer>\n      {() => (\n        <section className={styles.dialogWrap}>\n          <div className={`has-background-white-ter ${styles.dialog} ${toTop ? styles.dialogToTop : styles.dialogClose}`}>\n            <div className={`${styles.redBand}`} />\n\n            <div className={`${styles.scrollContent} ${(mode === 'leaseTerm' || (mode === 'sp' && step === maxStep)) && styles.height100}`} id=\"detail_dialog_scroll_top\">\n              {/* 繝倥ャ繝€繝ｼ */}\n              <div className={`is-relative has-text-centered ${styles.stepPadding}`}>\n                <div>\n                  {(() => {\n                    switch (mode) {\n                      case 'sp':\n                        return step !== maxStep ? (\n                          <div className={`columns is-mobile is-padding-right-3 ${styles.stepWrap}`}>\n                            <div className={`column ${step === 1 ? styles.nowStep : styles.endStep}`}>\n                              <i>1</i>\n                              <p>縺泌茜逕ｨ譛滄俣</p>\n                            </div>\n                            <div className={`column ${step < 2 && styles.yetStep} ${step === 2 && styles.nowStep} ${step > 2 && styles.endStep}`}>\n                              <i>2</i>\n                              <p>繧ｰ繝ｬ繝ｼ繝�</p>\n                            </div>\n                            <div className={`column ${step < 3 && styles.yetStep} ${step === 3 && styles.nowStep} ${step > 3 && styles.endStep}`}>\n                              <i>3</i>\n                              <p>繝懊ョ繧｣繧ｫ繝ｩ繝ｼ</p>\n                            </div>\n                            <div className={`column ${step < 4 && styles.yetStep} ${step === 4 && styles.nowStep} ${step > 4 && styles.endStep}`}>\n                              <i>4</i>\n                              <p>繧ｪ繝励す繝ｧ繝ｳ</p>\n                            </div>\n                            <div className={`column ${step < 5 && styles.yetStep} ${step === 5 && styles.nowStep} ${step > 5 && styles.endStep}`}>\n                              <i>5</i>\n                              <p>繝｡繝ｳ繝��繝ｩ繝ｳ</p>\n                            </div>\n                          </div>\n                        ) : (\n                          <h2 className={`has-text-centered has-text-weight-light is-padding-bottom-3 ${styles.headerTitle}`}>繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ邨先棡</h2>\n                        );\n                      case 'all':\n                        return (\n                          <div className={`columns is-mobile ${styles.stepWrap}`}>\n                            <div className={`column ${step === 1 ? styles.nowStep : styles.endStep}`}>\n                              <i>1</i>\n                              <p>繧ｰ繝ｬ繝ｼ繝�</p>\n                            </div>\n                            <div className={`column ${step < 2 && styles.yetStep} ${step === 2 && styles.nowStep} ${step > 2 && styles.endStep}`}>\n                              <i>2</i>\n                              <p>繝懊ョ繧｣繧ｫ繝ｩ繝ｼ</p>\n                            </div>\n                            <div className={`column ${step < 3 && styles.yetStep} ${step === 3 && styles.nowStep} ${step > 3 && styles.endStep}`}>\n                              <i>3</i>\n                              <p>繧ｪ繝励す繝ｧ繝ｳ</p>\n                            </div>\n                            <div className={`column ${step < 4 && styles.yetStep} ${step === 4 && styles.nowStep} ${step > 4 && styles.endStep}`}>\n                              <i>4</i>\n                              <p>繝｡繝ｳ繝��繝ｩ繝ｳ</p>\n                            </div>\n                          </div>\n                        );\n                      case 'bodyColorAndOption':\n                        return (\n                          <div className={`columns is-mobile ${styles.stepWrap} ${styles.stepWrapSmall}`}>\n                            <div className={`column ${step === 1 ? styles.nowStep : styles.endStep}`}>\n                              <i>1</i>\n                              <p>繝懊ョ繧｣繧ｫ繝ｩ繝ｼ</p>\n                            </div>\n                            <div className={`column ${step < 2 && styles.yetStep} ${step === 2 && styles.nowStep} ${step > 2 && styles.endStep}`}>\n                              <i>2</i>\n                              <p>繧ｪ繝励す繝ｧ繝ｳ</p>\n                            </div>\n                          </div>\n                        );\n                      case 'leaseTerm':\n                        return <h2 className=\"is-size-3 has-text-weight-bold has-text-primary has-text-centered\">雉�ｲｸ譛滄俣繧帝∈謚槭＠縺ｦ縺上□縺輔＞</h2>;\n                      default:\n                        return <></>;\n                    }\n                  })()}\n                </div>\n                <div className={`${styles.closeBtn}`}>\n                  {mode === 'leaseTerm' ? (\n                    <button type=\"button\" data-gtm={gtmTagModalCloseBtn()} onClick={():void => closeDialog()}>髢峨§繧�</button>\n                  ) : (\n                    <button type=\"button\" className={styles.closeButton} data-gtm={gtmTagModalCloseBtn()} onClick={():void => closeDialog()} />\n                  )}\n                </div>\n              </div>\n\n              {/* 繧ｳ繝ｳ繝�Φ繝� */}\n              <div className={styles.contentContainer}>\n                <div className={`${styles.contentView} ${showContentNum(step)}`}>\n                  {(() => {\n                    switch (mode) {\n                      case 'sp':\n                        return (\n                          <>\n                            <ModalTerm isShow={step === 1} />\n                            <ModalGradeSP isShow={step === 2} />\n                            <ModalBodyColorSP isShow={step === 3} />\n                            <ModalOptionSP isShow={step === 4} hasWantCar={hasWantCar} />\n                            <ModalMaintenanceSP isShow={step === 5} />\n                            <ModalResult\n                              isShow={step === 6}\n                              thumbnailUrl={thumbnailUrl}\n                              onClickBack={() => onClickBack(step)}\n                              openSavedPlanModal={openSavedPlanModal}\n                            />\n                          </>\n                        );\n                      case 'all':\n                        return (\n                          <>\n                            <ModalGrade />\n                            <ModalBodyColor\n                              next={onClickNext}\n                              currentStep={step}\n                              maxStep={maxStep}\n                              selectedPlanID={selectedPlanID}\n                            />\n                            <ModalOption selectedPlanID={selectedPlanID} hasWantCar={hasWantCar} />\n                            <ModalMaintenance\n                              next={onClickNext}\n                              currentStep={step}\n                              maxStep={maxStep}\n                            />\n                          </>\n                        );\n                      case 'bodyColorAndOption':\n                        return (\n                          <>\n                            <ModalBodyColor\n                              next={onClickNext}\n                              currentStep={step}\n                              maxStep={maxStep}\n                              selectedPlanID={selectedPlanID}\n                            />\n                            <ModalOption selectedPlanID={selectedPlanID} hasWantCar={hasWantCar} />\n                          </>\n                        );\n                      case 'leaseTerm':\n                        return <ModalLease closeDialog={closeDialog} />;\n                      default:\n                        return <></>;\n                    }\n                  })()}\n\n                </div>\n              </div>\n            </div>\n\n            {/* 繝輔ャ繧ｿ繝ｼ */}\n            {(() => {\n              switch (mode) {\n                case 'sp':\n                  return (\n                    <div className={`has-background-white ${styles.footer} ${styles.isSp} ${step === maxStep && 'is-hidden'}`} ref={modalRef}>\n                      <div className={`columns is-mobile is-padding-top-2 is-padding-bottom-2 ${styles.bottomButtonWrap}`}>\n                        <button onClick={():void => onClickBack(step)} type=\"button\" className={`button is-large is-margin-3 ${styles.backButton}`}>謌ｻ繧�</button>\n                        <button\n                          onClick={():void => onClickNext(step, maxStep)}\n                          type=\"button\"\n                          className={`button is-large is-margin-3 is-fullwidth has-text-white has-text-weight-semibold ${styles.isBlack}`}\n                          data-gtm={gtmTagModalNextBtn()}\n                        >\n                          {nextStepText()}\n                        </button>\n                      </div>\n                      <div className=\"columns is-mobile is-vcentered is-border-top-line is-padding-4 is-padding-top-3 is-margin-4 is-margin-top-0\">\n                        <div className=\"column is-one-quarters is-hidden-touch\" />\n                        <div className=\"column is-size-5 has-text-black-ter has-text-weight-bold\">縺企∈縺ｳ縺ｮ繝励Λ繝ｳ蜷郁ｨ磯≡鬘�</div>\n                        <div className=\"column is-narrow\">\n                          <span className=\"is-size-5\">譛磯｡�</span>\n                          <strong className={`is-size-3 ${styles.priceColorBlue}`}>{nowSelectDiscountPrice()}</strong>\n                          <span className=\"is-size-6\">蜀�</span>\n                        </div>\n                        <div className=\"column is-one-quarters is-hidden-touch\" />\n                      </div>\n                    </div>\n                  );\n                case 'all':\n                case 'bodyColorAndOption':\n                  return (\n                    <div className={`has-background-white ${styles.footer}`}>\n                      <div className=\"columns is-mobile is-vcentered is-border-top-line is-border-bottom-line is-padding-4 is-margin-4 is-margin-top-0\">\n                        <div className=\"column is-one-quarters is-hidden-touch\" />\n                        <div className=\"column is-size-5 has-text-black-ter has-text-weight-bold\">縺企∈縺ｳ縺ｮ繝励Λ繝ｳ蜷郁ｨ磯≡鬘�</div>\n                        <div className=\"column is-narrow\">\n                          <span className=\"is-size-5\">譛磯｡�</span>\n                          <strong className=\"is-size-3\">{nowSelectDiscountPrice()}</strong>\n                          <span className=\"is-size-6\">蜀�</span>\n                        </div>\n                        <div className=\"column is-one-quarters is-hidden-touch\" />\n                      </div>\n                      <div className={`columns is-mobile ${styles.bottomButtonWrap}`}>\n                        <button\n                          type=\"button\"\n                          className=\"button is-large is-margin-3 is-fullwidth\"\n                          onClick={() => onClickBack(step)}\n                        >\n                          {isBack() ? '謌ｻ繧�' : '繧ｭ繝｣繝ｳ繧ｻ繝ｫ'}\n                        </button>\n                        <button\n                          type=\"button\"\n                          className={`button is-large is-margin-3 is-fullwidth ${isSkip() ? '' : 'is-primary'}`}\n                          data-gtm={gtmTagModalNextBtn()}\n                          onClick={() => onClickNext(step, maxStep)}\n                        >\n                          {buttonText()}\n                        </button>\n                      </div>\n                    </div>\n                  );\n                default:\n                  return <></>;\n              }\n            })()}\n          </div>\n\n          <div className={`${toTop || 'is-hidden'} ${styles.scrim}`} onClick={():void => closeDialog()} />\n        </section>\n      )}\n    </Observer>\n  );\n};\n\nexport default PlanDialog;\n","export default __webpack_public_path__ + \"static/saved_plan_sp-1b50cc1b0fc98a1a3509a8ef33365360.png\";","export default __webpack_public_path__ + \"static/saved_plan_pc-7a5544964799ad3eae7c10cc528f7170.png\";","// extracted by mini-css-extract-plugin\nexport const savedPlan = \"SavedPlanModal-module--saved-plan--LZjhj\";\nexport const savedPlanModal = \"SavedPlanModal-module--saved-plan-modal--AqPAn\";\nexport const redText = \"SavedPlanModal-module--red-text--1UG3X\";\nexport const closeButton = \"SavedPlanModal-module--close-button--3lHyq\";\nexport const checkbox = \"SavedPlanModal-module--checkbox--2-Waf\";\nexport const button = \"SavedPlanModal-module--button--JUrG8\";","import React, { FC, useEffect, useState } from 'react';\nimport savedPlanSP from '@/newcar/ui/detail/img/saved_plan_sp.png';\nimport savedPlanPC from '@/newcar/ui/detail/img/saved_plan_pc.png';\nimport * as styles from '@/newcar/ui/detail/organism/SavedPlanModal.module.styl';\n\ntype Props = {\n  open: boolean;\n};\n\nconst NOT_SHOW_KEY = 'notShowSavedPlanModal';\n\nconst SavedPlanModal: FC<Props> = ({ open }) => {\n  const [active, setActive] = useState(false);\n  const [notShowChecked, setNotShowChecked] = useState(true);\n\n  useEffect(() => {\n    // 縲梧ｬ｡蝗槭°繧芽｡ｨ遉ｺ縺励↑縺�€阪′true縺ｮ蝣ｴ蜷医�陦ｨ遉ｺ縺励↑縺Ыn    if (localStorage.getItem(NOT_SHOW_KEY) === true.toString()) {\n      return;\n    }\n    setActive(open);\n  }, [open]);\n\n  const handleNotShow = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setNotShowChecked(e.target.checked);\n  };\n\n  const close = () => {\n    // 縲梧ｬ｡蝗槭°繧芽｡ｨ遉ｺ縺励↑縺�€阪�迥ｶ豕√ｒ繝ｭ繝ｼ繧ｫ繝ｫ繧ｹ繝医Ξ繝ｼ繧ｸ縺ｫ菫晏ｭ禄n    localStorage.setItem(NOT_SHOW_KEY, notShowChecked.toString());\n    setActive(false);\n  };\n\n  return (\n    <div className={`${styles.savedPlan} ${!active && 'is-hidden'}`}>\n      <div className={styles.savedPlanModal}>\n        <p className={styles.redText}>繝槭う繝励Λ繝ｳ縺ｫ菫晏ｭ倥＠縺ｾ縺励◆</p>\n        <button\n          type=\"button\"\n          aria-hidden=\"true\"\n          className={styles.closeButton}\n          onClick={close}\n        />\n        <img src={savedPlanSP} alt=\"繝槭う繝励Λ繝ｳ\" className=\"is-margin-top-6 is-hidden-desktop\" />\n        <img src={savedPlanPC} alt=\"繝槭う繝励Λ繝ｳ\" className=\"is-margin-top-6 is-hidden-touch\" />\n        <p className=\"is-margin-top-6\">\n          繝壹�繧ｸ荳企Κ縺ｮ\n          <strong className={styles.redText}>\n            縲後�繧､繝励Λ繝ｳ\n            <span className=\"is-hidden-touch\">�医す繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ邨先棡��</span>\n            縲構n          </strong>\n          縺九ｉ菫晏ｭ倥＠縺溘�繝ｩ繝ｳ縺檎｢ｺ隱阪〒縺阪∪縺兔n        </p>\n        <div className=\"is-margin-top-6\">\n          <label htmlFor=\"notShow\">\n            <input type=\"checkbox\" id=\"notShow\" checked={notShowChecked} className={styles.checkbox} onChange={handleNotShow} />\n            莉雁ｾ後％縺ｮ繝｡繝�そ繝ｼ繧ｸ繧定｡ｨ遉ｺ縺励↑縺Ыn          </label>\n        </div>\n        <button\n          type=\"button\"\n          className={`button is-large is-fullwidth is-margin-top-6 is-margin-bottom-2 ${styles.button}`}\n          onClick={close}\n        >\n          髢峨§繧欺n        </button>\n      </div>\n    </div>\n  );\n};\nexport default SavedPlanModal;\n","// extracted by mini-css-extract-plugin\nexport const isMarginTop3rem = \"Simulation-module--is-margin-top-3rem--3P1dJ\";\nexport const detailBtnWrap = \"Simulation-module--detailBtnWrap--2YFdD\";\nexport const arrowBlack = \"Simulation-module--arrow-black--2Kvjw\";","import React, {\n  FC, useState, useContext, useEffect,\n} from 'react';\nimport { Link } from 'gatsby';\nimport CarDigest from '@/common/core/model/carDigest';\nimport PlanSP from '@/newcar/ui/detail/organism/PlanSP';\nimport PlanPC from '@/newcar/ui/detail/organism/PlanPC';\nimport arrowBlack from '@/newcar/ui/detail/img/arrow-black.svg';\nimport PlanDialog from '@/newcar/ui/detail/organism/PlanDialog';\nimport SavedPlanModal from '@/newcar/ui/detail/organism/SavedPlanModal';\nimport { PlanTitle } from '@/newcar/core/model/plan';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport * as styles from '@/newcar/ui/detail/organism/Simulation.module.styl';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\nimport CARMO_UTIL from '@/common/util/util';\nimport { ModeType } from '@/newcar/util/const/dialogMode';\nimport NEWCAR_CONST from '@/newcar/util/const';\n\ntype PickDigest = Pick<CarDigest, 'thumbnailUrl' | 'hasWantCar'>;\n\nconst Simulation: FC<PickDigest> = ({ thumbnailUrl, hasWantCar }) => {\n  const [isShowDialog, setShowDialog] = useState(false);\n  const [mode, setMode] = useState<ModeType>('all');\n  const [selectedPlanID, setSelectedPlanID] = useState<NEWCAR_CONST.SIMULATION_PLAN.ID>(\n    NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE,\n  );\n  const [initialStep, setInitialStep] = useState(1);\n  const [openSavedPlanModal, setOpenSavedPlanModal] = useState(false);\n\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  // 繝€繧､繧｢繝ｭ繧ｰ繧定｡ｨ遉ｺ\n  const onClickCustomizePlan = (\n    dialogMode: ModeType,\n    planID: NEWCAR_CONST.SIMULATION_PLAN.ID,\n    step?: number,\n  ): void => {\n    setSelectedPlanID(planID);\n    setShowDialog(true);\n    setMode(dialogMode);\n    if (step) setInitialStep(step);\n  };\n\n  // 繝€繧､繧｢繝ｭ繧ｰ繧帝哩縺倥ｋ繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ縺溘ａ縺ｮ繧ｿ繧､繝�繧｢繧ｦ繝�\n  const timeoutToClose = ():void => {\n    // 繧ｷ繝溘Ξ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ繧ｨ繝ｪ繧｢縺ｾ縺ｧ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ\n    CARMO_UTIL.scrollToId('simulation', (mode === 'sp') ? 0 : 50);\n\n    setTimeout(() => setShowDialog(false), 400);\n  };\n\n  // 繝代せ縺九ｉ霆顔ｨｮID繧貞叙蠕予n  const getCarId = () => {\n    const url = window.location.pathname.split('/');\n    // URL縺ｮ譛ｫ蟆ｾ縺�/縺ｮ譎ゅ→縺昴≧縺ｧ縺ｪ縺�凾縺ｧ驟榊�縺ｮ譛€蠕後�隕∫ｴ�縺悟､峨ｏ繧九◆繧―n    const carId = url[url.length - 1] ? url[url.length - 1] : url[url.length - 2];\n    return carId;\n  };\n\n  // 繝€繧､繧｢繝ｭ繧ｰ縺ｮ陦ｨ遉ｺ蛻�ｊ譖ｿ縺域凾縺ｮ蜃ｦ逅�\n  useEffect(() => {\n    const carId = getCarId();\n    if (isShowDialog) {\n      if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL) {\n        simulationManagerStore.startSimulation(carId);\n      }\n    }\n  }, [isShowDialog]);\n\n  return (\n    <section className=\"container\" id=\"simulation\">\n      <div className={`is-hidden-touch is-margin-bottom-7 ${styles.isMarginTop3rem}`}>\n        <div className=\"columns\">\n          <PlanPC\n            title={PlanTitle.SIMPLE}\n            onClickCustomizePlan={onClickCustomizePlan}\n          />\n          <PlanPC\n            title={PlanTitle.OSUSUME}\n            onClickCustomizePlan={onClickCustomizePlan}\n            classname=\"is-margin-left-3\"\n          />\n          <PlanPC\n            title={PlanTitle.YOKUBARI}\n            onClickCustomizePlan={onClickCustomizePlan}\n            classname=\"is-margin-left-3\"\n          />\n          <PlanPC\n            title={PlanTitle.ORIGINAL}\n            onClickCustomizePlan={onClickCustomizePlan}\n            classname=\"is-margin-left-3\"\n            isOriginal\n            openSavedPlanModal={() => setOpenSavedPlanModal(true)}\n          />\n        </div>\n        <div className={`columns ${styles.detailBtnWrap}`}>\n          <Link to={NEWCAR_DEFINE.PATH.MORAERU} className=\"column columns is-vcentered is-narrow is-size-6 has-text-grey is-margin-right-3\">\n            繧ゅｉ縺医ｋ繧ｪ繝励す繝ｧ繝ｳ繧定ｩｳ縺励￥隕九ｋ\n            <img src={arrowBlack} alt=\"鮟堤泙蜊ｰ\" className={`is-margin-left-1 ${styles.arrowBlack}`} />\n          </Link>\n          <Link to={NEWCAR_DEFINE.PATH.MAINTENANCE} className=\"column columns is-narrow is-size-6 has-text-grey\">\n            繝｡繝ｳ繝�リ繝ｳ繧ｹ繝励Λ繝ｳ縺ｮ驕輔＞繧定ｩｳ縺励￥隕九ｋ\n            <img src={arrowBlack} alt=\"鮟堤泙蜊ｰ\" className={`is-margin-left-1 ${styles.arrowBlack}`} />\n          </Link>\n        </div>\n      </div>\n\n      <div className=\"is-hidden-desktop\">\n        <PlanSP thumbnailUrl={thumbnailUrl} onClickCustomizePlan={onClickCustomizePlan} />\n      </div>\n\n      {isShowDialog && (\n        <PlanDialog\n          isShowDialog={isShowDialog}\n          timeoutToClose={timeoutToClose}\n          mode={mode}\n          selectedPlanID={selectedPlanID}\n          initialStep={initialStep}\n          thumbnailUrl={thumbnailUrl}\n          hasWantCar={hasWantCar}\n          openSavedPlanModal={() => setOpenSavedPlanModal(true)}\n        />\n      )}\n\n      <SavedPlanModal open={openSavedPlanModal} />\n    </section>\n  );\n};\n\nexport default Simulation;\n","// extracted by mini-css-extract-plugin\nexport const closedBody = \"Introduction-module--closed-body--1Ft5V\";\nexport const htmlString = \"Introduction-module--html-string--1Vfhu\";\nexport const moreButton = \"Introduction-module--more-button--14HzU\";\nexport const carModelImage = \"Introduction-module--car-model-image--1-zCy\";","/* eslint-disable react/no-danger */\nimport React, { FC, useState } from 'react';\nimport { VehicleTypes } from '@/common/core/model/catalog/vehicleTypes';\nimport * as styles from '@/newcar/ui/detail/organism/Introduction.module.styl';\n\ntype IntroductionProps = Pick<VehicleTypes, 'review' | 'summary' | 'captionImageUrl1' | 'captionImageUrl2' | 'captionImageUrl3' | 'caption1' | 'caption2' | 'caption3' | 'point1' | 'point2' | 'point3'>\n\nconst Introduction: FC<IntroductionProps> = ({\n  review, captionImageUrl1, captionImageUrl2, captionImageUrl3, caption1, caption2, caption3,\n  summary, point1, point2, point3,\n}) => {\n  const [introClose, setIntroClose] = useState(true);\n\n  const src1 = captionImageUrl1 || '';\n  const src2 = captionImageUrl2 || '';\n  const src3 = captionImageUrl3 || '';\n\n  const switchIntroClose = (): void => {\n    setIntroClose(!introClose);\n  };\n\n  // 霆顔ｨｮ邏ｹ莉�(review)縺ｮ荳ｭ縺九ｉ縲｝rops 縺ｮ point1~3 縺ｨ繝槭ャ繝√☆繧区枚遶�繧貞炎髯､\n  let processedReview = review || '';\n  if (!!point1 && !!point2 && !!point3) {\n    const lines = processedReview.split('\\n');\n    lines.forEach((line, index) => {\n      if (line.includes('縺ｯ縺薙�繧医≧縺ｪ譁ｹ縺ｫ縺翫☆縺吶ａ')) {\n        lines.splice(index, 2, 'delete-me', 'delete-me');\n      }\n      if (line.includes(point1)) {\n        lines.splice(index, 1, 'delete-me');\n      }\n      if (line.includes(point2)) {\n        lines.splice(index, 1, 'delete-me');\n      }\n      if (line.includes(point3)) {\n        lines.splice(index, 3, 'delete-me', 'delete-me', 'delete-me');\n      }\n    });\n    processedReview = lines.filter((line) => line !== 'delete-me').join('\\n');\n  }\n  // *** 縺薙％縺ｾ縺ｧ ***\n\n  return (\n    <div id=\"car-model-introduction\">\n      <h2 className=\"title is-3 has-text-centered\">霆顔ｨｮ邏ｹ莉�</h2>\n      <div className={`is-size-5 ${introClose ? 'is-hidden' : ''}`}>\n        <div className={`is-margin-7 is-size-4 has-text-weight-bold ${styles.htmlString}`} dangerouslySetInnerHTML={{ __html: summary as string }} />\n\n        <div id=\"car-model-introduction-opened-img-area\" className=\"columns has-text-centered is-margin-7 is-padding-bottom-7\">\n          <div className=\"column is-margin-5\">\n            <img className={`${styles.carModelImage}`} src={src1} alt=\"caption1\" loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"195\" />\n            <p className=\"is-padding-top-2\">{caption1}</p>\n          </div>\n          <div className=\"column is-margin-5\">\n            <img className={`${styles.carModelImage}`} src={src2} alt=\"caption2\" loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"195\" />\n            <p className=\"is-padding-top-2\">{caption2}</p>\n          </div>\n          <div className=\"column is-margin-5\">\n            <img className={`${styles.carModelImage}`} src={src3} alt=\"caption3\" loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"195\" />\n            <p className=\"is-padding-top-2\">{caption3}</p>\n          </div>\n        </div>\n        <div className={`is-margin-7 ${styles.htmlString}`} dangerouslySetInnerHTML={{ __html: processedReview as string }} />\n      </div>\n\n      <div className={`${styles.closedBody} ${introClose ? '' : 'is-hidden'}`}>\n        <div className={`is-padding-7 is-size-4 has-text-weight-bold ${styles.htmlString}`} dangerouslySetInnerHTML={{ __html: summary as string }} />\n        <div id=\"car-model-introduction-closed-img-area\" className=\"columns has-text-centered is-margin-7 is-padding-bottom-7\">\n          <div className=\"column is-margin-5\">\n            <img src={src1} alt=\"caption1\" loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"195\" />\n            <p className=\"is-padding-top-2\">{caption1}</p>\n          </div>\n          <div className=\"column is-margin-5\">\n            <img src={src2} alt=\"caption2\" loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"195\" />\n            <p className=\"is-padding-top-2\">{caption2}</p>\n          </div>\n          <div className=\"column is-margin-5\">\n            <img src={src3} alt=\"caption3\" loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"195\" />\n            <p className=\"is-padding-top-2\">{caption3}</p>\n          </div>\n        </div>\n      </div>\n      <div className=\"columns is-mobile is-centered is-padding-top-7\">\n        <button\n          type=\"button\"\n          className={`button is-large is-outlined has-text-dark ${styles.moreButton}`}\n          onClick={(e): void => {\n            e.currentTarget.blur();\n            switchIntroClose();\n          }}\n        >\n          {introClose ? '繧ゅ▲縺ｨ隕九ｋ' : '髢峨§繧�'}\n        </button>\n      </div>\n    </div>\n\n  );\n};\n\nexport default Introduction;\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React, { FC, useContext } from 'react';\nimport * as styles from '@/newcar/ui/detail/organism/ModalSimulateAlert.module.styl';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport { Observer } from 'mobx-react-lite';\n\nconst ModalSimulateAlert: FC = () => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  return (\n    <Observer>\n      {() => (\n        <div className={`modal ${simulationManagerStore.isShowSimulateAlert ? styles.displayFlex : ''}`}>\n          <div className={styles.alertBackground} />\n          <div className=\"modal-content has-background-white\">\n            <div className=\"accent-line-long has-background-primary\" />\n            <div className=\"columns is-mobile is-vcentered is-padding-5 is-padding-bottom-0\">\n              <div className=\"column\" />\n              <div className=\"column is-narrow\">\n                <a onClick={() => simulationManagerStore.setIsShowSimulateAlert(false)}>\n                  髢峨§繧欺n                </a>\n              </div>\n            </div>\n            <div className=\"has-text-centered is-padding-4\">\n              <p>\n                繝ｪ繝ｼ繧ｹ譛滄俣縺ｮ螟画峩縺ｫ繧医ｊ繝｡繝ｳ繝��繝ｩ繝ｳ縺ｮ驕ｸ謚槭′隗｣髯､縺輔ｌ縺ｾ縺励◆縲�\n                <br />\n                窶ｻ繝励Λ繝√リ繝励Λ繝ｳ縺ｯ繝ｪ繝ｼ繧ｹ譛滄俣6蟷ｴ��11蟷ｴ縺ｧ縺泌刈蜈･縺�◆縺�縺代∪縺吶€�\n              </p>\n              <div className=\"columns is-mobile is-padding-top-5 is-padding-bottom-5 has-text-centered is-centered\">\n                <button className={`column button is-4 ${styles.detailDialogButton}`} type=\"button\" onClick={() => simulationManagerStore.setIsShowSimulateAlert(false)}>\n                  OK\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </Observer>\n  );\n};\n\nexport default ModalSimulateAlert;\n","/* eslint-disable no-restricted-syntax */\n/* eslint-disable no-restricted-globals */\n/* eslint-disable default-case */\n/* eslint-disable no-shadow */\n/* eslint-disable @typescript-eslint/naming-convention */\n/* eslint-disable @typescript-eslint/no-namespace */\nexport enum BODY_ID {\n  /** 譛ｪ驕ｸ謚� */\n  UNSELECTED = 0,\n  /** 繧ｻ繝€繝ｳ */\n  SEDAN = 1,\n  /** 繧ｹ繝��繧ｷ繝ｧ繝ｳ繝ｯ繧ｴ繝ｳ */\n  STATION_WAGON = 2,\n  /** 繝溘ル繝舌Φ繝ｻ繝ｯ繧ｴ繝ｳ */\n  MINIVAN = 3,\n  /** SUV繝ｻ繧ｯ繝ｭ繧ｫ繝ｳ */\n  SUV = 4,\n  /** 霆ｽ閾ｪ蜍戊ｻ� */\n  MINI_CAR = 5,\n  /** 繧ｳ繝ｳ繝代け繝医き繝ｼ */\n  COMPACT_CAR = 6,\n  /** 繝上ャ繝√ヰ繝�け */\n  HATCH_BACK = 7,\n  /** 繧ｯ繝ｼ繝壹�繧ｪ繝ｼ繝励Φ繧ｫ繝ｼ */\n  COUPE = 9,\n  /** 縺昴�莉� */\n  OTHER = 10,\n}\n\nexport const BODY_DATA = [\n  {\n    id: BODY_ID.UNSELECTED,\n    name: '',\n    metaName: '',\n    key: '',\n    isUnselected: true,\n    modalName: '',\n    count: 0,\n  },\n  {\n    id: BODY_ID.MINI_CAR,\n    name: '霆ｽ閾ｪ蜍戊ｻ�',\n    metaName: '霆ｽ閾ｪ蜍戊ｻ�(MINI)',\n    key: 'mini',\n    isUnselected: false,\n    modalName: '霆ｽ閾ｪ蜍戊ｻ�',\n    count: 0,\n  },\n  {\n    id: BODY_ID.COMPACT_CAR,\n    name: '繧ｳ繝ｳ繝代け繝医き繝ｼ',\n    metaName: '繧ｳ繝ｳ繝代け繝医き繝ｼ(COMPACT)',\n    key: 'compact',\n    isUnselected: false,\n    modalName: '繧ｳ繝ｳ繝代け繝�',\n    count: 0,\n  },\n  {\n    id: BODY_ID.HATCH_BACK,\n    name: '繝上ャ繝√ヰ繝�け',\n    metaName: '繝上ャ繝√ヰ繝�け(HATCHBACK)',\n    key: 'hatchback',\n    isUnselected: false,\n    modalName: '繝上ャ繝√ヰ繝�け',\n    count: 0,\n  },\n  {\n    id: BODY_ID.MINIVAN,\n    name: '繝溘ル繝舌Φ繝ｻ繝ｯ繧ｴ繝ｳ',\n    metaName: '繝溘ル繝舌Φ繝ｻ繝ｯ繧ｴ繝ｳ(MINIVAN)',\n    key: 'minivan',\n    isUnselected: false,\n    modalName: '繝溘ル繝舌Φ',\n    count: 0,\n  },\n  {\n    id: BODY_ID.SUV,\n    name: 'SUV繝ｻ繧ｯ繝ｭ繧ｫ繝ｳ',\n    metaName: 'SUV繝ｻ繧ｯ繝ｭ繧ｫ繝ｳ(SUV)',\n    key: 'suv',\n    isUnselected: false,\n    modalName: 'SUV',\n    count: 0,\n  },\n  {\n    id: BODY_ID.SEDAN,\n    name: '繧ｻ繝€繝ｳ',\n    metaName: '繧ｻ繝€繝ｳ(SEDAN)',\n    key: 'sedan',\n    isUnselected: false,\n    modalName: '繧ｻ繝€繝ｳ',\n    count: 0,\n  },\n  {\n    id: BODY_ID.STATION_WAGON,\n    name: '繧ｹ繝��繧ｷ繝ｧ繝ｳ繝ｯ繧ｴ繝ｳ',\n    metaName: '繧ｹ繝��繧ｷ繝ｧ繝ｳ繝ｯ繧ｴ(STATIONWAGON)',\n    key: 'stationwagon',\n    isUnselected: false,\n    modalName: '繧ｹ繝��繧ｷ繝ｧ繝ｳ繝ｯ繧ｴ繝ｳ',\n    count: 0,\n  },\n  {\n    id: BODY_ID.COUPE,\n    name: '繧ｯ繝ｼ繝壹�繧ｪ繝ｼ繝励Φ繧ｫ繝ｼ',\n    metaName: '繧ｯ繝ｼ繝壹�繧ｪ繝ｼ繝励Φ繧ｫ繝ｼ(COUPE)',\n    key: 'coupe',\n    isUnselected: false,\n    modalName: '繧ｯ繝ｼ繝�',\n    count: 0,\n  },\n  {\n    id: BODY_ID.OTHER,\n    name: '縺昴�莉�',\n    metaName: '縺昴�莉�(OTHER)',\n    key: 'other',\n    isUnselected: false,\n    modalName: '縺昴�莉�',\n    count: 0,\n  },\n];\n\n// 蜀�Κ髢｢謨ｰid縺ｧ繝��繧ｿ謗｢邏｢\nconst bodyTypeDataFind = (id: BODY_ID): number => {\n  const target = BODY_DATA.findIndex((data) => (data.id === id));\n  if (target >= 0) {\n    return target;\n  }\n  return BODY_DATA.findIndex((data) => (data.id === BODY_ID.OTHER));\n};\n\n// ID 竊� 繝｡繝ｼ繧ｫ繝ｼ蜷構nexport const BODY_NAME = (id: BODY_ID): string => BODY_DATA[bodyTypeDataFind(id)].name;\n\n// ID 竊� 繝｡繝ｼ繧ｫ繝ｼ蜷�(闍ｱ隱�)\nexport const BODY_META_NAME = (id: BODY_ID): string => BODY_DATA[bodyTypeDataFind(id)].metaName;\n\n// ID 竊� KEY\nexport const BODY_ID_TO_KEY = (id: BODY_ID): string => BODY_DATA[bodyTypeDataFind(id)].key;\n\n// KEY 竊� ID\nexport const BODY_KEY_TO_ID = (key: string): BODY_ID => {\n  const target = BODY_DATA.find((data) => (data.key === key));\n  if (target) {\n    return target.id;\n  }\n  throw new Error('Invalid value');\n};\n\n// ID 竊� 繝｢繝ｼ繝€繝ｫ蜷構nexport const BODY_MODAL_NAME = (id: BODY_ID): string => BODY_DATA[bodyTypeDataFind(id)].modalName;\n","// extracted by mini-css-extract-plugin\nexport const alertBackground = \"ModalSimulateAlert-module--alert-background--4ygSn\";\nexport const detailDialogButton = \"ModalSimulateAlert-module--detail-dialog-button--DuuTC\";\nexport const displayFlex = \"ModalSimulateAlert-module--display-flex--3l-su\";","/* eslint-disable max-len */\n\nimport { observable, action, computed } from 'mobx';\nimport { store } from '@/common/core/store/decorator';\n// import NEWCAR_CONST from '@/newcar/util/const';\nimport CARMO_CONST from '@/common/util/const';\nimport RelatedRanking from '@/newcar/core/model/relatedRanking';\nimport CarDigest from '@/common/core/model/carDigest';\n\n// store邉ｻ\nimport { searchCarStore } from '@/newcar/core/store/searchCarStore';\nimport StoreUtil from '@/newcar/core/store/storeUtil';\n\n// 蛟句挨繝壹�繧ｸ縺ｮ繝ｩ繝ｳ繧ｭ繝ｳ繧ｰ縺ｧ陦ｨ遉ｺ縺吶ｋ莉ｶ謨ｰ\nconst DETAIL_RANKING_MAX = 5;\n\n/**\n * 霆贋ｸ｡讎りｦ√�繝ｪ繧ｹ繝医ｒ繝ｩ繝ｳ繧ｯ莉倥￠縺吶ｋ\n * @param  {CarDigest[]} carDigests 霆贋ｸ｡讎りｦ√�繝ｪ繧ｹ繝�\n * @return {RelatedRanking[]}       繝ｩ繝ｳ繧ｯ莉倥￠縺輔ｌ縺溯ｻ贋ｸ｡讎りｦ―n */\nfunction rankCarDigest(carDigests: CarDigest[]): RelatedRanking[] {\n  if (!searchCarStore.allCarDetails) {\n    return [];\n  }\n\n  // 莠ｺ豌怜ｺｦ縺ｧ荳ｦ縺ｳ譖ｿ縺�\n  carDigests.sort((a: CarDigest, b: CarDigest) => StoreUtil.comparePopularityScore(a, b));\n\n  // 荳贋ｽ阪°繧画怙螟ｧ5莉ｶ繧貞叙繧雁�縺予n  let skipped = 0;\n  const result: RelatedRanking[] = [];\n  for (let i = 0; i < carDigests.length; i += 1) {\n    const carDigest = carDigests[i];\n    const targetCarDetail = searchCarStore.allCarDetails.find(\n      (detail) => (detail.id === carDigest.id__normalized),\n    );\n    if (targetCarDetail && carDigest.publishStatus) {\n      result.push({\n        rank: i + 1 - skipped,\n        makerId: carDigest.makerId,\n        carId: carDigest.id__normalized,\n        carName: carDigest.name,\n        imgUrl: carDigest.thumbnailUrl,\n        price: carDigest.taxedMinPrice11,\n        summary: targetCarDetail.summary || '',\n      });\n    } else {\n      skipped += 1;\n    }\n    if (result.length >= DETAIL_RANKING_MAX) {\n      break;\n    }\n  }\n  return result;\n}\n\n/**\n * 迴ｾ蝨ｨ縺ｮ霆顔ｨｮ縺ｫ髢｢騾｣縺吶ｋ霆顔ｨｮ繝ｩ繝ｳ繧ｭ繝ｳ繧ｰ縺ｮ邂｡逅�\n * @class RelatedCarStore\n */\n@store({ persist: true, name: 'RelatedCarStore' })\nexport default class RelatedCarStore {\n  // 迴ｾ蝨ｨ縺ｮ霆顔ｨｮ\n  @observable targetCarId = 0;\n\n  /**\n   * 蟇ｾ雎｡霆顔ｨｮ縺ｮ繝ｩ繝ｳ繧ｭ繝ｳ繧ｰ蟇ｾ雎｡縺ｨ縺ｪ繧九�繝�う繧ｿ繧､繝怜錐\n   * @readonly\n   * @memberof RelatedCarStore\n   */\n  @computed\n  get relatedBodyTypeName(): string {\n    // 蟇ｾ雎｡霆顔ｨｮ繧呈歓蜃ｺ\n    const nowCar = searchCarStore.allCarDigests.find((digest:CarDigest) => digest.id__normalized === this.targetCarId as unknown as string);\n    if (nowCar) {\n      const targetBodyType = StoreUtil.identifyBodyType(nowCar.bodyType, nowCar.isMiniCar);\n      return CARMO_CONST.BODY_TYPE.NAME(targetBodyType);\n    }\n    return '';\n  }\n\n  /**\n     * 蟇ｾ雎｡霆顔ｨｮ縺ｨ蜷御ｸ€繝懊ョ繧､繧ｿ繧､繝励�繝ｩ繝ｳ繧ｭ繝ｳ繧ｰTOP5\n     * @readonly\n     * @type {{ RelatedRanking[] }\n     * @memberof RelatedCarStore\n     */\n  @computed\n  get relatedBodyTypeRanking():RelatedRanking[] {\n    if (!searchCarStore.allCarDetails) {\n      return [];\n    }\n    // 蟇ｾ雎｡霆顔ｨｮ繧呈歓蜃ｺ\n    const nowCar: CarDigest | undefined = searchCarStore.allCarDigests.find(\n      (digest: CarDigest) => (digest.id__normalized === this.targetCarId as unknown as string),\n    );\n    if (!nowCar) {\n      return [];\n    }\n\n    const targetBodyType = StoreUtil.identifyBodyType(nowCar.bodyType, nowCar.isMiniCar);\n    // 蟇ｾ雎｡霆顔ｨｮ縺ｨ蜷御ｸ€縺ｮ繝懊ョ繧｣繧ｿ繧､繝励ｒ謚ｽ蜃ｺ\n    const sameList = searchCarStore.allCarDigests.filter((car: CarDigest) => ((car.bodyType === targetBodyType)\n                || ((targetBodyType === CARMO_CONST.BODY_TYPE.ID.MINI_CAR) && car.isMiniCar)\n                || ((targetBodyType === CARMO_CONST.BODY_TYPE.ID.OTHER) && (car.bodyType === CARMO_CONST.BODY_TYPE.ID.UNSELECTED) && !car.isMiniCar)));\n    return rankCarDigest(sameList);\n  }\n\n  /**\n   * 蟇ｾ雎｡霆顔ｨｮ縺ｮ繝ｩ繝ｳ繧ｭ繝ｳ繧ｰ蟇ｾ雎｡縺ｨ縺ｪ繧九Γ繝ｼ繧ｫ繝ｼ蜷構n   * @readonly\n   * @memberof RelatedCarStore\n   */\n  @computed\n  get relatedMakerName():string {\n    // 蟇ｾ雎｡霆顔ｨｮ繧呈歓蜃ｺ\n    const nowCar = searchCarStore.allCarDigests.find((digest:CarDigest) => digest.id__normalized === this.targetCarId as unknown as string);\n    return nowCar?.makerId.toString() ?? '';\n  }\n\n  /**\n  * 蟇ｾ雎｡霆顔ｨｮ縺ｨ蜷御ｸ€繝｡繝ｼ繧ｫ繝ｼ縺ｮ繝ｩ繝ｳ繧ｭ繝ｳ繧ｰTOP5\n  * @readonly\n  * @type {{ RelatedRanking[] }\n  * @memberof RelatedCarManager\n  */\n  @computed\n  get relatedMakerRanking(): RelatedRanking[] {\n    if (!searchCarStore.allCarDetails) {\n      return [];\n    }\n    // 蟇ｾ雎｡霆顔ｨｮ繧呈歓蜃ｺ\n    const nowCar: CarDigest | undefined = searchCarStore.allCarDigests.find(\n      (digest: CarDigest) => digest.id__normalized === this.targetCarId as unknown as string,\n    );\n    if (!nowCar) {\n      return [];\n    }\n\n    // 蟇ｾ雎｡霆顔ｨｮ縺ｨ蜷御ｸ€縺ｮ繝｡繝ｼ繧ｫ繝ｼ繧呈歓蜃ｺ\n    const sameList: CarDigest[] = searchCarStore.allCarDigests.filter(\n      (x:CarDigest) => x.makerId === nowCar.makerId,\n    );\n    return rankCarDigest(sameList);\n  }\n\n  /**\n   * 蟇ｾ雎｡霆顔ｨｮ縺ｨ蜷御ｸ€繝｡繝ｼ繧ｫ繝ｼﾃ怜酔荳€繝懊ョ繧､繧ｿ繧､繝励�繝ｩ繝ｳ繧ｭ繝ｳ繧ｰTOP5\n   * @readonly\n   * @type {{ RelatedRanking[] }\n   * @memberof RelatedCarManager\n   */\n  @computed\n  get relatedMakerAndBodyTypeRanking(): RelatedRanking[] {\n    if (!searchCarStore.allCarDetails) {\n      return [];\n    }\n    // 蟇ｾ雎｡霆顔ｨｮ繧呈歓蜃ｺ\n    const nowCar: CarDigest | undefined = searchCarStore.allCarDigests.find((digest: CarDigest) => digest.id__normalized === this.targetCarId as unknown as string);\n    if (!nowCar) {\n      return [];\n    }\n\n    const targetBodyType: CARMO_CONST.BODY_TYPE.ID = StoreUtil.identifyBodyType(nowCar.bodyType, nowCar.isMiniCar);\n    // 蟇ｾ雎｡霆顔ｨｮ縺ｨ蜷御ｸ€縺ｮ繝懊ョ繧｣繧ｿ繧､繝励ｒ謚ｽ蜃ｺ\n    const sameList: CarDigest[] = searchCarStore.allCarDigests.filter((x) => (\n      (x.makerId === nowCar.makerId)\n            && (x.bodyType === targetBodyType\n                || (targetBodyType === CARMO_CONST.BODY_TYPE.ID.MINI_CAR && x.isMiniCar)\n                || (targetBodyType === CARMO_CONST.BODY_TYPE.ID.OTHER && x.bodyType === CARMO_CONST.BODY_TYPE.ID.UNSELECTED && !x.isMiniCar))));\n    return rankCarDigest(sameList);\n  }\n\n  /**\n   * action:迴ｾ蝨ｨ霆顔ｨｮ繧定ｨｭ螳喀n   * @param {number} id\n   * @memberof RelatedCarManager\n   */\n  @action\n  public setRelatedCarId(id: number):number {\n    this.targetCarId = id;\n    return this.targetCarId;\n  }\n}\n\nexport const relatedCarStore = new RelatedCarStore();\n","// extracted by mini-css-extract-plugin\nexport const reviewsContainer = \"Reviews-module--reviews-container--BIX-h\";\nexport const reviewsHeading = \"Reviews-module--reviews-heading--1Bdcd\";\nexport const reviewsSubheading = \"Reviews-module--reviews-subheading--32kUU\";\nexport const reviewsContent = \"Reviews-module--reviews-content--2QHdu\";\nexport const reviewsNotice = \"Reviews-module--reviews-notice--3UUZ6\";\nexport const reviewsUserCommentSpeeachBalloon = \"Reviews-module--reviews-user-comment-speeach-balloon--3XiGM\";\nexport const reviewsUserCommentList = \"Reviews-module--reviews-user-comment-list--2ViFc\";\nexport const reviewsUserCommentContainer = \"Reviews-module--reviews-user-comment-container--3cBdU\";\nexport const isFirst = \"Reviews-module--is-first--1Asps\";\nexport const isSecond = \"Reviews-module--is-second--lGUPe\";\nexport const isThird = \"Reviews-module--is-third--3WVuD\";\nexport const isFourth = \"Reviews-module--is-fourth--yfscH\";\nexport const reviewsUserCommentItem = \"Reviews-module--reviews-user-comment-item--2Bwq_\";\nexport const reviewsUserCommentText = \"Reviews-module--reviews-user-comment-text--3qWyv\";\nexport const reviewsUserCommentTextMin = \"Reviews-module--reviews-user-comment-text-min--1_CJJ\";\nexport const reviewsCardSingleContainer = \"Reviews-module--reviews-card-single-container--wHli1\";\nexport const reviewsCardSingleItem = \"Reviews-module--reviews-card-single-item--1tZTn\";\nexport const reviewsCardSingleHeading = \"Reviews-module--reviews-card-single-heading--GFS64\";\nexport const reviewsCardSingleProfile = \"Reviews-module--reviews-card-single-profile--E-PWw\";\nexport const reviewsCardSingleRating = \"Reviews-module--reviews-card-single-rating--9U_q4\";\nexport const reviewsCardSingleDescription = \"Reviews-module--reviews-card-single-description--1mQG4\";\nexport const reviewsMoreButton = \"Reviews-module--reviews-more-button--2XRIj\";","import React, { FC } from 'react';\n\nimport Card from '@/newcar/ui/detail/molecule/Card';\nimport reviewPointAvif from '@/newcar/ui/common/img/reviews/bnr-google-point.avif';\nimport reviewPointPng from '@/newcar/ui/common/img/reviews/bnr-google-point.png';\nimport * as styles from '@/newcar/ui/detail/organism/Reviews.module.styl';\n\nconst Reviews: FC = () => (\n  <section id=\"reviews\" className=\"container\">\n    <Card className={`${styles.reviewsContainer}`}>\n      <div>\n        <h2 className={`${styles.reviewsHeading} title is-3 has-text-centered is-margin-bottom-3`}>\n          <span className={styles.reviewsSubheading}>\n            螳夐｡阪き繝ｫ繝｢縺上ｓ縺ｯ\n          </span>\n          縺翫°縺偵＆縺ｾ縺ｧ鬮倩ｩ穂ｾ｡\n        </h2>\n        <div className={styles.reviewsContent}>\n          <picture className=\"is-block has-text-centered column\">\n            <source srcSet={reviewPointAvif} type=\"image/avif\" />\n            <source srcSet={reviewPointPng} />\n            <img src={reviewPointPng} alt=\"Google繧ｯ繝√さ繝滄ｫ倩ｩ穂ｾ｡! 4.4迯ｲ蠕予" loading=\"lazy\" decoding=\"async\" width=\"345\" height=\"202\" />\n          </picture>\n        </div>\n      </div>\n\n      <div>\n        <h3 className={styles.reviewsUserCommentSpeeachBalloon}>蝟懊�縺ｮ螢ｰ繧らｶ壹€�ｼ�</h3>\n        <ul className={`${styles.reviewsUserCommentList}`}>\n          <li className={`${styles.reviewsUserCommentContainer} ${styles.isFirst}`}>\n            <p className={styles.reviewsUserCommentItem}>\n              <span className={styles.reviewsUserCommentText}>\n                雋ｯ驥代′縺ｪ縺上※繧�\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                荵励ｊ縺溘＞縺ｨ諤昴▲縺滓眠霆翫↓\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                荵励ｌ繧九ｓ縺�縺｣縺ｦ\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                豁｣逶ｴ縲�ｩ壹″縺ｾ縺励◆縺ｭ縲�\n              </span>\n              <span className={styles.reviewsUserCommentTextMin}>\n                蝓ｼ邇臥恁 M縺輔ｓ��20莉｣�牙､ｧ蟾･\n              </span>\n            </p>\n          </li>\n          <li className={`${styles.reviewsUserCommentContainer} ${styles.isSecond}`}>\n            <p className={`${styles.reviewsUserCommentItem} ${styles.isSecond}`}>\n              <span className={styles.reviewsUserCommentText}>\n                蟄蝉ｾ帙�騾√ｊ霑弱∴繧�\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                髱｢蛟偵□縺｣縺溷ｮｶ險医�邂｡逅�ｂ\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                繧ｰ繝�→繝ｩ繧ｯ縺ｫ縺ｪ繧翫∪縺励◆�―n              </span>\n              <span className={styles.reviewsUserCommentTextMin}>\n                譚ｱ莠ｬ驛ｽ O縺輔ｓ��30莉｣�我ｸｻ蟀ｦ\n              </span>\n            </p>\n          </li>\n          <li className={`${styles.reviewsUserCommentContainer} ${styles.isThird}`}>\n            <p className={styles.reviewsUserCommentItem}>\n              <span className={styles.reviewsUserCommentText}>\n                縺壹▲縺ｨ荳ｭ蜿､霆翫□縺｣縺溘°繧噂n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                霆頑､懊ｄ遞朱≡繧呈ｰ励↓縺帙★\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                譁ｰ霆翫↓荵励ｌ繧九�縺ｯ\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                縺九↑繧企ｭ�鴨逧�□縺｣縺溘€�\n              </span>\n              <span className={styles.reviewsUserCommentTextMin}>\n                髱呈｣ｮ逵� U縺輔ｓ��40莉｣�芽�蝟ｶ讌ｭ\n              </span>\n            </p>\n          </li>\n          <li className={`${styles.reviewsUserCommentContainer} ${styles.isFourth}`}>\n            <p className={`${styles.reviewsUserCommentItem} ${styles.isFourth}`}>\n              <span className={styles.reviewsUserCommentText}>\n                繝ｭ繝ｼ繝ｳ縺ｮ蟇ｩ譟ｻ縺ｯ關ｽ縺｡縺溘￠縺ｩ\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                繧ｫ繝ｼ繝ｪ繝ｼ繧ｹ縺ｮ蟇ｩ譟ｻ縺ｯ\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                辟｡莠矩€夐℃縺ｧ蠢ｵ鬘倥�譁ｰ霆翫↓\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                縺ｮ繧後※貅€雜ｳ縺ｧ縺呻ｼ―n              </span>\n              <span className={styles.reviewsUserCommentTextMin}>\n                逾槫･亥ｷ晉恁 K縺輔ｓ��40莉｣�峨ヰ繧ｹ驕玖ｻ｢謇欺n              </span>\n            </p>\n          </li>\n        </ul>\n        <div className=\"column is-full has-text-centered\">\n          <a\n            href=\"/uservoice/\"\n            className={`button is-large is-fixed-width-button ${styles.reviewsMoreButton}`}\n          >\n            <span>縲後♀螳｢讒倥�螢ｰ縲阪ｒ繧ゅ▲縺ｨ縺ｿ繧�</span>\n          </a>\n        </div>\n      </div>\n    </Card>\n  </section>\n);\n\nexport default Reviews;\n","export default __webpack_public_path__ + \"static/img-shop-manager-a8f00fb5b041ba2332aacb5cdf6c6dc8.png\";","export default __webpack_public_path__ + \"static/img-shop-manager-7adecfecf3b96fb30424178df64f9f98.avif\";","import React, {\n  FC, useContext, useState,\n} from 'react';\nimport { navigate } from 'gatsby';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport Card from '@/newcar/ui/detail/molecule/Card';\nimport ButtonRequestAssessmentSP from '@/newcar/ui/detail/molecule/ButtonRequestAssessmentSP';\nimport arrow from '@/newcar/ui/common/img/object/icon/arrow-red.svg';\nimport shopManager from '@/newcar/ui/detail/img/img-shop-manager.png';\nimport shopManagerAvif from '@/newcar/ui/detail/img/img-shop-manager.avif';\nimport * as styles from '@/newcar/ui/detail/organism/Trial.module.styl';\n\nconst Trial: FC = () => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  // 繝励Λ繝ｳ隧ｳ邏ｰ繧定ｦ九ｋ縺ｧ菴ｿ逕ｨ縺吶ｋ險育ｮ礼ｵ先棡\n  const afterPrice = () => simulationManagerStore.nowRecommendSPSelection?.price?.toLocaleString() || '';\n  const planName = () => simulationManagerStore.nowRecommendSPSelection.orderName || '';\n  const planOption = () => simulationManagerStore.nowRecommendSPSelection.option || '';\n  const planYear = () => simulationManagerStore.nowRecommendSPSelection.term || '';\n  const planMonth = () => Number(simulationManagerStore.nowRecommendSPSelection.term) * 12 || '';\n\n  // 逶ｸ隲�筏縺苓ｾｼ縺ｿCTA\n  const goToTrialEntryForm = () => {\n    simulationManagerStore.nowCarToUndefined();\n    simulationManagerStore.saveEntryBreakdown(NEWCAR_CONST.SIMULATION_PLAN.ID.TRIAL);\n    navigate(NEWCAR_DEFINE.PATH.FORM_CONTACT_INFO);\n  };\n\n  return (\n    <>\n      {/* SP */}\n      <section className=\"container is-hidden-desktop\">\n        <Card>\n          <h2 className=\"title is-3 has-text-centered\">霆企∈縺ｳ縺ｧ縺雁峅繧翫〒縺ｯ縺ゅｊ縺ｾ縺帙ｓ縺具ｼ�</h2>\n          <div className=\"is-margin-bottom-4\">\n            <picture>\n              <source srcSet={shopManagerAvif} type=\"image/avif\" />\n              <img\n                src={shopManager}\n                alt=\"閾ｪ蜍戊ｻ頑紛蛯吝｣ｫ雉��ｼ繧呈戟縺､縲√き繝ｫ繝｢縺上ｓ蠎鈴聞繝ｻ闍･譫予"\n                width=\"954\"\n                height=\"294\"\n                loading=\"lazy\"\n              />\n            </picture>\n            <span className=\"is-block is-size-7 has-text-right\">閾ｪ蜍戊ｻ頑紛蛯吝｣ｫ雉��ｼ繧呈戟縺､縲√き繝ｫ繝｢縺上ｓ蠎鈴聞繝ｻ闍･譫�</span>\n          </div>\n          <div className=\"is-size-5 is-margin-bottom-5\">\n            <p className=\"is-padding-right-4 is-padding-left-4\">\n              霆翫�繝励Ο縺後≠縺ｪ縺溘�霆企∈縺ｳ繧堤┌譁吶し繝昴�繝医＠縺ｾ縺吶€�\n              蟇ｩ譟ｻ蠕後�繧ｭ繝｣繝ｳ繧ｻ繝ｫ繝ｻ繝励Λ繝ｳ螟画峩縺ｯ蜿ｯ閭ｽ縺ｧ縺吶�縺ｧ縲√∪縺壹�縺願ｩｦ縺怜ｯｩ譟ｻ縺ｫ縺顔筏霎ｼ縺ｿ縺�◆縺�縺阪€―n              縺願ｻ企∈縺ｳ縺ｮ繧ｵ繝昴�繝医ｒ蜿励￠縺ｦ縺�◆縺�縺乗ｵ√ｌ縺後♀縺吶☆繧√〒縺吶€�\n            </p>\n          </div>\n          {/* 逕ｳ縺苓ｾｼ縺ｿ繝懊ち繝ｳ */}\n          <div className=\"has-text-centered\">\n            <div className=\"has-text-center is-margin-top-5 balloon-campaign-parent\">\n              <span className={`is-size-6 is-relative ${styles.balloonCampaign}`}>辟｡譁呻ｼ�5蛻�〒縺九ｓ縺溘ｓ縺顔筏縺苓ｾｼ縺ｿ</span>\n            </div>\n            <ButtonRequestAssessmentSP\n              className={`${styles.isBlue} ${styles.isShaped} button has-head-copy `}\n              buttonText=\"縺ｾ縺壹�縺願ｩｦ縺励〒蟇ｩ譟ｻ縺ｫ逕ｳ霎ｼ繧€\"\n              handlerOnClick={goToTrialEntryForm}\n            />\n          </div>\n\n          {/* 繝励Λ繝ｳ隧ｳ邏ｰ */}\n          <div\n            className=\"columns is-mobile is-multiline is-centered is-vcentered\"\n            onClick={() => setIsOpen(!isOpen)}\n            data-gtm=\"gtm-newcar-detail-fvPlanAccordion\"\n            role=\"button\"\n            tabIndex={0}\n          >\n            <div className={`column is-narrow is-size-6 is-padding-right-2 ${styles.isUnderline}`}>繝励Λ繝ｳ隧ｳ邏ｰ繧定ｦ九ｋ</div>\n            <span className={`${styles.plusBtn} ${isOpen && styles.active}`} />\n          </div>\n          {isOpen && (\n            <div className={`columns is-desktop is-multiline is-centered is-vcentered is-size-6 is-padding-5 is-margin-bottom-5 ${styles.isBorderGreyLighter}`}>\n              <div className=\"column is-padding-bottom-3\">\n                <p className=\"has-text-weight-semibold\">繧ｰ繝ｬ繝ｼ繝�</p>\n                <p className=\"has-text-grey\">{planName()}</p>\n              </div>\n              <div className=\"column is-padding-bottom-3\">\n                <p className=\"has-text-weight-semibold\">繧ｪ繝励す繝ｧ繝ｳ陬�ｙ</p>\n                <p className=\"has-text-grey\">{planOption()}</p>\n              </div>\n              <div className=\"column is-padding-bottom-3\">\n                <p className=\"has-text-weight-semibold\">雉�ｲｸ譛滄俣</p>\n                <p className=\"has-text-grey\">\n                  {planMonth() ? `${planMonth()}繝ｶ譛� ` : ''}\n                  {planYear()}\n                  蟷ｴ\n                </p>\n              </div>\n              <div className=\"column is-padding-bottom-3\">\n                <p className=\"has-text-weight-semibold\">譛磯｡肴侭驥�</p>\n                <p className=\"has-text-grey\">\n                  {afterPrice()}\n                  蜀�/譛茨ｼ育ｨ手ｾｼ�噂n                </p>\n              </div>\n            </div>\n          )}\n        </Card>\n      </section>\n\n      {/* PC */}\n      <section className=\"container is-hidden-mobile is-hidden-tablet-only\">\n        <Card>\n          <h2 className=\"title is-3 has-text-centered\">霆企∈縺ｳ縺ｧ縺雁峅繧翫〒縺ｯ縺ゅｊ縺ｾ縺帙ｓ縺具ｼ�</h2>\n          <div className=\"is-size-5 is-margin-bottom-5 has-text-centered\">\n            <p>霆翫�繝励Ο縺後≠縺ｪ縺溘�霆企∈縺ｳ繧堤┌譁吶し繝昴�繝医＠縺ｾ縺吶€�</p>\n            <p>蟇ｩ譟ｻ蠕後�繧ｭ繝｣繝ｳ繧ｻ繝ｫ繝ｻ繝励Λ繝ｳ螟画峩縺ｯ蜿ｯ閭ｽ縺ｧ縺吶�縺ｧ縲∽ｸ玖ｨ倥ｈ繧翫♀豌苓ｻｽ縺ｫ縺顔筏縺苓ｾｼ縺ｿ縺上□縺輔＞縲�</p>\n          </div>\n          <div className=\"has-text-centered\">\n            <button\n              type=\"button\"\n              className={`button is-large is-white is-fixed-width-button has-text-info ${styles.consultationApplicationButton}`}\n              onClick={goToTrialEntryForm}\n              data-gtm=\"gtm-newcardetail-ConsultationApplication\"\n            >\n              <div className=\"has-text-centered\">\n                <strong className=\"is-size-4 has-text-primary\">縺ｨ繧翫≠縺医★逶ｸ隲�筏霎ｼ縺ｫ騾ｲ繧€</strong>\n                <img src={arrow} alt=\"遏｢蜊ｰ\" className={`${styles.arrowRed}`} />\n              </div>\n            </button>\n          </div>\n        </Card>\n      </section>\n    </>\n  );\n};\nexport default Trial;\n","// extracted by mini-css-extract-plugin\nexport const iconArrowRightBlue = \"Trial-module--icon-arrow-right-blue--3npwE\";\nexport const consultationApplicationButton = \"Trial-module--consultation-application-button--1mc63\";\nexport const arrowRed = \"Trial-module--arrow-red--1T4Tp\";\nexport const balloonCampaign = \"Trial-module--balloon-campaign--xuGoU\";\nexport const plusBtn = \"Trial-module--plus-btn--20ocL\";\nexport const active = \"Trial-module--active---_tGr\";\nexport const isUnderline = \"Trial-module--is-underline--36RoR\";\nexport const isBorderGreyLighter = \"Trial-module--is-border-grey-lighter--1GpBh\";\nexport const isBlue = \"Trial-module--is-blue--2YtId\";\nexport const isShaped = \"Trial-module--is-shaped--1KC7a\";\nexport const naviPlanBalloon = \"Trial-module--navi-plan-balloon--3qBRa\";\nexport const naviPlanText = \"Trial-module--navi-plan-text--3YQrm\";\nexport const naviPlanTextMin = \"Trial-module--navi-plan-text-min--3a0su\";","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMEM3LjE4NjY5IDAgOC4zNDY3MyAwLjM1MTg5NCA5LjMzMzQyIDEuMDExMThDMTAuMzIwMSAxLjY3MDQ3IDExLjA4OTEgMi42MDc1NCAxMS41NDMzIDMuNzAzOUMxMS45OTc0IDQuODAwMjUgMTIuMTE2MiA2LjAwNjY1IDExLjg4NDcgNy4xNzA1NEMxMS42NTMyIDguMzM0NDMgMTEuMDgxOCA5LjQwMzUyIDEwLjI0MjYgMTAuMjQyNkM5LjQwMzUyIDExLjA4MTggOC4zMzQ0MyAxMS42NTMyIDcuMTcwNTQgMTEuODg0N0M2LjAwNjY1IDEyLjExNjIgNC44MDAyNSAxMS45OTc0IDMuNzAzOSAxMS41NDMzQzIuNjA3NTQgMTEuMDg5MSAxLjY3MDQ3IDEwLjMyMDEgMS4wMTExOCA5LjMzMzQyQzAuMzUxODk0IDguMzQ2NzMgMCA3LjE4NjY5IDAgNkMwIDQuNDA4NyAwLjYzMjE0MSAyLjg4MjU4IDEuNzU3MzYgMS43NTczNkMyLjg4MjU4IDAuNjMyMTQxIDQuNDA4NyAwIDYgMFYwWiIgZmlsbD0iI0VCNDYzNyIvPgo8cGF0aCBkPSJNNC45OTExNiA5LjUwODg1QzQuODk4ODQgOS41MDg4MiA0LjgwODU5IDkuNDgxNDIgNC43MzE4NCA5LjQzMDExQzQuNjU1MDkgOS4zNzg4MSA0LjU5NTI4IDkuMzA1OSA0LjU1OTk1IDkuMjIwNkM0LjUyNDYzIDkuMTM1MzEgNC41MTUzNyA5LjA0MTQ2IDQuNTMzMzcgOC45NTA5MUM0LjU1MTM4IDguODYwMzYgNC41OTU4NCA4Ljc3NzE4IDQuNjYxMSA4LjcxMTg5TDcuMTIyMjQgNi4yNTA3NEw0LjY2MTEgMy43ODk1OUM0LjU3Njc3IDMuNzAxNDEgNC41MzAyOSAzLjU4MzcxIDQuNTMxNjUgMy40NjE2OUM0LjUzMzAxIDMuMzM5NjcgNC41ODIxIDMuMjIzMDQgNC42NjgzOCAzLjEzNjc1QzQuNzU0NjcgMy4wNTA0NyA0Ljg3MTI5IDMuMDAxMzkgNC45OTMzMSAzLjAwMDAzQzUuMTE1MzIgMi45OTg2NyA1LjIzMzAzIDMuMDQ1MTMgNS4zMjEyMiAzLjEyOTQ3TDguNDQyOTUgNi4yNTEyTDUuMzIxMjIgOS4zNzI5NEM1LjI3Nzg1IDkuNDE2MiA1LjIyNjM3IDkuNDUwNDcgNS4xNjk3MyA5LjQ3Mzc5QzUuMTEzMSA5LjQ5NzExIDUuMDUyNDEgOS41MDkwMiA0Ljk5MTE2IDkuNTA4ODVaIiBmaWxsPSIjRkZGREZEIi8+Cjwvc3ZnPgo=\"","export default __webpack_public_path__ + \"static/triple_crown_carmo_logo-c120174874f03a647e0be414eebc120b.jpg\";","export default __webpack_public_path__ + \"static/reasonRecommend-cb8b8ad0dcbe233817781faa25e366a3.svg\";","export default __webpack_public_path__ + \"static/reasonSupport-8e4d5f9522877350f0ad58ac5e992e93.svg\";","export default __webpack_public_path__ + \"static/reasonCost-e0dbfadb879af08f2df2d7a6cb5c4fd5.svg\";","export default __webpack_public_path__ + \"static/reasonRecommendSp-70c9327a5c5d5763e7e5c5e7a17b73e5.svg\";","export default __webpack_public_path__ + \"static/reasonSupportSp-ac256d8e8cfbee649c62a4fb63e291ed.svg\";","export default __webpack_public_path__ + \"static/reasonCostSp-d0fd36b9f2d4e9a1db17669f9177c24f.svg\";","export default __webpack_public_path__ + \"static/reasonRecommend-f5a6e3423b99fe5bb69441142caa5859.webp\";","export default __webpack_public_path__ + \"static/reasonSupport-7e5c06d00d5443f90402949506557305.webp\";","export default __webpack_public_path__ + \"static/reasonCost-abfd269ee72fd39360aaa3a46a42a92e.webp\";","export default __webpack_public_path__ + \"static/reasonRecommendSp-54d75dd786c0d8f5d0922f36c2334ebf.webp\";","export default __webpack_public_path__ + \"static/reasonSupportSp-6692413833241aa547a3d3513d120d68.webp\";","export default __webpack_public_path__ + \"static/reasonCostSp-9fefe266c5c471e06613116fccf616e7.webp\";","// extracted by mini-css-extract-plugin\nexport const cardPadding = \"Charm-module--card-padding--127sL\";\nexport const marginAdjust = \"Charm-module--margin-adjust--3qjLe\";\nexport const sankanDisplay = \"Charm-module--sankan-display--20byq\";\nexport const sankanArea = \"Charm-module--sankan-area--3QyVt\";\nexport const sankanItem = \"Charm-module--sankan-item--18VTf\";\nexport const sankanImage = \"Charm-module--sankan-image--1IpsS\";","/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable no-irregular-whitespace */\n/* eslint-disable max-len */\nimport React, {\n  FC,\n} from 'react';\nimport CarDigest from '@/common/core/model/carDigest';\nimport Card from '@/newcar/ui/detail/molecule/Card';\nimport tripleCrown from '@/newcar/ui/detail/img/triple_crown.svg';\nimport tripleCrownCarmoLogo from '@/newcar/ui/detail/img/triple_crown_carmo_logo.jpg';\nimport tripleCrownCarmoLogoAvif from '@/newcar/ui/detail/img/triple_crown_carmo_logo.avif';\nimport reasonRecommend from '@/newcar/ui/detail/img/reasonRecommend.svg';\nimport reasonSupport from '@/newcar/ui/detail/img/reasonSupport.svg';\nimport reasonCost from '@/newcar/ui/detail/img/reasonCost.svg';\nimport reasonRecommendSp from '@/newcar/ui/detail/img/reasonRecommendSp.svg';\nimport reasonSupportSp from '@/newcar/ui/detail/img/reasonSupportSp.svg';\nimport reasonCostSp from '@/newcar/ui/detail/img/reasonCostSp.svg';\nimport reasonRecommendWebp from '@/newcar/ui/detail/img/reasonRecommend.webp';\nimport reasonSupportWebp from '@/newcar/ui/detail/img/reasonSupport.webp';\nimport reasonCostWebp from '@/newcar/ui/detail/img/reasonCost.webp';\nimport reasonRecommendWebpSp from '@/newcar/ui/detail/img/reasonRecommendSp.webp';\nimport reasonSupportWebpSp from '@/newcar/ui/detail/img/reasonSupportSp.webp';\nimport reasonCostWebpSp from '@/newcar/ui/detail/img/reasonCostSp.webp';\nimport CTA_PC from '@/newcar/ui/detail/molecule/CTA_PC';\nimport CTA_SP from '@/newcar/ui/detail/molecule/CTA_SP';\nimport * as styles from '@/newcar/ui/detail/organism/Charm.module.styl';\n\ntype PickDigest = Pick<CarDigest, 'thumbnailUrl'>;\ntype IsNowSale = { isNowSale: boolean };\ntype CharmProps = PickDigest & IsNowSale;\n\nconst Charm: FC<CharmProps> = ({\n  thumbnailUrl,\n  isNowSale,\n}) => (\n  <section className=\"container\">\n    <Card className={`${styles.cardPadding}`}>\n      <h2 className=\"title is-3 has-text-centered is-margin-bottom-5\">蝗ｽ蜀�No.1繧ｫ繝ｼ繝ｪ繝ｼ繧ｹ</h2>\n      <div className=\"is-margin-bottom-6 has-text-centered\">\n        <img\n          src={tripleCrown}\n          className={styles.sankanDisplay}\n          width=\"295\"\n          height=\"78\"\n          alt=\"荳牙�迯ｲ蠕予"\n          decoding=\"async\"\n        />\n      </div>\n      <div className=\"is-margin-bottom-6 has-text-centered\">\n        <picture>\n          <source srcSet={tripleCrownCarmoLogoAvif} type=\"image/avif\" />\n          <img\n            src={tripleCrownCarmoLogo}\n            alt=\"縺雁ｾ励↓繝槭う繧ｫ繝ｼ 螳夐｡阪き繝ｫ繝｢縺上ｓ\"\n            width=\"164\"\n            height=\"48\"\n            loading=\"lazy\"\n          />\n        </picture>\n      </div>\n      <div className={`columns ${styles.sankanArea}`}>\n        <picture className={`column has-text-centered is-margin-bottom-3 ${styles.sankanItem}`}>\n          <source srcSet={reasonRecommendWebpSp} type=\"image/webp\" media=\"(max-width: 768px)\" />\n          <source srcSet={reasonRecommendSp} media=\"(max-width: 768px)\" />\n          <source srcSet={reasonRecommendWebp} type=\"image/webp\" />\n          <source srcSet={reasonRecommend} />\n          <img src={reasonRecommend} className={styles.sankanImage} alt=\"繧ｫ繝ｼ繝ｪ繝ｼ繧ｹ蛻ｩ逕ｨ邨碁ｨ楢€�′驕ｸ縺ｶ縲√♀縺吶☆繧√＠縺溘＞縺ｨ諤昴≧繧ｫ繝ｼ繝ｪ繝ｼ繧ｹ No.1\" loading=\"lazy\" decoding=\"async\" width=\"314\" height=\"78\" />\n        </picture>\n        <picture className={`column has-text-centered is-margin-bottom-3 ${styles.sankanItem}`}>\n          <source srcSet={reasonSupportWebpSp} type=\"image/webp\" media=\"(max-width: 768px)\" />\n          <source srcSet={reasonSupportSp} media=\"(max-width: 768px)\" />\n          <source srcSet={reasonSupportWebp} type=\"image/webp\" />\n          <source srcSet={reasonSupport} />\n          <img src={reasonSupport} className={styles.sankanImage} alt=\"繧ｫ繝ｼ繝�ぅ繝ｼ繝ｩ繝ｼ蜍､蜍呵€�′驕ｸ縺ｶ繧ｵ繝昴�繝医′蜈�ｮ溘＠縺ｦ縺�ｋ縺ｨ諤昴≧繧ｫ繝ｼ繝ｪ繝ｼ繧ｹ No.1\" loading=\"lazy\" decoding=\"async\" width=\"314\" height=\"78\" />\n        </picture>\n        <picture className={`column has-text-centered is-margin-bottom-3 ${styles.sankanItem}`}>\n          <source srcSet={reasonCostWebpSp} type=\"image/webp\" media=\"(max-width: 768px)\" />\n          <source srcSet={reasonCostSp} media=\"(max-width: 768px)\" />\n          <source srcSet={reasonCostWebp} type=\"image/webp\" />\n          <source srcSet={reasonCost} />\n          <img src={reasonCost} className={styles.sankanImage} alt=\"繝輔ぃ繧､繝翫Φ繧ｷ繝｣繝ｫ繝励Λ繝ｳ繝翫�縺碁∈縺ｶ縲√さ繧ｹ繝医ヱ繝輔か繝ｼ繝槭Φ繧ｹ縺碁ｫ倥＞縺ｨ諤昴≧繧ｫ繝ｼ繝ｪ繝ｼ繧ｹNo.1\" loading=\"lazy\" decoding=\"async\" width=\"314\" height=\"78\" />\n        </picture>\n      </div>\n      <p className=\"has-text-grey is-size-7 is-padding-right-4 is-padding-left-4 is-margin-bottom-4\">\n        2024蟷ｴ1譛域悄_繝悶Λ繝ｳ繝峨�繧､繝｡繝ｼ繧ｸ隱ｿ譟ｻ�郁ｪｿ譟ｻ1��3�� 隱ｿ譟ｻ讖滄未�壽律譛ｬ繝槭�繧ｱ繝�ぅ繝ｳ繧ｰ繝ｪ繧ｵ繝ｼ繝∵ｩ滓ｧ� 隱ｿ譟ｻ譛滄俣��2023蟷ｴ12譛�14譌･��2024蟷ｴ1譛�9譌･ n謨ｰ��227�遺€ｻ隱ｿ譟ｻ1�峨€�103�遺€ｻ隱ｿ譟ｻ2�峨€�177�遺€ｻ隱ｿ譟ｻ3��/隱ｿ譟ｻ譁ｹ豕包ｼ啗eb繧｢繝ｳ繧ｱ繝ｼ繝� 隱ｿ譟ｻ蟇ｾ雎｡閠�ｼ喇ttps://jmro.co.jp/r01525/ 蛯呵€�ｼ壽悽隱ｿ譟ｻ縺ｯ蛟倶ｺｺ縺ｮ繝悶Λ繝ｳ繝峨↓蟇ｾ縺吶ｋ繧､繝｡繝ｼ繧ｸ繧貞�縺ｫ繧｢繝ｳ繧ｱ繝ｼ繝医ｒ螳滓命縺鈴寔險医＠縺ｦ縺翫ｊ縺ｾ縺吶€�/譛ｬ繝悶Λ繝ｳ繝峨�蛻ｩ逕ｨ譛臥┌縺ｯ閨ｴ蜿悶＠縺ｦ縺翫ｊ縺ｾ縺帙ｓ縲�/蜉ｹ譫懷柑閭ｽ遲峨ｄ蜆ｪ菴肴€ｧ繧剃ｿ晁ｨｼ縺吶ｋ繧ゅ�縺ｧ縺ｯ縺斐＊縺�∪縺帙ｓ縲�/遶ｶ蜷�2菴阪→縺ｮ蟾ｮ縺ｯ5��ｻ･荳翫€�\n      </p>\n\n      {isNowSale && (\n        <>\n          {/* CTA驛ｨ蛻�_SP迚� */}\n          <div className=\"is-hidden-desktop\">\n            <CTA_SP\n              thumbnailUrl={thumbnailUrl}\n            />\n          </div>\n\n          {/* CTA驛ｨ蛻�_PC迚� */}\n          <div className=\"is-hidden-mobile is-hidden-tablet-only\">\n            <CTA_PC\n              thumbnailUrl={thumbnailUrl}\n            />\n          </div>\n        </>\n      )}\n    </Card>\n  </section>\n);\nexport default Charm;\n","export default \"data:;base64,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\"","/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable max-len */\nimport React, {\n  FC, useState, ReactNode,\n} from 'react';\nimport FAQSchemaMarkup from '@/newcar/ui/docs/faq/organism/FAQSchemaMarkup';\nimport Card from '@/newcar/ui/detail/molecule/Card';\nimport * as styles from '@/newcar/ui/detail/organism/FAQ.module.styl';\n\nconst FAQ: FC = () => {\n  const [showAnswer, setShowAnswer] = useState<boolean[]>([]);\n\n  const accordion = (index: number, question: ReactNode, answer: ReactNode) => {\n    if (showAnswer.length === index) {\n      setShowAnswer([...showAnswer, false]);\n    }\n\n    return (\n      <div className=\"is-size-5 is-border-line is-margin-bottom-5\">\n        <div className=\"accordion is-relative\">\n          <div className={`columns is-mobile is-relative ${styles.faqQuestion}`} onClick={() => setShowAnswer(showAnswer.map((val, i) => (i === index ? !val : val)))}>\n            <div className=\"column\">\n              <div className=\"is-size-5 has-text-weight-semibold\">\n                {question}\n              </div>\n            </div>\n            <div className=\"column is-narrow icon-area\">\n              <i className={`icon is-small has-background-primary accordion-icon\" ${showAnswer[index] ? 'icon-minus' : 'icon-plus'}`} />\n            </div>\n          </div>\n        </div>\n        <div className={`${styles.panel} ${showAnswer[index] && styles.isOpen}`}>\n          <p className=\"is-size-5 is-padding-3\">\n            {answer}\n          </p>\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <>\n      {/* 讒矩€�蛹悶�繝ｼ繧ｯ繧｢繝�� */}\n      <FAQSchemaMarkup\n        items={[\n          {\n            question: '繝ｪ繝ｼ繧ｹ譁咎≡縺ｫ縺ｯ菴輔′蜷ｫ縺ｾ繧後※縺�∪縺吶°',\n            answer: '<p>霆贋ｸ｡莉｣縺ｫ蜉�縺医※閾ｪ蜍戊ｻ顔ｨ弱ｄ驥埼㍼遞弱€∬�雉�雋ｬ菫晞匱縺ｪ縺ｩ縺ｮ豕募ｮ夊ｲｻ逕ｨ縺ｪ縺ｩ縺後Μ繝ｼ繧ｹ譁咎≡縺ｫ蜷ｫ縺ｾ繧後※縺�∪縺吶€�</p><p>蜉�縺医※縲∬ｻ頑､懃せ讀懆ｲｻ逕ｨ繧ゅき繝舌�縺吶ｋ<a href=https://carmo-kun.jp/docs/maintenance/>繝｡繝ｳ繝�リ繝ｳ繧ｹ繝励Λ繝ｳ</a>繧ゅが繝励す繝ｧ繝ｳ縺ｧ霑ｽ蜉�蜃ｺ譚･縺ｾ縺吶€�</p><p>閾ｪ蜍戊ｻ願ｳｼ蜈･縺ｮ髫帙↓縺ｯ閾ｪ蟾ｱ雋�諡�↓縺ｪ繧矩Κ蛻�′蜷ｫ縺ｾ繧後※縺�ｋ縺溘ａ縲∬ｻ翫↓髢｢縺吶ｋ蜃ｺ雋ｻ縺後ヵ繝ｩ繝�ヨ縺ｫ縺ｪ繧雁ｮｶ險医�邂｡逅�′繝ｩ繧ｯ縺ｫ縺ｪ繧翫∪縺吶€�</p><p>縺懊�縺疲､懆ｨ弱￥縺�縺輔＞縺ｾ縺帙€�</p>',\n          },\n          {\n            question: '螂醍ｴ�ｹｴ謨ｰ縺ｯ豎ｺ縺ｾ縺｣縺ｦ縺�∪縺吶°',\n            answer: '1蟷ｴ繧呈怙遏ｭ縺ｨ縺励€�11蟷ｴ縺ｾ縺ｧ1蟷ｴ蜊倅ｽ阪〒縺企∈縺ｳ縺�◆縺�縺代∪縺吶€�',\n          },\n          {\n            question: '襍ｰ陦瑚ｷ晞屬縺ｫ蛻ｶ髯舌�縺ゅｊ縺ｾ縺吶°',\n            answer: '<p>7蟷ｴ莉･荳翫〒縺泌･醍ｴ�＆繧後ｋ蝣ｴ蜷医€∬ｵｰ陦瑚ｷ晞屬縺ｫ蛻ｶ髯舌�縺斐＊縺�∪縺帙ｓ縲�</p><p>縺ｾ縺溘€∝･醍ｴ�ｺ€莠�凾縺ｫ荵励▲縺ｦ縺�◆霆翫ｒ霑ｽ蜉�譁咎≡辟｡縺励〒繧ゅｉ縺�％縺ｨ縺悟庄閭ｽ縺ｫ縺ｪ繧九€後ｂ繧峨∴繧九が繝励す繝ｧ繝ｳ縲阪ｂ縺皮畑諢上＠縺ｦ縺翫ｊ縲√き繝ｼ繝ｪ繝ｼ繧ｹ縺ｧ繧ゅ�繧､繧ｫ繝ｼ諢溯ｦ壹〒縺泌茜逕ｨ縺�◆縺�縺代∪縺吶€�</p><p>隧ｳ縺励￥縺ｯ<a href=https://carmo-kun.jp/docs/moraeru/>縺薙■繧�</a>繧偵＃隕ｧ縺上□縺輔＞縲�</p>',\n          },\n          {\n            question: '縲後ｂ繧峨∴繧九が繝励す繝ｧ繝ｳ縲阪→縺ｯ縺ｪ繧薙〒縺吶°',\n            answer: '<p>螂醍ｴ�悄髢捺ｺ€莠�凾縺ｫ霑ｽ蜉�邊ｾ邂励リ繧ｷ縺ｧ荵励▲縺ｦ縺�◆霆贋ｸ｡繧偵ｂ繧峨∴繧九が繝励す繝ｧ繝ｳ縺ｧ縺吶€�7蟷ｴ莉･荳翫�譁ｰ霆翫き繝ｼ繝ｪ繝ｼ繧ｹ螂醍ｴ�〒縺泌刈蜈･縺�◆縺�縺代∪縺吶€�<p>繧ゅｉ縺医ｋ繧ｪ繝励す繝ｧ繝ｳ縺ｫ縺､縺�※隧ｳ縺励￥縺ｯ<a href=https://carmo-kun.jp/docs/moraeru/>縺薙■繧�</p>',\n          },\n          {\n            question: '蟇ｩ譟ｻ縺ｫ騾壹ｋ縺倶ｸ榊ｮ峨〒縺�',\n            answer: '縲仙ｯｩ譟ｻ縺ｫ騾壹ｋ縺倶ｸ榊ｮ峨〒縺吶€代�縺ｧ縺阪ｋ縺�縺大ｮ峨＞霆顔ｨｮ繧��繝ｩ繝ｳ縺ｧ逕ｳ縺苓ｾｼ繧€縺ｮ縺後♀縺吶☆繧√〒縺吶€ょｮ夐｡阪き繝ｫ繝｢縺上ｓ縺ｧ縺ｯ縲∵･ｭ逡梧怙螳画ｰｴ貅悶〒縺願ｻ翫ｒ雎雁ｯ後↓謠�∴縺ｦ縺�∪縺吶€ゅ�蟇ｩ譟ｻ縺ｮ蝓ｺ貅悶′逡ｰ縺ｪ繧翫∪縺吶�縺ｧ縲√き繝ｼ繝ｭ繝ｼ繝ｳ繧�ｻ也､ｾ縺ｮ繝ｪ繝ｼ繧ｹ蟇ｩ譟ｻ縺ｫ關ｽ縺｡縺滓婿縺ｧ繧ょｮ夐｡阪き繝ｫ繝｢縺上ｓ繧偵＃蛻ｩ逕ｨ縺ｧ縺阪ｋ蜿ｯ閭ｽ諤ｧ縺後≠繧翫∪縺吶€ゅ€舌ヱ繝ｼ繝医�繧｢繝ｫ繝舌う繝医〒繧ょｯｩ譟ｻ縺ｫ騾壹ｊ縺ｾ縺吶°縲代ヱ繝ｼ繝医�繧｢繝ｫ繝舌う繝亥共蜍吶�譁ｹ縺ｧ螳夐｡阪き繝ｫ繝｢縺上ｓ繧偵＃蛻ｩ逕ｨ縺輔ｌ縺ｦ縺�ｋ縺雁ｮ｢讒倥ｂ螟壹￥縺�ｉ縺｣縺励ｃ縺�∪縺吶€ゅ←縺�◇縺頑ｰ苓ｻｽ縺ｫ縺顔筏霎ｼ縺ｿ縺上□縺輔＞縲�',\n          },\n        ]}\n      />\n\n      <section className=\"container\">\n        <Card>\n          <h2 className=\"title is-3 has-text-centered\">繧医￥縺ゅｋ縺碑ｳｪ蝠�</h2>\n          <div className=\"columns is-multiline is-centered is-vcentered\">\n            <div className={`column is-full is-padding-3 ${styles.pcMaxwidth}`}>\n              {/* QA1 */}\n              {accordion(\n                0,\n                <>繝ｪ繝ｼ繧ｹ譁咎≡縺ｫ縺ｯ菴輔′蜷ｫ縺ｾ繧後※縺�∪縺吶°</>,\n                <>\n                  霆贋ｸ｡莉｣縺ｫ蜉�縺医※閾ｪ蜍戊ｻ顔ｨ弱ｄ驥埼㍼遞弱€∬�雉�雋ｬ菫晞匱縺ｪ縺ｩ縺ｮ豕募ｮ夊ｲｻ逕ｨ縺ｪ縺ｩ縺後Μ繝ｼ繧ｹ譁咎≡縺ｫ蜷ｫ縺ｾ繧後※縺�∪縺吶€�\n                  <br />\n                  蜉�縺医※縲∬ｻ頑､懃せ讀懆ｲｻ逕ｨ繧ゅき繝舌�縺吶ｋ\n                  <a href=\"/docs/maintenance/\" className=\"has-text-primary\">繝｡繝ｳ繝�リ繝ｳ繧ｹ繝励Λ繝ｳ</a>\n                  繧ゅが繝励す繝ｧ繝ｳ縺ｧ霑ｽ蜉�蜃ｺ譚･縺ｾ縺吶€�\n                  <br />\n                  閾ｪ蜍戊ｻ願ｳｼ蜈･縺ｮ髫帙↓縺ｯ閾ｪ蟾ｱ雋�諡�↓縺ｪ繧矩Κ蛻�′蜷ｫ縺ｾ繧後※縺�ｋ縺溘ａ縲∬ｻ翫↓髢｢縺吶ｋ蜃ｺ雋ｻ縺後ヵ繝ｩ繝�ヨ縺ｫ縺ｪ繧雁ｮｶ險医�邂｡逅�′繝ｩ繧ｯ縺ｫ縺ｪ繧翫∪縺吶€�\n                  <br />\n                  縺懊�縺疲､懆ｨ弱￥縺�縺輔＞縺ｾ縺帙€�\n                </>,\n              )}\n\n              {/* QA2(譌ｧQA4) */}\n              {accordion(\n                1,\n                <>縲後ｂ繧峨∴繧九が繝励す繝ｧ繝ｳ縲阪→縺ｯ縺ｪ繧薙〒縺吶°</>,\n                <>\n                  螂醍ｴ�悄髢捺ｺ€莠�凾縺ｫ霑ｽ蜉�邊ｾ邂励リ繧ｷ縺ｧ荵励▲縺ｦ縺�◆霆贋ｸ｡繧偵ｂ繧峨∴繧九が繝励す繝ｧ繝ｳ縺ｧ縺吶€�7蟷ｴ莉･荳翫�譁ｰ霆翫き繝ｼ繝ｪ繝ｼ繧ｹ螂醍ｴ�〒縺泌刈蜈･縺�◆縺�縺代∪縺吶€�\n                  <br />\n                  繧ゅｉ縺医ｋ繧ｪ繝励す繝ｧ繝ｳ縺ｫ縺､縺�※隧ｳ縺励￥縺ｯ\n                  <a href=\"/docs/moraeru/\" className=\"has-text-primary\">縺薙■繧�</a>\n                </>,\n              )}\n\n              {/* QA3(譁ｰ隕剰ｿｽ蜉�) */}\n              {accordion(\n                2,\n                <>蟇ｩ譟ｻ縺ｫ騾壹ｋ縺倶ｸ榊ｮ峨〒縺�</>,\n                <>\n                  <p className=\"is-margin-bottom-5\">\n                    縲仙ｯｩ譟ｻ縺ｫ騾壹ｋ縺倶ｸ榊ｮ峨〒縺吶€曾n                    <br />\n                    繝ｻ縺ｧ縺阪ｋ縺�縺大ｮ峨＞霆顔ｨｮ繧��繝ｩ繝ｳ縺ｧ逕ｳ縺苓ｾｼ繧€縺ｮ縺後♀縺吶☆繧√〒縺吶€ょｮ夐｡阪き繝ｫ繝｢縺上ｓ縺ｧ縺ｯ縲∵･ｭ逡梧怙螳画ｰｴ貅悶〒縺願ｻ翫ｒ雎雁ｯ後↓謠�∴縺ｦ縺�∪縺吶€�\n                    <br />\n                    繝ｻ蟇ｩ譟ｻ縺ｮ蝓ｺ貅悶′逡ｰ縺ｪ繧翫∪縺吶�縺ｧ縲√き繝ｼ繝ｭ繝ｼ繝ｳ繧�ｻ也､ｾ縺ｮ繝ｪ繝ｼ繧ｹ蟇ｩ譟ｻ縺ｫ關ｽ縺｡縺滓婿縺ｧ繧ょｮ夐｡阪き繝ｫ繝｢縺上ｓ繧偵＃蛻ｩ逕ｨ縺ｧ縺阪ｋ蜿ｯ閭ｽ諤ｧ縺後≠繧翫∪縺吶€�\n                  </p>\n                  <p>\n                    縲舌ヱ繝ｼ繝医�繧｢繝ｫ繝舌う繝医〒繧ょｯｩ譟ｻ縺ｫ騾壹ｊ縺ｾ縺吶°縲曾n                    <br />\n                    繝代�繝医�繧｢繝ｫ繝舌う繝亥共蜍吶�譁ｹ縺ｧ螳夐｡阪き繝ｫ繝｢縺上ｓ繧偵＃蛻ｩ逕ｨ縺輔ｌ縺ｦ縺�ｋ縺雁ｮ｢讒倥ｂ螟壹￥縺�ｉ縺｣縺励ｃ縺�∪縺吶€ゅ←縺�◇縺頑ｰ苓ｻｽ縺ｫ縺顔筏霎ｼ縺ｿ縺上□縺輔＞縲�\n                  </p>\n                </>,\n              )}\n\n              {/* QA4(譌ｧQA2) */}\n              {accordion(\n                3,\n                <>螂醍ｴ�ｹｴ謨ｰ縺ｯ豎ｺ縺ｾ縺｣縺ｦ縺�∪縺吶°</>,\n                <>\n                  1蟷ｴ繧呈怙遏ｭ縺ｨ縺励€�11蟷ｴ縺ｾ縺ｧ1蟷ｴ蜊倅ｽ阪〒縺企∈縺ｳ縺�◆縺�縺代∪縺吶€�\n                </>,\n              )}\n\n              {/* QA5(譌ｧQA3) */}\n              {accordion(\n                4,\n                <>襍ｰ陦瑚ｷ晞屬縺ｫ蛻ｶ髯舌�縺ゅｊ縺ｾ縺吶°</>,\n                <>\n                  7蟷ｴ莉･荳翫〒縺泌･醍ｴ�＆繧後ｋ蝣ｴ蜷医€∬ｵｰ陦瑚ｷ晞屬縺ｫ蛻ｶ髯舌�縺斐＊縺�∪縺帙ｓ縲�\n                  <br />\n                  <br />\n                  縺ｾ縺溘€∝･醍ｴ�ｺ€莠�凾縺ｫ荵励▲縺ｦ縺�◆霆翫ｒ霑ｽ蜉�譁咎≡辟｡縺励〒繧ゅｉ縺�％縺ｨ縺悟庄閭ｽ縺ｫ縺ｪ繧九€後ｂ繧峨∴繧九が繝励す繝ｧ繝ｳ縲阪ｂ縺皮畑諢上＠縺ｦ縺翫ｊ縲√き繝ｼ繝ｪ繝ｼ繧ｹ縺ｧ繧ゅ�繧､繧ｫ繝ｼ諢溯ｦ壹〒縺泌茜逕ｨ縺�◆縺�縺代∪縺吶€�\n                  <br />\n                  <br />\n                  隧ｳ縺励￥縺ｯ\n                  <a href=\"/docs/moraeru/\" className=\"has-text-primary\">縺薙■繧�</a>\n                  繧偵＃隕ｧ縺上□縺輔＞縲�\n                </>,\n              )}\n            </div>\n\n            <div className=\"column is-full has-text-centered\">\n              <a href=\"/docs/faq/\" className=\"button is-large is-fixed-width-button\">\n                <div>繧ゅ▲縺ｨ隕九ｋ</div>\n              </a>\n            </div>\n          </div>\n        </Card>\n      </section>\n    </>\n  );\n};\nexport default FAQ;\n","// extracted by mini-css-extract-plugin\nexport const faqTitle = \"FAQ-module--faq-title--MQNEy\";\nexport const faqQuestion = \"FAQ-module--faq-question--14JfW\";\nexport const panel = \"FAQ-module--panel--2gBR1\";\nexport const isOpen = \"FAQ-module--is-open--1QCwm\";\nexport const pcMaxwidth = \"FAQ-module--pc-maxwidth--RuuqV\";","export default __webpack_public_path__ + \"static/icon-teigaku-a7986cd887e024899deb886a3fa9a854.svg\";","export default __webpack_public_path__ + \"static/icon-soukou-91f94e7011f7526a59ac44e6490f1a64.svg\";","export default __webpack_public_path__ + \"static/icon-hiyou-d23b4f38d609f6a058484ec42a3e2c04.svg\";","export default __webpack_public_path__ + \"static/icon-option-c90ac51f0033262005ae2ced9f7531c7.svg\";","// extracted by mini-css-extract-plugin\nexport const isFlexDirectionColumnReverse = \"Reason-module--is-flex-direction-column-reverse--1sM_v\";\nexport const reason = \"Reason-module--reason--3170e\";\nexport const reasonImg = \"Reason-module--reason-img--1kQAE\";\nexport const reasonNumber = \"Reason-module--reason-number--39w2e\";\nexport const isMarginLeft3Mobile = \"Reason-module--is-margin-left-3-mobile--1Za1o\";\nexport const reasonBorder = \"Reason-module--reason-border--DQMmt\";\nexport const reasonLead = \"Reason-module--reason-lead--5VKCS\";\nexport const hasTextDecoration = \"Reason-module--has-text-decoration--2aYT-\";","import React, { FC } from 'react';\nimport Card from '@/newcar/ui/detail/molecule/Card';\nimport iconTeigaku from '@/newcar/ui/detail/img/icon-teigaku.svg';\nimport iconSoukou from '@/newcar/ui/detail/img/icon-soukou.svg';\nimport iconHiyou from '@/newcar/ui/detail/img/icon-hiyou.svg';\nimport iconOption from '@/newcar/ui/detail/img/icon-option.svg';\nimport * as styles from '@/newcar/ui/detail/organism/Reason.module.styl';\n\nconst Reason: FC = () => (\n  <section className=\"container\">\n    <Card>\n      <h2 className=\"title is-3 has-text-centered\">螳夐｡阪き繝ｫ繝｢縺上ｓ縺御ｺｺ豌励�逅�罰</h2>\n      <div className={`columns ${styles.reason}`}>\n        {/* 譛磯｡榊ｮ悟�螳夐｡榊宛 */}\n        <div className=\"column\">\n          <div className={`columns is-mobile is-vcentered is-padding-3 ${styles.reasonBorder} ${styles.isFlexDirectionColumnReverse}`}>\n            <div className={`column is-narrow is-margin-right-3 ${styles.reasonNumber}`}>\n              <div className={`has-text-centered has-text-white ${styles.hasTextDecoration}`}>\n                <span className=\"has-text-weight-semibold\">1</span>\n              </div>\n            </div>\n            <div className={`column is-padding-3 has-text-centered-tablet ${styles.isMarginLeft3Mobile}`}>\n              <p className={`is-size-5 has-text-weight-semibold ${styles.reasonLead}`}>\n                豈取怦縺壹�縺｣縺ｨ螳夐｡搾ｼ―n                <br />\n                縺�縺九ｉ螳ｶ險育ｮ｡逅�ｂ螳牙ｿソn              </p>\n              <p className=\"is-size-6 has-text-grey\">\n                鬆ｭ驥代�繝懊�繝翫せ謇輔＞縺ｪ縺励€―n                <br />\n                繝阪ャ繝亥牡縺ｧ譛€螟ｧ49,500蜀�♀蠕予n              </p>\n            </div>\n            <div className=\"column is-narrow is-margin-bottom-2\">\n              <img\n                className={`${styles.reasonImg}`}\n                src={iconTeigaku}\n                width=\"120\"\n                height=\"120\"\n                alt=\"豈取怦縺壹�縺｣縺ｨ螳夐｡構"\n                decoding=\"async\"\n              />\n            </div>\n          </div>\n        </div>\n        {/* 襍ｰ陦瑚ｷ晞屬辟｡蛻ｶ髯� */}\n        <div className=\"column\">\n          <div className={`columns is-mobile is-vcentered is-padding-3 ${styles.reasonBorder} ${styles.isFlexDirectionColumnReverse}`}>\n            <div className={`column is-narrow is-margin-right-3 ${styles.reasonNumber}`}>\n              <div className={`has-text-centered has-text-white ${styles.hasTextDecoration}`}>\n                <span className=\"has-text-weight-semibold\">2</span>\n              </div>\n            </div>\n            <div className={`column is-padding-3 has-text-centered-tablet ${styles.isMarginLeft3Mobile}`}>\n              <p className={`is-size-5 has-text-weight-semibold ${styles.reasonLead}`}>襍ｰ陦瑚ｷ晞屬縺檎┌蛻ｶ髯撰ｼ�</p>\n              <p className=\"is-size-6 has-text-grey\">\n                7蟷ｴ莉･荳翫�縺泌･醍ｴ��蝣ｴ蜷医€―n                <br />\n                襍ｰ陦瑚ｷ晞屬縺ｯ辟｡蛻ｶ髯舌〒縺兔n              </p>\n            </div>\n            <div className=\"column is-narrow is-margin-bottom-2\">\n              <img\n                className={`${styles.reasonImg}`}\n                src={iconSoukou}\n                width=\"120\"\n                height=\"120\"\n                alt=\"襍ｰ陦瑚ｷ晞屬縺檎┌蛻ｶ髯申"\n                decoding=\"async\"\n              />\n            </div>\n          </div>\n        </div>\n        {/* 遞朱≡繧ｳ繝� */}\n        <div className=\"column\">\n          <div className={`columns is-mobile is-vcentered is-padding-3 ${styles.reasonBorder} ${styles.isFlexDirectionColumnReverse}`}>\n            <div className={`column is-narrow is-margin-right-3 ${styles.reasonNumber}`}>\n              <div className={`has-text-centered has-text-white ${styles.hasTextDecoration}`}>\n                <span className=\"has-text-weight-semibold\">3</span>\n              </div>\n            </div>\n            <div className={`column is-padding-3 has-text-centered-tablet ${styles.isMarginLeft3Mobile}`}>\n              <p className={`is-size-5 has-text-weight-semibold ${styles.reasonLead}`}>遞朱≡繝ｻ隲ｸ雋ｻ逕ｨ繧ｳ繝溘さ繝溘�譁咎≡</p>\n              <p className=\"is-size-6 has-text-grey\">迺ｰ蠅�€ｧ閭ｽ蜑ｲ繝ｻ逋ｻ骭ｲ隲ｸ雋ｻ逕ｨ繝ｻ閾ｪ蜍戊ｻ顔ｨ�(遞ｮ蛻･蜑ｲ)繝ｻ驥埼㍼遞弱�閾ｪ雉�雋ｬ繝ｻ蜊ｰ邏吩ｻ｣蜈ｨ縺ｦ繧ｳ繝滂ｼ�</p>\n            </div>\n            <div className=\"column is-narrow is-margin-bottom-2\">\n              <img\n                className={`${styles.reasonImg}`}\n                src={iconHiyou}\n                width=\"120\"\n                height=\"120\"\n                alt=\"迺ｰ蠅�€ｧ閭ｽ蜑ｲ繝ｻ逋ｻ骭ｲ隲ｸ雋ｻ逕ｨ繝ｻ閾ｪ蜍戊ｻ顔ｨ�(遞ｮ蛻･蜑ｲ)繝ｻ驥埼㍼遞弱�閾ｪ雉�雋ｬ繝ｻ蜊ｰ邏吩ｻ｣蜈ｨ縺ｦ繧ｳ繝滂ｼ―"\n                decoding=\"async\"\n              />\n            </div>\n          </div>\n        </div>\n        {/* 繧ゅｉ縺医ｋ/繝｡繝ｳ繝��繝ｩ繝ｳ */}\n        <div className=\"column\">\n          <div className={`columns is-mobile is-vcentered is-padding-3 ${styles.reasonBorder} ${styles.isFlexDirectionColumnReverse}`}>\n            <div className={`column is-narrow is-margin-right-3 ${styles.reasonNumber}`}>\n              <div className={`has-text-centered has-text-white ${styles.hasTextDecoration}`}>\n                <span className=\"has-text-weight-semibold\">4</span>\n              </div>\n            </div>\n            <div className={`column is-padding-3 has-text-centered-tablet ${styles.isMarginLeft3Mobile}`}>\n              <p className={`is-size-5 has-text-weight-semibold ${styles.reasonLead}`}>\n                繧ゅｉ縺医ｋ繧ｪ繝励す繝ｧ繝ｳ繧Ыn                <br />\n                繝｡繝ｳ繝�リ繝ｳ繧ｹ繝励Λ繝ｳ繧偵＃逕ｨ諢十n              </p>\n              <p className=\"is-size-6 has-text-grey\">繧ゅｉ縺医ｋ繧ｪ繝励す繝ｧ繝ｳ縺ｯ縲∝･醍ｴ�ｺ€莠�ｾ後↓繧ｯ繝ｫ繝槭′繧ゅｉ縺医∪縺�</p>\n            </div>\n            <div className=\"column is-narrow is-margin-bottom-2\">\n              <img\n                className={`${styles.reasonImg}`}\n                src={iconOption}\n                width=\"120\"\n                height=\"120\"\n                alt=\"繧ゅｉ縺医ｋ繧ｪ繝励す繝ｧ繝ｳ繝｡繝ｳ繝�リ繝ｳ繧ｹ繝励Λ繝ｳ\"\n                decoding=\"async\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </Card>\n  </section>\n);\n\nexport default Reason;\n","export default \"data:image/jpeg;base64,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\"","import React, { FC } from 'react';\n\nimport Card from '@/newcar/ui/detail/molecule/Card';\nimport orixLogoWebp from '@/newcar/ui/detail/img/orix_logo.webp';\nimport orixLogoJpg from '@/newcar/ui/detail/img/orix_logo.jpg';\nimport * as styles from '@/newcar/ui/detail/organism/Partner.module.styl';\n\nconst Reason: FC = () => (\n  <section className=\"container\">\n    <Card className={`${styles.padding}`}>\n      <h2 className=\"title is-3 has-text-centered is-margin-bottom-3\">謠先声蜈�</h2>\n      <div className=\"columns\">\n        <picture className=\"is-block has-text-centered column is-narrow\">\n          <source srcSet={orixLogoWebp} type=\"image/webp\" />\n          <source srcSet={orixLogoJpg} />\n          <img src={orixLogoJpg} alt=\"繧ｪ繝ｪ繝�け繧ｹ閾ｪ蜍戊ｻ翫Ο繧ｴ\" loading=\"lazy\" decoding=\"async\" width=\"331\" height=\"82\" />\n        </picture>\n        <p className={`column is-padding-4 is-margin-top-4 ${styles.spBorder}`}>\n          縺翫ヨ繧ｯ縺ｫ繝槭う繧ｫ繝ｼ 螳夐｡阪き繝ｫ繝｢縺上ｓ縺ｯ縲√が繝ｪ繝�け繧ｹ閾ｪ蜍戊ｻ頑�ｪ蠑丈ｼ夂､ｾ縺ｨ縺ｮ謠先声繧ｵ繝ｼ繝薙せ縺ｨ縺ｪ繧翫€√♀螳｢讒倥↓縺雁ｱ翫￠縺吶ｋ譁ｰ霆翫�縲√☆縺ｹ縺ｦ繧ｪ繝ｪ繝�け繧ｹ閾ｪ蜍戊ｻ翫′謇ｱ縺�ｭ｣隕上ョ繧｣繝ｼ繝ｩ繝ｼ霆翫〒縺吶€�\n        </p>\n      </div>\n    </Card>\n  </section>\n);\n\nexport default Reason;\n","// extracted by mini-css-extract-plugin\nexport const padding = \"Partner-module--padding--_HZGa\";\nexport const spBorder = \"Partner-module--sp-border--w43gv\";","export default \"data:image/webp;base64,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\"","// extracted by mini-css-extract-plugin\nexport const recommendedPointsHeading = \"RecommendedPointsSummary-module--recommended-points-heading--2-tzn\";\nexport const recommendedPointsArea = \"RecommendedPointsSummary-module--recommended-points-area--3X_aJ\";\nexport const recommendedPointsAreaHeading = \"RecommendedPointsSummary-module--recommended-points-area-heading--2sBG5\";\nexport const recommendedPointsItem = \"RecommendedPointsSummary-module--recommended-points-item--3eyQZ\";\nexport const storeManagerArea = \"RecommendedPointsSummary-module--store-manager-area--1vOka\";\nexport const storeManagerImage = \"RecommendedPointsSummary-module--store-manager-image--2tsUS\";\nexport const storeManagerComment = \"RecommendedPointsSummary-module--store-manager-comment--1ozDT\";\nexport const commentShape = \"RecommendedPointsSummary-module--comment-shape--OgmZX\";\nexport const carRatingTable = \"RecommendedPointsSummary-module--car-rating-table--gUsHz\";\nexport const borderRightGrey = \"RecommendedPointsSummary-module--border-right-grey--1MinL\";\nexport const borderLeftGrey = \"RecommendedPointsSummary-module--border-left-grey--1MJO5\";\nexport const borderBottomGrey = \"RecommendedPointsSummary-module--border-bottom-grey--184NN\";\nexport const backgroundGrey = \"RecommendedPointsSummary-module--background-grey--3qLkq\";\nexport const tableUpperLeftCorner = \"RecommendedPointsSummary-module--table-upper-left-corner--3-9Pv\";\nexport const tableUpperRightCorner = \"RecommendedPointsSummary-module--table-upper-right-corner--3OpSn\";\nexport const tableLeftBottomCorner = \"RecommendedPointsSummary-module--table-left-bottom-corner--3KY4-\";\nexport const tableRightBottomCorner = \"RecommendedPointsSummary-module--table-right-bottom-corner--2MUmK\";\nexport const recommendedArea = \"RecommendedPointsSummary-module--recommended-area--2wg57\";","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOSIgc3Ryb2tlPSIjRUI0NjM3IiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==\"","export default __webpack_public_path__ + \"static/excellent-8e125ef959b3595b847401f907e1b38c.svg\";","export default __webpack_public_path__ + \"static/store-manager-a9a935084068a6e546ff0212c6d9d08b.png\";","import React, { FC } from 'react';\nimport checkicon from '@/newcar/ui/detail/img/checkicon.svg';\nimport * as styles from '@/newcar/ui/detail/organism/RecommendedPointsSummary.module.styl';\nimport RecommendedPointsSummaryType from '@/newcar/core/model/recommendedPointsSummary';\n\nimport good from '@/newcar/ui/detail/img/rating/good.svg';\nimport great from '@/newcar/ui/detail/img/rating/great.svg';\nimport excellent from '@/newcar/ui/detail/img/rating/excellent.svg';\nimport storeManager from '@/newcar/ui/detail/img/rating/store-manager.png';\nimport storeManagerAvif from '@/newcar/ui/detail/img/rating/store-manager.avif';\nimport commentShape from '@/newcar/ui/detail/img/rating/comment-shape.svg';\n\ntype RatingImagesType = {\n  good: string;\n  great: string;\n  excellent: string;\n}\nconst ratingImages: RatingImagesType = {\n  good,\n  great,\n  excellent,\n};\n\ninterface RecommendedPointsSummaryProps {\n  className?: string\n  carName: string;\n  points: string[];\n  recommendedPointsSummary: RecommendedPointsSummaryType;\n}\nconst RecommendedPointsSummary: FC<RecommendedPointsSummaryProps> = ({\n  className, carName, recommendedPointsSummary, points,\n}) => {\n  const {\n    storeManagerRemark, rating,\n  } = recommendedPointsSummary;\n  const filteredPoints = points.filter((point) => !!point);\n\n  return (\n    <>\n      <div id=\"recommended-points-summary\" className={className || ''}>\n        <h2 className={`${styles.recommendedPointsHeading}`}>{`${carName}縺ｮ繧ｳ繧ｳ縺瑚憶縺�ｼ～}</h2>\n        <div className=\"\">\n          <div className={`${styles.storeManagerArea}`}>\n            {/* 蠎鈴聞縺ｮ鬘� */}\n            <div className=\"\">\n              <picture>\n                <source srcSet={storeManagerAvif} type=\"image/avif\" />\n                <img\n                  className={`${styles.storeManagerImage}`}\n                  src={storeManager}\n                  alt=\"蠎鈴聞縺ｮ繧ｳ繝｡繝ｳ繝�\"\n                  width=\"90\"\n                  height=\"90\"\n                  loading=\"lazy\"\n                />\n              </picture>\n            </div>\n            {/* 蠎鈴聞縺ｮ荳€險€ */}\n            <div className={`${styles.storeManagerComment}`}>\n              <p className=\"has-text-weight-semibold\">{storeManagerRemark}</p>\n              <span className=\"is-size-6\">(繧ｫ繝ｫ繝｢縺上ｓ蠎鈴聞 闍･譫�)</span>\n              <img className={`${styles.commentShape}`} src={commentShape} alt=\"繧ｳ繝｡繝ｳ繝亥聖縺榊�縺予" />\n            </div>\n          </div>\n          <div className={`${styles.recommendedArea}`}>\n            {/* 縺翫☆縺吶ａ繝昴う繝ｳ繝� */}\n            {\n                filteredPoints && filteredPoints.length > 0 && (\n                  <div className={`${styles.recommendedPointsArea}`}>\n                    <div className=\"has-text-centered\">\n                      <div className={`${styles.recommendedPointsAreaHeading}`}>縺薙�繧医≧縺ｪ譁ｹ縺ｫ縺翫☆縺吶ａ��</div>\n                    </div>\n                    <ul>\n                      {filteredPoints.map((point) => (\n                        <li key={point} className={`${styles.recommendedPointsItem}`}>\n                          <img src={checkicon} alt=\"遏｢蜊ｰ\" />\n                          <p>{point}</p>\n                        </li>\n                      ))}\n                    </ul>\n                  </div>\n                )\n              }\n            {/* 繝��繝悶Ν逕ｻ蜒� */}\n            <table className={`${styles.carRatingTable}`}>\n              <tbody>\n                <tr>\n                  <td className={`${styles.tableUpperLeftCorner}`}>\n                    <span>辯�ｲｻ</span>\n                    <span><img src={ratingImages[rating.fuelEfficiency]} alt=\"fuelEfficiency\" /></span>\n                  </td>\n                  <td className={`${styles.tableUpperRightCorner}`}>\n                    <span>騾壼共</span>\n                    <span><img src={ratingImages[rating.commute]} alt=\"commute\" /></span>\n                  </td>\n                </tr>\n                <tr className={`${styles.borderBottomGrey} ${styles.backgroundGrey}`}>\n                  <td className={`${styles.borderRightGrey} ${styles.borderLeftGrey}`}>\n                    <span>繝輔ぃ繝溘Μ繝ｼ</span>\n                    <span><img src={ratingImages[rating.family]} alt=\"family\" /></span>\n                  </td>\n                  <td className={`${styles.borderRightGrey}`}>\n                    <span>驕玖ｻ｢縺励ｄ縺吶＆</span>\n                    <span><img src={ratingImages[rating.easeOfDriving]} alt=\"easeOfDriving\" /></span>\n                  </td>\n                </tr>\n                <tr className={`${styles.borderBottomGrey}`}>\n                  <td className={`${styles.borderRightGrey} ${styles.borderLeftGrey}`}>\n                    <span>荵励ｊ蠢�慍</span>\n                    <span><img src={ratingImages[rating.rideComfort]} alt=\"rideComfort\" /></span>\n                  </td>\n                  <td className={`${styles.borderRightGrey}`}>\n                    <span>蜿守ｴ阪せ繝壹�繧ｹ</span>\n                    <span><img src={ratingImages[rating.storageSpace]} alt=\"storageSpace\" /></span>\n                  </td>\n                </tr>\n                <tr className={`${styles.borderBottomGrey} ${styles.backgroundGrey}`}>\n                  <td className={`${styles.borderRightGrey} ${styles.borderLeftGrey}`}>\n                    <span>螳､蜀�ｩｺ髢�</span>\n                    <span><img src={ratingImages[rating.interiorSpace]} alt=\"interiorSpace\" /></span>\n                  </td>\n                  <td className={`${styles.borderRightGrey}`}>\n                    <span>繧｢繧ｦ繝医ラ繧｢</span>\n                    <span><img src={ratingImages[rating.outdoor]} alt=\"outdoor\" /></span>\n                  </td>\n                </tr>\n                <tr>\n                  <td className={`${styles.borderRightGrey} ${styles.tableLeftBottomCorner}`}>\n                    <span>邯ｭ謖∬ｲｻ</span>\n                    <span><img src={ratingImages[rating.maintenanceCost]} alt=\"maintenanceCost\" /></span>\n                  </td>\n                  <td className={`${styles.tableRightBottomCorner}`}>\n                    <span>螂ｳ諤ｧ蜷代″</span>\n                    <span><img src={ratingImages[rating.femaleFriendly]} alt=\"femaleFriendly\" /></span>\n                  </td>\n                </tr>\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default RecommendedPointsSummary;\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOSIgc3Ryb2tlPSIjRUI0NjM3IiBzdHJva2Utd2lkdGg9IjIiLz4KPGNpcmNsZSBjeD0iMTAuMDAwMyIgY3k9IjkuOTk5ODIiIHI9IjUuODQyMTEiIHN0cm9rZT0iI0VCNDYzNyIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=\"","export default \"data:;base64,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\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDgzODQwNCAwLjA1MDY3MTFDMi4wODM4NCAxLjU1MDY3IDEzLjU4MzkgMS41NTA3OCAxNi4wODM5IDAuMDUwNzgxMkwxNy41ODM4IDEwLjU1MDZDMjAuMzQ4IDE5LjQ0ODcgLTEuNTE2MTYgLTEuMTQ5MzMgMC4wODM4NDA0IDAuMDUwNjcxMVoiIGZpbGw9IiNGRkVEQjIiLz4KPC9zdmc+Cg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOSA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAzLjQ1TDMuMSA2LjI1TDggMSIgc3Ryb2tlPSIjRkZDMzAwIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==\"","// extracted by mini-css-extract-plugin\nexport const carModelPanel = \"CarModelPanelRecommended-module--car-model-panel--2GU-O\";\nexport const image = \"CarModelPanelRecommended-module--image--1M4Wa\";\nexport const cardBox = \"CarModelPanelRecommended-module--card-box--12EkZ\";\nexport const cardBoxFigureContainer = \"CarModelPanelRecommended-module--card-box-figure-container--3OwPc\";\nexport const isMarginAdjust = \"CarModelPanelRecommended-module--is-margin-adjust--3630x\";\nexport const listArrow = \"CarModelPanelRecommended-module--list-arrow--1inDA\";\nexport const hasTextGrey = \"CarModelPanelRecommended-module--has-text-grey--Kyu0_\";\nexport const car_img = \"CarModelPanelRecommended-module--car_img--1ib2G\";","import React, { FC } from 'react';\nimport { Link } from 'gatsby';\n\nimport NEWCAR_DEFINE from '@/newcar/util/define';\n\nimport Color from '@/newcar/ui/lineup/molecule/Color';\nimport { GatsbyImage, IGatsbyImageData } from 'gatsby-plugin-image';\nimport loading from '@/newcar/ui/lineup/img/loading.svg';\nimport listArrow from '@/newcar/ui/lineup/img/icon-chevron-right-grey.svg';\n\nimport * as styles from './CarModelPanelRecommended.module.styl';\n\ntype RecommendedInformation = {\n  name: string,\n  makerName: string,\n  link: string,\n  thumbnailUrl: string,\n  taxedMinPrice11: number,\n  bodyColors: string[],\n}\n\nconst CarModelPanelRecommended: FC<RecommendedInformation> = (\n  {\n    makerName,\n    name,\n    link,\n    thumbnailUrl,\n    taxedMinPrice11,\n    bodyColors,\n  },\n) => {\n  const gatsbyImageData : IGatsbyImageData = {\n    layout: 'fullWidth',\n    width: 240,\n    height: 130,\n    images: { fallback: { src: thumbnailUrl } },\n    placeholder: { fallback: loading },\n  };\n  return (\n    <div className={`card ${styles.carModelPanel}`}>\n      <Link to={NEWCAR_DEFINE.PATH.DETAIL(link)}>\n        <div className={`is-mobile ${styles.cardBox}`}>\n          <div className={`${styles.cardBoxFigureContainer} column card-image is-padding-1 is-hidden-desktop`}>\n            <figure className={`column ${styles.image}`}>\n              <GatsbyImage image={gatsbyImageData} alt={name} />\n            </figure>\n          </div>\n          <div className=\"column card-content is-padding-1\">\n            <p className={`${styles.hasTextGrey} has-text-left is-size-7 has-text-weight-semibold`}>\n              {makerName}\n            </p>\n            <h3 className={`${styles.isMarginAdjust} has-text-left is-margin-top-1 is-padding-right-3`}>\n              <strong className=\"is-size-4\">{name}</strong>\n            </h3>\n            <p className=\"is-margin-top-3 has-text-left\">\n              <span className=\"is-size-3 has-text-weight-semibold is-margin-right-1\">\n                {taxedMinPrice11.toLocaleString()}\n              </span>\n              <span className=\"is-size-6 has-text-grey-light\">蜀�€�/譛�</span>\n            </p>\n            {/* 逕ｻ蜒� */}\n            <div className=\"column card-image is-padding-1 is-hidden-touch\">\n              <figure className={`column ${styles.image}`}>\n                <GatsbyImage image={gatsbyImageData} alt={name} />\n              </figure>\n            </div>\n            {/* 繧ｫ繝ｩ繝ｼ */}\n            <dl className=\"columns is-mobile has-text-grey-light is-size-7 is-padding-2 is-hidden-mobile\">\n              <dt className=\"column is-narrow is-inline-block is-margin-right-1 is-target-dt\">繧ｫ繝ｩ繝ｼ</dt>\n              <dd className=\"column is-narrow is-inline-block is-target-dd\">\n                <Color bodyColors={bodyColors} />\n              </dd>\n            </dl>\n          </div>\n          {/* SP迚医�arrow */}\n          <span className={styles.listArrow}><img src={listArrow} alt={name} /></span>\n        </div>\n      </Link>\n    </div>\n  );\n};\nexport default CarModelPanelRecommended;\n","// extracted by mini-css-extract-plugin\nexport const moreButton = \"RecommendedCarList-module--more-button--37cKj\";\nexport const recommendedListContainer = \"RecommendedCarList-module--recommended-list-container--3cOGy\";\nexport const recommendedEmptyText = \"RecommendedCarList-module--recommended-empty-text--2zYpg\";\nexport const recommendedHeading = \"RecommendedCarList-module--recommended-heading--3InyV\";","/* eslint-disable max-len */\n/* eslint-disable no-else-return */\nimport React, { FC } from 'react';\nimport {\n  MAKER_NAME,\n  MAKER_ID,\n} from '@/newcar/util/const/maker';\nimport {\n  BODY_NAME,\n  BODY_ID,\n} from '@/newcar/util/const/bodyType';\nimport CarDigest from '@/common/core/model/carDigest';\nimport CARMO_CONST from '@/common/util/const';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\nimport { Link } from 'gatsby';\nimport Card from '@/newcar/ui/detail/molecule/Card';\nimport CarModelPanelRecommended from '@/newcar/ui/detail/molecule/CarModelPanelRecommended';\n\n// style\nimport * as styles from '@/newcar/ui/detail/organism/RecommendedCarList.module.styl';\n\ntype IsNowSale = {isNowSale: boolean}\ntype PickDigest = Pick<CarDigest, 'name' | 'makerId' | 'bodyType' | 'isMiniCar' | 'taxedMinPrice11' | 'thumbnailUrl' | 'id__normalized' | 'bodyColors'>;\ntype RecommendDigests = {recommendDigests: {\n    sameBodyTypeDigests: PickDigest[],\n    sameBodyTypeSameMakerDigests: PickDigest[],\n    sameMakerDigests: PickDigest[],\n  }\n}\ntype InformationProps = PickDigest & RecommendDigests & IsNowSale;\n\nconst RecommendedCarList:FC<InformationProps> = ({\n  makerId,\n  bodyType,\n  isMiniCar,\n  recommendDigests,\n}) => (\n  <>\n    <h2 className={`title is-3 has-text-centered ${styles.recommendedHeading}`}>\n      縺昴�莉悶�縺翫☆縺吶ａ霆顔ｨｮ\n    </h2>\n\n    <div className={`container ${BODY_NAME(bodyType as unknown as BODY_ID) === '' && !isMiniCar ? 'is-hidden' : ''}`}>\n      <Card>\n        <h2 className=\"title is-3 has-text-centered is-margin-bottom-3\">\n          {MAKER_NAME(makerId as unknown as MAKER_ID)}\n          縺ｮ縺昴�莉悶�\n          {\n            (() => {\n              if (isMiniCar) {\n                return (BODY_NAME(CARMO_CONST.BODY_TYPE.ID.MINI_CAR as unknown as BODY_ID));\n              } else {\n                return (BODY_NAME(bodyType as unknown as BODY_ID));\n              }\n            })()\n          }\n        </h2>\n\n        <div className={styles.recommendedListContainer}>\n          {\n            recommendDigests.sameBodyTypeSameMakerDigests.map((d) => (\n              <CarModelPanelRecommended\n                name={d.name}\n                makerName={CARMO_CONST.MAKER.NAME(d.makerId)}\n                link={d.id__normalized.toString()}\n                thumbnailUrl={d.thumbnailUrl}\n                taxedMinPrice11={d.taxedMinPrice11}\n                bodyColors={d.bodyColors}\n              />\n            ))\n          }\n          <p className={`${styles.recommendedEmptyText} ${recommendDigests.sameBodyTypeSameMakerDigests.length !== 0 ? 'is-hidden' : ''}`}>\n            隧ｲ蠖楢ｻ顔ｨｮ縺ｯ縺ゅｊ縺ｾ縺帙ｓ\n          </p>\n        </div>\n\n        <div className={`has-text-centered ${recommendDigests.sameBodyTypeSameMakerDigests.length < 3 ? 'is-hidden' : ''}`}>\n          {\n            (() => {\n              if (isMiniCar) {\n                return (\n                  <Link\n                    to={NEWCAR_DEFINE.PATH.MAKER_BODYTYPE(makerId, CARMO_CONST.BODY_TYPE.ID.MINI_CAR)}\n                    className={`button is-large is-outlined has-text-dark ${styles.moreButton}`}\n                  >\n                    繧ゅ▲縺ｨ隕九ｋ\n                  </Link>\n                );\n              } else {\n                return (\n                  <Link\n                    to={NEWCAR_DEFINE.PATH.MAKER_BODYTYPE(makerId, bodyType)}\n                    className={`button is-large is-outlined has-text-dark ${styles.moreButton}`}\n                  >\n                    繧ゅ▲縺ｨ隕九ｋ\n                  </Link>\n                );\n              }\n            })()\n          }\n        </div>\n      </Card>\n    </div>\n\n    <div className={`container ${BODY_NAME(bodyType as unknown as BODY_ID) === '' && !isMiniCar ? 'is-hidden' : ''}`}>\n      <Card>\n        <h2 className=\"title is-3 has-text-centered is-margin-bottom-3\">\n          縺昴�莉悶�\n          {\n            (() => {\n              if (isMiniCar) {\n                return (BODY_NAME(CARMO_CONST.BODY_TYPE.ID.MINI_CAR as unknown as BODY_ID));\n              } else {\n                return (BODY_NAME(bodyType as unknown as BODY_ID));\n              }\n            })()\n          }\n        </h2>\n\n        <div className={styles.recommendedListContainer}>\n          {\n            recommendDigests.sameBodyTypeDigests.map((d) => (\n              <CarModelPanelRecommended\n                name={d.name}\n                makerName={CARMO_CONST.MAKER.NAME(d.makerId)}\n                link={d.id__normalized.toString()}\n                thumbnailUrl={d.thumbnailUrl}\n                taxedMinPrice11={d.taxedMinPrice11}\n                bodyColors={d.bodyColors}\n              />\n            ))\n          }\n          <p\n            className={`${styles.recommendedEmptyText} ${recommendDigests.sameBodyTypeDigests.length !== 0 ? 'is-hidden' : ''}`}\n          >\n            隧ｲ蠖楢ｻ顔ｨｮ縺ｯ縺ゅｊ縺ｾ縺帙ｓ\n          </p>\n        </div>\n\n        <div className={`has-text-centered ${recommendDigests.sameBodyTypeDigests.length < 3 ? 'is-hidden' : ''}`}>\n          {\n            (() => {\n              if (isMiniCar) {\n                return (\n                  <Link\n                    to={NEWCAR_DEFINE.PATH.BODY_TYPE_PATH(CARMO_CONST.BODY_TYPE.ID.MINI_CAR)}\n                    className={`button is-large is-outlined has-text-dark ${styles.moreButton}`}\n                  >\n                    繧ゅ▲縺ｨ隕九ｋ\n                  </Link>\n                );\n              } else {\n                return (\n                  <Link\n                    to={NEWCAR_DEFINE.PATH.BODY_TYPE_PATH(bodyType)}\n                    className={`button is-large is-outlined has-text-dark ${styles.moreButton}`}\n                  >\n                    繧ゅ▲縺ｨ隕九ｋ\n                  </Link>\n                );\n              }\n            })()\n          }\n        </div>\n      </Card>\n    </div>\n\n    <div className=\"container\">\n      <Card>\n        <h2 className=\"title is-3 has-text-centered is-margin-bottom-3\">\n          {MAKER_NAME(makerId as unknown as MAKER_ID)}\n          縺ｮ縺昴�莉悶�霆顔ｨｮ\n        </h2>\n\n        <div className={styles.recommendedListContainer}>\n          {\n            recommendDigests.sameMakerDigests.map((d) => (\n              <CarModelPanelRecommended\n                name={d.name}\n                makerName={CARMO_CONST.MAKER.NAME(d.makerId)}\n                link={d.id__normalized.toString()}\n                thumbnailUrl={d.thumbnailUrl}\n                taxedMinPrice11={d.taxedMinPrice11}\n                bodyColors={d.bodyColors}\n              />\n            ))\n          }\n          <p\n            className={`${styles.recommendedEmptyText} ${recommendDigests.sameMakerDigests.length !== 0 ? 'is-hidden' : ''}`}\n          >\n            隧ｲ蠖楢ｻ顔ｨｮ縺ｯ縺ゅｊ縺ｾ縺帙ｓ\n          </p>\n        </div>\n\n        <div className={`has-text-centered ${recommendDigests.sameMakerDigests.length < 3 ? 'is-hidden' : ''}`}>\n          <Link\n            to={NEWCAR_DEFINE.PATH.MAKER_PATH(makerId)}\n            className={`button is-large is-outlined has-text-dark ${styles.moreButton}`}\n          >\n            繧ゅ▲縺ｨ隕九ｋ\n          </Link>\n        </div>\n      </Card>\n    </div>\n  </>\n);\n\nexport default RecommendedCarList;\n","// extracted by mini-css-extract-plugin\nexport const bandSizeLarge = \"index-module--band-size-large--2R2cf\";\nexport const hasTextDecoration = \"index-module--has-text-decoration--3fDN3\";\nexport const hasBorderTopGreyLighter = \"index-module--has-border-top-grey-lighter--3e_z-\";\nexport const moreButton = \"index-module--more-button--1sdhr\";\nexport const hasBackgroundBlackLight = \"index-module--has-background-black-light--OyT8G\";\nexport const recommendedPoints = \"index-module--recommended-points--1r_TR\";\nexport const userVoiceContainer = \"index-module--user-voice-container--3sJ5y\";\nexport const userVoiceItem = \"index-module--user-voice-item--2z-ab\";\nexport const userVoiceRating = \"index-module--user-voice-rating--2sI28\";\nexport const userVoiceRatingImages = \"index-module--user-voice-rating-images--rb9OA\";\nexport const scrollToTopDetail = \"index-module--scroll-to-top-detail--1OwZ-\";\nexport const searchAreaWrap = \"index-module--search-area-wrap--1XLj4\";\nexport const linkAreaWrap = \"index-module--link-area-wrap--3Bqfu\";\nexport const searchHeader = \"index-module--search-header--2pzYe\";\nexport const searchTitle = \"index-module--search-title--PUA9g\";\nexport const large = \"index-module--large--12ZQF\";\nexport const btnListWrap = \"index-module--btnListWrap--OLnJ2\";\nexport const btnList = \"index-module--btn-list--1_FG-\";\nexport const makerList = \"index-module--maker-list--1g8j7\";\nexport const typeList = \"index-module--type-list--9TkJH\";\nexport const makerListItem = \"index-module--maker-list-item--3bWnX\";\nexport const typeListItem = \"index-module--type-list-item--3jpWG\";\nexport const carListBtnWrap = \"index-module--car-list-btn-wrap--YBQ--\";\nexport const linkListBtnWrap = \"index-module--link-list-btn-wrap--2c00F\";\nexport const carList = \"index-module--car-list--LkcvH\";\nexport const normalLinkBtn = \"index-module--normal-link-btn--3lTSg\";\nexport const conciergeHeader = \"index-module--concierge-header--eLoKM\";\nexport const conciergeContact = \"index-module--concierge-contact--y4KNe\";\nexport const band = \"index-module--band--2M1-Q\";","export default __webpack_public_path__ + \"static/img-point-first-10ee261f3f13a90fdc4e085399cf4385.png\";","export default __webpack_public_path__ + \"static/img-point-first-733f62bdb02dca464470fb66cd137bb0.avif\";","export default __webpack_public_path__ + \"static/img-point-second-db30047cd43e61d115c914e0260cb30e.png\";","export default __webpack_public_path__ + \"static/img-point-second-4daa97d8957ad38432afec5a4a3067bf.avif\";","export default __webpack_public_path__ + \"static/img-point-third-ea3baaa9093825b0f3b92fc8e92befa4.png\";","export default __webpack_public_path__ + \"static/img-point-third-1dda97353818e268bfa71a5c53be3b73.avif\";","export default __webpack_public_path__ + \"static/img-point-fourth-af0ca6c2f92f03366c41ea7b595766cd.png\";","export default __webpack_public_path__ + \"static/img-point-fourth-89c8b2ed120149d7285b272cb7e28a90.avif\";","// extracted by mini-css-extract-plugin\nexport const appealPointContainer = \"ChosenPoints-module--appeal-point-container--3jSPR\";\nexport const appealPointTitle = \"ChosenPoints-module--appeal-point-title--3Ai8g\";\nexport const appealPointCard = \"ChosenPoints-module--appeal-point-card--3VINr\";\nexport const appealPointContent = \"ChosenPoints-module--appeal-point-content--KGfcn\";\nexport const appealPointContentItem = \"ChosenPoints-module--appeal-point-content-item--324n3\";\nexport const appealPointButtonContainer = \"ChosenPoints-module--appeal-point-button-container--2uECi\";\nexport const appealPointButtonItem = \"ChosenPoints-module--appeal-point-button-item--2u9Gc\";\nexport const isSecondBottom = \"ChosenPoints-module--is-second-bottom--3Ypor\";\nexport const appealPointText = \"ChosenPoints-module--appeal-point-text--ckrEk\";\nexport const appealPointHeading = \"ChosenPoints-module--appeal-point-heading--1TZGu\";\nexport const appealPointThumbnailContainer = \"ChosenPoints-module--appeal-point-thumbnail-container--3QSCD\";\nexport const isFirst = \"ChosenPoints-module--is-first--rTFKt\";\nexport const isSecond = \"ChosenPoints-module--is-second--3tdoH\";\nexport const isThird = \"ChosenPoints-module--is-third--YN5ME\";\nexport const isFourth = \"ChosenPoints-module--is-fourth--3p7E4\";\nexport const appealPointNoticeList = \"ChosenPoints-module--appeal-point-notice-list--1EKYz\";\nexport const appealPointNoticeListItem = \"ChosenPoints-module--appeal-point-notice-list-item--2F3tr\";\nexport const appealPointAsterisk = \"ChosenPoints-module--appeal-point-asterisk--3TEMB\";\nexport const appealPointAsteriskSub = \"ChosenPoints-module--appeal-point-asterisk-sub--1vAS1\";\nexport const isChosenPoints = \"ChosenPoints-module--is-chosen-points--3L3if\";","/* eslint-disable max-len */\nimport React, { FC } from 'react';\n\n// Component\nimport Card from '@/newcar/ui/detail/molecule/Card';\n\n// Image\nimport pointFirst from '@/newcar/ui/detail/img/points/img-point-first.png';\nimport pointFirstAvif from '@/newcar/ui/detail/img/points/img-point-first.avif';\nimport pointSecond from '@/newcar/ui/detail/img/points/img-point-second.png';\nimport pointSecondAvif from '@/newcar/ui/detail/img/points/img-point-second.avif';\nimport pointThird from '@/newcar/ui/detail/img/points/img-point-third.png';\nimport pointThirdAvif from '@/newcar/ui/detail/img/points/img-point-third.avif';\nimport pointFourth from '@/newcar/ui/detail/img/points/img-point-fourth.png';\nimport pointFourthAvif from '@/newcar/ui/detail/img/points/img-point-fourth.avif';\n\nimport * as styles from '@/newcar/ui/detail/organism/ChosenPoints.module.styl';\n\nconst ChosenPoints:FC = () => (\n  <section className=\"container\">\n    <Card className={styles.isChosenPoints}>\n      <h2 className=\"title is-3 has-text-centered\">\n        螳夐｡阪き繝ｫ繝｢縺上ｓ縺碁∈縺ｰ繧後ｋ\n        <br />\n        4縺､縺ｮ繝昴う繝ｳ繝�\n      </h2>\n      <div className={styles.appealPointContainer}>\n        <div className={`container is-margin-auto ${styles.appealPointCard}`}>\n          <div\n            className={`${styles.appealPointContent} ${styles.contentsMarginTop}`}\n          >\n            {/* point 1 */}\n            <div className={styles.appealPointContentItem}>\n              <h3 className={styles.appealPointHeading}>\n                讌ｭ逡梧怙螳画ｰｴ貅悶�\n                <br className=\"is-hidden-mobile\" />\n                萓｡譬ｼ\n                <span className={styles.appealPointAsteriskSub}>窶ｻ1</span>\n              </h3>\n              <div className={`${styles.appealPointThumbnailContainer} ${styles.isFirst}`}>\n                <picture>\n                  <source srcSet={pointFirstAvif} type=\"image/avif\" />\n                  <img\n                    src={pointFirst}\n                    alt=\"讌ｭ逡梧怙螳画ｰｴ貅悶�萓｡譬ｼ\"\n                    width=\"353\"\n                    height=\"106\"\n                    loading=\"lazy\"\n                  />\n                </picture>\n              </div>\n              <p className={styles.appealPointText}>\n                鬆ｭ驥代�繝懊�繝翫せ謇輔＞�仙�縲∬ｻ頑､應ｻ｣繝ｻ繝｡繝ｳ繝�ｻ｣繝ｻ蜷�ｨｮ遞朱≡繝ｻ閾ｪ雉�雋ｬ菫晞匱譁吶さ繝溘〒莠ｺ豌励�譁ｰ霆翫′譛磯｡�1荳��蜿ｰ縺九ｉ縺壹▲縺ｨ螳夐｡搾ｼ―n              </p>\n            </div>\n            {/* //_point 1 */}\n\n            {/* point 2 */}\n            <div className={styles.appealPointContentItem}>\n              <h3 className={styles.appealPointHeading}>\n                霑泌唆荳崎ｦ�ｼ�\n                <br className=\"is-hidden-mobile\" />\n                謚懃ｾ､縺ｮ閾ｪ逕ｱ蠎ｦ\n              </h3>\n              <div className={`${styles.appealPointThumbnailContainer} ${styles.isSecond}`}>\n                <picture>\n                  <source srcSet={pointSecondAvif} type=\"image/avif\" />\n                  <img\n                    src={pointSecond}\n                    alt=\"霑泌唆荳崎ｦ�ｼ�栢鄒､縺ｮ閾ｪ逕ｱ蠎ｦ\"\n                    width=\"368\"\n                    height=\"254\"\n                    loading=\"lazy\"\n                  />\n                </picture>\n              </div>\n              <p className={styles.appealPointText}>\n                蛟溘ｊ迚ｩ諢溘ぞ繝ｭ�―n                <span className={styles.appealPointAsteriskSub}>窶ｻ2</span>\n                譛€邨ら噪縺ｫ霆翫′繧ゅｉ縺医ｋ縺九ｉ繝�ぅ繝ｼ繝ｩ繝ｼ縺ｧ雉ｼ蜈･縺吶ｋ縺ｮ縺ｨ螟峨ｏ繧峨↑縺�ｽｿ縺�享謇九〒縺吶€�\n              </p>\n            </div>\n            {/* //_point 2 */}\n\n            {/* point 3 */}\n            <div className={styles.appealPointContentItem}>\n              <h3 className={styles.appealPointHeading}>\n                髟ｷ譛滉ｿ晁ｨｼ��\n                <br className=\"is-hidden-mobile\" />\n                菫晞匱縺ｮ螳牙ｿ�─\n              </h3>\n              <div className={`${styles.appealPointThumbnailContainer} ${styles.isThird}`}>\n                <picture>\n                  <source srcSet={pointThirdAvif} type=\"image/avif\" />\n                  <img\n                    src={pointThird}\n                    alt=\"髟ｷ譛滉ｿ晁ｨｼ��ｿ晞匱縺ｮ螳牙ｿ�─\"\n                    width=\"276\"\n                    height=\"172\"\n                    loading=\"lazy\"\n                  />\n                </picture>\n              </div>\n              <p className={styles.appealPointText}>\n                螳夐｡阪き繝ｫ繝｢縺上ｓ縺ｮ繝｡繝ｳ繝�リ繝ｳ繧ｹ繝励Λ繝ｳ縺ｯ縲∵怙髟ｷ11蟷ｴ縺ｮ螳牙ｿ�ｿ晁ｨｼ\n                <span className={styles.appealPointAsteriskSub}>窶ｻ4</span>\n                縺御ｻ伜ｸｯ縺励∪縺吶€ゅ＆繧峨↓繝ｪ繝ｼ繧ｹ霆贋ｸ｡縺ｫ迚ｹ蛹悶＠縺溽音邏�′縺､縺�◆繧ｫ繝ｫ繝｢螂醍ｴ�€�ｧ伜ｰら畑閾ｪ蜍戊ｻ贋ｿ晞匱繧ゅ＃逕ｨ諢上＠縺ｦ縺翫ｊ縺ｾ縺吶€�\n              </p>\n            </div>\n            {/* //_point 3 */}\n\n            {/* point 4 */}\n            <div className={styles.appealPointContentItem}>\n              <h3 className={styles.appealPointHeading}>\n                謗･螳｢貅€雜ｳ蠎ｦ\n                <br className=\"is-hidden-mobile\" />\n                92.7%\n              </h3>\n              <div className={`${styles.appealPointThumbnailContainer} ${styles.isFourth}`}>\n                <picture>\n                  <source srcSet={pointFourthAvif} type=\"image/avif\" />\n                  <img\n                    src={pointFourth}\n                    alt=\"謗･螳｢貅€雜ｳ蠎ｦ92.7%\"\n                    width=\"207\"\n                    height=\"155\"\n                    loading=\"lazy\"\n                  />\n                </picture>\n              </div>\n              <p className={styles.appealPointText}>\n                縺雁ｮ｢讒倥�縺碑ｦ∵悍縺ｫ蟇�ｊ豺ｻ縺�％縺ｨ繧堤ｬｬ荳€縺ｫ縲―n                繝｡繝ｼ繧ｫ繝ｼ讓ｪ譁ｭ縺ｧ譁ｰ霆翫�荳ｭ蜿､霆翫�荳ｭ縺九ｉ譛€驕ｩ縺ｪ縺翫け繝ｫ繝槭ｒ縺疲署譯医＞縺溘＠縺ｾ縺吶€る崕隧ｱ繧�Γ繝ｼ繝ｫ縲´INE縺ｧ繧ゅ＃逶ｸ隲�価縺｣縺ｦ縺翫ｊ縺ｾ縺吶�縺ｧ縺頑ｰ苓ｻｽ縺ｫ縺雁撫縺�粋繧上○縺上□縺輔＞縲�\n              </p>\n            </div>\n            {/* //_point 4 */}\n          </div>\n\n        </div>\n\n        <ul className={`${styles.appealPointNoticeList}`}>\n          <li className={styles.appealPointNoticeListItem}>\n            窶ｻ�托ｼ画枚譛ｫ縺ｮ蛻ｶ菴懈律縺ｫ縺翫￠繧玖ｪｿ譟ｻ邨先棡縺ｫ蝓ｺ縺･縺上€りｪｿ譟ｻ讎りｦ√�繧ｳ繝ｳ繝�Φ繝��繝ｪ繧ｷ繝ｼ蜿ら�縲�\n          </li>\n          <li className={styles.appealPointNoticeListItem}>\n            窶ｻ�抵ｼ�7蟷ｴ莉･荳翫�縺泌･醍ｴ�〒繧ゅｉ縺医ｋ繧ｪ繝励す繝ｧ繝ｳ蜉�蜈･譎�\n          </li>\n          <li className={styles.appealPointNoticeListItem}>\n            窶ｻ�難ｼ�7蟷ｴ莉･荳翫�縺泌･醍ｴЫn          </li>\n          <li className={styles.appealPointNoticeListItem}>\n            窶ｻ�費ｼ峨�繝ｩ繝√リ繝｡繝ｳ繝��繝ｩ繝ｳ蜉�蜈･譎�\n          </li>\n        </ul>\n      </div>\n    </Card>\n  </section>\n);\n\nexport default ChosenPoints;\n","// extracted by mini-css-extract-plugin\nexport const isChosenPoints = \"ChosenPointsMovie-module--is-chosen-points--1tExc\";\nexport const appealPointContainer = \"ChosenPointsMovie-module--appeal-point-container--2hPdJ\";\nexport const appealPointTitle = \"ChosenPointsMovie-module--appeal-point-title--1-JcO\";\nexport const appealPointCard = \"ChosenPointsMovie-module--appeal-point-card--2dh1y\";\nexport const appealPointContent = \"ChosenPointsMovie-module--appeal-point-content--2EPea\";\nexport const appealPointContentItem = \"ChosenPointsMovie-module--appeal-point-content-item--1ZRDc\";\nexport const appealPointContentMiddle = \"ChosenPointsMovie-module--appeal-point-content-middle--3_TBw\";\nexport const appealPointText = \"ChosenPointsMovie-module--appeal-point-text--1CPXz\";\nexport const appealPointThumbnailContainer = \"ChosenPointsMovie-module--appeal-point-thumbnail-container--1YOI3\";\nexport const isThird = \"ChosenPointsMovie-module--is-third--2ddq7\";\nexport const isFourth = \"ChosenPointsMovie-module--is-fourth--1T_wc\";\nexport const appealPointButtonContainer = \"ChosenPointsMovie-module--appeal-point-button-container--3VK2V\";\nexport const appealPointButtonItem = \"ChosenPointsMovie-module--appeal-point-button-item--39qfV\";\nexport const isSecondBottom = \"ChosenPointsMovie-module--is-second-bottom--7hpdt\";\nexport const appealPointHeading = \"ChosenPointsMovie-module--appeal-point-heading--3p06u\";\nexport const appealPointAsteriskSub = \"ChosenPointsMovie-module--appeal-point-asterisk-sub--2PNvM\";\nexport const isFirst = \"ChosenPointsMovie-module--is-first--2Z4kq\";\nexport const isSecond = \"ChosenPointsMovie-module--is-second--19gQ1\";\nexport const isFifth = \"ChosenPointsMovie-module--is-fifth--2LGPD\";\nexport const appealPointNoticeList = \"ChosenPointsMovie-module--appeal-point-notice-list--1pVSm\";\nexport const appealPointNoticeListItem = \"ChosenPointsMovie-module--appeal-point-notice-list-item--3AIrT\";\nexport const appealPointAsterisk = \"ChosenPointsMovie-module--appeal-point-asterisk--3UIoU\";\nexport const appealPointMovie = \"ChosenPointsMovie-module--appeal-point-movie--3pCXD\";\nexport const hasBackgroundBlack = \"ChosenPointsMovie-module--has-background-black--2rU5J\";\nexport const topLinkIconArrow = \"ChosenPointsMovie-module--top-link-icon-arrow--3xpG7\";","/* eslint-disable max-len */\nimport React, { FC } from 'react';\n\n// Component\nimport Card from '@/newcar/ui/detail/molecule/Card';\n\n// Image\nimport pointThird from '@/newcar/ui/detail/img/points/img-point-third.png';\nimport pointThirdAvif from '@/newcar/ui/detail/img/points/img-point-third.avif';\nimport pointFourth from '@/newcar/ui/detail/img/points/img-point-fourth.png';\nimport pointFourthAvif from '@/newcar/ui/detail/img/points/img-point-fourth.avif';\n\nimport * as styles from '@/newcar/ui/detail/organism/ChosenPointsMovie.module.styl';\n\nconst ChosenPointsMovie:FC = () => (\n  <section className=\"container\">\n    <Card className={styles.isChosenPoints}>\n      <h2 className=\"title is-3 has-text-centered\">\n        螳夐｡阪き繝ｫ繝｢縺上ｓ縺碁∈縺ｰ繧後ｋ\n        <br />\n        5縺､縺ｮ繝昴う繝ｳ繝�\n      </h2>\n      <div className={styles.appealPointContainer}>\n        <div className={`container is-margin-auto ${styles.appealPointCard}`}>\n          <div\n            className={`${styles.appealPointContent} ${styles.contentsMarginTop}`}\n          >\n            {/* point 1 */}\n            <div className={styles.appealPointContentItem}>\n              <h3 className={styles.appealPointHeading}>\n                讌ｭ逡梧怙螳画ｰｴ貅厄ｼ―n                <span className={styles.appealPointAsteriskSub}>窶ｻ1</span>\n                <br />\n                蛻晄悄雋ｻ逕ｨ0蜀�〒縺壹▲縺ｨ螳夐｡構n              </h3>\n              <div className={`${styles.appealPointThumbnailContainer} ${styles.isFirst}`}>\n                <iframe\n                  className={styles.appealPointMovie}\n                  width=\"1280\"\n                  height=\"720\"\n                  src=\"https://www.youtube.com/embed/CkS2LNIyMro?controls=0\"\n                  title=\"譛磯｡榊ｮ夐｡阪▲縺ｦ縺ｩ縺�＞縺�％縺ｨ�歃"\n                  frameBorder=\"0\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                  referrerPolicy=\"strict-origin-when-cross-origin\"\n                  allowFullScreen\n                />\n              </div>\n              <p className={styles.appealPointText}>\n                <span className=\"has-text-weight-bold\">鬆ｭ驥代�繝懊�繝翫せ謇輔＞�仙�</span>\n                縲∬ｻ頑､應ｻ｣繝ｻ繝｡繝ｳ繝�ｻ｣\n                <span className={styles.appealPointAsteriskSub}>窶ｻ</span>\n                繝ｻ蜷�ｨｮ遞朱≡繝ｻ閾ｪ雉�雋ｬ菫晞匱譁吶さ繝滂ｼ∵€･縺ｪ蜃ｺ雋ｻ縺ｫ蝗ｰ繧九％縺ｨ縺ｪ縺乗怦1荳��蜿ｰ縲懊き繝ｼ繝ｩ繧､繝輔ｒ讌ｽ縺励ａ縺ｾ縺吶€�\n                <span className={`is-block ${styles.appealPointAsterisk}`}>窶ｻ繝｡繝ｳ繝�リ繝ｳ繧ｹ繝励Λ繝ｳ蜉�蜈･譎�</span>\n              </p>\n            </div>\n            {/* //_point 1 */}\n\n            {/* point 2 */}\n            <div className={styles.appealPointContentItem}>\n              <h3 className={`${styles.appealPointHeading} ${styles.isSecond}`}>\n                霆翫′繧ゅｉ縺医ｋ�―n                <span className={styles.appealPointAsteriskSub}>窶ｻ2</span>\n                <br className=\"is-hidden-mobile\" />\n                謚懃ｾ､縺ｮ閾ｪ逕ｱ蠎ｦ\n              </h3>\n              <div className={`${styles.appealPointThumbnailContainer} ${styles.isSecond}`}>\n                <iframe\n                  className={styles.appealPointMovie}\n                  width=\"1280\"\n                  height=\"720\"\n                  src=\"https://www.youtube.com/embed/1R3lUMAfY_c?controls=0\"\n                  title=\"霆翫′繧ゅｉ縺医ｋ縺｣縺ｦ縺ｩ縺�＞縺�％縺ｨ�歃"\n                  frameBorder=\"0\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                  referrerPolicy=\"strict-origin-when-cross-origin\"\n                  allowFullScreen\n                />\n              </div>\n              <p className={styles.appealPointText}>\n                <span className=\"has-text-weight-bold\">霆翫�譛€邨ら噪縺ｫ霑泌唆縺吶ｋ縺九ｂ繧峨≧縺矩∈縺ｹ縺ｾ縺呻ｼ�</span>\n                <span className={styles.appealPointAsteriskSub}>窶ｻ2</span>\n                霆翫ｒ繧ゅｉ縺��ｴ蜷医€√ョ繧｣繝ｼ繝ｩ繝ｼ縺ｧ雉ｼ蜈･縺吶ｋ縺ｮ縺ｨ螟峨ｏ繧峨↑縺�ｽｿ縺�享謇九□縺九ｉ縲∝€溘ｊ迚ｩ諢溘↑縺暦ｼ∬ｻ頑､懊↓騾壹ｋ遽�峇縺ｧ繧ｫ繧ｹ繧ｿ繝�繧０K縺ｧ縺吶€�\n              </p>\n            </div>\n            {/* //_point 2 */}\n\n            {/* point 3 */}\n            <div className={styles.appealPointContentItem}>\n              <h3 className={`${styles.appealPointHeading} ${styles.isThird}`}>\n                襍ｰ陦瑚ｷ晞屬辟｡蛻ｶ髯撰ｼ―n                <span className={styles.appealPointAsteriskSub}>窶ｻ3</span>\n              </h3>\n              <div className={`${styles.appealPointThumbnailContainer} ${styles.isThird}`}>\n                <iframe\n                  className={styles.appealPointMovie}\n                  width=\"1280\"\n                  height=\"720\"\n                  src=\"https://www.youtube.com/embed/HCxc0EJ0W0w?controls=0\"\n                  title=\"襍ｰ陦瑚ｷ晞屬辟｡蛻ｶ髯舌▲縺ｦ縺ｩ縺�＞縺�％縺ｨ�歃"\n                  frameBorder=\"0\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                  referrerPolicy=\"strict-origin-when-cross-origin\"\n                  allowFullScreen\n                />\n              </div>\n              <p className={styles.appealPointText}>\n                <span className=\"has-text-weight-bold\">�怜ｹｴ莉･荳翫�縺泌･醍ｴ�↑繧画ｯ取怦縺ｮ襍ｰ陦瑚ｷ晞屬蛻ｶ髯舌′縺ｪ縺上↑繧翫∪縺呻ｼ�</span>\n                豈取律縺ｮ騾壼共繧�€壼ｭｦ縲√Ξ繧ｸ繝｣繝ｼ縺ｪ縺ｩ縺ｧ鬆ｻ郢√↓荵励ｋ譁ｹ縺ｯ螳牙ｿ�＠縺ｦ縺贋ｽｿ縺�＞縺溘□縺代∪縺吶€�\n              </p>\n            </div>\n            {/* //_point 3 */}\n\n            {/* point 4 */}\n            <div className={styles.appealPointContentItem}>\n              <h3 className={styles.appealPointHeading}>\n                髟ｷ譛滉ｿ晁ｨｼ��ｿ晞匱縺ｮ螳牙ｿ�─\n              </h3>\n              <div className={styles.appealPointContentMiddle}>\n                <div className={`${styles.appealPointThumbnailContainer} ${styles.isFourth}`}>\n                  <picture>\n                    <source srcSet={pointThirdAvif} type=\"image/avif\" />\n                    <img\n                      src={pointThird}\n                      alt=\"髟ｷ譛滉ｿ晁ｨｼ��ｿ晞匱縺ｮ螳牙ｿ�─\"\n                      loading=\"lazy\"\n                      width=\"705\"\n                      height=\"440\"\n                    />\n                  </picture>\n                </div>\n                <p className={styles.appealPointText}>\n                  螳夐｡阪き繝ｫ繝｢縺上ｓ縺ｮ繝｡繝ｳ繝�リ繝ｳ繧ｹ繝励Λ繝ｳ縺ｯ縲―n                  <span className=\"has-text-weight-bold\">\n                    譛€髟ｷ11蟷ｴ縺ｮ螳牙ｿ�ｿ晁ｨｼ\n                    <span className={styles.appealPointAsteriskSub}>窶ｻ4</span>\n                    縺御ｻ伜ｸｯ\n                  </span>\n                  縺励∪縺吶€ゅ＆繧峨↓繝ｪ繝ｼ繧ｹ霆贋ｸ｡縺ｫ迚ｹ蛹悶＠縺溽音邏�′縺､縺�◆繧ｫ繝ｫ繝｢螂醍ｴ�€�ｧ伜ｰら畑閾ｪ蜍戊ｻ贋ｿ晞匱繧ゅ＃逕ｨ諢上＠縺ｦ縺翫ｊ縺ｾ縺吶€�\n                </p>\n              </div>\n            </div>\n            {/* //_point 4 */}\n\n            {/* point 5 */}\n            <div className={styles.appealPointContentItem}>\n              <h3 className={styles.appealPointHeading}>\n                謗･螳｢貅€雜ｳ蠎ｦ92.7%\n              </h3>\n              <div className={styles.appealPointContentMiddle}>\n                <div className={`${styles.appealPointThumbnailContainer} ${styles.isFifth}`}>\n                  <picture>\n                    <source srcSet={pointFourthAvif} type=\"image/avif\" />\n                    <img\n                      src={pointFourth}\n                      alt=\"謗･螳｢貅€雜ｳ蠎ｦ92.7%\"\n                      loading=\"lazy\"\n                      width=\"529\"\n                      height=\"396\"\n                    />\n                  </picture>\n                </div>\n                <p className={styles.appealPointText}>\n                  縺雁ｮ｢讒倥�縺碑ｦ∵悍縺ｫ蟇�ｊ豺ｻ縺�％縺ｨ繧堤ｬｬ荳€縺ｫ縲―n                  <span className=\"has-text-weight-bold\">繝｡繝ｼ繧ｫ繝ｼ讓ｪ譁ｭ縺ｧ譛€驕ｩ縺ｪ繧ｫ繝ｼ繝ｩ繧､繝輔ｒ縺疲署譯�</span>\n                  縺�◆縺励∪縺吶€�LINE繝ｻ繝｡繝ｼ繝ｫ繝ｻ髮ｻ隧ｱ縺ｧ縺皮嶌隲�ｒ謇ｿ縺｣縺ｦ縺翫ｊ縲√〒縺阪ｋ縺�縺第掠縺上＃騾｣邨｡繧偵☆繧九ｈ縺�ｿ�′縺代※縺翫ｊ縺ｾ縺吶€�\n                </p>\n              </div>\n            </div>\n            {/* //_point 5 */}\n          </div>\n\n        </div>\n\n        <ul className={`${styles.appealPointNoticeList}`}>\n          <li className={styles.appealPointNoticeListItem}>\n            窶ｻ�托ｼ画枚譛ｫ縺ｮ蛻ｶ菴懈律縺ｫ縺翫￠繧玖ｪｿ譟ｻ邨先棡縺ｫ蝓ｺ縺･縺上€りｪｿ譟ｻ讎りｦ√�繧ｳ繝ｳ繝�Φ繝��繝ｪ繧ｷ繝ｼ蜿ら�縲�\n          </li>\n          <li className={styles.appealPointNoticeListItem}>\n            窶ｻ�抵ｼ�7蟷ｴ莉･荳翫�縺泌･醍ｴ�〒繧ゅｉ縺医ｋ繧ｪ繝励す繝ｧ繝ｳ蜉�蜈･譎�\n          </li>\n          <li className={styles.appealPointNoticeListItem}>\n            窶ｻ�難ｼ�7蟷ｴ莉･荳翫�縺泌･醍ｴЫn          </li>\n          <li className={styles.appealPointNoticeListItem}>\n            窶ｻ�費ｼ峨�繝ｩ繝√リ繝｡繝ｳ繝��繝ｩ繝ｳ蜉�蜈･譎�\n          </li>\n        </ul>\n      </div>\n    </Card>\n  </section>\n);\n\nexport default ChosenPointsMovie;\n","/* eslint-disable max-len */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable @typescript-eslint/naming-convention */\nimport React, {\n  FC, useContext, useEffect, useState,\n} from 'react';\nimport { PageProps } from 'gatsby';\nimport { useLocation } from '@reach/router';\nimport QueryString from 'query-string';\nimport CARMO_CONST from '@/common/util/const';\nimport { GTM } from '@/common/util/gtm';\nimport CarDigest from '@/common/core/model/carDigest';\nimport { VehicleTypes } from '@/common/core/model/catalog/vehicleTypes';\nimport RecommendedPointsSummaryType from '@/newcar/core/model/recommendedPointsSummary';\nimport Layout from '@/common/ui/template/Layout';\nimport searchCarStoreContext from '@/newcar/ui/common/context/searchCarStoreContext';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport SimulationResultManagerStoreContext from '@/newcar/ui/common/context/SimulationResultManagerStoreContext';\nimport Header from '@/newcar/ui/common/organism/Header';\nimport Breadcrumb from '@/newcar/ui/common/molecule/Breadcrumb';\nimport Footer from '@/newcar/ui/common/organism/Footer';\nimport UserVoiceCard from '@/newcar/ui/common/organism/UserVoiceCard';\nimport SEO from '@/newcar/ui/detail/organism/SEO';\nimport BreadcrumbSchemaMarkup from '@/newcar/ui/common/molecule/BreadcrumbSchemaMarkup';\nimport Information from '@/newcar/ui/detail/organism/Information';\nimport Simulation from '@/newcar/ui/detail/organism/Simulation';\nimport Introduction from '@/newcar/ui/detail/organism/Introduction';\nimport ModalSimulateAlert from '@/newcar/ui/detail/organism/ModalSimulateAlert';\nimport { MAKER_NAME, MAKER_ID } from '@/newcar/util/const/maker';\nimport { BODY_NAME, BODY_ID } from '@/newcar/util/const/bodyType';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\nimport { setAllList } from '@/newcar/util/setAllList';\nimport { relatedCarStore } from '@/newcar/core/store/relatedCarStore';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport StoreUtil from '@/newcar/core/store/storeUtil';\nimport Reviews from '@/newcar/ui/detail/organism/Reviews';\nimport Trial from '@/newcar/ui/detail/organism/Trial';\nimport Charm from '@/newcar/ui/detail/organism/Charm';\nimport FAQ from '@/newcar/ui/detail/organism/FAQ';\nimport Reason from '@/newcar/ui/detail/organism/Reason';\nimport Partner from '@/newcar/ui/detail/organism/Partner';\nimport RecommendedPointsSummary from '@/newcar/ui/detail/organism/RecommendedPointsSummary';\nimport Card from '@/newcar/ui/detail/molecule/Card';\nimport RecommendCarList from '@/newcar/ui/detail/organism/RecommendedCarList';\nimport * as styles from '@/newcar/ui/detail/template/index.module.styl';\nimport UserVoiceType from '@/newcar/core/model/userVoice';\nimport ChosenPoints from '@/newcar/ui/detail/organism/ChosenPoints';\nimport ChosenPointsMovie from '@/newcar/ui/detail/organism/ChosenPointsMovie';\nimport ScrollToTop from '@/common/ui/organism/ScrollToTop';\nimport { jst } from '@/common/util/datetime';\nimport ImageStarOff from '@/newcar/ui/top/img/uservoice/starOff.svg';\nimport ImageStarOn from '@/newcar/ui/top/img/uservoice/star_on.svg';\nimport ImageStarHalf from '@/newcar/ui/top/img/uservoice/starHalf.svg';\n\n// 404 contents\nimport imgConcierge from '@/pages/img/404/img-concierge.svg';\nimport btnCall from '@/pages/img/404/btn-call.svg';\nimport btnLine from '@/pages/img/404/btn-line.svg';\n\nconst IMAGE_STAR_STYLE = {\n  width: 16,\n  height: 16,\n};\n\ninterface DetailPageContext {\n  car: Pick<VehicleTypes, 'id' | 'photos' | 'summary' | 'review' | 'captionImageUrl1' | 'captionImageUrl2' | 'captionImageUrl3' | 'caption1' | 'caption2' | 'caption3'>;\n  digest: Pick<CarDigest, 'id__normalized' | 'makerId' | 'bodyType' | 'isMiniCar' | 'name' | 'publishStatus' | 'makerSiteUrl' | 'bodyColors' | 'wltc' | 'jc08' | 'minVehiclePrice' | 'taxedMinPrice11' | 'has4SeatOrLess' | 'has5Seat' | 'has6Seat' | 'has7Seat' | 'has8SeatOrMore' | 'thumbnailUrl' | 'isCriteoTarget' | 'hasWantCar'>;\n  recommendedPointsSummary: RecommendedPointsSummaryType;\n  userVoices: UserVoiceType[];\n  recommendDigests: {\n    sameBodyTypeDigests: CarDigest[],\n    sameBodyTypeSameMakerDigests: CarDigest[],\n    sameMakerDigests: CarDigest[],\n  }\n}\n\nconst Template: FC<PageProps<{}, DetailPageContext>> = ({ pageContext }) => {\n  const {\n    car,\n    digest,\n    recommendedPointsSummary,\n    userVoices,\n    recommendDigests,\n  } = pageContext;\n\n  const searchCarStore = useContext(searchCarStoreContext);\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n  const simulationResultManagerStore = useContext(SimulationResultManagerStoreContext);\n\n  const [isShowOldSimulation, setIsShowOldSimulation] = useState(false);\n  const [isInvalidURL, setIsInvalidURL] = useState(false);\n\n  const location = useLocation();\n  const query = QueryString.parse(location.search);\n\n  useEffect(() => {\n    // Criteo險域ｸｬ繧ｿ繧ｰ逋ｺ轣ｫ繧､繝吶Φ繝�\n    if (digest.id__normalized && digest.isCriteoTarget) {\n      GTM.dataLayer.push({\n        event: 'criteo.activate',\n        CriteoProductID: digest.id__normalized.toString(),\n      });\n    }\n\n    // 豁｣蟶ｸ譎ゅ�髢ｲ隕ｧ螻･豁ｴ縺ｨ縺励※霆顔ｨｮID繧定ｨｭ螳喀n    searchCarStore.viewCarDetail(digest.id__normalized.toString());\n  }, []);\n\n  useEffect(() => {\n    // 繧ｯ繧ｨ繝ｪ繧偵す繝溘Ξ繝ｼ繧ｷ繝ｧ繝ｳ縺ｫ蜿肴丐縺吶ｋ\n    if (window && query && query.g) {\n      // 繧ｯ繧ｨ繝ｪ繝代Λ繝｡繝ｼ繧ｿ縺ゅｊ\n      let noCount = 1;\n      if (query.s1) {\n        // s1縺ｯ繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ菫晏ｭ俶ｸ医∩縺九ｒ蛻､譁ｭ縺吶ｋ繝代Λ繝｡繝ｼ繧ｿ縺ｪ縺ｮ縺ｧ繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ縺ｫ縺ｯ菴ｿ逕ｨ縺励↑縺Ыn        noCount += 1;\n      }\n\n      // 繧ｯ繧ｨ繝ｪ繝代Λ繝｡繝ｼ繧ｿ縺ｮc2縺ｯ繝代Λ繝｡繝ｼ繧ｿ蛟区焚繧定｡ｨ縺吶€√％繧後′縺ｪ縺�≠繧九＞縺ｯ謨ｰ縺悟粋繧上↑縺��ｴ蜷医�繧ｨ繝ｩ繝ｼ陦ｨ遉ｺ\n      if (Number(query.c2) === (Object.keys(query).length - noCount)) {\n        if (query.m2 === searchCarStore.masterNumber) {\n          // 譛€譁ｰ縺ｮ繝槭せ繧ｿ逡ｪ蜿ｷ縺ｮ蝣ｴ蜷医€√ヱ繝ｩ繝｡繝ｼ繧ｿ縺ｧ險ｭ螳壹＆繧後※縺�ｋ蛟､繧貞渚譏�縺吶ｋ\n          simulationManagerStore.changeGrade(digest.id__normalized);\n          simulationManagerStore.changeUserSelectFromParam({ id: digest.id__normalized, params: query });\n        } else {\n          // 蜿､縺��繧ｹ繧ｿ逡ｪ蜿ｷ縺ｪ縺ｮ縺ｧ縲∽ｿ晏ｭ俶ｸ医∩繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ縺狗｢ｺ隱阪☆繧欺n          simulationResultManagerStore.checkIsSavedWithParameter({ id: digest.id__normalized, query });\n          if (!simulationResultManagerStore.isSavedWithParameter) {\n            // 菫晏ｭ俶ｸ医∩繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ縺ｧ縺ｪ縺��縺ｧ隴ｦ蜻翫ｒ陦ｨ遉ｺ縺励€�€壼ｸｸ縺ｮ隧ｳ邏ｰ繝壹�繧ｸ陦ｨ遉ｺ\n            setIsShowOldSimulation(true);\n            window.history.replaceState(null, '', location.pathname);\n          }\n        }\n      } else {\n        setIsInvalidURL(true);\n        // URL縺九ｉ繝代Λ繝｡繝ｼ繧ｿ繧貞炎髯､\n        window.history.replaceState(null, '', location.pathname);\n      }\n    }\n\n    if (!Object.keys(query).length) {\n      const simulationList = simulationResultManagerStore.nowSimulationList;\n      if (simulationList) {\n        simulationList.forEach((simulation) => {\n          const selection = simulation.customerSelection;\n          if (selection && selection.id === digest.id__normalized) {\n            // 繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ繧貞渚譏�\n            simulationManagerStore.changeUserSelect(selection);\n          }\n        });\n      }\n    }\n\n    // 繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ貅門ｙ\n    simulationManagerStore.changeId(digest.id__normalized.toString());\n  }, [query]);\n\n  // 蟇ｾ雎｡霆顔ｨｮ繧偵せ繝医い縺ｫ菫晏ｭ禄n  relatedCarStore.setRelatedCarId(Number(digest.id__normalized));\n\n  // store縺ｫ霆顔ｨｮ諠��ｱ繧偵そ繝�ヨ\n  setAllList();\n\n  // bodyType縺蛍nselected縺ｮ譎ゅ↓mini縺黍ther縺ｫ螟画鋤\n  const identifiedBodyType: CARMO_CONST.BODY_TYPE.ID = StoreUtil.identifyBodyType(\n    digest.bodyType, digest.isMiniCar,\n  );\n\n  // 繝代Φ縺上★繝ｪ繧ｹ繝育函謌申n  const breadcrumbItems: Array<{ to?: string; label: string; }> = [\n    { to: NEWCAR_DEFINE.PATH.TOP, label: '譁ｰ霆概OP' },\n    { to: NEWCAR_DEFINE.PATH.LINEUP_TOP, label: '譁ｰ霆贋ｸ€隕ｧ' },\n  ];\n  if (digest.makerId !== CARMO_CONST.MAKER.ID.UNSELECTED) {\n    breadcrumbItems.push({\n      to: NEWCAR_DEFINE.PATH.MAKER_PATH(digest.makerId),\n      label: MAKER_NAME(digest.makerId as unknown as MAKER_ID),\n    });\n    if (digest.bodyType !== CARMO_CONST.BODY_TYPE.ID.UNSELECTED) {\n      breadcrumbItems.push({\n        to: NEWCAR_DEFINE.PATH.MAKER_BODYTYPE(digest.makerId, identifiedBodyType),\n        label: BODY_NAME(digest.bodyType as unknown as BODY_ID),\n      });\n    } else if (digest.isMiniCar) {\n      breadcrumbItems.push({\n        to: NEWCAR_DEFINE.PATH.MAKER_BODYTYPE(digest.makerId, CARMO_CONST.BODY_TYPE.ID.MINI_CAR),\n        label: BODY_NAME(CARMO_CONST.BODY_TYPE.ID.MINI_CAR as unknown as BODY_ID),\n      });\n    } else {\n      breadcrumbItems.push({\n        to: NEWCAR_DEFINE.PATH.MAKER_BODYTYPE(digest.makerId, CARMO_CONST.BODY_TYPE.ID.OTHER),\n        label: BODY_NAME(CARMO_CONST.BODY_TYPE.ID.OTHER as unknown as BODY_ID),\n      });\n    }\n  } else if (digest.bodyType !== CARMO_CONST.BODY_TYPE.ID.UNSELECTED) {\n    breadcrumbItems.push({\n      to: NEWCAR_DEFINE.PATH.BODY_TYPE_PATH(digest.bodyType),\n      label: BODY_NAME(digest.bodyType as unknown as BODY_ID),\n    });\n  } else if (digest.isMiniCar) {\n    breadcrumbItems.push({\n      to: NEWCAR_DEFINE.PATH.BODY_TYPE_PATH(CARMO_CONST.BODY_TYPE.ID.MINI_CAR),\n      label: BODY_NAME(CARMO_CONST.BODY_TYPE.ID.MINI_CAR as unknown as BODY_ID),\n    });\n  } else {\n    breadcrumbItems.push({\n      to: NEWCAR_DEFINE.PATH.BODY_TYPE_PATH(CARMO_CONST.BODY_TYPE.ID.OTHER),\n      label: BODY_NAME(CARMO_CONST.BODY_TYPE.ID.OTHER as unknown as BODY_ID),\n    });\n  }\n  breadcrumbItems.push({ label: digest.name });\n\n  // 繝代Φ縺上★讒矩€�蛹悶ョ繝ｼ繧ｿ逕ｨ縺ｮ驟榊�\n  const breadcrumbSchemaMarkupItems = breadcrumbItems.map((item) => ({\n    name: item.label,\n    item: item.to ? `${process.env.GATSBY_SITE_URL}${item.to}` : `${process.env.GATSBY_SITE_URL}/detail/${digest.id__normalized}/`,\n  }));\n\n  // 蟇ｾ雎｡霆顔ｨｮ縺瑚ｲｩ螢ｲ縺励※縺�ｋ縺欺n  const isNowSale = digest.publishStatus === NEWCAR_CONST.PUBLISH.STATUS.SALE;\n\n  const reload = () => {\n    if (window) window.location.reload();\n  };\n\n  // 縲悟茜逕ｨ閠��螢ｰ縲榊�縺ｦ縺ｮ邱丞粋轤ｹ縺ｮ蟷ｳ蝮�€､\n  const averageRatingOverall = userVoices.length > 0\n    // 蟆乗焚轤ｹ隨ｬ3菴阪�蛻�ｊ荳翫￡繧九◆繧� 100 繧偵°縺代※ Math.ceil 縺ｧ蛻�ｊ荳翫￡縺励◆蠕後↓ 100 縺ｧ蜑ｲ繧九€�\n    // 萓具ｼ�4.504 => 450.4 => 451 => 4.51\n    ? (Math.ceil((userVoices.reduce((_result, _voice) => _result + _voice.ratingOverall, 0) / userVoices.length) * 100) / 100).toPrecision(3)\n    : 0;\n\n  return (\n    <Layout>\n      <SEO {...digest} />\n      <BreadcrumbSchemaMarkup items={breadcrumbSchemaMarkupItems} />\n      <Header />\n      <Breadcrumb items={breadcrumbItems} />\n\n      <main className=\"has-background-white-ter is-padding-bottom-0\">\n        <section className=\"has-background-white\">\n          <div className=\"container is-margin-bottom-5\">\n            <Information {...car} {...digest} isNowSale={isNowSale} />\n          </div>\n        </section>\n\n        {/* 繧ｷ繝溘Ξ繝ｼ繧ｷ繝ｧ繝ｳ */}\n        {isNowSale && (\n          <Simulation {...digest} />\n        )}\n\n        {/* 霆贋ｸ｡縺後↑縺��ｴ蜷� 縺翫☆縺吶ａ霆贋ｸ｡ */}\n        {!isNowSale && (\n        <>\n          <section>\n            <RecommendCarList {...car} {...digest} recommendDigests={recommendDigests} isNowSale={isNowSale} />\n          </section>\n          <section className={`card container is-margin-bottom-5 ${styles.linkAreaWrap}`}>\n            <div className={`is-margin-bottom-5 ${styles.band}`} />\n            <h2 className={`is-margin-top-7 has-text-centered ${styles.conciergeHeader}`}>\n              <img src={imgConcierge} alt=\"髮ｻ隧ｱ繧ЛINE縺ｧ縺皮嶌隲�価縺｣縺ｦ縺翫ｊ縺ｾ縺兔" />\n            </h2>\n            <p className={`is-margin-top-7 is-size-4 ${styles.conciergeText}`}>\n              縺翫け繝ｫ繝樣∈縺ｳ繧�し繝ｼ繝薙せ縺ｫ髢｢縺吶ｋ縺碑ｳｪ蝠上↑縺ｩ髮ｻ隧ｱ繧ЛINE縺ｧ縺皮嶌隲�ｒ謇ｿ縺｣縺ｦ縺翫ｊ縺ｾ縺吶€�\n              <br />\n              蟆ゆｻｻ縺ｮ繝槭う繧ｫ繝ｼ繧ｳ繝ｳ繧ｷ繧ｧ繝ｫ繧ｸ繝･縺後♀螳｢讒倥�縺頑か縺ｿ隗｣豎ｺ縺ｮ縺頑焔莨昴＞縺励∪縺吶�縺ｧ縲√♀豌苓ｻｽ縺ｫ縺雁撫縺�粋繧上○縺上□縺輔＞縲�\n            </p>\n            <ul className={`is-margin-top-7 ${styles.conciergeContact}`}>\n              <li><a href=\"tel:0120-559-442\"><img src={btnCall} alt=\"髮ｻ隧ｱ縺ｧ辟｡譁咏嶌隲Ⅸ" /></a></li>\n              <li><a href=\"https://liff.line.me/1657071928-Br8GdoPL?sl=952e1e635d\"><img src={btnLine} alt=\"LINE縺ｧ辟｡譁咏嶌隲Ⅸ" /></a></li>\n            </ul>\n            <p className=\"is-margin-top-4 is-size-6 has-text-centered\">蜿嶺ｻ俶凾髢難ｼ�10:00-19:00�亥悄譌･逾晄律繝ｻ蟷ｴ譛ｫ蟷ｴ蟋九ｒ髯､縺擾ｼ�</p>\n          </section>\n        </>\n        )}\n\n        {/* 繧ｳ繧ｳ縺瑚憶縺� */}\n        {recommendedPointsSummary\n          ? (\n            <section className=\"container\">\n              <Card>\n                <RecommendedPointsSummary\n                  className={`${styles.recommendedPoints} is-margin-7`}\n                  carName={digest.name}\n                  points={[\n                    recommendedPointsSummary.point1,\n                    recommendedPointsSummary.point2,\n                    recommendedPointsSummary.point3,\n                  ]}\n                  recommendedPointsSummary={recommendedPointsSummary}\n                />\n              </Card>\n            </section>\n          )\n          : <></>}\n\n        {/* 蜿｣繧ｳ繝� */}\n        <Reviews />\n\n        {/* 荳牙� */}\n        <Charm {...digest} isNowSale={isNowSale} />\n\n        {/* 驕ｸ縺ｰ繧後ｋ繝昴う繝ｳ繝� */}\n        <div id=\"chosenPointsOriginal\">\n          <ChosenPoints />\n        </div>\n\n        {/* 驕ｸ縺ｰ繧後ｋ繝昴う繝ｳ繝�AB繝�せ繝育畑 */}\n        <div id=\"chosenPointsAb\" className=\"is-hidden\">\n          <ChosenPointsMovie />\n        </div>\n\n        {/* 逶ｸ隲�筏霎ｼ */}\n        {isNowSale && (\n          <Trial />\n        )}\n\n        {/* FAQ */}\n        <FAQ />\n\n        {/* 莠ｺ豌励�逅�罰 */}\n        <Reason />\n\n        {/* 霆顔ｨｮ邏ｹ莉� */}\n        {isNowSale && (\n          <section className=\"container\">\n            <Card className=\"is-padding-left-3 is-padding-right-3\">\n              <Introduction\n                {...car}\n                point1={recommendedPointsSummary?.point1}\n                point2={recommendedPointsSummary?.point2}\n                point3={recommendedPointsSummary?.point3}\n              />\n            </Card>\n          </section>\n        )}\n\n        {/* 縺翫☆縺吶ａ霆贋ｸ｡ */}\n        {isNowSale && (\n        <section>\n          <RecommendCarList {...car} {...digest} recommendDigests={recommendDigests} isNowSale={isNowSale} />\n        </section>\n        )}\n\n        {/* 謠先声蜈� */}\n        <Partner />\n\n        {/* 蛻ｩ逕ｨ閠��螢ｰ */}\n        {userVoices.length > 0 && (\n          <section className=\"container is-hidden-desktop\">\n            <Card>\n              <p className=\"has-text-weight-semibold has-text-centered\">\n                {userVoices[0].maker}\n                &nbsp;\n                {userVoices[0].carModel}\n              </p>\n              <h2 className=\"title is-3 has-text-centered is-margin-bottom-3 is-margin-top-3\">縺泌茜逕ｨ閠��螢ｰ</h2>\n              <div className={`has-text-centered ${styles.userVoiceRating}`}>\n                邱丞粋隧穂ｾ｡\n                <div className={styles.userVoiceRatingImages}>\n                  {\n                    // 4.00 - 4.49 -> 笘��笘�� + 笘�\n                    // 4.50 - 4.99 -> 笘��笘�� + 蜊雁�縺ｮ譏歃n                    // 5.00 - 5.00 -> 笘��笘�� + 笘�\n                    Array(5).fill(ImageStarOn).map((image, index) => {\n                      let $image = image;\n                      if (Number(averageRatingOverall) < (index + 1)) {\n                        $image = Number(averageRatingOverall) >= (index + 0.5) ? ImageStarHalf : ImageStarOff;\n                      }\n                      return <img {...IMAGE_STAR_STYLE} src={$image} alt=\"譏歃" />;\n                    })\n                  }\n                </div>\n                {averageRatingOverall}\n              </div>\n              <div className={`columns is-mobile is-padding-left-4 is-padding-right-4 is-margin-top-5 ${styles.userVoiceContainer} ${userVoices.length === 1 ? 'is-centered' : ''}`}>\n                {userVoices.sort((a, b) => jst(b.postedAt).unix() - jst(a.postedAt).unix()).map((userVoice) => (\n                  <UserVoiceCard\n                    key={userVoice.comment}\n                    className={`${styles.userVoiceItem} page-detail`}\n                    {...userVoice}\n                    postedAt={jst(userVoice.postedAt)}\n                  />\n                ))}\n              </div>\n            </Card>\n          </section>\n        )}\n\n      </main>\n      <Footer />\n      <ScrollToTop className={styles.scrollToTopDetail} />\n      {/* 蜿､縺�ｿ晏ｭ俶ｸ医∩繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ繧貞､画峩縺励ｈ縺�→縺励◆蝣ｴ蜷医�繧｢繝ｩ繝ｼ繝医ム繧､繧｢繝ｭ繧ｰ */}\n      <div className={`modal ${(isShowOldSimulation || isInvalidURL) && 'is-active'}`}>\n        <div className=\"modal-background\" onClick={(): void => { setIsShowOldSimulation(false); setIsInvalidURL(false); }} />\n        <div className=\"modal-content has-background-white is-padding-5 is-padding-top-0\">\n          <div className=\"main-card has-background-primary detail_border is-size-5\" />\n          {isShowOldSimulation && (\n            <p className=\"is-padding-top-5\">\n              霆顔ｨｮ諠��ｱ縺梧峩譁ｰ縺輔ｌ縺ｦ縺�∪縺吶€�\n              <br />\n              譛€譁ｰ縺ｮ霆顔ｨｮ諠��ｱ縺ｧ繧ゅ≧荳€蠎ｦ縲∵侭驥代ｒ縺皮｢ｺ隱阪￥縺�縺輔＞縲�\n            </p>\n          )}\n          {isInvalidURL && (\n            <p>\n              URL縺瑚ｪ､縺｣縺ｦ縺�∪縺吶€よ侭驥代す繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ繧定｡ｨ遉ｺ縺ｧ縺阪∪縺帙ｓ縲�\n            </p>\n          )}\n          <div className=\"columns is-mobile is-margin-top-5 has-text-centered is-centered\">\n            <button type=\"button\" className=\"column button is-large is-half\" onClick={reload}>\n              OK\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <ModalSimulateAlert />\n\n    </Layout>\n  );\n};\n\nexport default Template;\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDBMMTIuMjQ1MSA2LjkwOTgzSDE5LjUxMDZMMTMuNjMyNyAxMS4xODAzTDE1Ljg3NzkgMTguMDkwMkwxMCAxMy44MTk3TDQuMTIyMTUgMTguMDkwMkw2LjM2NzI5IDExLjE4MDNMMC40ODk0MzUgNi45MDk4M0g3Ljc1NDg2TDEwIDBaIiBmaWxsPSIjQkVCRUJFIi8+CjxtYXNrIGlkPSJtYXNrMF8yNTcwXzUwMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjE4Ij4KPHJlY3Qgd2lkdGg9IjEwIiBoZWlnaHQ9IjE4IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yNTcwXzUwMCkiPgo8cGF0aCBkPSJNMTAgMEwxMi4yNDUxIDYuOTA5ODNIMTkuNTEwNkwxMy42MzI3IDExLjE4MDNMMTUuODc3OSAxOC4wOTAyTDEwIDEzLjgxOTdMNC4xMjIxNSAxOC4wOTAyTDYuMzY3MjkgMTEuMTgwM0wwLjQ4OTQzNSA2LjkwOTgzSDcuNzU0ODZMMTAgMFoiIGZpbGw9IiNGRkMzMDAiLz4KPC9nPgo8L3N2Zz4K\"","import React, { FC } from 'react';\n\nimport { Digest } from '@/newcar/util/const/digest';\n\nconst styles = require('./Color.module.styl');\n\ntype ColorProps = {\n  // 2濶ｲ縺ｮ蝣ｴ蜷医�髢薙↓繧ｹ繝ｩ繝�す繝･縺悟�繧具ｼ惹ｾ�: [\"#f4f4f4\", \"#fcfbf4/#030101\"]\n  bodyColors: Digest['bodyColors'];\n}\n\nconst Color: FC<ColorProps> = ({ bodyColors }) => {\n  // 繧ｫ繝ｩ繝ｼ繧ｳ繝ｼ繝峨ｒRGB縺ｫ螟画鋤縺励※雜ｳ縺怜粋繧上○繧欺n  const calcRgb = (colorCodeOrigin: string): number => {\n    let colorCode = colorCodeOrigin;\n    if (colorCodeOrigin.split('')[0] === '#') {\n      colorCode = colorCodeOrigin.substring(1);\n    }\n    return parseInt(colorCode.substring(0, 2), 16)\n            + parseInt(colorCode.substring(2, 4), 16)\n            + parseInt(colorCode.substring(4, 6), 16);\n  };\n\n  // 繧ｽ繝ｼ繝磯未謨ｰ\n  const compareColors = (\n    a: {color1: string; color2: string | undefined}, b: {color1: string, color2: string| undefined},\n  ): number => {\n    if (a.color2 && !b.color2) {\n      return 1;\n    } if (!a.color2 && b.color2) {\n      return -1;\n    }\n    return (calcRgb(a.color1) < calcRgb(b.color1) ? 1 : -1);\n  };\n\n  const sortColors = (\n    colors: { color1: string, color2: string | undefined }[],\n  ): { color1: string, color2: string | undefined }[] => {\n    colors.sort((\n      a: { color1: string; color2: string | undefined },\n      b: { color1: string; color2: string | undefined },\n    ) => compareColors(a, b));\n\n    return colors;\n  };\n\n  const resultColors = sortColors(\n    bodyColors.filter(Boolean).map((color) => {\n      const [color1, color2] = color.split('/');\n      return { color1, color2 };\n    }),\n  );\n\n  const size = {\n    width: '15', r: '6', cx: '7', cy: '7', halfHeight: '5',\n  };\n\n  const liArray = resultColors.map(({ color1, color2 }, index, array) => {\n    if (index === 7) {\n      if (array.length > 7) {\n        return (\n          <li key={index.toString()}>窶ｦ</li>\n        );\n      }\n    }\n\n    if (index > 7) {\n      return (\n        <li key={index.toString()}> </li>\n      );\n    }\n\n    if (color2) {\n      return (\n        <li className={`column is-narrow is-target-li ${styles.partsWrap}`} key={index.toString()}>\n          <svg className={`is-target-svg ${styles.parts}`} viewBox={`0 0 ${size.width} ${size.width}`} width={size.width} height={size.width}>\n            <circle r={size.r} cx={size.cx} cy={size.cy} fill={color1} stroke=\"#aaa\" strokeWidth={0.5} />\n          </svg>\n          <svg className={`is-target-svg ${styles.parts}`} viewBox={`0 0 ${size.width} ${size.halfHeight}`} width={size.width} height={size.halfHeight}>\n            <clipPath id={`clip_${index}`}>\n              <rect x=\"0\" y=\"0\" width={size.width} height={size.halfHeight} />\n            </clipPath>\n            <circle r={size.r} cx={size.cx} cy={size.cy} fill={color2} stroke=\"#aaa\" strokeWidth={0.5} clipPath={`clip_${index}`} />\n          </svg>\n        </li>\n      );\n    }\n\n    return (\n      <li className={`column is-narrow is-target-li ${styles.partsWrap}`} key={index.toString()}>\n        <svg className={`is-target-svg ${styles.parts}`} viewBox={`0 0 ${size.width} ${size.width}`} width={size.width} height={size.width}>\n          <circle r={size.r} cx={size.cx} cy={size.cy} fill={color1} stroke=\"#aaa\" strokeWidth={0.5} />\n        </svg>\n      </li>\n    );\n  });\n\n  return (\n    <ul className=\"columns is-mobile is-vcentered is-target-ul\">\n      {liArray}\n    </ul>\n  );\n};\n\nexport default Color;\n","export type ContractType = 'contact_info' | 'personal_info' | 'review_info' | 'provisional_completion';\n\n// 蟷ｴ鮨｢蟇ｩ譟ｻ譚｡莉ｶ 18豁ｳ莉･荳翫€�75豁ｳ莉･荳具ｼ育筏霎ｼ譎ゑｼ噂nexport const OLDEST_AGE = 75;\nexport const YOUNGEST_AGE = 18;\nexport const MIDDLE_AGE = 40;\n\n// 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｮ陦ｨ遉ｺ蜀�ｮｹ縺ｨvalue\nexport const YES_OR_NO = [\n  '譛�',\n  '辟｡',\n];\nexport const YES_OR_NO_2 = [\n  '縺ｯ縺�',\n  '縺�＞縺�',\n];\nexport const YES_OR_NO_3 = [\n  '1',\n  '0',\n];\n\n// 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｮ陦ｨ遉ｺ蜀�ｮｹ縺ｨvalue�井ｸ門ｸｯ諠��ｱ�噂nexport const HOUSING_TYPE_FAMILY = '2';\nexport const HOUSING_TYPE = [\n  '閾ｪ蟾ｱ謇€譛会ｼ医�繝ｳ繧ｷ繝ｧ繝ｳ繝ｻ荳€謌ｸ蟒ｺ縺ｦ��',\n  '螳ｶ譌乗園譛�',\n  '雉�ｲｸ繝槭Φ繧ｷ繝ｧ繝ｳ繝ｻ蛟溷ｮｶ繝ｻ繧｢繝代�繝�',\n  '遉ｾ螳�',\n];\nexport const HOUSING_TYPE_2 = [\n  '1',\n  HOUSING_TYPE_FAMILY,\n  '3',\n  '4',\n];\n\n// 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｮ陦ｨ遉ｺ蜀�ｮｹ縺ｨvalue�医♀蜍､繧∝�諠��ｱ�噂nexport const OCCUPATION_SELF_EMPLOYED = '閾ｪ蝟ｶ';\nexport const OCCUPATION_WORKING = '縺雁共繧�';\nexport const OCCUPATION_OTHER = '縺昴�莉厄ｼ亥ｰよ･ｭ荳ｻ蟀ｦ繝ｻ蟄ｦ逕溘�蟷ｴ驥醍函豢ｻ閠�ｼ�';\n\nexport const OCCUPATION_TYPE = [\n  OCCUPATION_SELF_EMPLOYED,\n  OCCUPATION_WORKING,\n  OCCUPATION_OTHER,\n];\nexport const OCCUPATION_TYPE_2 = [\n  '1',\n  '2',\n  '3',\n];\n\nexport const OTHER_INDUSTRY_TYPE = '蟆よ･ｭ荳ｻ蟀ｦ繝ｻ蟄ｦ逕溘�蟷ｴ驥�';\n\nexport const INDUSTRY_TYPE = [\n  '蜈ｬ蜍吝藤',\n  '蜈ｬ逧�ｳ��ｼ閠�',\n  '荳€谺｡逕｣讌ｭ',\n  '驩ｱ讌ｭ',\n  '蝨滓惠繝ｻ蟒ｺ遽�',\n  '荳榊虚逕｣',\n  '驥題檮',\n  '驕玖ｼｸ繝ｻ蛟牙ｺｫ',\n  '陬ｽ騾�',\n  '蜊ｸ',\n  '蟆丞｣ｲ',\n  '諠��ｱ繝ｻ騾壻ｿ｡',\n  '譌�｡後�螳ｿ豕�',\n  '縺昴�莉悶し繝ｼ繝薙せ',\n  '蛹ｻ逋よｩ滄未',\n  '邨�粋繝ｻ蝗｣菴�',\n  '譁ｽ險ｭ繝ｻ讖滄未',\n];\n\nexport const INDUSTRY_TYPE_2: {\n  [\n    key: string\n  ]: string[];\n} = {\n  蜈ｬ蜍吝藤: ['謨吝藤', '隴ｦ蟇溽ｽｲ', '豸磯亟鄂ｲ', '閾ｪ陦幃嚏', '莠､騾壼ｱ€', '荳€闊ｬ陦梧帆莠句漁閨ｷ', '驛ｵ萓ｿ螻€', '縺昴�莉門�蜍�'],\n  蜈ｬ逧�ｳ��ｼ閠�: ['蛹ｻ蟶ｫ', '蠑∬ｭｷ螢ｫ', '蜈ｬ隱堺ｼ夊ｨ亥｣ｫ', '遞守炊螢ｫ', '螟ｧ蟄ｦ謨呎肢', '荳€邏壼ｻｺ遽牙｣ｫ', '荳榊虚逕｣髑大ｮ壼｣ｫ', '蜿ｸ豕墓嶌螢ｫ', '縺昴�莉門�逧�'],\n  荳€谺｡逕｣讌ｭ: ['霎ｲ讌ｭ', '貍∵･ｭ', '譫玲･ｭ', '逡懃肇讌ｭ'],\n  驩ｱ讌ｭ: ['驩ｱ讌ｭ'],\n  '蝨滓惠繝ｻ蟒ｺ遽�': ['螟ｧ蟾･繝ｻ蟾ｦ螳倥�縺ｨ縺ｳ閨ｷ', '蟒ｺ遽峨�蟾･莠�', '貂ｬ驥上�隱ｿ譟ｻ繝ｻ險ｭ險�', '蝪苓｣�', '險ｭ蛯吝ｷ･莠�', '蟒ｺ險ｭ雉�攝'],\n  荳榊虚逕｣: ['荳榊虚逕｣'],\n  驥題檮: ['驫€陦後�菫｡驥代�菫｡邨�', '菫晞匱�育函蜻ｽ��', '菫晞匱�域錐螳ｳ��', '菫晞匱莉｣逅�･ｭ', '險ｼ蛻ｸ', '繧ｯ繝ｬ繧ｸ繝�ヨ繝ｻ繝ｪ繝ｼ繧ｹ繝ｻ繝ｬ繝ｳ繧ｿ繝ｫ', '雉ｪ螻�', '縺昴�莉夜≡陞�'],\n  '驕玖ｼｸ繝ｻ蛟牙ｺｫ': ['髯ｸ驕�', '豬ｷ驕�', '闊ｪ遨ｺ', '驩�％', '繝舌せ', '繧ｿ繧ｯ繧ｷ繝ｼ', '蛟牙ｺｫ', '譴ｱ蛹��闕ｷ騾�'],\n  陬ｽ騾�: ['鬟溷刀', '郢顔ｶｭ繝ｻ邏吶�繝代Ν繝�', '蛹門ｭｦ', '驥大ｱ�', '髮ｻ豌玲ｩ溷勣', '霈ｸ騾∫畑讖溷勣', '諠��ｱ繝ｻ邊ｾ蟇�ｩ溷勣', '遏ｳ豐ｹ繧ｬ繧ｹ遲峨お繝阪Ν繧ｮ繝ｼ', '蜊ｰ蛻ｷ', '縺昴�莉冶｣ｽ騾�'],\n  蜊ｸ: ['雋ｿ譏�', '荳€闊ｬ蜊ｸ繝ｻ蝠丞ｱ�', '莉ｲ雋ｷ', '蜿門ｼ墓園'],\n  蟆丞｣ｲ: ['繝�ヱ繝ｼ繝�', '繧ｹ繝ｼ繝代�', '繧ｳ繝ｳ繝薙ル繧ｨ繝ｳ繧ｹ繧ｹ繝医い繝ｼ', '繝�ぅ繧ｹ繧ｫ繧ｦ繝ｳ繝医す繝ｧ繝��', '荳€闊ｬ蝠�ｺ�', '險ｪ蝠剰ｲｩ螢ｲ', '騾壻ｿ｡雋ｩ螢ｲ'],\n  '諠��ｱ繝ｻ騾壻ｿ｡': ['譁ｰ閨樒､ｾ', '謾ｾ騾�', '騾壻ｿ｡', '蜃ｺ迚�', '蠎�相', '闊井ｿ｡繝ｻ蟶ょ�ｴ隱ｿ譟ｻ', '諠��ｱ繧ｵ繝ｼ繝薙せ'],\n  '譌�｡後�螳ｿ豕�': ['譌�｡梧･ｭ', '繝帙ユ繝ｫ繝ｻ譌�､ｨ', '繝ｬ繧ｸ繝｣繝ｼ譁ｽ險ｭ'],\n  縺昴�莉悶し繝ｼ繝薙せ: ['鬟ｲ鬟滓･ｭ', '驕頑橿蝣ｴ', '鬚ｨ菫�', '繧ｹ繝昴�繝�命險ｭ繝ｻ蛛･蠎ｷ', '謨呵ご', '莉玖ｭｷ繝ｻ遖冗･�', '螳玲蕗', '鄒主ｮｹ繝ｻ逅�ｮｹ', '貂�祉讌ｭ', '隴ｦ蛯�', '謨ｴ蛯吶�菫ｮ逅�', '莠ｺ譚先味譌�', '縺昴�莉悶し繝ｼ繝薙せ'],\n  蛹ｻ逋よｩ滄未: ['逞�劼繝ｻ蛹ｻ髯｢', '豐ｻ逋�'],\n  '邨�粋繝ｻ蝗｣菴�': ['邨�粋繝ｻ蝗｣菴�'],\n  '譁ｽ險ｭ繝ｻ讖滄未': ['譁ｽ險ｭ繝ｻ讖滄未'],\n  [OTHER_INDUSTRY_TYPE]: ['蟆よ･ｭ荳ｻ蟀ｦ', '蟄ｦ逕�', '蟷ｴ驥醍函豢ｻ閠�'],\n};\n\nexport const POSITION = [\n  '莨夂､ｾ蠖ｹ蜩｡',\n  '豁｣遉ｾ蜩｡�育ｮ｡逅����',\n  '豁｣遉ｾ蜩｡',\n  '豢ｾ驕｣遉ｾ蜩｡繝ｻ螂醍ｴ�､ｾ蜩｡',\n  '繧｢繝ｫ繝舌う繝医�繝代�繝�',\n];\n","/* eslint-disable no-restricted-syntax */\n/* eslint-disable no-restricted-globals */\n/* eslint-disable default-case */\n/* eslint-disable no-shadow */\n/* eslint-disable @typescript-eslint/naming-convention */\n/* eslint-disable @typescript-eslint/no-namespace */\nexport enum MAKER_ID {\n  /** 譛ｪ驕ｸ謚� */\n  UNSELECTED = -1,\n  /** 繝ｬ繧ｯ繧ｵ繧ｹ */\n  LEXUS = 1,\n  /** 繝医Κ繧ｿ */\n  TOYOTA = 2,\n  /** 譌･逕｣ */\n  NISSAN = 3,\n  /** 繝帙Φ繝€ */\n  HONDA = 4,\n  /** 繝槭ヤ繝€ */\n  MAZDA = 5,\n  /** 繧ｹ繝舌Ν */\n  SUBARU = 6,\n  /** 繧ｹ繧ｺ繧ｭ */\n  SUZUKI = 7,\n  /** 繝€繧､繝上ヤ */\n  DAIHATSU = 8,\n  /** 荳芽廠 */\n  MITSUBISHI = 9,\n}\n\nexport const MAKER_DATA = [\n  {\n    id: MAKER_ID.UNSELECTED,\n    name: '',\n    metaName: '',\n    key: '',\n    isUnselected: true,\n    img: '',\n    count: 0,\n  },\n  {\n    id: MAKER_ID.LEXUS,\n    name: '繝ｬ繧ｯ繧ｵ繧ｹ',\n    metaName: '繝ｬ繧ｯ繧ｵ繧ｹ(LEXUS)',\n    key: 'lexus',\n    isUnselected: false,\n    img: 'lexus.png',\n    count: 0,\n  },\n  {\n    id: MAKER_ID.TOYOTA,\n    name: '繝医Κ繧ｿ',\n    metaName: '繝医Κ繧ｿ(TOYOTA)',\n    key: 'toyota',\n    isUnselected: false,\n    img: 'toyota.png',\n    count: 0,\n  },\n  {\n    id: MAKER_ID.NISSAN,\n    name: '譌･逕｣',\n    metaName: '譌･逕｣(繝九ャ繧ｵ繝ｳ/NISSAN)',\n    key: 'nissan',\n    isUnselected: false,\n    img: 'nissan.png',\n    count: 0,\n  },\n  {\n    id: MAKER_ID.HONDA,\n    name: '繝帙Φ繝€',\n    metaName: '繝帙Φ繝€(HONDA)',\n    key: 'honda',\n    isUnselected: false,\n    img: 'honda.png',\n    count: 0,\n  },\n  {\n    id: MAKER_ID.MAZDA,\n    name: '繝槭ヤ繝€',\n    metaName: '繝槭ヤ繝€(MAZDA)',\n    key: 'mazda',\n    isUnselected: false,\n    img: 'mazda.png',\n    count: 0,\n  },\n  {\n    id: MAKER_ID.SUBARU,\n    name: '繧ｹ繝舌Ν',\n    metaName: '繧ｹ繝舌Ν(SUBARU)',\n    key: 'subaru',\n    isUnselected: false,\n    img: 'subaru.png',\n    count: 0,\n  },\n  {\n    id: MAKER_ID.SUZUKI,\n    name: '繧ｹ繧ｺ繧ｭ',\n    metaName: '繧ｹ繧ｺ繧ｭ(SUZUKI)',\n    key: 'suzuki',\n    isUnselected: false,\n    img: 'suzuki.png',\n    count: 0,\n  },\n  {\n    id: MAKER_ID.DAIHATSU,\n    name: '繝€繧､繝上ヤ',\n    metaName: '繝€繧､繝上ヤ(DAIHATSU)',\n    key: 'daihatsu',\n    isUnselected: false,\n    img: 'daihatsu.png',\n    count: 0,\n  },\n  {\n    id: MAKER_ID.MITSUBISHI,\n    name: '荳芽廠',\n    metaName: '荳芽廠(繝溘ヤ繝薙す/MITSUBISHI)',\n    key: 'mitsubishi',\n    isUnselected: false,\n    img: 'mitsubishi.png',\n    count: 0,\n  },\n];\n\n// 蜀�Κ髢｢謨ｰid縺ｧ繝��繧ｿ謗｢邏｢\nconst makerDataFind = (id: MAKER_ID): number => {\n  const target = MAKER_DATA.findIndex((data) => (data.id === id));\n  if (target >= 0) {\n    return target;\n  }\n  throw new Error('Invalid value');\n};\n\n// 繝｡繝ｼ繧ｫ繝ｼ蜷構nexport const MAKER_NAME = (id: MAKER_ID): string => MAKER_DATA[makerDataFind(id)].name;\n\n// 繝｡繝ｼ繧ｫ繝ｼ蜷構nexport const MAKER_META_NAME = (id: MAKER_ID): string => MAKER_DATA[makerDataFind(id)].metaName;\n\n// ID 竊� KEY\nexport const MAKER_ID_TO_KEY = (id: MAKER_ID): string => MAKER_DATA[makerDataFind(id)].key;\n\n// KEY 竊� ID\nexport const MAKER_KEY_TO_ID = (key: string): MAKER_ID => {\n  const target = MAKER_DATA.find((data) => (data.key === key));\n  if (target) {\n    return target.id;\n  }\n  throw new Error('Invalid value');\n};\n","import { useStaticQuery, graphql } from 'gatsby';\nimport { searchCarStore } from '@/newcar/core/store/searchCarStore';\n\nexport const setAllList = (): void => {\n  const data = useStaticQuery<GatsbyTypes.allNewCarDetailAndDigestQuery>(graphql`\n  query allNewCarDetailAndDigest {\n    allCarDetail {\n      nodes {\n        bodyColorInfo {\n          bodyColorName\n          colorCode1\n          colorCode2\n          id\n        }\n        id\n        optionFees {\n          id\n          leasingFee108\n          leasingFee12\n          leasingFee120\n          leasingFee132\n          leasingFee24\n          leasingFee36\n          leasingFee48\n          leasingFee60\n          leasingFee72\n          leasingFee84\n          leasingFee96\n          supportFee108\n          supportFee12\n          supportFee120\n          supportFee132\n          supportFee24\n          supportFee36\n          supportFee48\n          supportFee60\n          supportFee72\n          supportFee84\n          supportFee96\n        }\n        optionInfo {\n          description\n          id\n          name\n          optionType\n        }\n        vehicleTypes {\n          caption1\n          caption2\n          caption3\n          captionImageUrl1\n          captionImageUrl2\n          captionImageUrl3\n          id\n          masterNumber\n          photos {\n            category\n            imageUrl\n            order\n          }\n          point1\n          point2\n          point3\n          review\n          summary\n          vehicleGrades {\n            automaticBrake\n            bodyColors {\n              bodyColorInfoId\n              id\n              optionFeeId\n            }\n            capacity\n            cruiseControl\n            displacement\n            engine\n            id\n            keylessEntry\n            kudou\n            laneDepartureAlert\n            leasingFee108\n            leasingFee12\n            leasingFee120\n            leasingFee132\n            leasingFee24\n            leasingFee36\n            leasingFee48\n            leasingFee60\n            leasingFee72\n            leasingFee84\n            leasingFee96\n            mission\n            name\n            numDoors\n            onlineDiscountFee108\n            onlineDiscountFee12\n            onlineDiscountFee120\n            onlineDiscountFee132\n            onlineDiscountFee24\n            onlineDiscountFee36\n            onlineDiscountFee48\n            onlineDiscountFee60\n            onlineDiscountFee72\n            onlineDiscountFee84\n            onlineDiscountFee96\n            options {\n              id\n              isStandard\n              optionFeeId\n              optionInfoId\n            }\n            orderName\n            pedalSupport\n            powerSlideDoor\n            smartKey\n            supportFee108\n            supportFee12\n            supportFee120\n            supportFee132\n            supportFee24\n            supportFee36\n            supportFee48\n            supportFee60\n            supportFee72\n            supportFee84\n            supportFee96\n            freeTransferDiffLeasingFeeTaxed12\n            freeTransferDiffLeasingFeeTaxed24\n            freeTransferDiffLeasingFeeTaxed36\n            freeTransferDiffLeasingFeeTaxed48\n            freeTransferDiffLeasingFeeTaxed60\n            freeTransferDiffLeasingFeeTaxed72\n            freeTransferDiffLeasingFeeTaxed84\n            freeTransferDiffLeasingFeeTaxed96\n            freeTransferDiffLeasingFeeTaxed108\n            freeTransferDiffLeasingFeeTaxed120\n            freeTransferDiffLeasingFeeTaxed132\n          }\n        }\n      }\n    }\n    allCarDigest {\n      nodes {\n        masterNumber\n        id__normalized\n        name\n        makerId\n        publishStatus\n        bodyType\n        isMiniCar\n        isHatchBack\n        maintenanceType\n        popularityScore\n        wltc\n        jc08\n        supocar\n        makerSiteUrl\n        titleName\n        descriptionName\n        wordpressName\n        minPrice\n        taxedMinPrice11\n        taxedMinPrice10\n        taxedMinPrice9\n        taxedMinPrice8\n        taxedMinPrice7\n        taxedMinPrice6\n        taxedMinPrice5\n        taxedMinPrice4\n        taxedMinPrice3\n        taxedMinPrice2\n        taxedMinPrice1\n        minVehiclePrice\n        has4SeatOrLess\n        has5Seat\n        has6Seat\n        has7Seat\n        has8SeatOrMore\n        hasMT\n        has4WD\n        hasHybrid\n        hasPowerSlideDoor\n        hasKeylessEntry\n        hasSmartKey\n        hasCruiseControl\n        hasAutomaticBrake\n        hasPedalSupport\n        hasLaneDepartureAlert\n        bodyColors\n        thumbnailUrl\n        isCriteoTarget\n        hasWantCar\n      }\n    }\n  }\n  `);\n\n  searchCarStore.setAllList([data.allCarDigest.nodes, data.allCarDetail.nodes[0]]);\n};\n","// extracted by mini-css-extract-plugin\nexport const partsWrap = \"Color-module--parts-wrap--3Y_bs\";\nexport const parts = \"Color-module--parts--3TMTR\";","export default __webpack_public_path__ + \"static/bnr-google-point-c67aa8a1d4ab6b02747393f8452576f9.avif\";","export default __webpack_public_path__ + \"static/bnr-google-point-873d9136126da2d41f715bda4e40fc20.png\";","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzkxMTggMTkuNDAwMkMxLjExNjAyIDE5LjQwMDEgMC44NDcwMDggMTkuMzE4NCAwLjYxODI0NiAxOS4xNjU1QzAuMzg5NDg0IDE5LjAxMjYgMC4yMTEyMTQgMTguNzk1MyAwLjEwNTkyNiAxOC41NDExQzAuMDAwNjM3MTM1IDE4LjI4NjggLTAuMDI2OTQ5NiAxOC4wMDcxIDAuMDI2NzA2MiAxNy43MzcyQzAuMDgwMzYxOSAxNy40NjczIDAuMjEyODkgMTcuMjE5NCAwLjQwNzQxNCAxNy4wMjQ4TDcuNzQzMDUgOS42ODkxM0wwLjQwNzQxNCAyLjM1MzQ1QzAuMTU2MDQgMi4wOTA2IDAuMDE3NTE3OCAxLjczOTc5IDAuMDIxNTc2MiAxLjM3NjExQzAuMDI1NjM0NiAxLjAxMjQyIDAuMTcxOTM0IDAuNjY0Nzc5IDAuNDI5MTExIDAuNDA3NjAxQzAuNjg2Mjg5IDAuMTUwNDIzIDEuMDMzODkgMC4wMDQxNDUxNSAxLjM5NzU3IDguNjc0NDFlLTA1QzEuNzYxMjYgLTAuMDAzOTcxNjcgMi4xMTIxIDAuMTM0NTE5IDIuMzc0OTUgMC4zODU4OTNMMTEuNjc5NiA5LjY5MDVMMi4zNzQ5NSAxOC45OTUxQzIuMjQ1NjkgMTkuMTI0IDIuMDkyMjUgMTkuMjI2MiAxLjkyMzQzIDE5LjI5NTdDMS43NTQ2MiAxOS4zNjUyIDEuNTczNzUgMTkuNDAwNyAxLjM5MTE4IDE5LjQwMDJaIiBmaWxsPSIjQThBOEE4Ii8+Cjwvc3ZnPgo=\""],"sourceRoot":""}