/* Generated by vite-plugin-svg-spritemap */
.models {
  background-color: #000;
  color: #fff;
}
.models__head {
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.models__wrap {
  display: flex;
  gap: 1.875rem;
  align-items: end;
  margin-top: 1.875rem;
}
.models__item {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.models__item--title {
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -0.03em;
  margin-bottom: 1.25rem;
  text-align: left;
}
.models__item--title span {
  display: inline;
  color: rgba(255, 255, 255, 0.6);
}
.models__item--image {
  margin-bottom: 0.625rem;
  aspect-ratio: 570/310;
  overflow: hidden;
}
.models__item--image img {
  width: 100%;
  height: 100%;
}

.models-compare {
  background: #000;
  color: #fff;
}
.models-compare__head {
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.models-compare__table-wrap {
  margin-top: 1.875rem;
}
.models-compare__table {
  width: calc(100% + 11.875rem);
  margin-left: -11.875rem;
  min-width: 100%;
  table-layout: fixed;
}
.models-compare__corner {
  width: 28%;
  background: #000 !important;
}
.models-compare__model {
  width: 36%;
  vertical-align: bottom;
  background: rgba(255, 255, 255, 0) !important;
}
.models-compare__model-inner {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
.models-compare__model-image {
  aspect-ratio: 570/310;
  overflow: hidden;
  display: none;
}
.models-compare__model-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.models-compare__model-title {
  font-size: 1.5rem;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -0.03em;
  font-weight: 400;
}
.models-compare__model-title span {
  color: rgba(255, 255, 255, 0.6);
}
.models-compare th,
.models-compare td {
  padding: 0.875rem 1rem;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 0.375rem;
  line-height: 1.3;
}
.models-compare__label {
  color: rgba(255, 255, 255, 0.6);
  text-align: left;
  font-weight: 400;
  font-size: 0.875rem;
  background: rgba(255, 255, 255, 0.06) !important;
}
.models-compare__value {
  text-align: center;
}
.models-compare__value--merged {
  text-align: center;
  font-weight: 500;
}
.models-compare__row-label {
  display: none;
}
.models-compare__row-label td {
  padding: 0.625rem 1rem;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.4);
  text-align: center;
  background-color: #000;
}
.models-compare__col-label {
  width: 2%;
}
.models-compare__col-model {
  width: 85%;
}
@media (max-width: 97.5rem) {
  .models-compare__table {
    width: calc(100% + 8.125rem);
    margin-left: -8.125rem;
  }
}
@media (max-width: 91.25rem) {
  .models-compare__table {
    width: calc(100% + 5.625rem);
    margin-left: -5.625rem;
  }
}
@media (max-width: 86.25rem) {
  .models-compare__table {
    width: calc(100% + 3.125rem);
    margin-left: -3.125rem;
  }
}
@media (max-width: 80rem) {
  .models-compare__table {
    width: calc(100% + 1.25rem);
    margin-left: -1.25rem;
  }
}
@media (max-width: 61.99875em) {
  .models-compare__table {
    width: 100%;
    margin-left: auto;
  }
  .models-compare__corner {
    display: none;
  }
  .models-compare__model-image {
    display: block;
  }
  .models-compare__label {
    display: none;
  }
  .models-compare {
    padding: 2.5rem 0;
  }
  .models-compare__model-title {
    font-size: 1.5rem;
  }
  .models-compare th,
  .models-compare td {
    padding: 0.625rem 0.75rem;
  }
  .models-compare__row-label {
    display: table-row;
  }
  .models-compare__label {
    display: none;
  }
  .models-compare__col-label {
    display: none;
  }
  .models-compare__col-model {
    width: 50%;
  }
}
@media (max-width: 40.62375em) {
  .models__wrap {
    flex-wrap: wrap;
    gap: 2.5rem;
  }
  .models__item {
    flex: 1 1 100%;
  }
}
@media (max-width: 20em) {
  .models {
    padding-top: 2.5rem;
  }
  .models {
    padding-bottom: 1.25rem;
  }
  .models__item--title {
    font-size: 1.25rem;
  }
  .models-compare {
    padding-bottom: 2.5rem;
  }
  .models-compare {
    padding-top: 5.625rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  .models {
    padding-top: clamp( 2.5rem , 1.1363636363625rem  +  6.8181818182vw , 6.25rem );
  }
  .models {
    padding-bottom: clamp( 1.25rem , 1.25rem  +  0vw , 1.25rem );
  }
  .models__item--title {
    font-size: clamp( 1.25rem , 0.43181818181875rem  +  4.0909090909vw , 3.5rem );
  }
  .models-compare {
    padding-bottom: clamp( 2.5rem , 1.1363636363625rem  +  6.8181818182vw , 6.25rem );
  }
  .models-compare {
    padding-top: clamp( 5.625rem , 4.94318181818125rem  +  3.4090909091vw , 7.5rem );
  }
}
@media (min-width: 75em) {
  .models {
    padding-top: 6.25rem;
  }
  .models {
    padding-bottom: 1.25rem;
  }
  .models__item--title {
    font-size: 3.5rem;
  }
  .models-compare {
    padding-bottom: 6.25rem;
  }
  .models-compare {
    padding-top: 7.5rem;
  }
}