/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:"Baloo";font-display:swap;src:url(/fonts/Baloo-Regular.woff) format("woff")}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;line-height:1.6}@media screen and (max-width:420px){html{font-size:56.25%}}@media screen and (max-width:360px){html{font-size:50%}}#root{font-size:2rem;font-weight:700;height:100%;width:100%;color:#fff;position:absolute;margin:0;font-family:Lato,-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}.hide{display:none}h1,h2,h3,h4,h5,h6{font-weight:700}h1{font-family:"Baloo",sans-serif;font-size:5.5rem;text-shadow:2px 1px 2px rgba(0,0,0,.9);letter-spacing:1px;line-height:1;margin-top:.3em}h2{font-family:Lato;font-size:1.7rem;text-align:center}h3{font-size:1.8rem}h3,h4{font-family:Lato;color:#626b80;line-height:2.4rem}h4{font-size:1.4rem}p{font-family:Lato;margin-top:0;margin-bottom:.75em}a,a:active,a:hover,a:visited{color:#00b9e6;text-decoration:none}a:active:hover,a:hover,a:hover:hover,a:visited:hover{text-decoration:underline}button{cursor:pointer;box-shadow:0 8px 12px 0 rgba(0,185,230,.3);border-radius:2.25rem;padding:0 1.5em .2em;margin:2.5% auto;height:4.5rem;line-height:.7;font-size:2rem;color:#fff;text-align:center;display:block;width:100%;max-width:12em;border:none}button,button:hover{background:#00b9e6;font-weight:600}button:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));background-image:linear-gradient(-180deg,rgba(0,0,0,.1),rgba(0,0,0,.1))}button.chunky{border-radius:2.75rem;height:5.5rem;font-size:2.2rem;padding:.5rem 1.5em .7rem}.back-button{position:absolute;z-index:100;cursor:pointer;width:1.5em;height:1.5em;margin:.5rem;background:url(/images/Button/Left/Active.svg) no-repeat 50%;background-size:70%}.back-button:hover{background-image:url(/images/Button/Left/Hover.svg);background-size:contain}header{position:relative;text-align:center;width:100%;padding:3.75rem 1.5rem 1.5rem;color:#fff}header img.logo{display:block;margin:auto;max-width:100%}header .payoff{margin-top:.5em;line-height:1.2;font-size:.7em}.main{display:flex;overflow:hidden;margin:calc((100vh - 760px)/2) auto;height:100%;max-height:760px;background-image:-webkit-gradient(linear,left top,left bottom,from(#00b9e6),to(#06942d));background-image:linear-gradient(180deg,#00b9e6,#06942d);border-radius:.25em}@media screen and (max-height:760px){.main{margin:0 auto}}.main[data-show-intro="1"] #wrapper{margin-top:auto}.main[data-active="2"] .slideWrapper{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.main,.main>#wrapper{position:relative;width:100%;min-width:320px;max-width:375px;max-height:158vw}@media screen and (min-width:375px){.main,.main>#wrapper{max-height:600px}.main .introHidden .slide,.main>#wrapper .introHidden .slide{min-height:370px}}.main>#wrapper{-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out;height:auto}.main>#wrapper #logo-kdbb{margin:auto;display:block;width:40%;flex-grow:1;position:relative}.main>#wrapper #logo-kdbb img{width:100%;vertical-align:middle}.main>#wrapper .content{overflow:hidden;position:relative;margin:1.25rem;color:#626b80;font-size:1.75rem}.main>#wrapper .content:before{display:block;content:"";padding-top:18%;background:url(/images/IMG/tire@2x.png) no-repeat top;background-size:90% auto}.main>#wrapper .content .slideWrapper{display:flex;width:200%;border-radius:.15em;-webkit-transition:height .3s ease-in,-webkit-transform .5s ease-in-out;transition:height .3s ease-in,-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out,height .3s ease-in;transition:transform .5s ease-in-out,height .3s ease-in,-webkit-transform .5s ease-in-out}.main>#wrapper .content .slideWrapper .slide{position:relative;width:50%;padding:.75em;background-color:#fff;border-radius:.15em}.main>#wrapper .content .slideWrapper .slide #intro{-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in;padding:1.5rem 0}@media screen and (min-width:375px){.main>#wrapper{background-size:60% auto}.main>#wrapper #logo-kdbb img{margin-bottom:2rem}}#configurator{-webkit-transition:all .3s ease-in,opacity .3s ease-in .6s;transition:all .3s ease-in,opacity .3s ease-in .6s}#configurator .inputs{padding:.5rem 0}#configurator .inputs input[type=number]::-webkit-inner-spin-button,#configurator .inputs input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#configurator .inputs input[type=number]{-moz-appearance:textfield}#configurator .inputs input{background:transparent;border:none;padding:0;color:#626b80;outline:none;line-height:100%;height:100%;overflow:auto}#configurator .inputs table{width:100%}#configurator .inputs table td,#configurator .inputs table th{margin:0;padding:.75em 0;font-size:.85em}#configurator .inputs table th{text-align:left}#configurator .inputs table td{text-align:right}#configurator .inputs .wrapper{height:4rem;width:4.75em;font-size:2rem;line-height:2rem;vertical-align:middle;background:#f4f4f6;padding:0 .75em 0 1em;display:inline-block;border-radius:2rem;white-space:nowrap;text-align:left}#configurator .inputs .fuel-price input{width:3.5em;display:inline-block;text-align:left}#configurator .inputs .distance-per-unit td,#configurator .inputs .distance-per-unit th{border-bottom:1px solid #e0e2e7}#configurator .inputs .distance-per-unit input{width:3em;display:inline-block;text-align:center}#configurator .inputs .units-per-year input{width:3em;display:inline-block;text-align:left}#configurator .fuelSelect{padding:0;display:flex;flex-direction:row;justify-content:center;margin:1.5% 0}#configurator .fuelSelect li{flex-grow:1;display:flex;position:relative;margin:1.5%;background-repeat:no-repeat;background-size:60%;background-color:#fff;list-style:none;cursor:pointer;box-shadow:0 2px 9px 0 rgba(0,0,0,.15);font-size:1.4rem;color:#626b80;border-radius:.3em;font-weight:400;min-height:5em}#configurator .fuelSelect li:hover{font-weight:700;box-shadow:0 8px 12px 0 rgba(0,0,0,.15)}#configurator .fuelSelect li .label{position:absolute;font-size:1.4rem;color:#626b80;bottom:3.5%;left:.5em}#configurator .fuelSelect li[data-id="0"]{background-image:url(/images/Icon/Benzine/Normal.svg)}#configurator .fuelSelect li[data-id="0"].selected{background-image:url(/images/Icon/Benzine/Active.svg)}#configurator .fuelSelect li[data-id="1"]{background-image:url(/images/Icon/Diesel/Normal.svg)}#configurator .fuelSelect li[data-id="1"].selected{background-image:url(/images/Icon/Diesel/Active.svg)}#configurator .fuelSelect li[data-id="2"]{background-image:url(/images/Icon/Gas/Normal.svg)}#configurator .fuelSelect li[data-id="2"].selected{background-image:url(/images/Icon/Gas/Active.svg)}#configurator .fuelSelect li[data-id="3"]{background-image:url(/images/Icon/Elektriciteit/Normal.svg)}#configurator .fuelSelect li[data-id="3"].selected{background-image:url(/images/Icon/Elektriciteit/Active.svg)}#configurator .fuelSelect li.selected{cursor:default;background-color:#00b9e6;box-shadow:0 8px 12px 0 rgba(0,185,230,.45)}#configurator .fuelSelect li.selected .label{color:#fff}#configurator .fuelSelect li:after{display:block;content:"";width:100%;padding-bottom:100%}#results{display:flex;flex-direction:column}#results .payoff{font-size:1.5rem}#results .details{font-size:1.3rem;line-height:1.4;font-weight:400;text-align:center;margin:auto 1em 0}#results .comparison{flex-grow:1;display:flex;flex-direction:column;margin-top:1em}#results .comparison .labelContainer{position:relative}#results .comparison .labelContainer .crosshair{background:url(/images/Selector.svg) no-repeat;background-size:100%;height:100%;width:24%;display:block;position:absolute;left:-1.2%;top:-5.5%;z-index:1;overflow:hidden;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}#results .labels{margin-top:auto;text-align:center}#results .labels .cost{position:relative;display:inline-block;font-size:1.4rem;padding:.3em .7em;margin-bottom:.9em;background:#626b80;color:#fff}#results .labels .cost span{position:relative;display:block}#results .labels .cost:after{content:"";display:block;position:absolute;width:1em;height:1em;background:#626b80;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);left:calc(50% - .3em);bottom:-.5em}#results .labels .bar{-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out;flex-direction:column;padding-bottom:.5em;display:flex}#results .labels .bar .label{margin-top:auto;font-size:4rem;line-height:1.2;color:#fff;text-align:center;position:relative}#results .labels .bar .label .toggle-selector{width:.5em;cursor:pointer;height:.5em;position:absolute;background:url(/images/Button/Switch/Acive.svg) no-repeat;top:2.2rem;right:calc(50% - .9em)}#results .labels .bar .label .toggle-selector:hover{background:url(/images/Button/Switch/Hover.svg) no-repeat}#results .labels .bar .under-label{color:#fff;text-align:center}#results .labels .bar[data-id="0"]{background-color:#01a652;box-shadow:0 8px 12px 0 rgba(6,148,45,.3);border-radius:2px 2px 0 0}#results .labels .bar[data-id="1"]{background-color:#c0d731;box-shadow:0 8px 12px 0 rgba(101,153,52,.3);border-radius:2px 2px 0 0}#results .labels .bar[data-id="2"]{background-color:#fef200;box-shadow:0 8px 12px 0 rgba(205,204,0,.3);border-radius:2px 2px 0 0}#results .labels .bar[data-id="3"]{background-color:#fcb913;box-shadow:0 8px 12px 0 rgba(255,204,1,.3);border-radius:2px 2px 0 0}#results .labels .bar[data-id="4"]{background-color:#ec1c24;box-shadow:0 8px 12px 0 rgba(255,102,0,.3);border-radius:2px 2px 0 0}#results .labels .bar[data-id="5"]{background-color:#cc0035;box-shadow:0 8px 12px 0 rgba(204,0,53,.3);border-radius:2px 2px 0 0}#results .selector{padding:0;list-style:none;border-radius:.6em;margin:0 0 1.5rem}#results .selector li{background:#fff;position:relative;display:inline-block;width:20%;padding-bottom:calc(20% - 1.1rem);cursor:pointer;border-bottom:1rem solid}#results .selector li .label{position:absolute;height:100%;width:100%;font-weight:400;text-align:center;font-size:3.2rem;line-height:1.8;border-top:1px solid #e0e2e7;border-right:1px solid #e0e2e7}#results .selector li .label:first-child{border-left:1px solid #e0e2e7}#results .selector li:hover{background:#eff0f2}#results .selector li:first-child{border-bottom-left-radius:.6rem;border-top-left-radius:.6rem}#results .selector li:first-child .label{border-top-left-radius:.6rem}#results .selector li:last-child{border-bottom-right-radius:.6rem;border-top-right-radius:.6rem}#results .selector li:last-child .label{border-top-right-radius:.6rem}#results .selector [data-id="0"]{border-color:#01a652}#results .selector [data-id="1"]{border-color:#c0d731}#results .selector [data-id="2"]{border-color:#fef200}#results .selector [data-id="3"]{border-color:#fcb913}#results .selector [data-id="4"]{border-color:#ec1c24}#results .selector [data-id="5"]{border-color:#cc0035}#results .result{margin:.5rem 0 0 2rem;line-height:1.35}#results .result .savings{float:right;width:8em;height:5em;background:url(/images/Savings.svg) no-repeat;background-size:100%}#results .result .savings .text{letter-spacing:1px;font-family:"Lato";font-weight:900;text-align:center;font-size:1.6em;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);line-height:2.6;color:#fff}
/*# sourceMappingURL=main.e3a9d120.chunk.css.map */