Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <div id="app"></div>
              
            
!

CSS

              
                @import url('https://fonts.googleapis.com/css?family=Roboto:100,300');

body {
  margin: 0;
  padding: 0;
  font-family: Roboto;
}

*, :after, :before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

.App {
    text-align: center;
    padding-bottom: 50px;
    width: 990px;
    margin: auto;
}

.App .tesla-climate {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    float: left;
    padding: 0 30px;
    margin-right: 30px;
}

.App .selectors {
    overflow: hidden;
    width: 100%;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-top: 20px;
}

.App h1 {
    font-size: 32px;
    font-weight: 100;
    margin-top: 25px;
    margin-bottom: 20px;
    color: #666;
    font-family: Roboto, sans-serif;
}

.App h4 {
    font-size: 16px;
    font-weight: 300;
    color: #666;
    font-family: Roboto, sans-serif;
}

.App .declaimer {
    width: 990px;
    font-size: 12px;
    font-weight: 100;
    display: inline-block;
    text-align: left;
    line-height: 18px;
    margin: 0 auto;
    margin-top: 20px;
    color: #666;
    font: 300 14px/1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
  padding-right:10px;
}

.App .source-link {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    margin-top: 40px;
    text-decoration: none;
    color: #999;
    cursor: pointer;
    font-family: Roboto;
}

.App .source-link:hover {
    text-decoration: underline;
}

.car-container {
    max-width: 1050px;
    position: relative;
    margin: 0 auto;
}

.car-container .car-body {
    width:100%;
    min-width: 900px;
    height:350px;
    background-image: url('https://raw.githubusercontent.com/edindelan/tesla-battery-range-per-charge-calculator/master/src/components/Car/assets/tesla.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.car-container .car-body .tesla-wheels {
    height: 247px;
    width: 555px;
    position: relative;
    margin: 0 auto;
}

.car-container .wheel {
    height: 80px;
    width: 80px;
    bottom: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

.car-container .wheel.front {
    left: 53px;

}
.car-container .wheel.rear {
    right: 72px;
}

.car-container .wheel.wheel-19 {
    background-image: url('https://raw.githubusercontent.com/edindelan/tesla-battery-range-per-charge-calculator/master/src/components/Car/assets/wheel-19.png'); 
}

.car-container .wheel.wheel-21 {
    background-image: url('https://raw.githubusercontent.com/edindelan/tesla-battery-range-per-charge-calculator/master/src/components/Car/assets/wheel-21.png');
}


.car-container .wheel.speed-45 {
    animation: rotate 800ms steps(6) infinite;
}

.car-container .wheel.speed-50 {
    animation: rotate 600ms steps(6) infinite;
}

.car-container .wheel.speed-55 {
    animation: rotate 400ms steps(6) infinite;
}

.car-container .wheel.speed-60 {
    animation: rotate 300ms steps(6) infinite;
}

.car-container .wheel.speed-65 {
    animation: rotate 200ms steps(6) infinite;
}

.car-container .wheel.speed-70 {
    animation: rotate 100ms steps(6) infinite;
}


@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.climate-wrapper {
    float: left;
}
.climate-wrapper .circle{
    cursor: pointer;
    display: block;
    width: 100px;
    height: 100px;
    border: 6px solid #f7f7f7;
    border-radius: 50%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    color: #666;
    background: #fff;
    outline: none;
}

.climate-wrapper .circle .label{
    margin: 14px 0 0;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
}

.climate-wrapper .circle .icon{
    display: block;
    width: 22px;
    height: 22px;
    margin: 8px auto 0;
    background-repeat: no-repeat;
    background-position: center; 
}

.climate-wrapper .circle.ac-on{
    color: #fff;
    background: #33a0ff;
    background: -moz-linear-gradient(top, #33a0ff 0%, #388bff 100%);
    background: -webkit-linear-gradient(top, #33a0ff 0%, #388bff 100%);
    background: linear-gradient(to bottom, #33a0ff 0%, #388bff 100%);
}

.climate-wrapper .circle.ac-on .icon{
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA3MiA3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNzIgNzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOS41LDI3LjRjMi42LTEuOCw1LjMtMi43LDguMi0yYzIuMSwwLjUsMy44LDAuMyw1LjUtMC43YzEuNC0wLjgsMi44LTEuNCw0LjEtMi4yCgkJYzIuNi0xLjYsNC41LTMuOSw1LjgtNi43QzU0LjgsMTIsNTQuNCw4LjQsNTIsNWMtMS44LTIuNi00LjMtNC4yLTcuMy01Yy0xLjEsMC0yLjIsMC0zLjQsMGMtMC41LDAuMi0xLDAuMy0xLjUsMC41CgkJYy04LDIuMi0xNCwxMC4zLTEzLjQsMTguNUMyNi42LDIyLDI3LjgsMjQuOCwyOS41LDI3LjR6Ii8+Cgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjUuNCwzMC43Yy02LjEtNS45LTE0LjQtNS4zLTIwLjctMS4yYzAuMiwwLjMsMC4zLDAuNSwwLjUsMC44YzEuNSwyLjUsMi4yLDUuMSwxLjMsNy45CgkJYy0wLjUsMS44LTAuMiwzLjIsMC42LDQuNmMwLjQsMC44LDAuOCwxLjcsMS4zLDIuNmMxLjUsMi45LDMuNSw1LjMsNi40LDYuOWM0LjgsMi44LDkuNywyLjIsMTMuNy0xLjZjMS43LTEuNiwyLjctMy43LDMuNS01LjgKCQljMC0xLjIsMC0yLjQsMC0zLjZDNzAuOSwzNyw2OC41LDMzLjcsNjUuNCwzMC43eiIvPgoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI3LjQsNDIuNWMtMS45LTIuNy0yLjgtNS42LTEuOS04LjdjMC41LTEuOCwwLjItMy4yLTAuNi00LjdjLTAuNy0xLjMtMS4zLTIuNy0yLjEtNAoJCWMtMS42LTIuNy0zLjktNC43LTYuOC02LjFjLTMuOS0xLjgtNy42LTEuNC0xMSwxLjFjLTIuNSwxLjgtNC4xLDQuMy01LDcuM2MwLDEuMSwwLDIuMiwwLDMuNGMwLjgsMi45LDIuMSw1LjYsNCw3LjkKCQljNC4zLDUuMSw5LjUsOC4xLDE2LjQsNi43QzIyLjksNDQuOCwyNS4yLDQzLjksMjcuNCw0Mi41eiIvPgoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTMzLjksNDYuNWMtMS44LTAuNS0zLjItMC4yLTQuNywwLjZjLTAuNywwLjQtMS41LDAuNy0yLjMsMS4xYy0zLjYsMS44LTYuMyw0LjQtOCw4LjEKCQljLTMuOCw4LjIsNC4zLDE2LDEwLjIsMTUuN2MzLjctMC4yLDYuNy0xLjgsOS41LTRjOC41LTYuOCw4LjktMTUuMiw0LTIzLjNDMzkuOSw0Ni41LDM3LDQ3LjQsMzMuOSw0Ni41eiIvPgoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTMwLDM1LjljMCwzLjMsMi43LDYsNiw2YzMuMywwLDYtMi43LDYtNmMwLTMuMy0yLjctNi02LjEtNkMzMi43LDMwLDMwLDMyLjcsMzAsMzUuOXoiLz4KPC9nPgo8L3N2Zz4K');
}

.climate-wrapper .circle.ac-off .icon{
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA3MiA3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNzIgNzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGw9IiNDQ0NDQ0MiIGQ9Ik0yOS41LDI3LjFjMi42LTEuOCw1LjMtMi43LDguMi0yYzIuMSwwLjUsMy44LDAuMyw1LjUtMC43YzEuNC0wLjgsMi44LTEuNCw0LjEtMi4yCgkJYzIuNi0xLjYsNC41LTMuOSw1LjgtNi43YzEuNy0zLjgsMS4zLTcuNC0xLjEtMTAuN2MtMS44LTIuNi00LjMtNC4yLTcuMy01Yy0xLjEsMC0yLjIsMC0zLjQsMGMtMC41LDAuMi0xLDAuMy0xLjUsMC41CgkJYy04LDIuMi0xNCwxMC4zLTEzLjQsMTguNUMyNi42LDIxLjcsMjcuOCwyNC41LDI5LjUsMjcuMXoiLz4KCTxwYXRoIGZpbGw9IiNDQ0NDQ0MiIGQ9Ik02NS40LDMwLjRDNTkuMywyNC41LDUxLDI1LDQ0LjcsMjkuMmMwLjIsMC4zLDAuMywwLjUsMC41LDAuOGMxLjUsMi41LDIuMiw1LjEsMS4zLDcuOQoJCWMtMC41LDEuOC0wLjIsMy4yLDAuNiw0LjZjMC40LDAuOCwwLjgsMS43LDEuMywyLjZjMS41LDIuOSwzLjUsNS4zLDYuNCw2LjljNC44LDIuOCw5LjcsMi4yLDEzLjctMS42YzEuNy0xLjYsMi43LTMuNywzLjUtNS44CgkJYzAtMS4yLDAtMi40LDAtMy42QzcwLjksMzYuNyw2OC41LDMzLjMsNjUuNCwzMC40eiIvPgoJPHBhdGggZmlsbD0iI0NDQ0NDQyIgZD0iTTI3LjQsNDIuMmMtMS45LTIuNy0yLjgtNS42LTEuOS04LjdjMC41LTEuOCwwLjItMy4yLTAuNi00LjdjLTAuNy0xLjMtMS4zLTIuNy0yLjEtNAoJCUMyMS4yLDIyLDE4LjgsMjAsMTYsMTguN2MtMy45LTEuOC03LjYtMS40LTExLDEuMWMtMi41LDEuOC00LjEsNC4zLTUsNy4zYzAsMS4xLDAsMi4yLDAsMy40YzAuOCwyLjksMi4xLDUuNiw0LDcuOQoJCWM0LjMsNS4xLDkuNSw4LjEsMTYuNCw2LjdDMjIuOSw0NC41LDI1LjIsNDMuNiwyNy40LDQyLjJ6Ii8+Cgk8cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNMzMuOSw0Ni4yYy0xLjgtMC41LTMuMi0wLjItNC43LDAuNmMtMC43LDAuNC0xLjUsMC43LTIuMywxLjFjLTMuNiwxLjgtNi4zLDQuNC04LDguMQoJCWMtMy44LDguMiw0LjMsMTYsMTAuMiwxNS43YzMuNy0wLjIsNi43LTEuOCw5LjUtNGM4LjUtNi44LDguOS0xNS4yLDQtMjMuM0MzOS45LDQ2LjEsMzcsNDcuMSwzMy45LDQ2LjJ6Ii8+Cgk8cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNMzAsMzUuNmMwLDMuMywyLjcsNiw2LDZjMy4zLDAsNi0yLjcsNi02YzAtMy4zLTIuNy02LTYuMS02QzMyLjcsMjkuNywzMCwzMi40LDMwLDM1LjZ6Ii8+CjwvZz4KPC9zdmc+Cg==');
}

.climate-wrapper .circle.heat-on {
    color: #fff;
    background: #d64800;
    background: -moz-linear-gradient(top, #d64800 0%, #d20200 100%);
    background: -webkit-linear-gradient(top, #d64800 0%, #d20200 100%);
    background: linear-gradient(to bottom, #d64800 0%, #d20200 100%);
}

.climate-wrapper .circle.heat-on .icon {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA3MiA3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNzIgNzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMS4xLDE3LjRjMC44LTAuOCwxLjctMS42LDIuNi0yLjNjMy0yLjIsNi4zLTMuNiwxMC4xLTNjMi42LDAuNCw0LjksMS43LDcsMy40YzIuMSwxLjgsNC4xLDMuOCw2LjIsNS41CgkJYzMuNywyLjksNy44LDQuNywxMi42LDQuNmM2LjQtMC4yLDExLjUtMy4zLDE1LjYtOC4yYzEuMS0xLjMsMC45LTMuMi0wLjMtNC4zYy0xLjItMS4xLTMtMC44LTQuMiwwLjRjLTAuOCwwLjktMS42LDEuOC0yLjUsMi41CgkJYy0yLjcsMi4yLTUuNywzLjctOS4zLDMuNWMtMi44LTAuMS01LjQtMS4xLTcuNi0yLjljLTIuMS0xLjctNC4xLTMuNi02LjItNS40QzMxLjQsOC4xLDI3LjIsNiwyMi4yLDZjLTAuOCwwLTEuNSwwLTIuMiwwLjEKCQljLTUuMiwwLjgtOS41LDMuMy0xMy4xLDcuMWMtMS4yLDEuMy0xLjIsMy4yLTAuMSw0LjNDOC4xLDE4LjgsOS45LDE4LjcsMTEuMSwxNy40eiIvPgoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTguMSwzOC41YzEuMywwLjQsMi4zLTAuMSwzLjItMWMzLTMsNi40LTUuMiwxMC43LTUuM2MzLjMtMC4xLDYuMSwxLjIsOC42LDMuM2MxLjksMS42LDMuNSwzLjMsNS40LDQuOQoJCWMzLjksMy4yLDguMiw1LjQsMTMuMyw1LjNjMC42LDAsMS4yLDAsMS44LDBjMC40LDAsMC45LTAuMSwxLjMtMC4yYzUuNC0xLDkuNi0zLjksMTMtOC4yYzEuMy0xLjYsMC4zLTQtMS43LTQuNQoJCWMtMS40LTAuNC0yLjQsMC4zLTMuMywxLjNjLTMsMy40LTYuNiw1LjgtMTEuMyw1LjhjLTMuNCwwLTYuMy0xLjQtOC45LTMuNmMtMS45LTEuNi0zLjctMy40LTUuNi01Yy05LjUtOC4xLTIwLjUtNS44LTI4LDIuNAoJCUM1LjMsMzUuMyw2LDM3LjgsOC4xLDM4LjV6Ii8+Cgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjUsNTMuNmMtMS4zLTEuMS0yLjktMS00LjIsMC40Yy0wLjcsMC43LTEuMywxLjUtMi4xLDIuMWMtNS40LDQuOC0xMS41LDUuMy0xNy40LDEuMQoJCWMtMS42LTEuMS0yLjktMi41LTQuNC0zLjdjLTEuNS0xLjMtMy0yLjctNC42LTMuOGMtMy40LTIuMy03LjEtMy42LTExLjItMy4zYy01LjYsMC40LTEwLjMsMy0xNC4xLDcuMWMtMS4zLDEuNC0xLjQsMy4yLTAuMiw0LjQKCQljMS4yLDEuMiwyLjksMS4xLDQuMy0wLjNjMS4xLTEuMSwyLjMtMi4xLDMuNS0zYzItMS4zLDQuMS0yLjIsNi41LTIuNGMzLjQtMC4yLDYuNCwxLDksMy4xYzEuOSwxLjUsMy42LDMuMyw1LjQsNC45CgkJYzQsMy40LDguNCw1LjYsMTMuNiw1LjZjMC42LDAsMS4yLDAuMSwxLjcsMGM1LjgtMC43LDEwLjQtMy42LDE0LjEtOC4xQzY2LjMsNTYuNSw2Ni4yLDU0LjcsNjUsNTMuNnoiLz4KPC9nPgo8L3N2Zz4K');
}

.climate-wrapper .circle.heat-off .icon {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2MCA2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjAgNjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGw9IiNDQ0NDQ0MiIGQ9Ik05LjgsNDcuOGMxLTAuOCwyLTEuNywzLTIuM2MzLjgtMi4zLDcuOC0yLjMsMTEuNSwwLjJjMS4zLDAuOCwyLjUsMi4yLDMuNywzLjJjMS44LDEuMywzLjUsMyw1LjMsNC4yCgkJYzgsNC43LDE2LjIsMS4zLDIxLTQuOGMwLjgtMSwwLjctMi41LTAuMy0zLjVjLTEtMC44LTIuNS0wLjgtMy4zLDAuMmMtMC4yLDAuMi0wLjUsMC41LTAuNywwLjhjLTIuMywyLjUtNSw0LjMtOC41LDQuMwoJCWMtMi44LDAuMi01LjMtMS03LjctMi44Yy0xLjUtMS4yLTIuOC0yLjUtNC4yLTMuOGMtMy4yLTIuOC02LjctNC43LTEwLjgtNC44Yy00LjgtMC4yLTksMi0xMi41LDUuM2MtMC43LDAuNy0xLDEuNS0xLjUsMi4yCgkJYzAsMC4yLDAsMC4zLDAsMC41QzYsNDkuMyw3LjcsNDkuNyw5LjgsNDcuOHoiLz4KCTxwYXRoIGZpbGw9IiNDQ0NDQ0MiIGQ9Ik05LjgsMTQuMmMxLjMtMS41LDMtMi41LDQuOC0zLjNjMi44LTEuMiw1LjctMS4yLDguMiwwLjNjMS43LDAuOCwzLDIuMiw0LjUsMy4zYzEuNywxLjMsMy4zLDMsNSw0LjIKCQljOC4zLDUuNSwxNi44LDIuMiwyMi00LjJjMC44LTEsMC43LTIuNy0wLjMtMy41Yy0xLTAuOC0yLjUtMC44LTMuNSwwLjJjLTAuMiwwLjItMC4zLDAuNS0wLjcsMC43Yy00LjgsNS0xMC4zLDYtMTYsMS44CgkJYy0xLTAuOC0yLjItMi0zLjMtM2MtMi41LTIuNS01LjMtNC4zLTguOC01LjJDMjAuOCw1LjMsMjAsNS4yLDE5LjIsNWMtMC41LDAtMC44LDAtMS4zLDBjLTAuOCwwLjItMS43LDAuMi0yLjUsMC41CgkJYy0zLjcsMC44LTYuOCwyLjgtOS41LDUuN2MtMC4zLDAuMy0wLjUsMS0wLjgsMS41YzAsMC4yLDAsMC4zLDAsMC41QzYsMTUuOCw3LjgsMTYuMiw5LjgsMTQuMnoiLz4KCTxwYXRoIGZpbGw9IiNDQ0NDQ0MiIGQ9Ik05LjgsMzFjMS4zLTEuMywzLTIuNSw0LjctMy4yYzIuOC0xLjIsNS43LTEuMiw4LjMsMC4zYzEuNSwwLjgsMywyLDQuMywzLjJjMS43LDEuMywzLDIuOCw0LjcsNAoJCWMyLjgsMiw2LjIsMy4zLDkuNywzLjJjNS4yLTAuMiw5LjMtMi44LDEyLjctNi44YzEtMS4yLDAuOC0yLjctMC4yLTMuN2MtMS0wLjgtMi41LTAuOC0zLjUsMC4zYy0wLjUsMC41LTEsMS4yLTEuNywxLjcKCQljLTQuNyw0LjItOS44LDQuNS0xNC44LDAuOGMtMS4zLTAuOC0yLjMtMi0zLjUtM2MtMS4yLTEtMi4zLTItMy41LTIuOGMtMi44LTItNi4yLTMtOS43LTIuOGMtNC4zLDAuMy04LDIuMy0xMSw1LjMKCQljLTAuNywwLjctMSwxLjUtMS41LDIuMmMwLDAuMiwwLDAuMywwLDAuNUM2LDMyLjcsNy44LDMzLDkuOCwzMXoiLz4KPC9nPgo8L3N2Zz4K');
}

.stats {
    position: relative;
    max-width: 1050px;
    min-width: 900px;
    margin: 0 auto;
    margin-top: -65px;
}
.stats .model-range-item {
    display: inline-block;
    width: 105px;
    text-align: center;
    margin: 0 10px
}

.stats .model-range-item .model-number {
    width: 100%;
    height: 15px;
    background-size: auto 13px;
    background-repeat:no-repeat;
    background-position: center top;
}

.stats .model-range-item .range {
    font-size: 40px;
    font-weight: 400;
    font-family: 'Roboto';
    display: block;
    padding: 0 18px 0 0;
    position: relative;
    color: #008dff;
    text-align: right;
    margin-top: 5px;
}

.stats .model-range-item .range:after {
    font-size: 14px;
    font-weight: 300;
    font-family: 'Roboto';
    content: 'MI';
    position: absolute;
    top: 8px;
    right: 0;
}

.stats .model-range-item .model-number.model-60 {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NC42NiAyOC4wOSI+PHBhdGggZmlsbD0iI2JiYmRiZiIgZD0iTTI5LjYyLDEwSDE4YTE0LjkxLDE0LjkxLDAsMCwwLTUuNDcuOSwxLjA3LDEuMDcsMCwwLDEtMS4zLS4wN2MtLjU2LS41Ni4xNC0xLjY0LjE0LTEuNjRhNy40NSw3LjQ1LDAsMCwxLDctNC4yNEg0MS42czEuNTYuMTEsMS43MS0xLjI2LjI3LTIuMzQuMjctMi4zNFM0My42OS4wNiw0MiwuMDZIMTguMTFTNy43OC0xLjQxLDEuNiwxMGMwLDAtNCw3LjU1LjcyLDE0LDAsMCwyLjYzLDMuODEsMTEuOTQsMy44MUgzMHMxNS42NS4wNywxNS42NS04LjU2UzMyLjYxLDEwLDI5LjYyLDEwWk0yMy4zNywyNC40NWMtNS42NiwwLTEzLjc0LjY1LTEzLjc0LTUsMC02LjQsNy44Mi02LjA3LDcuODItNi4wN2g3Ljc1YzMuMTcsMCwxMS4yNy4xLDExLjI3LDUuNTZTMjksMjQuNDUsMjMuMzcsMjQuNDVaIi8+PHBhdGggZmlsbD0iI2JiYmRiZiIgZD0iTTgxLC4wNmMtMTQsMC0xMi4yNywwLTEyLjI3LDBTNTIuODItLjkxLDUxLjI4LDEwLjI0TDUwLjc0LDE2UzUwLDIzLjM0LDU2LDI2LjE4YzAsMCwzLjM1LDEuOTEsOS44OSwxLjkxSDc5LjhzMTMuNzguMzIsMTQuNS0xMC42MWwuMzYtNi45NFM5NSwuMDYsODEsLjA2Wk04NS4yNCwxNy44Yy0uNjUsNy40OC04LjU2LDcuMTItOC41Niw3LjEycy0xLjguMTgtMTAuMTgtLjA3UzU5LjU5LDE0LjcsNTkuNTksMTQuN2wuMjktM2MuNzktOSw4LjY3LTguMzEsOC42Ny04LjMxcy0uNzYtLjExLDguOTItLjExUzg1LjksMTAuMTcsODUuMjQsMTcuOFoiLz48L3N2Zz4=');
}

.stats .model-range-item .model-number.model-60D {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjIuNzcgMjkuNjgiPgo8c3R5bGU+Ci5jbHMtMntmaWxsOiNkMGQyZDM7fQo8L3N0eWxlPgo8cGF0aCBmaWxsPSIjYmJiZGJmIiBkPSJNMjkuNjIsMTAuNzlIMThhMTQuOTEsMTQuOTEsMCwwLDAtNS40Ny45LDEuMDcsMS4wNywwLDAsMS0xLjMtLjA3Yy0uNTYtLjU2LjE0LTEuNjQuMTQtMS42NGE3LjQ1LDcuNDUsMCwwLDEsNy00LjI0SDQxLjZzMS41Ni4xMSwxLjcxLTEuMjYuMjctMi4zNC4yNy0yLjM0UzQzLjY5Ljg2LDQyLC44NkgxOC4xMVM3Ljc4LS42MiwxLjYsMTAuNzVjMCwwLTQsNy41NS43MiwxNCwwLDAsMi42MywzLjgxLDExLjk0LDMuODFIMzBzMTUuNjUuMDcsMTUuNjUtOC41NlMzMi42MSwxMC43OSwyOS42MiwxMC43OVpNMjMuMzcsMjUuMjVjLTUuNjYsMC0xMy43NC42NS0xMy43NC01LDAtNi40LDcuODItNi4wNyw3LjgyLTYuMDdoNy43NWMzLjE3LDAsMTEuMjcuMSwxMS4yNyw1LjU2UzI5LDI1LjI1LDIzLjM3LDI1LjI1WiIvPgo8cGF0aCBmaWxsPSIjYmJiZGJmIiBkPSJNODEsLjg2Yy0xNCwwLTEyLjI3LDAtMTIuMjcsMFM1Mi44Mi0uMTEsNTEuMjgsMTFsLS41NCw1Ljc2UzUwLDI0LjEzLDU2LDI3YzAsMCwzLjM1LDEuOTEsOS44OSwxLjkxSDc5LjhzMTMuNzguMzIsMTQuNS0xMC42MWwuMzYtNi45NFM5NSwuODYsODEsLjg2Wm00LjIxLDE3Ljc0Yy0uNjUsNy40OC04LjU2LDcuMTItOC41Niw3LjEycy0xLjguMTgtMTAuMTgtLjA3UzU5LjU5LDE1LjUsNTkuNTksMTUuNWwuMjktM2MuNzktOSw4LjY3LTguMzEsOC42Ny04LjMxcy0uNzYtLjExLDguOTItLjExUzg1LjksMTEsODUuMjQsMTguNTlaIi8+CjxwYXRoIGQ9Ik0xMzIsMjkuMUgxMDNWMjUuMjhoLjU4YTUuMjcsNS4yNywwLDAsMCw0LTEuMzYsNC4xOSw0LjE5LDAsMCwwLDEuMDgtMi44MVYxMC4zaDExLjQ5VjIxLjUxYzAsMi45MSwyLjExLDMuMzIsMi4xOSwzLjM0YTY0LDY0LDAsMCwwLDYuNC4zMmM2LjM0LDAsMjEuMDktMSwyMS4wOS0xMC43NCwwLTkuMTEtMTkuNjQtOS44MS0yNS42Ni05LjgxLTEuMjEsMC0xLjk0LDAtMS45NSwwSDEwNC42MXYtNEgxMjJsMSwwYy45MSwwLDIuMjQsMCwzLjg4LDAsMTMuMTksMCwzNS4zMSwxLjgsMzUuMzEsMTMuODNDMTYyLjIsMjguMzksMTM3LDI5LjEsMTMyLDI5LjFaIi8+CjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTEyNi44OSwxLjE1YzEwLjgxLDAsMzQuNzMsMS4xMywzNC43MywxMy4yNSwwLDEzLjQ5LTI1LDE0LjEzLTI5LjY2LDE0LjEzSDEwMy41NFYyNS44NmM1Ljg2LDAsNS42MS00Ljc3LDUuNjEtNC43N1YxMC44OGgxMC4zNFYyMS41MWMwLDMuNDcsMi42NywzLjksMi42NywzLjlhNjQuMDUsNjQuMDUsMCwwLDAsNi40OS4zM2M5LjU4LDAsMjEuNjYtMi4xNCwyMS42Ni0xMS4zMUMxNTAuMzIsNC44MSwxMzAuNDksNCwxMjQuMDksNGMtMS4yMywwLTIsMC0yLDBIMTA1LjE5VjEuMjFIMTIyYy42NiwwLDIuNDQtLjA2LDQuOTEtLjA2bTAtMS4xNWMtMS42NCwwLTMsMC0zLjg5LDBsLTEsMEgxMDRWNS4yMmgxOC4wOGMuMDUsMCwuNzgsMCwyLDAsNC4xOSwwLDI1LjA5LjQ1LDI1LjA5LDkuMjQsMCw5LjE3LTE0LjM0LDEwLjE2LTIwLjUxLDEwLjE2YTYyLjg1LDYyLjg1LDAsMCwxLTYuMzMtLjMyYy0uMzEtLjA3LTEuNjktLjUtMS42OS0yLjc2VjkuNzJIMTA4VjIxLjE1YTMuNjIsMy42MiwwLDAsMS0uOTMsMi4zOSw0Ljc0LDQuNzQsMCwwLDEtMy41NCwxLjE3aC0xLjE1djVIMTMyYzUuMTQsMCwzMC44MS0uNzQsMzAuODEtMTUuMjgsMC02LjU3LTYuMjMtMTQuNC0zNS44OC0xNC40WiIvPgo8L3N2Zz4K');
}

.stats .model-range-item .model-number.model-75 {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MC45MyAyOC4zIj48cGF0aCBmaWxsPSIjYmJiZGJmIiBkPSJNNDYuOSwxLjM3VjEycy0uMjIsMS4yNiwxLjMsMS4yNiwxMS4xOS0uMDcsMTkuMTQuNzksMTAuNzIsMywxMC43Miw1LjE4LTIuMyw3LjM3LTIwLjk0LDYuMjZjMCwwLTMuODctLjE4LTQuNDgtMS41M2EyLjc1LDIuNzUsMCwwLDEtLjIyLTEuMjIsMSwxLDAsMCwwLTEuMS0xSDQ2LjQzQTEuMTEsMS4xMSwwLDAsMCw0NS4zMiwyM3YzLjQ1cy0uMTQsMS4yMSwxLjMxLDEuMzMsNy4zLjU4LDE2LjYzLjUzUzkwLjkzLDI3LDkwLjkzLDE5LjE3YzAtNS4yOS04LjU2LTguODEtMzgtOC44MSwwLDAtMS4xOS4xNC0xLjE5LTEuMjJWNS43OEExLjE5LDEuMTksMCwwLDEsNTMsNC42M0g4OC4xczEuMjcuMTIsMS4yNy0xVjEuMjJBMS4xOCwxLjE4LDAsMCwwLDg4LjA4LDBoLTQwQTEuMjUsMS4yNSwwLDAsMCw0Ni45LDEuMzdaIi8+PHBhdGggZmlsbD0iI2JiYmRiZiIgZD0iTTAsMS41MiwwLDRhLjk0Ljk0LDAsMCwwLC4zMS42NywxLDEsMCwwLDAsLjcuMjZMMzEsNWEuNC40LDAsMCwxLC4zOS4zMy40NC40NCwwLDAsMS0uMjUuNDVTMTAuNjYsMTYuNzksOS4zLDI2LjkyYTEsMSwwLDAsMCwuMTcuNzIuNjcuNjcsMCwwLDAsLjUyLjI0aDcuNzFhMS41NCwxLjU0LDAsMCwwLC44Ny0uMzMuOS45LDAsMCwwLC4zNy0uNjFTMTkuNTUsMTYsNDEuMzcsNC44M2ExLDEsMCwwLDAsLjQ4LS4zOCwxLjkzLDEuOTMsMCwwLDAsLjEyLS44bDAtMi4xM2ExLjE0LDEuMTQsMCwwLDAtLjMtLjc0Ljg4Ljg4LDAsMCwwLS42MS0uMjVILjkzYTEuMDksMS4wOSwwLDAsMC0uNjcuM0ExLjExLDEuMTEsMCwwLDAsMCwxLjUyWiIvPjwvc3ZnPg==');
}

.stats .model-range-item .model-number.model-75D {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTYuMyAyOS42OCI+CjxzdHlsZT4KLmNscy0ye2ZpbGw6IzIzMWYyMDt9Ci5jbHMtM3tmaWxsOiNkMGQyZDM7fQo8L3N0eWxlPgo8cGF0aCBmaWxsPSIjYmJiZGJmIiBkPSJNNDYuOSwyLjJWMTIuODVzLS4yMiwxLjI2LDEuMywxLjI2LDExLjE5LS4wNywxOS4xNC43OSwxMC43MiwzLDEwLjcyLDUuMTgtMi4zLDcuMzctMjAuOTQsNi4yNmMwLDAtMy44Ny0uMTgtNC40OC0xLjUzYTIuNzUsMi43NSwwLDAsMS0uMjItMS4yMiwxLDEsMCwwLDAtMS4xLTFINDYuNDNhMS4xMSwxLjExLDAsMCwwLTEuMTIsMS4yNHYzLjQ1cy0uMTQsMS4yMSwxLjMxLDEuMzMsNy4zLjU4LDE2LjYzLjUzUzkwLjkzLDI3Ljg1LDkwLjkzLDIwYzAtNS4yOS04LjU2LTguODEtMzgtOC44MSwwLDAtMS4xOS4xNC0xLjE5LTEuMjJWNi42MUExLjE5LDEuMTksMCwwLDEsNTMsNS40Nkg4OC4xczEuMjcuMTIsMS4yNy0xVjIuMDZBMS4xOCwxLjE4LDAsMCwwLDg4LjA4LjgzaC00MEExLjI1LDEuMjUsMCwwLDAsNDYuOSwyLjJaIi8+CjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTEyNS40OSwyOS4xaC0yOVYyNS4yOGguNThhNS4yNyw1LjI3LDAsMCwwLDQtMS4zNiw0LjE5LDQuMTksMCwwLDAsMS4wOC0yLjgxVjEwLjNIMTEzLjZWMjEuNTFjMCwyLjkxLDIuMTEsMy4zMiwyLjE5LDMuMzRhNjMuNzEsNjMuNzEsMCwwLDAsNi40LjMyYzYuMzQsMCwyMS4wOS0xLDIxLjA5LTEwLjc0LDAtOS4xMS0xOS42NC05LjgxLTI1LjY2LTkuODEtMS4yMSwwLTEuOTQsMC0xLjk0LDBIOTguMTR2LTRoMTcuMzZsMSwwYy45MSwwLDIuMjQsMCwzLjg4LDAsMTMuMTksMCwzNS4zMSwxLjgsMzUuMzEsMTMuODNDMTU1LjcyLDI4LjQsMTMwLjU0LDI5LjEsMTI1LjQ5LDI5LjFaIi8+CjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEyMC40MiwxLjE1YzEwLjgxLDAsMzQuNzMsMS4xMywzNC43MywxMy4yNSwwLDEzLjQ5LTI1LDE0LjEzLTI5LjY2LDE0LjEzSDk3LjA3VjI1Ljg2YzUuODYsMCw1LjYxLTQuNzcsNS42MS00Ljc3VjEwLjg4SDExM1YyMS41MWMwLDMuNDcsMi42NywzLjksMi42NywzLjlhNjQuMDYsNjQuMDYsMCwwLDAsNi40OS4zM2M5LjU4LDAsMjEuNjYtMi4xNCwyMS42Ni0xMS4zMUMxNDMuODUsNC44MSwxMjQsNCwxMTcuNjIsNGMtMS4yMywwLTIsMC0yLDBIOTguNzJWMS4yMWgxNi43OWMuNjYsMCwyLjQ0LS4wNiw0LjkxLS4wNm0wLTEuMTVjLTEuNjQsMC0zLDAtMy44OSwwbC0xLDBIOTcuNTdWNS4yMmgxOC4wOGMuMDUsMCwuNzgsMCwyLDAsNC4xOSwwLDI1LjA5LjQ1LDI1LjA5LDkuMjQsMCw5LjE3LTE0LjM0LDEwLjE2LTIwLjUxLDEwLjE2YTYyLjg2LDYyLjg2LDAsMCwxLTYuMzMtLjMyYy0uMzEtLjA3LTEuNjktLjUtMS42OS0yLjc2VjkuNzJIMTAxLjUzVjIxLjE1YTMuNjIsMy42MiwwLDAsMS0uOTMsMi4zOSw0Ljc0LDQuNzQsMCwwLDEtMy41NCwxLjE3SDk1LjkydjVoMjkuNTdjNS4xNCwwLDMwLjgxLS43NCwzMC44MS0xNS4yOCwwLTYuNTctNi4yMy0xNC40LTM1Ljg4LTE0LjRaIi8+CjxwYXRoIGZpbGw9IiNiYmJkYmYiIGQ9Ik0wLDIuMzUsMCw0LjgzYS45NC45NCwwLDAsMCwuMzEuNjcsMSwxLDAsMCwwLC43LjI2bDMwLDBhLjQuNCwwLDAsMSwuMzkuMzMuNDQuNDQsMCwwLDEtLjI1LjQ1UzEwLjY2LDE3LjYyLDkuMywyNy43NmExLDEsMCwwLDAsLjE3LjcyLjY3LjY3LDAsMCwwLC41Mi4yNGg3LjcxYTEuNTQsMS41NCwwLDAsMCwuODctLjMzLjkuOSwwLDAsMCwuMzctLjYxcy42MS0xMC45MywyMi40Mi0yMi4xMmExLDEsMCwwLDAsLjQ4LS4zOCwxLjkzLDEuOTMsMCwwLDAsLjEyLS44bDAtMi4xM2ExLjE0LDEuMTQsMCwwLDAtLjMtLjc0Ljg4Ljg4LDAsMCwwLS42MS0uMjVILjkzYTEuMDksMS4wOSwwLDAsMC0uNjcuM0ExLjExLDEuMTEsMCwwLDAsMCwyLjM1WiIvPgo8L3N2Zz4K');
}

.stats .model-range-item .model-number.model-90D {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAuNDYgMjkuNjgiPjxwYXRoIGQ9Ik0xMjkuNjUsMjkuMWgtMjlWMjUuMjhoLjU4YTUuMjcsNS4yNywwLDAsMCw0LTEuMzYsNC4xOSw0LjE5LDAsMCwwLDEuMDgtMi44MVYxMC4zaDExLjQ5VjIxLjUxYzAsMi45MSwyLjExLDMuMzIsMi4xOSwzLjM0YTYzLjcxLDYzLjcxLDAsMCwwLDYuNC4zMmM2LjM0LDAsMjEuMDktMSwyMS4wOS0xMC43NCwwLTkuMTEtMTkuNjQtOS44MS0yNS42Ni05LjgxLTEuMjEsMC0xLjk0LDAtMS45NCwwSDEwMi4zdi00aDE3LjM2bDEsMGMuOTEsMCwyLjI1LDAsMy44OCwwLDEzLjE5LDAsMzUuMzEsMS44LDM1LjMxLDEzLjgzQzE1OS44OCwyOC4zOSwxMzQuNywyOS4xLDEyOS42NSwyOS4xWiIvPjxwYXRoIGZpbGw9IiNkMGQyZDMiIGQ9Ik0xMjQuNTgsMS4xNWMxMC44MSwwLDM0LjczLDEuMTMsMzQuNzMsMTMuMjUsMCwxMy40OS0yNSwxNC4xMy0yOS42NiwxNC4xM0gxMDEuMjNWMjUuODZjNS44NiwwLDUuNjEtNC43Nyw1LjYxLTQuNzdWMTAuODhoMTAuMzRWMjEuNTFjMCwzLjQ3LDIuNjcsMy45LDIuNjcsMy45YTY0LjA1LDY0LjA1LDAsMCwwLDYuNDkuMzNjOS41OCwwLDIxLjY2LTIuMTQsMjEuNjYtMTEuMzFDMTQ4LDQuODEsMTI4LjE4LDQsMTIxLjc3LDRjLTEuMjMsMC0yLDAtMiwwSDEwMi44OFYxLjIxaDE2Ljc5Yy42NiwwLDIuNDQtLjA2LDQuOTEtLjA2bTAtMS4xNWMtMS42NCwwLTMsMC0zLjg5LDBsLTEsMEgxMDEuNzJWNS4yMmgxOC4wOGMuMDUsMCwuNzgsMCwyLDAsNC4xOSwwLDI1LjA5LjQ1LDI1LjA5LDkuMjQsMCw5LjE3LTE0LjM0LDEwLjE2LTIwLjUxLDEwLjE2YTYyLjg1LDYyLjg1LDAsMCwxLTYuMzMtLjMyYy0uMzEtLjA3LTEuNjktLjUtMS42OS0yLjc2VjkuNzJIMTA1LjY5VjIxLjE1YTMuNjIsMy42MiwwLDAsMS0uOTMsMi4zOSw0Ljc0LDQuNzQsMCwwLDEtMy41NCwxLjE3aC0xLjE1djVoMjkuNTdjNS4xNCwwLDMwLjgxLS43NCwzMC44MS0xNS4yOCwwLTYuNTctNi4yMy0xNC40LTM1Ljg4LTE0LjRaIi8+PHBhdGggZmlsbD0iI2JiYmRiZiIgZD0iTTMyLjU5LjlIMTMuMzVDNy4xOS45LDAsNC4xNSwwLDkuODdjMCw2LjU2LDcuMjUsOSwxMy42OSw5SDM0Ljg3YS44MS44MSwwLDAsMSwuODEuOTJjLS41MSwzLjI0LTQsNC4yLTguNDgsNC4ySDUuNDhjLS45LDAtMS4xNS42Ny0xLjI3LDEuNTRsLS4zMSwyLjI1QTEuMjIsMS4yMiwwLDAsMCw1LjEzLDI5SDI4LjM2YzYuNjIsMCwxNi4xMS0zLjMsMTYuODYtMTQuNjFDNDUuNjgsNy41Myw0MS40Mi45LDMyLjU5LjlaTTI4Ljc2LDE1LjRIMTYuODVjLTQsMC04LjQzLTEuNDktOC40My01LjUyLDAtMy41Miw0LTUuNTIsNy43Ni01LjUySDI5LjExYzQuMjIsMCw2LjU3LDIuNTEsNyw1LjUyQzM2Ljg3LDE0LjkyLDM0LjYzLDE1LjQsMjguNzYsMTUuNFoiLz48cGF0aCBmaWxsPSIjYmJiZGJmIiBkPSJNNzguNTEsMWMtMTQsMC0xMi4yNywwLTEyLjI3LDBTNTAuMywwLDQ4Ljc2LDExLjEzbC0uNTQsNS43NnMtLjc2LDcuMzQsNS4yOSwxMC4xOGMwLDAsMy4zNSwxLjkxLDkuODksMS45MUg3Ny4yOHMxMy43OC4zMiwxNC41LTEwLjYxbC4zNi02Ljk0UzkyLjUsMSw3OC41MSwxWm00LjIxLDE3Ljc0Yy0uNjUsNy40OC04LjU2LDcuMTItOC41Niw3LjEyUzcyLjM2LDI2LDY0LDI1Ljc0cy02LjkxLTEwLjE0LTYuOTEtMTAuMTRsLjI5LTNDNTguMTUsMy41OCw2Niw0LjMsNjYsNC4zcy0uNzYtLjExLDguOTItLjExUzgzLjM4LDExLjA2LDgyLjcyLDE4LjY5WiIvPjwvc3ZnPg==');
}

.stats .model-range-item .model-number.model-P100D {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTcuMTMgMzIuNjkiPjxwYXRoIGZpbGw9IiNiYmJkYmYiIGQ9Ik0xMzkuMiwxMy44NWwtLjE1LTEuMjgtLjI5LTEuMjlMMTM4LjMyLDEwaDBsLS40MS0uOC0uNDktLjc4LS41OC0uNzEtLjY1LS42NS0xLS43NC0xLS42Mi0xLjA2LS41aDBsLTEuODItLjYxLTEuODYtLjM4TDEyNy42MSw0bC0xLjg0LS4wOUwxMjQsMy44N2gwbC01LjQyLS4wNS01LjQxLDBoMGwtMS45MSwwTDEwOS4yOSw0bC0xLjk0LjI0LTEuOTIuNDEtMS44Ny42aDBsLTEuMTcuNTEtMS4xNS42Mi0xLjA4Ljc1LTEsLjg5TDk4LjMsOWwtLjc0LDEuMUw5NywxMS4zbC0uNDUsMS4yMy0uMzIsMS4yNy0uMjgsMS45LS4xMywxLjg3aDBsMCwuNzhoMGwtLjA4LDEuNzcuMDUsMS44Mi4xNiwxLjI0LjMsMS4yMi40NSwxLjE4aDBsLjQ2Ljg1LjU2Ljc5LjY0LjczLjcuNjUsMSwuNzQsMS4wOS41OSwxLjE0LjQ5aDBsMS44NS41NCwxLjg3LjM2LDEuODguMjQsMS44Ny4xMiwxLjg3LjA1aDBsNS40My4wNSw1LjQ0LDBoMGwxLjg1LS4wNSwxLjg3LS4wOSwxLjg4LS4yMkwxMzAsMzFsMS44NC0uNThoMGwxLjEtLjQ2LDEuMDYtLjU3LDEtLjY5LjctLjU5LjYzLS42Ni41OC0uNzEuNS0uNzZoMGwuNTktMS4yMi40NS0xLjI1LjI5LTEuMy4yNC0xLjkxLjEyLTEuODdoMGwuMDUtLjc5aDBsLjA4LTEuODRabS04Ljg4LDNMMTMwLjIsMTksMTMwLDIxLjA5di4wOWgwbC0uMjYsMS40M0wxMjkuMjcsMjRsLS4zMS43LS4zNy42Ni0uNDUuNjEtLjQ4LjUyLS4wNy4wNi0uNjUuNTQtLjc3LjQ3LS44Mi4zNi0uODYuMjUtMS4xNy4yMS0xLjE4LjA5LTEuMTMsMGgtLjFsLTMuOTEsMC0zLjg4LS4wNUgxMTNsLTEuMDgsMC0xLjEyLS4wOS0xLjExLS4xNy0uODItLjIxLS43OC0uMy0uNzQtLjQxLS42Mi0uNDctLjA3LS4wNi0uNTMtLjUzLS40Ni0uNjItLjM4LS42OS0uMzEtLjcxLS4yOS0xLS4xOC0xLS4wOS0xdi0uMDlsMC0yLjA5LjEyLTIuMTQuMjUtMmgwbDAtLjE3LjMyLTEuNTEuNTMtMS41TDEwNiwxMWwuNDEtLjY3LjQ4LS42NC41My0uNTQuMDctLjA2LjY1LS41Mi43Ny0uNDUuODMtLjM2Ljg3LS4yNSwxLjE3LS4yMSwxLjItLjA5LDEuMTctLjA1aC4wOWwzLjkyLDAsMy45NC4wNWguMDlsMS4wOSwwLDEuMTUuMDksMS4xNS4yLjgzLjI0LjguMzYuNzMuNDcuNi41Ny4wNi4wNy40NC41Ni4zNy42NS4yOS42OS4yMy43My4yNiwxLjQ3LjEsMS40NnYyLjE3WiIvPjxwYXRoIGZpbGw9IiNiYmJkYmYiIGQ9Ik0xODguOCwxMy44NWwtLjE1LTEuMjgtLjI5LTEuMjlMMTg3LjkxLDEwaDBsLS40MS0uOEwxODcsOC40M2wtLjU4LS43MS0uNjUtLjY1LTEtLjc0LTEtLjYyLTEuMDctLjVoMGwtMS44Mi0uNjEtMS44Ni0uMzhMMTc3LjIxLDRsLTEuODQtLjA5LTEuOC0uMDVoMGwtNS40Mi0uMDUtNS40MiwwaDBsLTEuOTEsMEwxNTguODksNCwxNTcsNC4yNCwxNTUsNC42NGwtMS44Ny42aDBMMTUyLDUuNzdsLTEuMTUuNjItMS4wOC43NS0xLC44OS0uODcsMS0uNzQsMS4xLS42LDEuMTktLjQ1LDEuMjMtLjMyLDEuMjctLjI4LDEuOS0uMTMsMS44N2gwbDAsLjc4aDBsLS4wOCwxLjc3LjA1LDEuODIuMTYsMS4yNC4zLDEuMjIuNDUsMS4xOGgwbC40Ni44NS41NS43OS42NC43My43LjY1LDEsLjc0LDEuMS41OSwxLjE0LjQ5aDBsMS44NC41NCwxLjg3LjM2LDEuODguMjQsMS44Ny4xMiwxLjg3LjA1aDBsNS40My4wNSw1LjQ0LDBoMGwxLjg1LS4wNSwxLjg3LS4wOSwxLjg4LS4yMiwxLjg5LS4zOCwxLjg0LS41OGgwbDEuMDktLjQ2LDEuMDYtLjU3LDEtLjY5LjctLjU5LjYzLS42Ni41OC0uNzEuNS0uNzZoMGwuNTktMS4yMi40NS0xLjI1LjI5LTEuMy4yNC0xLjkxLjEyLTEuODdoMGwuMDUtLjc5aDBsLjA4LTEuODRabS04Ljg4LDNMMTc5LjgsMTlsLS4yMywyLjA4di4wOWgwbC0uMjUsMS40M0wxNzguODcsMjRsLS4zLjctLjM3LjY2LS40NS42MS0uNDguNTItLjA3LjA2LS42NS41NC0uNzcuNDdMMTc1LDI4bC0uODYuMjUtMS4xOC4yMS0xLjE4LjA5LTEuMTMsMGgtLjFsLTMuOTEsMC0zLjg4LS4wNWgtLjFsLTEuMDgsMC0xLjEyLS4wOS0xLjExLS4xNy0uODItLjIxLS43OC0uMy0uNzQtLjQxLS42Mi0uNDctLjA3LS4wNi0uNTMtLjUzLS40Ni0uNjItLjM5LS42OS0uMy0uNzEtLjI5LTEtLjE4LTEtLjA5LTF2LS4wOUwxNTQsMTlsLjEyLTIuMTQuMjUtMmgwbDAtLjE3LjMyLTEuNTEuNTMtMS41LjM0LS43MS40MS0uNjcuNDgtLjY0LjUzLS41NC4wNy0uMDYuNjUtLjUyLjc3LS40NS44My0uMzYuODctLjI1LDEuMTctLjIxLDEuMi0uMDksMS4xNy0uMDVoLjA5bDMuOTIsMCwzLjk1LjA1aC4wOWwxLjA5LDAsMS4xNS4wOSwxLjE1LjIuODMuMjQuOC4zNi43My40Ny42LjU3LjA2LjA3LjQ0LjU2LjM3LjY1LjI5LjY5LjIyLjczLjI2LDEuNDcuMSwxLjQ2djIuMTdaIi8+PHBhdGggZmlsbD0iI2JiYmRiZiIgZD0iTTg5LjI5LDI4LjgxYy0xLjU2LS4yNy0yLjg1LS41OC0zLjE1LTEuNjNhNS41MSw1LjUxLDAsMCwxLS4xOC0xYzAtLjM4LDAtMywwLTMuNjZzLjMxLTYuOTEuMzEtNi45MWgwbC42LTExLjQxSDcxLjUybC0uMTQsMi43MWMxLC4wOCwyLC4yMSwzLC4zNywxLjU2LjI3LDIuODUuNTgsMy4xNSwxLjYzYTUuNiw1LjYsMCwwLDEsLjE4LDFjMCwuMzgsMCwzLjY4LDAsNC4zNiwwLC40Ny0uMTcsMy45My0uMyw2LjIzLS4wNiwxLS41Miw1LjMtLjYsNS42OGE1LjkzLDUuOTMsMCwwLDEtLjI4LDFjLS40MSwxLjA1LTEuNzMsMS4zNi0zLjMyLDEuNjMtMSwuMTctMiwuMjktMy4wNy4zOEw3MCwzMS44OUg5Mi4xOGwuMTQtMi43MUM5MS4yOSwyOS4xLDkwLjI4LDI5LDg5LjI5LDI4LjgxWiIvPjxwYXRoIGZpbGw9IiNlYzFjMjQiIGQ9Ik0yLDMxLjI3YTEsMSwwLDAsMS0xLTFWMjkuNmExLDEsMCwwLDEsMS0xQTEzLjMxLDEzLjMxLDAsMCwwLDguMjMsMjdhMS4yOCwxLjI4LDAsMCwwLC40OS0uODUsODMuNzksODMuNzksMCwwLDAsLjUyLTEwLjM2LDEsMSwwLDAsMSwuMjMtLjc0LjkzLjkzLDAsMCwxLC43Mi0uMzFIMzUuOTNjMi4yMywwLDEzLjMzLS4yNiwxMy4zMy01LjQ4LDAtNS43MS0xNS01Ljc3LTE1LjY5LTUuNzdINC43N2ExLjQsMS40LDAsMCwxLS42OC0uMTgsNi40OCw2LjQ4LDAsMCwwLTIuNjctLjc0LjkuOSwwLDAsMS0uODUtLjg2VjEuNDhBLjc4Ljc4LDAsMCwxLC43OC45Mi44NS44NSwwLDAsMSwxLjQ0LjY1TDM0LC41OEE5OC4yOCw5OC4yOCwwLDAsMSw0OS4yMiwxLjc2YzguNCwxLjQ1LDEyLjY2LDQuMDgsMTIuNjYsNy44MSwwLDguMjEtMjEuMTgsOS4xNi0zNy4xMSw5LjE2SDIzLjEzYy0uMjMsMC0xLC4xMi0xLDEuMzEsMCwxLjg2LjI0LDUuNDEuMjQsNS40NWE1LjE3LDUuMTcsMCwwLDAsLjEzLDEuMDVDMjMsMjcuMjYsMjQuNjksMjcuNywyNiwyOGE0MS44LDQxLjgsMCwwLDAsNi4zNy42NGgwYTEsMSwwLDAsMSwxLDFjMCwuNDMsMCwuNTgsMCwuNmExLjA1LDEuMDUsMCwwLDEtLjI2Ljc2LDEsMSwwLDAsMS0uNzUuMzFaIi8+PHBhdGggZmlsbD0iI2QwZDJkMyIgZD0iTTM0LDEuMTVjNCwwLDI3LjMzLjM0LDI3LjMzLDguNDIsMCw4LjM3LTI1LjYzLDguNTktMzYuNTQsOC41OUgyMy4xM2ExLjY1LDEuNjUsMCwwLDAtMS41NywxLjljMCwxLjg5LjI0LDUuNDcuMjQsNS40N2E0Ljc5LDQuNzksMCwwLDAsLjIxLDEuM2MuMTYuMjMuNTgsMS4wNywzLjkzLDEuNjlhNDIsNDIsMCwwLDAsNi40Ny42NWgwYS40LjQsMCwwLDEsLjQzLjQ0YzAsLjQ4LDAsLjYzLDAsLjYzYS40MS40MSwwLDAsMS0uNDMuNDVIMmEuNDEuNDEsMCwwLDEtLjQtLjQyVjI5LjZBLjQ0LjQ0LDAsMCwxLDIsMjkuMTdjLjQxLDAsNC4yLS4xLDYuNTYtMS42NWExLjg2LDEuODYsMCwwLDAsLjc1LTEuMjYsODQuMjcsODQuMjcsMCwwLDAsLjUyLTEwLjQzcy0uMDYtLjQ3LjM4LS40N0gzNS45M2MyLjgyLDAsMTMuOS0uMzYsMTMuOS02LjA2QzQ5LjgzLDMuMTEsMzUuMTEsMywzMy41NywzSDQuNzdhLjgzLjgzLDAsMCwxLS40LS4xMUE2Ljg0LDYuODQsMCwwLDAsMS40OSwycy0uMzQsMC0uMzQtLjI5VjEuNDhzMC0uMjUuMjktLjI1bDMyLS4wN0gzNE0zNCwwSDMzLjRMMS40NC4wN0ExLjQ0LDEuNDQsMCwwLDAsLjM1LjU0YTEuMzksMS4zOSwwLDAsMC0uMzUsMXYuMjRBMS40NiwxLjQ2LDAsMCwwLDEuMzcsMy4xOGE2LDYsMCwwLDEsMi4zOC42NGwuMDYsMGEyLDIsMCwwLDAsMSwuMjZoMjguOGM2LjA3LDAsMTUuMTEsMS4zOCwxNS4xMSw1LjIsMCw0Ljc3LTExLjQ1LDQuOTEtMTIuNzUsNC45MUgxMC4xOUExLjUsMS41LDAsMCwwLDksMTQuNzFhMS42MiwxLjYyLDAsMCwwLS4zOCwxLjE2LDgzLDgzLDAsMCwxLS41MSwxMC4yNC43NC43NCwwLDAsMS0uMjMuNDRBMTIuNjgsMTIuNjgsMCwwLDEsMiwyOCwxLjU3LDEuNTcsMCwwLDAsLjQxLDI5LjU1di43MmExLjU0LDEuNTQsMCwwLDAsMS41MSwxLjU3SDMyLjQzYTEuNTcsMS41NywwLDAsMCwxLjE3LS40OSwxLjYzLDEuNjMsMCwwLDAsLjQxLTEuMmgwczAtLjE1LDAtLjU0QTEuNTUsMS41NSwwLDAsMCwzMi40MywyOGgwYTQxLjM2LDQxLjM2LDAsMCwxLTYuMjMtLjYzYy0xLjktLjM1LTIuODQtLjc5LTMuMTEtMS4xYTcuMTMsNy4xMywwLDAsMS0uMDgtLjgxcy0uMjEtMy41OS0uMjQtNS40NGEuOTMuOTMsMCwwLDEsLjE0LS42LjU4LjU4LDAsMCwxLC4yOC0uMTNoMS42M2MxNy41NSwwLDM3LjY5LTEuMTEsMzcuNjktOS43NEM2Mi40Ni42OSw0MC42NiwwLDM0LDBaIi8+PHBhdGggZmlsbD0iI2VjMWMyNCIgZD0iTTIyNi4zMiwzMi4xMmgtMjlWMjguM2guNThhNS4yNyw1LjI3LDAsMCwwLDQtMS4zNiw0LjE5LDQuMTksMCwwLDAsMS4wOC0yLjgxVjEzLjMxaDExLjQ5VjI0LjUyYzAsMi45MSwyLjExLDMuMzIsMi4xOSwzLjM0YTYzLjg1LDYzLjg1LDAsMCwwLDYuNC4zMmM2LjM0LDAsMjEuMDktMSwyMS4wOS0xMC43NCwwLTkuMTEtMTkuNjQtOS44MS0yNS42Ni05LjgxLTEuMjEsMC0xLjk0LDAtMS45NSwwSDE5OXYtNGgxNy4zNmwxLDBjLjkxLDAsMi4yNSwwLDMuODgsMCwxMy4xOSwwLDM1LjMxLDEuOCwzNS4zMSwxMy44M0MyNTYuNTUsMzEuNDEsMjMxLjM2LDMyLjEyLDIyNi4zMiwzMi4xMloiLz48cGF0aCBmaWxsPSIjZDBkMmQzIiBkPSJNMjIxLjI0LDQuMTZDMjMyLjA1LDQuMTYsMjU2LDUuMjksMjU2LDE3LjQxYzAsMTMuNDktMjUsMTQuMTMtMjkuNjYsMTQuMTNIMTk3Ljg5VjI4Ljg3YzUuODYsMCw1LjYxLTQuNzcsNS42MS00Ljc3VjEzLjg5aDEwLjM0VjI0LjUyYzAsMy40NywyLjY3LDMuOSwyLjY3LDMuOWE2NC4wNiw2NC4wNiwwLDAsMCw2LjQ5LjMzYzkuNTgsMCwyMS42Ni0yLjE0LDIxLjY2LTExLjMxQzI0NC42OCw3LjgyLDIyNC44NCw3LDIxOC40NCw3Yy0xLjIzLDAtMiwwLTIsMEgxOTkuNTRWNC4yMmgxNi43OWMuNjYsMCwyLjQ0LS4wNiw0LjkxLS4wNm0wLTEuMTVjLTEuNjQsMC0zLDAtMy44OSwwbC0xLDBIMTk4LjM5VjguMjNoMTguMDhjLjA1LDAsLjc4LDAsMiwwLDQuMTksMCwyNS4wOS40NSwyNS4wOSw5LjI0LDAsOS4xNy0xNC4zNCwxMC4xNi0yMC41MSwxMC4xNmE2Mi44Niw2Mi44NiwwLDAsMS02LjMzLS4zMmMtLjMxLS4wNy0xLjY5LS41LTEuNjktMi43NlYxMi43NEgyMDIuMzZWMjQuMTdhMy42MiwzLjYyLDAsMCwxLS45MywyLjM5LDQuNzQsNC43NCwwLDAsMS0zLjU0LDEuMTdoLTEuMTV2NWgyOS41N2M1LjE0LDAsMzAuODEtLjc0LDMwLjgxLTE1LjI4LDAtNi41Ny02LjIzLTE0LjQtMzUuODgtMTQuNFoiLz48L3N2Zz4=');
}

.selector-container{
    width: 190px;
    float: left;
    margin-right: 30px;
}

.selector-container .selector-name{
    display: block;
    text-align: left;
    font-weight:100;
    font-family: 'Roboto';
    letter-spacing: 2px;
    font-size: 16px;
    margin-bottom: 10px;
}

.selector-wrapper {
    width: 100%;
    height: 65px;
    float: left;
    position: relative;
    background-color: #F7F7F7;
    border: 1px solid #ccc;
    text-align: left;
    box-sizing: border-box;
    outline: none;
}

.selector-wrapper.focused {
    background-color: #eee;
}

.selector-wrapper .button {
    height: 27px;
    width: 27px;
    position: absolute;
    right: 10px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: center;
    background-size: 60%;
}

.selector-wrapper .button.disabled {
    opacity: 0.3;
    cursor: no-drop;
}

.selector-wrapper .button.button-up {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2MCAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjAgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwb2x5Z29uIGZpbGw9IiMxODkzRkMiIHBvaW50cz0iNTcuMiwzMiAzMCw1LjQgMi44LDMyIDAsMjkuMyAzMCwwIDYwLDI5LjMgCSIvPgo8L2c+Cjwvc3ZnPgo=');
    top: 4px;
}

.selector-wrapper .button.button-down {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2MCAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjAgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwb2x5Z29uIGZpbGw9IiMxODkzRkMiIHBvaW50cz0iNjAsMi43IDMwLDMyIDAsMi43IDIuOCwwIDMwLDI2LjYgNTcuMiwwIAkiLz4KPC9nPgo8L3N2Zz4K');
    bottom: 4px;
}

.selector-wrapper .seperator {
    width: 27px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    top:0;
    bottom:0;
    position: absolute;
    right: 10px;
    margin: auto;
    height: 2px;
    box-sizing: border-box;
}

.selector-wrapper .selector-value {
    display: inline-block;
    font-family: 'Roboto';
    font-size: 25px;
    line-height: 62px;
    font-weight: 400;
    position: relative;
    margin-left: 30px;
 }

.selector-wrapper .selector-value .metric{
    position: absolute;
    left: 35px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 300;
    font-family: inherit;
    line-height: 55px;
}

.wheels-container {
    float: left;
    width: 355px;
}

.wheels-container .wheels-wrapper{

}

.wheels-container .wheels-wrapper .wheels-component-name{
    display: block;
    text-align: left;
    font-weight: 100;
    font-family: 'Roboto';
    letter-spacing: 2px;
    font-size: 16px;
    margin-bottom: 10px;
}

.wheels-container .wheels-wrapper .wheel-wrapper {
    width: 47%;
    height: 65px;
    float: left;
    position: relative;
    background-color: #F7F7F7;
    border: 1px solid #ccc;
    text-align: left;
    box-sizing: border-box;
    outline: none;
    margin-right: 10px;
    margin: 0 8px 0 0;
    cursor: pointer;
}

.wheels-container .wheels-wrapper .wheel-wrapper.selected {
    border-color: #39f;
    box-shadow: inset 0px 0px 0px 1px #39f;
}

.wheels-container .wheels-wrapper .wheel-wrapper .wheel-icon {
    width: 43px;
    height: 43px;
    margin-top: 10px;
    margin-left: 25px;
    float: left;
    background-repeat: no-repeat;
    background-size: 100%;
}

.wheels-container .wheels-wrapper .wheel-wrapper .wheel-icon.wheel-19 {
    background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDMiIGhlaWdodD0iNDMiIHZpZXdCb3g9IjAgMCAxNjAgMTYwIj48c3R5bGU+LnN0MHtmaWxsOiNDQ0NDQ0M7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE0OS44IDc1LjJjLTEtMTQuMi01LjgtMjctMTQuNi0zOC4yLTEwLjUtMTMuNC0yNC4xLTIxLjktNDAuNy0yNS41LTMuOC0uOC03LjYtMS4zLTExLjQtMS40LS4yIDAtLjMgMC0uNS0uMWgtNS4yYy0uNy4xLTEuNC4xLTIuMS4yLTE5LjIgMS41LTM1LjIgOS40LTQ3LjkgMjMuNy04LjQgOS40LTEzLjcgMjAuNC0xNi4xIDMyLjgtLjcgMy4zLTEuMSA2LjctMS4yIDEwLjEgMCAuMi0uMS40LS4xLjZ2NS4yYy4xLjcuMSAxLjUuMiAyLjIgMSAxMy42IDUuNSAyNiAxMy43IDM2LjkgMTAuNSAxNCAyNC40IDIyLjkgNDEuNSAyNi43IDMuOC44IDcuNyAxLjMgMTEuNiAxLjUuMiAwIC4zIDAgLjUuMWg1LjJjLjctLjEgMS40LS4xIDIuMi0uMiAxNS4yLTEuMSAyOC42LTYuNSA0MC4zLTE2LjMgMTEuMi05LjQgMTguNy0yMS4zIDIyLjYtMzUuNCAxLjMtNC45IDIuMS05LjkgMi4zLTE1IDAtLjIuMS0uNC4xLS42di01LjJjLS4zLS42LS4zLTEuNC0uNC0yLjF6bS00OS41LTM1LjNjMi4xLTMuNSA0LjMtNi45IDYuNC0xMC4zbC45LTEuMmMuMy0uMy42LS40LjktLjIuOC41IDEuNy45IDIuNSAxLjQgMi45IDEuOCA1LjcgMy44IDguMSA2LjEgMS45IDEuOCAzLjcgMy42IDUuNSA1LjUuOC44IDEuNSAxLjggMi4zIDIuNy43LjguNiAxLS4yIDEuNi0xLjQgMS4xLTIuOSAyLjItNC40IDMuMy01LjEgMy42LTEwLjIgNy4xLTE1LjYgMTAuMi0yLjQgMS40LTQuOCAyLjctNy41IDMuNC0uMSAwLS4yLjEtLjMuMS0xIC40LTEuNy4xLTIuNS0uNi0xLS45LTIuMS0xLjctMy4yLTIuNS0uNy0uNS0xLTEtLjktMS43LjEtMi4zLjktNC4yIDEuNy02LjIgMS45LTQgNC4xLTcuOSA2LjMtMTEuNnpNNzkuOCAyMS4yYzAtLjQuMi0uNi42LS42aDEuNWMzLjUuMiA2LjguNSAxMCAxLjIgMS41LjMgMS41LjQgMS4xIDEuOC0xLjIgMy45LTIuNSA3LjgtMy43IDExLjctMS42IDUuMS0zLjEgMTAuMy00LjcgMTUuNS0uNCAxLjQtMSAyLjgtMS41IDQuMS0uMi41LS41LjctMS4xLjctLjYtLjEtLjktLjMtMS0uOS0uMi0xLjUtLjUtMy0uNy00LjUtLjctOC43LS43LTE3LjQtLjctMjYuMSAwLS44LjEtMS44LjItMi45em0uMSA1MC45YzQuMyAwIDcuOCAzLjUgNy44IDcuOHMtMy41IDcuOC03LjggNy44LTcuOC0zLjUtNy44LTcuOCAzLjUtNy44IDcuOC03Ljh6bTQuNyAyNC4yYzAgMi43LTIuMiA0LjktNC45IDQuOXMtNC45LTIuMi00LjktNC45IDIuMi00LjkgNC45LTQuOSA0LjkgMi4yIDQuOSA0Ljl6bS05LjMtMjkuNmMwIDIuNy0yLjIgNC45LTQuOSA0LjlzLTQuOS0yLjItNC45LTQuOSAyLjItNC45IDQuOS00LjkgNC45IDIuMiA0LjkgNC45em0tNi4yIDE4LjJjMCAyLjctMi4yIDQuOS00LjkgNC45cy00LjktMi4yLTQuOS00LjkgMi4yLTQuOSA0LjktNC45YzIuOCAwIDQuOSAyLjEgNC45IDQuOXpNMzkuNyAzNi41YzEuMy0xLjEgMi42LTIuMyAzLjktMy4zIDQuOC0zLjggMTAuMS02LjYgMTUuOC04LjguNC0uMS44LS4yIDEuMS0uNC40LS4yLjYgMCAuOC4zLjMuNi41IDEuMi43IDEuOSAyLjMgNi44IDQuMyAxMy43IDUuOSAyMC43LjYgMi44IDEuMiA1LjYgMS4yIDguOCAwIC4zLS4xLjktLjEgMS41cy0uMyAxLS44IDEuM2MtMS40LjktMi44IDEuOS00LjIgMi44LS41LjMtMSAuMy0xLjUuMS0xLjYtLjctMy0xLjctNC4zLTIuOC0zLTIuNS01LjctNS4zLTguMi04LjMtMy4zLTMuOC02LjUtNy43LTkuNy0xMS42LS4zLS4zLS41LS44LS44LTEuMS0uMS0uNi0uMS0uOS4yLTEuMXpNMjMuOCA2MC44YzEuMi0zLjcgMi44LTcuMiA0LjgtMTAuNS42LTEgLjctMS4xIDEuNy0uNCAyLjYgMS44IDUuMiAzLjcgNy43IDUuNSA1LjEgMy42IDEwLjMgNy4yIDE1LjQgMTAuOSAxLjMuOSAyLjQgMS45IDMuNiAyLjkuNi40LjYuNy4zIDEuNC0uMi42LS41LjgtMS4yLjktMS43LS40LTMuNS0uNy01LjItMS4xLTcuMS0xLjgtMTQuMS00LTIxLjEtNi4zLTEuOC0uNi0zLjYtMS4yLTUuNC0xLjktLjEgMC0uMS0uMS0uMi0uMS0uNi0uNC0uNi0uNS0uNC0xLjN6bTQuNyA0NC4xYy0uNC4yLS44LjMtMS4yLjQtLjcuMi0uOC4yLTEuMS0uNS0uOC0xLjgtMS41LTMuNi0yLjItNS40LTEuMy0zLjYtMi4yLTcuNC0yLjctMTEuMi0uMy0yLjMtLjQtNC42LS42LTYuOC0uMS0uOS4xLTEuMSAxLTEuMSAyLjItLjEgNC40LS4xIDYuNi0uMWgyLjNjNS41LjEgMTAuOS40IDE2LjMgMS4xIDIuNi4zIDUuMi44IDcuNiAxLjguNy4zIDEgLjggMS4yIDEuNS40IDEuNS44IDIuOSAxLjIgNC40LjIuNy4xIDEuMy0uMyAxLjgtMS4zIDEuNy0zLjEgMi45LTQuOSAzLjktNCAyLjMtOC4yIDQuMi0xMi41IDYtMy42IDEuNC03LjIgMi44LTEwLjcgNC4yem0xOC4xIDIxLjZjLS4zLjQtLjYuNy0uOSAxLjEtLjMuMy0uNi4zLS45LjEtMS4xLS45LTIuMy0xLjctMy4zLTIuNi0xLjktMS43LTMuNy0zLjUtNS41LTUuNC0uOS0uOS0uOC0xLjEuMi0xLjkgMi4yLTEuNiA0LjQtMy4yIDYuNi00LjkgNS40LTQuMSAxMC44LTguMSAxNi4yLTEyLjIgMS4yLS45IDIuNS0xLjcgMy44LTIuNi43LS40IDEuNi4yIDEuNyAxLjEtLjEuNC0uMy45LS41IDEuNC0uOSAxLjctMS44IDMuNC0yLjggNS00LjcgNy4zLTkuNiAxNC4xLTE0LjYgMjAuOXptNDEuMyAxMS43YzAgLjMtLjIuNi0uNi42LTEgLjEtMi4xLjMtMy4xLjQtMS40LjEtMi44LjEtMy42LjEtNi4zIDAtMTEuNy0uOC0xNy4xLTIuMy0xLjYtLjQtMS42LS41LTEuMS0yLjEgMS40LTQuMiAyLjctOC4zIDQuMi0xMi41IDEuNS00LjMgMy4yLTguNSA1LjItMTIuNS45LTEuNyAxLjktMy40IDMuMi00LjkuNC0uNS45LS43IDEuNi0uNyAxLjYuMSAzLjIuMSA0LjkuMi42IDAgMSAuMyAxLjQuOCAxIDEuNCAxLjYgMyAxLjkgNC42LjUgMi4zIDEgNC42IDEuMyA3IC40IDMuMS44IDYuMiAxLjEgOS4zLjMgMy40LjUgNi44LjcgMTAuMy4xLjYgMCAxLjEgMCAxLjd6bS0zLjItNzEuNGMwLTIuNyAyLjItNC45IDQuOS00LjlzNC45IDIuMiA0LjkgNC45LTIuMiA0LjktNC45IDQuOS00LjktMi4yLTQuOS00Ljl6TTkwLjIgODVjMC0yLjcgMi4yLTQuOSA0LjktNC45czQuOSAyLjIgNC45IDQuOS0yLjIgNC45LTQuOSA0LjktNC45LTIuMi00LjktNC45em0yNC4zIDQzLjJjLTEuMS44LTIuMSAxLjUtMy4zIDIuMi0yLjIgMS40LTQuNSAyLjYtNi45IDMuNy0uMy4xLS42LjItMSAuNC0uMi0uMi0uNC0uMy0uNS0uNi0uNC0xLjEtLjgtMi4yLTEuMi0zLjItMi44LTguMS01LjYtMTYuMy04LjQtMjQuNC0uNS0xLjQtLjgtMi44LTEuMi00LjItLjItLjYgMC0uOC41LTEuMS41LS4zIDEtLjMgMS40IDAgMS4xIDEuMSAyLjMgMi4xIDMuMyAzLjIgMy43IDQuMSA3IDguNiAxMC4zIDEzIDIuMiAyLjkgNC40IDUuOSA2LjUgOC45LjMuNC41LjcuNyAxLjEuMy41LjMuNy0uMiAxem0yMy42LTM2LjhjLS40IDEuNy0uOCAzLjQtMS4yIDUtMS4zIDQuOC0zLjQgOS4zLTUuOCAxMy42LS43IDEuMi0xLjQgMi40LTIuMiAzLjYtLjUuOC0uNy44LTEuNC4zLTEuMi0uOC0yLjQtMS42LTMuNi0yLjUtNS4yLTMuOC0xMC40LTcuOC0xNS4zLTEyLjEtMi4xLTEuOS00LjItMy45LTUuOS02LjMtLjEtLjItLjItLjMtLjMtLjUtLjYtLjctLjUtMS41LS4yLTIuMy41LTEuMiAxLTIuNCAxLjMtMy43LjMtMS4yIDEuMS0xLjcgMi4yLTEuOS45LS4xIDEuOC0uMiAyLjgtLjMgMi41LjEgNSAuNSA3LjQuOSA1IC45IDkuOSAyIDE0LjkgMy4zIDEuOC41IDMuNyAxIDUuNSAxLjUuNC4xLjguMyAxLjIuNC41LjIuNy41LjYgMXptMC0xNi41aC0xLjhjLTQuNyAwLTkuNC4xLTEzLjcuMS00LjUuMS04LjYuMy0xMi43LjQtMS44IDAtMy42LS4xLTUuNC0uMS0uNiAwLS43LS40LS44LS44LS4xLS41LS4yLTEgLjMtMS4zIDEuMS0uNiAyLjEtMS4yIDMuMy0xLjcgNC43LTIuMSA5LjYtMy44IDE0LjUtNS41IDQuMS0xLjQgOC4yLTIuNyAxMi40LTQuMS40LS4xLjktLjIgMS40LS4zLjUtLjEuOCAwIC45LjUuNSAxLjcgMSAzLjMgMS4zIDUgLjQgMi4yLjcgNC41IDEgNi44LjIuOS4xIDEtLjcgMXoiLz48L3N2Zz4K');
}

.wheels-container .wheels-wrapper .wheel-wrapper .wheel-icon.wheel-21 {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MyIgaGVpZ2h0PSI0MyIgdmlld0JveD0iMCAwIDE2MCAxNjAiPjxwYXRoIGZpbGw9IiNDQ0MiIGQ9Ik04MCAwQzM1LjggMCAwIDM1LjggMCA4MHMzNS44IDgwIDgwIDgwIDgwLTM1LjggODAtODBTMTI0LjIgMCA4MCAwem0xNS42IDU1LjZjMS4yLTQuMiAyLjgtOCA0LjYtMTIgMy42LTcuNCA3LjQtMTQuOCAxMS40LTIxLjguMi0uNC40LS42LjYtMSAuMi0uMi40LS40LjYtLjIgMyAxLjggNiAzLjYgOC44IDUuOCAyLjYgMiA1IDQuMiA3LjIgNi42LjYuNi42LjggMCAxLjItMi4yIDEuOC00LjQgMy40LTYuNiA1LjJDMTE5IDQyLjIgMTE2IDQ1IDExMyA0OGMtMy40IDMuMi02LjYgNi42LTEwIDkuOC0xLjggMS42LTMuOCAzLjItNS44IDQuNC0uOC40LTEgLjQtMS44LS4yLTEtLjgtMS0xLTEtMy4yLjYtLjYgMS0xLjggMS4yLTMuMnptLTIzLTQzLjJjMS40LS4yIDIuOC0uMiA0LS40aDRjMi40LjIgNSAuNCA3LjQuNmw0LjIuNmMuNiAwIC44LjQuNiAxLS44IDMtMS42IDUuOC0yLjQgOC44LS44IDMuNC0xLjQgNi42LTIgMTAtMSA0LjgtMS42IDkuOC0yLjggMTQuNi0uNiAyLjItMS40IDQuNC0yLjggNi4yLS42LjgtMS4yIDEuNC0xLjggMi0uNi40LTEuNC42LTIgLjQtLjQtLjItLjYtLjYtLjYtMS0uNC0xLjItLjgtMi40LTEtMy42LS44LTMuNi0xLjQtNy0yLTEwLjZzLTEuMi03LjQtMS44LTExYy0uNi0zLjQtMS02LjgtMS40LTEwLjItLjItMi0uNi0zLjgtLjgtNS44IDAtMS4yIDAtMS40IDEuMi0xLjZ6TTg4IDc5LjhjMCA0LjQtMy42IDgtOCA4cy04LTMuNi04LTggMy42LTggOC04IDggMy42IDggOHptLTE1LjYtMTFjMCAyLjgtMi4yIDUtNSA1cy01LTIuMi01LTUgMi4yLTUgNS01IDUgMi4yIDUgNXptLTEuOCAxOS42YzAgMi44LTIuMiA1LTUgNXMtNS0yLjItNS01IDIuMi01IDUtNSA1IDIuMiA1IDV6TTMzLjggMzAuMmMyLjItMiA0LjQtMy44IDYuOC01LjZsMy0yYzIuNC0xLjQgNC44LTIuNiA3LjItNCAuNi0uNC44LS4yIDEgLjQgMS4yIDMgMi4yIDYgMy40IDkgMi4yIDUuMiA0LjggMTAuMiA3LjQgMTUuNCAxLjYgMy4yIDMgNi40IDQuNCA5LjYuNiAxLjYgMSAzLjIgMS42IDUgLjIuNCAwIDEtLjQgMS4ycy0xIC42LTEuNC42Yy0xLjYtLjItMi42LS42LTMuOC0xLjQtNC0yLjQtNy42LTUuNC0xMC44LTguNi02LTUuNi0xMS42LTExLjYtMTcuMi0xNy42LS40LS40LS44LTEtMS4yLTEuNC0uNC0uMi0uNC0uNCAwLS42em0tMjAuNCAzNkMxNCA2MyAxNSA1OS44IDE2IDU2LjZjMS4yLTMuMiAyLjQtNi4yIDQuMi05IC40LS42LjYtLjYgMS4yLS40IDEuOCAxLjIgMy40IDIuMiA1LjIgMy40IDUgMy4yIDEwLjIgNS44IDE1LjIgOC42IDMgMS42IDYgMy40IDkgNS4yIDEuOCAxIDMuNCAyLjQgNC44IDQgLjYuOCAxLjIgMS44IDEuNiAyLjguNC42LjIgMS40LS4yIDItLjIuMi0uNi40LTEgLjRoLTFjLTItLjItNC0uMi02LjItLjYtNC4yLS42LTguMi0xLjItMTIuNC0xLjgtNS0uOC0xMC0xLjYtMTUtMi42LTIuNC0uNC00LjgtLjgtNy4yLTEuNC0xLjIuMi0xIDAtLjgtMXptNi44IDQyLjJjLS40LjItLjguNC0xLjIuNC0uNC4yLS42IDAtLjgtLjQtMS42LTMuNi0zLTcuNC00LTExLjQtLjYtMi44LTEtNS40LTEuNi04LjItLjItLjYuMi0uOC42LS44IDIuMiAwIDQuNCAwIDYuNi0uMiAyLS4yIDQuMi0uNCA2LjItLjZzMy44LS40IDUuOC0uOGMyLjItLjIgNC4yLS42IDYuNC0xczQuNC0uNiA2LjYtMWMxLjYtLjIgMy4yLS40IDUtLjZINTJjMS4yIDAgMi40LjIgMy42LjIuNiAwIC44LjQgMSAuOC40IDEuNCAwIDIuNC0xIDMuNC0xLjQgMS4yLTIuOCAyLjYtNC40IDMuNi00LjYgMy40LTkuNiA2LTE0LjggOC42LTUuNCAyLjgtMTAuOCA1LjQtMTYuMiA4em00Ni03LjJjLS44IDItMS40IDQtMi40IDYtMi42IDUuMi01LjIgMTAuNi03LjggMTUuOC0yLjYgNS01LjQgMTAuMi04IDE1LjItLjIuNC0uNC44LS44IDEuMi0uMi40LS42LjQtMSAuMmwtNC44LTNjLTQtMi44LTcuOC01LjgtMTEtOS40LS42LS42LS42LTEgMC0xLjYgMi40LTIgNS00IDcuNC02LjJsMTAuOC0xMC4yYzIuMi0yLjIgNC42LTQuMiA2LjgtNi4yIDEuOC0xLjQgMy44LTIuOCA2LTMuNGwyLjQtLjZjLjguMiAxLjQuNCAxLjguOC44LjYuOCAxIC42IDEuNHptMjEuNiA0Ni42Yy0yLjYuMi01LjIuNC03LjQuNi0yLjQtLjItNC40LS4yLTYuNC0uNC0yLjItLjItNC4yLS42LTYuNC0uOC0uNiAwLS44LS40LS42LTEgLjgtMi44IDEuNi01LjggMi40LTguNi44LTMuNCAxLjQtNi42IDItMTAgLjgtNSAxLjYtMTAgMi42LTE0LjguNC0yLjYgMS4yLTUuMiAyLjQtNy42LjItLjYuNi0uOCAxLjItLjggMS40LS4yIDIuMi44IDIuOCAxLjguOCAxLjggMS42IDMuNiAyLjIgNS40IDEuNCA0IDIuMiA4LjIgMi44IDEyLjIuNiAzLjYgMS4yIDcuNCAxLjggMTFsMS4yIDguNGMuMiAxLjIuMiAyLjYuNCAzLjgtLjIuNi0uNC44LTEgLjh6bS00LTQ2LjhjLTIuOCAwLTUtMi4yLTUtNXMyLjItNSA1LTUgNSAyLjIgNSA1LTIuMiA1LTUgNXptMi44LTMxLjZjLTIuOCAwLTUtMi4yLTUtNXMyLjItNSA1LTUgNSAyLjIgNSA1LTIuMiA1LTUgNXptMTAgNi44YzIuOCAwIDUgMi4yIDUgNXMtMi4yIDUtNSA1LTUtMi4yLTUtNWMwLTIuNiAyLjItNSA1LTV6bTI5LjQgNTQuMmMtNC40IDQuMi05LjQgNy42LTE0LjggMTAuNC0uNi40LTEuMi42LTEuOCAxLS44LjQtMSAuMi0xLjItLjYtMS0yLjgtMi01LjYtMy4yLTguMi0yLjItNC44LTQuNi05LjYtNi44LTE0LjYtMS4yLTIuOC0yLjYtNS40LTMuOC04LjItLjgtMi0xLjQtNC4yLTEuNC02LjYgMC0uNi4yLTEuNC4yLTIuMi4yLS44LjYtMS40IDEuNC0xLjYuMi0uMi44IDAgMSAuMiAxIC42IDEuOCAxLjIgMi44IDIgMy40IDIuNiA2LjQgNS42IDkuNCA4LjYgNS40IDUuNCAxMC44IDEwLjggMTYuMiAxNi40LjguOCAxLjYgMS44IDIuNCAyLjYuMi4yIDAgLjItLjQuOHptMjAuOC0zN2MtMSA0LjQtMiA4LjYtMy44IDEyLjZsLTMgNi42Yy0uNC42LS42LjYtMS4yLjItMi44LTEuOC01LjgtMy44LTguNi01LjYtNC44LTMtMTAtNS40LTE1LjItOC4yLTMuMi0xLjYtNi4yLTMuMi05LjItNS0xLjItLjgtMi40LTEuOC0zLjQtMi42LS40LS40LS42LS44LS40LTEuNC40LTEuNCAxLjQtMiAyLjYtMiAyLS40IDQuMi0uNCA2LjItLjZ2LjJjMy42IDAgNyAuNCAxMC40LjggNC42LjYgOS40IDEuNCAxNCAyLjIgMy40LjYgNi44IDEuMiAxMCAyIC40IDAgLjYuMiAxIC4yLjYgMCAuNi4yLjYuNnptLjItMjEuMmMtMS40IDAtMyAwLTQuNC4yLTIuMi4yLTQuMi4yLTYuNC40bC01LjQuNmMtMiAuMi00IC42LTYgLjgtMiAuMi00IC42LTYgLjhsLTQuOC42aC0zLjJjLTIuNCAwLTQuNi0uMi02LjgtMS40LS44LS40LTEuMi0xLTEuNC0xLjgtLjItLjQuMi0uOC42LTEgLjgtLjYgMS42LTEuMiAyLjQtMS42IDQuMi0yLjggOC42LTUgMTMtNy4yIDYuOC0zLjQgMTMuOC02LjggMjAuNi0xMC4ybDEuOC0uNmMuNC0uMi42IDAgLjguNCAxLjggMy42IDMgNy40IDQgMTEuNC42IDIuNiAxIDUuMiAxLjYgNy44di42czAgLjItLjQuMnoiLz48L3N2Zz4K');
}

.wheels-container .wheels-wrapper .wheel-wrapper .wheel-size {
    font-size: 16px;
    float: right;
    line-height: 65px;
    padding-right: 61px;
}





















              
            
!

JS

              
                const {createStore, bindActionCreators} = Redux;
    const {Provider, connect} = ReactRedux;
    const {render} = ReactDOM;
    const {Component} = React;

    const Stats = {
        getModelData() {
            return {
                '60': {
                    19: {
                        on: {
                            speed: {
                                45: {
                                    '-10': 224,
                                    '0': 255,
                                    '10': 287,
                                    '20': 289,
                                    '30': 287,
                                    '40': 258
                                },
                                50: {
                                    '-10': 211,
                                    '0': 238,
                                    '10': 264,
                                    '20': 267,
                                    '30': 267,
                                    '40': 244
                                },
                                55: {
                                    '-10': 198,
                                    '0': 221,
                                    '10': 242,
                                    '20': 246,
                                    '30': 245,
                                    '40': 228
                                },
                                60: {
                                    '-10': 184,
                                    '0': 204,
                                    '10': 222,
                                    '20': 225,
                                    '30': 226,
                                    '40': 212
                                },
                                65: {
                                    '-10': 170,
                                    '0': 187,
                                    '10': 202,
                                    '20': 206,
                                    '30': 208,
                                    '40': 195
                                },
                                70: {
                                    '-10': 156,
                                    '0': 172,
                                    '10': 185,
                                    '20': 189,
                                    '30': 190,
                                    '40': 179
                                },
                            }
                        },
                        off: {
                            speed: {
                                45: {
                                    '-10': 297,
                                    '0': 312,
                                    '10': 318,
                                    '20': 325,
                                    '30': 329,
                                    '40': 333
                                },
                                50: {
                                    '-10': 269,
                                    '0': 283,
                                    '10': 288,
                                    '20': 294,
                                    '30': 298,
                                    '40': 304
                                },
                                55: {
                                    '-10': 245,
                                    '0': 256,
                                    '10': 261,
                                    '20': 267,
                                    '30': 269,
                                    '40': 277
                                },
                                60: {
                                    '-10': 221,
                                    '0': 231,
                                    '10': 236,
                                    '20': 242,
                                    '30': 243,
                                    '40': 252
                                },
                                65: {
                                    '-10': 200,
                                    '0': 209,
                                    '10': 214,
                                    '20': 219,
                                    '30': 222,
                                    '40': 230
                                },
                                70: {
                                    '-10': 181,
                                    '0': 189,
                                    '10': 194,
                                    '20': 199,
                                    '30': 202,
                                    '40': 209
                                },
                            }
                        }
                    },
                    21: {
                        on: {
                            speed: {
                                45: {
                                    '-10': 220,
                                    '0': 251,
                                    '10': 283,
                                    '20': 285,
                                    '30': 282,
                                    '40': 284
                                },
                                50: {
                                    '-10': 208,
                                    '0': 234,
                                    '10': 260,
                                    '20': 262,
                                    '30': 262,
                                    '40': 240
                                },
                                55: {
                                    '-10': 194,
                                    '0': 216,
                                    '10': 238,
                                    '20': 241,
                                    '30': 240,
                                    '40': 224
                                },
                                60: {
                                    '-10': 180,
                                    '0': 199,
                                    '10': 217,
                                    '20': 220,
                                    '30': 221,
                                    '40': 208
                                },
                                65: {
                                    '-10': 166,
                                    '0': 183,
                                    '10': 198,
                                    '20': 202,
                                    '30': 203,
                                    '40': 191
                                },
                                70: {
                                    '-10': 152,
                                    '0': 167,
                                    '10': 180,
                                    '20': 184,
                                    '30': 185,
                                    '40': 174
                                },
                            }
                        },
                        off: {
                            speed: {
                                45: {
                                    '-10': 292,
                                    '0': 307,
                                    '10': 314,
                                    '20': 320,
                                    '30': 324,
                                    '40': 328
                                },
                                50: {
                                    '-10': 265,
                                    '0': 278,
                                    '10': 283,
                                    '20': 289,
                                    '30': 293,
                                    '40': 298
                                },
                                55: {
                                    '-10': 240,
                                    '0': 251,
                                    '10': 256,
                                    '20': 261,
                                    '30': 264,
                                    '40': 272
                                },
                                60: {
                                    '-10': 217,
                                    '0': 226,
                                    '10': 231,
                                    '20': 236,
                                    '30': 238,
                                    '40': 247
                                },
                                65: {
                                    '-10': 196,
                                    '0': 204,
                                    '10': 209,
                                    '20': 214,
                                    '30': 217,
                                    '40': 225
                                },
                                70: {
                                    '-10': 177,
                                    '0': 184,
                                    '10': 189,
                                    '20': 194,
                                    '30': 197,
                                    '40': 204
                                },
                            }
                        }
                    }
                },
                '60D': {
                    19: {
                        on: {
                            speed: {
                                45: {
                                    '-10': 227,
                                    '0': 258,
                                    '10': 291,
                                    '20': 293,
                                    '30': 292,
                                    '40': 264
                                },
                                50: {
                                    '-10': 215,
                                    '0': 242,
                                    '10': 269,
                                    '20': 271,
                                    '30': 272,
                                    '40': 250
                                },
                                55: {
                                    '-10': 201,
                                    '0': 224,
                                    '10': 247,
                                    '20': 250,
                                    '30': 251,
                                    '40': 235
                                },
                                60: {
                                    '-10': 187,
                                    '0': 207,
                                    '10': 226,
                                    '20': 229,
                                    '30': 232,
                                    '40': 217
                                },
                                65: {
                                    '-10': 172,
                                    '0': 191,
                                    '10': 207,
                                    '20': 211,
                                    '30': 213,
                                    '40': 201
                                },
                                70: {
                                    '-10': 158,
                                    '0': 175,
                                    '10': 189,
                                    '20': 193,
                                    '30': 195,
                                    '40': 185
                                },
                            }
                        },
                        off: {
                            speed: {
                                45: {
                                    '-10': 301,
                                    '0': 317,
                                    '10': 323,
                                    '20': 330,
                                    '30': 336,
                                    '40': 339
                                },
                                50: {
                                    '-10': 275,
                                    '0': 288,
                                    '10': 294,
                                    '20': 301,
                                    '30': 306,
                                    '40': 311
                                },
                                55: {
                                    '-10': 249,
                                    '0': 260,
                                    '10': 266,
                                    '20': 273,
                                    '30': 278,
                                    '40': 283
                                },
                                60: {
                                    '-10': 225,
                                    '0': 236,
                                    '10': 241,
                                    '20': 248,
                                    '30': 251,
                                    '40': 258
                                },
                                65: {
                                    '-10': 204,
                                    '0': 214,
                                    '10': 219,
                                    '20': 225,
                                    '30': 229,
                                    '40': 236
                                },
                                70: {
                                    '-10': 184,
                                    '0': 193,
                                    '10': 198,
                                    '20': 205,
                                    '30': 207,
                                    '40': 215
                                },
                            }
                        }
                    },
                    21: {
                        on: {
                            speed: {
                                45: {
                                    '-10': 223,
                                    '0': 255,
                                    '10': 287,
                                    '20': 289,
                                    '30': 288,
                                    '40': 260
                                },
                                50: {
                                    '-10': 211,
                                    '0': 238,
                                    '10': 264,
                                    '20': 267,
                                    '30': 267,
                                    '40': 246
                                },
                                55: {
                                    '-10': 197,
                                    '0': 220,
                                    '10': 242,
                                    '20': 246,
                                    '30': 246,
                                    '40': 230
                                },
                                60: {
                                    '-10': 183,
                                    '0': 203,
                                    '10': 221,
                                    '20': 225,
                                    '30': 227,
                                    '40': 212
                                },
                                65: {
                                    '-10': 168,
                                    '0': 186,
                                    '10': 202,
                                    '20': 206,
                                    '30': 208,
                                    '40': 196
                                },
                                70: {
                                    '-10': 155,
                                    '0': 171,
                                    '10': 184,
                                    '20': 188,
                                    '30': 190,
                                    '40': 181
                                },
                            }
                        },
                        off: {
                            speed: {
                                45: {
                                    '-10': 297,
                                    '0': 312,
                                    '10': 319,
                                    '20': 326,
                                    '30': 331,
                                    '40': 335
                                },
                                50: {
                                    '-10': 270,
                                    '0': 283,
                                    '10': 289,
                                    '20': 296,
                                    '30': 301,
                                    '40': 306
                                },
                                55: {
                                    '-10': 244,
                                    '0': 256,
                                    '10': 261,
                                    '20': 268,
                                    '30': 272,
                                    '40': 278
                                },
                                60: {
                                    '-10': 221,
                                    '0': 231,
                                    '10': 236,
                                    '20': 242,
                                    '30': 246,
                                    '40': 253
                                },
                                65: {
                                    '-10': 199,
                                    '0': 209,
                                    '10': 214,
                                    '20': 220,
                                    '30': 223,
                                    '40': 231
                                },
                                70: {
                                    '-10': 180,
                                    '0': 188,
                                    '10': 193,
                                    '20': 200,
                                    '30': 202,
                                    '40': 210
                                },
                            }
                        }
                    }
                },
                '75': {
                    19: {
                        on: {
                            speed: {
                                45: {
                                    '-10': 271,
                                    '0': 309,
                                    '10': 347,
                                    '20': 350,
                                    '30': 347,
                                    '40': 312
                                },
                                50: {
                                    '-10': 256,
                                    '0': 288,
                                    '10': 320,
                                    '20': 323,
                                    '30': 323,
                                    '40': 295
                                },
                                55: {
                                    '-10': 240,
                                    '0': 267,
                                    '10': 293,
                                    '20': 297,
                                    '30': 297,
                                    '40': 276
                                },
                                60: {
                                    '-10': 222,
                                    '0': 246,
                                    '10': 268,
                                    '20': 272,
                                    '30': 273,
                                    '40': 257
                                },
                                65: {
                                    '-10': 205,
                                    '0': 227,
                                    '10': 245,
                                    '20': 250,
                                    '30': 252,
                                    '40': 236
                                },
                                70: {
                                    '-10': 189,
                                    '0': 206,
                                    '10': 224,
                                    '20': 228,
                                    '30': 230,
                                    '40': 216
                                },
                            }
                        },
                        off: {
                            speed: {
                                45: {
                                    '-10': 359,
                                    '0': 377,
                                    '10': 385,
                                    '20': 393,
                                    '30': 398,
                                    '40': 403
                                },
                                50: {
                                    '-10': 326,
                                    '0': 342,
                                    '10': 349,
                                    '20': 356,
                                    '30': 360,
                                    '40': 368
                                },
                                55: {
                                    '-10': 296,
                                    '0': 309,
                                    '10': 316,
                                    '20': 323,
                                    '30': 326,
                                    '40': 335
                                },
                                60: {
                                    '-10': 268,
                                    '0': 280,
                                    '10': 286,
                                    '20': 292,
                                    '30': 295,
                                    '40': 305
                                },
                                65: {
                                    '-10': 242,
                                    '0': 253,
                                    '10': 259,
                                    '20': 265,
                                    '30': 268,
                                    '40': 278
                                },
                                70: {
                                    '-10': 219,
                                    '0': 229,
                                    '10': 234,
                                    '20': 241,
                                    '30': 244,
                                    '40': 253
                                },
                            }
                        }
                    },
                    21: {
                        on: {
                            speed: {
                                45: {
                                    '-10': 267,
                                    '0': 304,
                                    '10': 342,
                                    '20': 344,
                                    '30': 342,
                                    '40': 308
                                },
                                50: {
                                    '-10': 251,
                                    '0': 283,
                                    '10': 314,
                                    '20': 317,
                                    '30': 317,
                                    '40': 290
                                },
                                55: {
                                    '-10': 235,
                                    '0': 262,
                                    '10': 287,
                                    '20': 291,
                                    '30': 291,
                                    '40': 271
                                },
                                60: {
                                    '-10': 218,
                                    '0': 241,
                                    '10': 262,
                                    '20': 266,
                                    '30': 267,
                                    '40': 251
                                },
                                65: {
                                    '-10': 201,
                                    '0': 222,
                                    '10': 239,
                                    '20': 244,
                                    '30': 246,
                                    '40': 231
                                },
                                70: {
                                    '-10': 184,
                                    '0': 203,
                                    '10': 218,
                                    '20': 223,
                                    '30': 224,
                                    '40': 211
                                },
                            }
                        },
                        off: {
                            speed: {
                                45: {
                                    '-10': 353,
                                    '0': 372,
                                    '10': 279,
                                    '20': 387,
                                    '30': 392,
                                    '40': 397
                                },
                                50: {
                                    '-10': 320,
                                    '0': 336,
                                    '10': 343,
                                    '20': 350,
                                    '30': 354,
                                    '40': 361
                                },
                                55: {
                                    '-10': 290,
                                    '0': 303,
                                    '10': 309,
                                    '20': 316,
                                    '30': 319,
                                    '40': 329
                                },
                                60: {
                                    '-10': 262,
                                    '0': 274,
                                    '10': 279,
                                    '20': 286,
                                    '30': 288,
                                    '40': 299
                                },
                                65: {
                                    '-10': 237,
                                    '0': 247,
                                    '10': 253,
                                    '20': 259,
                                    '30': 262,
                                    '40': 272
                                },
                                70: {
                                    '-10': 214,
                                    '0': 223,
                                    '10': 229,
                                    '20': 235,
                                    '30': 238,
                                    '40': 247
                                },
                            }
                        }
                    }
                },
                '75D': {
                    19: {
                        on: {
                            speed: {
                                45: {
                                    '-10': 227,
                                    '0': 316,
                                    '10': 356,
                                    '20': 358,
                                    '30': 357,
                                    '40': 323
                                },
                                50: {
                                    '-10': 262,
                                    '0': 296,
                                    '10': 328,
                                    '20': 332,
                                    '30': 332,
                                    '40': 305
                                },
                                55: {
                                    '-10': 246,
                                    '0': 274,
                                    '10': 302,
                                    '20': 306,
                                    '30': 307,
                                    '40': 287
                                },
                                60: {
                                    '-10': 228,
                                    '0': 253,
                                    '10': 276,
                                    '20': 280,
                                    '30': 283,
                                    '40': 265
                                },
                                65: {
                                    '-10': 211,
                                    '0': 233,
                                    '10': 253,
                                    '20': 257,
                                    '30': 260,
                                    '40': 246
                                },
                                70: {
                                    '-10': 194,
                                    '0': 214,
                                    '10': 231,
                                    '20': 236,
                                    '30': 238,
                                    '40': 226
                                },
                            }
                        },
                        off: {
                            speed: {
                                45: {
                                    '-10': 368,
                                    '0': 387,
                                    '10': 395,
                                    '20': 404,
                                    '30': 410,
                                    '40': 415
                                },
                                50: {
                                    '-10': 335,
                                    '0': 351,
                                    '10': 359,
                                    '20': 367,
                                    '30': 374,
                                    '40': 380
                                },
                                55: {
                                    '-10': 304,
                                    '0': 318,
                                    '10': 325,
                                    '20': 334,
                                    '30': 339,
                                    '40': 346
                                },
                                60: {
                                    '-10': 275,
                                    '0': 288,
                                    '10': 294,
                                    '20': 303,
                                    '30': 307,
                                    '40': 316
                                },
                                65: {
                                    '-10': 249,
                                    '0': 261,
                                    '10': 267,
                                    '20': 275,
                                    '30': 279,
                                    '40': 289
                                },
                                70: {
                                    '-10': 225,
                                    '0': 236,
                                    '10': 242,
                                    '20': 250,
                                    '30': 253,
                                    '40': 263
                                },
                            }
                        }
                    },
                    21: {
                        on: {
                            speed: {
                                45: {
                                    '-10': 273,
                                    '0': 311,
                                    '10': 351,
                                    '20': 354,
                                    '30': 352,
                                    '40': 318
                                },
                                50: {
                                    '-10': 258,
                                    '0': 291,
                                    '10': 323,
                                    '20': 326,
                                    '30': 327,
                                    '40': 300
                                },
                                55: {
                                    '-10': 241,
                                    '0': 269,
                                    '10': 296,
                                    '20': 300,
                                    '30': 301,
                                    '40': 281
                                },
                                60: {
                                    '-10': 223,
                                    '0': 248,
                                    '10': 270,
                                    '20': 275,
                                    '30': 277,
                                    '40': 259
                                },
                                65: {
                                    '-10': 206,
                                    '0': 228,
                                    '10': 247,
                                    '20': 252,
                                    '30': 254,
                                    '40': 240
                                },
                                70: {
                                    '-10': 189,
                                    '0': 209,
                                    '10': 225,
                                    '20': 230,
                                    '30': 232,
                                    '40': 221
                                },
                            }
                        },
                        off: {
                            speed: {
                                45: {
                                    '-10': 363,
                                    '0': 382,
                                    '10': 390,
                                    '20': 398,
                                    '30': 405,
                                    '40': 409
                                },
                                50: {
                                    '-10': 330,
                                    '0': 346,
                                    '10': 353,
                                    '20': 361,
                                    '30': 368,
                                    '40': 373
                                },
                                55: {
                                    '-10': 299,
                                    '0': 312,
                                    '10': 319,
                                    '20': 327,
                                    '30': 333,
                                    '40': 340
                                },
                                60: {
                                    '-10': 270,
                                    '0': 282,
                                    '10': 288,
                                    '20': 296,
                                    '30': 301,
                                    '40': 309
                                },
                                65: {
                                    '-10': 244,
                                    '0': 255,
                                    '10': 261,
                                    '20': 269,
                                    '30': 273,
                                    '40': 282
                                },
                                70: {
                                    '-10': 219,
                                    '0': 230,
                                    '10': 236,
                                    '20': 244,
                                    '30': 247,
                                    '40': 257
                                },
                            }
                        }
                    }
                },
                '90D': {
                    19: {
                        on: {
                            speed: {
                                45: {
                                    '-10': 308,
                                    '0': 349,
                                    '10': 392,
                                    '20': 394,
                                    '30': 392,
                                    '40': 357
                                },
                                50: {
                                    '-10': 292,
                                    '0': 326,
                                    '10': 362,
                                    '20': 365,
                                    '30': 365,
                                    '40': 338
                                },
                                55: {
                                    '-10': 273,
                                    '0': 303,
                                    '10': 332,
                                    '20': 336,
                                    '30': 337,
                                    '40': 317
                                },
                                60: {
                                    '-10': 254,
                                    '0': 280,
                                    '10': 305,
                                    '20': 308,
                                    '30': 310,
                                    '40': 293
                                },
                                65: {
                                    '-10': 235,
                                    '0': 258,
                                    '10': 279,
                                    '20': 283,
                                    '30': 285,
                                    '40': 273
                                },
                                70: {
                                    '-10': 216,
                                    '0': 238,
                                    '10': 256,
                                    '20': 260,
                                    '30': 263,
                                    '40': 253
                                },
                            }
                        },
                        off: {
                            speed: {
                                45: {
                                    '-10': 406,
                                    '0': 426,
                                    '10': 434,
                                    '20': 443,
                                    '30': 451,
                                    '40': 455
                                },
                                50: {
                                    '-10': 370,
                                    '0': 386,
                                    '10': 394,
                                    '20': 403,
                                    '30': 412,
                                    '40': 416
                                },
                                55: {
                                    '-10': 336,
                                    '0': 350,
                                    '10': 358,
                                    '20': 366,
                                    '30': 274,
                                    '40': 380
                                },
                                60: {
                                    '-10': 304,
                                    '0': 317,
                                    '10': 324,
                                    '20': 332,
                                    '30': 338,
                                    '40': 347
                                },
                                65: {
                                    '-10': 276,
                                    '0': 288,
                                    '10': 295,
                                    '20': 302,
                                    '30': 308,
                                    '40': 317
                                },
                                70: {
                                    '-10': 250,
                                    '0': 261,
                                    '10': 268,
                                    '20': 275,
                                    '30': 279,
                                    '40': 290
                                },
                            }
                        }
                    },
                    21: {
                        on: {
                            speed: {
                                45: {
                                    '-10': 304,
                                    '0': 345,
                                    '10': 386,
                                    '20': 388,
                                    '30': 387,
                                    '40': 352
                                },
                                50: {
                                    '-10': 287,
                                    '0': 321,
                                    '10': 356,
                                    '20': 359,
                                    '30': 360,
                                    '40': 332
                                },
                                55: {
                                    '-10': 268,
                                    '0': 297,
                                    '10': 326,
                                    '20': 330,
                                    '30': 330,
                                    '40': 311
                                },
                                60: {
                                    '-10': 249,
                                    '0': 274,
                                    '10': 299,
                                    '20': 302,
                                    '30': 303,
                                    '40': 287
                                },
                                65: {
                                    '-10': 230,
                                    '0': 253,
                                    '10': 273,
                                    '20': 277,
                                    '30': 279,
                                    '40': 267
                                },
                                70: {
                                    '-10': 211,
                                    '0': 232,
                                    '10': 250,
                                    '20': 254,
                                    '30': 257,
                                    '40': 247
                                },
                            }
                        },
                        off: {
                            speed: {
                                45: {
                                    '-10': 401,
                                    '0': 420,
                                    '10': 428,
                                    '20': 437,
                                    '30': 446,
                                    '40': 449
                                },
                                50: {
                                    '-10': 364,
                                    '0': 380,
                                    '10': 388,
                                    '20': 397,
                                    '30': 405,
                                    '40': 410
                                },
                                55: {
                                    '-10': 330,
                                    '0': 344,
                                    '10': 351,
                                    '20': 359,
                                    '30': 367,
                                    '40': 373
                                },
                                60: {
                                    '-10': 298,
                                    '0': 311,
                                    '10': 318,
                                    '20': 325,
                                    '30': 331,
                                    '40': 340
                                },
                                65: {
                                    '-10': 270,
                                    '0': 282,
                                    '10': 288,
                                    '20': 296,
                                    '30': 301,
                                    '40': 310
                                },
                                70: {
                                    '-10': 244,
                                    '0': 255,
                                    '10': 262,
                                    '20': 269,
                                    '30': 273,
                                    '40': 284
                                },
                            }
                        }
                    }
                },
                'P100D': {
                    19: {
                        on: {
                            speed: {
                                45: {
                                    '-10': 341,
                                    '0': 390,
                                    '10': 439,
                                    '20': 442,
                                    '30': 440,
                                    '40': 401
                                },
                                50: {
                                    '-10': 323,
                                    '0': 365,
                                    '10': 405,
                                    '20': 409,
                                    '30': 410,
                                    '40': 380
                                },
                                55: {
                                    '-10': 303,
                                    '0': 339,
                                    '10': 372,
                                    '20': 376,
                                    '30': 379,
                                    '40': 353
                                },
                                60: {
                                    '-10': 282,
                                    '0': 313,
                                    '10': 341,
                                    '20': 345,
                                    '30': 347,
                                    '40': 329
                                },
                                65: {
                                    '-10': 261,
                                    '0': 289,
                                    '10': 312,
                                    '20': 317,
                                    '30': 318,
                                    '40': 306
                                },
                                70: {
                                    '-10': 240,
                                    '0': 265,
                                    '10': 285,
                                    '20': 290,
                                    '30': 293,
                                    '40': 283
                                },
                            }
                        },
                        off: {
                            speed: {
                                45: {
                                    '-10': 447,
                                    '0': 474,
                                    '10': 485,
                                    '20': 496,
                                    '30': 505,
                                    '40': 509
                                },
                                50: {
                                    '-10': 408,
                                    '0': 431,
                                    '10': 441,
                                    '20': 451,
                                    '30': 461,
                                    '40': 466
                                },
                                55: {
                                    '-10': 372,
                                    '0': 391,
                                    '10': 400,
                                    '20': 409,
                                    '30': 419,
                                    '40': 425
                                },
                                60: {
                                    '-10': 337,
                                    '0': 354,
                                    '10': 362,
                                    '20': 371,
                                    '30': 377,
                                    '40': 388
                                },
                                65: {
                                    '-10': 306,
                                    '0': 321,
                                    '10': 329,
                                    '20': 337,
                                    '30': 341,
                                    '40': 354
                                },
                                70: {
                                    '-10': 277,
                                    '0': 291,
                                    '10': 299,
                                    '20': 307,
                                    '30': 311,
                                    '40': 323
                                },
                            }
                        }
                    },
                    21: {
                        on: {
                            speed: {
                                45: {
                                    '-10': 322,
                                    '0': 369,
                                    '10': 414,
                                    '20': 417,
                                    '30': 416,
                                    '40': 379
                                },
                                50: {
                                    '-10': 306,
                                    '0': 347,
                                    '10': 384,
                                    '20': 388,
                                    '30': 389,
                                    '40': 360
                                },
                                55: {
                                    '-10': 228,
                                    '0': 323,
                                    '10': 354,
                                    '20': 358,
                                    '30': 360,
                                    '40': 336
                                },
                                60: {
                                    '-10': 269,
                                    '0': 299,
                                    '10': 325,
                                    '20': 329,
                                    '30': 331,
                                    '40': 313
                                },
                                65: {
                                    '-10': 250,
                                    '0': 276,
                                    '10': 299,
                                    '20': 303,
                                    '30': 305,
                                    '40': 292
                                },
                                70: {
                                    '-10': 230,
                                    '0': 254,
                                    '10': 273,
                                    '20': 278,
                                    '30': 281,
                                    '40': 271
                                },
                            }
                        },
                        off: {
                            speed: {
                                45: {
                                    '-10': 422,
                                    '0': 447,
                                    '10': 458,
                                    '20': 468,
                                    '30': 477,
                                    '40': 481
                                },
                                50: {
                                    '-10': 387,
                                    '0': 409,
                                    '10': 418,
                                    '20': 428,
                                    '30': 437,
                                    '40': 442
                                },
                                55: {
                                    '-10': 353,
                                    '0': 372,
                                    '10': 380,
                                    '20': 389,
                                    '30': 398,
                                    '40': 404
                                },
                                60: {
                                    '-10': 322,
                                    '0': 338,
                                    '10': 345,
                                    '20': 354,
                                    '30': 359,
                                    '40': 370
                                },
                                65: {
                                    '-10': 293,
                                    '0': 307,
                                    '10': 315,
                                    '20': 323,
                                    '30': 326,
                                    '40': 339
                                },
                                70: {
                                    '-10': 265,
                                    '0': 279,
                                    '10': 286,
                                    '20': 294,
                                    '30': 298,
                                    '40': 310
                                },
                            }
                        }
                    }
                }
            };
        }
    }

    const CONSTANTS = {
        INCREASE_SELECTOR_VALUE: 'INCREASE_SELECTOR_VALUE',
        DECREASE_SELECTOR_VALUE: 'DECREASE_SELECTOR_VALUE',
        SWITCH_CLIMATE: 'SWITCH_CLIMATE',
        SWITCH_WHEELS: 'SWITCH_WHEELS'
    }

    const defaultState = {
        climate: 'on',
        speed: 55,
        temperature: 10,
        wheel: 21
    };

    function Reducers(state = defaultState, action) {
        switch (action.type) {
            case CONSTANTS.INCREASE_SELECTOR_VALUE:
                const increasedSelectorValue = state[action.selectorType] + action.step;
                if (increasedSelectorValue <= action.max) {
                    return {
                        ...state,
                        [action.selectorType]: increasedSelectorValue
                    };
                }
                ;
                return state;
            case CONSTANTS.DECREASE_SELECTOR_VALUE:
                const decreasedSelectorValue = state[action.selectorType] - action.step;
                if (decreasedSelectorValue >= action.min) {
                    return {
                        ...state,
                        [action.selectorType]: decreasedSelectorValue
                    }
                }
                ;
                return state;
            case CONSTANTS.SWITCH_CLIMATE:
                return {
                    ...state,
                    climate: state.climate === 'on' ? 'off' : 'on'
                };
            case CONSTANTS.SWITCH_WHEELS:
                return {
                    ...state,
                    wheel: action.size
                };
            default:
                return state;
        }
    }
    ;

    const store = createStore(Reducers);

    const models = ['60', '60D', '75', '75D', '90D', 'P100D'];

    function increaseSelectorValue(payload) {
        const {min, max, step, selectorType} = payload;
        return {
            type: 'INCREASE_SELECTOR_VALUE',
            min,
            max,
            step,
            selectorType
        }

    }

    function decreaseSelectorValue(payload) {
        const {min, max, step, selectorType} = payload;
        return {
            type: 'DECREASE_SELECTOR_VALUE',
            min,
            max,
            step,
            selectorType
        }
    }

    function switchClimate() {
        return {
            type: 'SWITCH_CLIMATE'
        }
    }

    function switchWheels(payload) {
        const size = payload;
        return {
            type: 'SWITCH_WHEELS',
            size
        }
    }

class Car extends Component {
        render() {
            const {speed, wheel} = this.props;
            return (
                    <div className="car-container">
                        <div className="car-body">
                            <div className="tesla-wheels">
                                <div className={'wheel wheel-' + wheel + ' front  speed-' + speed}></div>
                                <div className={'wheel wheel-' + wheel + ' rear   speed-' + speed}></div>
                            </div>
                        </div>
                    </div>
            )
        }
    };

const CarContainer = connect(state => ({...state}), null)(Car);

class Climate extends Component {
        handleKeyDown = (e) => {
          e.preventDefault();
          e.stopPropagation();
            const key = e.keyCode;
            if (key === 32) {
                this.props.switchClimate();
            }
        };

        render() {
            const {climate, temperature} = this.props;
            const climateMode = temperature <= 10 ? 'heat' : 'ac';
            return (
                    <div className="climate-wrapper">
                        <div tabIndex="0" className={'circle ' + climateMode + '-' + climate}
                             onClick={() => this.props.switchClimate()}
                             onKeyDown={this.handleKeyDown}>
                            <div className="label">{climateMode + ' ' + climate}</div>
                            <div className="icon"></div>
                        </div>
                    </div>
            )
        }
    };
 
const ClimateContainer = connect(state => ({
            climate: state.climate,
            temperature: state.temperature
      }),dispatch => bindActionCreators({switchClimate}, dispatch))(Climate);

class ModelRange extends Component {

    render() {
        const m = this.props.model,
              w = this.props.state.wheel,
              c = this.props.state.climate,
              s = this.props.state.speed,
              t = this.props.state.temperature;

        const range = Stats.getModelData()[m][w][c]['speed'][s][t];

        return (
            <div className="model-range-item">
                <div className={'model-number model-' + m}></div>
                <div className="range">{range}</div>
            </div>
        )
    }
};

const ModelRangeContainer = connect(
    state => ({state}),
    dispatch => ({})
)(ModelRange);

class Selector extends Component {
        state = {
            focused: false
        };

        onFocus = () => {
            this.setState({
                focused: true
            });

        };

        onBlur = () => {
            this.setState({
                focused: false
            });

        };

        onKeyDown = (e) => {
            e.preventDefault();
            e.stopPropagation();
            const actionParams = this.getActionParams();
            const keyCode = e.keyCode;

            switch (keyCode) {
                case 38:
                    this.props.increaseSelectorValue(actionParams);
                    return;
                case 40:
                    this.props.decreaseSelectorValue(actionParams);
                    return;
                default:
                    return
            }
        };

        getActionParams = () => {
            const {min, max, step, selectorType} = this.props;
            return {
                min,
                max,
                step,
                selectorType
            };
        };

        render() {
            const actionParams = this.getActionParams();
            const {value, name, metric, max, min} = this.props;
            const {focused} = this.state;
            return (
                    <div className="selector-container">
                        <div className="selector-name">{name}</div>
                        <div className={"selector-wrapper " + (focused ? 'focused' : '')} tabIndex="-1"
                             onFocus={this.onFocus}
                             onBlur={this.onBlur}
                             onKeyDown={this.onKeyDown}>
                            <div className="selector-value">{value}<span
                                    className="metric">{metric}</span></div>
                            <div className={"button button-up " + (value === max ? 'disabled' : '')}
                                 onClick={() => this.props.increaseSelectorValue(actionParams)}></div>
                            <div className="seperator"></div>
                            <div className={"button button-down " + (value === min ? 'disabled' : '')}
                                 onClick={() => this.props.decreaseSelectorValue(actionParams)}></div>
                        </div>
                    </div>
            )
        }
    };

const SelectorContainer = connect(null, 
         dispatch => bindActionCreators({
            increaseSelectorValue,
            decreaseSelectorValue
        }, dispatch))(Selector);

class Wheel extends Component {
        componentDidUpdate = () => {
            const {wheel, size, focused} = this.props;
            if (wheel === size && focused) {
                this.refs.wheelSelector.focus();
            }
        };

        handleKeyDown = (e) => {
            const {size} = this.props;
            const key = e.keyCode;
            if (key === 37 || key === 39) {
                this.props.switchWheels(size === 19 ? 21 : 19)
            }
        };

        render() {
            const {wheel, size} = this.props;
            return (
                    <div ref="wheelSelector" tabIndex="0"
                         className={"wheel-wrapper " + (wheel === size ? 'selected' : '')}
                         onClick={() => this.props.switchWheels(size)}
                         onKeyDown={this.handleKeyDown}>
                        <div className={"wheel-icon wheel-" + size}></div>
                        <div className="wheel-size">{size}"</div>
                    </div>
            )
        }
    };

const WheelContainer = connect(state => ({...state}), 
      dispatch => bindActionCreators({switchWheels}, dispatch))(Wheel);

class Wheels extends Component {
        constructor() {
            super();
            this.state = {
                focused: false
            }
        };

        handleFocus = () => {
            this.setState({focused: true});
        };

        handleBlur = () => {
            this.setState({focused: false});

        };

        render() {
            const {focused} = this.state;
            return (
                    <div className="wheels-container">
                        <div className="wheels-wrapper">
                            <div className="wheels-component-name">Wheels</div>
                            <div tabIndex="0" onFocus={this.handleFocus} onBlur={this.handleBlur}>
                                <WheelContainer size={19} focused={focused}/>
                                <WheelContainer size={21} focused={focused}/>
                            </div>
                        </div>
                    </div>
            )
        }
    };

const WheelsContainer = connect(state => ({...state}), null)(Wheels);

class App extends Component {
        render() {
            const {speed, temperature} = this.props
            const speedSelectorProps = {
                selectorType: 'speed',
                name: 'Speed',
                value: speed,
                min: 45,
                max: 70,
                metric: 'MPH',
                step: 5
            };
            const temperatureSelectorProps = {
                selectorType: 'temperature',
                name: 'Outside Temperature',
                value: temperature,
                min: -10,
                max: 40,
                metric: '°',
                step: 10
            };
            return (
                    <div className="App">
                        <h1>Tesla Range per Charge Calculator</h1>
                        <h4>React / Redux</h4>
                        <CarContainer />
                        <div className="stats">
                            {models.map((model, index) => <ModelRangeContainer key={index} model={model}/>)}
                        </div>
                        <div className="selectors">
                            <SelectorContainer {...speedSelectorProps}/>
                            <div className="tesla-climate">
                                <SelectorContainer {...temperatureSelectorProps}/>
                                <ClimateContainer/>
                            </div>
                            <Wheels/>
                        </div>
                        <span className="declaimer">
                    The actual amount of range that you experience will vary based on your particular use conditions. See how particular use conditions may affect your range in our simulation model.
                    Vehicle range may vary depending on the vehicle configuration, battery age and condition, driving style and operating, environmental and climate conditions.
                </span>
                        <a href="https://github.com/edindelan/tesla-battery-range-per-charge-calculator" target="_blank" className="source-link">Source code - GitHub</a>
                    </div>
            );
        }
    };

const AppContainer = connect(
        state => ({
            speed: state.speed,
            temperature: state.temperature
        }),
      null
    )(App);

render(
            <Provider store={store}>
                <AppContainer />
            </Provider>,
        document.getElementById('app')
    );
              
            
!
999px

Console