@keyframes shine{from{left:-500px}
to{left:655px}
}
@keyframes zoomInImage{from{transform:scale3d(1,1,1);transition:1s}
to{transform:scale3d(1.1,1.1,1.1);transition:1s}
}
.m-configurator{padding:0 30px 60px 30px;margin:0 auto;margin-top:0;display:-ms-flexbox;display:-webkit-flex;display:flex;width:calc(100% - 60px);-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;align-items:flex-start;align-content:flex-start}
.m-configurator .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}
.m-configurator .configurator-container,.m-configurator .cta{display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.m-configurator .configurator-text{max-height:350px;margin:0;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;position:relative;width:calc(100% - 20px);padding-right:20px;overflow-y:auto;padding-top:10px;scrollbar-color:#1adfb1 rgba(255,255,255,0.1);scrollbar-width:thin;scroll-behavior:smooth}
.m-configurator .configurator-text::-webkit-scrollbar{width:10px;height:10px}
.m-configurator .configurator-text::-webkit-scrollbar-track{background-color:transparent;border:1px solid #1adfb1;border-radius:20px}
.m-configurator .configurator-text::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px #1adfb1;background-color:#1adfb1;border-radius:20px}
.m-configurator .cmp-configurator__image{display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%;justify-content:flex-end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;margin-top:60px}
.m-configurator p,.m-configurator h3{color:#fff;text-align:left;padding:0}
.m-configurator h3{font-family:"Scania Sans Headline",arial,helvetica,sans-serif;text-transform:uppercase;text-align:left !important;font-weight:normal;margin:20px 0}
.m-configurator .separator{height:8px;margin-bottom:20px !important;margin-top:20px !important;background-color:#1adfb1}
.m-configurator .cmp-image__image{max-width:586px;margin-left:40px;transform:scale3d(1.1,1.1,1.1);animation-name:zoomInImage;animation-duration:3s;transition:all 1s ease;opacity:1}
.m-configurator .button.btn-transparent{border:0;padding:0;margin-top:40px;text-align:left}
.m-configurator .button.btn-transparent .btn.btn-primary{font-family:"Scania Sans Headline",arial,helvetica,sans-serif !important;border:1px solid #1adfb1 !important;min-width:unset !important;font-size:1.4rem;text-align:left;width:auto;padding:10px 4rem 10px 2rem !important;position:relative;overflow:hidden;background-color:transparent;display:inline-flex;align-items:center;flex-wrap:nowrap}
.m-configurator .button.btn-transparent .btn.btn-primary:before{animation:shine 8s ease infinite;content:"";position:absolute;top:0;left:-500px;width:120px;height:500px;transform:skew(-50deg);background:rgba(255,255,255,0.2)}
.m-configurator .button.btn-transparent .btn.btn-primary .icon-chevron_right::before{color:#1adfb1;right:10px;font-size:26px;font-weight:bold;position:absolute;top:6px}
.m-configurator .button.btn-transparent .btn.btn-primary i{border:0 !important;background:transparent !important;padding:0 !important}
.m-configurator .button.btn-transparent .btn.btn-primary:hover .icon-chevron_right::before{color:#041e42}
@media(min-width:1200px) and (max-width:1400px){.m-configurator .cmp-image__image{max-width:620px}
}
@media(min-width:992px) and (max-width:1199px){.m-configurator{padding:0 0 30px 0}
.m-configurator .separator{margin-top:10px !important;margin-bottom:10px !important}
.m-configurator .cmp-configurator__image{justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;margin-top:40px}
.m-configurator .cmp-image__image{max-width:500px}
.m-configurator .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--5{width:40% !important}
.m-configurator .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--7{width:50% !important}
}
@media(max-width:991px){.m-configurator{margin-top:30px;padding:0 0 30px 80px;width:100%}
.m-configurator .button.btn-transparent .btn.btn-primary{min-width:unset}
.m-configurator h4{font-size:1.2rem}
.m-configurator h3{font-size:2rem;margin-bottom:10px}
.m-configurator p{font-size:1.2rem !important}
.m-configurator .separator{margin-bottom:10px !important;margin-top:10px !important}
.m-configurator .button.btn-transparent{margin:20px 0}
.m-configurator .button.btn-transparent .btn.btn-primary{font-size:1.2rem;padding:1px 2rem 5px 1rem !important}
.m-configurator .button.btn-transparent .btn.btn-primary .icon-chevron_right::before{font-size:1.2rem;top:6px;right:5px}
.m-configurator .cmp-configurator__image{justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;margin-top:0}
.m-configurator .cmp-image__image{margin-top:20px}
}
@media(max-width:568px){.m-configurator .cmp-image__image{max-width:380px}
}
@media(min-width:569px) and (max-width:991px){.m-configurator .cmp-image__image{max-width:480px}
}