:root{--rigid-tyre-width: 20px;--rigid-tyre-height: 70px;--rigid-axle-width: 200px;--rigid-axle-border: 10px;--rigid-steer-body-height: 100px;--rigid-diff-body-height: 100px}.wheel-config{display:flex;flex-direction:column;width:calc(var(--rigid-axle-width) + 10px);min-height:calc(var(--rigid-steer-body-height) + var(--rigid-diff-body-height) + var(--rigid-tyre-height) + 20px);margin:15px;margin-left:calc(var(--rigid-axle-width)/2)}.vehicle-body{display:flex!important;flex-direction:column!important;position:relative;width:calc(var(--rigid-axle-width) + 10px);min-height:var(--rigid-steer-body-height)}.steer-body-1{width:calc(var(--rigid-axle-width) - (var(--rigid-tyre-width) * 3));height:var(--rigid-steer-body-height);border:2px solid gray;border-radius:20% 20% 0 0;position:absolute;top:0!important;left:calc(var(--rigid-tyre-width) + 10px);background:#b1afaf}.steer-body-2{width:calc(var(--rigid-axle-width) - (var(--rigid-tyre-width) * 3));height:calc(var(--rigid-steer-body-height) + var(--rigid-tyre-height) * 1.1);border:2px solid gray;border-radius:20% 20% 0 0;position:absolute;top:0!important;left:calc(var(--rigid-tyre-width) + 10px);background:#e3edff}.diff-body-1{width:calc(var(--rigid-axle-width) - (var(--rigid-tyre-width) * 6));height:calc(var(--rigid-diff-body-height) + (var(--rigid-tyre-height) * 1.1));border:2px solid gray;position:absolute;top:-2px;left:calc((var(--rigid-tyre-width) * 3));background:#d3d3d3}.diff-body-2{width:calc(var(--rigid-axle-width) - (var(--rigid-tyre-width) * 6));height:calc(var(--rigid-diff-body-height) + var(--rigid-tyre-height) * 2.2);border:2px solid gray;position:absolute;top:-2px;left:calc((var(--rigid-tyre-width) * 3));background:#d3d3d3}.diff-body-3{width:calc(var(--rigid-axle-width) - (var(--rigid-tyre-width) * 6));height:calc(var(--rigid-diff-body-height) + (var(--rigid-tyre-height) * 3.3));border:2px solid gray;position:absolute;top:-2px;left:calc((var(--rigid-tyre-width) * 3));background:#d3d3d3}.tire-black{width:var(--rigid-tyre-width);height:var(--rigid-tyre-height)!important;border:1px solid #bbb;border-radius:20px;position:relative;background:linear-gradient(to left,#bbb,#000 50%,#bbb);display:inline-block}.tire-red{width:var(--rigid-tyre-width);height:var(--rigid-tyre-height)!important;border:1px solid #F41605;border-radius:20px;position:relative;background:linear-gradient(to left,#faa19b,#f41605 50%,#faa19b);display:inline-block}.tire-green{width:var(--rigid-tyre-width);height:var(--rigid-tyre-height)!important;border:1px solid #008000;border-radius:20px;position:relative;background:linear-gradient(to left,#7fbf7f,green 50%,#7fbf7f);display:inline-block}.left,.right{display:inline-block;background-color:transparent!important;color:#fff;text-align:center;vertical-align:middle!important;line-height:var(--rigid-tyre-height);font-weight:700}.steer{transform:rotate(5deg)}.rear{top:calc(var(--rigid-steer-body-height) - (var(--rigid-tyre-height)/2))!important}.single-axle{width:var(--rigid-axle-width);display:flex;justify-content:space-between;position:relative;margin-top:18px}.single-axle:after{content:"";position:absolute;top:calc((var(--rigid-tyre-height) / 2) - (var(--rigid-axle-border) / 2));left:calc(var(--rigid-tyre-width) + 0px);right:calc(var(--rigid-tyre-width) + 0px);border-top:var(--rigid-axle-border) solid gray}.dual-axle{width:var(--rigid-axle-width);display:flex;justify-content:space-between;position:relative;top:var(--rigid-steer-body-height)}.dual-axle:after{content:"";position:absolute;top:calc((var(--rigid-tyre-height) / 2) - (var(--rigid-axle-border) / 2));left:calc((var(--rigid-tyre-width) * 2) + 3px);right:calc((var(--rigid-tyre-width)* 2) + 3px);border-top:var(--rigid-axle-border) solid gray}:root{--trailer-tyre-width: 20px;--trailer-tyre-height: 70px;--trailer-axle-width: 200px;--trailer-axle-border: 10px;--trailer-body-height: 150px}.trailer-wheel-config{display:flex;flex-direction:column}.trailer-vehicle-body{display:flex!important;flex-direction:column!important;position:relative;min-height:var(--trailer-body-height);margin-top:30px}.trailer-body-1{width:calc(var(--trailer-axle-width) - (var(--trailer-tyre-width) * 6));height:calc(var(--trailer-body-height) + (var(--trailer-tyre-height) * 1));border:2px solid gray;position:absolute;margin-top:2px;top:0;left:calc((var(--trailer-tyre-width) * 3) - 2px);background:#d3d3d3}.trailer-body-2{width:calc(var(--trailer-axle-width) - (var(--trailer-tyre-width) * 6));height:calc(var(--trailer-body-height) + var(--trailer-tyre-height) * 2);border:2px solid gray;position:absolute;margin-top:2px;top:0;left:calc((var(--trailer-tyre-width) * 3) - 2px);background:#d3d3d3}.trailer-body-3{width:calc(var(--trailer-axle-width) - (var(--trailer-tyre-width) * 6));height:calc(var(--trailer-body-height) + (var(--trailer-tyre-height) * 3));border:2px solid gray;position:absolute;top:0;left:calc((var(--trailer-tyre-width) * 3) - 2px);background:#d3d3d3}.trailer-body-4{width:calc(var(--trailer-axle-width) - (var(--trailer-tyre-width) * 6));height:calc(var(--trailer-body-height) + (var(--trailer-tyre-height) * 4));border:2px solid gray;position:absolute;margin-top:2px;top:0;left:calc((var(--trailer-tyre-width) * 3) - 2px);background:#d3d3d3}.trailer-single-axle{width:var(--trailer-axle-width);display:flex;justify-content:space-between;position:relative;top:calc(var(--trailer-tyre-height) * 2)}.trailer-single-axle:after{content:"";position:absolute;top:calc((var(--trailer-tyre-height) / 2) - (var(--trailer-axle-border) / 2));left:calc(var(--trailer-tyre-width));right:calc(var(--trailer-tyre-width));border-top:var(--trailer-axle-border) solid gray}.trailer-dual-axle{width:var(--trailer-axle-width);display:flex;justify-content:space-between;position:relative;top:calc(var(--trailer-tyre-height) * 2)}.trailer-dual-axle:after{content:"";position:absolute;top:calc((var(--trailer-tyre-height) / 2) - (var(--trailer-axle-border) / 2));left:calc((var(--trailer-tyre-width) * 2) + 3px);right:calc((var(--trailer-tyre-width)* 2) + 3px);border-top:var(--trailer-axle-border) solid gray}