/*
  Main css file is located in htdocs/website/home_insuramap/styles/rates.css
  This is just adjustments for auto insuramap
*/

/* PREMIUM CARD */
.search-premium-card {
  padding: 40px 45px 16px;
}
.search-premium-card .v-card__title {
  word-break: normal;
}

/* LOCATION INFO CARD */
.location-info-card {
  height: 280px;
}
.location-info-card .v-card__text p {
  padding: 4px 0;
}

/* PRICE RANGE CARD */
.price-range {
  left: 14px;
  bottom: 14px;
}
.price-range-chip-wrapper {
  position: relative;
}
.price-range-chip-wrapper .v-image {
  position: absolute;
  top: -12px;
  left: 0;
}
.price-range .v-chip {
  width: 100%;
  background: linear-gradient(270deg, #E7E7E7 0%, #BABABA 21.52%, #8F8F8F 44.09%, #FF847B 52.93%, var(--rates-red) 71.82%, var(--rates-red-darken-1) 98.57%) !important;
  transform: rotate(-180deg);
}

@media screen and (max-width: 1264px) {
  .price-range {
    left: 50%;
    bottom: unset;
  }
}