<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@-webkit-keyframes shine{from{left:-500px}
to{left:655px}
}
@keyframes shine{from{left:-500px}
to{left:655px}
}
.inpFil{display:block;margin-top:10px;padding:0;font-size:16px;line-height:40px;float:left;width:100%;-webkit-box-sizing:border-box;-webkit-appearance:none}
.quarter{padding:10px 20px;display:block;float:left;width:100%;border:1px solid #fff;margin-bottom:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.third{display:block;float:left;width:33%}
.two-third{display:block;float:left;width:67%}
.push-third{margin-left:33%}
.half{display:block;float:left;width:calc(50% - 20px)}
select&gt;option{color:#000}
.results{display:block;float:left;width:100%;margin:45px 0 0}
.inpFil label span:nth-child(2){float:right;padding-right:10px;font-size:12px}
canvas{background-color:#fff}
.clear{display:block;clear:both;width:100%;height:10px}
.chart{display:block;float:left;padding:20px;background-color:#fff;text-align:left;border-radius:10px;margin-right:20px;box-shadow:0 15px 30px rgba(0,0,0,0.2)}
.chart.chart-1{width:calc(30% - 15px)}
.chart.chart-2{width:calc(30% - 15px)}
.chart.chart-3{margin-right:0;width:calc(40% - 25px)}
.chart.hide{display:none}
.chart.show{display:block}
.chart h4{color:#041e42 !important;text-align:left !important;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;font-size:2.5rem;text-transform:capitalize !important;font-family:"ScaniaSansRegular",Helvetica,Arial,sans-serif !important;height:56px;overflow:hidden;text-overflow:ellipsis}
.chart p.small{color:#5a777f}
.bar-chart{width:100%;margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex}
.bar-chart-vertical{height:180px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}
.bar-chart-vertical .bar-chart-item{width:50px;height:100%;max-height:100%;min-height:85px}
.bar-chart-vertical .bar-chart-item-1{height:100%}
.bar-chart-horizontal{height:150px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end;display:block;padding-left:100px;width:calc(100% - 55px)}
.bar-chart-horizontal .bar-chart-item{height:50px;width:auto;margin:10px 0;background-color:transparent !important;max-width:100%}
.bar-chart-horizontal .bar-chart-item span[class*="bar-chart-item-txt"]{-webkit-writing-mode:initial;-ms-writing-mode:initial;writing-mode:initial;-webkit-transform:none;transform:none;width:auto;color:#000;left:-100px;max-width:100px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;line-height:normal;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}
.bar-chart-horizontal .bar-chart-item-1{margin-top:50px}
.bar-chart-horizontal span[class*="bar-chart-item-value"]{color:#fff;top:auto;width:auto;padding:12.5px 5px}
.bar-chart-horizontal .bar-chart-value{height:100%;display:block;position:absolute;left:0;top:0;min-width:55px}
.bar-chart-horizontal .bar-chart-item-1-value-1,.bar-chart-horizontal .bar-chart-item-2-value-1{background-color:#338691}
.bar-chart-horizontal .bar-chart-item-1-value-2,.bar-chart-horizontal .bar-chart-item-2-value-2{background-color:#09388a}
.bar-chart-item{width:50px;color:#fff;background-color:#006876;margin:0 10px;position:relative;display:block}
.bar-chart-item.bar-chart-item-2{background-color:#1adfb1}
span[class*="bar-chart-item-txt"],span[class*="bar-chart-item-value"]{text-transform:uppercase;font-family:"ScaniaSansBold",Helvetica,Arial,sans-serif;font-size:16px;color:#fff;z-index:1;position:absolute;height:100%;left:0;bottom:0;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;line-height:25px;padding:12.5px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
span[class*="bar-chart-item-value"]{-webkit-writing-mode:initial;-ms-writing-mode:initial;writing-mode:initial;-webkit-transform:none;transform:none;color:#000;top:-20px;padding:0;text-align:center;font-size:14px;height:auto;width:100%}
.bar-pie-results{color:#000}
.bar-pie-value{position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding:0 5px;width:100%;color:#000;line-height:32px;word-break:break-word;text-align:center;font-size:34px;font-family:"ScaniaSansBold",Helvetica,Arial,sans-serif}
.bar-pie-value span{text-align:center;font-size:14px;font-family:"ScaniaSansBold",Helvetica,Arial,sans-serif;line-height:20px;text-transform:uppercase;color:#000;display:block}
.bar-pie{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px;height:225px}
.bar-pie&gt;div{margin:0 20px}
.bar-pie-item{position:relative;width:210px;height:210px;border:16px solid;border-radius:50%;border-color:rgba(90,119,127,0.2)}
.bar-pie-item.green{border-color:#1adfb1}
.bar-pie-item.red{border-color:#d83a08}
.bar-pie-results&gt;div{margin-bottom:20px;font-size:16px;line-height:1.7}
span[class*="result-value"].green{color:#00934c}
span[class*="result-value"].green:before{content:"+ "}
span[class*="result-value"].red{color:#d83a08}
.legend{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.legend-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.legend-item-1,.legend-item-2{position:relative;color:#041e42;text-transform:uppercase;font-family:"ScaniaSansBold",Helvetica,Arial,sans-serif;font-size:14px;line-height:25px;padding-left:30px;margin-right:20px}
.legend-item-1:before,.legend-item-2:before{content:"";display:inline-block;border-radius:50%;width:25px;height:25px;background-color:#006876;position:absolute;left:0}
.legend-item-2{margin-right:0}
.legend-item-2:before{background-color:#1adfb1}
.chart-2 .legend-item-1:before{background-color:#338691}
.chart-2 .legend-item-2:before{background-color:#09388a}
.comparisontool-inner{padding:40px;margin:auto;max-width:80%;overflow:hidden}
.comparison-tool{margin:30px;margin-top:0}
.comparison-tool .ribbon{background-color:#1adfb1;color:#041e42;font-size:1.4rem;font-family:"Scania Sans Bold",arial,helvetica,sans-serif;text-transform:uppercase;text-align:left;padding:3px 2rem}
.comparison-tool .title{font-weight:normal;margin:10px 0 5px 0;display:inherit;text-align:left;font-size:44px}
.comparison-tool .separator{height:8px;margin-bottom:20px !important;margin-top:0 !important;background-color:#1adfb1;max-width:400px;padding-right:30px}
.comparison-tool .inpFil input,.comparison-tool .inpFil select{border-radius:4px;font-family:"Scania Sans Headline",arial,helvetica,sans-serif !important;border:1px solid #1adfb1 !important;min-width:unset !important;font-size:14px;text-align:left;color:#fff;padding:10px 20px;position:relative;height:40px;overflow:hidden;background-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}
.comparison-tool .inpFil input:hover,.comparison-tool .inpFil select:hover,.comparison-tool .inpFil input:focus,.comparison-tool .inpFil select:focus{background-color:#1adfb1;color:#fff}
.comparison-tool .inpFil input label .label,.comparison-tool .inpFil select label .label{vertical-align:middle;text-align:left}
.comparison-tool .inpFil input label .small,.comparison-tool .inpFil select label .small{text-align:right;text-transform:uppercase}
.comparison-tool .border-right{padding-right:30px;margin-right:30px;border-right:1px solid #1adfb1}
.comparison-tool p,.comparison-tool label{color:#fff;padding:0;font-weight:normal}
.comparison-tool .compare-label{font-family:"Scania Sans Headline",arial,helvetica,sans-serif !important;margin-bottom:15px;display:block;text-align:center !important}
.comparison-tool .inpFil.vehicle-fuel{float:left;width:auto}
.comparison-tool .float-right{float:right;width:auto}
.comparison-tool input[type="number"]{max-width:-webkit-fill-available}
.comparison-tool input[type="text"]{width:300px}
.comparison-tool .inpFil.full{clear:both}
.comparison-tool .second-compare label span{float:left}
.comparison-tool label span.small,.comparison-tool label span.percentage{font-size:12px;padding-right:10px;width:70px;text-align:right;line-height:40px;display:block;float:left}
.comparison-tool label.fuelPrice span.currency.small,.comparison-tool label.adBluePrice span.currency.small{width:auto}
.comparison-tool .third:not(:first-of-type) label.model,.comparison-tool .third:not(:first-of-type) label.fuel{margin-left:80px}
.comparison-tool label.half.fuelConsumption input,.comparison-tool label.half.fuelPrice input,.comparison-tool label.half.adBlueConsumption input,.comparison-tool label.half.adBluePrice input{width:125px;margin-right:10px}
.comparison-tool .fuelPrice input,.comparison-tool .adBluePrice input{width:77px !important;margin:0 !important}
.comparison-tool label.fuelConsumption,.comparison-tool label.adBlueConsumption{width:auto}
.comparison-tool .half.second-compare{width:100%}
.comparison-tool .btn-transparent{color:#fff}
.comparison-tool .btn{background-color:transparent !important;border:1px solid #00b2a9 !important;font-family:"Scania Sans Headline",arial,helvetica,sans-serif;font-size:1.8rem;text-align:center !important;width:auto;padding:10px 4rem 10px 2rem !important;position:relative;margin:10px auto 0;margin-left:20px;overflow:hidden;float:right}
.comparison-tool .btn.btn-primary:before{-webkit-animation:shine 8s ease infinite;animation:shine 8s ease infinite;content:"";position:absolute;top:0;left:-500px;width:120px;height:500px;-webkit-transform:skew(-50deg);-ms-transform:skew(-50deg);transform:skew(-50deg);background:rgba(255,255,255,0.2)}
.comparison-tool .btn:hover{background-color:#00b2a9 !important;border-color:#00b2a9 !important;color:#041e42 !important}
.comparison-tool .btn:hover i{background-color:transparent !important;border-color:transparent !important}
.comparison-tool .btn i{font-size:20px;position:absolute;top:8px;right:12px;background-color:transparent !important;border-color:transparent !important}
.comparison-tool .btn-primary{background-color:#00b2a9 !important}
.comparison-tool-www .bar-chart-horizontal{width:calc(100% - 122px)}
.comparison-tool-www .chart.chart-3{margin-right:0;width:calc(32.5% - 25px)}
@media only screen and (min-width:1601px) and (max-width:1750px){.comparisontool-inner{max-width:90%;padding:0;margin-top:20px}
.comparison-tool .half{width:auto}
}
@media only screen and (min-width:992px) and (max-width:1600px){.canvas .comparison-tool{margin-top:0}
.comparisontool-inner{max-width:90%;padding:0;margin-top:20px}
.comparison-tool .third{width:20%}
.comparison-tool .push-third{margin-left:20%}
.comparison-tool .third:not(:first-of-type){width:40%}
.comparison-tool .half{width:auto}
}
@media only screen and (max-width:1024px) and (orientation:landscape){.canvas .comparison-tool{padding:0 30px 15px 30px;margin-top:0}
.comparisontool-inner{max-width:none;padding:0;margin-top:20px}
.comparison-tool .third{width:20%}
.comparison-tool .push-third{margin-left:20%}
.comparison-tool .third:not(:first-of-type){width:40%}
.comparison-tool input[type="text"]{width:250px;font-size:12px}
.comparison-tool label.half.fuelConsumption input,.comparison-tool label.half.fuelPrice input,.comparison-tool label.half.adBlueConsumption input,.comparison-tool label.half.adBluePrice input{width:120px}
.comparison-tool .half{width:auto}
.comparison-tool .btn{margin-bottom:20px !important;min-width:auto}
.chart{width:calc(50% - 10px) !important;margin-bottom:20px}
.chart-full{width:100% !important;margin-right:0 !important}
.chart-2{margin-right:0 !important}
}
@media only screen and (max-width:992px) and (orientation:landscape){.canvas .comparison-tool{height:100% !important;padding:20px !important;padding-left:80px !important}
.comparison-tool .third:not(:first-of-type){width:39%}
.comparison-tool .push-third{margin-left:22%}
.comparison-tool .third{width:22%}
.comparison-tool .quarter{padding:10px 5px}
.comparison-tool input[type="text"],.comparison-tool .inpFil select{width:150px}
.comparison-tool .inpFil input,.comparison-tool .inpFil select{padding:10px}
.comparison-tool label.half.fuelConsumption input,.comparison-tool label.half.fuelPrice input,.comparison-tool label.half.adBlueConsumption input,.comparison-tool label.half.adBluePrice input{width:55px !important}
.comparison-tool .third:not(:first-of-type) label.model,.comparison-tool .third:not(:first-of-type) label.fuel{margin-left:55px}
.comparison-tool label span.small,.comparison-tool label span.percentage{width:55px;font-size:10px}
.comparison-tool .inpFil{font-size:11px !important}
.comparison-tool .btn{font-size:12px;min-width:auto}
.comparison-tool .title{width:auto !important;padding:0}
}
@supports(-webkit-overflow-scrolling:touch){.inpFil select{padding:0 10px !important}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){.inpFil select{padding:5px 20px !important}
}
@media only screen and (max-width:640px) and (max-height:360px) and (orientation:landscape){.comparison-tool label span.small,.comparison-tool label span.percentage{width:50px;font-size:9px}
}</pre></body></html>