#plug-widget.svelte-1mhlyoh.svelte-1mhlyoh{background-color:transparent;font-family:Roboto,sans-serif;margin:0;padding:0}.svelte-1mhlyoh.svelte-1mhlyoh{box-sizing:border-box}h1.svelte-1mhlyoh.svelte-1mhlyoh{font-size:22.83px;font-weight:500}.noselect.svelte-1mhlyoh.svelte-1mhlyoh{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.widget.plugport.svelte-1mhlyoh.svelte-1mhlyoh{height:635px;max-height:635px;max-width:412px;overflow:hidden}.widget.plugport.svelte-1mhlyoh .content.svelte-1mhlyoh,.widget.plugport.svelte-1mhlyoh .state.svelte-1mhlyoh{height:100%;min-height:100%}.widget.plugport.svelte-1mhlyoh .content .dynamic.svelte-1mhlyoh,.widget.plugport.svelte-1mhlyoh .content .error.svelte-1mhlyoh,.widget.plugport.svelte-1mhlyoh .content .static.svelte-1mhlyoh{height:100%;left:-800px;min-height:100%;position:absolute;width:100%}.widget.plugport.svelte-1mhlyoh .state.dynamic .content .dynamic.svelte-1mhlyoh,.widget.plugport.svelte-1mhlyoh .state.error .content .error.svelte-1mhlyoh,.widget.plugport.svelte-1mhlyoh .state.static .content .static.svelte-1mhlyoh{left:0}.widget.plugport.svelte-1mhlyoh .content.svelte-1mhlyoh{color:#fff;font-weight:300;height:100%;min-height:100%;padding:20px 5px;position:relative;text-align:center;width:100%}.widget.plugport.svelte-1mhlyoh .content .port.svelte-1mhlyoh{font-size:20px;font-weight:500;opacity:0;transition:opacity .4s ease-in-out .1s}.widget.plugport.svelte-1mhlyoh .content .consumption.svelte-1mhlyoh{margin-top:15px;opacity:0;transition:opacity .4s ease-in-out .2s}.widget.plugport.svelte-1mhlyoh .content .animation.svelte-1mhlyoh{margin-top:25px;transition:opacity .4s ease-in-out .5s}.widget.plugport.svelte-1mhlyoh .content .equivalent.svelte-1mhlyoh{font-size:22.83px;line-height:37.9px;margin:20px auto;opacity:0;padding:10px 0;transition:opacity .4s ease-in-out .3s;width:322px}.widget.plugport.svelte-1mhlyoh .state.dynamic .content .animation.svelte-1mhlyoh,.widget.plugport.svelte-1mhlyoh .state.dynamic .content .consumption.svelte-1mhlyoh,.widget.plugport.svelte-1mhlyoh .state.dynamic .content .equivalent.svelte-1mhlyoh,.widget.plugport.svelte-1mhlyoh .state.dynamic .content .port.svelte-1mhlyoh{opacity:1}.widget.plugport.svelte-1mhlyoh .error #errmsg.svelte-1mhlyoh{color:#3cdcff;display:block;margin-top:16px}.widget.plugport.svelte-1mhlyoh .error p.svelte-1mhlyoh,.widget.plugport.svelte-1mhlyoh .static p.svelte-1mhlyoh{font-size:25px;font-weight:500}.widget.plugport.svelte-1mhlyoh .content .consumption .consumption-unit.svelte-1mhlyoh,.widget.plugport.svelte-1mhlyoh .content .consumption .consumption-value.svelte-1mhlyoh{color:#3cdcff}.widget.plugport.svelte-1mhlyoh .content .consumption .consumption-value.svelte-1mhlyoh{font-size:70.88px;font-variant-numeric:lining-nums;font-weight:700;line-height:97%}.widget.plugport.svelte-1mhlyoh .content .consumption .consumption-unit.svelte-1mhlyoh{font-size:26px;letter-spacing:1px;line-height:95%}.widget.plugport.svelte-1mhlyoh .content .animation .car-element.svelte-1mhlyoh{display:block;height:15px;left:-10px;margin:auto;overflow:visible;position:relative;width:39px}.widget.plugport.svelte-1mhlyoh .content .animation .car-element .car.svelte-1mhlyoh{fill:#fff8e5;fill:#fff;animation-duration:2s;animation-iteration-count:infinite;animation-name:svelte-1mhlyoh-bounceCar;animation-timing-function:linear;height:24.98px;position:relative;width:45.65px}.widget.plugport.svelte-1mhlyoh .content .animation .car-element .exhaust.svelte-1mhlyoh{fill:#fff8e5;fill:#fff;animation-duration:2s;animation-iteration-count:infinite;animation-name:svelte-1mhlyoh-exhaustCloud;animation-timing-function:linear;height:8px;left:3px;position:absolute;top:10px;width:8px}.widget.plugport.svelte-1mhlyoh .content .animation .earth.svelte-1mhlyoh{fill:#fff;animation-duration:10s;animation-iteration-count:infinite;animation-name:svelte-1mhlyoh-spin;animation-timing-function:linear;height:125px;margin-top:10px;width:125px}.widget.plugport.svelte-1mhlyoh .error .wrapper .earth.svelte-1mhlyoh,.widget.plugport.svelte-1mhlyoh .static .wrapper .earth.svelte-1mhlyoh{fill:#fff;height:125px;margin-bottom:10px;margin-top:10px;width:125px}.widget.plugport.svelte-1mhlyoh .static .wrapper .earth.svelte-1mhlyoh{animation-duration:10s;animation-iteration-count:infinite;animation-name:svelte-1mhlyoh-spin;animation-timing-function:linear}sub{font-variant-numeric:lining-nums}.widget.plugport.svelte-1mhlyoh .content .equivalent .equivalent-petrol.svelte-1mhlyoh{font-size:30px;white-space:nowrap}.widget.plugport.svelte-1mhlyoh .content .equivalent .equivalent-earth-laps.svelte-1mhlyoh,.widget.plugport.svelte-1mhlyoh .content .equivalent .equivalent-petrol.svelte-1mhlyoh{color:#4edffe;font-variant-numeric:lining-nums;font-weight:700}@keyframes svelte-1mhlyoh-spin{0%{transform:rotate(1turn)}to{transform:rotate(0)}}@keyframes svelte-1mhlyoh-exhaustCloud{0%{left:3px;opacity:0;top:10px}20%{left:0;opacity:1;top:10px;transform:scale(1.2)}to{left:-12px;opacity:0;top:-8px}}@keyframes svelte-1mhlyoh-bounceCar{0%{top:0;transform:rotate(0)}30%{top:-2px;transform:rotate(5deg)}60%{top:-1px;transform:rotate(0)}80%{top:-3px;transform:rotate(-3deg)}to{top:-1px;transform:rotate(0)}}.widget.plugport.svelte-1mhlyoh .content .error .wrapper.svelte-1mhlyoh,.widget.plugport.svelte-1mhlyoh .content .static .wrapper.svelte-1mhlyoh{font-weight:500;margin-top:185px}@media only screen and (max-width:400px){#prev-year-comparison.svelte-1mhlyoh.svelte-1mhlyoh{display:none}h1.svelte-1mhlyoh.svelte-1mhlyoh{font-size:20px}#equivalents.svelte-1mhlyoh.svelte-1mhlyoh{display:none}.widget.plugport.svelte-1mhlyoh.svelte-1mhlyoh{height:200px}.widget.plugport.svelte-1mhlyoh .content .error .wrapper.svelte-1mhlyoh,.widget.plugport.svelte-1mhlyoh .content .static .wrapper.svelte-1mhlyoh{margin-top:28px}.widget.plugport.svelte-1mhlyoh .content .error .wrapper .earth.svelte-1mhlyoh{display:none}.widget.plugport.svelte-1mhlyoh .content .static .wrapper .earth.svelte-1mhlyoh{height:75px;margin-top:-10px;width:75px}.widget.plugport.svelte-1mhlyoh .content.svelte-1mhlyoh{padding:20px 5px}.widget.plugport.svelte-1mhlyoh .port h1.svelte-1mhlyoh,.widget.plugport.svelte-1mhlyoh .static h1.svelte-1mhlyoh{margin-top:0}.widget.plugport.svelte-1mhlyoh .content .animation.svelte-1mhlyoh,.widget.plugport.svelte-1mhlyoh .content .equivalent.svelte-1mhlyoh{display:none}.widget.plugport.svelte-1mhlyoh .content .port.svelte-1mhlyoh{font-size:20px;font-weight:300}.widget.plugport.svelte-1mhlyoh .content .consumption .consumption-value.svelte-1mhlyoh{font-size:60.88px;font-variant-numeric:lining-nums;font-weight:700;line-height:97%}.widget.plugport.svelte-1mhlyoh .content .consumption .consumption-unit.svelte-1mhlyoh{font-size:26px;letter-spacing:1px;line-height:95%}}
