.handy-distance{
    content: url('assets/icon/distance.png');
    display: inline-block;
    font-size: inherit;
    width: 1em;
    height: 1em;
    vertical-align: middle;
}

.handy-fuel-level{
    content: url('assets/icon/fuel_level.png');
    display: inline-block;
    font-size: inherit;
    width: 1em;
    height: 1em;
    vertical-align: middle;
}

.handy-point{
    content: url('assets/icon/point.png');
    display: inline-block;
    font-size: inherit;
    width: 1em;
    height: 1em;
    vertical-align: middle;
}

.handy-car-unlock{
    mask: url('assets/icon/car_unlock.png') no-repeat center / contain;
    -webkit-mask: url('assets/icon/car_unlock.png') no-repeat center / contain;
    display: inline-block;
    font-size: inherit;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    background-color: #000;
    text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

.handy-car-lock{
    mask: url('assets/icon/car_lock.svg') no-repeat center / contain;
    -webkit-mask: url('assets/icon/car_lock.svg') no-repeat center / contain;
    display: inline-block;
    font-size: inherit;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    background-color: #000;
    text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

.handy-engine{
    mask: url('assets/icon/engine.png') no-repeat center / contain;
    -webkit-mask: url('assets/icon/engine.png') no-repeat center / contain;
    display: inline-block;
    font-size: inherit;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    background-color: #000;
    text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

.handy-wheel{
    mask: url('assets/icon/wheel.png') no-repeat center / contain;
    -webkit-mask: url('assets/icon/wheel.png') no-repeat center / contain;
    display: inline-block;
    font-size: inherit;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    background-color: #000;
    text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

.handy-odometer{
    mask: url('assets/icon/odometer.png') no-repeat center / contain;
    -webkit-mask: url('assets/icon/odometer.png') no-repeat center / contain;
    display: inline-block;
    font-size: inherit;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    background-color: #000;
    text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

.handy-not-photo{
    mask: url('assets/icon/no_photo.png') no-repeat center / contain;
    -webkit-mask: url('assets/icon/no_photo.png') no-repeat center / contain;
    display: inline-block;
    font-size: inherit;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    background-color: #000;
    text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

.handy-engine-lock{
    mask: url('assets/icon/engine_lock.png') no-repeat center / contain;
    -webkit-mask: url('assets/icon/engine_lock.png') no-repeat center / contain;
    display: inline-block;
    font-size: inherit;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    background-color: #000;
    text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}