@charset "UTF-8";
/* stylelint-disable */
/* stylelint-enable */
:root {
  --grid-max-width: calc(1300px + 2 * var(--grid-padding));
  --grid-padding: 16px;
}
@media screen and (min-width: 1440px) {
  :root {
    --grid-padding: 40px;
  }
}

.hero,
.hero-gallery,
.hero-image {
  max-height: 1280px;
  height: 480px;
  height: 66vw;
  position: relative;
}

.hero-image {
  background-color: var(--grey);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  width: 100%;
}
.hero-image .heading-title,
.hero-image .heading-sub-title {
  color: var(--white);
}

.hero-image-short {
  height: 400px;
}

.hero-image-full-height {
  display: flex;
  flex: 1 0 0;
  position: relative;
  height: auto;
}

.hero-image-gradient::before {
  position: absolute;
  background-image: linear-gradient(transparent, var(--black));
  content: "";
  inset: 50% 0 0 0;
  opacity: 0.75;
}

.hero-image-gradient-full-height::before {
  position: absolute;
  background-image: linear-gradient(transparent, var(--black));
  content: "";
  inset: 0 0 0 0;
  opacity: 0.75;
}

.hero-image-fill::before {
  position: absolute;
  display: block;
  inset: 0;
  content: "";
  background-color: rgba(var(--black-rgb), 0.3);
}

@media screen and (orientation: landscape) {
  .hero-image-fullscreen {
    height: 100vh;
  }
}
.hero-image-fullscreen-top {
  height: calc(100vh - 144px);
  max-height: 800px;
  min-height: 480px;
}

.hero-image-container::after {
  clear: both;
  content: "";
  display: block;
}
.hero-image-container {
  max-width: var(--grid-max-width);
  margin-left: auto;
  margin-right: auto;
}
.hero-image-container {
  padding-left: var(--grid-padding);
  padding-right: var(--grid-padding);
}
.hero-image-container {
  padding-bottom: 32px;
  padding-top: 32px;
  position: relative;
}

.hero-image-container-bottom-aligned,
.hero-image-container-top-aligned {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  max-width: var(--grid-max-width);
}

.hero-image-container-bottom-aligned {
  bottom: 0;
}

.hero-image-container-top-aligned {
  top: 0;
}

.hero-image-container-left-aligned {
  text-align: left;
}

.hero-image-container-center-aligned {
  text-align: center;
}

.hero-image-container-middle-aligned {
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.hero-dealership-controls-container {
  z-index: 1;
}

.hero-image-container-actions {
  padding-top: 0;
  padding-bottom: 0;
}

.hero-image-container-row {
  margin-bottom: 16px;
}
.hero-image-container-row:last-child {
  margin-bottom: 0;
}

.hero-image-reduced-content {
  flex: 1;
}

.hero-gallery__btn-show-container--tablet {
  display: none;
}

@media screen and (max-width: 1024px) {
  .hero-image-fullscreen-top {
    height: auto;
    min-height: 320px;
  }
  .hero-gallery__btn-show-container--desktop {
    display: none;
  }
  .hero-gallery__btn-show-container--tablet {
    display: block;
  }
  .hero-gallery-btn-show--with-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--black-rgb), 0.5);
    border: 0;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    right: 48px;
    top: 32px;
  }
}
@media screen and (max-width: 650px) {
  .hero-image-gradient::before {
    top: 0;
  }
}
.wowscore {
  position: relative;
  height: 48px;
  width: 48px;
}

.wowscore__numerator {
  font-size: var(--body-medium-font-size);
  line-height: var(--body-medium-line-height);
}

.wowscore__denominator {
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  color: var(--text-black-dim);
}

.wowscore--small {
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
}

.wowscore--large {
  width: 80px;
  height: 80px;
}
.wowscore--large .wowscore__numerator {
  font-size: var(--heading-3-font-size);
  line-height: var(--heading-3-line-height);
  font-weight: var(--bold);
  font-family: var(--heading-3-font-family);
  letter-spacing: var(--heading-3-letter-spacing);
}

.wowscore--excellent .wowscore-graphic__chart {
  stroke: var(--green-dark);
}

.wowscore--good .wowscore-graphic__chart {
  stroke: var(--green-light);
}

.wowscore--average .wowscore-graphic__chart {
  stroke: var(--yellow);
}

.wowscore--bad .wowscore-graphic__chart {
  stroke: var(--red);
}

.wowscore--grey {
  color: var(--grey-light);
}

.wowscore-graphic {
  transform: rotate(-90deg);
  background: var(--grey-extra-light);
  border-radius: 50%;
}

.wowscore-graphic__inner {
  fill: var(--white);
}

.wowscore-graphic__chart {
  fill: var(--grey-extra-light);
  stroke-width: 50%;
}

@keyframes fillup-0 {
  to {
    stroke-dasharray: 0 158;
  }
}
.wowscore-graphic__chart[data-score="0"] {
  animation: fillup-0 1s linear forwards;
}

@keyframes fillup-1 {
  to {
    stroke-dasharray: 15.8 158;
  }
}
.wowscore-graphic__chart[data-score="1"] {
  animation: fillup-1 1s linear forwards;
}

@keyframes fillup-2 {
  to {
    stroke-dasharray: 31.6 158;
  }
}
.wowscore-graphic__chart[data-score="2"] {
  animation: fillup-2 1s linear forwards;
}

@keyframes fillup-3 {
  to {
    stroke-dasharray: 47.4 158;
  }
}
.wowscore-graphic__chart[data-score="3"] {
  animation: fillup-3 1s linear forwards;
}

@keyframes fillup-4 {
  to {
    stroke-dasharray: 63.2 158;
  }
}
.wowscore-graphic__chart[data-score="4"] {
  animation: fillup-4 1s linear forwards;
}

@keyframes fillup-5 {
  to {
    stroke-dasharray: 79 158;
  }
}
.wowscore-graphic__chart[data-score="5"] {
  animation: fillup-5 1s linear forwards;
}

@keyframes fillup-6 {
  to {
    stroke-dasharray: 94.8 158;
  }
}
.wowscore-graphic__chart[data-score="6"] {
  animation: fillup-6 1s linear forwards;
}

@keyframes fillup-7 {
  to {
    stroke-dasharray: 110.6 158;
  }
}
.wowscore-graphic__chart[data-score="7"] {
  animation: fillup-7 1s linear forwards;
}

@keyframes fillup-8 {
  to {
    stroke-dasharray: 126.4 158;
  }
}
.wowscore-graphic__chart[data-score="8"] {
  animation: fillup-8 1s linear forwards;
}

@keyframes fillup-9 {
  to {
    stroke-dasharray: 142.2 158;
  }
}
.wowscore-graphic__chart[data-score="9"] {
  animation: fillup-9 1s linear forwards;
}

@keyframes fillup-10 {
  to {
    stroke-dasharray: 158 158;
  }
}
.wowscore-graphic__chart[data-score="10"] {
  animation: fillup-10 1s linear forwards;
}

.wowscore__text {
  font-weight: var(--bold);
  position: absolute;
  text-align: center;
  line-height: normal;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@supports (stroke-dasharray: 1) {
  .wowscore-graphic__chart {
    stroke-dasharray: 0 158;
  }
}
@keyframes carwow-spinner-infinite-spin {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(360deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(720deg);
  }
}
@keyframes standard-spinner-infinite-spin {
  100% {
    transform: rotate(1turn);
  }
}
.carwow-spinner {
  animation: carwow-spinner-infinite-spin 2s infinite;
  background-image: url("/assets/carwow_wheel_blue-864be000.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 64px;
  height: 64px;
  transform: translateZ(0);
}
.autoexpress-brand .carwow-spinner {
  animation: standard-spinner-infinite-spin 1s infinite linear;
  background: radial-gradient(farthest-side, var(--red) 94%, var(--red-extra-light)) top/6px 6px no-repeat, conic-gradient(var(--red-extra-light) 30%, var(--red));
  aspect-ratio: 1;
  border-radius: 50%;
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 6px), #000 0);
          mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 6px), #000 0);
  transform: none;
}

.carwow-spinner-centered {
  margin: 0 auto;
}

.carwow-spinner--small {
  width: 32px;
  height: 32px;
  border-width: 4px;
}

.wowscore-pill {
  font-size: var(--body-small-font-size);
  line-height: var(--body-small-line-height);
  font-weight: var(--bold);
  color: var(--black);
  display: inline-flex;
  justify-content: center;
  text-align: center;
  border-radius: var(--border-radius-small);
  padding: 0 4px;
  width: 44px;
}

.wowscore-pill[data-score="0"],
.wowscore-pill[data-score="1"],
.wowscore-pill[data-score="2"] {
  background-color: var(--red);
}

.wowscore-pill[data-score="3"],
.wowscore-pill[data-score="4"] {
  background-color: var(--orange);
}

.wowscore-pill[data-score="5"],
.wowscore-pill[data-score="6"] {
  background-color: var(--yellow);
}

.wowscore-pill[data-score="7"],
.wowscore-pill[data-score="8"] {
  background-color: var(--green-light);
}

.wowscore-pill[data-score="9"],
.wowscore-pill[data-score="10"] {
  background-color: var(--green-bold);
}

.valuation-summary {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--grey-extra-light);
  padding-bottom: 48px;
}
.valuation-summary .grid-container,
.valuation-summary .input-infield-container,
.valuation-summary .input-infield-license-plate {
  width: 100%;
}
.valuation-summary .input-infield-container {
  display: flex;
}

.valuation-summary__remote-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.valuation-summary-plate__text {
  margin: 0;
  padding: 16px 0;
}

.valuation-summary__messaging {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.valuation-summary__messaging::after {
  clear: both;
  content: "";
  display: block;
}
.valuation-summary__messaging {
  max-width: var(--grid-max-width);
  margin-left: auto;
  margin-right: auto;
}
.valuation-summary__messaging {
  padding-left: var(--grid-padding);
  padding-right: var(--grid-padding);
}

.valuation-summary__messaging-title {
  margin-bottom: 16px;
}

.valuation-summary__messaging-p {
  margin-top: 0;
}

.valuation-summary__second-cta-wrapper {
  text-align: center;
}

.valuation-summary__main-info {
  padding-top: 8px;
}

.valuation-summary__make {
  font-size: var(--body-medium-font-size);
  line-height: var(--body-medium-line-height);
  color: var(--text-black-dim);
  font-weight: var(--bold);
}

.valuation-summary__model {
  font-size: var(--heading-3-font-size);
  line-height: var(--heading-3-line-height);
  font-weight: var(--bold);
  font-family: var(--heading-3-font-family);
  letter-spacing: var(--heading-3-letter-spacing);
}

.valuation-summary__feature-list-item {
  display: inline;
  color: var(--text-black-dim);
}
.valuation-summary__feature-list-item + .valuation-summary__feature-list-item::before {
  content: "·";
  margin-right: 4px;
}

.valuation-summary__worth-title {
  font-size: var(--body-medium-font-size);
  line-height: var(--body-medium-line-height);
  color: var(--text-black-dim);
  font-weight: var(--bold);
  margin-top: 8px;
}

.valuation-summary__worth-value {
  font-size: var(--heading-3-font-size);
  line-height: var(--heading-3-line-height);
  font-weight: var(--bold);
  font-family: var(--heading-3-font-family);
  letter-spacing: var(--heading-3-letter-spacing);
}

.valuation-summary__deals-title {
  margin-top: 40px;
  font-weight: var(--bold);
}

.valuation-summary__deal-list {
  margin-bottom: 40px;
}

.valuation-summary__deal-list-item {
  border-top: 1px solid var(--border-colour);
}
.valuation-summary__deal-list-item:last-child {
  border-bottom: 1px solid var(--border-colour);
}

.valuation-summary__deal-link {
  background-color: var(--white);
  color: var(--text-black-dim);
  font-weight: var(--bold);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}

.valuation-summary__deal-type {
  color: var(--blue);
}

.valuation-summary__deal-price {
  color: var(--black);
}

.valuation-summary__about-title,
.valuation-summary__summary-title,
.valuation-summary__verdict-title {
  margin-top: 24px;
  font-weight: var(--bold);
}

.valuation-summary-specs {
  padding-bottom: 24px;
}

.valuation-summary-specs__list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: var(--bold);
}
.valuation-summary-specs__list-item + .valuation-summary-specs__list-item {
  margin-top: 16px;
}

.valuation-summary__score {
  box-shadow: var(--shadow-light);
  font-size: var(--body-small-font-size);
  line-height: var(--body-small-line-height);
  display: flex;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 40px;
  background-color: var(--white);
  padding: 16px;
}

.valuation-summary-score-radial {
  margin-right: 16px;
}

.valuation-summary-score-details__title {
  font-weight: var(--bold);
}

.valuation-summary__cta-container {
  margin-top: 32px;
}

.valuation-summary__low-info {
  font-size: var(--body-medium-font-size);
  line-height: var(--body-medium-line-height);
  margin-top: 64px;
}

.hero-image {
  -o-object-fit: cover;
     object-fit: cover;
}