.inputUnit[data-v-e389d385]{margin-left:.4rem}.formItem[data-v-e389d385]{margin-bottom:.6rem}label[data-v-e389d385]{font-weight:500}input[data-v-da0192d9]{margin:5px 8px 5px 5px}label[data-v-da0192d9]{vertical-align:top;margin-top:1px;font-size:1rem}.formItem[data-v-da0192d9]{margin:4px 0}.bold[data-v-993bb5c1]{font-weight:500}.fraction[data-v-993bb5c1]{font-size:.8rem}.bigFraction[data-v-993bb5c1]{font-size:1.5rem}.big[data-v-993bb5c1]{font-size:3rem}.amount[data-v-cb3541a8]{font-weight:500}.result[data-v-970479ed]{font-size:1.2em}.copyToClipboard[data-v-970479ed]{background:none!important;border:none;padding:0!important;margin-left:10px}.inputUnit[data-v-1912fdd5]{margin-left:.4rem}.shareBtn[data-v-1912fdd5]{margin-top:16px}.resultGrid[data-v-1912fdd5]{max-width:400px;display:grid;grid-template-columns:1fr}@media (min-width: 500px){.resultGrid[data-v-1912fdd5]{grid-template-columns:1fr 1fr}}.shareLink[data-v-1912fdd5]{font-size:1.2em;padding-top:16px}.separator[data-v-1912fdd5]{margin-top:8px}.language[data-v-91b5f657]{text-align:end}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-true-black: #000;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-green: hsla(160, 100%, 37%, 1);--vt-c-blue-shadow: rgba(78, 146, 183, .25);--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-input-shadow: var(--vt-c-blue-shadow);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2);--section-gap: 160px;--color-primary: var(--vt-c-green)}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.display-none{display:none}.display-block{display:block}@media screen and (min-width: 500px){.display-none_s{display:none}.display-block_s{display:block}}@media screen and (min-width: 1100px){.display-none_l{display:none}.display-block_l{display:block}}.mainWrapper{min-height:700px}.slide{width:100%}.slideBlack{background-color:var(--vt-c-true-black)}.slideGrey{background-color:var(--color-background)}.card{max-width:1280px;min-height:700px;height:100%;margin:0 auto;display:grid;align-items:center}.cardSplitTwo{grid-template-columns:1fr}@media (min-width: 1100px){.cardSplitTwo{grid-template-columns:1fr 1fr}}.content{padding:.5rem 1rem}.center{text-align:center}header{line-height:1.5}.logo_inline{display:inline;margin:0 0 -16px;vertical-align:top}h1{font-weight:400;font-size:1.8rem;color:var(--color-heading)}@media (min-width: 500px){h1{font-size:2.6rem}.content{padding:1.5rem}}.mainWrapper nav{margin-top:8px}.mainWrapper nav ul{padding:0}.mainWrapper nav li{display:inline}.greetings h2{font-size:1.2rem}.greetings h1,.greetings h2{text-align:center}.card h2,main h2{color:var(--color-heading);font-weight:400;font-size:2.4rem;line-height:3rem;margin-bottom:1.5rem}.card h3,main h3{font-weight:400;font-size:1.6em}.card p,main p{font-size:1.17em;margin-bottom:16px}.footer{display:block;margin:5em auto auto;width:80%;text-align:center;font-size:.8rem}.footerBody{margin-top:1.5em}.costForm{max-width:400px;margin-top:1em;margin-right:2em}.formButtons{padding-top:.4rem;padding-bottom:.4rem}@media (min-width: 1100px){.greetings h1,.greetings h2{text-align:left}}@media (min-width: 1100px){header{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}header .wrapper{display:flex;place-items:flex-start;flex-wrap:wrap}nav{text-align:left}}a{text-decoration:none;color:#00bd7e;transition:.4s}.green{color:#00bd7e}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1100px){body{display:flex;flex-direction:column;place-items:center start}.mainWrapper{min-height:100vh;max-width:1100px;display:grid;place-items:center start;grid-template-columns:1fr 1fr}footer{grid-column:1 / 3}}.w-100{width:100%}button{background-color:#00bd7e;border-radius:.5rem;border:1px solid hsla(160,100%,37%,1);color:var(--color-heading);font-size:1.1rem;font-weight:400;padding:.4em 1em;margin-right:.5em;margin-bottom:.5em;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}button:hover{background-color:#008a5c;border:1px solid hsla(160,100%,27%,1);cursor:pointer}button:focus{outline:solid;border-color:var(--color-border-hover)}button:disabled{background-color:var(--color-background-mute);border-color:var(--color-background-mute);color:var(--color-text);cursor:not-allowed}label{display:inline-block;font-size:.9rem;font-weight:400;margin-bottom:.3rem}input[disabled]{pointer-events:none}input[type=text],input[type=number]{font-size:1rem;line-height:1.5;font-weight:400;padding:5px;background-color:var(--color-background);color:var(--color-text);border:1px solid var(--color-border);border-radius:.375rem;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input[type=text]:focus,input[type=number]:focus{outline:0;border-radius:.375rem;border-color:var(--vt-c-white-mute);box-shadow:0 0 1px 4px var(--color-input-shadow)}input[type=text]:disabled,input[type=number]:disabled{background-color:var(--color-background-mute);cursor:not-allowed}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input.invalid{border-color:#8b0000}input:focus.invalid{border-color:red}input[type=checkbox]:hover{border-color:#00bd7e}input[type=checkbox]:checked{border-color:#00bd7e}input[type=checkbox]:disabled{cursor:not-allowed}.card .image{min-height:300px;height:100%;width:100%;justify-self:stretch;align-self:stretch;background-position:center;background-repeat:no-repeat}.petrolBg{background-image:url(../img/petrol_station.webp)}.share_cost_background{background-image:url(../img/share_cost_firefly.webp)}.bg_exhaust{background-image:url(../img/exhaust_small.webp)}.tyreBg{background-image:url(../img/tyres_small.webp)}.chargeBg{background-image:url(../img/ev_charge_mid.webp)}.margin-top-16{margin-top:16px}.mobile-header{width:100%;left:0;top:0;z-index:1}.headerbar{width:100%;background-color:var(--color-background);border-bottom:solid 1px var(--color-background-mute)}.nav-container{display:flex;align-items:center;margin-top:5px}.nav_logo{left:15px;height:40px;width:40px;vertical-align:middle}.nav_title{left:30px;font-size:1.2rem;color:var(--color-heading)}.mobile-header nav{background-color:var(--color-background);border-bottom:solid 1px var(--color-background-mute);width:100%}.mobile-header nav .nav_inner{padding-top:5px;padding-bottom:5px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.mobile-header nav .nav_inner ul{padding:0;display:grid;grid-auto-flow:column;justify-content:start}.mobile-header nav .nav_inner li{white-space:nowrap;list-style:none;padding:0 .5rem}.mobile-header nav .nav_inner a{text-decoration:none;font-weight:400;font-size:.9rem}