body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ty-loading-spinner-linear{display:flex;flex-direction:row;justify-content:space-between;color:#1a1a1a}.ty-loading-spinner-linear.-size-large{width:108px}.ty-loading-spinner-linear.-size-large .ty-loading-spinner-linear__dot{width:12px;height:12px}.ty-loading-spinner-linear__dot{background:currentColor;position:relative;font-size:0;border-radius:100%;overflow:hidden;width:21px;height:21px;-webkit-animation:tyLoadingSpinnerLinearPulse 2.5s;animation:tyLoadingSpinnerLinearPulse 2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ty-loading-spinner-linear__dot--1{-webkit-animation-delay:-2.5s;animation-delay:-2.5s}.ty-loading-spinner-linear__dot--2{-webkit-animation-delay:-2.4123s;animation-delay:-2.4123s}.ty-loading-spinner-linear__dot--3{-webkit-animation-delay:-2.3246s;animation-delay:-2.3246s}.ty-loading-spinner-linear__dot--4{-webkit-animation-delay:-2.2369s;animation-delay:-2.2369s}@-webkit-keyframes tyLoadingSpinnerLinearPulse{0%{-webkit-transform:scale(.16667);transform:scale(.16667);-webkit-animation-timing-function:cubic-bezier(1,.25,.5,.75);animation-timing-function:cubic-bezier(1,.25,.5,.75)}12.85714%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(.5,.25,0,.75);animation-timing-function:cubic-bezier(.5,.25,0,.75)}25.71429%{-webkit-transform:scale(.16667);transform:scale(.16667);-webkit-animation-timing-function:cubic-bezier(.5,.25,-.25,.75);animation-timing-function:cubic-bezier(.5,.25,-.25,.75)}38.57143%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(1.25,.25,.5,.75);animation-timing-function:cubic-bezier(1.25,.25,.5,.75)}51.42857%{-webkit-transform:scale(.16667);transform:scale(.16667);-webkit-animation-timing-function:cubic-bezier(1,.25,.5,.75);animation-timing-function:cubic-bezier(1,.25,.5,.75)}64.28571%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(.5,.25,0,.75);animation-timing-function:cubic-bezier(.5,.25,0,.75)}77.14286%{-webkit-transform:scale(.16667);transform:scale(.16667)}to{-webkit-transform:scale(.16667);transform:scale(.16667)}}@keyframes tyLoadingSpinnerLinearPulse{0%{-webkit-transform:scale(.16667);transform:scale(.16667);-webkit-animation-timing-function:cubic-bezier(1,.25,.5,.75);animation-timing-function:cubic-bezier(1,.25,.5,.75)}12.85714%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(.5,.25,0,.75);animation-timing-function:cubic-bezier(.5,.25,0,.75)}25.71429%{-webkit-transform:scale(.16667);transform:scale(.16667);-webkit-animation-timing-function:cubic-bezier(.5,.25,-.25,.75);animation-timing-function:cubic-bezier(.5,.25,-.25,.75)}38.57143%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(1.25,.25,.5,.75);animation-timing-function:cubic-bezier(1.25,.25,.5,.75)}51.42857%{-webkit-transform:scale(.16667);transform:scale(.16667);-webkit-animation-timing-function:cubic-bezier(1,.25,.5,.75);animation-timing-function:cubic-bezier(1,.25,.5,.75)}64.28571%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(.5,.25,0,.75);animation-timing-function:cubic-bezier(.5,.25,0,.75)}77.14286%{-webkit-transform:scale(.16667);transform:scale(.16667)}to{-webkit-transform:scale(.16667);transform:scale(.16667)}}:root{--color-white:#f5f5f5;--color-dark:#1a1a1a;--color-gray:#666;--color-lightGray:#eee;--color-border:#ccc;--color-error:#d1091b}@font-face{font-family:ToyotaType;src:url(/hybrid-calculator/static/media/ToyotaType-Regular.7e825c39.ttf) format("truetype");font-weight:400;font-style:normal}.App{font-family:ToyotaType,Arial,Helvetica,sans-serif;color:#1a1a1a;color:var(--color-dark);padding:0 0 80px;overflow:hidden}header{background:#1a1a1a;background:var(--color-dark);text-align:center}.headerContainer{position:relative;display:flex;align-items:center;justify-content:center;max-width:1440px;height:320px}.headerContainer>h1{padding:0 30px 10px}.carPictureContainer,.compareTableContainer,.contactContainer,.container,.headerContainer,.hybridSavingContainer,footer{margin:0 auto}.container{max-width:810px}footer{margin-top:60px;text-align:left;max-width:1224px;padding:0 24px}.footerContainer{border-top:1px solid #ccc;border-top:1px solid var(--color-border)}.footerContainer>h4{margin:30px 0 10px;line-height:26px;cursor:pointer}.footerDisclaimerBox{padding:0 24px}.contactSection{display:flex;flex-direction:column;align-items:center;justify-content:center;background:url(/hybrid-calculator/static/media/background.1072193e.png);background-size:cover;height:469px}.ComparisonStepsSection{background:#f5f5f5;background:var(--color-white);padding:80px 0 60px}.comparisonStep{margin-bottom:80px}.comparisonStep>.overlineText{margin-bottom:30px;line-height:18px}.comparisonStep:last-child{margin-bottom:0}.hybridSavingSection{background:#fff;margin-bottom:40px}.hybridSavingContainer{max-width:796px;padding:65px 32px 15px}.hybridSavingContainer>h3{margin-top:0}.compareTableContainer{max-width:850px;display:flex;justify-content:space-between}.compareTableContainer>div{flex:1 1;margin:0 32px}.contactContainer{max-width:780px;text-align:center;background:#1a1a1a;background:var(--color-dark);padding:40px 122px 42px}.contactContainer>h2{max-width:533px;font-size:36px;margin:0 0 40px;line-height:48px}.hybridSavingItem{margin-bottom:50px}.compareTableContainer .hybridSavingItem{margin-bottom:40px}h1{font-size:40px;font-weight:600}h1,h2{color:#f5f5f5;color:var(--color-white)}h2{font-size:32px}h3{font-size:24px;margin-top:8px;line-height:34px}h4{font-size:14px;color:#1a1a1a;color:var(--color-dark)}sup{font-size:10px;padding-left:4px}p,ul{margin:0;padding:0}ul{list-style-type:none}.textBlack{color:#000!important}button,input,select{outline-color:#fff;border:none;outline:none!important;background:none;font-family:ToyotaType,Arial,Helvetica,sans-serif}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.inputContainer{border-bottom:1px solid #1a1a1a;border-bottom:1px solid var(--color-dark);display:inline-block;position:relative}.inputContainer.error{border-bottom-color:#d1091b;border-bottom-color:var(--color-error)}.error-text{position:absolute;display:block;color:#d1091b;color:var(--color-error);font-size:14px;margin-top:5px;text-align:right;right:0}.inputContainer .inputValue{text-align:left;display:inline-block}.selectItem.focus{background:#1a1a1a;background:var(--color-dark);color:#fff}.inputContainer>.inputValue,.inputContainer>input{margin-bottom:8px;padding:0;height:auto}.inputContainer>input{opacity:0;font-size:24px;display:inline-block;position:absolute;width:100%;top:0;left:0}.fuel-text-area input{left:14px}input.active{opacity:1;position:absolute}.inputContainer .editing{visibility:hidden}.select-hidden-accessible{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden!important;padding:0;position:absolute;width:1px;white-space:nowrap}.selectContainer{font-size:24px;position:relative;display:inline-block;width:100%}.selectContent{font-size:24px;border-bottom:1px solid #1a1a1a;border-bottom:1px solid var(--color-dark);background:url(/hybrid-calculator/static/media/chevron-down.bdee49e0.svg) no-repeat 100%;cursor:pointer;padding-bottom:8px;text-align:left}.comparisonVehicle .selectContent>span{width:90%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selectBox{position:absolute;left:0;background:#fff;font-size:18px;min-width:352px;width:100%;text-align:left;z-index:1000}.selectItem{border-bottom:1px solid #f5f5f5;border-bottom:1px solid var(--color-white);padding:16px}.selectItem:hover{background:#1a1a1a;background:var(--color-dark);color:#fff}.compareVehicle{min-width:140px;display:inline-block;margin:0 8px}.compareVehicle .selectContent{padding-right:30px}.comparisonVehicle{max-width:360px}.body1{font-size:24px}.body2{font-size:12px;line-height:18px;margin-bottom:18px;color:#1a1a1a;color:var(--color-dark)}.personalise-text{max-width:756px;margin:0 auto;line-height:32px}.captionText{text-align:left;font-size:12px;color:#666;color:var(--color-gray);margin-bottom:8px}.caculationText{font-size:36px;line-height:30px;color:#1a1a1a;color:var(--color-dark);font-weight:700;margin-top:8px}.overlineText{color:#666;color:var(--color-gray);font-size:14px;letter-spacing:.12em}.overlineText,button{text-transform:uppercase}button{cursor:pointer;font-size:11px;margin:5px}.contactButtons{display:block}.mobileBottomButton,.mobileTopButton{display:inline-block}.primaryButton,.secondaryButton{border-radius:120px;font-weight:700;padding:11px 20px;letter-spacing:.12em;text-transform:uppercase;margin:0 8px}.primaryButton{background:#f5f5f5;background:var(--color-white);border:1px solid #f5f5f5;border:1px solid var(--color-white);color:#1a1a1a;color:var(--color-dark)}.primaryButton:hover{background:#fff}.secondaryButton{border:1px solid #f5f5f5;border:1px solid var(--color-white);color:#f5f5f5;color:var(--color-white)}.secondaryButton:hover{background:#f5f5f5;background:var(--color-white);color:#1a1a1a;color:var(--color-dark)}.closeButton{position:absolute;margin:0;top:44px;right:44px;padding:12px 12px 9px}.inputGroup{display:inline-block;margin:50px 32px 0}.inputGroup .body1{display:inline-block;position:relative}.arrowSign{display:inline-block;margin-right:14px}.footerContainer>.open .arrowSign{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.text-center{text-align:center}.underline{border-bottom:1px solid #ccc;border-bottom:1px solid var(--color-border);padding-bottom:16px;margin-bottom:40px}.no-margin{margin:0}.comparisonVehicleDropdown{font-size:18px}.carPictureContainer{width:100%;margin-top:40px;margin-bottom:0;max-width:960px;justify-content:space-evenly}.carPicture img{display:block;margin:0 auto;width:100%;-webkit-transform:scale(2);transform:scale(2);pointer-events:none}.carPicture{position:relative;width:222px;height:200px}.loadingBox{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.animationText{opacity:1;transition:all .5s linear}.animationText.active{opacity:0}.flexBox{display:flex}.flexInput{flex:1px 1}.fuel-text-area{text-align:right;flex:6 1}.km-text-area{text-align:left;flex:7 1}.carPictureContainer{position:relative;display:flex;overflow:hidden}.hiddenContainer{display:none}.hiddenContainer img{opacity:0;width:600px}@media (min-width:768px) and (max-width:1024px){.flexBoxLT{display:flex}.personalise-text{max-width:676px}.fuel-text-area{text-align:left}.km-text-area{text-align:right}}@media (max-width:768px){.contactContainer{max-width:530px;padding:10px 40px 12px}.contactContainer>h2{max-width:482px}}@media (max-width:767px){.hybridSavingContainer{padding:65px 32px 15px}.flexBox{display:block}.ComparisonStepsSection{padding:48px 0 26px}.comparisonStep{padding:0 32px;overflow:visible}.comparisonStep>.overlineText{margin-bottom:16px}.body1,.carComparisionArea,.overlineText{text-align:left}.overlineText,label{font-size:12px;color:#666;color:var(--color-gray);display:block}label{margin-bottom:8px}input{width:100%}.selectContent{font-size:20px}.inputGroup{display:block;margin:32px 0}.inputContainer{width:100%}.inputGroup .body1{display:block}.body1,.caculationText,.inputContainer>input{font-size:20px}.compareVehicle{min-width:76px;margin:8px 8px 8px 0}.compareTableContainer{display:none}.comparisonVehicle,.selectBox{min-width:100%}.comparisonVehicleDropdown,.comparisonVehicleDropdown .selectContent{font-size:16px}h1{font-size:32px}.compareVehicle .selectBox{width:300%}.compareVehicle .selectItem{font-size:20px}.carPictureContainer{justify-content:space-between;overflow:visible;margin-bottom:80px}.carPicture.left img{-webkit-transform:scale(4) translate(-10%,12%);transform:scale(4) translate(-10%,12%)}.carPicture.right img{-webkit-transform:scale(4) translate(10%,12%);transform:scale(4) translate(10%,12%)}.hiddenContainer img{opacity:0}.personalise-text{line-height:30px}}.lds-dual-ring{display:inline-block;width:64px;height:64px}.lds-dual-ring:after{content:" ";display:block;width:46px;height:46px;margin:1px;border-radius:50%;border-left:5px solid transparent;border-color:#666 transparent;border-style:solid;border-width:5px;border-bottom:5px solid var(--color-gray);border-right:5px solid transparent;border-top:5px solid var(--color-gray);-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite}@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:560px){.carPicture{width:180px;height:150px}.closeButton{top:32px;right:32px}}@media (max-width:425px){.carPicture{width:120px;height:100px}.contactButtons{display:table;width:100%}.mobileTopButton{display:table-header-group;width:100%}.mobileBottomButton{display:table-footer-group;width:100%}.primaryButton,.secondaryButton{width:100%;margin:0;margin-bottom:16px}.carPicture.left img{-webkit-transform:scale(5) translate(-8%,10%);transform:scale(5) translate(-8%,10%)}.carPicture.right img{-webkit-transform:scale(5) translate(8%,10%);transform:scale(5) translate(8%,10%)}.error-text{font-size:12px}.selectContent{background-image:url(/hybrid-calculator/static/media/chevron-down-mobile.e5ae0ec9.svg)}}@media (max-width:375px){.App{padding-bottom:24px}.footerContainer{padding:16px 0}footer{margin-top:56px}.contactSection{padding:32px 0}.comparisonStep{margin-bottom:24px;padding:0}.headerContainer{height:262px}.ComparisonStepsSection{padding-left:24px;padding-right:24px}.hybridSavingContainer{padding-top:48px;padding-left:25px;padding-right:25px}.hybridSavingContainer .underline{padding-bottom:8px;border:0}.hybridSavingItem{margin-bottom:30px}h2,h3{font-size:28px}.closeButton{top:20px;right:20px}.contactContainer{padding-left:20px;padding-right:20px}.contactContainer>h2{font-size:28px;line-height:36px}.carPicture.left img{-webkit-transform:scale(4) translate(-12%,12%);transform:scale(4) translate(-12%,12%)}.carPicture.right img{-webkit-transform:scale(4) translate(12%,12%);transform:scale(4) translate(12%,12%)}}@media (max-width:320px){.ComparisonStepsSection,.hybridSavingSection{padding:48px 24px 0}.ComparisonStepsSection{padding-bottom:60px}.compareVehicle{min-width:76px;margin:8px 8px 8px 0}.comparisonStep{margin-bottom:60px}}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.carPictureContainer{justify-content:space-around}}@supports (-ms-ime-align:auto){.carPictureContainer{justify-content:space-around}}
/*# sourceMappingURL=main.95ef1a84.chunk.css.map */