/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./assets/scss/car-bodies.scss ***!
  \********************************************************************************************************************************************************************************************/
.search-tabs {
  position: relative;
  margin-top: -84px;
  background: rgba(255, 255, 255, 0.5);
}

.car-bodies {
  text-align: center;
  margin-bottom: 1rem;
  padding: 0 10px;
}
.car-bodies li {
  position: relative;
  color: #6c757d;
  flex: 1;
  width: 85px;
  margin: 6px 8px;
  cursor: pointer;
}
.car-bodies li svg {
  width: 85px;
  height: 39px;
}
.car-bodies li:hover, .car-bodies li.checked {
  color: #2568fb;
}
.car-bodies li input[type=checkbox], .car-bodies li input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .car-bodies li {
    width: 69px;
  }
  .car-bodies li svg {
    width: 69px;
    height: 31px;
  }
}
@media screen and (min-width: 992px) {
  .car-bodies li {
    width: 74px;
  }
  .car-bodies li svg {
    width: 74px;
    height: 34px;
  }
}
@media screen and (min-width: 1200px) {
  .car-bodies li {
    width: 94px;
  }
  .car-bodies li svg {
    width: 94px;
    height: 43px;
  }
}

/*# sourceMappingURL=car-bodies.b40bf57f.css.map*/