.wbb-wrapper {
  width: 100%;
  max-width: 120.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffffff;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .wbb-wrapper {
    align-items: flex-start;
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .wbb-wrapper {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1920px) {
  .wbb-wrapper {
    align-items: center;
    padding: 0 7.5rem;
  }
}

@media (min-width: 1024px) {
  .wbb-wrapper.wbb-ex-padding {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1440px) {
  .wbb-wrapper.wbb-ex-padding {
    padding: 0 7.5rem;
  }
}

.wbb-wrapper .wbb-space {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  align-self: stretch;
  padding: 0.5rem;
}

@media (min-width: 640px) {
  .wbb-wrapper .wbb-space {
    height: 2.5rem;
    padding: 0.5rem 0.625rem;
  }
}

@media (min-width: 1024px) {
  .wbb-wrapper .wbb-space {
    height: 3rem;
    padding: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .wbb-wrapper .wbb-space {
    height: 3.5rem;
  }
}

.wbb-wrapper .wbb-space .wbb-close-btn {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

.wbb-wrapper .wbb-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
  padding: 0 1rem 1rem 1rem;
}

@media (min-width: 640px) {
  .wbb-wrapper .wbb-container {
    padding: 0 2rem;
    align-items: flex-start;
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .wbb-wrapper .wbb-container {
    padding: 0;
    flex-direction: row;
    align-items: center;
  }
}

@media (min-width: 1440px) {
  .wbb-wrapper .wbb-container {
    gap: 2.5rem;
  }
}

.wbb-wrapper .wbb-container .wbb-same-size-bg {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wbb-left-side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

@media (min-width: 1024px) {
  .wbb-left-side {
    flex: 1 0 0;
  }
}

.wbb-left-side h1 {
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 500;
  color: #000000;
  line-height: 2.25rem;
}

@media (min-width: 640px) {
  .wbb-left-side h1 {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

.wbb-left-side div.wbb-body-copy {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  color: #000000;
  line-height: 1.375rem;
}

.wbb-left-side div.wbb-body-copy p {
  display: inline;
}

.wbb-left-side h3 {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  color: #000000;
  line-height: 1.875rem;
}

.wbb-left-side .wbb-cta {
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media (max-width: 639px) {
  .wbb-left-side .wbb-cta {
    align-self: stretch;
  }
}

.wbb-left-side .wbb-cta .wbb-btn-offers, .wbb-left-side .wbb-cta .wbb-btn-raq {
  height: 2.75rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  background: #002c5e;
  padding: 0.625rem 1.875rem;
  text-decoration: none;
}

.wbb-left-side .wbb-cta .wbb-btn-raq {
  background: #ffffff;
  border: 0.0625rem solid #002c5e;
  gap: 0.125rem;
}

.wbb-left-side .wbb-cta .wbb-link-offers, .wbb-left-side .wbb-cta .wbb-link-raq {
  display: flex;
  align-items: center;
}

.wbb-right-side {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

@media (min-width: 640px) {
  .wbb-right-side {
    justify-content: center;
  }
}

@media (max-width: 1023px) {
  .wbb-right-side {
    align-self: stretch;
  }
}

@media (min-width: 1024px) {
  .wbb-right-side {
    align-items: flex-start;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .wbb-right-side {
    flex: 1 0 0;
  }
}

.wbb-right-side .wbb-bg {
  width: 21.4375rem;
  height: 9.1875rem;
  max-width: calc(100% * (7 / 3));
  display: flex;
  flex-direction: column;
  flex: 0;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0.5rem 0;
}

@media (min-width: 640px) and (max-width: 1439px) {
  .wbb-right-side .wbb-bg {
    align-self: stretch;
  }
}

@media (min-width: 640px) {
  .wbb-right-side .wbb-bg {
    width: auto;
    height: 13.6875rem;
  }
}

@media (min-width: 1024px) {
  .wbb-right-side .wbb-bg {
    height: 12.25rem;
  }
}

@media (min-width: 1440px) {
  .wbb-right-side .wbb-bg {
    width: 35.3125rem;
    height: 15.125rem;
  }
}

.wbb-right-side .wbb-bg img {
  width: 100%;
}

.wbb-right-side .wbb-disclaimer {
  width: 100%;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  color: #333333;
  text-align: center;
  line-height: 1rem;
}

@media (min-width: 640px) and (max-width: 1439px) {
  .wbb-right-side .wbb-disclaimer {
    align-self: stretch;
  }
}

.wbb-space.wbb-space-no-padding {
  padding: 0;
  display: none;
}

@media (min-width: 640px) {
  .wbb-space.wbb-space-no-padding {
    height: 2rem;
    display: flex;
  }
}

@media (min-width: 1024px) {
  .wbb-space.wbb-space-no-padding {
    height: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .wbb-space.wbb-space-no-padding {
    height: 3.5rem;
  }
}

@media (max-width: 639px) {
  .wbb-cta {
    gap: 0.5rem;
  }
}

@media (max-width: 639px) {
  .wbb-cta .wbb-link-offers, .wbb-cta .wbb-btn-raq {
    flex: 1 0 0;
  }
}

@media (max-width: 639px) {
  .wbb-cta .wbb-btn-raq {
    align-self: stretch;
  }
}

.wbb-btn-offers span, .wbb-btn-raq span, .wbb-link-offers span, .wbb-link-raq span {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  text-align: center;
  line-height: 1.25rem;
}

.wbb-btn-offers svg, .wbb-btn-raq svg {
  display: none;
}

.wbb-link-offers svg, .wbb-link-raq svg {
  display: block;
  width: 1rem;
  height: 1rem;
}

.wbb-btn-offers span {
  color: #ffffff;
}

.wbb-btn-raq span {
  color: #002c5e;
}

.wbb-wrapper .wbb-container .wbb-bg-img {
  width: 21.4375rem;
  height: 9.1875rem;
  display: flex;
  align-items: flex-end;
  gap: 0.625rem;
  padding: 0.25rem;
}

@media (min-width: 640px) {
  .wbb-wrapper .wbb-container .wbb-bg-img {
    width: auto;
    height: 12.0625rem;
    max-width: calc(100% * (137 / 103));
    align-self: stretch;
  }
}

@media (min-width: 1024px) {
  .wbb-wrapper .wbb-container .wbb-bg-img {
    height: 10.8125rem;
  }
}

@media (min-width: 1440px) {
  .wbb-wrapper .wbb-container .wbb-bg-img {
    width: 17.1875rem;
    height: 12.875rem;
    max-width: calc(100% * (271 / 203));
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .wbb-wrapper .wbb-container .wbb-same-size-bg {
    align-self: stretch;
  }
}

@media (min-width: 640px) {
  .wbb-wrapper .wbb-container .wbb-same-size-bg {
    flex-direction: row;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .wbb-wrapper .wbb-container .wbb-same-size-bg {
    flex: 1 0 0;
  }
}

@media (min-width: 1440px) {
  .wbb-wrapper .wbb-container .wbb-same-size-bg {
    width: 35.3125rem;
  }
}

@media (min-width: 1920) {
  .wbb-wrapper .wbb-container .wbb-same-size-bg {
    flex-shrink: 0;
  }
}

.wbb-wrapper .wbb-container .wbb-same-size-bg .wbb-right-side {
  justify-content: inherit;
  width: auto;
}

.wbb-wrapper .wbb-container .wbb-same-size-bg .wbb-bg-img {
  flex: 1;
}

.wbb-wrapper .wbb-container .wbb-same-size-bg .wbb-bg-img img {
  width: 100%;
}

.wbb-right-side.wbb-same-size-img .wbb-bg-img {
  flex: 1;
  justify-content: center;
}

.wbb-right-side.wbb-diff-size-bg .wbb-wrapper-bg {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

@media (max-width: 639px) {
  .wbb-right-side.wbb-diff-size-bg .wbb-wrapper-bg {
    gap: 0.5rem;
  }
}

@media (max-width: 1023px) {
  .wbb-right-side.wbb-diff-size-bg .wbb-wrapper-bg {
    align-self: stretch;
  }
}

@media (min-width: 640px) {
  .wbb-right-side.wbb-diff-size-bg .wbb-bg-img {
    align-self: auto;
  }
}

.wbb-right-side.wbb-diff-size-bg .wbb-bg-img.wbb-img-1 {
  width: auto;
  height: 8.875rem;
  max-width: calc(100% * (126 / 71));
  padding: 0.5rem 0;
}

@media (max-width: 639px) {
  .wbb-right-side.wbb-diff-size-bg .wbb-bg-img.wbb-img-1 {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    flex: 1 0 0;
  }
}

@media (min-width: 640px) {
  .wbb-right-side.wbb-diff-size-bg .wbb-bg-img.wbb-img-1 {
    width: 22.3125rem;
    height: 12.5625rem;
    max-width: calc(100% * (119 / 67));
    padding: 0 0 0.25rem 0.25rem;
  }
}

@media (min-width: 1024px) {
  .wbb-right-side.wbb-diff-size-bg .wbb-bg-img.wbb-img-1 {
    width: 18rem;
    height: 10.125rem;
    max-width: calc(100% * (16 / 9));
  }
}

@media (min-width: 1440px) {
  .wbb-right-side.wbb-diff-size-bg .wbb-bg-img.wbb-img-1 {
    width: 24.1875rem;
    height: 13.625rem;
    max-width: calc(100% * (158 / 89));
  }
}

.wbb-right-side.wbb-diff-size-bg .wbb-bg-img.wbb-img-2 {
  width: 5.25rem;
  height: 4.375rem;
  max-width: calc(100% * (6 / 5));
  padding: 0.5rem 0;
}

@media (max-width: 639px) {
  .wbb-right-side.wbb-diff-size-bg .wbb-bg-img.wbb-img-2 {
    padding: 0;
  }
}

@media (min-width: 640px) {
  .wbb-right-side.wbb-diff-size-bg .wbb-bg-img.wbb-img-2 {
    width: auto;
    height: 6.75rem;
    max-width: calc(100% * (143 / 108));
    padding: 0 0 0.25rem 0.25rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .wbb-right-side.wbb-diff-size-bg .wbb-bg-img.wbb-img-2 {
    flex: 1 0 0;
    justify-content: center;
  }
}

@media (min-width: 1024px) {
  .wbb-right-side.wbb-diff-size-bg .wbb-bg-img.wbb-img-2 {
    width: 8.9375rem;
    height: 6.6875rem;
    max-width: calc(100% * (139 / 104));
  }
}

@media (min-width: 1440px) {
  .wbb-right-side.wbb-diff-size-bg .wbb-bg-img.wbb-img-2 {
    width: 9.375rem;
    height: 7.0625rem;
    max-width: calc(100% * (150 / 113));
  }
}

.wbb-right-side.wbb-layered .wbb-bg-img.wbb-img1 {
  position: relative;
  flex: 0;
}

.wbb-right-side.wbb-layered .wbb-bg-img.wbb-img-2 {
  position: absolute;
}

.wbb-wrapper .wbb-container .wbb-layered .wbb-bg-img {
  flex-shrink: 0;
  align-self: auto;
}

.wbb-wrapper .wbb-container .wbb-layered .wbb-bg-img.wbb-img-1 {
  width: 21.4375rem;
  height: 9.1875rem;
  align-items: flex-end;
  max-width: calc(100% * (7 / 3));
}

@media (min-width: 640px) {
  .wbb-wrapper .wbb-container .wbb-layered .wbb-bg-img.wbb-img-1 {
    width: 32rem;
    height: 13.75rem;
  }
}

@media (max-width: 1023px) {
  .wbb-wrapper .wbb-container .wbb-layered .wbb-bg-img.wbb-img-1 {
    gap: 0.625rem;
  }
}

@media (min-width: 1024px) {
  .wbb-wrapper .wbb-container .wbb-layered .wbb-bg-img.wbb-img-1 {
    width: 28.625rem;
    height: 12.3125rem;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0.5rem 0;
  }
}

@media (min-width: 1440px) {
  .wbb-wrapper .wbb-container .wbb-layered .wbb-bg-img.wbb-img-1 {
    width: 35.3125rem;
    height: 15.1875rem;
  }
}

.wbb-wrapper .wbb-container .wbb-layered .wbb-bg-img.wbb-img-1 img {
  width: 100%;
}

.wbb-wrapper .wbb-container .wbb-layered .wbb-bg-img.wbb-img-2 {
  width: 7.0625rem;
  height: 5.3125rem;
  max-width: calc(100% * (113 / 85));
  align-items: flex-end;
  padding: 0 0 0.25rem 0.25rem;
  gap: 0.625rem;
}

@media (min-width: 640px) {
  .wbb-wrapper .wbb-container .wbb-layered .wbb-bg-img.wbb-img-2 {
    width: 8.5625rem;
    height: 6.4375rem;
    max-width: calc(100% * (137 / 103));
  }
}

@media (min-width: 1024px) {
  .wbb-wrapper .wbb-container .wbb-layered .wbb-bg-img.wbb-img-2 {
    width: 8.5625rem;
    height: 6.5rem;
    max-width: calc(100% * (137 / 104));
  }
}

@media (min-width: 1440px) {
  .wbb-wrapper .wbb-container .wbb-layered .wbb-bg-img.wbb-img-2 {
    width: 9.375rem;
    height: 7.0625rem;
    max-width: calc(100% * (150 / 113));
  }
}
.kbbico {
  padding: 1rem;
}

@media (min-width: 640px) {
  .kbbico {
    padding: 1rem 3rem;
  }
}

@media (min-width: 1024px) {
  .kbbico {
    padding: 1rem 4.5rem;
  }
}

@media (min-width: 1440px) {
  .kbbico {
    padding: 1rem 7.5rem;
  }
}
.smh-header {
    max-width: 120rem;
    font-family: "Hyundai Sans Text", "Arial", sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.625rem;
    padding: 1rem;
    margin: auto;
  }

  @media (min-width: 640px) {
    .smh-header {
      padding: 1rem 2rem;
    }
  }

  @media (min-width: 1024px) {
    .smh-header {
      padding: 1rem 2.625rem;
    }
  }

  @media (min-width: 1440px) {
    .smh-header {
      padding: 1rem 4.5rem;
    }
  }

  @media (min-width: 1920px) {
    .smh-header {
      padding: 1rem 6rem;
    }
  }

  .smh-txt {
    position: relative;
    padding-bottom: 0.5rem;
  }

  .smh-txt:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.125rem;
    width: 1.5rem;
    background-color: currentColor;
  }

  .smh-eyebrow {
    width: 1.5rem;
    height: 0.125rem;
    background-color: currentColor;
    margin-top: 0.5rem;
  }

  .smh-title {
    max-width: 120rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.875rem;
    color: #333333;
    text-align: center;
    padding: 3rem 1rem 1.5rem;
    margin: auto;
  }

  @media (min-width: 640px) {
    .smh-title {
      font-size: 1.875rem;
      line-height: 2.25rem;
      padding: 3rem 2rem 1.5rem;
    }
  }

  @media (min-width: 1024px) {
    .smh-title {
      padding: 3rem 2.625rem 1.5rem;
    }
  }

  @media (min-width: 1440px) {
    .smh-title {
      padding: 3rem 4.5rem 1.5rem;
    }
  }

  @media (min-width: 1920px) {
    .smh-title {
      padding: 3rem 6rem 1.5rem;
    }
  }

.id-me {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1rem;
}

.id-me-link {
  margin-top: 0.625rem;
}

.id-me-link img {
  height: 3.125rem;
}

.id-me-message {
  font-size: 1rem;
  line-height: 1.375rem;
}

.id-me-message-success {
  color: #5aa700;
}

.id-me-message-error {
  color: #e63312;
}

.mrob-v2-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  margin-top: 0.625rem;
  -webkit-tap-highlight-color: transparent;
}

.mrob-v2-button-stars {
  display: flex;
  gap: 0.125rem;
}

.mrob-v2-button-stars svg {
  fill: var(--button-star-color);
}

.mrob-v2-button-copy {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.375rem;
}

.mrob-v2-button-copy svg {
  width: 0.875rem;
  height: 0.625rem;
  color: var(--button-svg-color);
}

.mrob-v2-decision-tree .mrob-v2-button {
  margin: 0;
}

.mrob-v2-decision-tree .mrob-v2-button-copy {
  font-weight: 700;
  line-height: 1.0625rem;
}

@media (min-width: 640px) {
  .mrob-v2-decision-tree .mrob-v2-button-copy {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

.mrob-v2-expanded-image-card .mrob-v2-button {
  margin: 0;
  padding: 0.3125rem 0 0.625rem;
}

.mrob-v2-expanded-image-card .mrob-v2-button-copy {
  font-weight: 900;
}

.mrob-v2-inventory .mrob-v2-button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.375rem;
  margin-top: 1rem;
}

.mrob-v2-inventory .mrob-v2-button-stars {
  gap: 0.5rem;
}

.mrob-v2-inventory .mrob-v2-button-stars svg {
  width: auto;
  height: 0.9375rem;
}

.m-hero .mrob-v2-button-stars,
.m-hero-enhanced .mrob-v2-button-stars {
  gap: 0.375rem;
}

@media (min-width: 1024px) {
  .m-hero .mrob-v2-button-stars,
  .m-hero-enhanced .mrob-v2-button-stars {
    gap: 0.5rem;
  }
}

.m-hero .mrob-v2-button-stars svg,
.m-hero-enhanced .mrob-v2-button-stars svg {
  width: 1.125rem;
  height: 1.0625rem;
}

@media (min-width: 1024px) {
  .m-hero .mrob-v2-button-stars svg,
  .m-hero-enhanced .mrob-v2-button-stars svg {
    width: 1.4375rem;
    height: 1.375rem;
  }
}

.m-hero .mrob-v2-button-copy,
.m-hero-enhanced .mrob-v2-button-copy {
  font-size: 1rem;
  line-height: 1rem;
}

.mro-v2-modal-reviews {
  width: 100%;
  position: fixed;
  top: 50vh;
  left: 50vw;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(-50%, -50%);
  z-index: 1002;
}

@media (min-width: 1024px) {
  body.chat-opened .mro-v2-modal-reviews {
    width: calc(100% - 375px);
    left: calc(50% - 375px);
    transform: translate(calc(-50% + calc(375px / 2)), -50%);
  }
}

.mro-v2-modal-reviews-scroll {
  max-height: 100vh;
  overflow: hidden;
  overflow-y: auto;
}

.mro-v2-modal-reviews-inner {
  width: 100%;
  max-width: 99rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #f3f3f3;
  padding: 2.5rem 1rem;
}

@media (min-width: 640px) {
  .mro-v2-modal-reviews-inner {
    padding: 2.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .mro-v2-modal-reviews-inner {
    padding: 3.5rem 2.625rem 3.9375rem;
  }
}

@media (min-width: 1440px) {
  .mro-v2-modal-reviews-inner {
    padding: 3.5rem 4.5rem 3.9375rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mro-v2-modal-reviews-inner {
    padding: 2.5rem 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-v2-modal-reviews-inner {
    padding: 3.5rem 2.625rem 3.9375rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .mro-v2-modal-reviews-inner {
    padding: 3.5rem 4.5rem 3.9375rem;
  }
}

.mro-v2-modal-reviews-header {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 0.0625rem solid #bababa;
  margin-bottom: 2rem;
}

@media (min-width: 1024px) {
  .mro-v2-modal-reviews-header {
    border: 0;
    margin-bottom: 3.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mro-v2-modal-reviews-header {
    border-bottom: 0.0625rem solid #bababa;
    margin-bottom: 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-v2-modal-reviews-header {
    border: 0;
    margin-bottom: 3.5rem;
  }
}

.mro-v2-modal-reviews-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.875rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .mro-v2-modal-reviews-headline {
    font-size: 1.875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mro-v2-modal-reviews-headline {
    font-size: 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-v2-modal-reviews-headline {
    font-size: 1.875rem;
  }
}

.mro-v2-modal-reviews-stars {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 0.3125rem;
  margin: 0.5rem 0 0.25rem;
}

.mro-v2-modal-reviews-stars svg {
  width: 1.875rem;
  height: 1.875rem;
  fill: var(--header-star-color);
}

.mro-v2-modal-reviews-overall {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
}

.mro-v2-modal-reviews-total {
  font-size: 0.875rem;
  font-weight: 500;
  color: #002c5e;
  line-height: 1rem;
  text-decoration: none;
  padding: 1.25rem 0 2rem;
  -webkit-tap-highlight-color: transparent;
}

@media (min-width: 1024px) {
  .mro-v2-modal-reviews-total {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 1.25rem 0 1.6875rem;
  }
}

@media (min-width: 1440px) {
  .mro-v2-modal-reviews-total {
    right: 4.5rem;
  }
}

.mro-v2-modal-reviews-total svg {
  width: 0.625rem;
  height: 0.625rem;
  display: inline-block;
  margin-left: 0.125rem;
}

@media (min-width: 1024px) {
  body.chat-opened .mro-v2-modal-reviews-total {
    position: relative;
    bottom: auto;
    right: auto;
    padding: 1.25rem 0 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-v2-modal-reviews-total {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 1.25rem 0 1.6875rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .mro-v2-modal-reviews-total {
    right: 4.5rem;
  }
}

.mro-v2-modal-reviews-body {
  width: 100%;
  max-width: 67.375rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {
  .mro-v2-modal-reviews-body {
    margin-bottom: 5.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mro-v2-modal-reviews-body {
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-v2-modal-reviews-body {
    margin-bottom: 5.25rem;
  }
}

.mro-v2-modal-reviews-review {
  text-align: left;
}

.mro-v2-modal-reviews-review-stars {
  display: flex;
  gap: 0.3125rem;
  margin-bottom: 0.25rem;
}

.mro-v2-modal-reviews-review-stars svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: var(--body-star-color);
}

.mro-v2-modal-reviews-review-date {
  font-size: 0.875rem;
  font-weight: 500;
  color: #888888;
  line-height: 1.25rem;
  margin-bottom: 1.25rem;
}

.mro-v2-modal-reviews-review-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.4375rem;
  margin-bottom: 0.5rem;
}

.mro-v2-modal-reviews-review-copy {
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.375rem;
  margin-bottom: 0.75rem;
}

.mro-v2-modal-reviews-review-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
}

.mro-v2-modal-reviews-footer {
  width: 100vw;
  max-width: 90rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 1.5rem;
}

@media (min-width: 1024px) {
  .mro-v2-modal-reviews-footer {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 4.25rem;
    padding: 0;
  }
}

@media (min-width: 1440px) {
  .mro-v2-modal-reviews-footer {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mro-v2-modal-reviews-footer {
    flex-direction: column;
    gap: 0.5rem;
    padding: 0 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-v2-modal-reviews-footer {
    flex-direction: row;
    align-items: center;
    gap: 4.25rem;
    padding: 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .mro-v2-modal-reviews-footer {
    padding: 0 4.5rem;
  }
}

.mro-v2-modal-reviews-disclaimer {
  order: 2;
  font-size: 0.875rem;
  font-weight: 500;
  color: #bababa;
  line-height: 1.25rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .mro-v2-modal-reviews-disclaimer {
    order: 1;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mro-v2-modal-reviews-disclaimer {
    order: 2;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-v2-modal-reviews-disclaimer {
    order: 1;
  }
}

.mro-v2-modal-reviews-logo {
  order: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.mro-v2-modal-reviews-logo img {
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  .mro-v2-modal-reviews-logo img {
    gap: 0.5rem;
  }
}

@media (min-width: 1024px) {
  .mro-v2-modal-reviews-logo {
    order: 2;
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mro-v2-modal-reviews-logo {
    order: 1;
    flex-direction: column;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-v2-modal-reviews-logo {
    order: 2;
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mro-v2-modal-reviews-logo img {
    gap: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-v2-modal-reviews-logo img {
    gap: 0.5rem;
  }
}

.mro-v2-modal-reviews-logo-copy {
  width: 100%;
  font-size: 0.875rem;
  font-weight: 500;
  color: #bababa;
  line-height: 1.25rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .mro-v2-modal-reviews-logo-copy {
    max-width: 6.75rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mro-v2-modal-reviews-logo-copy {
    max-width: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-v2-modal-reviews-logo-copy {
    max-width: 6.75rem;
  }
}

.mro-v2-modal-background {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1001;
}

@media (min-width: 1024px) {
  .mro-v2-modal-background {
    -webkit-backdrop-filter: blur(var(--backdrop-filter-blur));
    backdrop-filter: blur(var(--backdrop-filter-blur));
  }
}

.mro-v2 .mro-v2-reviews-swiper {
  width: 100%;
}

.mro-v2 .mro-v2-wrapper {
  position: relative;
  margin-top: 0.625rem;
}

@media (min-width: 1024px) {
  .mro-v2 .mro-v2-wrapper {
    display: none !important;
  }
}

.mro-v2 .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin: 0;
  text-align: center;
  bottom: -0.625rem;
}

.mro-v2 .swiper-pagination-horizontal .swiper-pagination-bullet {
  background: #888888;
  height: 0.5625rem;
  width: 0.5625rem;
  opacity: 1;
}

.mro-v2 .swiper-pagination-horizontal .swiper-pagination-bullet-active {
  background: #00aad2;
}

.mro-v2 .swiper-button-prev,
.mro-v2 .swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0.75rem;
  bottom: 0;
  width: 0.625rem;
  height: 2rem;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.875rem;
  color: #002c5e;
  z-index: 99;
}

.mro-v2 .swiper-button-prev:after,
.mro-v2 .swiper-button-next:after {
  content: '';
}

.mro-v2 .swiper-button-prev:focus,
.mro-v2 .swiper-button-next:focus {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.mro-v2 .swiper-button-prev svg,
.mro-v2 .swiper-button-next svg {
  fill: currentColor;
}

.mro-v2 .swiper-button-prev {
  left: 0;
}

.mro-v2 .swiper-button-next {
  right: 0;
}
.rtch-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.rtch-main-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 90rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .rtch-main-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .rtch-main-container {
    padding-left: 2.625rem;
    padding-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .rtch-main-container {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

.rtch-top-padding {
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .rtch-top-padding {
    padding-top: 3rem;
  }
}

@media (min-width: 1440px) {
  .rtch-top-padding {
    padding-top: 4.5rem;
  }
}

.rtch-bottom-padding {
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .rtch-bottom-padding {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .rtch-bottom-padding {
    padding-bottom: 4.5rem;
  }
}

.rtch-eyebrow-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.rtch-eyebrow-txt {
  font-size: 1rem;
  line-height: 1.375rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  color: #333333;
}

.rtch-eyebrow-line {
  height: 0.125rem;
  width: 1.5rem;
  background-color: #333333;
  margin-top: 0.5rem;
}

.rtch-left-container {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

@media (max-width: 639px) {
  .rtch-left-container {
    width: 100% !important;
  }
}

.rtch-right-container {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

@media (max-width: 639px) {
  .rtch-right-container {
    width: 100% !important;
    padding-top: 2rem;
  }
}

@media (min-width: 640px) {
  .rtch-right-container {
    padding-left: 2rem;
  }
}

@media (min-width: 1024px) {
  .rtch-right-container {
    padding-left: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .rtch-right-container {
    padding-left: 4.5rem;
  }
}

@media (max-width: 639px) {
  .rtch-headline-link-container {
    padding-top: 1rem;
  }
}

@media (min-width: 640px) {
  .rtch-headline-link-container {
    padding-top: 2rem;
  }
}

@media (max-width: 639px) {
  .rtch-body-link-container {
    padding-top: 1rem;
  }
}

@media (min-width: 640px) {
  .rtch-body-link-container {
    padding-top: 2rem;
  }
}

.rtch-headline-link-container,
.rtch-body-link-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

@media (min-width: 1024px) {
  .rtch-headline-link-container,
  .rtch-body-link-container {
    padding-top: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .rtch-headline-link-container,
  .rtch-body-link-container {
    padding-top: 4.5rem;
  }
}

.rtch-no-padding-left {
  padding-left: 0;
}

.rtch-bottom-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #333333;
}

@media (max-width: 639px) {
  .rtch-bottom-container {
    padding-top: 1rem;
  }
}

@media (min-width: 640px) {
  .rtch-bottom-container {
    padding-top: 2rem;
  }
}

@media (min-width: 1024px) {
  .rtch-bottom-container {
    padding-top: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .rtch-bottom-container {
    padding-top: 4.5rem;
  }
}

.rtch-bottom-container b {
  font-weight: 700;
}

.rtch-bottom-container a {
  color: #002c5e;
  font-weight: 700;
  text-decoration: none;
  padding-bottom: 0.3125rem;
}

@media (max-width: 639px) {
  .rtch-bottom-container a {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 640px) {
  .rtch-bottom-container a {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.rtch-bottom-container a:hover {
  text-decoration: underline;
}

.rtch-bottom-container a svg {
  width: 0.7em;
  height: 0.7em;
  display: inline-block;
  margin-left: 0.375rem;
}

.rtch-bottom-container .rtch-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  height: 2.75rem;
  padding: 0 1.75rem;
  font-size: 1rem;
  background-color: #002c5e;
  color: #ffffff;
  border: 0.125rem solid #002c5e;
  height: auto;
  min-height: 2.5rem;
  max-width: 100%;
  word-break: break-word;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-top: 0.625rem;
  font-size: 1rem;
  line-height: 1.375rem;
  width: 100%;
}

.rtch-bottom-container .rtch-cta-button:disabled {
  cursor: default;
  pointer-events: none;
}

.rtch-bottom-container .rtch-cta-button:hover {
  background-color: #001A38;
  color: #ffffff;
}

.rtch-bottom-container .rtch-cta-button:disabled {
  background-color: #bababa;
  color: #ffffff;
}

.rtch-bottom-container .rtch-cta-button:focus {
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  box-sizing: border-box;
}

.rtch-bottom-container .rtch-cta-button:hover {
  text-decoration: none;
}

.rtch-bottom-container .rtch-cta-button .sticky-icon-wrap {
  position: relative;
}

.rtch-bottom-container .rtch-cta-button svg {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  fill: currentColor;
  margin-left: 0.5rem;
}

.rtch-bottom-container tr:nth-of-type(even) {
  background: #f6f3f2;
}

.rtch-bottom-container .strikeThrough {
  text-decoration: line-through;
}

.rtch-bottom-container .external svg {
  display: inline-block;
  margin-left: 0.5rem;
}

.rtch-bottom-container h1, .rtch-bottom-container h2, .rtch-bottom-container h3, .rtch-bottom-container h5 {
  font-weight: 500;
}

@media (max-width: 639px) {
  .rtch-bottom-container h1 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 640px) {
  .rtch-bottom-container h1 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1024px) {
  .rtch-bottom-container h1 {
    font-size: 3rem;
    line-height: 3rem;
  }
}

.rtch-bottom-container h2 {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.rtch-bottom-container h3, .rtch-bottom-container h4 {
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.rtch-bottom-container h4, .rtch-bottom-container h6, .rtch-bottom-container p, .rtch-bottom-container ol, .rtch-bottom-container ul, .rtch-bottom-container th {
  font-weight: 400;
}

.rtch-bottom-container h1, .rtch-bottom-container h2, .rtch-bottom-container h3, .rtch-bottom-container h4, .rtch-bottom-container h5, .rtch-bottom-container h6, .rtch-bottom-container th {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

@media (max-width: 639px) {
  .rtch-bottom-container p {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 640px) {
  .rtch-bottom-container p {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.rtch-bottom-container ol,
.rtch-bottom-container ul {
  color: #333333;
  padding: 0 1rem 1.25rem;
  margin: 0;
}

@media (max-width: 639px) {
  .rtch-bottom-container ol,
  .rtch-bottom-container ul {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 640px) {
  .rtch-bottom-container ol,
  .rtch-bottom-container ul {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.rtch-bottom-container li {
  padding-bottom: 0.75rem;
}

.rtch-bottom-container table {
  width: 100%;
  table-layout: fixed;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  text-align: left;
  padding-bottom: 1.5rem;
}

.rtch-bottom-container th {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #333333;
  padding: 0 1.5rem 0.75rem;
  overflow-wrap: break-word;
  vertical-align: top;
}

.rtch-bottom-container td {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333333;
  padding: 0.75rem 1.5rem;
}

.rtch-no-padding-top {
  padding-top: 0;
}

.rtch-headline-container-padding-top {
  padding-top: 2.5rem;
}

.generic-hero-new-v2 {
  position: relative;
  background: #ffffff;
  overflow: hidden;
  max-width: 160rem;
  height: 28.75rem;
  margin: 0 auto;
}

@media (min-width: 320px) {
  .generic-hero-new-v2 {
    height: 22.5rem;
  }
}

@media (min-width: 360px) {
  .generic-hero-new-v2 {
    height: 28.75rem;
  }
}

@media (min-width: 640px) {
  .generic-hero-new-v2 {
    height: 32.5rem;
  }
}

@media (min-width: 1440px) {
  .generic-hero-new-v2 {
    height: 43.75rem;
  }
}

@media (min-width: 1920px) {
  .generic-hero-new-v2 {
    height: 50rem;
  }
}

.generic-hero-v2-image {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  text-align: center;
  margin: 0 auto;
}

.generic-hero-v2-image picture {
  display: block;
  line-height: 0;
}

.generic-hero-v2-gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1;
}

@media (min-width: 320px) and (max-width: 359px) {
  .generic-hero-v2-gradient-overlay.xsmall {
    display: block;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .generic-hero-v2-gradient-overlay.small {
    display: block;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .generic-hero-v2-gradient-overlay.medium {
    display: block;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .generic-hero-v2-gradient-overlay.large {
    display: block;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .generic-hero-v2-gradient-overlay.xlarge {
    display: block;
  }
}

@media (min-width: 1920px) {
  .generic-hero-v2-gradient-overlay.huge {
    display: block;
  }
}

.generic-hero-v2-img-container {
  display: block;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.generic-hero-v2-image-title {
  height: auto;
}

.generic-hero-v2-content {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  padding: 2rem 1.5rem 0;
  z-index: 1;
}

.generic-hero-v2-content .icon {
  fill: currentColor;
}

@media (min-width: 640px) {
  .generic-hero-v2-content {
    padding: 2rem 2.5rem;
  }
}

@media (min-width: 1024px) {
  .generic-hero-v2-content {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1440px) {
  .generic-hero-v2-content {
    padding: 0 7.5rem;
  }
}

@media (min-width: 0) {
  .generic-hero-v2-content .generic-hero-v2-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.3125rem;
  }
}

@media (min-width: 640px) {
  .generic-hero-v2-content .generic-hero-v2-cta {
    flex-direction: row;
  }
}

.generic-hero-v2-content.generic-hero-v2-content-align-left {
  top: 0;
  right: 0;
  left: 0;
  text-align: left;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .generic-hero-v2-content.generic-hero-v2-content-align-left {
    top: 3rem;
  }
}

@media (min-width: 1440px) {
  .generic-hero-v2-content.generic-hero-v2-content-align-left {
    top: 4.5rem;
  }
}

@media (min-width: 640px) {
  .generic-hero-v2-content.generic-hero-v2-content-align-left .generic-hero-v2-cta {
    justify-content: flex-start;
  }
}

.generic-hero-v2-content.generic-hero-v2-content-align-right {
  text-align: right;
  max-width: 1440px;
  margin: 0 auto;
  right: 0;
  left: 0;
}

@media (min-width: 640px) {
  .generic-hero-v2-content.generic-hero-v2-content-align-right .generic-hero-v2-cta {
    justify-content: flex-end;
  }
}

.generic-hero-v2-content.generic-hero-v2-content-align-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
}

.generic-hero-v2-content.generic-hero-v2-content-align-center .generic-hero-v2-cta {
  justify-content: center;
}

.generic-hero-v2-content.generic-hero-v2-content-align-top-center {
  top: 0;
  left: 0;
  right: 0;
}

@media (min-width: 1024px) {
  .generic-hero-v2-content.generic-hero-v2-content-align-top-center {
    top: 3rem;
  }
}

@media (min-width: 1440px) {
  .generic-hero-v2-content.generic-hero-v2-content-align-top-center {
    top: 4.5rem;
  }
}

.generic-hero-v2-content.generic-hero-v2-content-align-top-center .generic-hero-v2-cta {
  justify-content: center;
}

.generic-hero-v2-content.generic-hero-v2-content-align-top-right {
  top: 0;
  left: 0;
  right: 0;
}

@media (min-width: 1024px) {
  .generic-hero-v2-content.generic-hero-v2-content-align-top-right {
    top: 3rem;
  }
}

@media (min-width: 1440px) {
  .generic-hero-v2-content.generic-hero-v2-content-align-top-right {
    top: 4.5rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .generic-hero-v2-content.generic-hero-v2-content-align-top-right {
    max-width: 90rem;
    margin: auto;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .generic-hero-v2-content.generic-hero-v2-content-align-top-right {
    max-width: 90rem;
    margin: auto;
  }
}

@media (min-width: 1920px) {
  .generic-hero-v2-content.generic-hero-v2-content-align-top-right {
    max-width: 90rem;
    margin: auto;
  }
}

@media (min-width: 1024px) {
  .generic-hero-v2-content.generic-hero-v2-content-align-top-right .generic-hero-v2-cta {
    justify-content: flex-end;
  }
}

.generic-hero-v2-content.generic-hero-v2-content-align-bottom-left {
  bottom: 2.1875rem;
  left: 0;
  right: 0;
}

@media (min-width: 1024px) {
  .generic-hero-v2-content.generic-hero-v2-content-align-bottom-left {
    bottom: 3rem;
    top: auto;
    max-width: 90rem;
    margin: auto;
  }
}

@media (min-width: 1440px) {
  .generic-hero-v2-content.generic-hero-v2-content-align-bottom-left {
    bottom: 4.5rem;
  }
}

@media (min-width: 1024px) {
  .generic-hero-v2-content.generic-hero-v2-content-align-bottom-left .generic-hero-v2-cta {
    justify-content: flex-start;
  }
}

.generic-hero-v2-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 1.875rem;
  text-align: initial;
  padding-bottom: 0.1875rem;
}

.generic-hero-v2-title .tooltip-trigger {
  color: #ffffff;
}

.generic-hero-v2-title .sticky-icon-wrap {
  display: inline-flex;
}

.generic-hero-v2-title > span:has(span.sticky-icon-wrap) {
  display: block;
  padding-right: 0.9375rem;
}

@media (min-width: 360px) {
  .generic-hero-v2-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 640px) {
  .generic-hero-v2-title {
    font-size: 2.5rem;
    line-height: 2.625rem;
    padding-bottom: 0.5625rem;
  }
}

@media (min-width: 1440px) {
  .generic-hero-v2-title {
    font-size: 3.375rem;
    line-height: 3.5rem;
    padding-bottom: 0.5rem;
  }
}

@media (min-width: 1920px) {
  .generic-hero-v2-title {
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

.generic-hero-v2-image-title-container {
  display: flex;
  justify-content: center;
  padding-bottom: 0.8125rem;
}

@media (min-width: 640px) {
  .generic-hero-v2-image-title-container {
    padding-bottom: 0.625rem;
  }
}

@media (min-width: 1440px) {
  .generic-hero-v2-image-title-container {
    padding-bottom: 1.25rem;
  }
}

.generic-hero-v2-image-title-container img {
  height: 5rem;
}

.generic-hero-v2-subhead {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  color: #ffffff;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.generic-hero-v2-subhead > span:has(span.sticky-icon-wrap) {
  display: block;
  padding-right: 0.9375rem;
}

.generic-hero-v2-subhead .tooltip-trigger {
  color: #ffffff;
}

@media (min-width: 1440px) {
  .generic-hero-v2-subhead {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

.generic-hero-v2-subhead-margin-bottom {
  margin: 0 auto 0.75rem;
}

@media (min-width: 360px) and (max-width: 639px) {
  .generic-hero-v2-subhead-margin-bottom {
    margin: 0 auto 0.9375rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .generic-hero-v2-subhead-margin-bottom {
    margin: 0 auto 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .generic-hero-v2-subhead-margin-bottom {
    margin: 0 auto 1.6875rem;
  }
}

@media (min-width: 1920px) {
  .generic-hero-v2-subhead-margin-bottom {
    margin: 0 auto 1.5625rem;
  }
}

@media (min-width: 320px) {
  .generic-hero-v2-content-align-center .generic-hero-v2-title {
    margin: 0 auto 0.625rem;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .generic-hero-v2-content-align-center .generic-hero-v2-title {
    margin: 0 auto 0.3125rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .generic-hero-v2-content-align-center .generic-hero-v2-title {
    margin: 0 auto 1.3125rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .generic-hero-v2-content-align-center .generic-hero-v2-title {
    margin: 0 auto 1.1875rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .generic-hero-v2-content-align-center .generic-hero-v2-title {
    margin: 0 auto 0.4375rem;
  }
}

@media (min-width: 1920px) and (max-width: 2559px) {
  .generic-hero-v2-content-align-center .generic-hero-v2-title {
    margin: 0 auto 0.4375rem;
  }
}

@media (min-width: 2560px) {
  .generic-hero-v2-content-align-center .generic-hero-v2-title {
    margin: 0 auto 0.4375rem;
  }
}

@media (min-width: 1024px) {
  .generic-hero-v2-content-align-top-right .generic-hero-v2-title {
    justify-content: flex-end;
  }
}

@media (min-width: 1024px) {
  .generic-hero-v2-content-align-top-right .generic-hero-v2-subhead {
    text-align: end;
  }
}

@media (min-width: 1024px) {
  .generic-hero-v2-content-align-top-right .generic-hero-v2-image-title-container {
    justify-content: flex-end;
  }
}

.generic-hero-v2-content.generic-hero-v2-content-align-left .generic-hero-v2-title {
  justify-content: flex-start;
  margin-left: 0;
}

.generic-hero-v2-content.generic-hero-v2-content-align-left .generic-hero-v2-subhead {
  margin-left: 0;
}

.generic-hero-v2-content.generic-hero-v2-content-align-left .generic-hero-v2-image-title-container {
  justify-content: flex-start;
}

.generic-hero-v2-content.generic-hero-v2-content-align-right .generic-hero-v2-title {
  justify-content: flex-end;
  margin-right: 0;
}

.generic-hero-v2-content.generic-hero-v2-content-align-right .generic-hero-v2-subhead {
  margin-right: 0;
}

.generic-hero-v2-content.generic-hero-v2-content-align-right .generic-hero-v2-image-title-container {
  justify-content: flex-end;
}

.generic-hero-v2-content-align-bottom-left .generic-hero-v2-title {
  justify-content: flex-start;
}

.generic-hero-v2-content-align-bottom-left .generic-hero-v2-subhead {
  text-align: start;
}

.generic-hero-v2-content-align-bottom-left .generic-hero-v2-image-title-container {
  justify-content: flex-start;
}

.generic-hero-v2-content-align-dark .generic-hero-v2-title {
  color: #333333;
}

.generic-hero-v2-content-align-dark .generic-hero-v2-subhead {
  color: #333333;
}

@media (max-width: 639px) {
  .generic-hero-v2-extended-height {
    height: 30rem !important;
  }
}

@media (min-width: 640px) {
  .generic-hero-v2-extended-height {
    height: 40rem !important;
  }
}

@media (min-width: 1024px) {
  .generic-hero-v2-extended-height {
    height: 43.75rem !important;
  }
}

@media (min-width: 1440px) {
  .generic-hero-v2-extended-height {
    height: 55rem !important;
  }
}

@media (min-width: 1920px) {
  .generic-hero-v2-extended-height {
    height: 61.25rem !important;
  }
}

.generic-hero-v2-content-align-slider {
  padding-top: 1.875rem;
}

.hero-logo-slider {
  pointer-events: none;
}

.generic-hero-v2-double-image {
  display: flex;
  justify-content: space-between;
  left: 0;
  right: 0;
}

@media (max-width: 1023px) {
  .generic-hero-v2-double-image {
    flex-direction: column;
    height: 100%;
  }
}

@media (min-width: 320px) and (max-width: 359px) {
  .generic-hero-v2-double-image {
    padding-top: 1.875rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 360px) {
  .generic-hero-v2-double-image {
    padding-top: 2.125rem;
    padding-left: 1.0625rem;
    padding-right: 1.0625rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .generic-hero-v2-double-image {
    padding-top: 2.1875rem;
    padding-left: 8.9375rem;
    padding-right: 8.9375rem;
  }
}

@media (min-width: 1024px) {
  .generic-hero-v2-double-image {
    padding-top: 1.8125rem;
    padding-left: 2.625rem;
    padding-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .generic-hero-v2-double-image {
    padding-top: 3.875rem;
    padding-left: 4.375rem;
    padding-right: 4.375rem;
  }
}

@media (min-width: 1920px) {
  .generic-hero-v2-double-image {
    padding-top: 3.375rem;
    padding-left: 8.75rem;
    padding-right: 8.75rem;
  }
}

.generic-hero-v2-content-align-left .generic-hero-v2-double-img-wrapper {
  max-width: 50%;
}

@media (max-width: 1023px) {
  .generic-hero-v2-content-align-left .generic-hero-v2-double-img-wrapper {
    max-width: 100%;
    text-align: left;
  }
}

@media (min-width: 320px) and (max-width: 359px) {
  .generic-hero-v2-double-img-wrapper .generic-hero-v2-image-title {
    height: auto;
    width: 17rem;
    max-height: 100%;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 360px) {
  .generic-hero-v2-double-img-wrapper .generic-hero-v2-image-title {
    height: auto;
    width: 20.375rem;
    max-height: 100%;
    margin: 0 auto 1.625rem;
  }
}

@media (min-width: 640px) {
  .generic-hero-v2-double-img-wrapper .generic-hero-v2-image-title {
    height: auto;
    width: 22.125rem;
    max-height: 100%;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 641px) {
  .generic-hero-v2-double-img-wrapper .generic-hero-v2-image-title {
    height: auto;
  }
}

@media (min-width: 1024px) {
  .generic-hero-v2-double-img-wrapper .generic-hero-v2-image-title {
    width: 25.5rem;
  }
}

@media (min-width: 1440px) {
  .generic-hero-v2-double-img-wrapper .generic-hero-v2-image-title {
    width: 34rem;
  }
}

@media (min-width: 1920px) {
  .generic-hero-v2-double-img-wrapper .generic-hero-v2-image-title {
    width: 40.8125rem;
  }
}

.generic-hero-v2-double-img-wrapper .generic-hero-v2-subhead {
  margin: 0 auto 1.25rem !important;
}

@media (max-width: 1023px) {
  .generic-hero-v2-double-img-wrapper {
    text-align: center;
  }
  .generic-hero-v2-double-img-wrapper .generic-hero-v2-title {
    margin: 0 auto !important;
  }
  .generic-hero-v2-double-img-wrapper .generic-hero-v2-subhead {
    margin: 0 auto 0.625rem !important;
  }
}

.generic-hero-v2-second-image-container-top {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

@media (min-width: 320px) and (max-width: 359px) {
  .generic-hero-v2-second-image-container-top {
    width: 17rem;
    height: 6.25rem;
    margin: 0 auto 0.8125rem;
  }
}

@media (min-width: 360px) {
  .generic-hero-v2-second-image-container-top {
    width: 20.375rem;
    height: 7.5rem;
    margin: 0 auto 0.8125rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .generic-hero-v2-second-image-container-top {
    width: 22.125rem;
    height: 8.125rem;
    margin: 0 auto 0.625rem;
  }
}

@media (min-width: 1024px) {
  .generic-hero-v2-second-image-container-top {
    justify-content: left;
    width: 25.5rem;
    height: 9.375rem;
    margin: 0 0 0.625rem;
  }
}

@media (min-width: 1440px) {
  .generic-hero-v2-second-image-container-top {
    width: 34rem;
    height: 12.5rem;
    margin: 0 0 1.25rem;
  }
}

@media (min-width: 1920px) {
  .generic-hero-v2-second-image-container-top {
    width: 40.8125rem;
    height: 15rem;
  }
}

.generic-hero-v2-second-image-container {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
}

@media (min-width: 320px) and (max-width: 359px) {
  .generic-hero-v2-second-image-container {
    width: 17rem;
    height: 6.25rem;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 360px) {
  .generic-hero-v2-second-image-container {
    width: 20.375rem;
    height: 7.5rem;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .generic-hero-v2-second-image-container {
    width: 22.125rem;
    height: 8.125rem;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 1024px) {
  .generic-hero-v2-second-image-container {
    align-items: flex-start;
    width: 25.5rem;
    height: 9.375rem;
    margin: 0;
    text-align: right;
    justify-content: right;
  }
}

@media (min-width: 1440px) {
  .generic-hero-v2-second-image-container {
    width: 34rem;
    height: 12.5rem;
    margin: 0;
  }
}

@media (min-width: 1920px) {
  .generic-hero-v2-second-image-container {
    width: 40.8125rem;
    height: 15rem;
    margin: 0;
  }
}

.generic-hero-v2-second-image {
  width: auto;
  max-height: 100%;
}

.generic-hero-v2-content-align-dark {
  background: #ffffff;
}

.generic-hero-v2-content-align-dark .icon {
  fill: #002c5e;
}

/* #endregion */
/* #region Generic hero v2 - CTAs */
.hero-two-ctas .generic-hero-v2-title {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 2.625rem;
}

.hero-two-ctas .generic-hero-v2-subhead {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.hero-two-ctas-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  max-width: 27.5rem;
  margin: 0 auto;
}

.hero-two-ctas-container a {
  display: inline-block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #ffffff;
  text-decoration: none;
}

.hero-two-ctas-container svg {
  display: inline-block;
  font-size: 0.625rem;
  fill: #ffffff;
  margin-left: 0.5rem;
}

.hero-two-ctas-container .hero-cta {
  margin-right: 1rem;
}

.hero-two-ctas-container .hero-cta:last-of-type {
  margin-right: 0;
}

.generic-hero-v2-content-slider {
  padding-top: 1.875rem;
}

.generic-hero-v2-content-slider .generic-hero-v2-image-title {
  margin: auto;
}

@media (max-width: 1023px) {
  .hero-two-ctas .hero-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
  .hero-two-ctas .hero-subhead {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .hero-two-ctas-container {
    flex-direction: column;
  }
  .hero-two-ctas-container .hero-cta {
    margin-right: 0;
    margin-bottom: 0.8125rem;
  }
  .hero-two-ctas-container .hero-cta:last-of-type {
    margin: 0;
  }
}

.generic-hero-v2-content-align-left .hero-two-ctas-container {
  justify-content: normal;
  margin: 0;
}

.generic-hero-v2-content-align-right .hero-two-ctas-container {
  justify-content: flex-end;
  margin-right: 0;
}

.generic-hero-v2-content-align-dark .hero-two-ctas-container a {
  color: #333333;
}

.generic-hero-v2-content-align-dark .hero-two-ctas-container svg {
  fill: #333333;
}

/* #endregion */
/* #region Generic hero v2 - Cinemagraph */
.generic-hero-v2-cinemagraph .media-cinemagraph-enhanced-container {
  width: 100%;
  height: auto;
  min-width: 45rem;
  min-height: 25rem;
}

@media (min-width: 320px) {
  .generic-hero-v2-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 22.5rem;
    min-height: 22.5rem;
  }
}

@media (min-width: 360px) {
  .generic-hero-v2-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 40rem;
    min-height: 28.75rem;
  }
}

@media (min-width: 640px) {
  .generic-hero-v2-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 40rem;
    min-height: 32.5rem;
  }
}

@media (min-width: 1024px) {
  .generic-hero-v2-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 64rem;
  }
}

@media (min-width: 1440px) {
  .generic-hero-v2-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 90rem;
    min-height: 43.75rem;
  }
}

@media (min-width: 1920px) {
  .generic-hero-v2-cinemagraph .media-cinemagraph-enhanced-container {
    min-height: 50rem;
  }
}

.generic-hero-v2-cinemagraph .media-cinemagraph-enhanced-placeholder {
  min-width: 100%;
  min-height: 100%;
  display: block;
}

.generic-hero-v2-cinemagraph .media-cinemagraph-enhanced-player {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.generic-hero-v2-cinemagraph video {
  -o-object-fit: cover;
     object-fit: cover;
  left: 0px !important;
  top: 0px !important;
  width: 100% !important;
  height: 100% !important;
}

.generic-hero-v2-cinemagraph .s7playpausebutton {
  top: 0 !important;
  left: 0 !important;
}

.generic-hero-v2-cinemagraph .s7mutablevolume,
.generic-hero-v2-cinemagraph .s7videotime,
.generic-hero-v2-cinemagraph .s7fullscreenbutton {
  display: none !important;
}

@media (max-width: 639px) {
  .generic-hero-v2-cinemagraph.generic-hero-v2-extended-height .media-cinemagraph-enhanced-container {
    height: 30rem !important;
  }
}

@media (min-width: 640px) {
  .generic-hero-v2-cinemagraph.generic-hero-v2-extended-height .media-cinemagraph-enhanced-container {
    height: 40rem !important;
  }
}

@media (min-width: 1024px) {
  .generic-hero-v2-cinemagraph.generic-hero-v2-extended-height .media-cinemagraph-enhanced-container {
    height: 43.75rem !important;
  }
}

@media (min-width: 1440px) {
  .generic-hero-v2-cinemagraph.generic-hero-v2-extended-height .media-cinemagraph-enhanced-container {
    height: 55rem !important;
  }
}

@media (min-width: 1920px) {
  .generic-hero-v2-cinemagraph.generic-hero-v2-extended-height .media-cinemagraph-enhanced-container {
    height: 61.25rem !important;
  }
}

.generic-hero-v2 .s7controlbar {
  left: 0.5rem !important;
  right: 0 !important;
  width: 99% !important;
  bottom: 0.5rem !important;
  height: 1.6875rem !important;
  margin: 0 !important;
  z-index: 2;
  transform: none !important;
}

.generic-hero-v2 .s7innercontrolbarcontainer {
  height: 1.6875rem !important;
}

/* #endregion */
/* #region Generic hero v2 - Countdown timer */
.generic-hero-v2-content .hero-enhanced-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.875rem;
  padding-bottom: 0.1875rem;
}

@media (min-width: 360px) {
  .generic-hero-v2-content .hero-enhanced-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 640px) {
  .generic-hero-v2-content .hero-enhanced-title {
    font-size: 2.5rem;
    line-height: 2.625rem;
    padding-bottom: 0.5625rem;
  }
}

@media (min-width: 1024px) {
  .generic-hero-v2-content .hero-enhanced-title {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .generic-hero-v2-content .hero-enhanced-title {
    font-size: 3.375rem;
    line-height: 3.5rem;
    padding-bottom: 0.5rem;
  }
}

@media (min-width: 1920px) {
  .generic-hero-v2-content .hero-enhanced-title {
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

@media (min-width: 2560px) {
  .generic-hero-v2-content .hero-enhanced-title {
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

.generic-hero-v2-content .hero-enhanced-countdown-timer-subhead {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  color: #ffffff;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.generic-hero-v2-content .hero-enhanced-countdown-timer-subhead span {
  display: block;
}

@media (min-width: 320px) {
  .generic-hero-v2-content .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 0.75rem;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .generic-hero-v2-content .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 0.9375rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .generic-hero-v2-content .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.5625rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .generic-hero-v2-content .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.6875rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .generic-hero-v2-content .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.6875rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1920px) and (max-width: 2559px) {
  .generic-hero-v2-content .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.5625rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 2560px) {
  .generic-hero-v2-content .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.5625rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

.generic-hero-v2-content .hero-enhanced-countdown-timer-footer {
  line-height: 1.125rem;
}

.generic-hero-v2-content .hero-enhanced-countdown-timer-footer a {
  display: inline-block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  text-decoration: none;
}

.generic-hero-v2-content .hero-enhanced-countdown-timer-footer svg {
  display: inline-block;
  font-size: 0.625rem;
  fill: #ffffff;
  margin-left: 0.5rem;
}

/* #endregion */
/* #region HEY HYUNDAI SMARTCHAT */
@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .generic-hero-v2-double-image {
    flex-direction: column;
    height: 100%;
    padding-top: 2.1875rem;
    padding-left: 8.9375rem;
    padding-right: 8.9375rem;
  }
  body.chat-opened .generic-hero-v2-double-img-wrapper {
    max-width: 100%;
    text-align: left;
  }
  body.chat-opened .generic-hero-v2-second-image-container-top {
    width: 22.125rem;
    height: 8.125rem;
    margin: 0 auto 0.625rem;
  }
  body.chat-opened .generic-hero-v2-second-image-container {
    width: 22.125rem;
    height: 8.125rem;
    margin: 0 auto 1.25rem;
  }
}

.generic-hero-v2-smartchat-container {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 1rem;
  order: 1;
}

@media (min-width: 1024px) {
  .generic-hero-v2-smartchat-container {
    order: 2;
  }
}

.generic-hero-v2-content-align-left .generic-hero-v2-smartchat-container {
  justify-content: left;
}

.generic-hero-v2-content-align-right .generic-hero-v2-smartchat-container {
  justify-content: right;
}

.generic-hero-v2-content-align-center .generic-hero-v2-smartchat-container {
  justify-content: center;
}

.generic-hero-v2-content-align-top-right .generic-hero-v2-smartchat-container {
  justify-content: right;
}

.generic-hero-v2-content-align-top-center .generic-hero-v2-smartchat-container {
  justify-content: center;
}

.generic-hero-v2-content-align-bottom-left .generic-hero-v2-smartchat-container {
  justify-content: left;
}

.generic-hero-v2-smartchat-container button {
  margin: 0;
  margin-bottom: 0.625rem;
}

@media (min-width: 1024px) {
  .generic-hero-v2-smartchat-container button {
    margin: 0;
  }
}

.generic-hero-v2-smartchat-container .smartchat-contextual-cta-btn--background {
  min-height: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.625rem 0.9375rem;
}

/* #endregion */

/*

 * For cinemagraphs, using the media built in play/pause

 * button so that it can control video playing state.

 * Hiding all other elements in the control bar.

*/
.media-cinemagraph-enhanced-container {
  position: relative;
}

.media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar {
  background-image: none;
}

.media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar .s7videotime,
.media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar .s7videoscrubber,
.media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar .s7mutablevolume,
.media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar .s7fullscreenbutton {
  display: none;
}

.media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar .s7playpausebutton {
  position: relative;
  background: none !important;
  width: 1.6875rem !important;
  height: 1.6875rem !important;
}

.media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar .s7playpausebutton[selected='true']:before,
.media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar .s7playpausebutton[selected='false']:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: 0 0;
  cursor: pointer;
}

.media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar .s7playpausebutton[selected='true']:before {
  background-image: url("../../../../etc.clientlibs/hyundai/common/clientlibs/clientlib-dependencies/resources/images/play-small.svg");
}

.media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar .s7playpausebutton[selected='false']:after {
  background-image: url("../../../../etc.clientlibs/hyundai/common/clientlibs/clientlib-dependencies/resources/images/pause-small.svg");
}

.media-cinemagraph-enhanced-container .s7videoviewer .s7socialshare {
  display: none;
}

.hero .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar,
.m-hero .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar {
  bottom: 50%;
  left: 50%;
  max-width: 100vw;
  transform: translate(-50%, 200px);
}

@media (min-width: 640px) {
  .hero .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar,
  .m-hero .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar {
    transform: translate(-50%, 288px);
  }
}

@media (min-width: 1024px) {
  .hero .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar,
  .m-hero .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar {
    transform: translate(-50%, 350px);
  }
}

@media (min-width: 1024px) and (max-width: 1439px) and (max-height: 850px) {
  .hero .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar,
  .m-hero .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar {
    transform: translate(-50%, 290px);
  }
}

@media (min-width: 1024px) and (max-width: 1439px) and (max-height: 850px) {
  .m-hero .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar {
    transform: translate(-50%, 260px);
  }
}

.media-cinemagraph-enhanced-placeholder {
  opacity: 1;
  position: absolute;
  transition: opacity .5s ease-out;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.media-cinemagraph-enhanced-player {
  min-height: 0.0625rem;
  min-width: 0.0625rem;
  opacity: 0;
  transition: opacity .5s ease-in;
}

[data-loop='false'].media-cinemagraph-enhanced-player .s7playpausebutton[selected='true']:before {
  background-image: url("../../../../etc.clientlibs/hyundai/common/clientlibs/clientlib-dependencies/resources/images/replay.svg") !important;
}

.media-cinemagraph-enhanced-player-with-delay {
  transition-delay: .5s;
}

.media-cinemagraph-enhanced-container.media-cinemagraph-enhanced-loaded .media-cinemagraph-enhanced-placeholder {
  opacity: 0;
}

.media-cinemagraph-enhanced-container.media-cinemagraph-enhanced-loaded .media-cinemagraph-enhanced-player {
  opacity: 1;
}

.countdown-clock {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  top: 0;
  color: #333333;
}

.countdown {
  display: flex;
}

.countdown .block {
  display: flex;
  flex-direction: column;
  margin: 0 1rem;
}

.countdown .text {
  font-size: 0.875rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  text-align: center;
}

.countdown .digit {
  font-size: 3.375rem;
  font-weight: 500;
  line-height: 3.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-feature-settings: 'tnum';
  font-variant-numeric: tabular-nums;
  margin: auto;
  text-align: center;
  position: relative;
}

@media (max-width: 640px) {
  .countdown .digit {
    font-size: 2.5rem;
    line-height: 1.25rem;
  }
}

.countdown .separator:after {
  top: 0;
  bottom: 0;
  width: 2.1875rem;
  position: absolute;
  content: ':';
  z-index: 2;
}

.hero-content-dark {
  background: #ffffff;
}

.hero-content-dark .hero-enhanced-countdown-timer-footer a {
  color: #002c5e;
}

.hero-content-dark .hero-enhanced-countdown-timer-footer svg {
  fill: #002c5e;
}

.hero-content-dark .countdown {
  color: #333333 !important;
}

.hero-enhanced-title .countdown {
  color: #ffffff;
}

.hero-enhanced-title .countdown .text {
  line-height: 2.25rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .hero-enhanced-title .countdown .text {
    margin-top: -0.625rem;
  }
}

@media (min-width: 320px) {
  .hero-content-top-center .hero-enhanced-countdown-timer-title {
    margin: 0 auto 0.3125rem;
  }
}

.hero-content-top-center .hero-enhanced-countdown-timer-title .countdown-clock {
  margin: auto;
}

@media (min-width: 360px) and (max-width: 639px) {
  .hero-content-top-center .hero-enhanced-countdown-timer-title .countdown-clock {
    max-width: 20.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hero-content-top-center .hero-enhanced-countdown-timer-title .countdown-clock {
    max-width: 26.25rem;
    line-height: 2.625rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .hero-content-top-center .hero-enhanced-countdown-timer-title .countdown-clock {
    max-width: 27.5rem;
  }
}

.hero-enhanced-countdown-timer-subhead {
  font-weight: 400;
}

@media (min-width: 320px) {
  .hero-content-center .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.125rem;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .hero-content-center .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.125rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .hero-content-center .hero-enhanced-countdown-timer-subhead {
    max-width: 30rem;
    margin: 0 auto 1.375rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .hero-content-center .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.375rem;
  }
}

@media (min-width: 1920px) and (max-width: 2559px) {
  .hero-content-center .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.375rem;
  }
}

@media (min-width: 2560px) {
  .hero-content-center .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.375rem;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .hero-content-top-center .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 0.75rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hero-content-top-center .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.375rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .hero-content-top-center .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.375rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .hero-content-top-center .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.375rem;
  }
}

.hero-enhanced-countdown-timer-footer {
  line-height: 1.125rem;
}

.hero-enhanced-countdown-timer-footer a {
  display: inline-block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  text-decoration: none;
}

.hero-enhanced-countdown-timer-footer a.hero-enhanced-countdown-timer-calendar-cta {
  margin-right: 3rem;
}

.hero-enhanced-countdown-timer-footer a.hero-enhanced-countdown-timer-calendar-cta svg {
  margin-left: 0.4375rem;
  width: 0.875rem;
  height: 1rem;
}

.hero-enhanced-countdown-timer-footer svg {
  display: inline-block;
  font-size: 0.625rem;
  fill: #ffffff;
  margin-left: 0.5rem;
}

.hero-enhanced .hero-cta [data-smco-video]:after,
.hero-enhanced .hero-cta [data-smco-video] .il-media-ratio:after {
  display: none;
}

.ts-v2-container {
  display: flex;
  position: relative;
  max-width: 120rem;
  padding: 0 1rem;
  margin: auto;
  background-color: #ffffff;
}

.ts-v2-container.top-small {
  padding-top: 0.25rem;
}

.ts-v2-container.top-large {
  padding-top: 1rem;
}

.ts-v2-container.bottom-small {
  padding-bottom: 0.25rem;
}

.ts-v2-container.bottom-large {
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .ts-v2-container {
    padding: 0 2rem;
  }
  .ts-v2-container.top-large {
    padding-top: 2rem;
  }
  .ts-v2-container.bottom-large {
    padding-bottom: 2rem;
  }
}

@media (min-width: 1024px) {
  .ts-v2-container {
    padding: 0 2.625rem;
  }
  .ts-v2-container.top-large {
    padding-top: 2.625rem;
  }
  .ts-v2-container.bottom-large {
    padding-bottom: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .ts-v2-container {
    padding: 0 4.5rem;
  }
  .ts-v2-container.top-large {
    padding-top: 4.5rem;
  }
  .ts-v2-container.bottom-large {
    padding-bottom: 4.5rem;
  }
}

@media (min-width: 1920px) {
  .ts-v2-container {
    padding: 0 6rem;
  }
  .ts-v2-container.top-large {
    padding-top: 6rem;
  }
  .ts-v2-container.bottom-large {
    padding-bottom: 6rem;
  }
}

.ts-v2-swiper {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.ts-v2-wrapper {
  position: relative;
  width: 100%;
  height: 37.5rem;
  cursor: pointer;
}

@media (min-width: 1440px) {
  .ts-v2-wrapper {
    height: 45rem;
  }
}

@media (min-width: 1920px) {
  .ts-v2-wrapper {
    height: 55rem;
  }
}

.ts-v2-background-container {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
}

.ts-v2-gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1;
}

.ts-v2-inner-container {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 1rem;
  z-index: 1;
}

@media (min-width: 640px) {
  .ts-v2-inner-container {
    padding: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .ts-v2-inner-container {
    padding: 1.5rem;
  }
}

@media (min-width: 1440px) {
  .ts-v2-inner-container {
    padding: 2rem;
  }
}

@media (min-width: 1920px) {
  .ts-v2-inner-container {
    padding: 2.5rem;
  }
}

.ts-v2-top-banner {
  display: flex;
  width: 100%;
  height: 8.75rem;
  padding: 1rem 1rem 0;
}

@media (min-width: 640px) {
  .ts-v2-top-banner {
    height: 11.5rem;
    padding: 1.25rem 1.25rem 0;
  }
}

@media (min-width: 1024px) {
  .ts-v2-top-banner {
    height: 10rem;
    padding: 1.5rem 1.5rem 0;
  }
}

@media (min-width: 1440px) {
  .ts-v2-top-banner {
    height: 11.5rem;
    padding: 2rem 2rem 0;
  }
}

@media (min-width: 1920px) {
  .ts-v2-top-banner {
    max-width: 77.0625rem;
    margin: 0 auto;
  }
}

.ts-v2-top-banner.pos-left {
  justify-content: flex-start;
}

.ts-v2-top-banner.pos-center {
  justify-content: center;
}

.ts-v2-top-banner.pos-right {
  justify-content: flex-end;
}

.ts-v2-top-banner .ts-v2-top-image {
  width: auto;
  display: none;
}

.ts-v2-top-banner .ts-v2-top-image img {
  max-height: 100%;
}

.ts-v2-top-banner-grouping {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  gap: 1.25rem;
  width: 100%;
  height: 8.75rem;
  padding: 1rem 1rem 0;
}

@media (min-width: 640px) {
  .ts-v2-top-banner-grouping {
    height: 11.5rem;
    padding: 1.25rem 1.25rem 0;
  }
}

@media (min-width: 1024px) {
  .ts-v2-top-banner-grouping {
    height: 10rem;
    padding: 1.5rem 1.5rem 0;
  }
}

@media (min-width: 1440px) {
  .ts-v2-top-banner-grouping {
    height: 11.5rem;
    padding: 2rem 2rem 0;
  }
}

.ts-v2-top-banner-grouping.ts-v2-grouped {
  justify-content: unset;
}

.ts-v2-top-banner-grouping.pos-left {
  justify-content: flex-start;
}

.ts-v2-top-banner-grouping.pos-center {
  justify-content: center;
}

.ts-v2-top-banner-grouping.pos-right {
  justify-content: flex-end;
}

.ts-v2-top-banner-grouping .ts-v2-top-image {
  display: none;
  height: 100%;
}

.ts-v2-top-banner-grouping .ts-v2-top-image img {
  max-height: 100%;
}

.ts-v2-top-banner-grouping-vertical {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.ts-v2-top-banner-grouping-vertical .ts-v2-image-group-top {
  height: 8.75rem;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .ts-v2-top-banner-grouping-vertical .ts-v2-image-group-top {
    height: 11.5rem;
    padding: 0 1.25rem;
  }
}

.ts-v2-top-banner-grouping-vertical .ts-v2-image-group-top.pos-left {
  align-self: flex-start;
}

.ts-v2-top-banner-grouping-vertical .ts-v2-image-group-top.pos-center {
  align-self: center;
}

.ts-v2-top-banner-grouping-vertical .ts-v2-image-group-top.pos-right {
  align-self: flex-end;
}

.ts-v2-top-banner-grouping-vertical .ts-v2-image-group-bottom {
  height: 5rem;
  padding: 0 1rem;
  margin-bottom: 0.75rem;
}

@media (min-width: 640px) {
  .ts-v2-top-banner-grouping-vertical .ts-v2-image-group-bottom {
    height: 7.5rem;
    padding: 0 1.25rem;
  }
}

@media (min-width: 1024px) {
  .ts-v2-top-banner-grouping-vertical .ts-v2-image-group-bottom {
    margin-bottom: 0;
  }
}

.ts-v2-top-banner-grouping-vertical .ts-v2-image-group-bottom.pos-left {
  align-self: flex-start;
}

.ts-v2-top-banner-grouping-vertical .ts-v2-image-group-bottom.pos-center {
  align-self: center;
}

.ts-v2-top-banner-grouping-vertical .ts-v2-image-group-bottom.pos-right {
  align-self: flex-end;
}

.ts-v2-top-banner-grouping-vertical .ts-v2-top-image {
  display: none;
  height: 100%;
}

.ts-v2-top-banner-grouping-vertical img {
  max-height: 100%;
}

.ts-v2-bottom-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
}

@media (min-width: 640px) {
  .ts-v2-bottom-content {
    gap: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .ts-v2-bottom-content {
    gap: 2.5rem;
  }
}

.ts-v2-bottom-copy {
  display: flex;
  flex-direction: column;
  justify-content: left;
  flex: 1;
}

.ts-v2-bottom-copy .ts-v2-header {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  color: #ffffff;
  padding-right: 1.25rem;
}

@media (min-width: 1024px) {
  .ts-v2-bottom-copy .ts-v2-header {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

@media (min-width: 1440px) {
  .ts-v2-bottom-copy .ts-v2-header {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.ts-v2-bottom-copy .ts-v2-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #ffffff;
  padding-right: 1.25rem;
  margin-top: 0.25rem;
}

@media (min-width: 1024px) {
  .ts-v2-bottom-copy .ts-v2-text {
    font-size: 1rem;
    line-height: 1.375rem;
    margin-top: 0.5rem;
  }
}

.ts-v2-bottom-copy .ts-v2-disclaimer {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  color: #bababa;
  padding-right: 1.25rem;
  margin-top: 0.25rem;
}

@media (min-width: 1024px) {
  .ts-v2-bottom-copy .ts-v2-disclaimer {
    margin-top: 0.5rem;
  }
}

.ts-v2-bottom-copy .ts-v2-ctas {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0.5rem 1rem;
  margin-top: 0.5rem;
}

@media (min-width: 640px) {
  .ts-v2-bottom-copy .ts-v2-ctas {
    flex-direction: row;
    margin-top: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .ts-v2-bottom-copy .ts-v2-ctas {
    margin-top: 1rem;
  }
}

@media (min-width: 1440px) {
  .ts-v2-bottom-copy .ts-v2-ctas {
    width: 100%;
    gap: 1rem;
  }
}

.ts-v2-bottom-copy .ts-v2-ctas button:after {
  content: none;
}

.ts-v2-bottom-copy .ts-v2-ctas .ts-v2-card-secondary {
  display: inline-flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: var(--color) !important;
  text-decoration: none;
  cursor: pointer;
}

.ts-v2-bottom-copy .ts-v2-ctas .ts-v2-card-secondary.ts-v2-chevron svg {
  width: 2.25rem;
  height: 1rem;
}

.ts-v2-bottom-copy .ts-v2-ctas.ts-bottom-grouped-img {
  flex-direction: row;
  width: 100%;
}

.ts-v2-bottom-copy .ts-v2-ctas .ts-cta-padding {
  width: 100%;
  line-height: 1.25rem;
  padding: 0.75rem 1.875rem;
  border-width: 0.0625rem;
}

@media (min-width: 640px) {
  .ts-v2-bottom-copy .ts-v2-ctas .ts-cta-padding {
    max-width: 11.5625rem;
  }
}

@media (min-width: 1440px) {
  .ts-v2-bottom-copy .ts-v2-ctas .ts-cta-padding {
    padding: 0.75rem 2rem;
    margin-right: calc(100% - 185px);
  }
}

@media (min-width: 1024px) {
  .ts-bottom-copy-1up {
    max-width: calc(67% - 10px);
  }
}

@media (min-width: 1440px) {
  .ts-bottom-copy-1up {
    max-width: calc(50% - 10px);
  }
}

.ts-v2-bottom-img-container {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 7.6875rem;
  height: 8.75rem;
}

@media (min-width: 640px) {
  .ts-v2-bottom-img-container {
    width: 13.3125rem;
    height: 11.5rem;
  }
}

@media (min-width: 1024px) {
  .ts-v2-bottom-img-container {
    width: 16rem;
    height: 10rem;
  }
}

@media (min-width: 1440px) {
  .ts-v2-bottom-img-container {
    width: 22.5rem;
    height: 11.5rem;
  }
}

.ts-v2-bottom-img-container .ts-v2-bottom-img {
  display: flex;
}

.ts-v2-2up-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 0.25rem;
}

@media (min-width: 1024px) {
  .ts-v2-2up-wrapper {
    flex-direction: row;
  }
}

.ts-v2-2up-wrapper .ts-v2-bottom-content {
  gap: 1rem;
}

@media (min-width: 640px) {
  .ts-v2-2up-wrapper .ts-v2-bottom-content {
    gap: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .ts-v2-2up-wrapper .ts-v2-bottom-content {
    gap: 1.5rem;
  }
}

@media (min-width: 1440px) {
  .ts-v2-2up-wrapper .ts-v2-bottom-content {
    gap: 2rem;
  }
}

.ts-v2-2up-wrapper .ts-v2-ctas {
  flex-direction: column;
}

@media (min-width: 1440px) {
  .ts-v2-2up-wrapper .ts-v2-ctas {
    flex-direction: row;
  }
}

.ts-v2-2up-wrapper .ts-v2-bottom-img-container {
  width: 7.6875rem;
  height: 8.75rem;
}

@media (min-width: 640px) {
  .ts-v2-2up-wrapper .ts-v2-bottom-img-container {
    width: 13.3125rem;
    height: 11.5rem;
  }
}

@media (min-width: 1024px) {
  .ts-v2-2up-wrapper .ts-v2-bottom-img-container {
    width: 10.5rem;
    height: 10rem;
  }
}

@media (min-width: 1440px) {
  .ts-v2-2up-wrapper .ts-v2-bottom-img-container {
    width: 14.5rem;
    height: 11.5rem;
  }
}

.ts-v2-swiper-container {
  padding-left: 0;
  padding-right: 0;
}

.ts-v2-swiper-container .ts-v2-ctas {
  flex-direction: column;
  align-items: center;
}

@media (max-width: 639px) {
  .ts-v2-swiper-container .ts-v2-ctas {
    width: 100%;
  }
}

.ts-v2-swiper-container .button {
  width: 100%;
}

.ts-v2-3up-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 0.25rem;
}

@media (min-width: 1024px) {
  .ts-v2-3up-wrapper {
    flex-direction: row;
  }
}

.ts-v2-3up-wrapper .ts-v2-bottom-content {
  gap: 1rem;
}

@media (min-width: 1440px) {
  .ts-v2-3up-wrapper .ts-v2-bottom-content {
    gap: 2rem;
  }
}

.ts-v2-3up-wrapper .ts-v2-ctas {
  flex-direction: column;
}

@media (min-width: 640px) {
  .ts-v2-3up-wrapper .ts-v2-ctas {
    flex-direction: row;
    width: 100%;
  }
}

.ts-v2-3up-wrapper .ts-v2-bottom-img-container {
  width: 7.6875rem;
  height: 8.75rem;
}

@media (min-width: 640px) {
  .ts-v2-3up-wrapper .ts-v2-bottom-img-container {
    width: 13.3125rem;
    height: 11.5rem;
  }
}

@media (min-width: 1024px) {
  .ts-v2-3up-wrapper .ts-v2-bottom-img-container {
    width: 6.125rem;
    height: 10rem;
  }
}

@media (min-width: 1440px) {
  .ts-v2-3up-wrapper .ts-v2-bottom-img-container {
    width: 9.125rem;
    height: 11.5rem;
  }
}

.ts-v2-swiper .ts-v2-bottom-img-container {
  display: none;
}

@media (min-width: 640px) {
  .ts-v2-swiper .ts-v2-bottom-img-container {
    display: flex;
    width: 10.9375rem;
  }
}

.ts-v2-swiper .swiper-horizontal > .swiper-pagination-bullets,
.ts-v2-swiper .swiper-pagination-horizontal.swiper-pagination-bullets {
  position: relative;
  display: flex;
  top: 0;
  bottom: 0;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1rem;
}

.ts-v2-swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.ts-v2-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 0.5625rem;
  height: 0.5625rem;
  background-color: #888888;
  opacity: 1;
  margin: 0.625rem;
  cursor: pointer;
}

.ts-v2-swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active,
.ts-v2-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #00aad2;
}

@media (min-width: 640px) {
  .ts-v2-swiper .swiper-pagination-bullet {
    margin: 0.625rem 0.9375rem !important;
  }
}

@media (min-width: 1024px) {
  .ts-v2-2up-wrapper .swiper-pagination-bullet,
  .ts-v2-3up-wrapper .swiper-pagination-bullet {
    display: none;
  }
}

.padding-top-remove {
  padding-top: 0 !important;
}

.padding-left-remove {
  padding-left: 0 !important;
}

.padding-right-remove {
  padding-right: 0 !important;
}

@media (max-width: 639px) {
  .ts-v2-breakpoint-375 {
    display: block !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .ts-v2-breakpoint-640 {
    display: block !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .ts-v2-breakpoint-1024 {
    display: block !important;
  }
}

@media (min-width: 1440px) {
  .ts-v2-breakpoint-1440 {
    display: block !important;
  }
}

.qraq {
  width: 100%;
  display: flex;
  justify-content: center;
}

.qraq-form {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #333333;
}

.qraq-form-success {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #eef6e5;
}

.qraq-form-success .statusbar {
  width: 100%;
  max-width: 90rem;
  background-color: #eef6e5;
  padding: 1.25rem 1rem;
}

@media (min-width: 640px) {
  .qraq-form-success .statusbar {
    padding: 1.25rem 3rem;
  }
}

@media (min-width: 1024px) {
  .qraq-form-success .statusbar {
    padding: 1.25rem 4.5rem;
  }
}

@media (min-width: 1440px) {
  .qraq-form-success .statusbar {
    padding: 1.25rem 7.5rem;
  }
}

.qraq-form-success .statusbar-content {
  max-width: 100%;
  align-items: center;
}

.qraq-form-inner {
  width: 100%;
  max-width: 90rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 2rem 1rem;
}

@media (min-width: 640px) {
  .qraq-form-inner {
    padding: 2rem 3rem;
  }
}

@media (min-width: 1024px) {
  .qraq-form-inner {
    padding: 2.625rem 4.5rem;
  }
}

@media (min-width: 1440px) {
  .qraq-form-inner {
    padding: 4.5rem 7.5rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .qraq-form-inner {
    padding: 2rem 3rem !important;
  }
}

@media (min-width: 1440px) and (max-width: 2559px) {
  body.chat-opened .qraq-form-inner {
    padding: 2.625rem 4.5rem !important;
  }
}

.qraq-powertrain .ptb {
  margin-bottom: 0.5rem;
}

@media (min-width: 1024px) {
  .qraq-powertrain .ptb {
    margin-bottom: 1rem;
  }
}

.qraq-status-bar .statusbar {
  margin-bottom: 0.5rem;
}

.qraq-form-section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1024px) {
  .qraq-form-section {
    flex-direction: row;
    gap: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .qraq-form-section {
    gap: 4.5rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .qraq-form-section {
    flex-direction: column;
    gap: 1.5rem;
  }
}

@media (min-width: 1440px) and (max-width: 2559px) {
  body.chat-opened .qraq-form-section {
    flex-direction: row;
    gap: 2.625rem;
  }
}

.qraq-left-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1024px) {
  .qraq-left-section {
    width: 42%;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .qraq-left-section {
    width: 100%;
  }
}

@media (min-width: 1440px) and (max-width: 2559px) {
  body.chat-opened .qraq-left-section {
    width: 42%;
  }
}

.qraq-right-section {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 1.5rem;
}

.qraq-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

@media (min-width: 640px) {
  .qraq-fields {
    gap: 1.5rem;
  }
}

@media (min-width: 1440px) {
  .qraq-fields {
    gap: 1rem 1.5rem;
  }
}

.qraq-field {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

@media (min-width: 640px) {
  .qraq-field {
    width: calc(50% - 12px);
  }
}

.qraq-label {
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
}

.qraq-input {
  font-weight: 700;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
  background: #333333;
  border: 0.0625rem solid #bababa;
  border-radius: 0;
  padding: 0.8125rem 1rem;
}

.qraq-label-error {
  display: none;
  font-weight: 700;
  font-size: 0.875rem;
  color: #e63312;
  line-height: 1.25rem;
  margin-top: 0.25rem;
}

.qraq-field-error .qraq-input {
  border-color: #e63312 !important;
}

.qraq-field-error .qraq-label-error {
  display: block;
}

.qraq-field-error #qraq-dealer {
  border-color: var(--dealer-error-color-border) !important;
}

.qraq-field-error #qraq-first-name {
  border-color: var(--first-error-color-border) !important;
}

.qraq-field-error #qraq-last-name {
  border-color: var(--last-error-color-border) !important;
}

.qraq-field-error #qraq-email-address {
  border-color: var(--email-error-color-border) !important;
}

.qraq-field-error #qraq-phone-number {
  border-color: var(--phone-error-color-border) !important;
}

.qraq-field-error #qraq-consent {
  border-color: var(--consent-error-color-border) !important;
}

.qraq-title {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.qraq-headline {
  display: none;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.875rem;
  color: #ffffff;
  line-height: 2.25rem;
}

@media (min-width: 1024px) {
  .qraq-headline {
    font-size: 2.25rem;
    line-height: 2.125rem;
  }
}

@media (min-width: 1440px) {
  .qraq-headline {
    font-size: 3rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .qraq-headline {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1440px) and (max-width: 2559px) {
  body.chat-opened .qraq-headline {
    font-size: 3rem;
    line-height: 3rem;
  }
}

.qraq-copy {
  display: none;
  font-weight: 400;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
}

.qraq-required {
  display: none;
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
}

.qraq-edit-dealer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 640px) {
  .qraq-edit-dealer {
    flex-direction: row;
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .qraq-edit-dealer {
    flex-direction: column;
    gap: 1rem;
  }
}

@media (min-width: 1440px) {
  .qraq-edit-dealer {
    flex-direction: row;
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .qraq-edit-dealer {
    flex-direction: row;
    gap: 1.5rem;
  }
}

@media (min-width: 1440px) and (max-width: 2559px) {
  body.chat-opened .qraq-edit-dealer {
    flex-direction: column;
    gap: 1rem;
  }
}

.qraq-field-zipcode,
.qraq-field-zipcode .qraq-input,
.qraq-zip-code-container {
  width: 100%;
}

@media (min-width: 640px) {
  .qraq-field-zipcode,
  .qraq-field-zipcode .qraq-input,
  .qraq-zip-code-container {
    width: 7rem;
  }
}

@media (min-width: 1024px) {
  .qraq-field-zipcode,
  .qraq-field-zipcode .qraq-input,
  .qraq-zip-code-container {
    width: 100%;
  }
}

@media (min-width: 1440px) {
  .qraq-field-zipcode,
  .qraq-field-zipcode .qraq-input,
  .qraq-zip-code-container {
    width: 7rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .qraq-field-zipcode,
  body.chat-opened .qraq-field-zipcode .qraq-input,
  body.chat-opened .qraq-zip-code-container {
    width: 7rem;
  }
}

@media (min-width: 1440px) and (max-width: 2559px) {
  body.chat-opened .qraq-field-zipcode,
  body.chat-opened .qraq-field-zipcode .qraq-input,
  body.chat-opened .qraq-zip-code-container {
    width: 100%;
  }
}

.qraq-zip-code-container {
  position: relative;
}

.qraq-zip-code-container button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding: 1rem;
}

.qraq-zip-code-container svg {
  width: 1rem;
  height: 1rem;
  color: white;
}

.qraq-field-dealers {
  width: 100%;
  gap: 1rem;
}

@media (min-width: 640px) {
  .qraq-field-dealers {
    gap: 1.1875rem;
  }
}

@media (min-width: 1024px) {
  .qraq-field-dealers {
    gap: 1rem;
  }
}

@media (min-width: 1440px) {
  .qraq-field-dealers {
    gap: 1.1875rem;
  }
}

.qraq-field-dealers .qraq-label-error {
  margin: 0;
}

.qraq-dealers {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.qraq-dealer-disabled {
  pointer-events: none;
  opacity: 0.3;
}

.qraq-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.qraq-custom-checkbox {
  display: flex;
  gap: 0.5rem;
}

.qraq-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #333333;
  border: 0.125rem solid #bababa;
  cursor: pointer;
}

.qraq-checkbox:checked ~ .qraq-custom-checkbox .qraq-custom-checkbox-button {
  border: 0.125rem solid #00aad2;
}

.qraq-checkbox:checked ~ .qraq-custom-checkbox .qraq-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0.25rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.qraq-field-error .qraq-custom-checkbox-button {
  border: 0.125rem solid #e63312;
}

.qraq-custom-checkbox-label {
  display: flex;
}

.qraq-dealer-item {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.qraq-dealer-item-copy {
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
}

.qraq-dealer-item-svg {
  display: inline-flex;
  align-items: center;
  width: 1rem;
  height: 1rem;
  color: #00aad2;
  margin-left: 0.125rem;
}

.qraq-dealer {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.qraq-dealer-name-copy {
  font-weight: 700;
  font-size: 1.125rem;
  color: #ffffff;
  line-height: 1.5rem;
}

.qraq-dealer-name-svg {
  display: inline-flex;
  align-items: flex-end;
  width: 1.125rem;
  height: 1.125rem;
  color: #00aad2;
  margin-left: 0.125rem;
}

.qraq-dealer-distance {
  display: flex;
  gap: 0.5rem;
}

.qraq-dealer-distance-copy {
  font-weight: 400;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
}

.qraq-dealer-distance-button {
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  text-decoration: underline;
}

.qraq-loading-indicator {
  position: relative;
}

.qraq-loading-indicator .loading-indicator {
  background-color: transparent;
}

.qraq-electric-salable {
  display: none;
}

.qraq-electric-salable-banner {
  background-color: #EEF7F9;
}

.qraq-electric-salable-banner-inner {
  padding: 1rem;
}

.qraq-electric-salable-copy {
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.0625rem;
}

.qraq-preferred-contacts {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

@media (min-width: 640px) {
  .qraq-preferred-contacts {
    height: 3.125rem;
  }
}

.qraq-custom-radio {
  height: 1.125rem;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.qraq-custom-radio-input {
  width: 1.125rem;
  height: 1.125rem;
  opacity: 0;
}

.qraq-custom-radio-input:checked + label::before {
  border-color: #00aad2;
}

.qraq-custom-radio-input:checked + label::after {
  display: block;
}

.qraq-custom-radio-input:focus + label::before {
  outline-color: -webkit-focus-ring-color;
  outline-style: auto;
}

.qraq-custom-radio-label {
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.qraq-custom-radio-label::before {
  content: '';
  width: 1.125rem;
  height: 1.125rem;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.125rem solid #bababa;
  border-radius: 50%;
}

.qraq-custom-radio-label::after {
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  display: none;
  background: #00aad2;
  border-radius: 50%;
}

.qraq-field-comment {
  width: 100%;
  align-items: flex-start;
}

.qraq-field-legal {
  width: 100%;
}

.qraq-field-legal .qraq-custom-checkbox,
.qraq-field-legal .qraq-custom-checkbox-label {
  cursor: pointer;
}

.qraq-comment {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.qraq-comment-button {
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  text-decoration: underline;
}

.qraq-comment-label {
  display: flex;
  justify-content: space-between;
}

.qraq-comment-copy {
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
}

.qraq-comment-remain {
  font-weight: 700;
  font-size: 0.875rem;
  color: #bababa;
  line-height: 1.25rem;
}

.qraq-comment-textarea {
  width: 100%;
  height: 9.375rem;
  font-weight: 700;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
  background-color: #333333;
  border: 0.0625rem solid #e6e6e6;
  outline: none;
  resize: none;
  padding: 0.5625rem 1rem;
}

@media (min-width: 640px) {
  .qraq-comment-textarea {
    height: 5.25rem;
  }
}

.qraq-legal-copy {
  font-weight: 700;
  font-size: 0.875rem;
  color: #bababa;
  line-height: 1.25rem;
}

.qraq-field-submit {
  width: 100%;
  align-items: flex-start;
}

.qraq-recaptcha-copy {
  font-weight: 500;
  font-size: 0.875rem;
  color: #bababa;
  line-height: 1.125rem;
  border-top: 0.0625rem solid #999;
  padding-top: 0.75rem;
}

.qraq-recaptcha-copy a {
  color: var(--recaptcha-anchor-color);
  text-decoration: none;
  display: inline-block;
  padding-right: 1.25rem;
}

.qraq-recaptcha-copy a svg {
  display: inline-block;
  margin-left: 0.3125rem;
}

.qraq-trim .qraq-form-inner {
  padding: 2rem 1rem;
}

@media (min-width: 640px) {
  .qraq-trim .qraq-form-inner {
    padding: 3rem 3rem;
  }
}

@media (min-width: 1024px) {
  .qraq-trim .qraq-form-inner {
    padding: 3rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .qraq-trim .qraq-form-inner {
    padding: 4.5rem 7.5rem;
  }
}

.qraq-trim .qraq-status-bar .statusbar {
  margin: 0;
}

@media (min-width: 640px) {
  .qraq-trim .qraq-status-bar .statusbar {
    margin-bottom: 0.5rem;
  }
}

.qraq-trim .qraq-form-section {
  gap: 1rem;
}

@media (min-width: 640px) {
  .qraq-trim .qraq-form-section {
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .qraq-trim .qraq-form-section {
    gap: 3rem;
  }
}

.qraq-trim .qraq-left-section {
  width: 100%;
  flex: 1;
  gap: 1rem;
}

@media (min-width: 640px) {
  .qraq-trim .qraq-left-section {
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .qraq-trim .qraq-left-section {
    gap: 1rem;
  }
}

.qraq-trim .qraq-right-section {
  width: 100%;
  flex: 1;
  gap: 1rem;
}

@media (min-width: 640px) {
  .qraq-trim .qraq-right-section {
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .qraq-trim .qraq-right-section {
    gap: 1rem;
  }
}

.qraq-trim .qraq-title {
  gap: 1rem;
}

.qraq-trim .qraq-required span,
.qraq-trim .qraq-label span,
.qraq-trim .qraq-custom-checkbox-label span {
  color: #ff7575;
}

.qraq-trim .qraq-required {
  display: block;
}

.qraq-trim .qraq-fields {
  gap: 1rem;
}

@media (min-width: 640px) {
  .qraq-trim .qraq-fields {
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .qraq-trim .qraq-fields {
    gap: 1rem;
  }
}

.qraq-trim .qraq-label {
  line-height: 0.875rem;
}

.qraq-trim .qraq-field {
  width: 100%;
}

@media (min-width: 1440px) {
  .qraq-trim .qraq-field-zipcode {
    width: 7rem;
    order: 2;
  }
}

.qraq-trim .qraq-label {
  font-weight: 500;
}

.qraq-trim .qraq-input {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 0.25rem;
  padding: 0.75rem;
}

.qraq-trim .qraq-field-zipcode,
.qraq-trim .qraq-field-zipcode .qraq-input,
.qraq-trim .qraq-zip-code-container {
  width: 100%;
}

@media (min-width: 1440px) {
  .qraq-trim .qraq-field-zipcode,
  .qraq-trim .qraq-field-zipcode .qraq-input,
  .qraq-trim .qraq-zip-code-container {
    width: 7rem;
  }
}

.qraq-trim .qraq-field-dealers {
  width: 100%;
  gap: 1rem;
}

@media (min-width: 1440px) {
  .qraq-trim .qraq-field-dealers {
    flex: 1;
    order: 3;
  }
}

.qraq-trim .qraq-field-dealers .qraq-label-error {
  margin: -0.5rem 0 0;
}

@media (min-width: 1024px) {
  .qraq-trim .qraq-field-dealers .qraq-label-error {
    margin: -0.125rem 0 0;
  }
}

@media (min-width: 1024px) {
  .qraq-trim .qraq-dealers {
    gap: 0.625rem;
  }
}

.qraq-trim .qraq-custom-checkbox-label {
  display: block;
  font-weight: 400;
  font-size: 0.75rem;
  color: #bababa;
  line-height: 1rem;
}

.qraq-trim .qraq-custom-checkbox-label a {
  font-weight: 400;
  color: var(--legal-anchor-color, #bababa);
}

.qraq-trim .qraq-custom-checkbox-button {
  border: 0.09375rem solid #bababa;
  border-radius: 0.1875rem;
}

.qraq-trim .qraq-checkbox:checked ~ .qraq-custom-checkbox .qraq-custom-checkbox-button {
  border: 0.09375rem solid #00aad2;
  background-color: #00aad2 !important;
}

.qraq-trim .qraq-checkbox:checked ~ .qraq-custom-checkbox .qraq-custom-checkbox-button:after {
  top: 0.0625rem;
  left: 0.3125rem;
  border: 0.125rem solid #ffffff;
  border-width: 0 0.125rem 0.125rem 0;
}

.qraq-trim .qraq-edit-dealer,
.qraq-trim .qraq-dealer {
  background-color: #4e4d4d;
  border-radius: 0.625rem;
}

.qraq-trim .qraq-edit-dealer-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 0.75rem;
}

@media (min-width: 1440px) {
  .qraq-trim .qraq-edit-dealer-inner {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.qraq-trim .qraq-dealer-inner {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
}

.qraq-trim .qraq-dealer-item .sticky-icon-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.qraq-trim .qraq-dealer-item-copy {
  font-weight: 400;
  margin-right: 0.5rem;
}

.qraq-trim .qraq-dealer-name-copy {
  margin-right: 0.25rem;
}

.qraq-trim .qraq-dealer-preferred {
  height: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  background-color: #ffffff;
  border-radius: 1.5rem;
  padding: 0 0.5rem 0 0.25rem;
}

.qraq-trim .qraq-dealer-preferred-svg {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 0.125rem;
}

.qraq-trim .qraq-dealer-preferred-svg svg {
  width: 100%;
  height: 100%;
}

.qraq-trim .qraq-dealer-preferred-copy {
  font-weight: 500;
  font-size: 0.75rem;
  color: #333333;
  line-height: 0.75rem;
  padding-top: 0.0625rem;
}

@media (min-width: 1440px) {
  .qraq-trim .qraq-electric-salable {
    width: 100%;
    order: 1;
  }
}

.qraq-trim .qraq-field-trims {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.qraq-trim .qraq-vehicle-image {
  display: flex;
  justify-content: center;
  height: 8.75rem;
}

@media (min-width: 640px) {
  .qraq-trim .qraq-vehicle-image {
    height: 9.6875rem;
  }
}

.qraq-trim .qraq-vehicle-image img {
  height: 100%;
}

.qraq-trim .qraq-vehicle-image-disabled {
  height: 0;
}

.qraq-trim .qraq-vehicle-image-disabled img {
  display: none;
}

.qraq-trim .qraq-vehicle-image-disclaimer {
  font-weight: 700;
  font-size: 0.75rem;
  color: #bababa;
  line-height: 1rem;
  text-align: center;
}

.qraq-trim .qraq-vehicle-image-disclaimer svg {
  color: #ffffff;
}

.qraq-trim .qraq-vehicle-image-disclaimer-inner {
  margin: 0.25rem 0;
}

@media (min-width: 640px) {
  .qraq-trim .qraq-vehicle-image-disclaimer-inner {
    margin: 0.5rem 1rem;
  }
}

.qraq-trim .qraq-dropdown-field {
  position: relative;
}

.qraq-trim .qraq-dropdown-field svg {
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
}

.qraq-trim .qraq-dropdown {
  width: 100%;
  font-weight: 400;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  background: #333333;
  -webkit-appearance: none;
          appearance: none;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  padding: 0.75rem;
}

.qraq-trim .qraq-dealer-name-copy {
  font-weight: 500;
}

.qraq-trim .qraq-dealer-distance-button {
  font-weight: 500;
}

.qraq-trim .qraq-field-comment {
  gap: 0;
}

.qraq-trim .qraq-comment-top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.qraq-trim .qraq-comment-button {
  display: flex;
  align-items: center;
  gap: 0.4375rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-decoration: none;
}

.qraq-trim .qraq-comment-button svg {
  width: 0.625rem;
  height: 0.625rem;
}

.qraq-trim .qraq-comment-button-open .qraq-comment-button-icon {
  transform: rotate(180deg);
}

.qraq-trim .qraq-comment-button-open + .qraq-comment-remain {
  display: none !important;
}

@media (min-width: 1024px) {
  .qraq-trim .qraq-comment-button-open + .qraq-comment-remain {
    display: block !important;
  }
}

.qraq-trim .qraq-comment {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 0.75rem 0;
}

.qraq-trim .qraq-comment-textarea {
  height: 4.9375rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #bababa;
  padding: 0.75rem;
}

.qraq-trim .qraq-comment-remain {
  display: block;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .qraq-trim .qraq-comment-remain {
    display: none;
  }
}

.qraq-trim .qraq-comment-top .qraq-comment-remain {
  display: none;
}

.qraq-trim .qraq-legal-copy {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
}

.qraq-trim .qraq-legal-copy a {
  color: #bababa;
}

.qraq-trim .qraq-submit {
  font-weight: 500;
  color: #333333;
  line-height: 1rem;
}

.qraq-trim .qraq-recaptcha-copy {
  font-size: 0.75rem;
  line-height: 1rem;
  padding-top: 1.5rem;
  margin-top: 1rem;
}

.qraq-trim .qraq-recaptcha-copy a {
  color: #ffffff;
}

.qraq-trim .qraq-field-error #qraq-dealer {
  border: 0.125rem solid var(--dealer-error-color-border) !important;
}

.qraq-trim .qraq-field-error #qraq-first-name {
  border: 0.125rem solid var(--first-error-color-border) !important;
  padding: 0.6875rem;
}

.qraq-trim .qraq-field-error #qraq-last-name {
  border: 0.125rem solid var(--last-error-color-border) !important;
  padding: 0.6875rem;
}

.qraq-trim .qraq-field-error #qraq-email-address {
  border: 0.125rem solid var(--email-error-color-border) !important;
  padding: 0.6875rem;
}

.qraq-trim .qraq-field-error #qraq-phone-number {
  border: 0.125rem solid var(--phone-error-color-border) !important;
  padding: 0.6875rem;
}

.qraq-trim .qraq-field-error #qraq-zip-code {
  border: 0.125rem solid var(--zip-error-color-border) !important;
  padding: 0.6875rem;
}

.qraq-trim .qraq-field-error #qraq-consent {
  border: 0.125rem solid var(--consent-error-color-border) !important;
}

.qraq-trim .qraq-field-error #qraq-trims {
  border: 0.125rem solid var(--trims-error-color-border) !important;
  padding: 0.6875rem;
}

.qraq-trim .qraq-label-error {
  font-weight: 400;
  line-height: 0.875rem;
}

.qraq-trim .qraq-input:focus,
.qraq-trim .qraq-dropdown:focus,
.qraq-trim .qraq-comment-textarea:focus {
  border: 0.0625rem solid #00aad2;
}

.qraq-trim .qraq-custom-checkbox-button:focus {
  border: 0.09375rem solid #00aad2 !important;
}

.qraq-trim .qraq-submit:focus {
  box-shadow: none;
}

.qraq-trim .tooltip-trigger:focus {
  outline: none;
}

.qraq-trim .qraq-input:focus,
.qraq-trim .qraq-dealer-distance-button:focus,
.qraq-trim .qraq-custom-checkbox-button:focus,
.qraq-trim .qraq-dropdown:focus,
.qraq-trim .qraq-comment-button:focus,
.qraq-trim .qraq-comment-textarea:focus,
.qraq-trim .qraq-legal-copy a:focus,
.qraq-trim .qraq-submit:focus,
.qraq-trim .qraq-recaptcha-copy a:focus,
.qraq-trim .tooltip-trigger:focus svg {
  outline: 0.125rem solid #ffffff;
  outline-offset: 0.125rem;
}

.qraq-trim .qraq-input:focus,
.qraq-trim .qraq-dropdown:focus,
.qraq-trim .qraq-comment-textarea:focus {
  border: 0.125rem solid #00aad2 !important;
  padding: 0.6875rem;
}

.qraq-trim .qraq-input:hover,
.qraq-trim .qraq-dropdown-field:hover .qraq-dropdown,
.qraq-trim .qraq-comment-textarea:hover {
  border: 0.0625rem solid #00aad2;
}

.qraq-trim .qraq-custom-checkbox-button:hover {
  border: 0.09375rem solid #00aad2;
}

@media (min-width: 1440px) {
  .qraq-1440 {
    display: block;
  }
}

@media (min-width: 1440px) and (max-width: 2559px) {
  body.chat-opened .qraq-1440 {
    display: none;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .qraq-1024 {
    display: block;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .qraq-1024 {
    display: none;
  }
}

@media (min-width: 1440px) and (max-width: 2559px) {
  body.chat-opened .qraq-1024 {
    display: block;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .qraq-640 {
    display: block;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .qraq-640 {
    display: block;
  }
}

@media (min-width: 1440px) and (max-width: 2559px) {
  body.chat-opened .qraq-640 {
    display: none;
  }
}

@media (max-width: 639px) {
  .qraq-375 {
    display: block;
  }
}

.ro-v2-modal-form {
  width: 100%;
  max-width: 40rem;
  max-height: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  overflow-y: auto;
  z-index: 1002;
}

@media (min-width: 640px) {
  .ro-v2-modal-form {
    max-height: 100vh;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ro-v2-modal {
    position: fixed;
    display: flex;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100vw - 375px);
    z-index: 1008;
    transform: translateZ(0);
  }
}

.ro-v2-form-header {
  background-color: #e6e6e6;
}

.ro-v2-form-header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.0625rem 1rem;
}

@media (min-width: 640px) {
  .ro-v2-form-header-inner {
    padding: 1.0625rem 3rem;
  }
}

.ro-v2-form-header-model {
  display: flex;
  gap: 0.1875rem;
  font-size: 1rem;
  color: #000000;
  line-height: 1.375rem;
}

.ro-v2-form-header-model span {
  font-weight: 700;
}

.ro-v2-form-close {
  display: flex;
}

.ro-v2-form {
  background-color: #ffffff;
}

.ro-v2-form .statusbar-content {
  align-items: center;
}

@media (min-width: 640px) {
  .ro-v2-form .statusbar {
    padding: 1.25rem 3rem;
  }
}

.ro-v2-form-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem 1rem;
}

@media (min-width: 640px) {
  .ro-v2-form-inner {
    padding: 1.5rem 3rem 3rem;
  }
}

.ro-v2-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 640px) {
  .ro-v2-fields {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.ro-v2-modal-col .ro-v2-fields {
  flex-direction: column;
}

.ro-v2-field {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.ro-v2-modal-col .ro-v2-field {
  width: 100% !important;
}

.ro-v2-label {
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  line-height: 0.875rem;
}

.ro-v2-label svg {
  color: #002c5e;
}

.ro-v2-input {
  height: 2.75rem;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  background: #ffffff;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  padding: 0.0625rem 0.75rem;
}

.ro-v2-input:hover {
  border-color: #00aad2;
}

.ro-v2-label-error {
  display: none;
  font-weight: 400;
  font-size: 0.875rem;
  color: #e63312;
  line-height: 0.875rem;
  margin-top: 0.25rem;
}

.ro-v2-field-error .ro-v2-input {
  border-color: #e63312;
}

.ro-v2-field-error .ro-v2-label-error {
  display: block;
}

.ro-v2-field-error #ro-v2-first-name {
  border: 0.125rem solid var(--first-name-error-color-border) !important;
  padding: 0.6875rem;
}

.ro-v2-field-error #ro-v2-last-name {
  border: 0.125rem solid var(--last-name-error-color-border) !important;
  padding: 0.6875rem;
}

.ro-v2-field-error #ro-v2-email-address {
  border: 0.125rem solid var(--email-address-error-color-border) !important;
  padding: 0.6875rem;
}

.ro-v2-field-error #ro-v2-zip-code {
  border: 0.125rem solid var(--zip-code-error-color-border) !important;
  padding: 0.6875rem;
}

.ro-v2-field-error #ro-v2-dealer {
  border-color: var(--dealer-error-color-border) !important;
}

.ro-v2-field-error #ro-v2-trims {
  border: 0.125rem solid var(--trims-error-color-border) !important;
  padding: 0.6875rem;
}

.ro-v2-field-error #ro-v2-phone-number {
  border: 0.125rem solid var(--phone-error-color-border) !important;
  padding: 0.6875rem;
}

.ro-v2-field-error #ro-v2-consent {
  border-color: var(--consent-error-color-border) !important;
}

.ro-v2-field-error-focus .ro-v2-label-error {
  display: none;
}

.ro-v2-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.ro-v2-custom-checkbox {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
}

.ro-v2-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.09375rem solid #bababa;
  border-radius: 0.1875rem;
  cursor: pointer;
}

.ro-v2-custom-checkbox-button:hover {
  border-color: #00aad2;
}

.ro-v2-checkbox:checked ~ .ro-v2-custom-checkbox .ro-v2-custom-checkbox-button {
  background-color: #00aad2;
  border: 0.09375rem solid #00aad2;
  border-radius: 0.1875rem;
}

.ro-v2-checkbox:checked ~ .ro-v2-custom-checkbox .ro-v2-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.0625rem;
  left: 0.3125rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: 0.125rem solid #ffffff;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.ro-v2-field-error .ro-v2-custom-checkbox-button {
  border: 0.125rem solid #e63312;
}

.ro-v2-dropdown-field {
  position: relative;
}

.ro-v2-dropdown-field svg {
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #002c5e;
}

.ro-v2-dropdown {
  width: 100%;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  background: #ffffff;
  -webkit-appearance: none;
          appearance: none;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  padding: 0.75rem;
}

.ro-v2-dropdown:hover {
  border-color: #00aad2;
}

@media (min-width: 640px) {
  .ro-v2-group-main .ro-v2-field {
    width: calc(50% - 12px);
  }
}

.ro-v2-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
  line-height: 1.625rem;
  margin-bottom: 0.375rem;
}

.ro-v2-copy {
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  margin-bottom: 0.75rem;
}

.ro-v2-required {
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  margin-bottom: 1rem;
}

.ro-v2-required-icon {
  color: #e63312;
}

.ro-v2-input-zip-code {
  position: relative;
}

.ro-v2-input-zip-code svg {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  right: 0.625rem;
  transform: translateY(-50%);
}

.ro-v2-input-zip-code .ro-v2-input {
  width: 100%;
  padding: 0.5625rem 2rem 0.5625rem 0.75rem;
}

.ro-v2-input-zip-code button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding: 1.25rem 1rem;
}

.ro-v2-electric-salable-banner {
  background-color: #eef7f9;
}

.ro-v2-electric-salable-banner-inner {
  padding: 1rem;
}

.ro-v2-electric-salable-copy {
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.ro-v2-group-dealers {
  background-color: #e6e6e6;
  border-radius: 0.625rem;
}

.ro-v2-group-dealers .ro-v2-field {
  gap: 0.25rem;
}

.ro-v2-dealers-list .ro-v2-label {
  font-size: 0.75rem;
  line-height: 0.75rem;
  padding-bottom: 0.75rem;
}

.ro-v2-dealers {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1024px) {
  .ro-v2-dealers {
    gap: 0.625rem;
  }
}

.ro-v2-dealers .ro-v2-label-error {
  margin-top: -0.5rem;
}

@media (min-width: 1024px) {
  .ro-v2-dealers .ro-v2-label-error {
    margin-top: -0.125rem;
  }
}

.ro-v2-dealer-disabled {
  pointer-events: none;
  opacity: 0.3;
}

.ro-v2-dealer-item {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ro-v2-dealer-item-copy {
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  padding-right: 0.5rem;
}

.ro-v2-dealer-preferred {
  display: inline-flex;
  align-items: center;
  border-radius: 1.5rem;
  padding: 0.125rem 0.5rem 0.125rem 0.25rem;
  background-color: #ffffff;
  color: #333333;
  gap: 0.25rem;
}

.ro-v2-dealer-preferred svg {
  width: 0.75rem;
  height: 0.625rem;
}

.ro-v2-dealer-preferred .ro-v2-dealer-preferred-text {
  font-size: 0.75rem;
  line-height: 0.75rem;
  font-weight: 500;
  padding-top: 0.125rem;
}

.ro-v2-dealer-item-svg {
  display: inline-flex;
  align-items: center;
  width: 1rem;
  height: 1rem;
  color: #00aad2;
  margin-left: 0.125rem;
}

.ro-v2-loading-indicator {
  position: relative;
}

.ro-v2-loading-indicator .loading-indicator {
  background-color: transparent;
}

.ro-v2-dealer-selected {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
}

.ro-v2-dealer-selected-name {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #333333;
  padding-right: 0.5rem;
}

.ro-v2-dealer-expand {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 0.75rem;
}

.ro-v2-dealer-selected-distance {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333333;
}

.ro-v2-dealer-selected-distance .ro-v2-dealer-change-cta {
  font-weight: 500;
  color: #002c5e;
  text-decoration: underline;
  margin-left: 0.5rem;
}

.align-center {
  display: flex;
  align-items: center;
}

.ro-v2-group-trims {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}

.ro-v2-group-trims .sticky-icon-wrap {
  margin-top: -0.1875rem;
}

.ro-v2-group-trims .ro-v2-required-icon {
  margin-left: -0.125rem;
}

.ro-v2-vehicle-image {
  width: 100%;
  max-width: 16.6875rem;
}

@media (min-width: 640px) {
  .ro-v2-vehicle-image {
    max-width: 30rem;
  }
}

.ro-v2-vehicle-image img {
  width: 100%;
}

.ro-v2-vehicle-image-disclaimer {
  font-weight: 700;
  font-size: 0.75rem;
  color: #888888;
  line-height: 1rem;
  text-align: center;
}

.ro-v2-vehicle-image-disclaimer svg {
  color: #002c5e;
}

.ro-v2-vehicle-image-disclaimer-inner {
  margin: 0.25rem 0;
}

@media (min-width: 640px) {
  .ro-v2-vehicle-image-disclaimer-inner {
    margin: 0.5rem 1rem;
  }
}

.ro-v2-group-comments,
.ro-v2-comment {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.75rem;
}

.ro-v2-comment-button {
  font-weight: 500;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 0.875rem;
}

.ro-v2-comment-button svg {
  width: 0.625rem;
  margin: 0 0 0 0.25rem;
}

.ro-v2-comment-button-open svg {
  transform: rotate(180deg);
}

.ro-v2-comment-textarea {
  width: 100%;
  height: 6.4375rem;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  background-color: #ffffff;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  outline: none;
  resize: none;
  padding: 0.75rem;
}

.ro-v2-comment-textarea:hover {
  border-color: #00aad2;
}

.ro-v2-comment-remain {
  font-weight: 500;
  font-size: 0.875rem;
  color: #888888;
  line-height: 0.875rem;
}

.ro-v2-group-consent {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

.ro-v2-group-consent .ro-v2-custom-checkbox {
  cursor: pointer;
  font-size: 0.75rem;
  line-height: 1rem;
  align-items: flex-start;
}

.ro-v2-group-consent .ro-v2-custom-checkbox-label {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
}

.ro-v2-group-consent .ro-v2-custom-checkbox-label a {
  color: #333333;
}

.ro-v2-form-submit {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
  padding: 0.75rem 1.5rem;
}

.ro-v2-form-submit-field .ro-v2-label-error {
  margin-top: 0.625rem;
}

.ro-v2-form-divider {
  border-bottom: 0.0625rem solid #e6e6e6;
  margin: 0.5rem 0 1.5rem;
}

.ro-v2-form-legal-copy {
  font-weight: 400;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
}

.ro-v2-form-legal-copy a {
  color: #666666;
}

.ro-v2-recaptcha-legal-copy {
  font-weight: 500;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
}

.ro-v2-recaptcha-legal-copy a {
  color: #002c5e;
  text-decoration: none;
  display: inline-block;
  padding-right: 1.25rem;
}

.ro-v2-recaptcha-legal-copy a svg {
  display: inline-block;
  margin-left: 0.3125rem;
}

.ro-v2-modal-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1001;
}

@media (min-width: 1024px) {
  .ro-v2-modal-background {
    -webkit-backdrop-filter: blur(var(--backdrop-filter-blur));
            backdrop-filter: blur(var(--backdrop-filter-blur));
  }
}

@supports (-webkit-touch-callout: none) {
  .ro-v2-input,
  .ro-v2-comment-textarea,
  .ro-v2-dropdown {
    font-size: 1rem;
  }
}

.ro-v2 .ro-v2-input:focus,
.ro-v2 .ro-v2-dealer-change-cta:focus,
.ro-v2 .ro-v2-custom-checkbox-button:focus,
.ro-v2 .ro-v2-custom-checkbox-label a:focus,
.ro-v2 .ro-v2-dropdown:focus,
.ro-v2 .ro-v2-comment-button:focus,
.ro-v2 .ro-v2-comment-textarea:focus,
.ro-v2 .ro-v2-form-legal-copy a:focus,
.ro-v2 .ro-v2-recaptcha-legal-copy a:focus,
.ro-v2 .tooltip-trigger:focus svg,
.ro-v2 .ro-v2-form-submit:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.ro-v2 .ro-v2-input:focus,
.ro-v2 .ro-v2-dropdown:focus,
.ro-v2 .ro-v2-comment-textarea:focus {
  border: 0.125rem solid #00aad2 !important;
  padding: 0.6875rem;
}

.ro-v2 .ro-v2-custom-checkbox-button:focus {
  border: 0.09375rem solid #00aad2 !important;
}

.ro-v2 .tooltip-trigger:focus {
  outline: none;
}

.ro-v2 .ro-v2-form-submit:focus {
  box-shadow: none;
}

.ro-v2-button {
  -webkit-tap-highlight-color: transparent;
}
.gn-owners {
  padding: 4rem 2.625rem;
}

@media (min-width: 1440px) {
  .gn-owners {
    padding: 4rem 4.5rem;
  }
}

.gn-owners-menu {
  display: grid;
  grid-template-columns: repeat(2, minmax(-webkit-min-content, -webkit-max-content));
  grid-template-columns: repeat(2, minmax(min-content, max-content));
  gap: 1.25rem 3.75rem;
  justify-content: center;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .gn-owners-menu {
    grid-template-columns: repeat(4, minmax(-webkit-min-content, -webkit-max-content));
    grid-template-columns: repeat(4, minmax(min-content, max-content));
  }
}

.owners-menu-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #002c5e;
}

.owners-menu-item .owners-menu-item-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.25rem;
  cursor: pointer;
}

.owners-menu-item:hover {
  color: #00aad2;
}

.owners-menu-item svg {
  width: 0.625rem;
  height: 0.625rem;
}

.gn-blue-bar .global-header-dropdown {
  height: auto;
  background-color: transparent;
  overflow-y: visible;
}

.gn-blue-bar .global-header-search-bar {
  background-color: transparent;
}

.gn-blue-bar .global-header-dropdown-content-container {
  display: none;
}

.gn-blue-bar .global-header-dropdown-faq-container:last-of-type {
  display: none;
}

.gn-shopping-tools {
  max-width: 81rem;
  padding: 2rem 1.25rem;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .gn-shopping-tools {
    padding: 2rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .gn-shopping-tools {
    padding: 2rem 0;
  }
}

.gn-st-top-menu {
  display: grid;
  grid-template-columns: repeat(5, minmax(-webkit-min-content, -webkit-max-content));
  grid-template-columns: repeat(5, minmax(min-content, max-content));
  row-gap: 1rem;
  column-gap: 1.5rem;
  justify-content: center;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .gn-st-top-menu {
    grid-template-columns: repeat(6, minmax(-webkit-min-content, -webkit-max-content));
    grid-template-columns: repeat(6, minmax(min-content, max-content));
    column-gap: 2rem;
  }
}

.st-top-item {
  width: 6.25rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

.st-top-item:hover .st-top-item-text {
  color: #00aad2;
}

.st-top-item .st-top-item-icon {
  width: 4rem;
  height: 3rem;
}

.st-top-item .st-top-item-icon svg {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  fill: transparent;
}

.st-top-item .st-top-item-text {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.25rem;
  color: #002c5e;
  text-align: center;
  cursor: pointer;
}

.gn-st-bottom-menu {
  display: grid;
  grid-template-columns: repeat(2, minmax(-webkit-min-content, -webkit-max-content));
  grid-template-columns: repeat(2, minmax(min-content, max-content));
  gap: 1rem 3.75rem;
  justify-content: center;
  margin: 2rem auto 0;
  padding: 2rem 0;
  border-top: 1px solid #e6e6e6;
}

@media (min-width: 1024px) {
  .gn-st-bottom-menu {
    grid-template-columns: repeat(4, minmax(-webkit-min-content, -webkit-max-content));
    grid-template-columns: repeat(4, minmax(min-content, max-content));
  }
}

.gn-st-bottom-menu .st-bottom-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.25rem;
  color: #002c5e;
  text-decoration: none;
  cursor: pointer;
}

.gn-st-bottom-menu .st-bottom-item:hover {
  color: #00aad2;
}

.gn-st-bottom-menu .st-bottom-item svg {
  width: 0.625rem;
  height: 0.625rem;
}


.gn-vehicle-tab-menu {
  width: 100%;
  background-color: #ffffff;
  position: relative;
}

.gn-vehicle-tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}

@media (min-width: 640px) {
  .gn-vehicle-tabs {
    padding: 0 2.8125rem;
  }
}

@media (min-width: 1024px) {
  .gn-vehicle-tabs {
    gap: 4rem;
  }
}

.gn-vehicle-tab {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.25rem;
  color: #bababa;
  padding: 0.625rem 0;
  border-bottom: 0.125rem solid transparent;
  cursor: pointer;
}

.gn-vehicle-tab.active-tab {
  color: #ffffff;
  border-bottom: 0.125rem solid #00aad2;
}

.vehicle-browse-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.9375rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.25rem;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.vehicle-browse-link svg {
  width: 0.625rem;
  height: 0.625rem;
}

.gn-category-slide {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(-webkit-min-content, -webkit-max-content));
  grid-template-columns: repeat(2, minmax(min-content, max-content));
  gap: 1rem 2rem;
  justify-content: center;
  margin: 0 auto;
  padding: 3rem 1.375rem 3.875rem 1.375rem;
  cursor: default;
}

@media (min-width: 1024px) {
  .gn-category-slide {
    grid-template-columns: repeat(3, minmax(-webkit-min-content, -webkit-max-content));
    grid-template-columns: repeat(3, minmax(min-content, max-content));
    padding: 3rem 3.5625rem 5rem 3.5625rem;
  }
}

@media (min-width: 1440px) {
  .gn-category-slide {
    padding: 5rem 12.8125rem 4rem 12.8125rem;
  }
}

.gn-category-slide a {
  text-decoration: none;
}

.gn-vehicle-card {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 0.1875rem;
}

.gn-vehicle-card:hover {
  padding-bottom: 1px;
  border-bottom: 0.125rem solid #00aad2;
}

.gn-vehicle-card:hover .gnvc-non-hover {
  display: none !important;
}

.gn-vehicle-card:hover .gnvc-hover {
  display: block !important;
}

.gnvc-left-column {
  width: 6rem;
  min-width: 6rem;
}

@media (min-width: 1024px) {
  .gnvc-left-column {
    width: 7.5rem;
    min-width: 7.5rem;
  }
}

@media (min-width: 1440px) {
  .gnvc-left-column {
    width: 10rem;
    min-width: 10rem;
  }
}

.gnvc-left-column .gnvc-non-hover {
  display: block;
}

.gnvc-left-column .gnvc-hover {
  display: none;
}

.gnvc-right-column {
  display: flex;
  flex-direction: column;
}

.gnvc-right-column .gnvc-year {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.25rem;
  color: #002c5e;
}

.gnvc-right-column .gnvc-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.375rem;
  color: #002c5e;
}

.gnvc-right-column .gnvc-price {
  display: flex;
  flex-direction: row;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.25rem;
  color: #333333;
  gap: 0.1875rem;
}

.gnvc-right-column .gnvc-msrp {
  font-weight: 400;
  white-space: nowrap;
}

.gnvc-right-column .gnvc-disclaimer {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #888888;
  width: 100%;
  max-width: 10rem;
}

.gn-legal-disclaimer {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  color: #888888;
  text-align: start;
  font-weight: 700;
  line-height: 1rem;
  letter-spacing: 0px;
  max-width: auto;
}

@media (min-width: 640px) {
  .gn-legal-disclaimer {
    max-width: 19.625rem;
    padding: 0.75rem 1rem 0.75rem 1rem;
  }
}

@media (min-width: 1440px) {
  .gn-legal-disclaimer {
    max-width: 22.125rem;
    padding: 0.5rem 1rem 0.5rem 1rem;
  }
}

.gn-legal-disclaimer-center-aligned {
  text-align: center;
}

.gn-legal-disclaimer-right-aligned {
  text-align: end;
}

.gn {
  width: 100%;
  height: 2.75rem !important;
  position: relative;
  color: #666666;
  background-color: #ffffff;
  z-index: 1001;
}

@media (min-width: 640px) {
  .gn {
    height: 4rem !important;
  }
}

.gn-nav-wrapper {
  position: relative;
  width: 100%;
  height: 2.75rem;
  transition: top 0.3s linear;
  background-color: #ffffff;
  border-bottom: 1px solid #e6e6e6;
  z-index: 4;
}

@media (min-width: 640px) {
  .gn-nav-wrapper {
    height: 4rem;
  }
}

.gn-inner {
  position: relative;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 90rem;
  height: 2.75rem;
  margin: 0 auto;
  padding: 0 1.25rem;
  transition: top 0.3s linear;
  background-color: #ffffff;
  border-bottom: 1px solid #e6e6e6;
  z-index: 5;
}

@media (min-width: 640px) {
  .gn-inner {
    padding: 0 2rem;
    height: 4rem;
  }
}

@media (min-width: 1024px) {
  .gn-inner {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .gn-inner {
    padding: 0 4.5rem;
  }
}

.gn-inner .gn-left-side {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
}

@media (min-width: 640px) {
  .gn-inner .gn-left-side {
    gap: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .gn-inner .gn-left-side {
    gap: 2rem;
  }
}

@media (min-width: 1440px) {
  .gn-inner .gn-left-side {
    gap: 3.25rem;
  }
}

.gn-inner .gn-right-side {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}

@media (max-width: 374px) {
  .gn-inner .gn-right-side {
    gap: 0.2rem;
  }
}

.gn-logo {
  display: block;
}

@media (min-width: 640px) {
  .gn-logo {
    padding: 0;
  }
}

@media (min-width: 640px) {
  .gn-logo {
    padding: 0;
  }
}

@media (max-width: 640px) {
  .gn-logo-small {
    display: block;
    min-width: 2.375rem;
    height: 1.25rem;
  }
}

@media (min-width: 640px) {
  .gn-logo-small {
    display: none;
  }
}

.gn-logo-large {
  display: none;
}

@media (min-width: 640px) {
  .gn-logo-large {
    display: block;
  }
}

.gn-dropdown-menu {
  display: inline-flex;
  gap: 0.5rem;
  cursor: pointer;
}

.gn-dropdown-menu .gn-dropdown-label {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1rem;
  color: #666666;
}

.gn-dropdown-menu svg {
  width: 0.625rem;
  height: 0.375rem;
  fill: #002c5e;
  transition: transform 300ms ease-in-out;
}

.gn-right-nav {
  display: inline-flex;
  margin-right: 0.5rem;
  cursor: pointer;
}

.gn-right-nav a {
  display: inline-flex;
  flex-shrink: 0;
  text-decoration: none;
}

.gn-right-nav .gn-right-label {
  display: none;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1rem;
  color: #666666;
  margin-left: 0.625rem;
  white-space: nowrap;
}

@media (min-width: 1024px) {
  .gn-right-nav .gn-right-label {
    display: block;
  }
}

.gn-right-nav svg {
  fill: initial;
}

@media (max-width: 639px) {
  .gn-show-on-desktop .gn-right-label {
    display: block;
    font-size: 0.75rem;
    margin-left: 0.25rem;
  }
}

.gn-outer {
  width: 100%;
}

.gn-dropdown-tab {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  width: 100%;
  height: auto;
  transform: translate(0, -100%);
  transition: transform 0.4s ease-in-out;
  z-index: 1;
}

.gn-dropdown-tab.dropdown-scroll-open {
  transform: translate(0, 64px);
  z-index: 2;
}

.dropdown-scroll-open .gn-dropdown-tab {
  position: relative;
  transform: translate(0, 0);
  visibility: visible;
}

@media (min-width: 640px) {
  .dropdown-scroll-open .gn-dropdown-tab {
    position: absolute;
  }
}

.dropdown-menu-open .gn-dropdown-label {
  color: #333333;
}

.dropdown-menu-open svg {
  fill: #00aad2;
  transition: transform 300ms ease-in-out;
  transform: rotate(-180deg);
}

.global-header-dropdown-is-open .gn-right-nav {
  display: none;
}

.global-header-dropdown-is-open .global-header-dropdown {
  position: fixed !important;
  top: 2.75rem;
}

@media (min-width: 640px) {
  .global-header-dropdown-is-open .global-header-dropdown {
    top: 0;
  }
}

.global-mobile-utility-links {
  justify-content: space-evenly;
  flex-wrap: nowrap;
}

.gn-utility-link {
  width: auto;
}

@media (max-width: 640px) {
  .ut-link {
    width: 5.375rem;
  }
}

.gn-utlity-text {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: #002c5e;
  margin-top: 0.625rem;
}

.gn-sub-menu {
  width: 100%;
  position: relative;
  z-index: 1;
  background-color: #ffffff;
}

.gn-blue-bar {
  position: relative;
  height: 5rem;
  background-color: #002c5e;
}

.gn-backdrop {
  position: fixed;
  top: 4rem;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 0;
}

.global-nav-v3 {
  width: 100%;
  position: relative;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #333333;
  z-index: 1001;
}

@media (max-width: 1023px) {
  .global-nav-v3-open .gn-v3-sticky-bar:after {
    opacity: 0 !important;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .global-nav-v3-open .gn-v3-sticky-bar:after {
    opacity: 0 !important;
  }
}

.gn-v3 {
  width: 100%;
  height: 3.5rem;
  position: relative;
  background-color: #1f1e21;
  z-index: 5;
}

@media (min-width: 1024px) {
  .gn-v3 {
    height: 5rem;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3 {
    height: 3.5rem;
  }
}

.gn-v3-sticky-bar {
  width: 100%;
  height: 3.5rem;
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #1f1e21;
  overflow: hidden;
  transition: top 0.3s linear;
}

@media (min-width: 1024px) {
  .gn-v3-sticky-bar {
    height: 5rem;
  }
}

.gn-v3-sticky-bar:after {
  content: '';
  width: 100%;
  height: 0.0625rem;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--stroke-background-color);
  opacity: var(--stroke-opacity);
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .gn-v3-sticky-bar {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gn-v3-sticky-bar {
    width: calc(100vw - 375px);
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-sticky-bar {
    height: 3.5rem;
  }
}

.gn-v3-sticky-bar-force-on {
  position: fixed !important;
  top: 0 !important;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .gn-v3-sticky-bar-force-on {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gn-v3-sticky-bar-force-on {
    width: calc(100vw - 375px);
  }
}

.gn-v3-left .gn-v3-section:nth-child(1) {
  flex: none;
  margin-right: 1rem;
}

@media (min-width: 1440px) {
  .gn-v3-left .gn-v3-section:nth-child(1) {
    margin-right: 2.5rem;
  }
}

.gn-v3-left .gn-v3-section:nth-child(3) {
  justify-content: flex-end;
  flex: 1;
}

.gn-v3-right .gn-v3-section:nth-child(1) {
  justify-content: flex-start;
  flex: 1;
}

.gn-v3-right .gn-v3-section:nth-child(3) {
  flex: none;
}

.gn-v3-inner {
  width: 100%;
  max-width: 120rem;
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .gn-v3-inner {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .gn-v3-inner {
    padding: 0 1.375rem 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .gn-v3-inner {
    padding: 0 3.5rem 0 4.5rem;
  }
}

@media (min-width: 1920px) {
  .gn-v3-inner {
    padding: 0 5rem 0 6rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .gn-v3-inner {
    padding: 1.0625rem 1rem 1.0625rem 0.75rem;
  }
}

@media (min-width: 1024px) and (max-width: 1298px) {
  body.chat-opened .gn-v3-inner {
    padding: 0 2rem;
  }
}

.gn-v3-section {
  position: relative;
  display: flex;
  align-items: center;
}

.gn-v3-section:nth-child(2) {
  display: none;
}

@media (min-width: 1024px) {
  .gn-v3-section:nth-child(2) {
    display: flex;
  }
}

@media (min-width: 1440px) {
  .gn-v3-section:nth-child(1) {
    justify-content: flex-start;
    flex: 1;
  }
  .gn-v3-section:nth-child(3) {
    justify-content: flex-end;
    flex: 1 1 1rem;
  }
}

@media (min-width: 1920px) {
  .gn-v3-section:nth-child(3) {
    justify-content: flex-end;
    flex: 1 1 1rem;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-section:nth-child(2) {
    display: none;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .gn-v3-logo-item {
    padding-right: 0.75rem;
  }
}

.gn-v3-items,
.gn-v3-menu-items {
  display: flex;
}

.gn-v3-menu-items {
  gap: 1.5rem;
}

@media (min-width: 1024px) {
  .gn-v3-menu-items {
    gap: 0;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-menu-items {
    gap: 1.25rem;
  }
}

.gn-v3-item,
.gn-v3-menu-item {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.gn-v3-menu-item-mobile {
  display: block !important;
}

@media (min-width: 1024px) {
  .gn-v3-menu-item-mobile {
    display: none !important;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-menu-item-mobile {
    display: block;
  }
}

.gn-v3-menu-item-desktop {
  display: none;
}

@media (min-width: 1024px) {
  .gn-v3-menu-item-desktop {
    display: block;
  }
}

.gn-v3-menu-item-desktop .gn-v3-item-button-copy {
  display: none;
}

@media (min-width: 1440px) {
  .gn-v3-menu-item-desktop .gn-v3-item-button-copy {
    display: block;
  }
}

.gn-v3-menu-item-desktop .gn-v3-item-button-copy-total {
  height: 1.125rem;
  display: flex;
  align-items: center;
}

.gn-v3-menu-item-desktop .gn-v3-item-button-copy-total-inner {
  min-width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 0.75rem;
  border-radius: 1.25rem;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 0.25rem 0.375rem;
}

.gn-v3-logo-item-link,
.gn-v3-item-link,
.gn-v3-item-button,
.gn-v3-menu-item-button {
  display: flex;
  position: relative;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.125rem;
  text-decoration: none;
  padding: 1.1875rem 0;
  gap: 0.25rem;
  z-index: 1;
  -webkit-tap-highlight-color: transparent;
}

@media (min-width: 1024px) {
  .gn-v3-logo-item-link,
  .gn-v3-item-link,
  .gn-v3-item-button,
  .gn-v3-menu-item-button {
    padding: 1.9375rem 0.75rem;
  }
}

@media (min-width: 1440px) {
  .gn-v3-logo-item-link,
  .gn-v3-item-link,
  .gn-v3-item-button,
  .gn-v3-menu-item-button {
    padding: 1.9375rem 1rem;
  }
}

.gn-v3-logo-item-link svg,
.gn-v3-item-link svg,
.gn-v3-item-button svg,
.gn-v3-menu-item-button svg {
  width: 100%;
  height: 100%;
}

@media (min-width: 1024px) {
  .gn-v3-menu-item-button {
    min-width: 3.75rem;
    padding: 1.9375rem 1rem;
  }
}

.gn-v3-menu-item-button svg {
  fill: none;
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-logo-item-link,
  body.chat-opened .gn-v3-item-link,
  body.chat-opened .gn-v3-item-button,
  body.chat-opened .gn-v3-menu-item-button {
    padding: 1.1875rem 0;
  }
}

.gn-v3-logo-item-link {
  padding-right: 0;
  padding-left: 0;
}

@media (min-width: 1024px) {
  .gn-v3-logo-item-link:hover {
    background: none;
  }
}

.gn-v3-item-link {
  align-items: center;
  gap: 0.5rem;
}

.gn-v3-item-link:after,
.gn-v3-item-button:after,
.gn-v3-menu-item-button:after {
  content: '';
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0.0625rem;
  left: 0;
  background-color: var(--menu-hover-color);
  opacity: 0;
  z-index: 1;
}

.gn-v3-item-button-copy,
.gn-v3-item-button-svg-animate,
.gn-v3-item-link-copy,
.gn-v3-item-link-svg,
.gn-v3-menu-item-button-svg-animate-large {
  position: relative;
  z-index: 2;
}

.gn-v3-item-link-svg svg {
  fill: none;
}

.gn-v3-item-link-svg-count {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: -0.125rem;
  left: 0.625rem;
  display: flex;
  justify-content: center;
  font-weight: 400;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 1rem;
  background-color: #00aad2;
  border-radius: 50%;
}

.gn-v3-item-button-bar,
.gn-v3-menu-item-button-bar {
  width: 100%;
  height: 0.1875rem;
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #00aad2;
  transition: opacity 0.333s ease-in-out;
  z-index: 3;
}

.gn-v3-item-sliding-bar {
  height: 0.1875rem;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.333s ease-in-out;
  z-index: 3;
}

.gn-v3-item-sliding-bar-animate {
  opacity: 1;
  transition: all 0.333s ease-in-out;
}

@media (min-width: 1024px) {
  .gn-v3-item-button-open:after {
    opacity: 1;
  }
  .gn-v3-item-button-open .gn-v3-item-button-bar,
  .gn-v3-item-button-open .gn-v3-menu-item-button-bar {
    opacity: 1;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-item-button-open:after {
    opacity: 0;
  }
  body.chat-opened .gn-v3-item-button-open .gn-v3-item-button-bar,
  body.chat-opened .gn-v3-item-button-open .gn-v3-menu-item-button-bar {
    opacity: 0;
  }
}

@media (min-width: 1024px) {
  .gn-v3-menu-item-button-open {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .gn-v3-menu-item-button-open .gn-v3-item-button-bar,
  .gn-v3-menu-item-button-open .gn-v3-menu-item-button-bar {
    opacity: 1;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-menu-item-button-open {
    background-color: transparent;
  }
  body.chat-opened .gn-v3-menu-item-button-open .gn-v3-item-button-bar,
  body.chat-opened .gn-v3-menu-item-button-open .gn-v3-menu-item-button-bar {
    opacity: 0;
  }
}

.gn-v3-logo-item-link-svg-small {
  width: 2.125rem;
  height: 1.125rem;
}

@media (min-width: 1024px) {
  .gn-v3-logo-item-link-svg-small {
    display: none;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-logo-item-link-svg-small {
    display: flex;
  }
}

.gn-v3-logo-item-link-svg-large {
  width: 7.875rem;
  height: 1.125rem;
  display: none;
}

@media (min-width: 1024px) {
  .gn-v3-logo-item-link-svg-large {
    display: flex;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-logo-item-link-svg-large {
    display: none;
  }
}

@media (min-width: 1440px) {
  .gn-v3-menu-item-button-svg-animate-small {
    position: absolute;
    opacity: 0;
  }
}

.gn-v3-menu-item-button-svg-animate-small svg {
  fill: currentColor !important;
}

.gn-v3-menu-item-button-svg-animate-small .svg-animate {
  width: 1.75rem;
  height: 1.125rem;
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-menu-item-button-svg-animate-small {
    position: relative;
    opacity: 1;
  }
}

.gn-v3-menu-item-button-svg-animate-large {
  position: absolute;
  opacity: 0;
}

@media (min-width: 1440px) {
  .gn-v3-menu-item-button-svg-animate-large {
    position: relative;
    opacity: 1;
  }
}

.gn-v3-menu-item-button-svg-animate-large svg {
  fill: currentColor !important;
}

.gn-v3-menu-item-button-svg-animate-large .svg-animate {
  width: 4.125rem;
  height: 1.125rem;
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-menu-item-button-svg-animate-large {
    position: absolute;
    opacity: 0;
  }
}

.gn-v3-dropdowns {
  width: 100%;
  height: 100%;
  max-height: 0;
  position: fixed;
  top: 3.5rem;
  left: 0;
  background: none;
  overflow: hidden;
  z-index: 6;
}

@media (min-width: 1024px) {
  .gn-v3-dropdowns {
    top: 5rem;
    background: #1f1e21;
  }
}

@media (min-width: 1024px) {
  .gn-v3-dropdowns-backdrop {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 1;
  }
}

@media (min-width: 1024px) {
  .gn-v3-dropdowns {
    transition: max-height 0.333s cubic-bezier(0.73, 0.19, 0.27, 0.92) 0.1s;
  }
  .global-nav-v3-open .gn-v3-dropdowns {
    transition: max-height 0.5s cubic-bezier(0.4, 0.07, 0.15, 1);
  }
  .gn-v3-dropdowns-backdrop {
    left: -100%;
    background-color: rgba(0, 0, 0, 0);
    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
    transition: left 0.00000001s linear 0.233s, background-color 0.233s linear, -webkit-backdrop-filter 0.233s ease-in-out;
    transition: left 0.00000001s linear 0.233s, background-color 0.233s linear, backdrop-filter 0.233s ease-in-out;
    transition: left 0.00000001s linear 0.233s, background-color 0.233s linear, backdrop-filter 0.233s ease-in-out, -webkit-backdrop-filter 0.233s ease-in-out;
  }
  .gn-v3-dropdowns-backdrop-open {
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    transition: left 0.00000001s linear 0.00000001s, background-color 0.5s linear, left, -webkit-backdrop-filter 0.2s ease-in-out;
    transition: left 0.00000001s linear 0.00000001s, background-color 0.5s linear, backdrop-filter 0.2s ease-in-out, left;
    transition: left 0.00000001s linear 0.00000001s, background-color 0.5s linear, backdrop-filter 0.2s ease-in-out, left, -webkit-backdrop-filter 0.2s ease-in-out;
  }
}

.global-nav-v3-no-animate .gn-v3-item-sliding-bar,
.global-nav-v3-no-animate .gn-v3-dropdowns,
.global-nav-v3-no-animate .gn-v3-dropdowns-backdrop {
  transition: none !important;
  transition-delay: 0.00000001s !important;
}

@media (min-width: 1024px) {
  .gn-v3-logo-item-link {
    transition: background-color 0.333s ease-in-out;
  }
  .gn-v3-logo-item-link:hover {
    background-color: var(--menu-hover-color);
  }
  .gn-v3-item-link,
  .gn-v3-item-button,
  .gn-v3-menu-item-button {
    transition: opacity 0.333s ease-in-out;
  }
  .gn-v3-item-link:hover:after,
  .gn-v3-item-button:hover:after,
  .gn-v3-menu-item-button:hover:after {
    opacity: 1;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-logo-item-link:hover {
    background-color: transparent;
  }
  body.chat-opened .gn-v3-item-link:hover:after,
  body.chat-opened .gn-v3-item-button:hover:after,
  body.chat-opened .gn-v3-menu-item-button:hover:after {
    opacity: 0;
  }
}

/* #region - BUTTONS // // // // // // // // // // // // // // // // // // // // // // // // // */
.gn-v3-primary-button,
.gn-v3-primary-button-lightmode {
  display: inline-flex;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.25rem;
  text-decoration: none;
  border: 0;
  background: linear-gradient(to right, #001A38 50%, #002c5e 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0.75rem 1.5rem;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
  -webkit-tap-highlight-color: transparent;
}

.gn-v3-primary-button:active,
.gn-v3-primary-button-lightmode:active {
  transform: scale(0.97);
}

.gn-v3-primary-button:hover,
.gn-v3-primary-button-lightmode:hover {
  background-position: left bottom;
}

.gn-v3-primary-button-lightmode {
  color: #333333;
  background: linear-gradient(to right, #f3f3f3 50%, #ffffff 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}

.gn-v3-primary-button-lightmode:disabled {
  color: #888888;
  background: linear-gradient(to right, #f3f3f3 50%, #f3f3f3 50%);
}

.gn-v3-secondary-button {
  display: inline-flex;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.25rem;
  border: 0;
  background: linear-gradient(to right, #ffffff 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  outline: 0.0625rem solid #ffffff;
  outline-offset: -0.0625rem;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0.75rem 1.5rem;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
  -webkit-tap-highlight-color: transparent;
}

.gn-v3-secondary-button:active {
  transform: scale(0.97);
}

.gn-v3-secondary-button:hover {
  color: #333333;
  background-position: left bottom;
}

.gn-v3-arrow-button {
  width: 2rem;
  height: 2rem;
  position: relative;
  display: inline-flex;
  background-color: #666666;
  border-radius: 1.5rem;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
  -webkit-tap-highlight-color: transparent;
}

.gn-v3-arrow-button:disabled {
  background-color: #333333;
  pointer-events: none;
  cursor: default;
}

.gn-v3-arrow-button:disabled svg {
  color: #888888;
}

.gn-v3-arrow-button:disabled path {
  stroke-width: 0.0625rem;
}

.gn-v3-arrow-button:active {
  transform: scale(0.95);
}

.gn-v3-arrow-button:hover {
  background-color: #333333;
}

.gn-v3-arrow-button svg {
  width: 1.125rem !important;
  height: 0.75rem !important;
  color: #ffffff;
}

.gn-v2-heart-button {
  width: 2rem;
  height: 2rem;
  position: relative;
  border-radius: 1.5rem;
  background-color: #00aad2;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
  -webkit-tap-highlight-color: transparent;
}

.gn-v2-heart-button:active {
  transform: scale(0.95);
}

.gn-v2-heart-button:hover .path-stroke {
  stroke-width: 0.1875rem;
}

.gn-v2-heart-button svg {
  width: 1.125rem !important;
  height: 0.9375rem !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gn-v2-heart-button .path-stroke {
  fill: none;
  stroke-width: 0.625rem;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
}

.gn-v3-label-button,
.gn-v3-label-button-active {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #ffffff;
  line-height: 0.875rem;
  border-radius: 6.1875rem;
  background-color: #1f1e21;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  transition: 0.2s background linear;
  -webkit-tap-highlight-color: transparent;
}

.gn-v3-label-button:active,
.gn-v3-label-button-active:active {
  transform: scale(0.95);
}

.gn-v3-label-button:hover,
.gn-v3-label-button-active:hover {
  background-color: #666666;
}

.gn-v3-label-button-active {
  background-color: #666666;
}

.gn-v3-label-button-disabled {
  color: #bababa;
  background-color: #666666;
}

.gn-v3-label-button-disabled svg,
.gn-v3-label-button-disabled svg path {
  stroke: #bababa;
}

.gn-v3-close-button {
  width: 2.75rem;
  height: 2.75rem;
  position: relative;
  display: inline-flex;
  background-color: #333333;
  border-radius: 2.5rem;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
  -webkit-tap-highlight-color: transparent;
}

.gn-v3-close-button:active {
  transform: scale(0.95);
}

.gn-v3-close-button:hover {
  background-color: #333333;
}

.gn-v3-close-button svg {
  width: 1rem !important;
  height: 1rem !important;
  color: #ffffff;
}

/* #endregion */
/* #region - SUBNAV  // // // // // // // // // // // // // // // // // // // // // // // // // */
.gn-v3-subnav {
  width: 100%;
  height: 3rem;
  position: relative;
  display: none;
  justify-content: center;
  background-color: #ffffff;
  z-index: 4;
}

.gn-v3-subnav-sticky {
  width: 100%;
  height: 3rem;
  position: fixed;
  top: 3.5rem;
  left: 0;
  display: flex;
  justify-content: center;
  background-color: #ffffff;
  border-bottom: 0.0625rem solid #dfdfdf;
}

@media (min-width: 1024px) {
  .gn-v3-subnav-sticky {
    top: 5rem;
  }
}

.gn-v3-subnav-inner {
  width: 100%;
  max-width: 120rem;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .gn-v3-subnav-inner {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .gn-v3-subnav-inner {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .gn-v3-subnav-inner {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1920px) {
  .gn-v3-subnav-inner {
    padding: 0 6rem;
  }
}

.gn-v3-subnav-back {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1rem;
  text-decoration: none;
}

.gn-v3-subnav-back-icon svg {
  width: 100%;
  height: 100%;
}

@media (max-width: 639px) {
  .gn-v3-subnav-back-copy span {
    display: none;
  }
}

.gn-v3-subnav-dealer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
  line-height: 1rem;
  -webkit-tap-highlight-color: transparent;
}

.gn-v3-subnav-dealer-icon svg {
  width: 100%;
  height: 100%;
}

.gn-v3-dealer-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 10;
}

.gn-v3-dealer-modal-open {
  display: block;
}

.gn-v3-dealer-modal-overlay {
  width: 100%;
  max-width: 35.5rem;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  overflow-y: auto;
  z-index: 2;
}

@media (min-width: 1024px) {
  .gn-v3-dealer-modal-overlay {
    max-width: 59.5rem;
  }
}

@media (min-width: 1440px) {
  .gn-v3-dealer-modal-overlay {
    max-width: 64rem;
  }
}

.gn-v3-dealer-modal-header {
  width: 100%;
  background-color: #f3f3f3;
}

.gn-v3-dealer-modal-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}

.gn-v3-dealer-modal-title {
  font-size: 1.125rem;
  font-weight: 400;
  color: #333333;
  line-height: 2rem;
}

.gn-v3-dealer-modal-close {
  margin: 0.375rem;
  button-width: 100%;
  button-height: 100%;
}

.gn-v3-dealer-modal-close-button {
  -webkit-tap-highlight-color: transparent;
}

.gn-v3-dealer-modal-body {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 2rem;
  padding: 2rem;
}

@media (min-width: 1024px) {
  .gn-v3-dealer-modal-body {
    flex-direction: row;
    padding: 1rem 2rem 2rem;
  }
}

@media (min-width: 1440px) {
  .gn-v3-dealer-modal-body {
    padding: 1rem 2.625rem 2rem;
  }
}

.gn-v3-dealer-modal-dealer-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.5rem;
}

@media (min-width: 1024px) {
  .gn-v3-dealer-modal-dealer-name {
    margin-top: 1rem;
  }
}

.gn-v3-dealer-modal-dealer-distance {
  font-size: 1rem;
  font-weight: 400;
  color: #666666;
  line-height: 1.375rem;
  margin-bottom: 0.5rem;
}

.gn-v3-dealer-modal-dealer-address {
  font-size: 1rem;
  font-weight: 400;
  color: #666666;
  line-height: 1.375rem;
}

.gn-v3-dealer-modal-dealer-city-state-zip {
  font-size: 1rem;
  font-weight: 400;
  color: #666666;
  line-height: 1.375rem;
  margin-bottom: 1rem;
}

.gn-v3-dealer-modal-dealer-directions {
  display: flex;
}

.gn-v3-dealer-modal-dealer-directions a {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 700;
  color: #002c5e;
  line-height: 1.25rem;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.gn-v3-dealer-modal-dealer-phone {
  display: flex;
}

.gn-v3-dealer-modal-dealer-phone a {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 700;
  color: #002c5e;
  line-height: 1.25rem;
  text-decoration: none;
  margin-bottom: 2rem;
  -webkit-tap-highlight-color: transparent;
}

.gn-v3-dealer-modal-dealer-url {
  display: flex;
}

.gn-v3-dealer-modal-dealer-url a {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #002c5e;
  line-height: 1.25rem;
  text-decoration: none;
  margin-bottom: 1.5rem;
  -webkit-tap-highlight-color: transparent;
}

.gn-v3-dealer-modal-dealer-map {
  width: 100%;
}

@media (min-width: 1024px) {
  .gn-v3-dealer-modal-dealer-map {
    max-width: 30rem;
  }
}

.gn-v3-dealer-modal-backdrop {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  z-index: 1;
}

/* #endregion */

.gn-v3-dropdown {
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 56px);
  position: fixed;
  top: 3.5rem;
  left: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 0;
}

@media (min-width: 1024px) {
  .gn-v3-dropdown {
    height: 100vh;
    max-height: 0;
    position: absolute;
    top: 0;
    overflow: hidden;
  }
}

.gn-v3-dropdown svg {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

.gn-v3-dropdown .svg-animate {
  width: 100%;
  display: block;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .gn-v3-dropdown {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gn-v3-dropdown {
    width: calc(100vw - 375px);
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-dropdown {
    height: 100%;
    max-height: calc(100vh - 56px);
    position: fixed;
    top: 3.5rem;
  }
}

.gn-v3-dropdown-close {
  z-index: 1;
}

.gn-v3-dropdown-open {
  z-index: 2;
}

.gn-v3-dropdown-mobile-vehicles,
.gn-v3-dropdown-mobile-shopping-tools,
.gn-v3-dropdown-mobile-owners {
  z-index: 3;
}

.gn-v3-dropdown-mobile-vehicles-category {
  z-index: 4;
}

.gn-v3-dropdown-mobile-saved {
  z-index: 4;
}

.gn-v3-dropdown-to-dropdown {
  z-index: 5;
}

.gn-v3-dropdown-container {
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 5;
}

.gn-v3-dropdown-scrollable {
  width: 100%;
  max-height: 80vh;
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden;
  overflow-y: auto;
}

.gn-v3-dropdown-scrollable-full {
  height: 80vh;
}

.gn-v3-dropdown-inner,
.gn-v3-dropdown-inner-no-gap {
  width: 100%;
  max-width: 120rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-inner,
  .gn-v3-dropdown-inner-no-gap {
    justify-content: center;
    flex-direction: row;
    gap: 1.5rem;
  }
}

@media (min-width: 1921px) {
  .gn-v3-dropdown-inner,
  .gn-v3-dropdown-inner-no-gap {
    margin-left: calc(100vw - 100%);
    margin-right: 0;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-dropdown-inner {
    justify-content: flex-start;
    flex-direction: column;
    gap: 0;
  }
}

@media (min-width: 1921px) {
  body.chat-opened .gn-v3-dropdown-inner {
    margin-left: calc(100vw - 100% - 375px);
  }
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-inner-col {
    align-items: center;
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-inner-no-gap {
    gap: 0;
  }
}

.gn-v3-dropdown-section {
  width: 100%;
  position: relative;
  display: flex;
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-section {
    width: auto;
  }
}

.gn-v3-dropdown-section-vehicles,
.gn-v3-dropdown-section-vehicles-mobile,
.gn-v3-dropdown-section-vehicles-mobile-future,
.gn-v3-dropdown-section-shopping-tools,
.gn-v3-dropdown-section-saved,
.gn-v3-dropdown-section-menu {
  flex-grow: 1;
  z-index: 2;
}

.gn-v3-dropdown-section-search,
.gn-v3-dropdown-section-popular {
  width: 100%;
  max-width: 68rem;
}

.gn-v3-dropdown-section-header {
  border-bottom: 0.0625rem solid #666666;
  z-index: 1;
}

.gn-v3-dropdown-section-scrollable {
  width: 100%;
  max-height: 80vh;
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden;
  overflow-y: auto;
}

.gn-v3-dropdown-section-scrollable-section {
  width: 100%;
}

.gn-v3-dropdown-section-inner {
  width: 100%;
  display: flex;
  gap: 1.25rem;
  padding: 1.5rem 1rem;
}

@media (min-width: 640px) {
  .gn-v3-dropdown-section-inner {
    padding: 1.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-section-inner {
    height: auto;
    padding: 2.5rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .gn-v3-dropdown-section-inner {
    padding: 2.5rem 4rem 2.5rem 4.5rem;
  }
}

@media (min-width: 1920px) {
  .gn-v3-dropdown-section-inner {
    padding: 3.5rem 6rem;
  }
}

.gn-v3-dropdown-section-header .gn-v3-dropdown-section-inner {
  padding: 1.0625rem 1rem 1.0625rem 0.75rem;
}

@media (min-width: 640px) {
  .gn-v3-dropdown-section-header .gn-v3-dropdown-section-inner {
    padding: 1.0625rem 2rem 1.0625rem 1.75rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .gn-v3-dropdown-section-inner {
    padding: 1.0625rem 1rem 1.0625rem 0.75rem;
  }
}

@media (min-width: 1024px) and (max-width: 1298px) {
  body.chat-opened .gn-v3-dropdown-section-inner {
    padding: 1.5rem 2rem;
  }
}

.gn-v3-dropdown-section-vehicle-categories {
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-section-vehicle-categories .gn-v3-dropdown-inner {
    gap: 1.5rem;
  }
}

.gn-v3-dropdown-section-vehicle-categories .gn-v3-dropdown-section-inner {
  flex-direction: column;
  gap: 2rem;
  padding-right: 0;
}

@media (min-width: 640px) {
  .gn-v3-dropdown-section-vehicle-categories .gn-v3-dropdown-section-inner {
    padding: 0.5rem 0 0.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-section-vehicle-categories .gn-v3-dropdown-section-inner {
    padding: 1.5rem 0 0.75rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .gn-v3-dropdown-section-vehicle-categories .gn-v3-dropdown-section-inner {
    padding: 2rem 0 0.75rem 4.5rem;
  }
}

@media (min-width: 1920px) {
  .gn-v3-dropdown-section-vehicle-categories .gn-v3-dropdown-section-inner {
    width: 22.75rem;
    padding: 2.5rem 0 0.75rem 6rem;
  }
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-section-vehicles .gn-v3-dropdown-section-inner {
    padding: 1.5rem 2.625rem 0.75rem 0;
  }
}

@media (min-width: 1440px) {
  .gn-v3-dropdown-section-vehicles .gn-v3-dropdown-section-inner {
    padding: 2rem 4.5rem 0.75rem 0;
  }
}

@media (min-width: 1920px) {
  .gn-v3-dropdown-section-vehicles .gn-v3-dropdown-section-inner {
    padding: 2.5rem 6rem 0.75rem 0;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .gn-v3-dropdown-section-vehicles .gn-v3-dropdown-section-inner {
    padding: 0.5rem 1rem;
  }
}

@media (min-width: 1024px) and (max-width: 1298px) {
  body.chat-opened .gn-v3-dropdown-section-vehicles .gn-v3-dropdown-section-inner {
    padding: 0.75rem 1rem;
  }
}

.gn-v3-dropdown-section-vehicles-mobile .gn-v3-dropdown-section-inner,
.gn-v3-dropdown-section-vehicles-mobile-future .gn-v3-dropdown-section-inner {
  padding: 0;
}

@media (min-width: 640px) {
  .gn-v3-dropdown-section-vehicles-mobile .gn-v3-dropdown-section-inner,
  .gn-v3-dropdown-section-vehicles-mobile-future .gn-v3-dropdown-section-inner {
    padding: 0 2rem;
  }
}

.gn-v3-dropdown-section-vehicles-mobile-future .gn-v3-dropdown-section-inner {
  padding: 0;
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-section-vehicles-mobile-future .gn-v3-dropdown-section-inner {
    padding: 1rem 0 0 1rem;
  }
}

.gn-v3-dropdown-section-shopping-tools .gn-v3-dropdown-section-inner,
.gn-v3-dropdown-section-saved .gn-v3-dropdown-section-inner {
  flex-direction: column;
}

.gn-v3-dropdown-section-shopping-tools .gn-v3-dropdown-item,
.gn-v3-dropdown-section-saved .gn-v3-dropdown-item {
  flex: 1;
}

.gn-v3-dropdown-section-menu .gn-v3-dropdown-section-inner {
  flex-direction: column;
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-section-menu .gn-v3-dropdown-section-inner {
    gap: 2.5rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .gn-v3-dropdown-section-dealer .gn-v3-dropdown-section-inner {
    padding: 2.5rem 4.5rem 2.5rem 4rem;
  }
}

.gn-v3-dropdown-vehicle-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 4;
}

.gn-v3-dropdown-vehicle-close-hidden {
  display: none;
}

.gn-v3-dropdown-header-items {
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 4;
}

.gn-v3-dropdown-head-back-button {
  display: flex;
  gap: 0.25rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
  -webkit-tap-highlight-color: transparent;
}

.gn-v3-dropdown-head-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
  opacity: 0.6;
}

.gn-v3-dropdown-categories {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-top: 1rem;
  z-index: 4;
}

.gn-v3-dropdown-category {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.875rem;
  text-align: left;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.gn-v3-dropdown-category-open {
  color: #00aad2 !important;
}

.gn-v3-dropdown-category-divider {
  width: 100%;
  max-width: 12.5rem;
  height: 0.0625rem;
  background-color: #ffffff;
  z-index: 4;
}

.gn-v3-dropdown-category-links {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  z-index: 4;
}

.gn-v3-dropdown-category-link {
  display: flex;
  gap: 0.125rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.gn-v3-dropdown-category-link-svg {
  width: 1.5rem;
  height: 1.5rem;
}

.gn-v3-dropdown-vehicle-categories {
  width: 100%;
  position: relative;
  z-index: 4;
}

.gn-v3-dropdown-vehicle-category {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-vehicle-category {
    height: 0;
    opacity: 0;
    overflow: hidden;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-dropdown-vehicle-category {
    height: auto;
    opacity: 1;
    overflow: visible;
  }
}

.gn-v3-dropdown-vehicle-category-open {
  height: auto;
  opacity: 1;
}

.gn-v3-dropdown-vehicles-group {
  position: relative;
}

.gn-v3-dropdown-vehicles {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  z-index: 2;
}

@media (min-width: 640px) {
  .gn-v3-dropdown-vehicles {
    gap: 1rem 0.75rem;
  }
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-vehicles {
    gap: 1.5rem 1.25rem;
  }
}

@media (min-width: 1440px) {
  .gn-v3-dropdown-vehicles {
    gap: 1.5rem 1.1875rem;
  }
}

@media (min-width: 1920px) {
  .gn-v3-dropdown-vehicles {
    gap: 1.5rem;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-dropdown-vehicles {
    gap: 1rem 0.75rem;
  }
}

.gn-v3-dropdown-section-backdrops {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.gn-v3-dropdown-vehicle-backdrop,
.gn-v3-vehicle-backdrop {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-vehicle-backdrop,
  .gn-v3-vehicle-backdrop {
    height: initial;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-dropdown-vehicle-backdrop,
  body.chat-opened .gn-v3-vehicle-backdrop {
    height: 100%;
  }
}

.gn-v3-dropdown-vehicle-backdrop-tablet {
  display: none;
}

@media (min-width: 640px) {
  .gn-v3-dropdown-vehicle-backdrop-tablet {
    display: block;
  }
}

@media (min-width: 640px) {
  .gn-v3-vehicle-backdrop-mobile {
    display: none;
  }
}

.gn-v3-dropdown-vehicle-backdrop-top,
.gn-v3-vehicle-backdrop-top {
  width: 100%;
  flex: 1;
}

.gn-v3-dropdown-vehicle-backdrop-bottom,
.gn-v3-vehicle-backdrop-bottom {
  width: 100%;
}

.gn-v3-dropdown-vehicle-backdrop-left {
  width: 37%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

@media (min-width: 1440px) {
  .gn-v3-dropdown-vehicle-backdrop-left {
    width: 30%;
  }
}

@media (min-width: 1920px) {
  .gn-v3-dropdown-vehicle-backdrop-left {
    width: 35%;
  }
}

@media (min-width: 2560px) {
  .gn-v3-dropdown-vehicle-backdrop-left {
    width: 40%;
    background: linear-gradient(90deg, #1f1e21 46%, rgba(31, 30, 33, 0.5) 80%, rgba(31, 30, 33, 0) 100%) !important;
  }
}

.gn-v3-dropdown-vehicle-cards {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-vehicle-cards {
    padding: 1rem 0 2.5rem 1rem;
  }
}

@media (min-width: 1920px) {
  .gn-v3-dropdown-vehicle-cards {
    padding: 1rem 0 3.5rem 1rem;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-dropdown-vehicle-cards {
    padding: 0;
  }
}

.gn-v3-dropdown-items {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  z-index: 4;
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-items {
    flex-direction: row;
    gap: 1rem;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-dropdown-items {
    flex-direction: column;
    gap: 1.5rem;
  }
}

.gn-v3-dropdown-item-group {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 2rem;
}

@media (min-width: 1440px) {
  .gn-v3-dropdown-item-group {
    flex-direction: row;
    gap: 1.25rem;
  }
}

.gn-v3-dropdown-item {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

@media (min-width: 1440px) {
  .gn-v3-dropdown-item {
    flex: 1;
  }
}

.gn-v3-dropdown-item-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  color: #bababa;
  line-height: 1rem;
}

.gn-v3-dropdown-item-links {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.gn-v3-dropdown-item-link-wrapper {
  padding-right: 1.625rem;
}

.gn-v3-dropdown-item-button,
.gn-v3-dropdown-item-link {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: left;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-item-button,
  .gn-v3-dropdown-item-link {
    display: block;
  }
}

.gn-v3-dropdown-item-button .sticky-icon-wrap,
.gn-v3-dropdown-item-link .sticky-icon-wrap {
  display: inline-flex;
  align-items: center;
  margin-left: 0.5rem;
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-dropdown-item-button,
  body.chat-opened .gn-v3-dropdown-item-link {
    display: inline-flex;
  }
}

.gn-v3-dropdown-item-button-copy {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.gn-v3-dropdown-item-button-copy-svg {
  flex-shrink: 0;
  margin-right: 0.25rem;
}

.gn-v3-dropdown-item-button-copy-svg svg {
  fill: none;
}

.gn-v3-dropdown-item-button-copy-total {
  height: 1.125rem;
  display: flex;
  align-items: center;
}

.gn-v3-dropdown-item-button-copy-total-inner {
  min-width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 0.75rem;
  border-radius: 1.25rem;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 0.25rem 0.375rem;
}

.gn-v3-dropdown-item-link-full {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.gn-v3-dropdown-item-link-svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.gn-v3-dropdown-item-button {
  justify-content: space-between;
}

.gn-v3-dropdown-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #1f1e21;
  z-index: 3;
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-background {
    height: 100%;
    left: -1000%;
  }
}

.gn-v3-dropdown-dealer-items {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  width: 12.375rem;
  z-index: 4;
}

@media (min-width: 1440px) {
  .gn-v3-dropdown-dealer-items {
    width: 16.5625rem;
  }
}

@media (min-width: 1920px) {
  .gn-v3-dropdown-dealer-items {
    width: 19.875rem;
  }
}

.gn-v3-dropdown-dealer-item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.gn-v3-dropdown-dealer-item:first-child {
  gap: 0;
}

.gn-v3-dropdown-dealer-item-title {
  display: flex;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  color: #ffffff;
  line-height: 1.5rem;
}

.gn-v3-dropdown-dealer-item-title svg {
  width: 1.5rem;
  height: 1.5rem;
}

.gn-v3-dropdown-dealer-item-distance {
  font-weight: 400;
  font-size: 0.875rem;
  color: #bababa;
  line-height: 1.25rem;
}

.gn-v3-dropdown-dealer-item-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
}

.gn-v3-dropdown-dealer-item-link-wrapper-desktop {
  display: none;
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-dealer-item-link-wrapper-desktop {
    display: block;
  }
}

.gn-v3-dropdown-dealer-item-link-wrapper-mobile {
  display: block;
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-dealer-item-link-wrapper-mobile {
    display: none;
  }
}

.gn-v3-dropdown-dealer-item-link,
.gn-v3-dropdown-dealer-item-link-margin {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: none;
}

.gn-v3-dropdown-dealer-item-link .sticky-icon-wrap,
.gn-v3-dropdown-dealer-item-link-margin .sticky-icon-wrap {
  display: inline-flex;
  align-items: center;
}

.gn-v3-dropdown-dealer-item-link-margin .sticky-icon-wrap {
  margin-left: 0.5rem;
}

.gn-v3-dropdown-dealer-item-link-svg {
  margin-left: 0.25rem;
}

.gn-v3-dropdown-dealer-item-dealer-name {
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
}

.gn-v3-dropdown-dealer-item-address {
  font-weight: 400;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
}

.gn-v3-dropdown-dealer-background {
  height: 100%;
  position: absolute;
  top: 0;
  right: -1000%;
  left: 0;
  background-color: #000000;
  z-index: 3;
}

@media (min-width: 1024px) {
  .gn-v3-dropdown {
    opacity: 0;
    transition: max-height 0.5s cubic-bezier(0.4, 0.07, 0.15, 1), opacity 0.00000001s linear;
  }
  .gn-v3-dropdown-category-wrapper,
  .gn-v3-dropdown-category-divider,
  .gn-v3-dropdown-category-link-wrapper,
  .gn-v3-dropdown-item-headline,
  .gn-v3-dropdown-item-link-wrapper,
  .gn-v3-dropdown-dealer-item {
    opacity: 0;
    margin: -0.75rem 0 0.75rem;
    transition: opacity 0.33s linear 0.133s, margin 0.33s cubic-bezier(0.13, 0.93, 0.75, 1) 0.133s;
  }
  .gn-v3-dropdown-vehicle-close {
    opacity: 0;
    transition: opacity 0.33s cubic-bezier(0.35, 0, 0.65, 1) 0.133s;
  }
  .gn-v3-dropdown-vehicle-backdrop {
    opacity: 0;
    transition: opacity 0.33s cubic-bezier(0.35, 0, 0.65, 1);
  }
  .gn-v3-dropdown-open {
    opacity: 1;
  }
  .gn-v3-dropdown-open .gn-v3-dropdown-category-wrapper,
  .gn-v3-dropdown-open .gn-v3-dropdown-category-link-wrapper,
  .gn-v3-dropdown-open .gn-v3-dropdown-item-headline,
  .gn-v3-dropdown-open .gn-v3-dropdown-item-link-wrapper,
  .gn-v3-dropdown-open .gn-v3-dropdown-dealer-item {
    opacity: 1;
    margin: 0;
  }
  .gn-v3-dropdown-open .gn-v3-dropdown-category-divider {
    opacity: 0.3;
    margin: 0;
  }
  .gn-v3-dropdown-open .gn-v3-dropdown-vehicle-close {
    opacity: 1;
  }
  .gn-v3-dropdown-open.gn-v3-dropdown-between {
    transition: max-height 0.333s cubic-bezier(0, 0.45, 0.45, 1) 0.1s, opacity 0.33s linear 0.433s;
  }
  .gn-v3-dropdown-open.gn-v3-dropdown-between .gn-v3-dropdown-category-wrapper,
  .gn-v3-dropdown-open.gn-v3-dropdown-between .gn-v3-dropdown-category-divider,
  .gn-v3-dropdown-open.gn-v3-dropdown-between .gn-v3-dropdown-category-link-wrapper,
  .gn-v3-dropdown-open.gn-v3-dropdown-between .gn-v3-dropdown-item-headline,
  .gn-v3-dropdown-open.gn-v3-dropdown-between .gn-v3-dropdown-item-link-wrapper,
  .gn-v3-dropdown-open.gn-v3-dropdown-between .gn-v3-dropdown-dealer-item,
  .gn-v3-dropdown-open.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-close {
    transition-duration: 0.00000001s;
    transition-delay: 0.00000001s !important;
  }
  .gn-v3-dropdown-close {
    transition: max-height 0.333s cubic-bezier(0.73, 0.19, 0.27, 0.92) 0.1s, opacity 0.00000001s linear 0.433s;
  }
  .gn-v3-dropdown-close .gn-v3-dropdown-category-wrapper,
  .gn-v3-dropdown-close .gn-v3-dropdown-category-divider,
  .gn-v3-dropdown-close .gn-v3-dropdown-category-link-wrapper,
  .gn-v3-dropdown-close .gn-v3-dropdown-item-headline,
  .gn-v3-dropdown-close .gn-v3-dropdown-item-link-wrapper,
  .gn-v3-dropdown-close .gn-v3-dropdown-dealer-item,
  .gn-v3-dropdown-close .gn-v3-dropdown-vehicle-close {
    transition-duration: 0.33s, 0.00000001s;
    transition-delay: 0.00000001s, 0.33s !important;
  }
  .gn-v3-dropdown-close.gn-v3-dropdown-between {
    transition: max-height 0.333s cubic-bezier(0, 0.45, 0.45, 1) 0.1s, opacity 0.00000001s linear 0.033s;
  }
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-category-wrapper,
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-category-divider,
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-category-link-wrapper,
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-item-headline,
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-item-link-wrapper,
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-dealer-item,
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-close {
    transition-duration: 0.00000001s;
    transition-delay: 0.00000001s !important;
  }
  .gn-v3-dropdown-open .gn-v3-dropdown-section-backdrops-open .gn-v3-dropdown-vehicle-backdrop {
    opacity: 1;
  }
  .gn-v3-dropdown-open.gn-v3-dropdown-between .gn-v3-dropdown-section-backdrops-open .gn-v3-dropdown-vehicle-backdrop {
    transition-duration: 0.00000001s;
    transition-delay: 0.00000001s;
  }
  .gn-v3-dropdown-close .gn-v3-dropdown-vehicle-backdrop {
    transition-duration: 0.22s !important;
    transition-delay: 0s !important;
  }
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-section-backdrops-open .gn-v3-dropdown-vehicle-backdrop {
    transition-duration: 0.00000001s !important;
    transition-delay: 0.00000001s !important;
  }
  .gn-v3-dropdown-section-backdrops-close .gn-v3-dropdown-vehicle-backdrop {
    transition-duration: 0.00000001s !important;
    transition-delay: 0.00000001s !important;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-dropdown-vehicle-backdrop {
    opacity: 1;
    transition-delay: 0.00000001s;
  }
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-vehicle-backdrop:nth-child(1) {
    transition-delay: 0.4667s;
  }
  .gn-v3-dropdown-vehicle-backdrop:nth-child(2) {
    transition-delay: 0.5997s;
  }
  .gn-v3-dropdown-vehicle-backdrop:nth-child(3) {
    transition-delay: 0.7327s;
  }
  .gn-v3-dropdown-vehicle-backdrop:nth-child(4) {
    transition-delay: 0.8657s;
  }
  .gn-v3-dropdown-vehicle-backdrop:nth-child(5) {
    transition-delay: 0.9987s;
  }
  .gn-v3-dropdown-vehicle-backdrop:nth-child(6) {
    transition-delay: 1.1317s;
  }
  .gn-v3-dropdown-section-backdrops-open.gn-v3-dropdown-section-backdrops-betweem .gn-v3-dropdown-vehicle-backdrop:nth-child(1) {
    transition-duration: 0.33s;
    transition-delay: 0.266s;
  }
  .gn-v3-dropdown-section-backdrops-open.gn-v3-dropdown-section-backdrops-betweem .gn-v3-dropdown-vehicle-backdrop:nth-child(2) {
    transition-duration: 0.33s;
    transition-delay: 0.399s;
  }
  .gn-v3-dropdown-section-backdrops-open.gn-v3-dropdown-section-backdrops-betweem .gn-v3-dropdown-vehicle-backdrop:nth-child(3) {
    transition-duration: 0.33s;
    transition-delay: 0.532s;
  }
  .gn-v3-dropdown-section-backdrops-open.gn-v3-dropdown-section-backdrops-betweem .gn-v3-dropdown-vehicle-backdrop:nth-child(4) {
    transition-duration: 0.33s;
    transition-delay: 0.665s;
  }
  .gn-v3-dropdown-section-backdrops-open.gn-v3-dropdown-section-backdrops-betweem .gn-v3-dropdown-vehicle-backdrop:nth-child(5) {
    transition-duration: 0.33s;
    transition-delay: 0.795s;
  }
  .gn-v3-dropdown-section-backdrops-open.gn-v3-dropdown-section-backdrops-betweem .gn-v3-dropdown-vehicle-backdrop:nth-child(6) {
    transition-duration: 0.33s;
    transition-delay: 0.931s;
  }
}

@media (max-width: 1023px) {
  .gn-v3-dropdown {
    transform: translate(100%, 0);
    transition: transform 0.4s ease-in-out;
  }
  .gn-v3-dropdown-open {
    transform: translate(0, 0);
  }
  .gn-v3-dropdown-vehicle-backdrop {
    transition-delay: 0.00000001s;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-dropdown {
    opacity: 1;
    transform: translate(100%, 0);
    transition: transform 0.4s ease-in-out;
  }
  body.chat-opened .gn-v3-dropdown-open {
    transform: translate(0, 0);
  }
  body.chat-opened .gn-v3-dropdown-vehicle-backdrop {
    transition-delay: 0.00000001s;
  }
}

.gn-v3-dropdown-category,
.gn-v3-dropdown-category-link,
.gn-v3-dropdown-item-button,
.gn-v3-dropdown-item-link,
.gn-v3-dropdown-dealer-item-link,
.gn-v3-dropdown-dealer-item-link-margin,
.gn-v3-dropdown-head-back-button {
  color: #ffffff;
  transition: color 0.4s ease-in-out;
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-category:hover,
  .gn-v3-dropdown-category-link:hover,
  .gn-v3-dropdown-item-button:hover,
  .gn-v3-dropdown-item-link:hover,
  .gn-v3-dropdown-dealer-item-link:hover,
  .gn-v3-dropdown-dealer-item-link-margin:hover,
  .gn-v3-dropdown-head-back-button:hover {
    color: var(--hover-color) !important;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-dropdown-category:hover,
  body.chat-opened .gn-v3-dropdown-category-link:hover,
  body.chat-opened .gn-v3-dropdown-item-button:hover,
  body.chat-opened .gn-v3-dropdown-item-link:hover,
  body.chat-opened .gn-v3-dropdown-dealer-item-link:hover,
  body.chat-opened .gn-v3-dropdown-dealer-item-link-margin:hover,
  body.chat-opened .gn-v3-dropdown-head-back-button:hover {
    color: #ffffff !important;
  }
}

.global-nav-v3-no-animate .gn-v3-dropdown,
.global-nav-v3-no-animate .gn-v3-dropdown-categories,
.global-nav-v3-no-animate .gn-v3-dropdown-category-wrapper,
.global-nav-v3-no-animate .gn-v3-dropdown-category-divider,
.global-nav-v3-no-animate .gn-v3-dropdown-category-link-wrapper,
.global-nav-v3-no-animate .gn-v3-dropdown-item-headline,
.global-nav-v3-no-animate .gn-v3-dropdown-item-link-wrapper,
.global-nav-v3-no-animate .gn-v3-dropdown-dealer-item,
.global-nav-v3-no-animate .gn-v3-dropdown-vehicle-close,
.global-nav-v3-no-animate .gn-v3-dropdown-vehicle-backdrop,
.global-nav-v3-no-animate .gn-v3-dropdown-background,
.global-nav-v3-no-animate .gn-v3-dropdown-dealer-background {
  transition: none !important;
  transition-delay: 0.00000001s !important;
}

.global-nav-v3-no-animate .gn-v3-dropdown-vehicle-backdrop {
  opacity: 1 !important;
}

.gn-v3-vehicle-card {
  max-width: 100%;
  position: relative;
  display: flex;
}

.gn-v3-vehicle-card-inner {
  width: 100%;
  position: relative;
  display: flex;
}

.gn-v3-vehicle-card-image-container {
  width: 100%;
  overflow: hidden;
}

.gn-v3-vehicle-card-images {
  display: flex;
}

.gn-v3-vehicle-card-image {
  width: 100%;
}

.gn-v3-vehicle-card-gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.gn-v3-vehicle-card-logo-container {
  position: absolute;
  top: 1rem;
  right: 1rem;
  pointer-events: none;
}

@media (min-width: 640px) {
  .gn-v3-vehicle-card-logo-container {
    top: 2rem;
    right: 2rem;
  }
}

.gn-v3-vehicle-card-details-container {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  pointer-events: none;
}

@media (min-width: 640px) {
  .gn-v3-vehicle-card-details-container {
    bottom: 2rem;
    left: 2rem;
  }
}

.gn-v3-vehicle-card-details-container .tooltip-trigger {
  pointer-events: all;
}

.gn-v3-vehicle-card-eyebrow {
  font-weight: 400;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
}

.gn-v3-vehicle-card-eyebrow .sticky-icon-wrap {
  display: inline-flex;
  align-items: center;
}

.gn-v3-vehicle-card-eyebrow .tooltip-trigger {
  color: #ffffff;
  margin-left: 0.25rem;
}

.gn-v3-vehicle-card-eyebrow .tooltip-trigger svg {
  width: 0.75rem;
  height: 0.75rem;
}

.gn-v3-vehicle-card-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  color: #ffffff;
  line-height: 1.5rem;
}

@media (min-width: 1440px) {
  .gn-v3-vehicle-card-headline {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.gn-v3-vehicle-card-headline .sticky-icon-wrap {
  display: inline-flex;
  align-items: center;
}

.gn-v3-vehicle-card-headline .tooltip-trigger {
  color: #ffffff;
  margin-left: 0.25rem;
}

.gn-v3-vehicle-card-headline .tooltip-trigger svg {
  width: 0.75rem;
  height: 0.75rem;
}

.gn-v3-vehicle-card-discalimer {
  font-weight: 700;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 1rem;
  opacity: 0.7;
}

.gn-v3-vehicle-card-discalimer .sticky-icon-wrap {
  display: inline-flex;
  align-items: center;
}

.gn-v3-vehicle-card-discalimer .tooltip-trigger {
  color: #ffffff;
  margin-left: 0.25rem;
}

.gn-v3-vehicle-card-discalimer .tooltip-trigger svg {
  width: 0.75rem;
  height: 0.75rem;
}

.gn-v3-vehicle-card-buttons {
  display: flex;
  gap: 0.5rem;
}

.gn-v3-vehicle-card-button a {
  pointer-events: all;
}

.gn-v3-vehicle-card-button-external svg {
  width: 1rem;
  height: 1rem;
  margin-left: 0.25rem;
}

.gn-v3-vehicle-card-tertiary-link {
  position: relative;
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  text-decoration: none;
  pointer-events: all;
}

.gn-v3-vehicle-card-tertiary-link .sticky-icon-wrap {
  display: inline-flex;
  align-items: center;
}

.gn-v3-vehicle-card-tertiary-svg {
  margin-left: 0.25rem;
}

.gn-v3-vehicle-card-mask {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #1f1e21;
  z-index: 10;
}

@media (min-width: 1024px) {
  .gn-v3-vehicle-card {
    opacity: 0;
    transition: opacity 0.33s linear;
  }
  .gn-v3-vehicle-card-image {
    transform: scale(1.35);
    transition: transform 0.5s cubic-bezier(0.38, 0, 0.51, 1);
  }
  .gn-v3-vehicle-card-button,
  .gn-v3-vehicle-card-button-external,
  .gn-v3-vehicle-card-tertiary {
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.25, 0, 0.5, 1) 0.667s;
  }
  .gn-v3-vehicle-card-tertiary-link svg {
    margin-left: 1.25rem;
    transition: margin 0.233s cubic-bezier(0.29, 0.55, 0.5, 1) 0.667s;
  }
  .gn-v3-vehicle-card-mask {
    width: 100%;
    transition: width 0.6667s cubic-bezier(0.5, 0, 0.15, 1);
  }
  .gn-v3-dropdown-open .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card {
    opacity: 1;
  }
  .gn-v3-dropdown-open .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-image {
    transform: scale(1);
  }
  .gn-v3-dropdown-open .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-button,
  .gn-v3-dropdown-open .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-button-external,
  .gn-v3-dropdown-open .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-tertiary {
    opacity: 1;
  }
  .gn-v3-dropdown-open .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-tertiary svg {
    margin-left: 0;
  }
  .gn-v3-dropdown-open .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-mask {
    width: 0;
  }
  .gn-v3-dropdown-open.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card {
    opacity: 1;
  }
  .gn-v3-dropdown-open.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card,
  .gn-v3-dropdown-open.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-button,
  .gn-v3-dropdown-open.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-button-external,
  .gn-v3-dropdown-open.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-tertiary,
  .gn-v3-dropdown-open.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-tertiary svg,
  .gn-v3-dropdown-open.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-mask {
    transition-duration: 0.00000001s;
    transition-delay: 0.00000001s;
  }
  .gn-v3-dropdown-close .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card {
    opacity: 0;
  }
  .gn-v3-dropdown-close .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-image,
  .gn-v3-dropdown-close .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-button,
  .gn-v3-dropdown-close .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-button-external,
  .gn-v3-dropdown-close .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-tertiary,
  .gn-v3-dropdown-close .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-tertiary svg,
  .gn-v3-dropdown-close .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-mask {
    transition-duration: 0.00000001s;
    transition-delay: 0.33s !important;
  }
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card {
    opacity: 0;
  }
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card,
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-image,
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-button,
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-button-external,
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-tertiary,
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-tertiary svg,
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-card-mask {
    transition-duration: 0.00000001s;
    transition-delay: 0.00000001s;
  }
  .gn-v3-dropdown-vehicle-category-close .gn-v3-vehicle-card-image,
  .gn-v3-dropdown-vehicle-category-close .gn-v3-vehicle-card-button,
  .gn-v3-dropdown-vehicle-category-close .gn-v3-vehicle-card-button-external,
  .gn-v3-dropdown-vehicle-category-close .gn-v3-vehicle-card-tertiary,
  .gn-v3-dropdown-vehicle-category-close .gn-v3-vehicle-card-tertiary svg,
  .gn-v3-dropdown-vehicle-category-close .gn-v3-vehicle-card-mask {
    transition-duration: 0.00000001s;
    transition-delay: 0.00000001s;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-vehicle-card {
    opacity: 1;
  }
  body.chat-opened .gn-v3-vehicle-card-image {
    transform: scale(1);
  }
  body.chat-opened .gn-v3-vehicle-card-mask {
    width: 0;
  }
  body.chat-opened .gn-v3-vehicle-card-tertiary-link svg {
    margin-left: 0;
  }
  body.chat-opened .gn-v3-vehicle-card-button,
  body.chat-opened .gn-v3-vehicle-card-button-external,
  body.chat-opened .gn-v3-vehicle-card-tertiary {
    opacity: 1;
  }
}

@media (min-width: 1024px) {
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle-card:nth-child(1) .gn-v3-vehicle-card-image {
    transition-duration: 0.5s;
    transition-delay: 0.00000001s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle-card:nth-child(1) .gn-v3-vehicle-card-button,
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle-card:nth-child(1) .gn-v3-vehicle-card-button-external,
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle-card:nth-child(1) .gn-v3-vehicle-card-tertiary {
    transition-duration: 0.5s;
    transition-delay: 0.667s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle-card:nth-child(1) .gn-v3-vehicle-card-tertiary-link svg {
    transition-duration: 0.233s;
    transition-delay: 0.667s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle-card:nth-child(1) .gn-v3-vehicle-card-mask {
    transition-duration: 0.6667s;
    transition-delay: 0.00000001s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle-card:nth-child(2) .gn-v3-vehicle-card-image {
    transition-duration: 0.5s;
    transition-delay: 0.2667s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle-card:nth-child(2) .gn-v3-vehicle-card-button,
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle-card:nth-child(2) .gn-v3-vehicle-card-button-external,
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle-card:nth-child(2) .gn-v3-vehicle-card-tertiary {
    transition-duration: 0.5s;
    transition-delay: 0.9337s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle-card:nth-child(2) .gn-v3-vehicle-card-tertiary-link svg {
    transition-duration: 0.233s;
    transition-delay: 0.9337s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle-card:nth-child(2) .gn-v3-vehicle-card-mask {
    transition-duration: 0.6667s;
    transition-delay: 0.2667s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle-card:nth-child(3) .gn-v3-vehicle-card-image {
    transition-duration: 0.5s;
    transition-delay: 0.5334s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle-card:nth-child(3) .gn-v3-vehicle-card-button,
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle-card:nth-child(3) .gn-v3-vehicle-card-button-external,
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle-card:nth-child(3) .gn-v3-vehicle-card-tertiary {
    transition-duration: 0.5s;
    transition-delay: 1.2004s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle-card:nth-child(3) .gn-v3-vehicle-card-tertiary-link svg {
    transition-duration: 0.233s;
    transition-delay: 1.2004s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle-card:nth-child(3) .gn-v3-vehicle-card-mask {
    transition-duration: 0.6667s;
    transition-delay: 0.5334s;
  }
}

@media (min-width: 1024px) {
  .gn-v3-vehicle-card:hover .gn-v3-vehicle-card-image {
    transform: scale(1.2) !important;
    transition: transform 0.5s cubic-bezier(0.38, 0, 0.51, 1) 0.00000001s !important;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-vehicle-card:hover .gn-v3-vehicle-card-image {
    transform: scale(1) !important;
  }
  .gn-v3-vehicle-card-mask {
    width: 0;
  }
}

.gn-v3-vehicle-year-toggles {
  display: flex;
  gap: 1.125rem;
  padding-bottom: 0.625rem;
}

.gn-v3-vehicle-year-toggle {
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  opacity: 0.6;
  transition: opacity 0.2s linear;
  padding: 1.28125rem 0.25rem 0.28125rem 0.25rem;
  margin: -1.28125rem -0.25rem -0.28125rem -0.25rem;
}

@media (min-width: 640px) {
  .gn-v3-vehicle-year-toggle {
    padding: 1.28125rem 0.3125rem 0.28125rem 0.3125rem;
    margin: -1.28125rem -0.3125rem -0.28125rem -0.3125rem;
  }
}

.gn-v3-vehicle-year-toggle:hover {
  opacity: 1;
}

.gn-v3-vehicle-year-toggle-active {
  opacity: 1;
}

.gn-v3-vehicle-year-sliding-bar {
  height: 0.125rem;
  position: absolute;
  bottom: 0.25rem;
  left: 0;
  transition: all 0.3s cubic-bezier(0.25, 0, 0.2, 1);
  z-index: 3;
}

.gn-v3-vehicle-msrp-values {
  height: 1.25rem;
  position: relative;
  display: inline-flex;
  overflow: hidden;
}

.gn-v3-vehicle-msrp-value-animate {
  display: flex;
  flex-direction: column;
}

.gn-v3-vehicle-one .gn-v3-vehicle-msrp-value-animate {
  transform: translateY(0);
  animation: vehicleMsrp-scrollUp 0.333s cubic-bezier(0.15, 0, 0, 1) 0.2s forwards;
}

.gn-v3-vehicle-one .gn-v3-vehicle-msrp-value-animate .gn-v3-vehicle-msrp-value:nth-child(2) {
  color: #00aad2;
  animation: vehicleMsrp-blueToWhite 0.333s linear 0.7s forwards;
}

.gn-v3-vehicle-two .gn-v3-vehicle-msrp-value-animate {
  transform: translateY(-100%);
  animation: vehicleMsrp-scrollUpMore 0.333s cubic-bezier(0.15, 0, 0, 1) 0.2s forwards;
}

.gn-v3-vehicle-two .gn-v3-vehicle-msrp-value-animate .gn-v3-vehicle-msrp-value:nth-child(3) {
  color: #00aad2;
  animation: vehicleMsrp-blueToWhite 0.333s linear 0.7s forwards;
}

@keyframes vehicleMsrp-scrollUp {
  0.00000001% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}

@keyframes vehicleMsrp-scrollUpMore {
  0.00000001% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(-200%);
  }
}

@keyframes vehicleMsrp-blueToWhite {
  0.00000001% {
    color: #00aad2;
  }
  100% {
    color: #ffffff;
  }
}

.gn-v3-vehicle-shown-disclaimer-market-animate {
  position: relative;
}

.gn-v3-vehicle-shown-disclaimer-market {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}

.gn-v3-vehicle-one .gn-v3-vehicle-shown-disclaimer-market-animate .gn-v3-vehicle-shown-disclaimer-market:first-child {
  position: relative;
  animation: vehicleShownDisclaimerMarket-fadeIn 0.2333s linear 0.5333s forwards;
  z-index: 2;
}

.gn-v3-vehicle-one .gn-v3-vehicle-shown-disclaimer-market-animate .gn-v3-vehicle-shown-disclaimer-market:last-child {
  animation: vehicleShownDisclaimerMarket-fadeOut 0.1667s linear forwards;
}

.gn-v3-vehicle-two .gn-v3-vehicle-shown-disclaimer-market-animate .gn-v3-vehicle-shown-disclaimer-market:first-child {
  animation: vehicleShownDisclaimerMarket-fadeOut 0.1667s linear forwards;
}

.gn-v3-vehicle-two .gn-v3-vehicle-shown-disclaimer-market-animate .gn-v3-vehicle-shown-disclaimer-market:last-child {
  position: relative;
  animation: vehicleShownDisclaimerMarket-fadeIn 0.2333s linear 0.5333s forwards;
  z-index: 2;
}

@keyframes vehicleShownDisclaimerMarket-fadeOut {
  0.00000001% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes vehicleShownDisclaimerMarket-fadeIn {
  0.00000001% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.gn-v3-vehicle-image-animate,
.gn-v3-vehicle-image-link-container,
.gn-v3-vehicle-image-containers,
.gn-v3-vehicle-image-container {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.gn-v3-vehicle-image-animate .gn-v3-vehicle-image-container {
  z-index: 2;
}

.gn-v3-vehicle-image-animate .gn-v3-vehicle-image {
  position: relative;
}

.gn-v3-vehicle-image-animate .gn-v3-vehicle-image-hover-container {
  z-index: 1;
}

.gn-v3-vehicle-one .gn-v3-vehicle-image-animate .gn-v3-vehicle-image-containers:first-child .gn-v3-vehicle-image-container,
.gn-v3-vehicle-one .gn-v3-vehicle-image-animate .gn-v3-vehicle-image-containers:first-child .gn-v3-vehicle-image-hover-container {
  opacity: 0;
}

.gn-v3-vehicle-one .gn-v3-vehicle-image-animate .gn-v3-vehicle-image-containers:first-child .gn-v3-vehicle-image-container {
  animation: vehicleImage-fadeIn 0.1667s linear 0.4333s forwards, vehicleImage-leftToRight 0.5333s cubic-bezier(0.09, 0.86, 0, 1) 0.4333s forwards;
}

.gn-v3-vehicle-one .gn-v3-vehicle-image-animate .gn-v3-vehicle-image-containers:first-child .gn-v3-vehicle-image-hover-container {
  animation: vehicleImage-fadeIn 0.2667s linear 0.5333s forwards;
}

.gn-v3-vehicle-one .gn-v3-vehicle-image-animate .gn-v3-vehicle-image-containers:last-child .gn-v3-vehicle-image-container,
.gn-v3-vehicle-one .gn-v3-vehicle-image-animate .gn-v3-vehicle-image-containers:last-child .gn-v3-vehicle-image-hover-container {
  opacity: 1;
}

.gn-v3-vehicle-one .gn-v3-vehicle-image-animate .gn-v3-vehicle-image-containers:last-child .gn-v3-vehicle-image-container {
  animation: vehicleImage-fadeOut 0.1667s linear 0.1333s forwards;
}

.gn-v3-vehicle-one .gn-v3-vehicle-image-animate .gn-v3-vehicle-image-containers:last-child .gn-v3-vehicle-image-hover-container {
  animation: vehicleImage-fadeOut 0.2s linear forwards;
}

.gn-v3-vehicle-two .gn-v3-vehicle-image-animate .gn-v3-vehicle-image-containers:first-child .gn-v3-vehicle-image-container,
.gn-v3-vehicle-two .gn-v3-vehicle-image-animate .gn-v3-vehicle-image-containers:first-child .gn-v3-vehicle-image-hover-container {
  opacity: 1;
}

.gn-v3-vehicle-two .gn-v3-vehicle-image-animate .gn-v3-vehicle-image-containers:first-child .gn-v3-vehicle-image-container {
  animation: vehicleImage-fadeOut 0.1667s linear 0.1333s forwards;
}

.gn-v3-vehicle-two .gn-v3-vehicle-image-animate .gn-v3-vehicle-image-containers:first-child .gn-v3-vehicle-image-hover-container {
  animation: vehicleImage-fadeOut 0.2s linear forwards;
}

.gn-v3-vehicle-two .gn-v3-vehicle-image-animate .gn-v3-vehicle-image-containers:last-child .gn-v3-vehicle-image-container,
.gn-v3-vehicle-two .gn-v3-vehicle-image-animate .gn-v3-vehicle-image-containers:last-child .gn-v3-vehicle-image-hover-container {
  opacity: 0;
}

.gn-v3-vehicle-two .gn-v3-vehicle-image-animate .gn-v3-vehicle-image-containers:last-child .gn-v3-vehicle-image-container {
  animation: vehicleImage-fadeIn 0.1667s linear 0.4333s forwards, vehicleImage-rightToLeft 0.5333s cubic-bezier(0.09, 0.86, 0, 1) 0.4333s forwards;
}

.gn-v3-vehicle-two .gn-v3-vehicle-image-animate .gn-v3-vehicle-image-containers:last-child .gn-v3-vehicle-image-hover-container {
  animation: vehicleImage-fadeIn 0.2667s linear 0.5333s forwards;
}

@keyframes vehicleImage-fadeOut {
  0.00000001% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes vehicleImage-fadeIn {
  0.00000001% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes vehicleImage-rightToLeft {
  0.00000001% {
    transform: translateX(42px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes vehicleImage-leftToRight {
  0.00000001% {
    transform: translateX(-42px);
  }
  100% {
    transform: translateX(0);
  }
}

.gn-v3-vehicle-image-disclaimer-animate {
  position: relative;
}

.gn-v3-vehicle-image-disclaimer {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}

.gn-v3-vehicle-one .gn-v3-vehicle-image-disclaimer-animate .gn-v3-vehicle-image-disclaimer:first-child {
  position: relative;
  animation: vehicleImageDisclaimer-fadeIn 0.2333s linear 0.5333s forwards;
  z-index: 2;
}

.gn-v3-vehicle-one .gn-v3-vehicle-image-disclaimer-animate .gn-v3-vehicle-image-disclaimer:last-child {
  animation: vehicleImageDisclaimer-fadeOut 0.1667s linear forwards;
}

.gn-v3-vehicle-two .gn-v3-vehicle-image-disclaimer-animate .gn-v3-vehicle-image-disclaimer:first-child {
  animation: vehicleImageDisclaimer-fadeOut 0.1667s linear forwards;
}

.gn-v3-vehicle-two .gn-v3-vehicle-image-disclaimer-animate .gn-v3-vehicle-image-disclaimer:last-child {
  position: relative;
  animation: vehicleImageDisclaimer-fadeIn 0.2333s linear 0.5333s forwards;
  z-index: 2;
}

@keyframes vehicleImageDisclaimer-fadeOut {
  0.00000001% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes vehicleImageDisclaimer-fadeIn {
  0.00000001% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.gn-v3-vehicle-image-msrp-shown-animate {
  position: relative;
  display: flex;
  flex-shrink: 0;
}

.gn-v3-vehicle-image-msrp-shown {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}

.gn-v3-vehicle-one .gn-v3-vehicle-image-msrp-shown-animate .gn-v3-vehicle-image-msrp-shown:first-child {
  position: relative;
  animation: vehicleImageDisclaimer-fadeIn 0.2333s linear 0.5333s forwards;
  z-index: 2;
}

.gn-v3-vehicle-one .gn-v3-vehicle-image-msrp-shown-animate .gn-v3-vehicle-image-msrp-shown:last-child {
  animation: vehicleImageDisclaimer-fadeOut 0.1667s linear forwards;
}

.gn-v3-vehicle-two .gn-v3-vehicle-image-msrp-shown-animate .gn-v3-vehicle-image-msrp-shown:first-child {
  animation: vehicleImageDisclaimer-fadeOut 0.1667s linear forwards;
}

.gn-v3-vehicle-two .gn-v3-vehicle-image-msrp-shown-animate .gn-v3-vehicle-image-msrp-shown:last-child {
  position: relative;
  animation: vehicleImageDisclaimer-fadeIn 0.2333s linear 0.5333s forwards;
  z-index: 2;
}

@keyframes vehicleImageDisclaimer-fadeOut {
  0.00000001% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes vehicleImageDisclaimer-fadeIn {
  0.00000001% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.gn-v3-vehicle-no-animation * {
  animation-duration: 0.00000001s !important;
  animation-delay: 0.00000001s !important;
}
.gn-v3-vehicle {
  max-width: 100%;
  position: relative;
  display: flex;
  flex: 0 0 100%;
  text-decoration: none;
  overflow: hidden;
}

@media (min-width: 640px) {
  .gn-v3-vehicle {
    max-width: calc(50% - 6px);
    flex: 0 0 calc(50% - 6px);
  }
}

@media (min-width: 1024px) {
  .gn-v3-vehicle {
    max-width: calc(33.33% - 13.33px);
    flex: 0 0 calc(33.33% - 13.33px);
  }
}

@media (min-width: 1440px) {
  .gn-v3-vehicle {
    max-width: calc(25% - 14.25px);
    flex: 0 0 calc(25% - 14.25px);
  }
}

@media (min-width: 1920px) {
  .gn-v3-vehicle {
    max-width: calc(20% - 19.2px);
    flex: 0 0 calc(20% - 19.2px);
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .gn-v3-vehicle {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1298px) {
  body.chat-opened .gn-v3-vehicle {
    max-width: calc(50% - 6px);
    flex: 0 0 calc(50% - 6px);
  }
}

.gn-v3-vehicle-inner {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.1875rem;
  padding: 1rem;
}

@media (min-width: 640px) {
  .gn-v3-vehicle-inner {
    padding: 1.5rem 1rem;
  }
}

@media (min-width: 1024px) {
  .gn-v3-vehicle-inner {
    padding: 1rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .gn-v3-vehicle-inner {
    padding: 1rem;
  }
}

@media (min-width: 1024px) and (max-width: 1298px) {
  body.chat-opened .gn-v3-vehicle-inner {
    padding: 1.5rem 1rem;
  }
}

.gn-v3-vehicle-details-link {
  text-decoration: none;
  z-index: 3;
  -webkit-tap-highlight-color: transparent;
}

.gn-v3-vehicle-details-container {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 3;
}

.gn-v3-vehicle-year {
  position: relative;
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
}

.gn-v3-vehicle-name {
  position: relative;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #ffffff;
  line-height: 1.875rem;
  margin-top: 0.25rem;
}

@media (min-width: 640px) {
  .gn-v3-vehicle-name {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin: 0.25rem 0 0.125rem;
  }
}

@media (min-width: 1024px) {
  .gn-v3-vehicle-name:hover {
    color: var(--hover-color) !important;
  }
}

.gn-v3-vehicle-name .sticky-icon-wrap {
  display: inline-flex;
  align-items: center;
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-vehicle-name:hover {
    color: #ffffff !important;
  }
}

.gn-v3-vehicle-name-logo {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.gn-v3-vehicle-name-logo .hyundaiBlack {
  fill: #ffffff;
}

.gn-v3-vehicle-name-logo .hyundaiRed {
  fill: #e63312;
}

.gn-v3-vehicle-name-logo-svg {
  margin-bottom: 0.15625rem;
}

.gn-v3-vehicle-name-svg {
  margin-left: 0.25rem;
}

.gn-v3-vehicle-msrp {
  height: 1.25rem;
  position: relative;
  font-weight: 400;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
}

.gn-v3-vehicle-msrp .sticky-icon-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.gn-v3-vehicle-msrp .tooltip-trigger {
  width: auto;
  height: auto;
  color: #ffffff;
  padding: 0.25rem 0.875rem;
  margin: -0.25rem -0.875rem -0.25rem -0.625rem;
}

.gn-v3-vehicle-msrp .tooltip-trigger svg {
  width: 0.75rem;
  height: 0.75rem;
}

.gn-v3-vehicle-msrp-value {
  font-weight: 700;
}

.gn-v3-vehicle-msrp-shown {
  position: relative;
  display: none;
  font-weight: 400;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  opacity: 0.6;
}

@media (min-width: 640px) {
  .gn-v3-vehicle-msrp-shown {
    display: block;
  }
}

.gn-v3-vehicle-msrp-shown .sticky-icon-wrap {
  display: inline-flex;
  align-items: center;
}

.gn-v3-vehicle-msrp-shown .tooltip-trigger {
  width: auto;
  height: auto;
  color: #ffffff;
  padding: 0.25rem 0.875rem;
  margin: -0.25rem -0.875rem -0.25rem -0.625rem;
}

.gn-v3-vehicle-msrp-shown .tooltip-trigger svg {
  width: 0.75rem;
  height: 0.75rem;
}

.gn-v3-vehicle-disclaimer {
  position: relative;
  font-weight: 400;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  opacity: 0.6;
}

.gn-v3-vehicle-disclaimer .sticky-icon-wrap {
  display: inline-flex;
  align-items: center;
}

.gn-v3-vehicle-disclaimer .tooltip-trigger {
  width: auto;
  height: auto;
  color: #ffffff;
  padding: 0.25rem 0.875rem;
  margin: -0.25rem -0.875rem -0.25rem -0.625rem;
}

.gn-v3-vehicle-disclaimer .tooltip-trigger svg {
  width: 0.75rem;
  height: 0.75rem;
}

.gn-v3-vehicle-trim-market {
  position: relative;
  font-weight: 400;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
}

.gn-v3-vehicle-trim-market .sticky-icon-wrap {
  display: inline-flex;
  align-items: center;
}

.gn-v3-vehicle-trim-market .tooltip-trigger {
  width: auto;
  height: auto;
  color: #ffffff;
  padding: 0.25rem 0.875rem;
  margin: -0.25rem -0.875rem -0.25rem -0.625rem;
}

.gn-v3-vehicle-trim-market .tooltip-trigger svg {
  width: 0.75rem;
  height: 0.75rem;
}

.gn-v3-vehicle-trim-market-svg-content {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.gn-v3-vehicle-image-link-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  z-index: 2;
}

.gn-v3-vehicle-image-link {
  position: relative;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

.gn-v3-vehicle-image-padding {
  padding-top: 62.75%;
}

.gn-v3-vehicle-image {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.gn-v3-vehicle-image-hover {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}

.gn-v3-vehicle-image-cta {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 0.5rem;
  z-index: 5;
}

@media (min-width: 640px) {
  .gn-v3-vehicle-image-cta {
    margin-top: -1.25rem;
  }
}

.gn-v3-vehicle-image-disclaimers-height,
.gn-v3-vehicle-image-disclaimers {
  position: relative;
  display: flex;
  flex-direction: column;
}

.gn-v3-vehicle-image-cta-disclaimer {
  font-weight: 700;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 1rem;
  margin-right: 1rem;
  opacity: 0.6;
  cursor: pointer;
}

.gn-v3-vehicle-image-cta-disclaimer .sticky-icon-wrap {
  display: inline-flex;
  align-items: center;
}

.gn-v3-vehicle-image-cta-disclaimer .tooltip-trigger {
  width: auto;
  height: auto;
  flex-shrink: 0;
  color: #ffffff;
  padding: 0.625rem 0.875rem;
  margin: -0.625rem -0.875rem -0.625rem -0.625rem;
}

.gn-v3-vehicle-image-cta-disclaimer .tooltip-trigger svg {
  width: 0.75rem;
  height: 0.75rem;
}

.gn-v3-vehicle-image-cta-copy {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}

.gn-v3-vehicle-image-cta-links {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.gn-v3-vehicle-image-cta-link {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 400;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

@media (min-width: 1024px) {
  .gn-v3-vehicle-image-cta-link:hover {
    color: var(--hover-color) !important;
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-vehicle-image-cta-link:hover {
    color: #ffffff !important;
  }
}

.gn-v3-vehicle-image-cta-link-svg {
  display: inline-flex;
}

.gn-v3-vehicle-image-cta-msrp-shown,
.gn-v3-vehicle-image-cta-msrp-shown-legal {
  position: relative;
  flex-shrink: 0;
  font-weight: 400;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  opacity: 0.6;
}

@media (min-width: 640px) {
  .gn-v3-vehicle-image-cta-msrp-shown,
  .gn-v3-vehicle-image-cta-msrp-shown-legal {
    display: none;
  }
}

.gn-v3-vehicle-image-cta-msrp-shown .sticky-icon-wrap,
.gn-v3-vehicle-image-cta-msrp-shown-legal .sticky-icon-wrap {
  display: inline-flex;
  align-items: center;
}

.gn-v3-vehicle-image-cta-msrp-shown .tooltip-trigger,
.gn-v3-vehicle-image-cta-msrp-shown-legal .tooltip-trigger {
  width: auto;
  height: auto;
  color: #ffffff;
  padding: 0.25rem 0.875rem;
  margin: -0.25rem -0.875rem -0.25rem -0.625rem;
}

.gn-v3-vehicle-image-cta-msrp-shown .tooltip-trigger svg,
.gn-v3-vehicle-image-cta-msrp-shown-legal .tooltip-trigger svg {
  width: 0.75rem;
  height: 0.75rem;
}

.gn-v3-vehicle-image-cta-msrp-shown-legal {
  padding-right: 1rem;
}

@media (min-width: 1024px) {
  .gn-v3-vehicle {
    opacity: 0;
    transition: opacity 0.33s linear;
  }
  .gn-v3-vehicle-details-container {
    opacity: 0;
    margin: -1.125rem 0 1.125rem;
    transition: opacity 0.33s linear 0.333s, margin 0.33s cubic-bezier(0.05, 0.9, 0.71, 1) 0.333s;
  }
  .gn-v3-vehicle-image {
    opacity: 0;
    transition: opacity 0.2s linear 0.2s;
  }
  .gn-v3-vehicle-image-cta {
    opacity: 0;
    transition: opacity 0.233s linear 0.4s;
  }
  .gn-v3-dropdown-open .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle {
    opacity: 1;
  }
  .gn-v3-dropdown-open .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-details-container {
    opacity: 1;
    margin: 0;
  }
  .gn-v3-dropdown-open .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-image {
    opacity: 1;
  }
  .gn-v3-dropdown-open .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-image-cta {
    opacity: 1;
  }
  .gn-v3-dropdown-open.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle {
    opacity: 1;
  }
  .gn-v3-dropdown-open.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle,
  .gn-v3-dropdown-open.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-details-container,
  .gn-v3-dropdown-open.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-image,
  .gn-v3-dropdown-open.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-image-cta {
    transition-duration: 0.00000001s;
    transition-delay: 0.00000001s;
  }
  .gn-v3-dropdown-close .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle {
    opacity: 0;
  }
  .gn-v3-dropdown-close .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-details-container,
  .gn-v3-dropdown-close .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-image,
  .gn-v3-dropdown-close .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-image-cta {
    transition-duration: 0.00000001s;
    transition-delay: 0.33s !important;
  }
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle {
    opacity: 0;
  }
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle,
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-details-container,
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-image,
  .gn-v3-dropdown-close.gn-v3-dropdown-between .gn-v3-dropdown-vehicle-category-open .gn-v3-vehicle-image-cta {
    transition-duration: 0.00000001s;
    transition-delay: 0.00000001s;
  }
  .gn-v3-dropdown-vehicle-category-close .gn-v3-vehicle-details-container,
  .gn-v3-dropdown-vehicle-category-close .gn-v3-vehicle-image,
  .gn-v3-dropdown-vehicle-category-close .gn-v3-vehicle-image-cta {
    transition-duration: 0.00000001s;
    transition-delay: 0.00000001s;
  }
}

@media (min-width: 1024px) and (max-width: 1298px) {
  body.chat-opened .gn-v3-vehicle {
    opacity: 1;
    transition-delay: 0.00000001s;
  }
  body.chat-opened .gn-v3-vehicle-details-container {
    opacity: 1;
    margin: 0;
    transition-delay: 0.00000001s;
  }
  body.chat-opened .gn-v3-vehicle-image {
    opacity: 1;
    transition-delay: 0.00000001s;
  }
  body.chat-opened .gn-v3-vehicle-image-cta {
    opacity: 1;
    transition-delay: 0.00000001s;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .gn-v3-vehicle:nth-child(-n + 12) .gn-v3-vehicle-details-container {
    transition-delay: 0.732s;
  }
  .gn-v3-vehicle:nth-child(-n + 12) .gn-v3-vehicle-image {
    transition-delay: 0.599s;
  }
  .gn-v3-vehicle:nth-child(-n + 12) .gn-v3-vehicle-image-cta {
    transition-delay: 0.999s;
  }
  .gn-v3-vehicle:nth-child(-n + 9) .gn-v3-vehicle-details-container {
    transition-delay: 0.599s;
  }
  .gn-v3-vehicle:nth-child(-n + 9) .gn-v3-vehicle-image {
    transition-delay: 0.466s;
  }
  .gn-v3-vehicle:nth-child(-n + 9) .gn-v3-vehicle-image-cta {
    transition-delay: 0.866s;
  }
  .gn-v3-vehicle:nth-child(-n + 6) .gn-v3-vehicle-details-container {
    transition-delay: 0.466s;
  }
  .gn-v3-vehicle:nth-child(-n + 6) .gn-v3-vehicle-image {
    transition-delay: 0.333s;
  }
  .gn-v3-vehicle:nth-child(-n + 6) .gn-v3-vehicle-image-cta {
    transition-delay: 0.733s;
  }
  .gn-v3-vehicle:nth-child(-n + 3) .gn-v3-vehicle-details-container {
    transition-delay: 0.333s;
  }
  .gn-v3-vehicle:nth-child(-n + 3) .gn-v3-vehicle-image {
    transition-delay: 0.2s;
  }
  .gn-v3-vehicle:nth-child(-n + 3) .gn-v3-vehicle-image-cta {
    transition-delay: 0.6s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 12) .gn-v3-vehicle-details-container {
    transition-duration: 0.33s, 0.00000001s;
    transition-delay: 0.599s, 0.00000001s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 12) .gn-v3-vehicle-image {
    transition-duration: 0.2s;
    transition-delay: 0.599s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 12) .gn-v3-vehicle-image-cta {
    transition-duration: 0.233s;
    transition-delay: 0.732s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 9) .gn-v3-vehicle-details-container {
    transition-duration: 0.33s, 0.00000001s;
    transition-delay: 0.466s, 0.00000001s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 9) .gn-v3-vehicle-image {
    transition-duration: 0.2s;
    transition-delay: 0.466s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 9) .gn-v3-vehicle-image-cta {
    transition-duration: 0.233s;
    transition-delay: 0.599s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 6) .gn-v3-vehicle-details-container {
    transition-duration: 0.33s, 0.00000001s;
    transition-delay: 0.333s, 0.00000001s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 6) .gn-v3-vehicle-image {
    transition-duration: 0.2s;
    transition-delay: 0.333s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 6) .gn-v3-vehicle-image-cta {
    transition-duration: 0.233s;
    transition-delay: 0.466s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 3) .gn-v3-vehicle-details-container {
    transition-duration: 0.33s, 0.00000001s;
    transition-delay: 0.2s, 0.00000001s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 3) .gn-v3-vehicle-image {
    transition-duration: 0.2s;
    transition-delay: 0.2s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 3) .gn-v3-vehicle-image-cta {
    transition-duration: 0.233s;
    transition-delay: 0.333s;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .gn-v3-vehicle:nth-child(-n + 12) .gn-v3-vehicle-details-container {
    transition-delay: 0.599s;
  }
  .gn-v3-vehicle:nth-child(-n + 12) .gn-v3-vehicle-image {
    transition-delay: 0.466s;
  }
  .gn-v3-vehicle:nth-child(-n + 12) .gn-v3-vehicle-image-cta {
    transition-delay: 0.866s;
  }
  .gn-v3-vehicle:nth-child(-n + 8) .gn-v3-vehicle-details-container {
    transition-delay: 0.466s;
  }
  .gn-v3-vehicle:nth-child(-n + 8) .gn-v3-vehicle-image {
    transition-delay: 0.333s;
  }
  .gn-v3-vehicle:nth-child(-n + 8) .gn-v3-vehicle-image-cta {
    transition-delay: 0.733s;
  }
  .gn-v3-vehicle:nth-child(-n + 4) .gn-v3-vehicle-details-container {
    transition-delay: 0.333s;
  }
  .gn-v3-vehicle:nth-child(-n + 4) .gn-v3-vehicle-image {
    transition-delay: 0.2s;
  }
  .gn-v3-vehicle:nth-child(-n + 4) .gn-v3-vehicle-image-cta {
    transition-delay: 0.6s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 12) .gn-v3-vehicle-details-container {
    transition-duration: 0.33s, 0.00000001s;
    transition-delay: 0.466s, 0.00000001s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 12) .gn-v3-vehicle-image {
    transition-duration: 0.2s;
    transition-delay: 0.466s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 12) .gn-v3-vehicle-image-cta {
    transition-duration: 0.233s;
    transition-delay: 0.599s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 8) .gn-v3-vehicle-details-container {
    transition-duration: 0.33s, 0.00000001s;
    transition-delay: 0.333s, 0.00000001s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 8) .gn-v3-vehicle-image {
    transition-duration: 0.2s;
    transition-delay: 0.333s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 8) .gn-v3-vehicle-image-cta {
    transition-duration: 0.233s;
    transition-delay: 0.466s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 4) .gn-v3-vehicle-details-container {
    transition-duration: 0.33s, 0.00000001s;
    transition-delay: 0.2s, 0.00000001s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 4) .gn-v3-vehicle-image {
    transition-duration: 0.2s;
    transition-delay: 0.2s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 4) .gn-v3-vehicle-image-cta {
    transition-duration: 0.233s;
    transition-delay: 0.333s;
  }
}

@media (min-width: 1920px) {
  .gn-v3-vehicle:nth-child(-n + 15) .gn-v3-vehicle-details-container {
    transition-delay: 0.599s;
  }
  .gn-v3-vehicle:nth-child(-n + 15) .gn-v3-vehicle-image {
    transition-delay: 0.466s;
  }
  .gn-v3-vehicle:nth-child(-n + 15) .gn-v3-vehicle-image-cta {
    transition-delay: 0.866s;
  }
  .gn-v3-vehicle:nth-child(-n + 10) .gn-v3-vehicle-details-container {
    transition-delay: 0.466s;
  }
  .gn-v3-vehicle:nth-child(-n + 10) .gn-v3-vehicle-image {
    transition-delay: 0.333s;
  }
  .gn-v3-vehicle:nth-child(-n + 10) .gn-v3-vehicle-image-cta {
    transition-delay: 0.733s;
  }
  .gn-v3-vehicle:nth-child(-n + 5) .gn-v3-vehicle-details-container {
    transition-delay: 0.333s;
  }
  .gn-v3-vehicle:nth-child(-n + 5) .gn-v3-vehicle-image {
    transition-delay: 0.2s;
  }
  .gn-v3-vehicle:nth-child(-n + 5) .gn-v3-vehicle-image-cta {
    transition-delay: 0.6s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 15) .gn-v3-vehicle-details-container {
    transition-duration: 0.33s, 0.00000001s;
    transition-delay: 0.466s, 0.00000001s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 15) .gn-v3-vehicle-image {
    transition-duration: 0.2s;
    transition-delay: 0.466s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 15) .gn-v3-vehicle-image-cta {
    transition-duration: 0.233s;
    transition-delay: 0.599s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 10) .gn-v3-vehicle-details-container {
    transition-duration: 0.33s, 0.00000001s;
    transition-delay: 0.333s, 0.00000001s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 10) .gn-v3-vehicle-image {
    transition-duration: 0.2s;
    transition-delay: 0.333s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 10) .gn-v3-vehicle-image-cta {
    transition-duration: 0.233s;
    transition-delay: 0.466s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 5) .gn-v3-vehicle-details-container {
    transition-duration: 0.33s, 0.00000001s;
    transition-delay: 0.2s, 0.00000001s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 5) .gn-v3-vehicle-image {
    transition-duration: 0.2s;
    transition-delay: 0.2s;
  }
  .gn-v3-dropdown-vehicle-category-open.gn-v3-dropdown-vehicle-category-between .gn-v3-vehicle:nth-child(-n + 5) .gn-v3-vehicle-image-cta {
    transition-duration: 0.233s;
    transition-delay: 0.333s;
  }
}

.gn-v3-vehicle-image-hover {
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.45, 0, 0.6, 1);
}

.gn-v3-vehicle-name,
.gn-v3-vehicle-image-cta-link {
  transition: color 0.4s ease-in-out;
}

@media (min-width: 1024px) {
  .gn-v3-vehicle:hover .gn-v3-vehicle-image-hover {
    opacity: 1;
    filter: blur(20px);
    transition: all 0.35s cubic-bezier(0.5, 0, 0.1, 1);
  }
}

@media (max-width: 1298px) {
  body.chat-opened .gn-v3-vehicle:hover .gn-v3-vehicle-image-hover {
    opacity: 0;
  }
}

.global-nav-v3-no-animate .gn-v3-vehicle-image-link-container,
.global-nav-v3-no-animate .gn-v3-vehicle-details-container {
  transition: none !important;
  transition-delay: 0.00000001s !important;
}

.gn-v3-saved {
  width: 100%;
  max-width: 120rem;
}

.gn-v3-saved-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1rem;
}

@media (min-width: 640px) {
  .gn-v3-saved-inner {
    padding: 1.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .gn-v3-saved-inner {
    gap: 2rem;
    padding: 2rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .gn-v3-saved-inner {
    gap: 3rem;
    padding: 3rem 4.5rem;
  }
}

@media (min-width: 1920px) {
  .gn-v3-saved-inner {
    padding: 3rem 6rem;
  }
}

/* #region - NAV  // // // // // // // // // // // // // // // // // // // // // // // // // // */
.gn-v3-saved-nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gn-v3-saved-nav-toggle-buttons {
  display: flex;
  gap: 0.5rem;
  position: relative;
}

.gn-v3-saved-nav-toggle-button {
  display: flex;
  gap: 0.25rem;
  padding: 0.5rem 0.25rem;
  -webkit-tap-highlight-color: transparent;
}

.gn-v3-saved-nav-toggle-button:hover .gn-v3-saved-nav-toggle-button-copy {
  opacity: 1;
}

.gn-v3-saved-nav-toggle-button-copy {
  flex-shrink: 0;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #bababa;
  line-height: 0.875rem;
  opacity: 0.6;
  transition: opacity 0.2s linear;
}

@media (min-width: 1024px) {
  .gn-v3-saved-nav-toggle-button-copy {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.gn-v3-saved-nav-toggle-button-active .gn-v3-saved-nav-toggle-button-copy {
  opacity: 1;
}

.gn-v3-saved-nav-toggle-button-count {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  font-weight: 700;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 1.25rem;
  background-color: #333333;
  border-radius: 1.5625rem;
}

.gn-v3-saved-nav-toggle-bar {
  width: 3.625rem;
  height: 0.125rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #00aad2;
  transition: all 0.3s cubic-bezier(0.25, 0, 0.2, 1);
  z-index: 3;
}

.gn-v3-saved-nav-arrows {
  display: none;
}

@media (min-width: 640px) {
  .gn-v3-saved-nav-arrows {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.gn-v3-saved-nav-arrow-copy {
  font-weight: 400;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 0.875rem;
}

@media (max-width: 769px) {
  .gn-v3-saved-nav-arrow-copy span {
    display: none;
  }
}

.gn-v3-saved-nav-arrow-buttons {
  display: flex;
  gap: 1rem;
  margin-left: 1rem;
}

/* #endregion */
/* #region - VEHICLE // // // // // // // // // // // // // // // // // // // // // // // // // */
.gn-v3-saved-vehicle {
  width: 100%;
  position: relative;
}

.gn-v3-saved-vehicle-swiper .swiper-wrapper {
  gap: 1.25rem;
  transition: 0.5s cubic-bezier(0.25, 0, 0.05, 1) !important;
}

@media (max-width: 639px) {
  .gn-v3-saved-vehicle-swiper .swiper-wrapper {
    flex-direction: column;
    align-items: center;
  }
}

.gn-v3-saved-vehicle-swiper .swiper-slide {
  margin: 0 !important;
}

.gn-v3-saved-vehicle-card {
  width: 21.4375rem;
  display: flex;
  position: relative;
  background-color: #333333;
  border-radius: 1rem;
}

.gn-v3-saved-vehicle-card-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
}

/* SAVED, COMPARE */
@media (max-width: 639px) {
  .gn-v3-saved-vehicle-card-model-section-height {
    height: auto !important;
  }
}

.gn-v3-saved-vehicle-card-model-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.gn-v3-saved-vehicle-card-saved-compare {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.gn-v3-saved-vehicle-card-saved {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.gn-v3-saved-vehicle-card-saved-icon {
  width: 2rem;
  height: 2rem;
}

.gn-v3-saved-vehicle-card-saved-copy {
  font-weight: 400;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 0.75rem;
}

.gn-v3-saved-vehicle-card-compare {
  position: relative;
}

.gn-v3-saved-vehicle-card-compare-limit-overlay {
  width: 20.1875rem;
  position: absolute;
  top: 4.625rem;
  left: 50%;
  transform: translateX(-50%);
  border: 0.0625rem solid #ededed;
  border-radius: 1rem;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}

.gn-v3-saved-vehicle-card-compare-limit-overlay-inner {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
}

.gn-v3-saved-vehicle-card-compare-limit-overlay-arrow {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: -0.5625rem;
  right: 3.4375rem;
  overflow: hidden;
  transform: rotate(45deg);
}

.gn-v3-saved-vehicle-card-compare-limit-overlay-arrow:after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 0;
  top: 0;
  background: #ffffff;
  border: 0.0625rem solid #ededed;
}

.gn-v3-saved-vehicle-card-compare-limit-overlay-close-button {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  padding: 0.375rem;
}

.gn-v3-saved-vehicle-card-compare-limit-overlay-close-button svg {
  width: 1.125rem;
  height: 1.125rem;
}

.gn-v3-saved-vehicle-card-compare-limit-overlay-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.25rem;
}

.gn-v3-saved-vehicle-card-compare-limit-overlay-copy {
  font-size: 0.875rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.25rem;
}

.gn-v3-saved-vehicle-card-compare-limit-overlay-button {
  font-size: 0.75rem;
  font-weight: 500;
  color: #002c5e;
  line-height: 1.375rem;
  text-decoration: underline;
  padding: 0.25rem 0;
}

/* IMAGE */
.gn-v3-saved-vehicle-card-image {
  width: 18.4375rem;
  height: 9rem;
  position: relative;
  overflow: hidden;
}

.gn-v3-saved-vehicle-card-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gn-v3-saved-vehicle-card-image-background {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
}

.gn-v3-saved-vehicle-card-image-background img {
  height: 100%;
}

.gn-v3-saved-vehicle-card-model-msrp {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.gn-v3-saved-vehicle-card-model,
.gn-v3-saved-vehicle-card-msrp {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.25rem;
}

.gn-v3-saved-vehicle-card-msrp {
  align-items: flex-end;
  flex-shrink: 0;
}

.gn-v3-saved-vehicle-card-model-year {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1rem;
}

.gn-v3-saved-vehicle-card-model-name,
.gn-v3-saved-vehicle-card-model-name-uppercase {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #ffffff;
  line-height: 1.625rem;
}

.gn-v3-saved-vehicle-card-model-name-uppercase {
  text-transform: uppercase;
}

.gn-v3-saved-vehicle-card-model-trim {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
}

.gn-v3-saved-vehicle-card-msrp-copy {
  font-weight: 400;
  font-size: 0.75rem;
  color: #bababa;
  line-height: 1rem;
}

.gn-v3-saved-vehicle-card-msrp-legal {
  -webkit-tap-highlight-color: transparent;
}

.gn-v3-saved-vehicle-card-msrp-legal .tooltip-trigger {
  width: auto;
  height: auto;
  color: #bababa;
  padding: 0.625rem 0.875rem;
  margin: -0.625rem -0.875rem;
}

.gn-v3-saved-vehicle-card-msrp-legal .tooltip-trigger svg {
  width: 0.75rem;
  height: 0.75rem;
}

.gn-v3-saved-vehicle-card-msrp-value {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #ffffff;
  line-height: 1.375rem;
}

.gn-v3-saved-vehicle-card-miles {
  font-weight: 500;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
}

/* SWATCH */
@media (max-width: 639px) {
  .gn-v3-saved-vehicle-card-swatch-section-height {
    height: auto !important;
  }
}

.gn-v3-saved-vehicle-card-swatch-section {
  display: flex;
  gap: 0.5rem;
}

.gn-v3-saved-vehicle-card-swatch {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.25rem;
}

.gn-v3-saved-vehicle-card-swatch-image,
.gn-v3-saved-vehicle-card-swatch-icon {
  width: 8.75rem;
  height: 1.5rem;
  position: relative;
  border-radius: 0.25rem;
  outline: 0.0625rem solid #bababa;
  margin: 0.125rem;
  overflow: hidden;
}

.gn-v3-saved-vehicle-card-swatch-image img,
.gn-v3-saved-vehicle-card-swatch-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gn-v3-saved-vehicle-card-swatch-highlight {
  width: calc(100% - 4px);
  height: 0.4375rem;
  top: 0;
  left: 0.125rem;
  position: absolute;
  opacity: 0.4;
  background-color: #ffffff;
  border-radius: 0.625rem;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  z-index: 2;
}

.gn-v3-saved-vehicle-card-swatch-copy {
  font-weight: 400;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 0.75rem;
  text-transform: capitalize;
  padding: 0 0.125rem;
}

/* SPECS, PACKAGE */
.gn-v3-saved-vehicle-card-specs-package-section,
.gn-v3-saved-vehicle-card-carfax-package-section {
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gn-v3-saved-vehicle-card-specs-button,
.gn-v3-saved-vehicle-card-specs-link {
  display: inline-flex;
  gap: 0.375rem;
  font-weight: 400;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 1rem;
  text-decoration: underline;
  -webkit-tap-highlight-color: transparent;
}

.gn-v3-saved-vehicle-card-specs-link svg {
  width: 0.875rem;
  height: 0.875rem;
}

.gn-v3-saved-vehicle-card-package {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background-color: #1f1e21;
  border-radius: 1.5rem;
  padding: 0.25rem 0.5rem 0.25rem 0.375rem;
}

.gn-v3-saved-vehicle-card-package-icon {
  width: 1rem;
  height: 1rem;
  position: relative;
}

.gn-v3-saved-vehicle-card-package-icon svg {
  width: 0.75rem;
  height: 0.5625rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gn-v3-saved-vehicle-card-package-copy {
  font-weight: 500;
  font-size: 0.75rem;
  color: #e6e6e6;
  line-height: 1rem;
}

/* VIN, DEALER, AVAILABLE, PROGRAM */
.gn-v3-saved-vehicle-card-dealer-section-height {
  display: flex;
}

@media (max-width: 639px) {
  .gn-v3-saved-vehicle-card-dealer-section-height {
    height: auto !important;
  }
}

.gn-v3-saved-vehicle-card-dealer-section {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  gap: 0.375rem;
}

.gn-v3-saved-vehicle-card-dealer-avilable,
.gn-v3-saved-vehicle-card-dealer-program {
  display: flex;
  flex-direction: column;
}

.gn-v3-saved-vehicle-card-dealer {
  font-weight: 500;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
}

.gn-v3-saved-vehicle-card-avilable,
.gn-v3-saved-vehicle-card-program {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.gn-v3-saved-vehicle-card-avilable-icon {
  width: 0.875rem;
  height: 0.875rem;
}

.gn-v3-saved-vehicle-card-program-icon {
  width: 0.5625rem;
  height: 0.71875rem;
}

.gn-v3-saved-vehicle-card-avilable-copy,
.gn-v3-saved-vehicle-card-program-copy {
  font-weight: 400;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
}

.gn-v3-saved-vehicle-card-avilable-legal {
  -webkit-tap-highlight-color: transparent;
}

.gn-v3-saved-vehicle-card-avilable-legal .tooltip-trigger {
  width: auto;
  height: auto;
  color: #ffffff;
  padding: 0.625rem 0.875rem;
  margin: -0.625rem -0.875rem;
}

.gn-v3-saved-vehicle-card-avilable-legal .tooltip-trigger svg {
  width: 0.75rem;
  height: 0.75rem;
}

.gn-v3-saved-vehicle-card-vin {
  font-weight: 400;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 0.75rem;
}

/* DRIVETRAIN, ACCESSORIES */
.gn-v3-saved-vehicle-card-drivetrain-accessories-section {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.gn-v3-saved-vehicle-card-drivetrain,
.gn-v3-saved-vehicle-card-accessories {
  width: 8.875rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.gn-v3-saved-vehicle-card-drivetrain-copy,
.gn-v3-saved-vehicle-card-accessories-copy {
  font-weight: 700;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 0.75rem;
}

.gn-v3-saved-vehicle-card-drivetrain-value,
.gn-v3-saved-vehicle-card-accessories-value {
  font-weight: 400;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 0.75rem;
}

/* CTA */
.gn-v3-saved-vehicle-card-cta-section {
  width: 100%;
}

.gn-v3-saved-vehicle-card-cta-details {
  display: flex;
}

.gn-v3-saved-vehicle-card-cta-details a {
  width: 100%;
}

.gn-v3-saved-vehicle-card-cta-remove,
.gn-v3-saved-vehicle-card-cta-avilable {
  display: flex;
  gap: 0.75rem;
}

.gn-v3-saved-vehicle-card-cta-remove a,
.gn-v3-saved-vehicle-card-cta-remove button,
.gn-v3-saved-vehicle-card-cta-avilable a,
.gn-v3-saved-vehicle-card-cta-avilable button {
  width: 50%;
  flex-basis: 50%;
}

.gn-v3-saved-vehicle-card-cta-remove .button-white,
.gn-v3-saved-vehicle-card-cta-avilable .button-white {
  font-weight: 500;
  font-size: 1rem;
  color: #333333;
}

.gn-v3-saved-vehicle-card-cta-remove .button-transparent-white,
.gn-v3-saved-vehicle-card-cta-avilable .button-transparent-white {
  font-weight: 500;
  font-size: 1rem;
  color: #ffffff;
}

.gn-v3-saved-vehicle-card-cta-remove .button-transparent-white:hover,
.gn-v3-saved-vehicle-card-cta-avilable .button-transparent-white:hover {
  color: #333333 !important;
}

.gn-v3-saved-vehicle-swiper-overlay {
  width: 100%;
  height: calc(100vh - 112px);
  position: fixed;
  top: 3.5rem;
  left: 0;
  background: rgba(31, 30, 33, 0.77);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  z-index: 3;
}

@media (min-width: 640px) {
  .gn-v3-saved-vehicle-swiper-overlay {
    width: 200%;
    height: 110%;
    position: absolute;
    top: -5%;
    left: -50%;
  }
}

.gn-v3-saved-vehicle-swiper-overlay-content {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 2rem;
}

.gn-v3-saved-vehicle-swiper-overlay-copy {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #ffffff;
  line-height: 1.875rem;
  text-align: center;
  padding: 0 1rem;
  -webkit-tap-highlight-color: transparent;
}

@media (min-width: 640px) {
  .gn-v3-saved-vehicle-swiper-overlay-copy {
    padding: 0 2rem;
  }
}

.gn-v3-saved-vehicle-swiper-overlay-buttons {
  display: flex;
  gap: 1rem;
}

.gn-v3-saved-vehicle-empty {
  width: 100%;
  height: 32.125rem;
  position: relative;
}

.gn-v3-saved-vehicle-empty-content {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2rem;
}

.gn-v3-saved-vehicle-empty-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #ffffff;
  line-height: 1.75rem;
}

.gn-v3-saved-vehicle-empty-copy {
  font-weight: 400;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
  text-align: center;
}

.gn-v3-saved-vehicle-empty-copy svg {
  width: 1.0625rem;
  height: 1rem;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.gn-v3-saved-vehicle-empty-link a {
  width: auto;
}

.gn-v3-saved-vehicle-card-overlay {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.gn-v3-saved-vehicle-card-overlay-blur {
  width: 100%;
  height: 13.375rem;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 1rem 1rem 0 0;
  background: linear-gradient(180deg, rgba(31, 30, 33, 0.8) 84.14%, rgba(31, 30, 33, 0) 100%);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  z-index: 2;
}

.gn-v3-saved-vehicle-card-overlay-copy {
  position: absolute;
  top: 4rem;
  right: 1.625rem;
  left: 1.625rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #ffffff;
  line-height: 1.625rem;
  text-align: center;
  z-index: 3;
}

@media (min-width: 640px) {
  .gn-v3-saved-vehicle-card-disabled-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
  }
}

/* #endregion */
/* #region - FOOTER  // // // // // // // // // // // // // // // // // // // // // // // // // */
.gn-v3-saved-footer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1024px) {
  .gn-v3-saved-footer {
    flex-direction: row;
    justify-content: space-between;
    gap: 1.5rem;
  }
}

@media (max-width: 639px) {
  .gn-v3-saved-compare-open .gn-v3-saved-footer {
    padding-bottom: 10rem;
  }
}

.gn-v3-saved-footer-remove-button {
  font-weight: 400;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
  text-decoration: underline;
}

.gn-v3-saved-footer-legal {
  max-width: 31.25rem;
  margin: 0;
}

@media (min-width: 1024px) {
  .gn-v3-saved-footer-legal {
    margin-left: auto;
  }
}

@media (min-width: 1440px) {
  .gn-v3-saved-footer-legal {
    max-width: none;
  }
}

.gn-v3-saved-footer-legal-copy {
  font-weight: 400;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  text-align: center;
  opacity: 0.6;
}

@media (min-width: 1024px) {
  .gn-v3-saved-footer-legal-copy {
    text-align: right;
  }
}

.gn-v3-saved-footer-legal-copy a {
  font-weight: 700;
  color: #ffffff;
  text-decoration: underline;
}

/* #endregion */
/* #region - COMPARE // // // // // // // // // // // // // // // // // // // // // // // // // */
.gn-v3-saved-compare {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1rem;
  background-color: #1f1e21;
  padding: 1rem;
  z-index: 2;
}

@media (min-width: 640px) {
  .gn-v3-saved-compare {
    position: relative;
    background-color: transparent;
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .gn-v3-saved-compare {
    flex-direction: row;
    gap: 2.25rem;
  }
}

@media (min-width: 1440px) {
  .gn-v3-saved-compare {
    justify-content: center;
    gap: 3rem;
  }
}

.gn-v3-saved-compare-vehicles {
  width: 100%;
  display: flex;
  gap: 0.75rem;
}

@media (min-width: 1024px) {
  .gn-v3-saved-compare-vehicles {
    width: auto;
  }
}

@media (min-width: 1440px) {
  .gn-v3-saved-compare-vehicles {
    width: auto;
    gap: 1.5rem;
  }
}

.gn-v3-saved-compare-vehicle-active,
.gn-v3-saved-compare-vehicle-empty {
  width: calc((1/3 * 100%) - 8px);
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  padding: 0.5rem;
}

@media (min-width: 1024px) {
  .gn-v3-saved-compare-vehicle-active,
  .gn-v3-saved-compare-vehicle-empty {
    width: 14.0625rem;
    padding: 0.5rem 0.75rem;
  }
}

@media (min-width: 1440px) {
  .gn-v3-saved-compare-vehicle-active,
  .gn-v3-saved-compare-vehicle-empty {
    width: 15rem;
  }
}

.gn-v3-saved-compare-vehicle-active {
  background-color: #666666;
}

.gn-v3-saved-compare-vehicle-empty {
  background-color: #1f1e21;
  border: 0.0625rem solid #888888;
}

.gn-v3-saved-compare-vehicle-empty .gn-v3-saved-compare-vehicle-copy {
  justify-content: center;
  align-items: center;
}

.gn-v3-saved-compare-vehicle-copy {
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 0.25rem;
}

.gn-v3-saved-compare-vehicle-name {
  font-weight: 400;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 0.75rem;
}

.gn-v3-saved-compare-vehicle-trim {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1rem;
}

@media (min-width: 640px) {
  .gn-v3-saved-compare-vehicle-trim {
    font-size: 1.125rem;
    line-height: 1.25rem;
  }
}

.gn-v3-saved-compare-vehicle-select {
  font-weight: 400;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 0.875rem;
}

.gn-v3-saved-compare-vehicle-remove {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: -0.375rem;
  right: -0.375rem;
  border-radius: 1.5rem;
  background-color: #333333;
}

.gn-v3-saved-compare-vehicle-remove svg {
  width: 0.5rem;
}

@media (min-width: 1440px) {
  .gn-v3-saved-compare-vehicle-remove {
    width: 1.5rem;
    height: 1.5rem;
    top: -0.5rem;
    right: -0.5rem;
  }
  .gn-v3-saved-compare-vehicle-remove svg {
    width: 0.75rem;
  }
}

.gn-v3-saved-compare-buttons {
  width: 100%;
  display: flex;
  gap: 1rem;
}

@media (min-width: 1024px) {
  .gn-v3-saved-compare-buttons {
    width: auto;
  }
}

.gn-v3-saved-compare-buttons .gn-v3-primary-button-lightmode {
  width: calc(100% - 60px);
}

@media (min-width: 1024px) {
  .gn-v3-saved-compare-buttons .gn-v3-primary-button-lightmode {
    width: auto;
  }
}

.gn-v3-saved-compare-buttons .gn-v3-close-button {
  position: relative;
}

@media (min-width: 1024px) {
  .gn-v3-saved-compare-buttons .gn-v3-close-button {
    position: absolute;
    right: 0;
  }
}

/* #endregion */
/* #region - ANIMATION  // // // // // // // // // // // // // // // // // // // // // // // // */
.global-nav-v3-no-animate .gn-v3-saved-nav-toggle-bar,
.global-nav-v3-no-animate .gn-v3-saved-vehicle-swiper .swiper-wrapper {
  transition: none !important;
  transition-delay: 0.00000001s !important;
}

/* #endregion */

.gn-v3-search {
  width: 100%;
  max-width: 72.75rem;
}

.gn-v3-search-inner {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding: 2.5rem 2.625rem;
}

/* #region - FORM // // // // // // // // // // // // // // // // // // // // // // // // // // */
.gn-v3-search-form {
  width: 100%;
  max-width: 68.75rem;
  position: relative;
  background-color: #333333;
  border-radius: 0.75rem;
  padding: 1.25rem;
}

.gn-v3-search-form-input {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.gn-v3-search-submit-button-svg svg {
  fill: none;
}

.gn-v3-search-input {
  flex: 1;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #ffffff;
  line-height: 1.875rem;
  text-overflow: ellipsis;
  border: 0;
  background-color: #333333;
  padding: 0;
}

.gn-v3-search-input:focus {
  outline: none;
}

.gn-v3-search-close-button-svg svg {
  fill: none;
}

/* #endregion */
/* #region - POPULAR, SUGGESTED, HISTORY  // // // // // // // // // // // // // // // // // // */
.gn-v3-search-popular-suggested-history {
  display: flex;
  gap: 2.5rem;
}

/* #endregion */
/* #region - POPULAR // // // // // // // // // // // // // // // // // // // // // // // // // */
.gn-v3-search-popular {
  height: 16.5rem;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 1rem;
  padding-left: 1.5rem;
}

@media (min-width: 1440px) {
  .gn-v3-search-popular {
    padding-left: 2.125rem;
  }
}

.gn-v3-search-popular-title {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.gn-v3-search-popular-title-svg {
  stroke: #bababa;
  margin: 0.375rem;
}

.gn-v3-search-popular-title-svg svg {
  fill: none;
}

.gn-v3-search-popular-title-copy {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  color: #bababa;
  line-height: 1rem;
}

.gn-v3-search-popular-searches {
  width: 27.5rem;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2.5rem;
}

.gn-v3-search-popular-search {
  flex: 0 0 calc(50% - 20px);
}

.gn-v3-search-popular-search-link {
  display: inline-flex;
  gap: 0.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.5rem;
  text-decoration: none;
}

.gn-v3-search-popular-search-link:hover .gn-v3-search-popular-search-svg path {
  stroke: var(--hover-search-popular-color, #00aad2) !important;
}

.gn-v3-search-popular-search-link:hover .gn-v3-search-popular-search-copy {
  color: var(--hover-search-popular-color, #00aad2) !important;
}

.gn-v3-search-popular-search-svg {
  margin: 0.375rem;
}

.gn-v3-search-popular-search-svg svg {
  fill: none;
}

/* #endregion */
/* #region - SUGGESTED  // // // // // // // // // // // // // // // // // // // // // // // // */
.gn-v3-search-suggested {
  height: 16.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-left: 1.5rem;
}

@media (min-width: 1440px) {
  .gn-v3-search-suggested {
    padding-left: 2.125rem;
  }
}

.gn-v3-search-suggested-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  color: #bababa;
  line-height: 1rem;
}

.gn-v3-search-suggested-searches {
  display: inline-flex;
  flex-direction: column;
  gap: 1rem;
}

.gn-v3-search-suggested-search-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #888888;
  line-height: 1.5rem;
  text-decoration: none;
}

.gn-v3-search-suggested-search-link:hover .gn-v3-search-suggested-search-svg path {
  stroke: var(--hover-search-suggested-color, #00aad2) !important;
}

.gn-v3-search-suggested-search-link:hover .gn-v3-search-suggested-search-copy,
.gn-v3-search-suggested-search-link:hover .gn-v3-search-suggested-search-copy span {
  color: var(--hover-search-suggested-color, #00aad2) !important;
}

.gn-v3-search-suggested-search-svg {
  margin: 0.375rem;
}

.gn-v3-search-suggested-search-svg svg {
  fill: none;
}

.gn-v3-search-suggested-search-copy span {
  color: var(--highlight-search-suggested-color, #ffffff);
}

.gn-v3-search-suggested-empty {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #888888;
  line-height: 0.875rem;
}

/* #endregion */
/* #region - HISTORY // // // // // // // // // // // // // // // // // // // // // // // // // */
.gn-v3-search-history {
  height: 16.5rem;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 1rem;
}

.gn-v3-search-history-max {
  height: 18.5rem;
}

.gn-v3-search-history-title {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.gn-v3-search-history-title-svg {
  stroke: #bababa;
  margin: 0.375rem;
}

.gn-v3-search-history-title-svg svg {
  fill: none;
}

.gn-v3-search-history-title-copy {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  color: #bababa;
  line-height: 1rem;
}

.gn-v3-search-history-searches {
  width: 27.5rem;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2.5rem;
}

.gn-v3-search-history-search {
  width: calc(50% - 20px);
  flex: 0 0 calc(50% - 20px);
}

.gn-v3-search-history-search-link {
  width: 12.5rem;
  display: inline-flex;
  gap: 0.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.5rem;
  text-decoration: none;
}

.gn-v3-search-history-search-link:hover .gn-v3-search-history-search-svg path {
  stroke: var(--hover-search-history-color, #00aad2) !important;
}

.gn-v3-search-history-search-link:hover .gn-v3-search-history-search-copy {
  color: var(--hover-search-history-color, #00aad2) !important;
}

.gn-v3-search-history-search-svg {
  flex-shrink: 0;
  margin: 0.375rem;
}

.gn-v3-search-history-search-svg svg {
  fill: none;
}

.gn-v3-search-history-search-copy {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gn-v3-search-history-clear-button {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.gn-v3-search-history-clear-button:hover .gn-v3-search-history-clear-button-svg path {
  stroke: var(--hover-search-history-color, #00aad2) !important;
}

.gn-v3-search-history-clear-button:hover .gn-v3-search-history-clear-button-copy {
  color: var(--hover-search-history-clear-color, #00aad2) !important;
}

.gn-v3-search-history-clear-button-svg {
  margin: 0.25rem;
}

.gn-v3-search-history-clear-button-copy {
  font-weight: 500;
  font-size: 0.75rem;
  color: #bababa;
  line-height: 0.75rem;
}

/* #endregion */
/* #region - ANIMATIONS // // // // // // // // // // // // // // // // // // // // // // // // */
.gn-v3-search-popular-search-svg path,
.gn-v3-search-popular-search-copy,
.gn-v3-search-suggested-search-svg path,
.gn-v3-search-suggested-search-copy,
.gn-v3-search-suggested-search-copy span,
.gn-v3-search-history-search-svg path,
.gn-v3-search-history-search-copy,
.gn-v3-search-history-search-copy span,
.gn-v3-search-history-clear-button-svg path,
.gn-v3-search-history-clear-button-copy,
.gn-v3-search-history-clear-button-copy span {
  transition: all 0.4s ease-in-out;
}

/* #endregion */

#global-site-header .xf-content-height:has(.bsi-compare) {
  min-height: 0;
  height: 0;
  margin: 0;
}
.hero-v1 {
  position: relative;
  background: #000000;
  overflow: hidden;
  height: 25rem;
}

@media (min-width: 640px) {
  .hero-v1 {
    height: 36rem;
  }
}

@media (min-width: 1024px) {
  .hero-v1 {
    height: 43.75rem;
  }
}

@media (max-width: 639px) {
  .hero-extended-height {
    height: 30rem !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hero-extended-height {
    height: 40rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .hero-extended-height {
    height: 43.75rem !important;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .hero-extended-height {
    height: 55rem !important;
  }
}

@media (min-width: 1920px) and (max-width: 2560px) {
  .hero-extended-height {
    height: 61.25rem !important;
  }
}

.hero-cinemagraph .media-cinemagraph-container {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 45rem;
  min-height: 25rem;
}

@media (min-width: 640px) {
  .hero-cinemagraph .media-cinemagraph-container {
    min-width: 65rem;
    min-height: 36rem;
  }
}

@media (min-width: 1024px) {
  .hero-cinemagraph .media-cinemagraph-container {
    min-width: 78.75rem;
    min-height: 43.75rem;
  }
}

.hero-cinemagraph .media-cinemagraph-placeholder {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  display: block;
}

.hero-cinemagraph .media-cinemagraph-container.media-cinemagraph-loaded .media-cinemagraph-placeholder {
  display: block;
}

.hero-cinemagraph .media-cinemagraph-player {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.hero-image {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-image-left {
  left: 0;
  transform: translate(0, -50%);
}

.hero-image-right {
  left: auto;
  right: 0;
  transform: translate(0, -50%);
}

.hero-content {
  position: absolute;
  text-align: center;
  height: 100%;
  padding: 3rem 0 0;
  top: 0;
  left: 4.5rem;
  right: 4.5rem;
}

.hero-content .icon {
  fill: #ffffff;
}

@media (min-width: 640px) {
  .hero-content {
    padding: 4rem 0 0;
  }
}

@media (min-width: 1024px) {
  .hero-content {
    padding: 6rem 0 0;
  }
}

.hero-content-slider {
  padding-top: 1.875rem;
}

.hero-logo-slider {
  pointer-events: none;
}

.hero-content.hero-content-left {
  text-align: left;
}

.hero-content.hero-content-right {
  text-align: right;
}

.hero-double-image {
  display: flex;
  justify-content: space-between;
  left: 0;
  right: 0;
}

@media (max-width: 1023px) {
  .hero-double-image {
    flex-direction: column;
    height: 100%;
  }
}

@media (min-width: 320px) and (max-width: 359px) {
  .hero-double-image {
    padding-top: 1.875rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 360px) {
  .hero-double-image {
    padding-top: 2.125rem;
    padding-left: 1.0625rem;
    padding-right: 1.0625rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hero-double-image {
    padding-top: 2.1875rem;
    padding-left: 8.9375rem;
    padding-right: 8.9375rem;
  }
}

@media (min-width: 1024px) {
  .hero-double-image {
    padding-top: 1.8125rem;
    padding-left: 2.625rem;
    padding-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .hero-double-image {
    padding-top: 3.875rem;
    padding-left: 4.375rem;
    padding-right: 4.375rem;
  }
}

@media (min-width: 1920px) {
  .hero-double-image {
    padding-top: 3.375rem;
    padding-left: 8.75rem;
    padding-right: 8.75rem;
  }
}

.hero-content-left .hero-double-img-wrapper {
  max-width: 50%;
}

@media (max-width: 1023px) {
  .hero-content-left .hero-double-img-wrapper {
    max-width: 100%;
  }
}

@media (min-width: 320px) and (max-width: 359px) {
  .hero-double-img-wrapper .hero-image-title {
    height: auto;
    width: 17rem;
    max-height: 100%;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 360px) {
  .hero-double-img-wrapper .hero-image-title {
    height: auto;
    width: 20.375rem;
    max-height: 100%;
    margin: 0 auto 1.625rem;
  }
}

@media (min-width: 640px) {
  .hero-double-img-wrapper .hero-image-title {
    height: auto;
    width: 22.125rem;
    max-height: 100%;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 641px) {
  .hero-double-img-wrapper .hero-image-title {
    height: auto;
  }
}

@media (min-width: 1024px) {
  .hero-double-img-wrapper .hero-image-title {
    width: 25.5rem;
  }
}

@media (min-width: 1440px) {
  .hero-double-img-wrapper .hero-image-title {
    width: 34rem;
  }
}

@media (min-width: 1920px) {
  .hero-double-img-wrapper .hero-image-title {
    width: 40.8125rem;
  }
}

@media (max-width: 1023px) {
  .hero-double-img-wrapper {
    text-align: center;
  }
}

.hero-second-image-container-top {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

@media (min-width: 320px) and (max-width: 359px) {
  .hero-second-image-container-top {
    width: 17rem;
    height: 6.25rem;
    margin: 0 auto 0.8125rem;
  }
}

@media (min-width: 360px) {
  .hero-second-image-container-top {
    width: 20.375rem;
    height: 7.5rem;
    margin: 0 auto 0.8125rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hero-second-image-container-top {
    width: 22.125rem;
    height: 8.125rem;
    margin: 0 auto 0.625rem;
  }
}

@media (min-width: 1024px) {
  .hero-second-image-container-top {
    justify-content: left;
    width: 25.5rem;
    height: 9.375rem;
    margin: 0 0 0.625rem;
  }
}

@media (min-width: 1440px) {
  .hero-second-image-container-top {
    width: 34rem;
    height: 12.5rem;
    margin: 0 0 1.25rem;
  }
}

@media (min-width: 1920px) {
  .hero-second-image-container-top {
    width: 40.8125rem;
    height: 15rem;
  }
}

.hero-second-image-container {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
}

@media (min-width: 320px) and (max-width: 359px) {
  .hero-second-image-container {
    width: 17rem;
    height: 6.25rem;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 360px) {
  .hero-second-image-container {
    width: 20.375rem;
    height: 7.5rem;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hero-second-image-container {
    width: 22.125rem;
    height: 8.125rem;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 1024px) {
  .hero-second-image-container {
    align-items: flex-start;
    width: 25.5rem;
    height: 9.375rem;
    margin: 0;
    text-align: right;
    justify-content: right;
  }
}

@media (min-width: 1440px) {
  .hero-second-image-container {
    width: 34rem;
    height: 12.5rem;
    margin: 0;
  }
}

@media (min-width: 1920px) {
  .hero-second-image-container {
    width: 40.8125rem;
    height: 15rem;
    margin: 0;
  }
}

.hero-second-image {
  width: auto;
  max-height: 100%;
}

.hero-content-dark {
  background: #ffffff;
}

.hero-content-dark .icon {
  fill: #002c5e;
}

.hero-image-title {
  margin: 0 auto;
}

.hero-content-left .hero-image-title {
  margin: 0;
}

.hero-content-right .hero-image-title {
  margin: 0 0 0 auto;
}

.hero-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 2.5rem;
}

@media (min-width: 1024px) {
  .hero-title {
    font-size: 3.375rem;
  }
}

.hero-content-dark .hero-title {
  color: #333333;
}

.hero-subhead {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  color: #ffffff;
  font-size: 1.125rem;
  margin-bottom: 1rem;
}

.hero-subhead span {
  display: block;
}

@media (min-width: 1024px) {
  .hero-subhead {
    font-size: 1.25rem;
    margin: 1rem 0 2rem;
  }
}

.hero-content-dark .hero-subhead {
  color: #333333;
}

@media (min-width: 1024px) and (max-width: 1439px) and (max-height: 850px) {
  .hero-v1 {
    height: 32.5rem;
  }
  .hero-image {
    transform: translate(-50%, -54%);
  }
  .hero-image-left {
    left: 0;
    transform: translate(0, -54%);
  }
  .hero-image-right {
    left: auto;
    right: 0;
    transform: translate(0, -54%);
  }
  .hero-content {
    padding-top: 2rem;
  }
  .hero-cinemagraph .media-cinemagraph-container {
    transform: translate(-50%, -54%);
  }
  .hero-title {
    font-size: 2.875rem;
  }
  .hero-subhead {
    margin: 0.5rem 0 0.875rem;
  }
}

.hero-two-ctas .hero-title {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 2.625rem;
}

.hero-two-ctas .hero-subhead {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.hero-two-ctas-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  max-width: 27.5rem;
  margin: 0 auto;
}

.hero-two-ctas-container a {
  display: inline-block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #ffffff;
  text-decoration: none;
}

.hero-two-ctas-container svg {
  display: inline-block;
  font-size: 0.625rem;
  fill: #ffffff;
  margin-left: 0.5rem;
}

.hero-two-ctas-container .hero-cta {
  margin-right: 1rem;
}

.hero-two-ctas-container .hero-cta:last-of-type {
  margin-right: 0;
}

@media (max-width: 1023px) {
  .hero-two-ctas .hero-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
  .hero-two-ctas .hero-subhead {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .hero-two-ctas-container {
    flex-direction: column;
  }
  .hero-two-ctas-container .hero-cta {
    margin-right: 0;
    margin-bottom: 0.8125rem;
  }
  .hero-two-ctas-container .hero-cta:last-of-type {
    margin: 0;
  }
}

.hero-content-dark .hero-two-ctas-container a {
  color: #333333;
}

.hero-content-dark .hero-two-ctas-container svg {
  fill: #333333;
}

@media (min-width: 320px) and (max-width: 414px) {
  .hero-cta-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.75rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .hero-double-image {
    flex-direction: column;
    height: 100%;
    padding: 2rem 2.5rem 0;
  }
  body.chat-opened .hero-double-img-wrapper {
    max-width: 100%;
    text-align: left;
  }
  body.chat-opened .hero-second-image-container-top {
    width: 22.125rem;
    height: 8.125rem;
    margin: 0 auto 0.625rem;
  }
  body.chat-opened .hero-second-image-container {
    width: 22.125rem;
    height: 8.125rem;
    margin: 0 auto 1.25rem;
  }
  body.chat-opened .hero-content-top-center {
    top: 2.1875rem;
  }
  body.chat-opened .hero-image-title {
    height: 7.5rem;
  }
}

.et {
  position: relative;
}

.et-image-window {
  position: relative;
  height: 16.25rem;
  overflow: hidden;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .et-image-window {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .et-image-window {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .et-image-window {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
}

.et-image-container {
  position: absolute;
  height: 100%;
  width: 40rem;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.et-image {
  display: block;
  width: 100%;
  max-width: none;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.et-section-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.et-section-header-content {
  margin: 0 auto;
  max-width: 90rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2rem;
}

@media (min-width: 640px) {
  .et-section-header-content {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .et-section-header-content {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
    padding-top: 3rem;
  }
}

@media (min-width: 1440px) {
  .et-section-header-content {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
    padding-top: 4.5rem;
  }
}

.et-section-head {
  width: 100%;
  font-size: 1.5rem;
  color: #ffffff;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
}

.et-section-head.et-section-head-dark {
  color: #333333;
}

@media (min-width: 1024px) {
  .et-section-head {
    font-size: 1.875rem;
  }
}

.et-section-tag {
  position: relative;
  font-size: 1rem;
  color: #ffffff;
  padding-bottom: 0.5rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
}

.et-section-tag:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.125rem;
  width: 1.5rem;
  background-color: currentColor;
}

.et-section-tag.et-section-tag-dark {
  color: #666666;
}

.et-cards {
  padding: 1rem;
}

@media (min-width: 640px) {
  .et-cards {
    padding: 3rem 3rem 4rem;
  }
}

@media (min-width: 1024px) {
  .et-cards {
    padding: 3rem 4.5rem 4rem;
  }
}

@media (min-width: 1440px) {
  .et-cards {
    padding: 3rem 7.5rem 4rem;
  }
}

.et-card {
  text-align: center;
  border-bottom: 0.0625rem solid #bababa;
  padding: 1.5625rem 0;
}

.et-card:last-child {
  border-bottom: none;
}

.et-card svg {
  fill: #002c5e;
}

.et-icon svg {
  height: 3rem;
  width: 3rem;
  display: inline-block;
}

.et-card-text {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  color: #333333;
  margin: 0.9375rem 0;
  font-size: 1.25rem;
}

.et-card-link {
  font-size: 0.875rem;
  color: #002c5e;
  text-decoration: none;
}

.et-card-link svg {
  fill: #002c5e;
  height: 0.5rem;
  width: 0.875rem;
  display: inline-block;
}

@media (min-width: 640px) {
  .et-image-window {
    height: 25rem;
  }
  .et-image-container {
    width: 64rem;
  }
  .et-cards {
    display: flex;
  }
  .et-card {
    flex: 1 1 100%;
    border-bottom: none;
    border-right: 0.0625rem solid #bababa;
    padding: 0.3125rem 1.5625rem;
  }
  .et-card:last-child {
    border-right: none;
  }
}

@media (min-width: 1024px) {
  .et-image-window {
    height: 48rem;
  }
  .et-image-container {
    width: 90rem;
  }
  .et-cards {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  .et-card {
    padding: 0.3125rem 2.5rem;
  }
  .et-theme-light .et-card svg {
    fill: #ffffff;
  }
  .et-theme-light .et-card-text {
    color: #ffffff;
  }
  .et-theme-light .et-card-link {
    color: #ffffff;
  }
  .et-theme-light .et-card-link svg {
    fill: #ffffff;
  }
  .et-theme-dark .et-card {
    border-right: 0.0625rem solid #333333;
  }
  .et-theme-dark .et-card:last-child {
    border-right: none;
  }
}

.et-theme-dark .et-section-head {
  color: #333333;
}

.et-theme-dark .et-section-tag {
  color: #333333;
}

@media (min-width: 1440px) {
  .et-image-container {
    position: absolute;
    width: 100%;
    left: 0;
    transform: none;
  }
  .et-cards {
    justify-content: center;
    left: 0;
    right: 0;
    max-width: 90rem;
    margin: 0 auto;
  }
  .et-card {
    max-width: 28.4375rem;
  }
}

.hc-container {
  position: relative;
  margin-bottom: 3.125rem;
  visibility: hidden;
}

.hc-container.carousel-initialized {
  visibility: visible;
  overflow: hidden;
}

.hc-container .swiper-list {
  cursor: default;
}

.hc-container .hc-swiper-controls .swiper-pagination {
  position: absolute;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  bottom: 0.75rem;
}

@media (min-width: 640px) {
  .hc-container .hc-swiper-controls .swiper-pagination {
    bottom: auto;
    transform: translateY(-20px);
    top: auto;
    width: auto;
    left: 2rem;
    right: 2rem;
  }
}

@media (min-width: 1024px) {
  .hc-container .hc-swiper-controls .swiper-pagination {
    transform: translateY(-35px);
  }
}

.hc-container.hc-theme-light .swiper-arrow .icon {
  fill: #ffffff;
}

.hc-container.hc-theme-dark .swiper-arrow .icon {
  fill: #000000;
}

.hc-swiper-controls .hc-swiper-button-prev.swiper-button-prev,
.hc-swiper-controls .hc-swiper-button-next.swiper-button-next {
  position: absolute;
  bottom: 0.75rem;
  height: 1.875rem;
  width: 1.875rem;
  font-size: 1.875rem;
  z-index: 99;
}

.hc-swiper-controls .hc-swiper-button-prev.swiper-button-prev .icon,
.hc-swiper-controls .hc-swiper-button-next.swiper-button-next .icon {
  fill: inherit;
}

@media (min-width: 640px) {
  .hc-swiper-controls .hc-swiper-button-prev.swiper-button-prev,
  .hc-swiper-controls .hc-swiper-button-next.swiper-button-next {
    bottom: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

.hc-swiper-controls .hc-swiper-button-prev.swiper-button-prev:after,
.hc-swiper-controls .hc-swiper-button-next.swiper-button-next:after {
  display: none;
}

.hc-swiper-controls .hc-swiper-button-prev.swiper-button-prev {
  left: 1.875rem;
}

.hc-swiper-controls .hc-swiper-button-next.swiper-button-next {
  right: 1.875rem;
}

.hc-container2 {
  visibility: visible;
}

.hc-container2 .hc-swiper-button-prev.swiper-button-prev, .hc-container2 .hc-swiper-button-next.swiper-button-next {
  display: none;
}

.hc-container2 .hc2 {
  height: auto;
}

.hc {
  overflow: hidden;
  height: 25rem;
}

@media (min-width: 640px) {
  .hc {
    height: 36rem;
  }
}

@media (min-width: 1024px) {
  .hc {
    height: 43.75rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) and (max-height: 850px) {
  .hc {
    height: 32.5rem;
  }
}

.hc.swiper-initialized {
  height: auto;
}

.hc2 {
  overflow: visible;
}

.hc-container-enhanced {
  max-width: 160rem;
  margin: 0 auto;
}

.hc-container .swiper-wrapper {
  box-sizing: inherit;
}

.hc-container .mro-modal-reviews-inner {
  width: auto;
}

.hc-container .hc-swiper-controls {
  z-index: 10;
  position: initial;
}

@media (min-width: 640px) and (max-width: 640px) {
  .carousel-initialized .m-hero,
  .carousel-initialized .m-hero-enhanced {
    margin-bottom: 0;
  }
}

@media (min-width: 375px) and (max-width: 639px) {
  .carousel-initialized .m-hero-bottom,
  .carousel-initialized .m-hero-enhanced-bottom {
    height: 16.875rem;
  }
}

@media (min-width: 640px) and (max-width: 640px) {
  .carousel-initialized .m-hero-bottom,
  .carousel-initialized .m-hero-enhanced-bottom {
    position: relative;
    height: 13.75rem;
    background-color: #f3f3f3;
  }
  .carousel-initialized .m-hero-bottom .m-hero-spec-label,
  .carousel-initialized .m-hero-bottom .m-hero-enhanced-spec-label,
  .carousel-initialized .m-hero-enhanced-bottom .m-hero-spec-label,
  .carousel-initialized .m-hero-enhanced-bottom .m-hero-enhanced-spec-label {
    color: #888888;
  }
  .carousel-initialized .m-hero-bottom .m-hero-spec-value,
  .carousel-initialized .m-hero-bottom .m-hero-enhanced-spec-value,
  .carousel-initialized .m-hero-enhanced-bottom .m-hero-spec-value,
  .carousel-initialized .m-hero-enhanced-bottom .m-hero-enhanced-spec-value {
    color: #333333;
  }
  .carousel-initialized .m-hero-bottom .icon,
  .carousel-initialized .m-hero-bottom svg,
  .carousel-initialized .m-hero-enhanced-bottom .icon,
  .carousel-initialized .m-hero-enhanced-bottom svg {
    fill: currentColor;
  }
}

@media (min-width: 640px) and (max-width: 640px) {
  .carousel-initialized .m-hero-enhanced-cta-container,
  .carousel-initialized .m-hero-cta-container {
    top: auto;
    padding-top: 0;
  }
}

@media (min-width: 640px) and (max-width: 640px) {
  .carousel-initialized .swiper-slide .m-hero-specs,
  .carousel-initialized .swiper-slide .m-hero-enhanced-specs {
    padding-bottom: 0.5rem;
  }
}

@media (min-width: 640px) and (max-width: 640px) {
  .hc-container.carousel-initialized .swiper-arrow .icon {
    fill: #002c5e;
  }
}

@media (min-width: 640px) and (max-width: 640px) {
  .hc-container.carousel-initialized .swiper-dots button:before {
    color: #bababa;
  }
}

.hc-v2-container {
  position: relative;
  max-width: 2560px;
  margin: 0 auto 3.125rem;
}

@media (min-width: 640px) {
  .hc-v2-container {
    margin-bottom: 0;
  }
}

.hc-v2-container .swiper-list {
  cursor: default;
}

@media (max-width: 639px) {
  .hc-v2-swiper-controls {
    position: absolute;
    text-align: center;
    margin: 0% auto;
    width: 100%;
  }
  .hc-v2-swiper-controls .hc-v2-swiper-pagination {
    bottom: 0.75rem;
  }
}

.hc-v2-swiper-controls .hc-v2-swiper-button-prev.swiper-button-prev,
.hc-v2-swiper-controls .hc-v2-swiper-button-next.swiper-button-next {
  position: absolute;
  bottom: 0.75rem;
  height: 1.875rem;
  width: 1.875rem;
  font-size: 1.875rem;
  z-index: 99;
}

.hc-v2-swiper-controls .hc-v2-swiper-button-prev.swiper-button-prev .icon,
.hc-v2-swiper-controls .hc-v2-swiper-button-next.swiper-button-next .icon {
  fill: inherit;
}

@media (min-width: 640px) {
  .hc-v2-swiper-controls .hc-v2-swiper-button-prev.swiper-button-prev,
  .hc-v2-swiper-controls .hc-v2-swiper-button-next.swiper-button-next {
    bottom: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (max-width: 640px) {
  .hc-v2-swiper-controls .hc-v2-swiper-button-prev.swiper-button-prev,
  .hc-v2-swiper-controls .hc-v2-swiper-button-next.swiper-button-next {
    bottom: 0.75rem;
    top: auto;
    height: 1.25rem;
  }
}

.hc-v2-swiper-controls .hc-v2-swiper-button-prev.swiper-button-prev:after,
.hc-v2-swiper-controls .hc-v2-swiper-button-next.swiper-button-next:after {
  display: none;
}

.hc-v2-swiper-controls .hc-v2-swiper-button-prev.swiper-button-prev {
  left: 1.875rem;
}

@media (max-width: 639px) {
  .hc-v2-swiper-controls .hc-v2-swiper-button-prev.swiper-button-prev {
    left: 20%;
  }
}

.hc-v2-swiper-controls .hc-v2-swiper-button-next.swiper-button-next {
  right: 1.875rem;
}

@media (max-width: 639px) {
  .hc-v2-swiper-controls .hc-v2-swiper-button-next.swiper-button-next {
    right: 20%;
  }
}

.hc-v2-container2 {
  visibility: visible;
}

.hc-v2-container2 .hc-v2 {
  height: auto;
}

.hc-v2-container2 .hc-v2 .hero-enhanced {
  margin: 1.25rem 0;
}

.hc-v2 {
  overflow: hidden;
  height: 25rem;
}

@media (min-width: 640px) {
  .hc-v2 {
    height: 36rem;
  }
}

@media (min-width: 1024px) {
  .hc-v2 {
    height: 43.75rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) and (max-height: 850px) {
  .hc-v2 {
    height: 32.5rem;
  }
}

.hc-v2.swiper-initialized {
  height: auto;
}

.hc-v2 .mro-modal-reviews {
  top: auto;
}

.hc-v2 .mro-modal-reviews-inner {
  width: auto;
}

.hc2 .swiper-button-prev,
.hc2 .swiper-button-next {
  display: none;
}

.hc-v2-container-enhanced {
  margin: 0 auto;
}

@media (min-width: 375px) and (max-width: 639px) {
  .hc-v2-container .carousel-initialized .m-hero-bottom,
  .hc-v2-container .carousel-initialized .m-hero-enhanced-bottom {
    height: 16.875rem;
  }
}

@media (min-width: 640px) and (max-width: 640px) {
  .hc-v2-container .carousel-initialized .m-hero,
  .hc-v2-container .carousel-initialized .m-hero-enhanced {
    margin-bottom: 0;
  }
  .hc-v2-container .carousel-initialized .m-hero-bottom,
  .hc-v2-container .carousel-initialized .m-hero-enhanced-bottom {
    position: relative;
    height: 13.75rem;
    background-color: #f3f3f3;
  }
  .hc-v2-container .carousel-initialized .m-hero-spec-label,
  .hc-v2-container .carousel-initialized .m-hero-enhanced-spec-label {
    color: #888888;
  }
  .hc-v2-container .carousel-initialized .m-hero-spec-value,
  .hc-v2-container .carousel-initialized .m-hero-enhanced-spec-value {
    color: #333333;
  }
  .hc-v2-container .carousel-initialized .m-hero-cta-container,
  .hc-v2-container .carousel-initialized .m-hero-enhanced-cta-container {
    top: auto;
    padding-top: 0;
  }
  .hc-v2-container .carousel-initialized .swiper-slide .m-hero-specs,
  .hc-v2-container .carousel-initialized .swiper-slide .m-hero-enhanced-specs {
    padding-bottom: 0.5rem;
  }
}

.pods {
  padding: 3rem 0;
}

@media (min-width: 1024px) {
  .pods {
    padding: 4rem 0;
  }
}

.pods-headline {
  text-align: center;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
  .pods-headline {
    margin-bottom: 2rem;
  }
}

@media (min-width: 1024px) {
  .pods-headline {
    font-size: 1.875rem;
    margin-bottom: 2.5rem;
  }
}

.pods-row {
  display: flex;
}

.pods-row + .pods-row {
  margin-top: 1.5rem;
}

@media (min-width: 640px) {
  .pods-row + .pods-row {
    margin-top: 2.5rem;
  }
}

.pods-row-hide {
  display: none;
}

.pods-boxes {
  display: flex;
  margin: 0 auto;
  padding: 0 1.5rem;
  flex-wrap: wrap;
}

@media (min-width: 640px) {
  .pods-boxes {
    flex-wrap: nowrap;
  }
}

.pods-box {
  background-color: #ffffff;
  box-shadow: 0 3px 9px 0 rgba(186, 186, 186, 0.3);
  width: 100%;
  margin: 0 auto;
  max-width: 33.75rem;
}

.pods-box + .pods-box {
  margin-top: 1.5rem;
}

@media (min-width: 640px) {
  .pods-box {
    max-width: 26.25rem;
    margin: 0 1rem;
  }
  .pods-box + .pods-box {
    margin-top: 0;
  }
}

@media (min-width: 1024px) {
  .pods-box {
    margin: 0 1.25rem;
  }
}

.pods-box-img {
  width: 100%;
  display: block;
}

.pods-box-content {
  padding: 1.5rem;
}

@media (min-width: 1024px) {
  .pods-box-content {
    padding: 2.5rem;
  }
}

.pods-box-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
}

@media (min-width: 1024px) {
  .pods-box-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.pods-box-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  margin-top: 0.75rem;
  line-height: 1.375rem;
  color: #888888;
}

@media (min-width: 1024px) {
  .pods-box-text {
    margin-top: 1rem;
  }
}

.pods-box-link {
  color: #002c5e;
  font-weight: 700;
  margin-top: 1rem;
  display: inline-block;
  font-size: 0.875rem;
  text-decoration: none;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .pods-box-link {
    margin-top: 1.5rem;
  }
}

.pods-box-link:hover {
  text-decoration: underline;
}

.pods-box-link .icon {
  width: .6em;
  height: .6em;
  display: inline-block;
  margin-left: 8px;
}

.pods-buttons {
  text-align: center;
  margin-top: 2rem;
}

@media (min-width: 1024px) {
  .pods-buttons {
    margin-top: 2.5rem;
  }
}

.pods-button-expand {
  display: none;
}

.pods-buttons-expand .pods-button-expand {
  display: inline-flex;
}

.pods-button-collapse {
  display: none;
}

.pods-buttons-collapse .pods-button-collapse {
  display: inline-flex;
}

.pods-bg-gradient {
  background: linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
}

.pods-bg-white {
  background: #ffffff;
}

.pods-bg-white .pods-box {
  background: #f3f3f3;
}

.pods-bg-gray {
  background: #f3f3f3;
}

.vbws-group {
  max-width: 75rem;
  margin: 0 auto 3.125rem;
}

@media (min-width: 640px) {
  .vbws-group {
    margin-bottom: 5rem;
  }
}

.vbws-group-filtered {
  display: none;
}

.vbws-group-title {
  position: relative;
  margin-bottom: 1.25rem;
  margin-left: 1.25rem;
  padding-bottom: 0.5rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #666666;
}

@media (min-width: 640px) {
  .vbws-group-title {
    margin-bottom: 1.875rem;
  }
}

.vbws-group-title:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.125rem;
  width: 1.5rem;
  background-color: #666666;
}

.vbws-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 1.625rem 0 0;
  overflow-wrap: break-word;
}

@media (min-width: 1024px) {
  .vbws-item {
    flex-wrap: nowrap;
    padding-right: 1rem;
  }
  .vbws-item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 17.75rem;
    right: 0;
    height: 1px;
    background-color: #e6e6e6;
  }
}

.vbws-item.vbws-item-selected {
  background: #f3f3f3;
}

.vbws-item-compare.vbws-item-focused {
  outline: 0.125rem solid #002c5e;
  outline-offset: -0.1875rem;
}

.vbws-car {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  max-width: 100%;
  padding: 0 1rem;
}

@media (max-width: 640px) {
  .vbws-car {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .vbws-car {
    flex-shrink: 0;
    flex-basis: 48%;
    max-width: 48%;
  }
}

.vbws-specs {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid #e6e6e6;
}

@media (min-width: 40.0625rem) {
  .vbws-specs {
    border-top: 1px solid #e6e6e6;
    margin: 0 1.875rem;
  }
}

@media (min-width: 1024px) {
  .vbws-specs {
    flex-grow: 1;
    width: auto;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    border: none;
    margin: 0;
  }
}

.vbws-column {
  display: flex;
  flex-basis: 50%;
  max-width: 50%;
}

@media (max-width: 640px) {
  .vbws-column {
    flex-wrap: wrap;
    width: 50%;
    text-align: center;
  }
}

.vbws-item-future .vbws-column {
  max-width: 100%;
}

@media (max-width: 640px) {
  .vbws-item-future .vbws-column {
    flex-basis: 100%;
    flex-wrap: nowrap;
  }
}

@media (max-width: 640px) {
  .vbws-item-future .vbws-spec {
    flex-basis: 50%;
  }
}

.vbws-car-image {
  flex-basis: 15.625rem;
  max-width: 15.625rem;
  margin-bottom: 0.25rem;
}

@media (min-width: 640px) {
  .vbws-car-image {
    flex-shrink: 0;
    margin-bottom: 0.625rem;
  }
}

@media (max-width: 640px) {
  .vbws-car-image {
    margin: 0 auto;
  }
}

@media (min-width: 1024px) {
  .vbws-car-image {
    margin-bottom: 0;
  }
}

.vbws-car-image img {
  display: block;
}

@media (min-width: 640px) {
  .vbws-car-image img {
    margin-left: auto;
  }
}

@media (max-width: 640px) {
  .vbws-car-image img {
    margin: 0 auto;
  }
}

.vbws-car-disclaimer {
  color: #888888;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  margin: 0.5rem 0 0.9375rem;
  text-align: center;
  width: 100%;
}

@media (max-width: 639px) {
  .vbws-car-disclaimer {
    margin: 0.9375rem 0 0.6875rem;
  }
}

.vbws-compare-select {
  padding-left: 0;
  width: 100%;
}

.vbws-compare-select .form-checkbox-input:focus + .form-checkbox-box {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .vbws-compare-select .form-checkbox-input:focus + .form-checkbox-box {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.vbws-compare-select .form-checkbox-box {
  position: absolute;
  z-index: 2;
}

.vbws-compare-select.vbws-hide {
  display: none;
}

.vbws-car-image-link {
  display: block;
  width: 100%;
}

.vbws-car-meta {
  width: 100%;
  max-width: 100%;
  padding-bottom: 0.625rem;
}

@media (min-width: 40.0625rem) {
  .vbws-car-meta {
    flex-grow: 1;
    width: auto;
    max-width: calc(100% - 250px);
    padding-right: 1rem;
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
  }
}

.vbws-car-year {
  color: #333333;
  font-size: 1rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
}

.vbws-car-link {
  display: inline-block;
  color: #002c5e;
  text-decoration: none;
  max-width: 100%;
}

.vbws-car-link:hover {
  color: #00aad2;
}

.vbws-car-link .icon {
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  margin-left: 0.25rem;
  margin-bottom: 0.3125rem;
}

.vbws-item-compare:not(.vbws-item-future) .vbws-car-image-link {
  display: none;
}

.vbws-car-name,
.vbws-car-name-compare {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  max-width: 100%;
}

.vbws-car-name-compare {
  display: none;
}

.vbws-item-compare .vbws-car-link {
  display: none;
}

.vbws-item-compare .vbws-car-name-compare {
  display: block;
}

.vbws-car-tagline {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #666666;
}

.vbws-car-tagline-stick {
  white-space: nowrap;
  display: inline;
}

.vbws-header {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.625rem;
  text-align: center;
  padding: 0.75rem 0 2.5rem;
}

@media (min-width: 640px) {
  .vbws-header {
    font-size: 1.875rem;
    line-height: 2.25rem;
    padding: 0.75rem 0 4rem;
  }
}

.vbws-spec {
  flex-basis: 100%;
  max-width: 100%;
  padding: 0.375rem 0.25rem;
}

.vbws-spec:nth-child(n+3) {
  padding-top: 0.625rem;
}

@media (min-width: 640px) {
  .vbws-spec:nth-child(n+3) {
    padding-top: 0;
  }
}

@media (min-width: 40.0625rem) {
  .vbws-spec {
    flex-basis: 50%;
    max-width: 50%;
    padding: 0 0.25rem;
  }
}

.vbws-spec-label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #888888;
  margin-bottom: 0.5rem;
}

.vbws-spec-value {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 400;
  color: #333333;
}

.vbws-spec-value-small {
  display: inline-block;
  font-size: 1rem;
  max-width: 100%;
}

.vbws-spec-button {
  position: absolute;
  bottom: -0.5625rem;
  left: 50%;
  transform: translateX(-50%) rotate(0deg);
  width: 2.5rem;
  height: 1.875rem;
  font-size: 0.8125rem;
  background-color: #ffffff;
  color: #002c5e;
}

.vbws-specs-open .vbws-spec-button {
  transform: translateX(-50%) rotate(180deg);
}

@media (min-width: 640px) {
  .vbws-spec-button {
    display: none;
  }
}

.vbws-item-disabled .vbws-disabled-item-overlay,
.vbws-item-compare.vbws-item-future .vbws-disabled-item-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.vbws-tag {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #888888;
  line-height: 1.5rem;
  margin-top: 0.5rem;
}

@media (max-width: 640px) {
  .vbws-tag {
    text-align: center;
    width: -webkit-max-content;
    width: max-content;
    margin: 0.5rem auto 0;
  }
}

.vbws-alt-fuel-type {
  display: inline-block;
}

.vbws-alt-fuel-type a {
  cursor: pointer;
  text-decoration: none;
  color: #00aad2;
  margin-left: 0.3125rem;
  align-items: center;
}

.vbws-alt-fuel-type svg {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.125rem;
  fill: #00aad2;
  vertical-align: text-bottom;
}

.vbws-multiple-fuel-types {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.1875rem;
}

.vbws-multiple-fuel-types a {
  cursor: pointer;
  display: flex;
  color: #00aad2;
  text-decoration: none;
  margin-right: 0.625rem;
  align-items: center;
}

.vbws-multiple-fuel-types svg {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.125rem;
  fill: #00aad2;
}

.vbws-filter-nav {
  background-color: #f3f3f3;
  height: 3.75rem;
}

.vbws-filter-nav.vbws-hide {
  display: none;
}

.vbws-filter-bar {
  display: flex;
  align-items: center;
  background-color: #f3f3f3;
  height: 3.75rem;
  z-index: 997;
}

.vbws-filter-bar-contain {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.vbws-filter-backdrop {
  z-index: 980;
}

@media (min-width: 1024px) {
  .vbws-filter-backdrop {
    display: none;
  }
}

.vbws-filter-dropdown {
  width: 100%;
}

.vbws-filter-dropdown.dropdown-open {
  z-index: 990;
}

.vbws-filter-trigger {
  min-height: 3.75rem;
  padding: 0.25rem 1rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  background-color: #f3f3f3;
}

.vbws-filter-trigger .icon {
  margin-left: 0.375rem;
  width: 0.6875rem;
  height: 0.6875rem;
}

@media (min-width: 640px) {
  .vbws-filter-trigger {
    padding: 0.25rem 2rem;
  }
}

@media (min-width: 1024px) {
  .vbws-filter-trigger {
    display: none;
  }
}

.vbws-filters-panel {
  z-index: 1500;
}

@media (min-width: 1024px) {
  .vbws-filters-panel {
    display: flex;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    z-index: 1;
    margin: 0 auto;
  }
  .dropdown-open .vbws-filters-panel {
    display: flex;
  }
}

@media (min-width: 1024px) {
  .vbws-filters {
    display: flex;
    margin: 0 auto;
  }
}

.vbws-filter {
  min-height: 3rem;
  padding: 0.25rem 1rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  background-color: #f3f3f3;
  color: #666666;
}

.vbws-filter:hover {
  background-color: #ffffff;
  color: #002c5e;
}

.vbws-filter + .vbws-filter:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0.75rem;
  right: 0.75rem;
  height: 1px;
  background-color: #e6e6e6;
}

.vbws-filter:hover + .vbws-filter:before {
  opacity: 0;
}

.vbws-filter + .vbws-filter:hover:before {
  opacity: 0;
}

@media (min-width: 1024px) {
  .vbws-filter {
    width: auto;
    padding: 0.375rem 0.75rem;
    margin: 0 1.25rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    background-color: transparent;
    color: #666666;
  }
  .vbws-filter:hover {
    background-color: transparent;
    color: #00aad2;
  }
  .vbws-filter + .vbws-filter:before {
    opacity: 0;
  }
}

.vbws-filter.dropdown-item-active {
  background-color: #ffffff;
  color: #002c5e;
  font-weight: 700;
}

.vbws-filter.dropdown-item-active + .vbws-filter:before {
  opacity: 0;
}

.vbws-filter + .vbws-filter.dropdown-item-active:before {
  opacity: 0;
}

.vbws-filter:hover + .vbws-filter.dropdown-item-active:before {
  opacity: 1;
}

.vbws-filter.dropdown-item-active + .vbws-filter:hover:before {
  opacity: 1;
}

@media (min-width: 1024px) {
  .vbws-filter.dropdown-item-active {
    background-color: transparent;
    color: #00aad2;
    font-weight: 400;
  }
  .vbws-filter:hover + .vbws-filter.dropdown-item-active:before {
    opacity: 0;
  }
  .vbws-filter.dropdown-item-active + .vbws-filter:hover:before {
    opacity: 0;
  }
}

.vbws-compare-bar-inactive {
  display: flex;
  max-width: 81.25rem;
  margin: 0 auto;
  padding: 1.25rem 1rem 0.75rem;
}

@media (min-width: 640px) {
  .vbws-compare-bar-inactive {
    padding: 1.875rem 1.875rem 0.75rem;
  }
}

@media (min-width: 1024px) {
  .vbws-compare-bar-inactive {
    padding: 1.875rem 2.5rem;
  }
}

.vbws-compare-bar-inactive.vbws-hide {
  display: none;
}

.vbws-compare {
  display: inline-flex;
  text-decoration: none;
  align-items: center;
  margin-left: auto;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #002c5e;
}

.vbws-compare .icon {
  margin-right: 0.375rem;
}

.vbws-cm {
  background: #002c5e;
  color: #ffffff;
  padding: 1rem;
  text-align: center;
  position: relative;
  margin-bottom: 1rem;
}

@media (min-width: 640px) {
  .vbws-cm {
    padding: 3.125rem 2rem 2rem;
  }
}

@media (min-width: 1024px) {
  .vbws-cm {
    display: flex;
    padding: 1.3125rem 2.625rem;
    width: 100%;
    align-items: center;
    margin-bottom: 3.125rem;
  }
}

@media (min-width: 1440px) {
  .vbws-cm {
    padding: 1.3125rem 4.625rem;
  }
}

.vbws-cm.vbws-hide {
  display: none;
}

.vbws-cm-exit {
  position: absolute;
  left: 1rem;
  top: 1rem;
}

@media (min-width: 640px) {
  .vbws-cm-exit {
    left: 2rem;
  }
}

@media (min-width: 1024px) {
  .vbws-cm-exit {
    position: relative;
    left: auto;
    top: auto;
    flex: 1;
    text-align: left;
  }
}

.vbws-cm-exit-button-text {
  display: none;
}

@media (min-width: 640px) {
  .vbws-cm-exit-button-text {
    display: inline;
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 500;
  }
}

@media (min-width: 1024px) {
  .vbws-cm-action {
    flex: 1;
    text-align: right;
  }
}

.vbws-cm-exit-button .icon {
  fill: #ffffff;
}

@media (min-width: 640px) {
  .vbws-cm-exit-button .icon {
    width: 0.625rem;
    height: 0.625rem;
    margin-right: 0.25rem;
  }
}

.vbws-cm-count {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
}

@media (min-width: 640px) {
  .vbws-cm-count {
    font-size: 1.25rem;
    margin-bottom: 1.625rem;
  }
}

@media (min-width: 1024px) {
  .vbws-cm-count {
    flex: 2;
    margin-bottom: 0;
  }
}

.vbws-cm-count .vbws-hide {
  display: none;
}

.vbwsff-filter-container {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  flex-grow: 1;
}

@media (min-width: 640px) {
  .vbwsff-filter-container {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .vbwsff-filter-container {
    display: none;
  }
}

.vbwsff-filter-tab {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}

@media (max-width: 639px) {
  .vbwsff-filter-tab {
    display: flex;
    flex-grow: 1;
  }
}

.vbwsff-filter-button {
  width: 100%;
  height: 2.375rem;
  font-weight: 700;
  font-size: 0.875rem;
  color: #888888;
  line-height: 1.25rem;
  text-align: center;
  background-color: #ffffff;
  margin-top: 1.5rem;
  border: 1px solid #888888;
}

@media (min-width: 640px) {
  .vbwsff-filter-button {
    max-width: 6rem;
    margin-top: 0;
  }
}

.vbwsff-tab-container {
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-start;
  background: #ffffff;
  z-index: 1000;
  display: flex;
}

@media (min-width: 1024px) {
  .vbwsff-tab-container {
    position: absolute;
    top: 0.625rem;
    right: 28.125rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    max-width: 12.5rem;
    background: none;
  }
}

@media (max-width: 639px) {
  div.vbwsff-tab-container.vbwsff-tab-container-mobile.vbwsff-tab-container-active {
    margin-top: -2.5rem;
  }
}

@media (max-width: 1023px) {
  .vbwsff-tab-container-active {
    top: 0;
    right: 0;
    left: 0;
    position: absolute;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .vbwsff-tab-container-active {
    top: 3.625rem;
    bottom: auto;
  }
}

.vbwsff-menu-overlay-active .vbwsff-tab-container {
  display: flex;
}

.vbwsff-tab-header {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  height: 3.75rem;
  z-index: 999;
  overflow: hidden;
}

.vbwsff-tab-container .vbwsff-menu-header {
  display: none;
  justify-content: space-between;
  width: 100%;
  padding: 0.5rem 1rem;
  left: 0;
  right: 0;
  background: #f3f3f3;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .vbwsff-tab-container .vbwsff-menu-header {
    width: 47.5rem;
  }
}

@media (max-width: 23.4375rem) {
  .vbwsff-tab-container .vbwsff-menu-header {
    width: 23.4375rem;
  }
}

@media (max-width: 20.3125rem) {
  .vbwsff-tab-container .vbwsff-menu-header {
    width: 20.3125rem;
  }
}

@media (max-width: 640px) {
  .vbwsff-tab-header-active {
    display: flex !important;
    width: 100%;
  }
}

.vbwsff-tab-container .vbwsff-menu-footer {
  width: 92%;
  margin: 0 auto;
  display: none;
  justify-content: space-between;
  padding: 0.9375rem 0;
  background: #f3f3f3;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .vbwsff-tab-container .vbwsff-menu-footer {
    width: 82%;
    padding: 0.9375rem 0 2.1875rem 0;
  }
}

@media (min-width: 640px) {
  .vbwsff-tab-container .vbwsff-menu-footer {
    display: flex;
    background: #ffffff;
    border-top: 1px solid #bababa;
  }
}

.vbwsff-tab .vbwsff-tab-container .vbwsff-menu-footer {
  display: none;
}

@media (min-width: 1024px) {
  .vbwsff-tab .vbwsff-tab-container .vbwsff-menu-footer {
    display: flex;
  }
}

.vbwsff-tab-header .vbwsff-tab-container .vbwsff-menu-footer {
  display: flex;
}

@media (min-width: 1024px) {
  .vbwsff-tab-header .vbwsff-tab-container .vbwsff-menu-footer {
    display: none;
  }
}

.vbwsff-mv-label {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 500;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  color: #333333;
  align-self: flex-start;
  padding: 1.5rem 0 0.375rem;
}

@media (min-width: 640px) {
  .vbwsff-mv-label {
    padding: 1.5rem 0 0.75rem;
  }
}

@media (min-width: 1024px) {
  .vbwsff-mv-label {
    display: none;
  }
}

.vbwsff-tab {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .vbwsff-tab {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .vbwsff-tab {
    padding: 0 0.5rem;
  }
}

.vbwsff-menu-selected .vbwsff-button,
.vbwsff-menu-selected .vbwsff-filter-button,
.vbwsff-button.vbwsff-active-filter,
.vbwsff-filter-button.vbwsff-active-filter {
  border-color: #00aad2;
  color: #00aad2;
}

.viewVehicles,
.filtersApplied {
  display: none;
}

.faactive {
  color: #00aad2 !important;
  border-color: #00aad2 !important;
}

.faactive svg path {
  fill: #00aad2;
}

.vbws-active {
  background: #00aad2 !important;
  color: #ffffff !important;
  border: none !important;
}

.vbws-active svg path {
  fill: #ffffff;
}

.vbwsff-tab-menu {
  min-width: 100%;
  padding: 0;
  display: none;
  right: -50%;
}

@media (min-width: 1023px) and (max-width: 1024px) {
  .vbwsff-tab-menu {
    margin-top: 3.125rem !important;
    left: -9.375rem;
  }
}

@media (min-width: 1024px) {
  .vbwsff-tab-menu {
    border: 0;
    width: 43.75rem;
    padding: 2rem 0.3125rem 0.3125rem 0.3125rem;
    background-color: #ffffff;
    position: absolute;
    top: 82%;
    margin-top: 3.125rem;
    min-width: auto;
  }
}

@media (min-width: 1023px) and (max-width: 1439px) {
  .vbwsff-tab-menu {
    right: -161%;
  }
}

.vbwsff-active {
  display: block;
}

.vbwsff-fuel-image {
  cursor: pointer;
}

.vbwsff-backdrop {
  z-index: 980;
}

.vbwsff-button {
  width: auto;
  height: 2.375rem;
  border: 1px solid #002c5e;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: center;
  position: absolute;
  top: 50%;
  right: 21.875rem;
  transform: translateY(-50%);
  padding: 0 0.9375rem;
  display: flex;
  background-color: white;
  z-index: 998;
}

@media (max-width: 1023px) {
  .vbwsff-button {
    right: 0.625rem;
  }
}

@media (min-width: 1023px) and (max-width: 1439px) {
  .vbwsff-button {
    right: 10%;
  }
}

.vbwsff-button-done {
  min-width: 6.1875rem;
}

.vbwsff-button svg {
  margin-right: 0.375rem;
}

.vbwsff-menu-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-align: center;
  padding-bottom: 1.5rem;
  justify-content: space-between;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .vbwsff-menu-container {
    margin-left: 2.1875rem;
  }
}

@media (min-width: 0) and (max-width: 639px) {
  .vbwsff-menu-container {
    margin-top: 3.75rem;
  }
}

@media (min-width: 1023px) {
  .vbwsff-menu-container {
    margin-top: 0.3125rem;
  }
}

@media (min-width: 1024px) {
  .vbwsff-menu-container {
    flex-wrap: nowrap;
  }
}

@media (max-width: 639px) {
  .vbwsff-menu-container {
    margin-left: -0.9375rem;
  }
}

@media (max-width: 23.4375rem) {
  .vbwsff-menu-container {
    margin-left: -0.3125rem;
  }
}

.vbwsff-drtr {
  padding-bottom: 2.5rem;
  justify-content: flex-start;
}

@media (min-width: 1024px) {
  .vbwsff-drtr {
    justify-content: space-evenly;
    min-width: 22rem;
    padding-bottom: 2rem;
    padding-left: 0;
  }
}

.vbwsff-menu-drtr {
  margin-right: 2.75rem;
}

@media (min-width: 1024px) {
  .vbwsff-menu-drtr {
    margin-right: 0;
  }
}

@media (max-width: 1023px) {
  .vbwsff-menu-drtr {
    width: 9.6875rem;
    margin-right: 0.3125rem;
    margin-top: 2.375rem;
  }
}

@media (max-width: 639px) {
  .vbwsff-menu-drtr {
    width: 9.6875rem;
    margin-right: 0.3125rem;
    margin-top: 4.375rem;
  }
}

@media (max-width: 375px) {
  .vbwsff-menu-drtr {
    width: 8.4375rem;
  }
}

.vbwsff-menu-drtr:last-child {
  margin-right: 0;
}

.vbwsff-fuel-image {
  display: inline-block;
}

.vbwsff-fuel-image svg {
  width: 4rem;
  height: 3.375rem;
  fill: #bababa;
  display: block;
  margin: 0 auto;
}

.vbwsff-bs-label {
  display: block;
  color: #002c5e;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: center;
  margin-top: 0.625rem;
}

@media (max-width: 1023px) {
  .vbwsff-bs-label {
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  .vbwsff-menu-button-clear-label-mv {
    display: none;
  }
}

.vbwsff-tooltip {
  margin-left: 0.25rem;
  overflow: visible;
  bottom: 0;
}

.vbwsff-tooltip svg {
  position: absolute;
  top: 0;
}

.vbwsff-menu-button-link {
  background-color: #ffffff;
  color: #002c5e;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.vbwsff-menu-button-clear {
  visibility: hidden;
  background: transparent;
}

.vbwsff-menu-button-clear .icon-close {
  margin-left: 0.25rem;
}

.vbwsff-menu-button-clear span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.active {
  visibility: visible;
}

.vbwsff-clear-active .vbwsff-menu-button-clear,
.vbwsff-menu-selected .vbwsff-menu-button-clear {
  visibility: visible;
}

.vbwsff-menu-button-clear-label {
  display: inline-block;
  margin-right: 0.125rem;
}

.vbwsff-menu-features {
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .vbwsff-menu-features {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .vbwsff-menu-features {
    width: 55rem;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 1440px) {
  .vbwsff-menu-features {
    width: 67.375rem;
  }
}

.vbwsff-vehicle-col {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  flex: 1 1 auto;
}

@media (max-width: 1023px) {
  .vbwsff-vehicle-col1 {
    flex-basis: 100%;
  }
}

.vbwsff-vehicle-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  padding-bottom: 1.125rem;
  padding-top: 0.75rem;
}

.vbwsff-mf-filter-checkbox {
  cursor: pointer;
  position: relative;
  width: 100%;
  padding-bottom: 0.75rem;
}

.vbwsff-mf-label-text {
  margin-left: 1.625rem;
  display: inline-block;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.vbwsff-menu-active svg {
  fill: #00aad2;
}

.vbwsff-menu-active .vbwsff-bs-label {
  color: #00aad2;
}

@media (max-width: 639px) {
  .vbwsff-modal-container .modal-box .modal-content {
    padding: 1.5rem;
  }
}

@media (min-width: 640px) {
  .vbwsff-modal-container .modal-box .modal-content {
    padding: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .vbwsff-modal-container .modal-box .modal-content {
    padding: 4rem;
  }
}

@media (min-width: 1024px) {
  .vbwsff-modal-container .modal-box {
    width: 58.75rem;
  }
}

.vbwsff-content {
  text-align: center;
}

.vbwsff-logo {
  height: 5rem;
  margin: 0 auto;
  padding-top: 1.625rem;
  width: 5rem;
}

@media (min-width: 640px) {
  .vbwsff-logo {
    padding-top: 0.9375rem;
  }
}

@media (min-width: 1024px) {
  .vbwsff-logo {
    padding-top: 0;
  }
}

.vbwsff-modal-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  padding: 0.75rem 0.625rem 0;
}

@media (min-width: 640px) {
  .vbwsff-modal-title {
    width: 100%;
    padding: 0.75rem 0.625rem 0;
  }
}

@media (min-width: 1024px) {
  .vbwsff-modal-title {
    padding: 1rem 2.875rem 0;
  }
}

.vbwsff-modal-desc {
  color: #333333;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 1rem 0.625rem 0.5rem;
}

@media (min-width: 640px) {
  .vbwsff-modal-desc {
    padding: 1rem 2.5rem 0.5rem;
  }
}

@media (min-width: 1024px) {
  .vbwsff-modal-desc {
    padding: 0.875rem 2.875rem 0.5rem;
  }
}

.vbwsff-solution {
  padding: 0 1.5rem 0 0;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .vbwsff-solution {
    padding: 0 2.5rem 0 0;
  }
}

@media (min-width: 1024px) {
  .vbwsff-solution {
    padding: 0 2rem 0 0;
  }
}

.vbwsff-modal-button {
  margin: 0.5rem auto 1rem;
}

@media (min-width: 640px) {
  .vbwsff-modal-button {
    margin: 0.75rem auto 0.875rem;
  }
}

@media (min-width: 1024px) {
  .vbwsff-modal-button {
    margin: 1rem auto 0;
  }
}

@media (min-width: 640px) {
  .vbwsff-modal-container .modal-box .modal-x {
    top: 1.5rem;
    right: 1.5rem;
    font-size: 1.5rem;
  }
}

.vbwsff-modal-content {
  text-align: left;
}

@media (min-width: 640px) {
  .vbwsff-modal-content {
    column-count: 2;
    column-gap: 2.25rem;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .vbwsff-modal-content {
    column-gap: 4.25rem;
    padding: 0 3.5rem;
  }
}

.vbws-no-match {
  display: none;
  text-align: center;
  width: 31.25rem;
  margin: 0 auto;
  padding-bottom: 12.5rem;
}

@media (max-width: 640px) {
  .vbws-no-match {
    width: 18.75rem;
  }
}

.vbws-no-match button {
  padding-top: 1.25rem;
}

.fueltype-container {
  position: relative;
  max-width: 35.375rem;
  margin: 0 auto;
}

@media (max-width: 640px) {
  .fueltype-container {
    max-width: 25.875rem;
    height: 43.5rem;
  }
}

@media (max-width: 320px) {
  .fueltype-container {
    max-width: 20rem !important;
    height: 35rem !important;
  }
}

@media (max-width: 23.4375rem) {
  .fueltype-container {
    max-width: 23.4375rem;
    height: 39.375rem;
  }
}

.fueltype-container .slick-arrow {
  display: flex;
  position: absolute;
  top: 7.8125rem;
  z-index: 99;
  width: 1.875rem;
  height: 1.875rem;
  font-size: 1.75rem;
}

.fueltype-container .slick-arrow .icon {
  fill: #002c5e;
}

.fueltype-container .slick-prev {
  left: 2.8125rem;
  top: 34.0625rem;
}

@media (max-width: 640px) {
  .fueltype-container .slick-prev {
    left: 4.0625rem;
    top: 32.8125rem;
  }
}

.fueltype-container .slick-next {
  right: 2.8125rem;
  top: 34.0625rem;
}

@media (max-width: 640px) {
  .fueltype-container .slick-next {
    right: 4.0625rem;
    top: 32.8125rem;
  }
}

.fueltype-container .slick-slide {
  text-align: center;
}

.fueltype-carousel {
  width: 31.25rem;
  overflow: hidden;
}

.fueltype-slide {
  max-width: 100%;
  padding: 0;
  margin: 0 auto;
  position: relative;
}

.fueltype-main-headline,
.fueltype-headline {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  text-align: left;
  margin-top: 1.25rem;
  padding-left: 2.25rem;
}

@media (max-width: 640px) {
  .fueltype-main-headline,
  .fueltype-headline {
    margin-top: -1.875rem;
    padding: 4.0625rem 0 0 1.0625rem;
  }
}

.fueltype-main-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  margin-top: -2.5rem;
  padding-bottom: 0.625rem;
  padding-left: 2.25rem;
}

@media (max-width: 640px) {
  .fueltype-main-headline {
    padding: 0.9375rem 1.0625rem 0.9375rem 1.0625rem;
  }
}

.fueltype-text {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  padding: 0.9375rem 2.25rem 2.8125rem 2.25rem;
}

@media (max-width: 640px) {
  .fueltype-text {
    padding: 0.9375rem 1.0625rem 1.25rem 1.0625rem;
  }
}

.vbwsff-fix-padding {
  padding-left: 0;
  padding-right: 0;
}

.vbwsff-ffheader {
  margin: 1.625rem 0 -4.0625rem 1rem;
  width: 100%;
}

@media (min-width: 640px) {
  .vbwsff-ffheader {
    display: none;
  }
}

.vbwsff-fftext,
.vbwsff-ffheader h2 {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5rem;
  text-align: left;
  padding-bottom: 0.9375rem;
}

.vbwsff-fftext {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
}

.vbwsff-menu-text-wrapper {
  position: relative;
}

.m-compare-modal .modal-box {
  margin: 0;
  width: 100%;
}

@media (min-width: 1024px) {
  .m-compare-modal .modal-box {
    margin: auto;
    max-width: 60.25rem;
  }
}

.m-compare-modal .modal-box-content {
  width: 100%;
}

.m-compare-modal .modal-content {
  padding: 0;
}

@media (min-width: 1024px) {
  body.chat-opened .m-compare-modal .modal-box {
    margin: 0;
    max-width: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-compare-modal .modal-box {
    margin: auto;
    max-width: 60.25rem;
  }
}

.m-compare-head {
  width: 100%;
  background-color: #f3f3f3;
  text-align: right;
}

.m-compare-close {
  padding: 1rem;
}

.m-compare-body,
.m-compare-footer {
  padding: 1.5rem 1rem;
}

@media (min-width: 640px) {
  .m-compare-body,
  .m-compare-footer {
    padding: 1.5rem 2rem;
  }
}

@media (min-width: 640px) {
  .m-compare-body,
  .m-compare-footer {
    padding: 1.5rem 2.625rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-compare-body,
  body.chat-opened .m-compare-footer {
    padding: 1.5rem 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-compare-body,
  body.chat-opened .m-compare-footer {
    padding: 1.5rem 2.625rem;
  }
}

.m-compare-body-top {
  margin-bottom: 1.6875rem;
}

@media (min-width: 1024px) {
  .m-compare-body-top {
    display: flex;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-compare-body-top {
    display: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-compare-body-top {
    display: flex;
  }
}

.m-compare-title,
.m-compare-model-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  margin-top: 0.3125rem;
}

.m-compare-model-name {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}

@media (min-width: 1024px) {
  .m-compare-title {
    width: 25%;
    flex-basis: 25%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-compare-title {
    width: 100%;
    flex-basis: 100%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-compare-title {
    width: 25%;
    flex-basis: 25%;
  }
}

.m-compare-model-container {
  display: flex;
  margin-top: 2rem;
  padding: 0;
}

@media (min-width: 1024px) {
  .m-compare-model-container {
    width: 75%;
    flex-basis: 75%;
    margin-top: 0;
    justify-content: flex-start;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-compare-model-container {
    width: inherit;
    flex-basis: inherit;
    margin-top: 2rem;
    justify-content: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-compare-model-container {
    width: 75%;
    flex-basis: 75%;
    margin-top: 0;
    justify-content: flex-start;
  }
}

.m-compare-model {
  display: none;
  width: 50%;
  flex-basis: 50%;
}

@media (min-width: 640px) {
  .m-compare-model {
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
    text-align: center;
  }
  .m-compare-model .m-compare-model-img {
    width: 100%;
  }
}

.m-compare-model-cta {
  margin-top: 0.5rem;
}

@media (min-width: 640px) {
  .m-compare-model-cta {
    display: flex;
    justify-content: space-around;
  }
}

.m-compare-year {
  font-size: 1.125rem;
  line-height: 1.125rem;
  font-weight: 400;
  display: block;
}

.m-compare-name {
  display: block;
  font-weight: 500;
}

.m-comparing-name {
  display: inline-block;
}

@media (min-width: 640px) {
  .m-compare-year,
  .m-compare-name,
  .m-compare-fuel-types {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

.m-compare-fuel-types-container {
  display: flex;
}

@media (min-width: 640px) {
  .m-compare-fuel-types-container {
    justify-content: center;
    align-items: center;
  }
}

.m-compare-fuel-types {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #888888;
}

.m-compare-model-price-num {
  font-size: 1rem;
  line-height: 1.375rem;
}

.m-compare-model-price-text {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #888888;
  display: block;
}

@media (min-width: 1024px) {
  .m-compare-model-price-text {
    display: inline-block;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-compare-model-price-text {
    display: block;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-compare-model-price-text {
    display: inline-block;
  }
}

.m-compare-btn {
  color: #002c5e;
  display: none;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding: 0 10px 0 0;
  position: relative;
  text-decoration: none;
}

@media (min-width: 640px) {
  .m-compare-btn {
    padding: 0 10px;
  }
}

.m-compare-model-cta .m-compare-btn {
  display: block;
}

.m-compare-btn.m-compare-row-value {
  color: #002c5e;
}

.m-compare-btn svg {
  position: relative;
  top: -0.0625rem;
  display: inline-block;
  fill: currentColor;
  height: 0.625rem;
  margin-left: 0.375rem;
  width: 0.5rem;
  vertical-align: middle;
}

.m-compare-btn .m-compare-btn-chevron-stick {
  white-space: nowrap;
  display: inline;
}

.m-compare-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.0625rem;
  padding: 0.75rem;
}

.m-compare-row:nth-child(2n + 1) {
  background-color: #f6f3f2;
}

.m-compare-row:last-child {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .m-compare-row {
    padding: 1rem 1.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-compare-row {
    padding: 0.75rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-compare-row {
    padding: 1rem 1.25rem;
  }
}

.m-compare-row-title {
  flex-shrink: 0;
  flex-basis: 100%;
  overflow-wrap: break-word;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .m-compare-row-title {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .m-compare-row-title {
    flex-basis: 25%;
    max-width: 25%;
    text-align: left;
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-compare-row-title {
    flex-basis: 100%;
    max-width: inherit;
    text-align: center;
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-compare-row-title {
    flex-basis: 25%;
    max-width: 25%;
    text-align: left;
    margin-bottom: 0;
  }
}

.m-compare-row-values {
  display: flex;
  align-items: center;
  flex-basis: 100%;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .m-compare-row-values {
    flex-basis: 75%;
    max-width: 75%;
    justify-content: flex-start;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-compare-row-values {
    flex-basis: 100%;
    max-width: 100%;
    justify-content: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-compare-row-values {
    flex-basis: 75%;
    max-width: 75%;
    justify-content: flex-start;
  }
}

.m-compare-row-label {
  width: 100%;
  color: #002c5e;
  cursor: pointer;
}

.m-compare-row-label .icon-chevron-down-thick {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  padding: 0.1875rem;
  position: relative;
  top: 0.125rem;
  color: #002c5e;
  margin-right: 0.625rem;
}

.m-compare-row-label .icon {
  display: inline-block;
}

@media (min-width: 1024px) {
  .m-compare-row-label {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-compare-row-label {
    display: inherit;
    flex-wrap: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-compare-row-label {
    display: flex;
    flex-wrap: wrap;
  }
}

.m-compare-row-value {
  display: none;
  flex-basis: 50%;
  max-width: 50%;
  overflow-wrap: break-word;
  font-weight: 700;
  color: #333333;
}

@media (min-width: 640px) {
  .m-compare-row-value {
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
    text-align: center;
  }
}

.m-compare-inner-content {
  position: relative;
  display: none;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}

.m-compare-inner-content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: #e6e6e6;
}

@media (min-width: 1024px) {
  .m-compare-inner-content {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-compare-inner-content {
    width: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-compare-inner-content {
    width: 100%;
  }
}

.m-compare-checkbox {
  display: none;
}

.m-compare-checkbox:checked ~ .m-compare-row-title .icon {
  transform: rotate(180deg);
}

.m-compare-checkbox:checked ~ .m-compare-inner-content {
  display: block;
}

.m-compare-inner-text {
  color: #333333;
  margin-bottom: 0.5rem;
}

.m-compare-competitors-ctas {
  border-top: 1px solid #e6e6e6;
  display: flex;
}

@media (min-width: 1024px) {
  .m-compare-competitors-ctas {
    text-align: right;
  }
}

.m-compare-competitors-ctas.m-compare-row {
  background-color: #ffffff;
}

.m-compare-competitors-ctas .m-compare-row-title {
  height: 0;
  margin-bottom: 0;
  opacity: 0;
}

@media (min-width: 1024px) {
  body.chat-opened .m-compare-competitors-ctas {
    text-align: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-compare-competitors-ctas {
    text-align: right;
  }
}

.m-compare-footer-text {
  color: #bababa;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.m-compare-competitor {
  width: 50%;
}

@media (min-width: 640px) {
  .m-compare-competitor {
    text-align: center;
  }
}

.m-compare-model-selected {
  display: flex;
  flex-direction: column;
}

.m-compare-model-selected-last {
  display: flex;
}

@media (max-width: 639px) {
  .m-compare-model-selected-last {
    display: none;
  }
}

.m-compare-model-disclaimer {
  font-size: 0.875rem;
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  padding: 0.1875rem 0;
  line-height: 1.0625rem;
  font-weight: 400;
  text-align: center;
  flex: 1 0 auto;
}

@media (max-width: 639px) {
  .m-compare-model-disclaimer {
    text-align: left;
  }
}

.footer {
  position: relative;
  background-color: #000000;
  padding: 2.5rem 0 3.75rem;
}

@media (min-width: 1024px) {
  .footer {
    padding-bottom: 5rem;
  }
}

.footer-wrapper {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .footer-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .footer-wrapper {
    padding-left: 2.625rem;
    padding-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .footer-wrapper {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

.footer-menu-links {
  display: block;
  width: 100%;
}

@media (min-width: 1024px) {
  .footer-menu-links {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 1.25rem;
  }
}

.footer-cell {
  width: 100%;
  border-bottom: 1px solid #333333;
}

@media (min-width: 1024px) {
  .footer-cell {
    width: auto;
    max-width: 25%;
    flex-basis: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
    border-bottom: none;
  }
}

.footer-cell-heading {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.375rem;
}

.footer-cell-heading-lg {
  display: none;
  padding: 0.625rem 0;
}

@media (min-width: 1024px) {
  .footer-cell-heading-lg {
    display: block;
  }
}

.footer-cell-accordion-toggle {
  color: #ffffff;
  padding: 0.625rem 0;
  min-height: 3rem;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}

.footer-cell-accordion-toggle svg {
  fill: #bababa;
  width: 0.8125rem;
  height: 0.8125rem;
  margin-left: auto;
}

.footer-panel-active .footer-cell-accordion-toggle svg {
  transform: rotate(180deg);
}

@media (min-width: 1024px) {
  .footer-cell-accordion-toggle {
    display: none;
  }
}

.footer-panel {
  list-style: none;
  display: none;
  overflow: hidden;
  margin: 0;
  padding: 0 0 1rem;
}

@media (min-width: 1024px) {
  .footer-panel {
    display: block;
  }
}

.footer-panel-active .footer-panel {
  display: block;
}

.footer-panel-item {
  padding: 0.75rem 0;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}

.footer-panel-item svg {
  display: inline-block;
}

.footer-panel-item span {
  padding-left: 0.5rem;
}

.footer-panel-link {
  color: #bababa;
  text-decoration: none;
}

.footer-panel-link:hover {
  color: #ffffff;
}

.footer-content-area {
  display: block;
  padding-top: 1.875rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 1024px) {
  .footer-content-area {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-top: 1.25rem;
    padding-bottom: 5rem;
  }
}

.footer-social-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  width: 12.5rem;
  height: 3rem;
  margin: 0 auto;
  padding: 0;
}

.footer-social-links {
  display: block;
  text-decoration: none;
  width: 1.5625rem;
  height: 1.5625rem;
  color: #bababa;
}

.footer-social-links:hover {
  color: #ffffff;
}

.footer-social-links svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: currentColor;
}

.footer-logo {
  padding: 1.25rem 0 1.875rem;
}

@media (min-width: 1024px) {
  .footer-logo {
    padding: 0.75rem 0;
  }
}

.footer-logo-items {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-logo-item {
  padding: 0 1.125rem;
}

.footer-logo-item + .footer-logo-item {
  border-left: 1px solid #333333;
}

.footer-logo-text {
  color: #ffffff;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  padding-top: 0.625rem;
}

.footer-privacy-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.footer-privacy-list {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  border-right: 1px solid #333333;
  margin-bottom: 0.875rem;
}

.footer-privacy-list:last-child {
  border-right: none;
}

.footer-privacy-list .ot-sdk-show-settings {
  color: #888888;
  text-decoration: none;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  cursor: pointer;
}

.footer-privacy-list .ot-sdk-show-settings:hover {
  color: #ffffff;
}

@media (min-width: 1024px) {
  .footer-privacy-list {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    border-right: none;
  }
}

.footer-privacy-list-desktop {
  display: none;
}

@media (min-width: 1024px) {
  .footer-privacy-list-desktop {
    display: inline-flex;
  }
}

.footer-privacy-list-mobile {
  display: inline-flex;
}

@media (min-width: 1024px) {
  .footer-privacy-list-mobile {
    display: none;
  }
}

.footer-privacy-links {
  color: #888888;
  text-decoration: none;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.footer-privacy-links:hover {
  color: #ffffff;
}

.footer-privacy-links .footer-privacy-choices {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.footer-privacy-links .footer-privacy-choices .footer-privacy-choices-txt {
  margin-left: 0.375rem;
}

.footer-privacy-links .footer-privacy-choices svg {
  width: 2rem;
  height: 1.5rem;
  fill: currentColor;
}

.footer-copy {
  padding-top: 1.25rem;
}

.footer-copy-text {
  text-align: center;
  color: #ffffff;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}

.footer-copy-text a {
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
}

.footer-lang-container {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-top: 1px solid #333333;
}

@media (min-width: 1024px) {
  .footer-lang-container {
    padding: 0;
    border-top: none;
  }
}

.footer-lang {
  width: 16.25rem;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .footer-lang {
    width: 12.5rem;
    border-top: none;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .footer-lang {
    width: 9.5rem;
  }
}

.footer-lang-button {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  background: #000000;
  color: #bababa;
  justify-content: center;
}

@media (min-width: 1024px) {
  .footer-lang-button {
    justify-content: flex-start;
  }
}

.footer-lang-button svg {
  margin-left: 0.5rem;
}

.footer-lang-text {
  margin-right: 0.5rem;
  color: #ffffff;
  font-weight: 700;
}

.footer-lang-panel .dropdown-item {
  font-size: 0.875rem;
  justify-content: center;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .footer-lang-panel .dropdown-item {
    justify-content: flex-start;
  }
}

.footer-lang-panel .dropdown-item:hover {
  color: #002c5e;
  background: #ffffff;
}

.footer-lang-panel .dropdown-item + .dropdown-item:hover:before {
  opacity: 1;
}

.footer-lang-panel .dropdown-item + .dropdown-item:before {
  opacity: 1;
}

.footer-lang-panel .dropdown-item.dropdown-item-active:hover {
  background: #f3f3f3;
}

.footer-lang-panel .dropdown-item.dropdown-item-active:before, .footer-lang-panel .dropdown-item.dropdown-item-active:hover:before {
  opacity: 0;
}

.footer-lang-panel .dropdown-item.dropdown-item-active + .dropdown-item:before {
  opacity: 0;
}
.vc-wrapper {
  padding: 2rem 0;
}

@media (min-width: 640px) {
  .vc-wrapper {
    padding: 2rem 0;
  }
}

@media (min-width: 1024px) {
  .vc-wrapper {
    padding: 3rem 0;
  }
}

@media (min-width: 1440px) {
  .vc-wrapper {
    padding: 4.5rem 0;
  }
}

.vc-wrapper .dropdown-button {
  width: 8.0625rem;
}

.vc-carousel-section {
  max-width: 176.25rem;
  overflow: hidden;
  margin: 0 auto;
}

.alt-fuel-toggle {
  width: 9.6875rem;
  height: 2.625rem;
  border: 1px solid #666666;
  margin-left: 6.25rem;
  color: #666666;
  font-weight: 700;
  font-size: 0.875rem;
  position: relative;
  background-color: #ffffff;
}

@media (max-width: 640px) {
  .alt-fuel-toggle {
    margin-left: 1.5625rem;
    margin-top: -0.625rem;
    width: 7.75rem;
    height: 2.6875rem;
    right: -207%;
  }
}

@media (min-width: 640px) and (max-width: 50rem) {
  .alt-fuel-toggle {
    right: 0;
    margin-left: 5.3125rem;
    top: 0.25rem;
  }
}

@media (min-width: 50.0625rem) and (max-width: 53.125rem) {
  .alt-fuel-toggle {
    right: 0;
    margin-left: 5.3125rem;
    top: 0.09375rem;
  }
}

@media (min-width: 53.1875rem) and (max-width: 1024px) {
  .alt-fuel-toggle {
    right: 0;
    margin-left: 5.3125rem;
    top: 0.03125rem;
  }
}

@media (max-width: 568px) and (orientation: landscape) {
  .alt-fuel-toggle {
    right: -325%;
    width: 10.3125rem;
  }
}

@media (max-width: 375px) {
  .alt-fuel-toggle {
    right: -178%;
  }
}

@media (max-width: 325px) {
  .alt-fuel-toggle {
    right: -135%;
  }
}

@media (max-width: 320px) {
  .alt-fuel-toggle {
    right: -120%;
  }
}

@media (max-width: 300px) {
  .alt-fuel-toggle {
    right: -107%;
  }
}

.alt-fuel-toggle .allFuel {
  display: none;
}

@media (max-width: 640px) {
  .alt-fuel-toggle span {
    padding: 0 1.25rem;
  }
}

@media (max-width: 568px) and (orientation: landscape) {
  .alt-fuel-toggle span {
    padding: 0;
  }
}

.mobile-alt-toggle {
  margin-left: 8.75rem;
  top: 0.625rem;
  position: absolute;
}

.vc-wrapper .dropdown-button {
  width: 8.0625rem;
}

.vc-dropdown-panel {
  width: 8.0625rem;
}

.alt-fuel-active {
  color: #00aad2;
  border-color: #00aad2;
}

.alt-fuel-active .altFuel {
  display: none;
}

.alt-fuel-active .allFuel {
  display: inline-block;
}

.vc-bg-white {
  background: #ffffff;
}

.vc-bg-gray {
  background: #f3f3f3;
}

.vc-bg-gradient {
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
}

.vc-name {
  width: 100%;
  padding: 0.375rem 0.625rem 0;
}

.vc-year {
  font-size: 1rem;
}

.vc-name-link {
  text-decoration: none;
  color: #002c5e;
}

.vc-name-link .icon {
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  margin-left: 0.25rem;
  margin-bottom: 0.125rem;
}

.vc-name-head {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
}

@media (min-width: 640px) {
  .vc-name-head {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.vbws-chevron-stick {
  white-space: nowrap;
  display: inline;
}

.vc-description {
  font-size: 1rem;
  color: #666666;
}

@media (max-width: 639px) {
  .vc-description {
    margin-top: 0.125rem;
  }
}

.vc-description .icon {
  display: inline-block;
  height: 0.5rem;
  fill: #002c5e;
}

.vc-fuel-scolor {
  color: #333333 !important;
}

.vc-spec {
  flex: 1.5;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 47%;
  padding: 1.5625rem 0.3125rem 0;
}

.vc-spec .tooltip-trigger {
  width: auto;
}

.vc-spec-label,
.vc-spec-value {
  display: block;
  width: 100%;
}

.vc-spec-label {
  font-size: 0.875rem;
  color: #888888;
  font-weight: 700;
  margin-bottom: 0.25rem;
  white-space: nowrap;
}

@media (max-width: 1024px) {
  .vc-spec-label {
    white-space: normal;
  }
}

.vc-spec-value {
  font-size: 1.5rem;
  max-width: 89%;
}

@media (max-width: 1024px) {
  .vc-spec-value {
    max-width: 100%;
  }
}

.vc-spec-small {
  font-size: 1rem;
}

.vc-disclaimer {
  color: #888888;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  margin-top: 0.4375rem;
  text-align: center;
  width: 100%;
}

@media (max-width: 639px) {
  .vc-disclaimer {
    margin-bottom: 0.4375rem;
  }
}

.vc-nav {
  display: none;
  padding: 0;
  margin: 0 0 1.875rem;
}

.vc-nav-mobile {
  width: 8.0625rem;
  display: block;
  margin-bottom: 1.875rem;
}

.vc-nav-mobile.dropdown-open {
  box-shadow: 0rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.3);
}

.vc-dropdown-button.dropdown-button {
  text-align: left;
  display: block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  padding-right: 5px;
}

.vc-nav-mobile-text {
  display: inline-block;
  margin-right: 8px;
}

.vc-nav-mobile .icon {
  display: inline-block;
}

.vc-dropdown-panel {
  box-shadow: 0rem 0.1875rem 0.3125rem rgba(0, 0, 0, 0.3);
}

.vc-nav-mobile-item {
  justify-content: left;
}

@media (min-width: 640px) {
  .vc-nav-mobile {
    display: none;
  }
  .vc-nav {
    display: block;
    text-align: center;
  }
}

@media (min-width: 640px) and (min-width: 1024px) {
  .vc-nav {
    margin-left: 18.75rem;
  }
}

@media (min-width: 640px) {
  .vc-nav li {
    display: inline-block;
    margin: 0 1.0625rem;
  }
  .vc-nav-item {
    text-decoration: none;
    display: inline-block;
    color: #666666;
    font-weight: 700;
    font-size: 0.875rem;
    padding-bottom: 0.5rem;
  }
  .vc-nav-item.vc-nav-item-active {
    color: #333333;
    border-bottom: 0.125rem solid #00aad2;
  }
}

@media (min-width: 1024px) {
  .vc-nav {
    margin-bottom: 3.125rem;
  }
  .vc-spec {
    flex: 1.5;
  }
  .vc-name {
    flex: 1.5;
    width: auto;
    padding-left: 0;
  }
  .vc-name-future {
    display: inline-flex;
  }
  .vc-name-future .vc-name {
    flex-basis: auto;
    margin-right: 2.625rem;
  }
  .vc-name-future .vc-spec {
    flex-basis: auto;
  }
}

.vc-image {
  width: 100%;
  height: 100%;
}

.vc-image a {
  width: 100%;
  display: block;
  height: 100%;
}

.vc-nav.vc-only-fuel-filter {
  margin-left: auto;
}

.vc-nav.vc-only-fuel-filter .alt-fuel-toggle {
  margin-left: auto;
}

.vc-nav-mobile.vc-only-fuel-filter {
  margin-right: auto;
  margin-left: auto;
}

.vc-nav-mobile.vc-only-fuel-filter .alt-fuel-toggle {
  position: relative;
  right: auto;
  margin-right: auto;
  margin-left: auto;
}

.vc-headline-ts {
  color: #000000;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-style: normal;
  font-size: 1.875rem;
  line-height: 1.875rem;
  font-weight: 400;
  padding-bottom: 1.25rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .vc-headline-ts {
    padding-bottom: 2.5rem;
  }
}

.vc-disclaimer-ts {
  color: #888888;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  text-align: center;
  width: 100%;
  margin-top: 0.5rem;
}

.vc-details-ts {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0px;
  gap: 1.5rem;
  opacity: 0;
  margin-top: 1.9375rem;
}

@media (min-width: 1024px) {
  .vc-details-ts {
    margin-top: 1.5rem;
    flex-direction: row;
    text-align: left;
  }
}

.vc-text {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  opacity: 0;
}

@media (min-width: 1024px) {
  .vc-text {
    text-align: left;
    flex-wrap: wrap;
  }
}

.vc-details-ts-disclaimer {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0px;
  gap: 1.5rem;
  opacity: 0;
}

@media (min-width: 1024px) {
  .vc-details-ts-disclaimer {
    flex-direction: row;
    text-align: left;
  }
}

.vc-name-ts {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 0.5rem;
}

@media (min-width: 1024px) {
  .vc-name-ts {
    align-items: flex-start;
  }
}

.vc-year-ts {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333333;
}

.vc-name-head-ts {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.vc-description-ts {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #666666;
}

.vc-description-ts .icon {
  display: inline-block;
  height: 0.6875rem;
  fill: #666666;
}

.vc-item-ctas-ts {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0px;
  gap: 1.125rem;
}

@media (min-width: 1024px) {
  .vc-item-ctas-ts {
    justify-content: flex-end;
    gap: 1rem;
  }
}

.vc-item-ctas-ts .button {
  padding: 0.75rem 1.875rem;
  gap: 0.125rem;
  height: 1.5rem;
  width: 5.9375rem;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .vc-item-ctas-ts .button {
    width: 6.25rem;
  }
}

.vc-item-future-ts {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: 0px;
}

@media (min-width: 1024px) {
  .vc-item-future-ts {
    align-items: flex-start;
  }
}

.vc-item-future-ts .vc-item-future-ts-spec-label {
  font-size: 0.875rem;
  color: #888888;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.vc-item-future-ts .vc-item-future-ts-spec-value {
  font-size: 1.5rem;
}

.vc-wrapper .swiper-container {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.vc-wrapper .swiper-wrapper {
  overflow: visible;
}

.vc-carousel {
  /* Navigation buttons (optional styling) */
}

.vc-carousel .swiper-slide {
  max-width: 51rem;
  width: 84%;
  padding: 0 0.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

@media (min-width: 640px) {
  .vc-carousel .swiper-slide {
    width: 71%;
  }
}

@media (min-width: 1024px) {
  .vc-carousel .swiper-slide {
    width: 75%;
  }
}

@media (min-width: 1440px) {
  .vc-carousel .swiper-slide {
    width: 100%;
  }
}

.vc-carousel .vc-image img {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #f4f4f4;
  overflow: hidden;
}

.vc-carousel .swiper-slide-active .vc-details-ts,
.vc-carousel .swiper-slide-active .vc-text,
.vc-carousel .swiper-slide-active .vc-details-ts-disclaimer {
  opacity: 1;
}

.vc-carousel .swiper-button-next,
.vc-carousel .swiper-button-prev {
  top: 70%;
  display: flex;
  position: absolute;
}

.vc-carousel .swiper-button-next::after,
.vc-carousel .swiper-button-prev::after {
  color: #005baa;
  width: 1rem;
  height: 1rem;
  font-size: 1.75rem;
}

.vc-carousel .swiper-button-next .icon,
.vc-carousel .swiper-button-prev .icon {
  fill: #002c5e;
}

.vc-carousel .swiper-button-prev {
  left: 5%;
}

@media (min-width: 1440px) {
  .vc-carousel .swiper-button-prev {
    left: 10%;
  }
}

.vc-carousel .swiper-button-next {
  right: 5%;
}

@media (min-width: 1440px) {
  .vc-carousel .swiper-button-next {
    right: 10%;
  }
}

.vc-carousel.swiper-hidden {
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.vc-carousel.swiper-initialized {
  visibility: visible;
}

.vc-hidden-slide {
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.vc-fuel-tag {
  font-size: 1rem;
  color: #666666;
  display: block;
  margin-top: 0.25rem;
}

.vc-fuel-tag img {
  display: inline-block;
  width: 1rem;
  height: 0.875rem;
  margin-right: 0.1875rem;
}

@media (max-width: 639px) {
  .vc-fuel-tag img {
    width: 0.875rem;
    height: 0.625rem;
    margin-right: 0.1875rem;
  }
}


.vc-v2 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  padding: 1.25rem 0 1.875rem;
}

@media (min-width: 640px) {
  .vc-v2 {
    padding: 1.875rem 0 2.5rem;
  }
}

@media (min-width: 1024px) {
  .vc-v2 {
    padding: 3.125rem 0;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .vc-v2 {
    padding: 1.875rem 0 2.5rem;
  }
}

.vc-v2-inner {
  width: 100%;
  max-width: 160rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

@media (min-width: 2560px) {
  .vc-v2-inner {
    max-width: 100%;
  }
}

.vc-v2-nav {
  width: 100%;
  max-width: 50rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.875rem;
  z-index: 2;
}

@media (min-width: 1024px) {
  .vc-v2-nav {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 3.125rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .vc-v2-nav {
    flex-direction: column;
    justify-content: center;
    margin-bottom: 1.875rem;
  }
}

.vc-v2-filter-container {
  position: relative;
  order: 2;
}

@media (min-width: 1024px) {
  .vc-v2-filter-container {
    order: 1;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .vc-v2-filter-container {
    order: 2;
  }
}

.vc-v2-filter-dropdown {
  min-width: 10rem;
  display: inline-flex;
  justify-content: center;
  font-weight: 700;
  font-size: 1rem;
  color: #002c5e;
  line-height: 1.25rem;
  padding: 0.8125rem 1rem;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

@media (min-width: 640px) {
  .vc-v2-filter-dropdown {
    display: none;
  }
}

.vc-v2-filter-dropdown svg {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.5rem;
}

@media (max-width: 639px) {
  .vc-v2-filter-dropdown-open .vc-v2-filter-dropdown {
    justify-content: flex-start;
    box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.3);
  }
}

.vc-v2-filter-dropdown-open .vc-v2-filter-dropdown svg {
  transform: rotate(180deg);
}

.vc-v2-filters {
  display: none;
}

@media (max-width: 639px) {
  .vc-v2-filters {
    width: 100%;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #ffffff;
    box-shadow: 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.3);
  }
}

@media (min-width: 640px) {
  .vc-v2-filters {
    display: flex;
    gap: 2.125rem;
  }
}

.vc-v2-filter-dropdown-open .vc-v2-filters {
  display: flex;
}

.vc-v2-filter {
  position: relative;
  font-size: 1rem;
  color: #333333;
  line-height: 1.25rem;
  padding: 0.75rem 1rem;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

@media (max-width: 639px) {
  .vc-v2-filter {
    justify-content: flex-start;
    white-space: nowrap;
  }
  .vc-v2-filter:hover {
    background-color: #f3f3f3;
  }
  .vc-v2-filter + .vc-v2-filter:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0.75rem;
    right: 0.75rem;
    height: 0.0625rem;
    background-color: #e6e6e6;
  }
}

@media (min-width: 640px) {
  .vc-v2-filter {
    font-weight: 700;
    font-size: 0.875rem;
    color: #666666;
    border-bottom: 0.125rem solid transparent;
    padding: 0.75rem 0 0.625rem;
  }
}

.vc-v2-filter-active {
  font-weight: 700;
  color: #002c5e;
}

@media (max-width: 639px) {
  .vc-v2-filter-active {
    background: #f3f3f3;
  }
}

@media (min-width: 640px) {
  .vc-v2-filter-active {
    color: #333333;
    border-bottom: 0.125rem solid #00aad2;
  }
}

.vc-v2-smartchat-container {
  order: 1;
}

@media (min-width: 1024px) {
  .vc-v2-smartchat-container {
    order: 2;
  }
}

.vc-v2-smartchat-container button {
  margin: 0;
  margin-bottom: 0.625rem;
}

@media (min-width: 1024px) {
  .vc-v2-smartchat-container button {
    margin: 0;
  }
}

.vc-v2-smartchat-container .smartchat-contextual-cta-btn--background {
  min-height: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.625rem 0.9375rem;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .vc-v2-smartchat-container {
    order: 1;
  }
  body.chat-opened .vc-v2-smartchat-container button {
    margin: 0;
    margin-bottom: 0.625rem;
  }
}

.vc-v2 .swiper-container {
  position: unset;
}

.vc-v2-slick, .vc-v2 .swiper-wrapper {
  width: 100%;
  margin-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .vc-v2-slick, .vc-v2 .swiper-wrapper {
    margin-bottom: 1.875rem;
  }
}

@media (min-width: 1024px) {
  .vc-v2-slick, .vc-v2 .swiper-wrapper {
    margin: 0;
  }
}

.vc-v2-slick .slick-list, .vc-v2 .swiper-wrapper .slick-list {
  cursor: default;
  padding: 0 calc(50% - 188px) !important;
}

@media (min-width: 640px) {
  .vc-v2-slick .slick-list, .vc-v2 .swiper-wrapper .slick-list {
    padding: 0 calc(50% - 220px) !important;
  }
}

@media (min-width: 1024px) {
  .vc-v2-slick .slick-list, .vc-v2 .swiper-wrapper .slick-list {
    padding: 0 calc(50% - 412px) !important;
  }
}

@media (min-width: 1440px) {
  .vc-v2-slick .slick-list, .vc-v2 .swiper-wrapper .slick-list {
    padding: 0 calc(50% - 470px) !important;
  }
}

.vc-v2-slick .slick-slide, .vc-v2 .swiper-wrapper .slick-slide {
  text-align: center;
}

.vc-v2-slick .slick-slide > div, .vc-v2 .swiper-wrapper .slick-slide > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .vc-v2-slick {
    margin-bottom: 1.875rem;
  }
  body.chat-opened .vc-v2-slick .slick-list {
    padding: 0 calc(50% - 220px) !important;
  }
}

.vc-v2-model {
  max-width: 18.6875rem;
}

@media (min-width: 640px) {
  .vc-v2-model {
    max-width: 26.5rem;
  }
}

@media (min-width: 1024px) {
  .vc-v2-model {
    max-width: 50rem;
  }
}

.vc-v2-model a {
  -webkit-tap-highlight-color: transparent;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .vc-v2-model {
    max-width: 26.5rem;
  }
}

.vc-v2-swiper-nav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1024px) {
  .vc-v2-swiper-nav {
    max-width: 50rem;
    min-height: 1.8125rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .vc-v2-swiper-nav {
    max-width: none;
    min-height: none;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .swiper-button-prev {
    left: 1.25rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .swiper-button-next {
    right: 1.25rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .vc-v2-slick-nav-dots ul.slick-dots {
    display: none !important;
  }
}

.vc-v2-slick-nav-dots li button {
  width: 0.5625rem;
  height: 0.5625rem;
  display: inline-block;
  color: transparent;
  border-radius: 50%;
  background-color: #888888;
}

.vc-v2-swiper-nav-count {
  display: block;
  font-weight: 500;
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .vc-v2-swiper-nav-count {
    display: none;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .vc-v2-swiper-nav-count {
    display: block;
  }
}

.vc2-swiper {
  width: 100%;
  overflow: hidden;
  margin: 0;
  cursor: default;
  padding: 0 calc(50% - 188px) !important;
}

@media (min-width: 640px) {
  .vc2-swiper {
    padding: 0 calc(50% - 220px) !important;
  }
}

@media (min-width: 1024px) {
  .vc2-swiper {
    padding: 0 calc(50% - 412px) !important;
  }
}

@media (min-width: 1440px) {
  .vc2-swiper {
    padding: 0 calc(50% - 470px) !important;
  }
}

.vc2-swiper .swiper-slide {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.vc2-swiper .swiper-button-prev, .vc2-swiper .swiper-button-next {
  margin-top: 0;
  top: 14.5%;
  height: 2rem;
  width: 2rem;
}

@media (min-width: 375px) {
  .vc2-swiper .swiper-button-prev, .vc2-swiper .swiper-button-next {
    top: 54.5%;
    left: auto;
  }
}

.vc2-swiper .swiper-button-prev:disabled, .vc2-swiper .swiper-button-next:disabled {
  display: none;
}

.vc2-swiper .swiper-button-next {
  right: 0.625rem;
}

@media (min-width: 640px) {
  .vc2-swiper .swiper-button-next {
    right: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .vc2-swiper .swiper-button-next {
    right: calc(50% - 470px);
  }
}

.vc2-swiper .swiper-button-prev {
  left: 0.625rem;
}

@media (min-width: 640px) {
  .vc2-swiper .swiper-button-prev {
    left: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .vc2-swiper .swiper-button-prev {
    left: calc(50% - 470px);
  }
}

.vc2-swiper .swiper-button-prev:after, .vc2-swiper .swiper-button-next:after {
  content: none;
}

.vc2-swiper .swiper-pagination {
  display: none;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.375rem;
  margin: 0;
  text-align: center;
  bottom: -0.625rem;
  position: relative;
}

@media (min-width: 1024px) {
  .vc2-swiper .swiper-pagination {
    display: flex;
  }
}

.vc2-swiper .swiper-pagination-horizontal .swiper-pagination-bullet {
  background: #888888;
  height: 0.5625rem;
  width: 0.5625rem;
  opacity: 1;
}

.vc2-swiper .swiper-pagination-horizontal .swiper-pagination-bullet-active {
  background: #00aad2;
}

.vc-v2-model,
.vc-v2-model-coming-soon {
  pointer-events: none;
}

.vc-v2-model a,
.vc-v2-model-coming-soon a {
  text-decoration: none;
}

.slick-current .vc-v2-model,
.slick-current .vc-v2-model-coming-soon {
  pointer-events: all;
}

.vcm-v2-image-container {
  position: relative;
  opacity: 0.5;
  margin-bottom: 1rem;
  padding-top: 36.88%;
}

.vcm-v2-image-container img {
  position: absolute;
  top: 0;
  left: 0;
}

.slick-current .vcm-v2-image-container {
  opacity: 1;
}

@media (min-width: 1024px) {
  .vcm-v2-specs-container {
    height: 9rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .vcm-v2-specs-container {
    height: auto;
  }
}

.vcm-v2-specs {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  flex-wrap: wrap;
  opacity: 0;
}

@media (min-width: 1024px) {
  .vcm-v2-specs {
    flex-wrap: nowrap;
    gap: 0.625rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .vcm-v2-specs {
    flex-wrap: wrap;
    gap: 0;
  }
}

.slick-current .vcm-v2-specs {
  opacity: 1;
}

.vcm-v2-disclaimer-container {
  margin: 0.75rem 0;
}

.vcm-v2-disclaimer {
  width: 100%;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  color: #888888;
  line-height: 1rem;
  opacity: 0;
}

.vcm-v2-disclaimer .tooltip-trigger {
  width: auto;
  height: auto;
  padding: 0.875rem;
  margin: -0.75rem -0.875rem -0.75rem -0.75rem;
}

.vcm-v2-disclaimer .tooltip-trigger svg {
  width: 0.75rem;
  height: 0.75rem;
}

.slick-current .vcm-v2-disclaimer {
  opacity: 1;
}

.vcm-v2-spec-model,
.vcm-v2-spec {
  display: flex;
  align-items: center;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .vcm-v2-spec-model,
  .vcm-v2-spec {
    align-items: flex-start;
    text-align: left;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .vcm-v2-spec-model,
  body.chat-opened .vcm-v2-spec {
    align-items: center;
    text-align: center;
  }
}

.vcm-v2-spec-model {
  width: 100%;
}

@media (min-width: 1024px) {
  .vcm-v2-spec-model {
    width: 14rem;
    flex-shrink: 0;
    gap: 0.25rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .vcm-v2-spec-model {
    width: 100%;
  }
}

.vc-v2-model-coming-soon .vcm-v2-spec-model {
  width: 100%;
}

@media (min-width: 1024px) {
  .vc-v2-model-coming-soon .vcm-v2-spec-model {
    width: 18.75rem;
    flex-shrink: 0;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .vc-v2-model-coming-soon .vcm-v2-spec-model {
    width: 100%;
  }
}

.vcm-v2-spec {
  width: 50%;
  margin-top: 2rem;
}

@media (min-width: 1024px) {
  .vcm-v2-spec {
    width: auto;
    max-width: 8.625rem;
    flex-grow: 1;
    margin-top: 1.5rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .vcm-v2-spec {
    width: 50%;
    max-width: none;
    flex-grow: 0;
    margin-top: 2rem;
  }
}

.vcm-v2-model-year {
  font-size: 1rem;
  color: #333333;
  line-height: 1.125rem;
}

.vcm-v2-model-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #002c5e;
  line-height: 1.875rem;
}

.vcm-v2-model-name svg {
  width: 0.625rem;
  height: 0.625rem;
  display: inline-block;
  margin-bottom: 0.1875rem;
}

.vcm-v2-model-name .sticky-icon-wrap {
  position: relative;
}

.vcm-v2-ft-description-wrap {
  display: inline;
  font-size: 1rem;
  color: #666666;
  line-height: 1.125rem;
  align-items: baseline;
  width: 100%;
}

.vcm-v2-ft-description-wrap .vcm-v2-fuel-types {
  display: inline;
}

.vcm-v2-description {
  font-size: 1rem;
  color: #666666;
  line-height: 1.125rem;
}

.vcm-v2-label {
  font-weight: 700;
  font-size: 0.875rem;
  color: #888888;
  line-height: 1rem;
  margin-bottom: 0.25rem;
}

.vcm-v2-value {
  font-size: 1.25rem;
  color: #333333;
  line-height: 1.5rem;
  padding-right: 1.25rem;
}

@media (max-width: 1023px) {
  .vcm-v2-value {
    padding-left: 1.25rem;
  }
}

.vcm-v2-value-smaller {
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.5rem;
}

.vc2-swiper .swiper-slide-active .vcm-v2-image-container, .vc2-swiper .swiper-slide-active .vcm-v2-disclaimer, .vc2-swiper .swiper-slide-active .vcm-v2-specs {
  opacity: 1;
}

.vc2-swiper .swiper-slide-active .vc-v2-model {
  pointer-events: all;
}

.vc2-swiper .swiper-slide:not(.swiper-slide-active) .vcm-v2-image-container {
  opacity: 0.5;
}

.vc2-swiper .swiper-slide:not(.swiper-slide-active) .vcm-v2-disclaimer, .vc2-swiper .swiper-slide:not(.swiper-slide-active) .vcm-v2-specs {
  opacity: 0;
}

.vc2-swiper .vc-v2-model {
  width: 100%;
}

.vc2-swiper .swiper-button-disabled {
  display: none;
}

.vc2-swiper-pagination {
  display: none;
}

@media (min-width: 1024px) {
  .vc2-swiper-pagination {
    display: flex;
  }
}
@charset "UTF-8";
.dlnyv2-wrapper {
  position: relative;
}

.dlnyv2-main {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

@media (min-width: 640px) {
  .dlnyv2-main {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  .dlnyv2-main {
    padding: 3rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .dlnyv2-main {
    padding: 4.5rem 4.5rem;
  }
}

.dlnyv2-title-container {
  max-width: 1440px;
  text-align: center;
  padding-bottom: 1rem;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .dlnyv2-title-container {
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .dlnyv2-title-container {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .dlnyv2-title-container {
    padding-bottom: 3rem;
  }
}

.dlnyv2-title-container .dlnyv2-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  margin-bottom: 1rem;
}

@media (min-width: 640px) {
  .dlnyv2-title-container .dlnyv2-title {
    margin-bottom: 1.5rem;
  }
}

.dlnyv2-title-container .dlnyv2-location-pin {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  display: inline-flex;
  align-items: center;
}

.dlnyv2-title-container .dlnyv2-location-pin .icon {
  height: 1rem;
}

@media (min-width: 1024px) {
  .dlnyv2-title-container .dlnyv2-location-pin {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.dlnyv2-col-details-container {
  width: 100%;
  max-width: 100%;
  flex-basis: auto;
  display: flex;
  flex-direction: column;
  position: relative;
}

@media (min-width: 1024px) {
  .dlnyv2-col-details-container {
    flex-direction: row;
    align-items: center;
  }
}

.dlnyv2-col-details-container .dlnyv2-left-col {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}

@media (min-width: 1024px) {
  .dlnyv2-col-details-container .dlnyv2-left-col {
    width: 50%;
    height: 19.1875rem;
  }
}

@media (min-width: 1440px) {
  .dlnyv2-col-details-container .dlnyv2-left-col {
    height: 26.5625rem;
  }
}

.dlnyv2-col-details-container .dlnyv2-right-col {
  position: relative;
  width: 100%;
  padding-top: 1.5rem;
}

@media (min-width: 640px) {
  .dlnyv2-col-details-container .dlnyv2-right-col {
    padding-top: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .dlnyv2-col-details-container .dlnyv2-right-col {
    padding: 0 0 0 1.25rem;
    width: 50%;
  }
}

.dlnyv2-slick-arrow-container {
  position: relative;
}

@media (min-width: 1024px) {
  .dlnyv2-slick-arrow-container .dlnyv2-slider {
    /*max-width: calcRem(364px); */
    padding: 0 3rem;
  }
}

@media (min-width: 1440px) {
  .dlnyv2-slick-arrow-container .dlnyv2-slider {
    /* max-width: calcRem(494px); */
    padding: 0 4.5rem;
  }
}

.dlnyv2-slick-arrow-container .slick-arrow {
  position: absolute;
  top: 0.5rem;
  z-index: 99;
  margin-left: -0.4375rem;
  margin-right: -0.4375rem;
  height: 2rem;
  width: 2rem;
  font-size: 1.875rem;
  color: #002c5e;
}

@media (min-width: 1024px) {
  .dlnyv2-slick-arrow-container .slick-arrow {
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
  }
}

.dlnyv2-slick-prev {
  left: 0;
}

.dlnyv2-slick-next {
  right: 0;
}

.dlnyv2-slick-dots-container .slick-dots {
  padding-top: 1rem;
  text-align: center;
  width: 100%;
  margin: 0;
}

@media (min-width: 1024px) {
  .dlnyv2-slick-dots-container .slick-dots {
    padding-top: 1.5rem;
  }
}

@media (min-width: 1440px) {
  .dlnyv2-slick-dots-container .slick-dots {
    padding-top: 2.25rem;
  }
}

.dlnyv2-slick-dots-container .slick-dots li {
  display: inline-block;
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
  padding: 0;
  margin: 0 0.3125rem;
}

.dlnyv2-slick-dots-container .slick-dots button {
  font-size: 0;
  line-height: 0;
  color: transparent;
}

.dlnyv2-slick-dots-container .slick-dots button:before {
  content: '•';
  font-size: 2.1875rem;
  line-height: 1.25rem;
  text-align: center;
  color: #bababa;
}

.dlnyv2-slick-dots-container .slick-dots li.slick-active button:before {
  color: #00aad2;
}

.dlnyv2-map-container {
  margin: 0 -1rem;
  border-top: 1px solid #e6e6e6;
  order: 2;
  height: 13.125rem;
}

@media (min-width: 640px) {
  .dlnyv2-map-container {
    margin: 0;
    height: 24rem;
  }
}

@media (min-width: 1024px) {
  .dlnyv2-map-container {
    border: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: inherit;
  }
}

.dlnyv2-maps {
  width: 100%;
  display: flex;
  height: 100%;
}

@media (min-width: 640px) {
  .dlnyv2-maps {
    overflow: hidden;
  }
}

@media (min-width: 1024px) {
  .dlnyv2-maps {
    display: flex;
    height: 100%;
  }
}

.dlnyv2-dealer-name-details {
  display: flex;
  justify-content: center;
  margin: 0 1.875rem;
}

@media (min-width: 1024px) {
  .dlnyv2-dealer-name-details {
    justify-content: flex-start;
    margin: 0;
    padding-top: 1.875rem;
  }
}

.dlnyv2-dealer-name-details .dlnyv2-dealer-name-distance {
  display: flex;
  flex-direction: row;
}

.dlnyv2-dealer-name-details .dlnyv2-dealer-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.dlnyv2-dealer-name-details .dlnyv2-dealer-distance {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: caclRem(16px);
  line-height: 1.375rem;
}

.dlnyv2-dealer-details {
  padding-bottom: 1rem;
  padding-top: 1.5rem;
}

@media (min-width: 1024px) {
  .dlnyv2-dealer-details {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

@media (min-width: 1440px) {
  .dlnyv2-dealer-details {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

.dlnyv2-dealer-details .dlnyv2-dealer-address {
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .dlnyv2-dealer-details .dlnyv2-dealer-address {
    justify-content: flex-start;
  }
}

.dlnyv2-dealer-details .dlnyv2-dealer-address p {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: caclRem(16px);
  line-height: 1.375rem;
}

.dlnyv2-dealer-details .dlnyv2-dealer-address .dlnyv2-dealer-directions {
  padding: 0.625rem 0;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: none;
  color: #002c5e;
}

.dlnyv2-dealer-directions .icon {
  margin-left: 0.125rem;
  width: .6em;
  height: .6em;
  display: inline-block;
}

.dlnyv2-dealer-contact-details {
  display: flex;
  gap: 1rem;
  padding: 0.5rem 0 0;
}

@media (min-width: 1024px) {
  .dlnyv2-dealer-contact-details {
    padding: 1rem 0 0;
  }
}

@media (min-width: 1440px) {
  .dlnyv2-dealer-contact-details {
    padding: 1.5rem 0 0;
  }
}

.dlnyv2-dealer-contact-details .dlnyv2-dail-no,
.dlnyv2-dealer-contact-details .dlnyv2-dealer-page-link {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: none;
  color: #002c5e;
}

.dlnyv2-dealer-contact-details .dlnyv2-dail-no .icon,
.dlnyv2-dealer-contact-details .dlnyv2-dealer-page-link .icon {
  margin-left: 0.125rem;
  width: .6em;
  height: .6em;
  display: inline-block;
}

.dlnyv2-test-drive-link {
  width: 100%;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: center;
}

.dlnyv2-test-drive-link svg {
  margin-left: 0.5rem;
}

.dlnyv2-col-place-icon {
  max-width: none;
  display: block;
}

.dlnyv2-no-matches {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1rem 1.5rem;
}

@media (min-width: 640px) {
  .dlnyv2-no-matches {
    padding: 0 2rem 3rem;
  }
}

@media (min-width: 1024px) {
  .dlnyv2-no-matches {
    align-items: flex-start;
    padding: 0 2rem;
  }
}

@media (min-width: 1440px) {
  .dlnyv2-no-matches {
    padding: 0 3rem;
  }
}

.dlnyv2-no-matches svg {
  width: 4rem;
  height: 4rem;
}

.dlnyv2-no-matches .dlnyv2-no-matches-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  text-align: center;
  padding-top: 1.5rem;
}

@media (min-width: 1024px) {
  .dlnyv2-no-matches .dlnyv2-no-matches-text {
    text-align: start;
  }
}

.dlnyv2-no-matches .dlnyv2-dealer-btn {
  width: 100%;
  margin-top: 1.5rem;
}

@media (min-width: 1024px) {
  .dlnyv2-no-matches .dlnyv2-dealer-btn {
    margin-top: 3rem;
  }
}

.dlnyv2-zip-tooltip {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  background: #002C5E;
  border-radius: 0.25rem;
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  top: 2.5rem;
  width: -webkit-max-content;
  width: max-content;
  max-width: 19.5rem;
  min-width: 10.75rem;
  box-shadow: 0px 0.1875rem 0.5625rem 0 #0000004D;
}

@media (min-width: 640px) {
  .dlnyv2-zip-tooltip {
    top: 2.4375rem;
  }
}

@media (min-width: 1440px) {
  .dlnyv2-zip-tooltip {
    top: 2.1875rem;
  }
}

.dlnyv2-zip-tooltip .dlnyv2-tooltip-content {
  padding: 0.75rem 0;
  margin-left: 1rem;
  min-width: 7rem;
  max-width: 15.75rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: left;
  color: white;
}

.dlnyv2-zip-tooltip .dlnyv2-close-tooltip {
  padding: 0.875rem;
}

.dlnyv2-zip-tooltip:before {
  content: '';
  position: absolute;
  display: block;
  width: 1rem;
  left: 50%;
  top: -0.4375rem;
  height: 0;
  border: 0.5rem solid transparent;
  border-top: 0;
  border-bottom: 0.5rem solid #002c5e;
  transform: translate(-50%, 0);
}

@media (min-width: 1024px) {
  .dlnyv2-zip-tooltip:before {
    width: 0;
    height: 1rem;
    left: 50%;
    top: -0.4375rem;
    border: 0.5rem solid transparent;
    border-bottom: 0.5rem solid #002c5e;
    transform: translate(-50%, -50%);
  }
}

.dlnyv2-dealer-marker {
  color: #ffffff;
  display: block;
  height: 2.5rem;
  text-align: center;
  padding-top: 0.3125rem;
  width: 1.625rem;
  position: absolute;
  top: 0;
}

.dlnyv2-col-number {
  position: relative;
  margin-right: 1rem;
}

.dlnyv2-map-lg {
  width: 100%;
  height: 100%;
  display: block;
}

@media (min-width: 640px) {
  .dlnyv2-map-lg {
    height: auto;
  }
}

@media (min-width: 1024px) {
  .dlnyv2-map-lg {
    height: 100%;
  }
}

.dlnyv2-unknown-zip-text {
  color: #333333;
  font-size: 1rem;
  line-height: 1.375rem;
  padding-top: 1.5rem;
}

@media (min-width: 1024px) {
  .dlnyv2-unknown-zip-text {
    padding-top: 0;
  }
}

.gm-style div[title]:focus {
  outline: 1px dotted #212121;
  opacity: 1 !important;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .gm-style div[title]:focus {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.gm-style div[title]:focus img {
  opacity: 0 !important;
}

#top-ai-search .dlnyv2-main {
  padding: 0;
  @media (min-width: 1024px) {
    padding: 2rem;
  }
}

#top-ai-search .dlnyv2-main .dlnyv2-left-col {
  padding: 0 1.25rem;
  @media (min-width: 1024px) {
    padding: 0;
  }
}
.ctcsl {
  width: 100%;
  display: flex;
  justify-content: center;
  background: #ffffff;
}

.ctcsl-top-padding {
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .ctcsl-top-padding {
    padding-top: 3rem;
  }
}

@media (min-width: 1440px) {
  .ctcsl-top-padding {
    padding-top: 4.5rem;
  }
}

.ctcsl-bottom-padding {
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .ctcsl-bottom-padding {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .ctcsl-bottom-padding {
    padding-bottom: 4.5rem;
  }
}

.ctcsl-bg-white {
  background-color: #ffffff;
}

.ctcsl-bg-gray {
  background-color: #f3f3f3;
}

.ctcsl-bg-gradient {
  background: #ffffff;
  background: linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
}

.ctcsl-container {
  width: 100%;
  max-width: 90rem;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .ctcsl-container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .ctcsl-container {
    padding-left: 2.625rem;
    padding-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .ctcsl-container {
    padding-left: 4.6875rem;
    padding-right: 4.6875rem;
  }
}

.ctcsl-heading-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .ctcsl-heading-container {
    flex-direction: row;
  }
}

.ctcsl-heading-container .ctcsl-heading {
  line-height: 1.375rem;
  padding-right: 0;
}

.pt-container .ctcsl-heading {
  padding-bottom: 0.25rem;
}

.ctcsl-heading {
  position: relative;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #666666;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 1024px) {
  .ctcsl-heading {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

@media (min-width: 1440px) {
  .ctcsl-heading {
    padding-left: 2.8125rem;
    padding-right: 2.8125rem;
  }
}

.ctcsl-heading:after {
  content: '';
  width: 1.5rem;
  height: 0.125rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: currentColor;
}

@media (min-width: 1024px) {
  .ctcsl-heading:after {
    left: 1.875rem;
  }
}

@media (min-width: 1440px) {
  .ctcsl-heading:after {
    left: 2.8125rem;
  }
}

/* #region - SLIDES  // // // // // // // // // // // // // // // // // // // // // // // // // */
.ctcsl-slide {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
}

@media (min-width: 1024px) {
  .ctcsl-slide {
    flex-direction: row;
  }
}

.ctcsl-slide-section {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

@media (min-width: 1024px) {
  .ctcsl-slide-section {
    max-width: 50%;
    flex-basis: 50%;
  }
}

.ctcsl-slide-section:first-child {
  order: 1;
}

.ctcsl-slide-section:last-child {
  order: 2;
}

.ctcsl-slide-image-left .ctcsl-slide-section:first-child {
  order: 1;
}

.ctcsl-slide-image-left .ctcsl-slide-section:last-child {
  order: 2;
}

@media (min-width: 1024px) {
  .ctcsl-slide-image-right .ctcsl-slide-section:first-child {
    order: 2;
  }
  .ctcsl-slide-image-right .ctcsl-slide-section:last-child {
    order: 1;
  }
}

.ctcsl-slide-section-top {
  align-items: flex-start;
}

.ctcsl-slide-section-top-left {
  align-items: flex-start;
}

.ctcsl-slide-section-top-left .ctcsl-slide-inner,
.ctcsl-slide-section-top-left .ctcsl-slide-category {
  align-items: flex-start;
}

.ctcsl-slide-image {
  width: 100%;
  padding-top: 71.4285714286%;
}

.ctcsl-slide-image img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.ctcsl-slide-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 2rem 1.5rem;
}

@media (min-width: 640px) {
  .ctcsl-slide-inner {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  .ctcsl-slide-inner {
    gap: 2.5rem;
    padding: 3rem;
  }
}

.ctcsl-slide-copy {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .ctcsl-slide-copy {
    gap: 1.25rem;
  }
}

.ctcsl-slide-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.625rem;
}

@media (min-width: 1024px) {
  .ctcsl-slide-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.ctcsl-slide-title:has(span.sticky-icon-wrap) {
  border-right: 1.125rem solid transparent;
}

.ctcsl-slide-desc {
  font-size: 1rem;
  color: #666666;
  line-height: 1.375rem;
}

.ctcsl-slide-desc:has(span.sticky-icon-wrap) {
  border-right: 1.125rem solid transparent;
}

.ctcsl-slide-links,
.ctcsl-slide-links-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.125rem;
}

.ctcsl-slide-links-row {
  flex-direction: row;
  gap: 0.5rem;
}

.ctcsl-slide-link {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  font-size: 1rem;
  font-weight: 700;
  color: #002c5e;
  line-height: 1.375rem;
  text-decoration: none;
}

@media (min-width: 640px) {
  .ctcsl-slide-link {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .ctcsl-slide-link {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
  }
  .ctcsl-slide-link:hover {
    text-decoration: underline;
  }
}

.ctcsl-slide-link .icon {
  width: 0.375rem;
  height: 0.625rem;
}

.ctcsl-slide-categories {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 640px) {
  .ctcsl-slide-categories {
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  .ctcsl-slide-categories {
    flex-direction: column;
    gap: 2rem;
  }
}

.ctcsl-slide-category {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .ctcsl-slide-category:nth-child(2) {
    padding-left: 1.5rem;
    border-left: 0.0625rem solid #bababa;
  }
}

.ctcsl-slide-category-desc {
  font-size: 1rem;
  font-weight: 500;
  color: #888888;
  line-height: 1.375rem;
}

.ctcsl-slide-category-desc:has(span.sticky-icon-wrap) {
  border-right: 1.125rem solid transparent;
}

.ctcsl-slide-category-title {
  font-size: 1rem;
  font-weight: 700;
  color: #000000;
  line-height: 1.375rem;
  text-align: center;
}

.ctcsl-slide-category-title:has(span.sticky-icon-wrap) {
  border-right: 1.125rem solid transparent;
}

.ctcsl-slide-category-links {
  display: flex;
  gap: 1rem;
}

.ctcsl-slide-category-link {
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  color: #002c5e;
  line-height: 1.375rem;
  text-decoration: none;
}

@media (min-width: 640px) {
  .ctcsl-slide-category-link {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .ctcsl-slide-category-link {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
  }
  .ctcsl-slide-category-link:hover {
    text-decoration: underline;
  }
}

.ctcsl-slide-category-link svg {
  width: 1.5rem;
  height: 1.5rem;
}

/* #endregion */
/* #region - SWIPER CONTROLS  // // // // // // // // // // // // // // // // // // // // // // */
.ctcsl-swiper {
  position: relative;
}

.ctcsl-swiper .swiper-slide {
  height: auto !important;
}

.ctcsl-swiper-container {
  padding: 0;
}

@media (min-width: 1024px) {
  .ctcsl-swiper-container {
    padding: 0 1.875rem;
  }
}

@media (min-width: 1440px) {
  .ctcsl-swiper-container {
    padding: 0 2.8125rem;
  }
}

.ctcsl-swiper-controls {
  min-height: 3rem;
  position: relative;
  display: flex;
  align-items: center;
  padding: 1.25rem;
}

@media (min-width: 1024px) {
  .ctcsl-swiper-controls {
    position: initial;
  }
}

.ctcsl-swiper-controls .swiper-button-prev,
.ctcsl-swiper-controls .swiper-button-next {
  width: 1rem;
  height: 1.875rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #002c5e;
  cursor: pointer;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
}

@media (min-width: 1024px) {
  .ctcsl-swiper-controls .swiper-button-prev,
  .ctcsl-swiper-controls .swiper-button-next {
    top: calc(50% - 48px);
    transform: translateY(calc(-50% + 24px));
  }
}

.ctcsl-swiper-controls .swiper-button-prev:after,
.ctcsl-swiper-controls .swiper-button-next:after {
  content: '';
  width: 0;
  height: 0;
}

.ctcsl-swiper-controls .swiper-button-prev svg,
.ctcsl-swiper-controls .swiper-button-next svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.ctcsl-swiper-controls .swiper-button-prev {
  left: 0;
}

.ctcsl-swiper-controls .swiper-button-next {
  right: 0;
}

.ctcsl-swiper-controls .swiper-pagination {
  position: relative;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.375rem;
}

.ctcsl-swiper-controls .swiper-pagination-bullet {
  flex-shrink: 0;
  background: currentColor;
  opacity: 1;
  margin: 0 !important;
}

.ctcsl-swiper-controls .swiper-pagination-bullet-active {
  background: var(--active-dot-color, #00aad2);
}

/* #endregion */


.sectag-tag {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
}

.sectag-tag-top-padding {
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .sectag-tag-top-padding {
    padding-top: 3rem;
  }
}

@media (min-width: 1440px) {
  .sectag-tag-top-padding {
    padding-top: 4.5rem;
  }
}

.sectag-tag-bottom-padding {
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .sectag-tag-bottom-padding {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .sectag-tag-bottom-padding {
    padding-bottom: 4.5rem;
  }
}

.sectag-tag-no-indent {
  padding-top: 1.875rem;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .sectag-tag-no-indent {
    padding-top: 2.5rem;
    padding-bottom: 1.875rem;
  }
}

.sectag-heading {
  padding-bottom: 0.5rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif  !important;
  font-weight: 700;
  font-size: 1rem;
  color: #666666;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .sectag-heading {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .sectag-heading {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .sectag-heading {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
}

.sectag-heading-no-indent {
  padding-bottom: 0.5rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #666666;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .sectag-heading-no-indent {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .sectag-heading-no-indent {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .sectag-heading-no-indent {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
}

.sectag-heading-txt {
  position: relative;
  padding-bottom: 0.5rem;
}

.sectag-heading-txt:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.125rem;
  width: 1.5rem;
  background-color: currentColor;
}

.sectag-title .sectag-heading {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
}

.sectag-indent .sectag-heading {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .sectag-indent .sectag-heading {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .sectag-indent .sectag-heading {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .sectag-indent .sectag-heading {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
}

.sectag-center {
  text-align: center;
}

.sectag-left {
  text-align: left;
}

.sectag-right {
  text-align: right;
}

.sectag-bg-white {
  background-color: #ffffff;
}

.sectag-bg-gray {
  background-color: #f3f3f3;
}

.sectag-bg-transparent {
  background-color: transparent;
}

.sectag-bg-gradient {
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
}

.sectag-heading-txt-new {
  display: flex;
  flex-direction: column;
  position: relative;
}

.sectag-eyebrow {
  height: 0.125rem;
  width: 1.5rem;
  background-color: currentColor;
  margin-top: 0.5rem;
}

.sectag-heading-left {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.sectag-heading-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sectag-heading-right {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.sectag-heading-no-padding-bottom {
  padding-bottom: 0;
}

.sectag-tag-heading-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .sectag-tag-heading-container {
    flex-direction: row;
  }
}

.sectag-tag-heading {
  position: relative;
  font-weight: 700;
  font-size: 1rem;
  color: #666666;
  line-height: 1.375rem;
  padding-bottom: 0.25rem;
  margin-bottom: 1rem;
}

.sectag-tag-heading:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.125rem;
  width: 1.5rem;
  background-color: currentColor;
}

.vertical-tab-v1 {
  padding: 2rem 0 0;
}

@media (max-width: 1023px) {
  .vertical-tab-v1 {
    padding-bottom: 2rem;
  }
}

@media (min-width: 1024px) {
  .vertical-tab-v1 {
    padding: 3rem 0;
  }
}

@media (min-width: 1440px) {
  .vertical-tab-v1 {
    padding: 4.5rem 0;
  }
}

.vertical-tab-v1.vt-no-padding-top {
  padding-top: 0;
}

.vertical-tab-v1.vt-no-padding-bottom {
  padding-bottom: 0;
}

.vertical-tab-no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.vertical-tab-inner {
  display: flex;
  justify-content: center;
  align-items: center;
}

.vertical-tab-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vertical-tab-max-width {
  max-width: 90rem;
}

.vertical-tab-bg-white {
  background-color: #ffffff;
}

.vertical-tab-bg-gray {
  background-color: #f3f3f3;
}

.vertical-tab-bg-gradient {
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
}

.vertical-tab-contain {
  width: 100%;
  display: flex;
  max-width: 90rem;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .vertical-tab-contain {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .vertical-tab-contain {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1440px) {
  .vertical-tab-contain {
    padding-left: 4.6875rem;
    padding-right: 4.5rem;
  }
}

.vertical-tab-column {
  width: 100%;
}

@media (min-width: 1024px) {
  .vertical-tab-column {
    display: flex;
    flex-direction: column;
    width: 35%;
  }
}

.vertical-tab-header {
  padding: 0 1rem 2.1875rem;
}

@media (min-width: 640px) {
  .vertical-tab-header {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px) {
  .vertical-tab-header {
    padding-left: 4.5rem;
    padding-right: 5rem;
    padding-bottom: 3.75rem;
  }
}

@media (min-width: 1440px) {
  .vertical-tab-header {
    padding-left: 2.8125rem;
    padding-right: 8.0625rem;
  }
}

.vertical-tab-section-tag {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .vertical-tab-section-tag {
    padding-bottom: 2rem;
  }
}

@media (min-width: 1024px) {
  .vertical-tab-section-tag {
    padding-bottom: 2.5rem;
  }
}

.vertical-tab-section-tag:after {
  content: '';
  display: block;
  height: 0.125rem;
  margin-top: 0.25rem;
  width: 1.5rem;
  background-color: #666666;
}

.vertical-tab-heading {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  padding: 0 0 1.125rem;
}

@media (min-width: 640px) {
  .vertical-tab-heading {
    padding: 0 0 1.25rem;
  }
}

@media (min-width: 1024px) {
  .vertical-tab-heading {
    padding: 0 0 1.25rem;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

@media (min-width: 1440px) {
  .vertical-tab-heading {
    padding: 0 0 1.25rem;
  }
}

.vertical-tab-modal .vertical-tab-heading {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

@media (min-width: 640px) {
  .vertical-tab-modal .vertical-tab-heading {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1024px) {
  .vertical-tab-modal .vertical-tab-heading {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.vertical-tab-description {
  color: #666666;
  line-height: 1.375rem;
}

.vertical-tab-img-container,
.vertical-tab-panel-text,
.vertical-tab-panel-learn-more {
  display: none;
}

.vertical-tab-panel-active .vertical-tab-panel-text,
.vertical-tab-panel-active .vertical-tab-panel-learn-more {
  display: block;
}

.vertical-tab-panel-active .vertical-tab-panel-btn {
  color: #002c5e;
}

.vertical-tab-panel-active .vertical-tab-panel-btn svg:nth-child(1) {
  fill: #333333;
}

.vertical-tab-panel-active .vertical-tab-panel-btn svg:last-of-type {
  fill: transparent;
}

.vertical-tab-panel-active .vertical-tab-img-container {
  display: block;
}

@media (min-width: 1024px) {
  .vertical-tab-panel-active .vertical-tab-img-container {
    display: none;
  }
}

@media (min-width: 1024px) {
  .vertical-tab-panel {
    padding: 0 2rem 0 4.5rem;
  }
}

@media (min-width: 1440px) {
  .vertical-tab-panel {
    padding: 0 3.5rem 0 2.8125rem;
  }
}

.vertical-tab-panel[data-vt-panel="vertical-tab-panel-1"] .vertical-tab-panel-btn {
  border-top: none;
}

.vertical-tab-panel:last-of-type {
  padding-bottom: 0;
}

.vertical-tab-panel:last-of-type .vertical-tab-panel-text {
  margin-bottom: 0;
}

.vertical-tab-panel:last-of-type .vertical-tab-panel-learn-more {
  margin-top: 1rem;
}

.vertical-tab-panel-active {
  background-color: #f3f3f3;
  position: relative;
  padding-bottom: 2.25rem;
}

@media (min-width: 1024px) {
  .vertical-tab-panel-active:before {
    content: '';
    border-left: 0.75rem solid #f3f3f3;
    border-top: 0.75rem solid transparent;
    border-bottom: 1rem solid transparent;
    border-right: none;
    height: 0;
    position: absolute;
    right: -0.75rem;
    top: calc(50% - 12px);
    width: 0;
    z-index: 1;
  }
}

@media (max-width: 1023px) {
  .vertical-tab-panel-active .vertical-tab-panel-btn:before {
    content: '';
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-bottom: 1rem solid #f3f3f3;
    height: 0;
    position: absolute;
    top: -0.9375rem;
    left: calc(50% - 16px);
    width: 0;
  }
}

.vertical-tab-img-container-accordion {
  display: none;
}

.vertical-tab-img-container {
  overflow: hidden;
}

.vertical-tab-img-window {
  overflow: hidden;
  height: 100%;
  padding-top: 100%;
}

@media (min-width: 1440px) {
  .vertical-tab-img-window {
    padding-top: 71.4285714286%;
  }
}

.vertical-tab-img-container-accordion .vertical-tab-img-window {
  height: 0;
  padding-top: 71.4285714286%;
}

.vertical-tab-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 100%;
  max-width: none;
  min-width: 100%;
  min-height: 100%;
}

.vertical-tab-img-container-accordion .vertical-tab-img {
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.vertical-tab-panel-btn {
  align-items: center;
  border-top: 0.0625rem solid #bababa;
  color: #333333;
  display: flex;
  justify-content: flex-start;
  margin: 0 auto;
  padding: 1rem 0;
  position: relative;
  width: calc(100% - 32px);
}

.vertical-tab-panel-btn svg:nth-child(1) {
  fill: #666666;
  flex: 0 0 2.5rem;
  height: 2.5rem;
}

.vertical-tab-panel-btn svg:nth-child(1):hover {
  fill: #666666;
}

.vertical-tab-panel-btn svg:last-of-type {
  fill: #002c5e;
  flex: 0 0 0.875rem;
  height: 0.875rem;
  width: 0.875rem;
}

@media (min-width: 1024px) {
  .vertical-tab-panel-btn {
    margin: 0 auto;
    width: 100%;
  }
  .vertical-tab-panel-btn svg:last-of-type {
    display: none;
  }
}

.vertical-tab-panel-active + .vertical-tab-panel .vertical-tab-panel-btn,
.vertical-tab-panel-active .vertical-tab-panel-btn {
  border-top: none;
}

.vertical-tab-panel-btn-text {
  flex: 0 1 auto;
  font-weight: 700;
  line-height: 1.375rem;
  margin-right: auto;
  padding-left: 0.5625rem;
  text-align: left;
}

@media (min-width: 1440px) {
  .vertical-tab-panel-btn-text {
    padding-left: 1.25rem;
  }
}

.vertical-tab-panel-text {
  color: #666666;
  line-height: 1.375rem;
  margin: 0 0 1rem 4.0625rem;
  max-width: 26.5625rem;
  width: calc(100% - 81px);
}

.vertical-tab-panel-text button {
  color: #002c5e;
  text-decoration: underline;
}

.vertical-tab-panel-text .external {
  color: #002c5e;
  text-decoration: none;
}

.vertical-tab-panel-text .external-bold {
  font-weight: 700;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .vertical-tab-panel-text {
    margin: 0 0 2rem 4.0625rem;
  }
}

@media (min-width: 1024px) {
  .vertical-tab-panel-text {
    margin: 0 0 1rem 3.125rem;
    width: calc(100% - 50px);
  }
}

@media (min-width: 1440px) {
  .vertical-tab-panel-text {
    margin: 0 0 1rem 3.8125rem;
  }
}

.vertical-tab-panel-subhead {
  color: #00aad2;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .vertical-tab-panel-subhead {
    margin: 0 0 0.25rem 4.0625rem;
  }
}

@media (min-width: 1024px) {
  .vertical-tab-panel-subhead {
    margin: 0 0 0.25rem 3.125rem;
  }
}

@media (min-width: 1440px) {
  .vertical-tab-panel-subhead {
    margin: 0 0 0.25rem 3.8125rem;
  }
}

.vertical-tab-panel-learn-more {
  color: #002c5e;
  font-weight: 700;
  line-height: 1.375rem;
  margin: 0 1rem 0 4.0625rem;
  text-decoration: none;
}

@media (min-width: 1024px) {
  .vertical-tab-panel-learn-more {
    margin: 0 0 0 3.125rem;
  }
}

@media (min-width: 1440px) {
  .vertical-tab-panel-learn-more {
    margin: 0 0 0 3.8125rem;
  }
}

.vertical-tab-panel-learn-more svg {
  display: inline-block;
  height: 0.625rem;
  margin-left: 0.25rem;
  width: 0.625rem;
}

.vertical-tab-side-image-container {
  display: flex;
  width: 65%;
}

@media (max-width: 1023px) {
  .vertical-tab-side-image-container {
    display: none;
  }
}

.vertical-tab-side-image-container .vertical-tab-panel-img-active {
  display: block;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.vertical-tab-img-container {
  position: relative;
}

.vertical-tab-panel-quote {
  bottom: 1.5rem;
  color: #ffffff;
  display: none;
  position: absolute;
  right: 1rem;
  max-width: 13.75rem;
}

@media (min-width: 640px) {
  .vertical-tab-panel-quote {
    display: block;
  }
}

@media (min-width: 1024px) {
  .vertical-tab-panel-quote {
    right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .vertical-tab-panel-quote {
    bottom: 2.5rem;
    right: 3.9375rem;
  }
}

.vertical-tab-panel-quote-mark {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 3.375rem;
  font-weight: 500;
  line-height: 1rem;
}

.vertical-tab-panel-quote-text {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  padding-bottom: 0.875rem;
}

.vertical-tab-panel-quote-author {
  font-weight: 700;
  line-height: 1.5rem;
}

.vertical-tab-modal.modal-open {
  max-width: 50rem;
}

@media (min-width: 640px) {
  .vertical-tab-modal.modal-open {
    margin: 0 auto;
    width: 90%;
  }
}

.vertical-tab-modal.modal-open .modal-content {
  padding: 2.5rem 1rem;
}

@media (min-width: 640px) {
  .vertical-tab-modal.modal-open .modal-content {
    padding: 3.75rem 2.375rem;
  }
}

@media (min-width: 640px) {
  .vertical-tab-modal.modal-open .modal-content {
    padding: 5rem 3.75rem;
  }
}

.vertical-tab-modal-heading-container svg {
  color: #888888;
  margin-bottom: 1rem;
  width: 1rem;
  height: 1.875rem;
}

@media (min-width: 1024px) {
  .vertical-tab-modal-heading-container {
    display: flex;
    position: relative;
    transform: translateX(-50px);
  }
  .vertical-tab-modal-heading-container svg {
    flex: 0 0 3.125rem;
    margin-bottom: 0;
  }
}

.vertical-tab-modal-heading-container p {
  color: #666666;
}

.vertical-tab-modal-content {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

@media (min-width: 640px) {
  .vertical-tab-modal-content {
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  .vertical-tab-modal-content {
    padding-top: 1.25rem;
  }
}

.vertical-tab-modal-text {
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .vertical-tab-modal-text {
    color: #888888;
    padding-right: 8%;
    width: 65%;
  }
}

@media (min-width: 640px) {
  .vertical-tab-modal-img {
    width: 35%;
  }
}

.vertical-tab-v1 .external svg {
  display: inline-block;
  margin-left: 0.5rem;
}

.ct {
  background: #f3f3f3;
  position: relative;
}

.ct-reverse {
  background: #002c5e;
}

.ct-reverse .ct-card svg {
  fill: #ffffff;
}

.ct-reverse .ct-card-text {
  color: #ffffff;
}

.ct-reverse .ct-card-subtext {
  color: #ffffff;
}

.ct-reverse .ct-card-link {
  color: #ffffff;
}

.ct-reverse .ct-card-link svg {
  fill: #ffffff;
}

.ct-cards {
  padding: 0.3125rem 2.5rem 1.4375rem;
}

.ct-cards:empty {
  padding: 0;
}

.ct-card {
  text-align: center;
  border-bottom: 0.0625rem solid #bababa;
  padding: 1.5625rem 0;
}

.ct-card:last-child {
  border-bottom: none;
}

.ct-card svg {
  fill: #002c5e;
}

.ct-icon svg {
  height: 3rem;
  width: 3rem;
  display: inline-block;
}

.ct-reverse .ct-card {
  border-bottom: 0.0625rem solid #ffffff;
}

.ct-reverse .ct-card:last-child {
  border-bottom: none;
}

.ct-card-text {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  color: #333333;
  margin: 0.9375rem 0;
  font-size: 1.25rem;
}

.ct-card-subtext {
  font-size: 1rem;
  color: #333333;
  margin-bottom: 1.5625rem;
}

.ct-card-link {
  font-size: 0.875rem;
  font-weight: 700;
  color: #002c5e;
  text-decoration: none;
}

.ct-card-link svg {
  fill: #002c5e;
  height: 0.5rem;
  width: 0.875rem;
  display: inline-block;
}

@media (min-width: 640px) {
  .ct-cards {
    padding: 3rem 1.5625rem 3.5rem;
    display: flex;
  }
  .ct-card {
    flex: 1;
    border-bottom: none;
    border-right: 0.0625rem solid #bababa;
    padding: 0.3125rem 1.5625rem;
  }
  .ct-card:last-child {
    border-right: none;
  }
  .ct-reverse .ct-card {
    border-bottom: none;
    border-right: 0.0625rem solid rgba(255, 255, 255, 0.3);
  }
  .ct-reverse .ct-card:last-child {
    border-right: none;
  }
}

@media (min-width: 1024px) {
  .ct-cards {
    width: 100%;
    padding: 5rem 1.5625rem;
  }
  .ct-card {
    padding: 0.3125rem 2.5rem;
  }
  .ct-card-text {
    font-size: 1.5rem;
  }
}

@media (min-width: 1440px) {
  .ct-cards {
    justify-content: center;
    padding: 6rem 1.5625rem;
  }
  .ct-card {
    max-width: 28.4375rem;
    flex-basis: 28.4375rem;
  }
}
.ob-content {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ob-theme-gray {
  background-color: #f3f3f3;
}

.ob-theme-white {
  background-color: #ffffff;
}

.ob-contain {
  max-width: 1440px;
  color: #ffffff;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .ob-contain {
    display: flex;
  }
}

.ob-text-light .ob-contain {
  color: #ffffff;
}

.ob-text-light .ob-contain .icon {
  color: #ffffff;
}

.ob-contain-img {
  background-color: #ffffff;
}

.ob-contain-img .ob-cards {
  padding-top: 1.75rem;
}

@media (min-width: 640px) {
  .ob-contain-img .ob-cards {
    width: 65%;
    flex-basis: 65%;
    padding: 3.75rem 2.1875rem;
    margin: auto;
  }
}

@media (min-width: 1024px) {
  .ob-contain-img .ob-cards {
    width: 60%;
    flex-basis: 60%;
    padding: 5.625rem 0;
  }
}

.ob-cards {
  width: 100%;
  padding: 2.5rem 3.375rem;
}

@media (min-width: 640px) {
  .ob-cards {
    display: flex;
    justify-content: space-around;
    padding: 3.75rem 3rem 2.5rem 3rem;
  }
}

@media (min-width: 1024px) {
  .ob-cards {
    padding: 5rem 5.3125rem 2.75rem 5.3125rem;
  }
}

@media (min-width: 640px) {
  .ob-side-image-container {
    width: 100%;
    flex-basis: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 1024px) {
  .ob-side-image-container {
    width: 40%;
    flex-basis: 40%;
  }
}

.ob-card {
  text-align: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
}

@media (min-width: 640px) {
  .ob-card {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-basis: 0;
    align-items: center;
  }
}

.ob-card-head,
.ob-card-text {
  line-height: 1.375rem;
  max-width: 13.25rem;
  margin: 0 auto;
}

.ob-card-head {
  text-transform: uppercase;
}

.ob-card-text {
  flex: 1 0 auto;
}

.ob-card-subhead {
  margin: 0.5rem auto;
}

.ob-card-subhead b {
  display: inline-block;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 2.25rem;
}

.ob-card-subhead span {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.875rem;
}

.ob-card-cta {
  color: #ffffff;
  text-decoration: none;
  margin-top: 1.25rem;
  display: inline-block;
  font-weight: 500;
  line-height: 1.375rem;
}

.ob-card-cta .icon {
  display: inline-block;
  width: 0.625rem;
  height: 0.5625rem;
}

@media (min-width: 1024px) {
  .ob-card-cta {
    font-size: 0.875rem;
  }
}

.ob-vertical-divider {
  margin: 1.5rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 640px) {
  .ob-vertical-divider {
    margin: 0 0.875rem;
    flex-direction: column;
  }
}

.ob-vertical-line {
  height: 0.0625rem;
  width: 4.1875rem;
  margin: auto 0;
  background-color: #ffffff;
  opacity: 0.3;
  border: none;
}

@media (min-width: 640px) {
  .ob-vertical-line {
    height: 45%;
    width: 0.0625rem;
    flex-basis: 45%;
  }
  .ob-vertical-line:first-child {
    margin-top: 0.875rem;
  }
  .ob-vertical-line:last-child {
    margin-bottom: 0.875rem;
  }
}

.ob-center-element {
  margin: 0 0.8125rem;
}

@media (min-width: 640px) {
  .ob-center-element {
    margin: 0.375rem 0;
  }
}

.ob-text-dark .ob-contain {
  color: #666666;
}

.ob-text-dark .ob-contain .icon {
  color: #002c5e;
}

.ob-text-dark .ob-card-subhead {
  color: #333333;
}

.ob-text-dark .ob-card-subhead .icon {
  color: #333333;
}

.ob-text-dark .ob-card-cta {
  color: #002c5e;
}

.ob-text-dark .ob-center-element {
  color: #888888;
}

.ob-text-dark .ob-vertical-line {
  background-color: #bababa;
  opacity: 0.5;
}

.ob-raq-cta {
  display: flex;
  padding-bottom: 2.5rem;
}

@media (min-width: 1024px) {
  .ob-raq-cta {
    padding-bottom: 3.4375rem;
  }
}

.ob-raq-button {
  min-width: 18rem;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .ob-raq-button {
    min-width: 11.25rem;
  }
}

.ob-tiles-grp {
  width: 100%;
}

@media (min-width: 1024px) {
  .ob-tiles-grp {
    width: 60%;
  }
}

@media (min-width: 640px) {
  .ob-tiles-grp .ob-cards {
    width: 100%;
    padding-bottom: 2.75rem;
  }
}

.m-hero {
  position: relative;
}

@media (min-width: 640px) {
  .m-hero {
    margin-bottom: 6rem;
  }
}

@media (min-width: 1024px) {
  .m-hero {
    margin-bottom: 0;
  }
}

.m-hero-top {
  position: relative;
  background: #000000;
  height: 25rem;
}

@media (min-width: 640px) {
  .m-hero-top {
    height: 36rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-top {
    height: 43.75rem;
  }
}

.m-hero-bottom .m-hero-contain {
  margin: 0 auto;
  max-width: 90rem;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .m-hero-bottom .m-hero-contain {
    padding: 0 3rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-bottom .m-hero-contain {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1440px) {
  .m-hero-bottom .m-hero-contain {
    padding: 0 7.5rem;
  }
}

@media (min-width: 640px) {
  .m-hero-bottom.m-hero-cinemagraph-enable-playPause-btn .m-hero-contain {
    padding-left: 0.5rem !important;
  }
}

@media (min-width: 1024px) {
  .m-hero-bottom.m-hero-cinemagraph-enable-playPause-btn .m-hero-contain {
    padding-left: 2rem !important;
  }
}

@media (min-width: 1440px) {
  .m-hero-bottom.m-hero-cinemagraph-enable-playPause-btn .m-hero-contain {
    padding-left: 5rem !important;
  }
}

@media (min-width: 320px) and (max-width: 1023px) {
  .m-hero-cta-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 320px) and (max-width: 1023px) and (min-width: 640px) {
  .m-hero-cta-container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-cta-container-hide {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .m-hero-specs-center-align {
    margin: 0 auto;
  }
}

.m-hero-cinemagraph .media-cinemagraph-enhanced-container {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 45rem;
  min-height: 25rem;
}

@media (min-width: 640px) {
  .m-hero-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 65rem;
    min-height: 36rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 78.75rem;
    min-height: 43.75rem;
  }
}

.m-hero-cinemagraph .media-cinemagraph-enhanced-placeholder {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  display: block;
}

.m-hero-cinemagraph .media-cinemagraph-enhanced-container.media-cinemagraph-enhanced-loaded .media-cinemagraph-enhanced-placeholder {
  display: block;
}

.m-hero-cinemagraph .media-cinemagraph-enhanced-player {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.m-hero-image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .m-hero-image-wrapper {
    padding: 0 3rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-image-wrapper {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1440px) {
  .m-hero-image-wrapper {
    padding: 0 7.5rem;
  }
}

.m-hero-image {
  display: block;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.m-hero-image-left {
  left: 0;
  transform: none;
}

.m-hero-image-right {
  left: inherit;
  right: 0;
  transform: none;
}

.m-hero-content {
  position: absolute;
  top: 0;
  width: 100%;
  padding-top: 3rem;
  padding-bottom: 0;
  text-align: center;
}

@media (min-width: 640px) {
  .m-hero-content {
    padding-top: 4rem;
    padding-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .m-hero-content {
    padding-top: 6rem;
  }
}

.m-hero-content .m-hero-contain {
  margin: 0 auto;
  max-width: 90rem;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .m-hero-content .m-hero-contain {
    padding: 0 3rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-content .m-hero-contain {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1440px) {
  .m-hero-content .m-hero-contain {
    padding: 0 7.5rem;
  }
}

.m-hero-content.m-hero-content-left {
  text-align: left;
}

.m-hero-content.m-hero-content-right {
  text-align: right;
}

.m-hero-header-img-container-center {
  display: block;
  margin: 0 auto 1.25rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .m-hero-header-img-container-center {
    max-height: 4.6875rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .m-hero-header-img-container-center {
    max-height: 8.125rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .m-hero-header-img-container-center {
    max-height: 9.375rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .m-hero-header-img-container-center {
    max-height: 12.5rem;
  }
}

@media (min-width: 1920px) {
  .m-hero-header-img-container-center {
    max-height: 15rem;
  }
}

.m-hero-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  color: #ffffff;
  font-size: 2.5rem;
}

@media (min-width: 640px) {
  .m-hero-title {
    font-size: 3.375rem;
  }
}

.m-hero-subhead {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  color: #ffffff;
  font-size: 1.125rem;
}

.m-hero-subhead .tooltip-trigger {
  color: #ffffff;
}

.m-hero-subhead span {
  display: block;
}

@media (min-width: 1024px) {
  .m-hero-subhead {
    font-size: 1.25rem;
    margin-top: 1rem;
  }
}

.m-hero-year {
  font-size: 1rem;
  color: #ffffff;
}

@media (min-width: 1024px) {
  .m-hero-year {
    margin-bottom: 0.5rem;
  }
}

.m-hero-img-header-center .m-hero-content {
  padding-top: 1.875rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .m-hero-img-header-center .m-hero-title {
    font-size: 1.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) {
  .m-hero-img-header-center .m-hero-title {
    font-size: 1.875rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .m-hero-img-header-center .m-hero-title {
    font-size: 2.25rem;
  }
}

@media (min-width: 1920px) {
  .m-hero-img-header-center .m-hero-title {
    font-size: 2.625rem;
  }
}

.m-hero-img-header-center .m-hero-subhead {
  font-size: 1.125rem;
}

.m-hero-img-header-split .m-hero-content {
  padding-top: 1.875rem;
}

.m-hero-img-header-split .m-hero-contain-split {
  display: flex;
  justify-content: space-between;
  max-width: 90rem;
}

.m-hero-img-header-split .m-overlay-review-module {
  margin: 0;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .m-hero-img-header-split .m-hero-content {
    bottom: 2.25rem;
  }
  .m-hero-img-header-split .m-hero-header-img-container-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -7.875rem;
    height: 8.125rem;
    max-height: none;
    margin: 0;
    z-index: 2;
  }
  .m-hero-img-header-split .m-hero-bottom {
    position: relative;
    left: 0;
    right: 0;
    padding-bottom: 1rem;
    background: #f3f3f3;
  }
  .m-hero-img-header-split .m-hero-spec-label {
    color: #333333;
  }
  .m-hero-img-header-split .m-hero-spec-value {
    color: #333333;
  }
  .m-hero-img-header-split .m-hero-spec svg {
    fill: currentColor;
  }
  .m-hero-img-header-split .m-hero-cta-container {
    position: relative;
    left: 0;
    right: 0;
  }
}

@media (min-width: 320px) and (max-width: 639px) {
  .m-hero-img-header-split .m-hero-header-img-container-center {
    bottom: -7.25rem;
  }
  .m-hero-img-header-split .m-hero-bottom {
    padding-top: 5rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .m-hero-img-header-split .m-hero-header-img-container-center {
    bottom: -7.875rem;
  }
  .m-hero-img-header-split .m-hero-bottom {
    padding-top: 5.625rem;
  }
}

.m-hero-header-left {
  text-align: left;
}

.m-hero-bottom {
  padding-top: 0.5rem;
  padding-bottom: 1rem;
  background: #f3f3f3;
}

@media (min-width: 640px) {
  .m-hero-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    background: none;
  }
}

@media (min-width: 1024px) {
  .m-hero-bottom {
    left: 0;
    right: 0;
    margin: auto;
  }
}

.m-hero-bottom.m-hero-cinemagraph-enable-playPause-btn {
  pointer-events: none;
}

.m-hero-bottom.m-hero-cinemagraph-enable-playPause-btn button {
  pointer-events: auto;
}

.m-hero-bottom-content {
  position: relative;
}

.m-hero-specs {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 640px) {
  .m-hero-specs {
    max-width: 46.875rem;
    margin: 0 auto;
    padding-bottom: 1.5rem;
  }
  .slick-slide .m-hero-specs {
    padding-bottom: 2.1875rem;
  }
}

@media (min-width: 640px) and (max-width: 43.75rem) {
  .m-hero-specs {
    max-width: 33rem;
  }
}

@media (min-width: 1024px) and (max-width: 1400px) {
  .m-hero-specs {
    max-width: 35.625rem;
  }
}

@media (min-width: 1440px) {
  .m-hero-specs {
    max-width: 46.875rem;
  }
}

.m-hero-spec {
  text-align: center;
  flex-basis: 50%;
  max-width: 50%;
  padding: 0.625rem 1rem;
}

@media (min-width: 640px) {
  .m-hero-spec {
    flex-basis: 25%;
    max-width: 25%;
    padding: 1rem 0.3125rem;
  }
  .m-hero-spec .icon {
    fill: #ffffff;
  }
  .m-hero-spec svg {
    fill: #ffffff;
  }
}

.m-hero-spec-label,
.m-hero-spec-value {
  display: block;
  width: 100%;
}

@media (min-width: 640px) {
  .m-hero-spec-label,
  .m-hero-spec-value {
    color: #ffffff;
  }
}

.m-hero-spec-label {
  font-size: 0.875rem;
  color: #888888;
  font-weight: 700;
}

@media (min-width: 640px) {
  .m-hero-spec-label {
    color: #ffffff;
  }
}

.m-hero-spec-value {
  font-size: 1.5rem;
}

@media (min-width: 640px) {
  .m-hero-spec-value {
    font-size: 1.25rem;
  }
}

.m-hero-spec-small {
  font-size: 1rem;
}

@media (min-width: 640px) {
  .m-hero-spec-small {
    font-size: 0.875rem;
  }
}

.m-hero-spec-msrp .m-hero-spec-value {
  display: inline;
}

.m-hero-cta-container {
  background-color: #f3f3f3;
  display: flex;
  justify-content: center;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .m-hero-cta-container {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  }
  .slick-slide .m-hero-cta-container {
    padding-bottom: 2.1875rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-cta-container {
    top: auto;
    left: auto;
    bottom: 0;
    right: 2.625rem;
    background: transparent;
    padding-bottom: 2.625rem;
  }
  .slick-slide .m-hero-cta-container {
    padding-bottom: 3.3125rem;
  }
}

@media (min-width: 1440px) {
  .m-hero-cta-container {
    top: auto;
    left: auto;
    bottom: 0;
    right: 4.5rem;
    background: transparent;
    padding-bottom: 2.625rem;
  }
  .slick-slide .m-hero-cta-container {
    padding-bottom: 3.3125rem;
  }
}

.m-hero-cta {
  border: 2px solid #002c5e;
  background-color: #002c5e;
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 0.75rem 1.75rem;
}

.m-hero-cta:hover {
  border-color: #001A38;
  background-color: #001A38;
  color: #ffffff;
}

.m-hero-cta:focus {
  box-shadow: inset 0px 0px 0px 2px #ffffff;
}

@media (min-width: 1024px) {
  .m-hero-cta {
    border: 2px solid #ffffff;
    background-color: #ffffff;
    color: #002c5e;
  }
  .m-hero-cta:hover {
    border-color: #f3f3f3;
    background-color: #f3f3f3;
    color: #002c5e;
  }
  .m-hero-cta:focus {
    box-shadow: inset 0px 0px 0px 2px #002c5e;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) and (max-height: 850px) {
  .m-hero-top {
    height: 32.5rem;
  }
  .m-hero-content {
    padding-top: 2.25rem;
  }
  .m-hero-image {
    transform: translate(-50%, -54%);
  }
  .m-hero-year {
    margin-bottom: 0.25rem;
  }
  .m-hero-title {
    font-size: 3.125rem;
  }
  .m-hero-subhead {
    margin-top: 0.25rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .m-hero {
    margin-bottom: inherit;
  }
  body.chat-opened .m-hero-top {
    height: 25rem;
  }
  body.chat-opened .m-hero-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 45rem;
    min-height: 25rem;
  }
  body.chat-opened .m-hero-image-wrapper {
    padding: 0 1rem;
  }
  body.chat-opened .m-hero-content {
    padding-top: 3rem;
    padding-bottom: 0;
  }
  body.chat-opened .m-hero-content .m-hero-contain {
    margin: 0 auto;
    max-width: 90rem;
    padding: 0 1rem;
  }
  body.chat-opened .m-hero-title {
    font-size: 2.5rem;
  }
  body.chat-opened .m-hero-bottom {
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    background: #f3f3f3;
    position: relative;
  }
  body.chat-opened .m-hero-bottom .m-hero-contain {
    padding: 0 1rem;
  }
  body.chat-opened .m-hero-specs {
    max-width: inherit;
    margin: inherit;
    padding-bottom: inherit;
  }
  body.chat-opened .m-hero-spec {
    text-align: center;
    flex-basis: 50%;
    max-width: 50%;
    padding: 0.625rem 1rem;
  }
  body.chat-opened .m-hero-spec-label, body.chat-opened .m-hero-spec-value {
    color: #888888;
  }
  body.chat-opened .m-hero-spec-value {
    font-size: 1.5rem;
  }
  body.chat-opened .m-hero-spec .icon {
    fill: inherit;
  }
  body.chat-opened .m-hero-cta-container {
    background-color: #f3f3f3;
    display: flex;
    justify-content: center;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    position: relative;
    padding-left: inherit;
    padding-right: inherit;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .m-hero-bottom .m-hero-contain {
    padding: 0 3rem;
  }
  body.chat-opened .m-hero-top {
    height: 36rem;
  }
  body.chat-opened .m-hero {
    margin-bottom: 6rem;
  }
  body.chat-opened .m-hero-cta {
    border: 2px solid #002c5e;
    background-color: #002c5e;
    color: #ffffff;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    padding: 0.75rem 1.75rem;
  }
  body.chat-opened .m-hero-cta:hover {
    border-color: #001A38;
    background-color: #001A38;
    color: #ffffff;
  }
  body.chat-opened .m-hero-cta:focus {
    box-shadow: inset 0px 0px 0px 2px #ffffff;
  }
  body.chat-opened .m-hero-bottom.m-hero-cinemagraph-enable-playPause-btn .m-hero-contain {
    padding-left: 0.5rem !important;
  }
  body.chat-opened .m-hero-cta-container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  body.chat-opened .m-hero-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 65rem;
    min-height: 36rem;
  }
  body.chat-opened .m-hero-image-wrapper {
    padding: 0 3rem;
  }
  body.chat-opened .m-hero-content {
    padding-top: 4rem;
    padding-bottom: 0;
  }
  body.chat-opened .m-hero-content .m-hero-contain {
    padding: 0 3rem;
  }
  body.chat-opened .m-hero-subhead {
    margin-top: 0;
  }
  body.chat-opened .m-hero-title {
    font-size: 1.875rem;
  }
  body.chat-opened .m-hero-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    background: none;
  }
  body.chat-opened .m-hero-spec {
    flex-basis: 25%;
    max-width: 25%;
    padding: 1rem 0.3125rem;
  }
  body.chat-opened .m-hero-spec .icon {
    fill: #ffffff;
  }
  body.chat-opened .m-hero-spec svg {
    fill: #ffffff;
  }
  body.chat-opened .m-hero-spec-label, body.chat-opened .m-hero-spec-value {
    color: #ffffff;
  }
  body.chat-opened .m-hero-spec-value {
    font-size: 1.25rem;
  }
  body.chat-opened .m-hero-spec-small {
    font-size: 0.875rem;
  }
  body.chat-opened .m-hero-img-header-split .m-hero-content {
    bottom: 2.25rem;
  }
  body.chat-opened .m-hero-img-header-split .m-hero-header-img-container-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -7.875rem;
    height: 8.125rem;
    max-height: none;
    margin: 0;
    z-index: 2;
  }
  body.chat-opened .m-hero-img-header-split .m-hero-bottom {
    position: relative;
    left: 0;
    right: 0;
    padding-top: 5.625rem;
    padding-bottom: 1rem;
    background: #f3f3f3;
  }
  body.chat-opened .m-hero-img-header-split .m-hero-spec-label, body.chat-opened .m-hero-img-header-split .m-hero-spec-value {
    color: #333333;
  }
  body.chat-opened .m-hero-img-header-split .m-hero-spec svg {
    fill: currentColor;
  }
  body.chat-opened .m-hero-img-header-split .m-hero-cta-container {
    position: relative;
    left: 0;
    right: 0;
  }
  body.chat-opened .m-hero-specs {
    max-width: 46.875rem;
    margin: 0 auto;
    padding-bottom: 1.5rem;
  }
  body.chat-opened .m-hero-specs.slick-slide {
    padding-bottom: 2.1875rem;
  }
  body.chat-opened .m-hero-cta-container {
    background-color: #f3f3f3;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    position: absolute;
    top: 100%;
    bottom: auto;
    left: 0;
    right: 0;
  }
  body.chat-opened .m-hero-cta-container.slick-slide {
    padding-bottom: 2.1875rem;
  }
}

.vsn {
  background-color: #f3f3f3;
  position: relative;
  z-index: 996;
}

.vsn[data-trigger="sticky.bar"] {
  position: static;
}

@media (min-width: 1024px) {
  .vsn {
    z-index: 995;
  }
}

.vsn-backdrop {
  z-index: 980;
}

@media (min-width: 1024px) {
  .vsn-backdrop {
    display: none;
  }
}

.vsn-bar {
  z-index: 995;
  display: flex;
  align-items: center;
  background-color: #f3f3f3;
}

.vsn-bar-contain {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .vsn-bar-contain {
    height: 3.75rem;
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .vsn-bar-contain {
    padding: 0 4.5rem;
  }
}

@media (min-width: 320px) {
  .vsn-model {
    margin-left: 1.0625rem;
  }
}

@media (min-width: 640px) {
  .vsn-model {
    margin-left: 2rem;
  }
}

@media (min-width: 1024px) {
  .vsn-model {
    margin-left: 0;
  }
}

.vsn-model-content {
  max-height: 3.75rem;
  overflow: hidden;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}

.vsn-model-year {
  font-weight: 400;
}

@media (max-width: 1023px) {
  .vsn-model-year {
    display: block;
    font-size: 0.75rem;
  }
}

.vsn-model-name {
  font-weight: 700;
}

@media (max-width: 1023px) {
  .vsn-model-name {
    display: block;
    font-size: 14px;
    font-weight: 500;
  }
}

.vsn-build {
  padding-right: 1rem;
}

@media (min-width: 1024px) {
  .vsn-build {
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .vsn-build {
    padding-right: 0;
  }
}

.vsn-build-button {
  margin-left: auto;
}

@media (min-width: 1024px) {
  .vsn-model,
  .vsn-build {
    display: flex;
    flex-basis: 15rem;
    max-width: 15rem;
  }
}

.vsn-dropdown {
  position: static;
  flex-grow: 1;
}

@media (min-width: 1024px) {
  .vsn-dropdown {
    flex-shrink: 0;
    margin: 0 auto;
  }
}

.vsn-dropdown-trigger {
  flex-wrap: wrap;
  min-height: 3.75rem;
  padding: 0 1rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 16px;
  text-align: left;
  background-color: #f3f3f3;
  display: none;
}

@media (min-width: 1024px) {
  .vsn-dropdown-trigger {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .vsn-dropdown-trigger {
    display: none;
  }
}

.vsn-dropdown-trigger-content {
  max-height: 3.75rem;
  overflow: hidden;
}

.vsn-dropdown-trigger-content .icon {
  margin-left: 0.25rem;
  width: 0.6875rem;
  height: 0.6875rem;
  display: inline-block;
}

.vsn-dropdown-panel {
  z-index: 1500;
}

@media (min-width: 1024px) {
  .vsn-dropdown-panel {
    display: flex;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    z-index: 1;
    margin: 0 auto;
  }
  .dropdown-open .vsn-dropdown-panel {
    display: flex;
  }
}

@media (min-width: 1024px) {
  .vsn-dropdown-items {
    display: flex;
    margin: 0 auto;
  }
}

@media all and (min-width: 1024px) and (-ms-high-contrast: none), (min-width: 1024px) and (-ms-high-contrast: active) {
  .vsn-dropdown-items {
    flex-direction: row;
  }
}

.vsn-dropdown-item {
  min-height: 3rem;
  padding: 0.25rem 1rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 16px;
  background-color: #f3f3f3;
  color: #666666;
}

.vsn-dropdown-item:hover {
  background-color: #ffffff;
  color: #002c5e;
}

.vsn-dropdown-item + .vsn-dropdown-item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0.75rem;
  right: 0.75rem;
  height: 1px;
  background-color: #e6e6e6;
}

.vsn-dropdown-item:hover + .vsn-dropdown-item:before {
  opacity: 0;
}

.vsn-dropdown-item + .vsn-dropdown-item:hover:before {
  opacity: 0;
}

@media (min-width: 1024px) {
  .vsn-dropdown-item {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .vsn-dropdown-item + .vsn-dropdown-item:before {
    content: '';
    left: 1.75rem;
    right: 1.75rem;
  }
}

@media (min-width: 1024px) {
  .vsn-dropdown-item {
    width: auto;
    padding: 0.375rem 0.75rem;
    margin: 0 1.25rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 400;
    font-size: 14px;
    background-color: transparent;
    color: #666666;
  }
  .vsn-dropdown-item:hover {
    background-color: transparent;
    color: #00aad2;
  }
  .vsn-dropdown-item + .vsn-dropdown-item:before {
    opacity: 0;
  }
}

.vsn-dropdown-item.dropdown-item-active {
  background-color: #ffffff;
  color: #002c5e;
  font-weight: 700;
}

.vsn-dropdown-item.dropdown-item-active + .vsn-dropdown-item:before {
  opacity: 0;
}

.vsn-dropdown-item + .vsn-dropdown-item.dropdown-item-active:before {
  opacity: 0;
}

.vsn-dropdown-item:hover + .vsn-dropdown-item.dropdown-item-active:before {
  opacity: 1;
}

.vsn-dropdown-item.dropdown-item-active + .vsn-dropdown-item:hover:before {
  opacity: 1;
}

@media (min-width: 1024px) {
  .vsn-dropdown-item.dropdown-item-active {
    background-color: transparent;
    color: #00aad2;
    font-weight: 400;
  }
  .vsn-dropdown-item:hover + .vsn-dropdown-item.dropdown-item-active:before {
    opacity: 0;
  }
  .vsn-dropdown-item.dropdown-item-active + .vsn-dropdown-item:hover:before {
    opacity: 0;
  }
}

.vsn-mobile-only {
  display: block;
}

@media (min-width: 1024px) {
  .vsn-mobile-only {
    display: none;
  }
}

.vsn-mobile-panel {
  display: flex;
  width: 100%;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  z-index: 1;
  margin: 0 auto;
  padding: 1rem;
  background-color: #f3f3f3;
}

.vsn-mobile-panel.sticky-bar-on {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 995;
  box-shadow: none;
}

@media (min-width: 640px) {
  .vsn-mobile-panel {
    padding: 1rem 2rem;
  }
}

.vsn-mobile-items {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 18.125rem;
}

.vsn-mobile-item {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.0625rem;
  color: #666666;
  text-decoration: none;
}

.vsn-mobile-item-active {
  color: #00aad2;
}

@media (min-width: 1024px) {
  .vsn-shop-menu {
    position: relative;
  }
}

@media (min-width: 320px) {
  .vsn-shop-menu .shop-menu {
    margin: 0 1rem 0 0;
  }
}

@media (min-width: 640px) {
  .vsn-shop-menu .shop-menu {
    margin: 0 2rem 0 0;
  }
}

@media (min-width: 1024px) {
  .vsn-shop-menu .shop-menu {
    margin: 0 0 0 1.0625rem;
  }
}

.vsn-shop-menu .show-shop-menu {
  display: block;
}

.vsn-shop-menu .show-shop-menu-m {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vsn-shop-menu .hide-shop-menu,
.vsn-shop-menu .hide-arrow {
  display: none;
}

.vsn-shop-menu .shop-menu button {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 16px;
  line-height: 1.25rem;
  padding: 0;
  width: 6.125rem;
}

@media (max-width: 1023px) {
  .vsn-shop-menu .shop-menu button {
    width: 5.25rem;
    font-size: 14px;
  }
}

.vsn-shop-menu .show-arrow {
  fill: #ffffff;
  width: 0.625rem;
  height: 0.375rem;
  margin-left: 0.1875rem;
}

.vsn-shop-menu .flip-arrow {
  fill: #00aad2;
  width: 0.625rem;
  height: 0.375rem;
  margin-left: 0.1875rem;
  transform: rotate(180deg);
}

.vsn-shop-menu .shop-menu-container {
  position: absolute;
  width: 100%;
  color: #002c5e;
  background-color: #ffffff;
  min-width: auto;
  padding: 1.25rem 1.5625rem;
  right: 0;
  max-height: 35.9375rem;
  overflow-y: auto;
}

@media (min-width: 1024px) {
  .vsn-shop-menu .shop-menu-container {
    width: 20rem;
  }
}

.vsn-shop-menu .shop-menu-m-container {
  width: 100%;
  height: 80px;
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 2;
  background-color: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding-top: 1.25rem;
  padding-bottom: 1rem;
}

@media (min-width: 320px) {
  .vsn-shop-menu .shop-menu-m-container {
    padding-left: 0.625rem;
    padding-right: 0.5rem;
  }
}

@media (min-width: 360px) {
  .vsn-shop-menu .shop-menu-m-container {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

@media (min-width: 640px) {
  .vsn-shop-menu .shop-menu-m-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.vsn-shop-menu .shop-menu-m-subhead {
  width: 7.125rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #002c5e;
  line-height: 1.375rem;
  margin-right: 6.25rem;
}

.vsn-shop-menu .shop-menu-m-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

@media (min-width: 640px) {
  .vsn-shop-menu .shop-menu-m-list {
    width: 62%;
  }
}

.vsn-shop-menu .shop-menu-m-item {
  width: 4.5rem;
}

.vsn-shop-menu .shop-menu-m-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  color: #666666;
  font-size: 0.75rem;
  line-height: 0.875rem;
  text-decoration: none;
}

.vsn-shop-menu .shop-menu-m-icon {
  position: relative;
  width: 100%;
  height: 1.375rem;
}

.vsn-shop-menu .shop-menu-m-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: inherit;
}

.vsn-shop-menu .shop-menu-m-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 14px;
  margin-top: 0.625rem;
  color: #666666;
}

.vsn-shop-menu .shop-menu-m-dropdown-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.vsn-shop-menu .bt-bg-white {
  background-color: #ffffff;
  border: 0;
  color: #001A38;
}

.vsn-shop-menu .bt-bg-white:hover {
  background-color: #ffffff;
  color: #001A38;
}

.vsn-shop-menu .bt-mobile-only {
  background-color: #ffffff;
  border: 0;
  color: #00aad2;
}

.vsn-shop-menu .model-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 700;
  width: 100%;
  font-size: 18px;
  line-height: 1.4375rem;
  letter-spacing: 0;
  text-align: left;
}

.vsn-shop-menu .menu-list .item {
  margin: 1.0625rem 0 0;
}

.vsn-shop-menu .menu-list .item a {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  color: #002c5e;
  font-size: 16px;
  line-height: 1.25rem;
  text-align: left;
  text-decoration: none;
  letter-spacing: -0.00625rem;
}

.vsn-shop-menu .contact-dealer svg {
  display: inline-block;
  margin: 0 0 0 0.5rem;
}

.shop-backdrop {
  z-index: 980;
}

.vsn-build-reveal {
  right: 0;
}

.vsn-build-reveal-button {
  text-align: center;
}

@media (max-width: 640px) {
  .vsn-build-reveal-button {
    padding: 0.9375rem;
  }
}

.vsn-model-reveal,
.vsn-build-reveal {
  display: flex;
  max-width: 15rem;
  align-items: center;
}

@media (max-width: 1023px) {
  .vsn-model-reveal,
  .vsn-build-reveal {
    padding-left: 0.9375rem;
  }
}

.vsn-bar-contain-reveal {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .vsn-bar-contain-reveal {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .vsn-bar-contain-reveal {
    padding: 0 4.5rem;
  }
}

.vsn-v2 {
  position: relative;
  z-index: 996;
}

.vsn-v2[data-trigger="sticky.bar"] {
  position: static;
}

@media (min-width: 1024px) {
  .vsn-v2 {
    z-index: 995;
  }
}

@media (min-width: 1024px) {
  .vsn-no-sticky-desktop[data-trigger="sticky.bar"] {
    position: relative !important;
  }
  .vsn-no-sticky-desktop .vsn-v2-bar {
    position: relative !important;
    top: auto !important;
  }
}

.vsn-v2-bar {
  background-color: #f3f3f3;
  z-index: 995;
}

@media (min-width: 1024px) {
  body.chat-opened .vsn-v2-bar {
    width: calc(100vw - 375px) !important;
  }
}

.vsn-v2-bar-contain {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.vsn-v2-mobile-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.4375rem;
  padding-left: 1rem;
  padding-right: 0.25rem;
  background-color: #f3f3f3;
  z-index: 3;
}

@media (min-width: 640px) {
  .vsn-v2-mobile-wrapper {
    padding-top: 0.625rem;
    padding-left: 2rem;
    padding-right: 0.375rem;
  }
}

@media (min-width: 1024px) {
  .vsn-v2-mobile-wrapper {
    flex-direction: row;
    padding-top: 0;
    padding-left: 2.625rem;
    padding-right: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .vsn-v2-mobile-wrapper {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .vsn-v2-mobile-wrapper {
    flex-direction: column;
    padding-top: 0.4375rem;
    padding-left: 1rem;
    padding-right: 0.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vsn-v2-mobile-wrapper {
    flex-direction: column;
    padding-top: 0.625rem;
    padding-left: 2rem;
    padding-right: 0.375rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vsn-v2-mobile-wrapper {
    flex-direction: row;
    padding-top: 0;
    padding-left: 2.625rem;
    padding-right: 0.5rem;
  }
}

.vsn-v2-primary-nav-wrapper {
  display: flex;
  width: 100%;
  margin: 0;
  white-space: nowrap;
}

@media (min-width: 1024px) {
  .vsn-v2-primary-nav-wrapper {
    width: unset;
    padding-top: 0;
  }
}

@media (min-width: 1440px) {
  .vsn-v2-primary-nav-wrapper {
    justify-content: flex-start;
    flex: 1;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vsn-v2-primary-nav-wrapper {
    width: 100%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vsn-v2-primary-nav-wrapper {
    width: unset;
    padding-top: 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .vsn-v2-primary-nav-wrapper {
    justify-content: flex-start;
    flex: 1;
  }
}

.vsn-v2-model {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #333333;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .vsn-v2-model {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

@media (min-width: 1440px) {
  .vsn-v2-model {
    font-size: 1rem;
  }
}

.vsn-v2-model .vsn-v2-model-year {
  display: inline;
  font-size: 0.875rem;
}

.vsn-v2-model .vsn-v2-model-name {
  display: inline;
  font-weight: 500;
}

.vsn-v2-nav-panel {
  position: relative;
}

@media (min-width: 1024px) {
  .vsn-v2-nav-panel {
    margin: 0 auto;
  }
}

@media (min-width: 1440px) {
  .vsn-v2-nav-panel {
    flex: 3;
    font-size: 1rem;
  }
}

.vsn-v2-nav-panel .vsn-v2-nav-panel-items {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 2rem;
}

@media (min-width: 1024px) {
  .vsn-v2-nav-panel .vsn-v2-nav-panel-items {
    gap: 3rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vsn-v2-nav-panel {
    margin: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vsn-v2-nav-panel {
    margin: 0 auto;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .vsn-v2-nav-panel {
    flex: 3;
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vsn-v2-nav-panel .vsn-v2-nav-panel-items {
    gap: 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vsn-v2-nav-panel .vsn-v2-nav-panel-items {
    gap: 3rem;
  }
}

.vsn-v2-nav-panel-item {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #666666;
  min-height: unset !important;
  padding: 0;
  text-decoration: none;
  background-color: transparent;
}

.vsn-v2-nav-panel-item:hover {
  color: #00aad2;
}

.vsn-v2-nav-panel-item + .vsn-v2-nav-panel-item:before {
  content: '';
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  background-color: transparent;
}

.vsn-v2-nav-panel-item.dropdown-item-active {
  color: #00aad2 !important;
  font-weight: 400;
}

.vsn-v2-nav-panel-item.dropdown-item-active:hover {
  background-color: transparent !important;
}

.vsn-v2-tablet-layout {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 3rem;
}

.vsn-v2-mobile-dropdown-wrapper .vsn-v2-mobile-dropdown {
  display: inline-flex;
  gap: 0.1875rem;
  cursor: pointer;
}

.vsn-v2-mobile-dropdown-wrapper .vsn-v2-mobile-dropdown .vsn-v2-mobile-dropdown-label {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #002c5e;
  line-height: 1rem;
}

.vsn-v2-mobile-dropdown-wrapper .vsn-v2-mobile-dropdown svg {
  width: 0.625rem;
  height: 0.375rem;
  fill: #002c5e;
  transition: transform 300ms ease-in-out;
}

.vsn-v2-mobile-dropdown-wrapper .mobile-dropdown-open svg {
  transition: transform 300ms ease-in-out;
  transform: rotate(-180deg);
}

.vsn-v2-nav-panel-items-mobile {
  position: absolute;
  top: 0.9375rem;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: auto;
  background-color: #f3f3f3;
  transform: translate(0, -100%);
  transition: transform 0.4s ease-in-out;
  z-index: 0;
}

.vsn-v2-nav-panel-items-mobile.mobile-dropdown-scroll-open {
  transform: translate(0, 60px);
  z-index: 2;
}

.vsn-v2-nav-panel-items-mobile .vsn-v2-dropdown-panel-item {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.25rem;
  width: 100%;
  text-decoration: none;
}

.vsn-v2-nav-panel-items-mobile .vsn-v2-dropdown-panel-item div {
  padding: 0.8125rem 0;
  margin: 0 1rem;
  border-bottom: 1px solid #e6e6e6;
}

.vsn-v2-nav-panel-items-mobile .vsn-v2-dropdown-panel-item:last-child div {
  border-bottom: none !important;
}

.vsn-v2-nav-panel-items-mobile .vsn-v2-dropdown-item-active {
  font-weight: 700;
  color: #002c5e;
  background-color: #ffffff;
}

.vsn-v2-cta-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  margin: 0.25rem 0;
}

@media (min-width: 640px) {
  .vsn-v2-cta-wrapper {
    gap: 0.375rem;
    margin: 0.3125rem 0;
  }
}

@media (min-width: 1024px) {
  .vsn-v2-cta-wrapper {
    gap: 0.5rem;
    margin: 0.375rem 0;
  }
}

@media (min-width: 1440px) {
  .vsn-v2-cta-wrapper {
    justify-content: flex-end;
    flex: 1;
    margin: 0.4375rem 0 0.3125rem;
  }
}

.vsn-v2-cta-wrapper .shop-menu {
  margin: 0 !important;
}

.vsn-v2-cta-wrapper .shop-menu-container {
  top: 2.5625rem !important;
}

.vsn-v2-cta-wrapper .shop-menu-m-container {
  top: 4.6875rem;
}

@media (min-width: 640px) {
  .vsn-v2-cta-wrapper .shop-menu-m-container {
    top: 5rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .vsn-v2-cta-wrapper {
    gap: 0.25rem;
    margin: 0.25rem 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vsn-v2-cta-wrapper {
    gap: 0.375rem;
    margin: 0.3125rem 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vsn-v2-cta-wrapper {
    gap: 0.5rem;
    margin: 0.375rem 0;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .vsn-v2-cta-wrapper .shop-menu-m-container {
    top: 4.6875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vsn-v2-cta-wrapper .shop-menu-m-container {
    top: 5rem;
  }
}

.vsn-v2-cta a {
  text-decoration: none;
}

.vsn-v2-cta button {
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  width: 5.4375rem;
  height: 2.5rem;
  padding: 0;
  margin: 0;
}

@media (min-width: 1024px) {
  .vsn-v2-cta button {
    width: auto;
    height: 2.25rem;
    padding: 0 1.25rem;
  }
}

.vsn-v2-cta .cta-desktop-only {
  display: none;
}

@media (min-width: 1024px) {
  .vsn-v2-cta .cta-desktop-only {
    display: inline;
  }
}

.vsn-v2-cta .cta-mobile-only {
  display: block;
}

@media (min-width: 1024px) {
  .vsn-v2-cta .cta-mobile-only {
    display: none;
  }
}

.vsn-v2-cta .bt-bg-white:after {
  content: '';
  width: inherit;
  position: absolute;
  bottom: -0.375rem;
  border-bottom: 0.375rem solid #ffffff;
}

.vsn-v2-cta .bt-mobile-only:after {
  content: '';
  width: inherit;
  position: absolute;
  bottom: 0;
  border-bottom: 0.3125rem solid #ffffff;
}

@media (min-width: 1024px) {
  body.chat-opened .vsn-v2-cta button {
    width: 5.4375rem;
    height: 2.5rem;
    padding: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vsn-v2-cta button {
    width: auto;
    height: 2.25rem;
    padding: 0 1.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vsn-v2-cta .cta-desktop-only {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vsn-v2-cta .cta-desktop-only {
    display: inline;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vsn-v2-cta .cta-mobile-only {
    display: block;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vsn-v2-cta .cta-mobile-only {
    display: none;
  }
}

.vsn-v2-nav-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 100;
}

.vsn-v2.vsn-v3-sticky {
  height: 4.6875rem;
}

@media (min-width: 640px) {
  .vsn-v2.vsn-v3-sticky {
    height: 5rem;
  }
}

@media (min-width: 1024px) {
  .vsn-v2.vsn-v3-sticky {
    height: 3rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .vsn-v2.vsn-v3-sticky {
    height: 4.6875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vsn-v2.vsn-v3-sticky {
    height: 5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vsn-v2.vsn-v3-sticky {
    height: 3rem;
  }
}

.vsn-v3-sticky .vsn-v2-bar-contain {
  max-width: 120rem;
}

.vsn-v3-sticky .vsn-v2-mobile-wrapper {
  padding-left: 1rem;
  padding-right: 0.25rem;
}

@media (min-width: 640px) {
  .vsn-v3-sticky .vsn-v2-mobile-wrapper {
    padding-left: 2rem;
    padding-right: 0.375rem;
  }
}

@media (min-width: 1024px) {
  .vsn-v3-sticky .vsn-v2-mobile-wrapper {
    padding-left: 2.625rem;
    padding-right: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .vsn-v3-sticky .vsn-v2-mobile-wrapper {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1920px) {
  .vsn-v3-sticky .vsn-v2-mobile-wrapper {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

.vsn-v3-sticky .vsn-v2-nav-panel-item:hover {
  color: var(--color-hover) !important;
}

.vsn-v3-sticky .vsn-v2-nav-panel-items-mobile .vsn-v2-dropdown-panel-item div {
  border-color: var(--color-border) !important;
}

.vsn-v3-sticky .vsn-v2-mobile-dropdown-label,
.vsn-v3-sticky .dropdown-item-active,
.vsn-v3-sticky .vsn-v2-dropdown-item-active {
  color: var(--color-active) !important;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .vsn-v3-sticky .vsn-v2-mobile-wrapper {
    padding-left: 1rem;
    padding-right: 0.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vsn-v3-sticky .vsn-v2-mobile-wrapper {
    padding-left: 2rem;
    padding-right: 0.375rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vsn-v3-sticky .vsn-v2-mobile-wrapper {
    padding-left: 2.625rem;
    padding-right: 0.5rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .vsn-v3-sticky .vsn-v2-mobile-wrapper {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

.cc-wrapper {
  visibility: hidden;
  margin: 0 auto;
}

.cc-wrapper.carousel-initialized {
  visibility: visible;
}

.cc-wrapper.cc-no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .cc-wrapper .swiper {
    padding: 0 9.375rem !important;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  body.chat-opened .cc-wrapper .swiper {
    padding: 0 15.625rem !important;
  }
}

.cc-bg-white {
  background: #ffffff;
}

.cc-bg-gray {
  background: #f3f3f3;
}

.cc-bg-gradient {
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
}

.cc-top-padding {
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .cc-top-padding {
    padding-top: 3rem;
  }
}

@media (min-width: 1440px) {
  .cc-top-padding {
    padding-top: 4.5rem;
  }
}

.cc-bottom-padding {
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .cc-bottom-padding {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .cc-bottom-padding {
    padding-bottom: 4.5rem;
  }
}

.cc-container {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .cc-container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .cc-container {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .cc-container {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
}

.cc-section {
  position: relative;
  color: #666666;
  font-size: 1rem;
  font-weight: 500;
  padding-top: 0;
  padding-bottom: 3.125rem;
}

.cc-section:before {
  content: "";
  position: absolute;
  height: 1px;
  border-bottom: 2px solid;
  width: 1.5625rem;
  top: 1.6875rem;
}

.cc-max-width {
  max-width: 90rem;
}

.cc {
  padding-bottom: 2.5rem;
}

.cc .card {
  height: 100%;
}

.cc-image {
  min-height: 1px;
}

.cc-image img {
  display: block;
  width: 100%;
}

.cc-text {
  flex-grow: 1;
  padding: 2.1875rem;
  background-color: #ffffff;
}

.cc-bg-white .cc-text {
  background-color: #f3f3f3;
}

.cc-title {
  margin-bottom: 15px;
}

.cc-image-title {
  margin-bottom: 15px;
}

.cc-image-title-img {
  width: auto;
}

.cc-desc {
  margin-bottom: 50px;
}

.cc-cta a {
  color: #002c5e;
  text-decoration: none;
  font-weight: 700;
}

.cc-cta svg {
  display: inline-block;
  margin-left: 0.375rem;
  vertical-align: baseline;
  width: 0.625rem;
  height: 0.625rem;
}

.cc-nav {
  display: none;
  margin: 2.5rem 0 0;
  list-style: none;
  padding: 0;
  text-align: center;
}

.cc-nav li {
  vertical-align: top;
  display: inline-block;
  max-width: 8.75rem;
  margin: 0 0.625rem;
}

.cc-nav button {
  display: block;
  color: #666666;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cc-nav button {
    width: 100%;
  }
}

.cc-nav-text {
  font-weight: 600;
  margin-top: 0.9375rem;
}

.cc-nav-item-active .cc-nav-text {
  color: #002c5e;
}

.cc-nav-item img {
  height: 2.5rem;
  width: 2.5rem;
}

@media (min-width: 1024px) {
  .cc-show-lg-icon .cc-nav {
    display: block;
  }
  .cc-show-lg-icon .cc-carousel-dots-container {
    display: none !important;
  }
  .cc-show-lg-icon .slick-arrow {
    bottom: 1.875rem;
  }
}

@media (min-width: 1440px) {
  .cc-show-xl-icon .cc-nav {
    display: block;
  }
  .cc-show-xl-icon .cc-carousel-dots-container {
    display: none !important;
  }
  .cc-show-xl-icon .slick-arrow {
    bottom: 1.875rem;
  }
}

.cc-headline-container {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
}

@media (min-width: 640px) {
  .cc-headline-container {
    flex-direction: row;
  }
}

.cc-headline-container::-webkit-scrollbar {
  display: none;
}

.cc-headline-container .ptb {
  margin-bottom: 0;
}

.cc-avaible-trims {
  padding-top: 0.75rem;
}

@media (min-width: 1024px) {
  .cc-avaible-trims {
    padding-top: 1rem;
  }
}

.cc-avaible-trims-headline {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}

.cc-avaible-trims-text {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  padding-top: 0.5rem;
}

.pt-containers .cc-section {
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .pt-containers .cc-section {
    margin: 0;
  }
}

.pt-container .cc-section {
  font-weight: 700;
  line-height: 1.375rem;
}

.pt-container .cc-section:before {
  height: 0.125rem;
  width: 1.5rem;
  top: 1.6rem;
  background-color: currentColor;
}

/* #region SWIPER STYLES */
.cc-wrapper .cc-slide {
  height: auto;
  display: flex !important;
  flex-direction: column;
  transform: scale(0.9) !important;
  transition: all 0.4s ease;
}

.cc-wrapper .cc-slide.swiper-slide-active {
  transform: scale(1) !important;
}

.cc-wrapper .cc-nav-wrapper {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  right: 0;
  left: 3rem;
  max-width: 90rem;
}

@media (min-width: 375px) and (max-width: 639px) {
  .cc-wrapper .cc-nav-wrapper {
    max-width: 100%;
    left: 0;
    bottom: 0;
  }
}

.cc-wrapper .cc-carousel-dots-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.125rem;
  margin: 0 auto;
  text-align: center;
  position: relative;
  width: 75%;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .cc-wrapper .cc-carousel-dots-container {
    gap: 0.875rem;
    bottom: calRem(16px);
  }
}

@media (min-width: 375px) and (max-width: 639px) {
  .cc-wrapper .cc-carousel-dots-container {
    max-width: 70%;
    height: 2rem;
    width: 70%;
  }
}

.cc-wrapper .swiper-pagination-horizontal .swiper-pagination-bullet {
  background-color: var(--pagination-inactive, #333333);
}

.cc-wrapper .swiper-pagination-horizontal .swiper-pagination-bullet-active {
  background-color: var(--pagination-active, #00aad2);
}

.cc-wrapper .swiper-button-prev,
.cc-wrapper .swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: auto;
  bottom: 0;
  width: 2rem;
  height: 2rem;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.875rem;
  color: #002c5e;
  z-index: 99;
}

.cc-wrapper .swiper-button-prev:after,
.cc-wrapper .swiper-button-next:after {
  content: '';
}

.cc-wrapper .swiper-button-prev svg,
.cc-wrapper .swiper-button-next svg {
  fill: currentColor;
}

.cc-wrapper .swiper-button-prev {
  left: 1rem;
}

@media (min-width: 640px) {
  .cc-wrapper .swiper-button-prev {
    left: 3rem;
  }
}

@media (min-width: 1024px) {
  .cc-wrapper .swiper-button-prev {
    left: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .cc-wrapper .swiper-button-prev {
    left: 7.5rem;
  }
}

.cc-wrapper .swiper-button-next {
  right: 1rem;
}

@media (min-width: 640px) {
  .cc-wrapper .swiper-button-next {
    right: 3rem;
  }
}

@media (min-width: 1024px) {
  .cc-wrapper .swiper-button-next {
    right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .cc-wrapper .swiper-button-next {
    right: 7.5rem;
  }
}

@media (min-width: 375px) and (max-width: 639px) {
  .cc-wrapper .swiper-button-next {
    right: 0.5rem;
  }
}

@media (max-width: 639px) {
  .cc-nav-wrapper {
    display: flex;
    align-items: center;
    height: 2rem;
  }
  .cc-nav-wrapper .swiper-pagination.cc-carousel-dots-container {
    top: auto;
    bottom: auto;
    flex-grow: 1;
    height: 1.5rem;
    gap: initial;
  }
}

/* #endregion */
/* Cinemagraph styles */
.cc-wrapper .media-cinemagraph-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}

.cc-wrapper .media-cinemagraph-player {
  width: auto;
  min-width: 100%;
  max-width: none;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0) scale(1);
  -o-object-fit: cover;
     object-fit: cover;
}

.cc-v2 {
  width: 100%;
  max-width: 165.625rem;
  display: flex;
  justify-content: center;
  justify-self: center;
  background-color: #ffffff;
}

.cc-v2-full-width {
  max-width: none;
}

.cc-v2-inner {
  width: 100%;
  max-width: 90rem;
  padding: 0.75rem 1rem 2rem;
}

@media (min-width: 640px) {
  .cc-v2-inner {
    padding: 0.75rem 3rem 2rem;
  }
}

@media (min-width: 1024px) {
  .cc-v2-inner {
    padding: 0.75rem 4.5rem 3rem;
  }
}

@media (min-width: 1440px) {
  .cc-v2-inner {
    padding: 0.75rem 7.5rem 4.5rem;
  }
}

.cc-v2-no-padding-top .cc-v2-inner {
  padding-top: 0 !important;
}

.cc-v2-no-padding-bottom .cc-v2-inner {
  padding-bottom: 0 !important;
}

.cc-v2-swiper-controls-dots {
  height: 2rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.5rem;
}

.cc-v2-swiper-controls-dots .swiper-pagination {
  width: 100%;
  max-width: 70%;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.125rem;
  -webkit-tap-highlight-color: transparent;
}

.cc-v2-swiper-controls-dots .swiper-pagination-bullet {
  background-color: var(--inactive-dot-color, #333333);
}

.cc-v2-swiper-controls-dots .swiper-pagination-bullet-active {
  background-color: var(--active-dot-color, #00aad2);
}

.cc-v2-swiper-controls-dots .swiper-button-prev,
.cc-v2-swiper-controls-dots .swiper-button-next {
  width: 2rem;
  height: 2rem;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
}

.cc-v2-swiper-controls-dots .swiper-button-prev:after,
.cc-v2-swiper-controls-dots .swiper-button-next:after {
  display: none;
}

.cc-v2-swiper-controls-count {
  height: 2rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 1.5rem;
}

.cc-v2-swiper-controls-count .swiper-pagination {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.875rem;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cc-v2-swiper-controls-count .swiper-button-prev,
.cc-v2-swiper-controls-count .swiper-button-next {
  width: 2rem;
  height: 2rem;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  display: inline-flex;
  background-color: #ffffff;
  border: 0.0625rem solid #e6e6e6;
  border-radius: 1.5rem;
  outline: 0.125rem solid transparent;
  outline-offset: 0.125rem;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
  margin: 0;
  -webkit-tap-highlight-color: transparent;
}

.cc-v2-swiper-controls-count .swiper-button-prev.swiper-button-disabled,
.cc-v2-swiper-controls-count .swiper-button-next.swiper-button-disabled {
  background-color: #e6e6e6;
  pointer-events: none;
  cursor: default;
}

.cc-v2-swiper-controls-count .swiper-button-prev.swiper-button-disabled svg,
.cc-v2-swiper-controls-count .swiper-button-prev.swiper-button-disabled path,
.cc-v2-swiper-controls-count .swiper-button-next.swiper-button-disabled svg,
.cc-v2-swiper-controls-count .swiper-button-next.swiper-button-disabled path {
  stroke: #888888 !important;
}

.cc-v2-swiper-controls-count .swiper-button-prev:active,
.cc-v2-swiper-controls-count .swiper-button-next:active {
  transform: scale(0.95);
}

.cc-v2-swiper-controls-count .swiper-button-prev:hover,
.cc-v2-swiper-controls-count .swiper-button-next:hover {
  background-color: #002c5e;
  border: 0.0625rem solid #002c5e;
}

.cc-v2-swiper-controls-count .swiper-button-prev:hover svg,
.cc-v2-swiper-controls-count .swiper-button-prev:hover path,
.cc-v2-swiper-controls-count .swiper-button-next:hover svg,
.cc-v2-swiper-controls-count .swiper-button-next:hover path {
  stroke: #ffffff !important;
}

.cc-v2-swiper-controls-count .swiper-button-prev:focus,
.cc-v2-swiper-controls-count .swiper-button-next:focus {
  background-color: #002c5e;
  border: 0.0625rem solid #002c5e;
  outline: 0.125rem solid #002c5e;
}

.cc-v2-swiper-controls-count .swiper-button-prev:focus svg,
.cc-v2-swiper-controls-count .swiper-button-prev:focus path,
.cc-v2-swiper-controls-count .swiper-button-next:focus svg,
.cc-v2-swiper-controls-count .swiper-button-next:focus path {
  stroke: #ffffff !important;
}

.cc-v2-swiper-controls-count .swiper-button-prev:after,
.cc-v2-swiper-controls-count .swiper-button-next:after {
  display: none;
}

.cc-v2-swiper-controls-count .swiper-button-prev svg,
.cc-v2-swiper-controls-count .swiper-button-next svg {
  width: 1.125rem !important;
  height: 0.75rem !important;
  color: #002c5e;
}

.cc-v2-swiper .swiper {
  visibility: hidden;
  opacity: 0;
}

.cc-v2-swiper .swiper-initialized {
  visibility: visible;
  opacity: 1;
}

.cc-v2-swiper .swiper-slide .cc-v2-slide {
  transition: all 0.4s ease;
}

.cc-v2-swiper .swiper-slide-prev .cc-v2-slide {
  transform-origin: right;
}

.cc-v2-swiper .swiper-slide-next .cc-v2-slide {
  transform-origin: left;
}

@media (min-width: 640px) {
  .cc-v2-swiper .swiper-slide-prev .cc-v2-slide,
  .cc-v2-swiper .swiper-slide-next .cc-v2-slide {
    transform: scale(0.89878542);
  }
}

@media (min-width: 1024px) {
  .cc-v2-swiper .swiper-slide-prev .cc-v2-slide,
  .cc-v2-swiper .swiper-slide-next .cc-v2-slide {
    transform: scale(0.89971937);
  }
}

@media (min-width: 1440px) {
  .cc-v2-swiper .swiper-slide-prev .cc-v2-slide,
  .cc-v2-swiper .swiper-slide-next .cc-v2-slide {
    transform: scale(0.8992248);
  }
}

.cc-v2-slide-image {
  position: relative;
  padding-top: calc(100% / 16 * 9);
}

.cc-v2-slide-image img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: auto;
}

.cc-v2-slide-video {
  position: relative;
  padding-top: calc(100% / 16 * 9);
}

.cc-v2-slide-video .media-cinemagraph-container {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: auto;
}

.cc-v2-slide-video .s7videotime,
.cc-v2-slide-video .s7mutablevolume,
.cc-v2-slide-video .s7fullscreenbutton {
  display: none !important;
}

.cc-v2-slide {
  height: 100%;
}

.cc-v2-slide-content {
  flex-grow: 1;
}

.cc-v2-slide-content-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 2rem;
}

.cc-v2-slide-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.875rem;
}

.cc-v2-slide-copy {
  font-size: 1rem;
  font-weight: 500;
  color: #666666;
  line-height: 1.375rem;
}

.cc-v2-slide-copy {
  font-size: 1rem;
  font-weight: 500;
  color: #666666;
  line-height: 1.375rem;
}

.cc-v2-slide-credit {
  font-size: 1rem;
  font-weight: 500;
  color: #666666;
  line-height: 1.375rem;
  margin-bottom: 3rem;
}

.cc-v2-slide-link {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  font-size: 1rem;
  font-weight: 500;
  color: #002c5e;
  line-height: 1.375rem;
  text-decoration: none;
}

.cc-v2-slide-link svg {
  width: 1.5rem;
  height: 1.5rem;
}

.tfts-main {
  display: flex;
  flex-direction: column;
  padding-top: 1.875rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .tfts-main {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

@media (min-width: 1024px) {
  .tfts-main {
    padding-top: 0.375rem;
    padding-bottom: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .tfts-main {
    padding-top: 1.875rem;
    padding-bottom: 2.5rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .tfts-main {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .tfts-main {
    padding-top: 0.375rem;
    padding-bottom: 0;
  }
}

.tfts-price-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .tfts-price-container {
    width: 50%;
    order: 1;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .tfts-price-container {
    width: 50%;
    order: 1;
  }
}

.tfts-price-headline {
  font-weight: 700;
  font-size: 0.875rem;
  color: #888888;
  line-height: 1.25rem;
}

.tfts-price {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.875rem;
}

.tfts-txt-container {
  display: flex;
  flex-direction: column;
  border-top: 0.0625rem solid #bababa;
  margin-top: 0.75rem;
  padding-top: 1.25rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .tfts-txt-container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    order: 3;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .tfts-txt-container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    order: 3;
  }
}

.tfts-txt {
  font-weight: 700;
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.25rem;
  margin-bottom: 0.75rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .tfts-txt {
    width: 48%;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .tfts-txt {
    width: 48%;
  }
}

.tfts-txt-no-bottom-margin {
  margin-bottom: 0 !important;
}

.tfts-upgrade-container {
  display: flex;
  flex-direction: column;
  border-top: 0.0625rem solid #bababa;
  margin-top: 0.5rem;
  padding-top: 1.25rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .tfts-upgrade-container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    order: 4;
  }
}

.tfts-upgrade-headline {
  font-weight: 700;
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.25rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .tfts-upgrade-headline {
    width: 100%;
  }
}

.tfts-upgrade {
  margin-bottom: 0.75rem;
  padding-right: 1.25rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .tfts-upgrade {
    width: 48%;
  }
}

.tfts-upgrade-package {
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.tfts-upgrade-price {
  font-weight: 700;
  font-size: 0.875rem;
  color: #888888;
  line-height: 1.25rem;
  margin-bottom: 0.25rem;
}

.tfts-upgrade-copy {
  font-size: 0.875rem;
  color: #888888;
  line-height: 1.25rem;
}

.tfts-upgrade-copy button {
  color: #002c5e;
  text-decoration: underline;
}

.tfts-upgrade-copy p {
  display: inline;
}

.tfts-button-container {
  display: flex;
  justify-content: flex-end;
  border-top: 0.0625rem solid #bababa;
  margin-top: 0.5rem;
  padding-top: 1.25rem;
}

.tfts-button-container .button {
  height: 2.75rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .tfts-button-container {
    width: 50%;
    order: 2;
    border-top: none;
    margin-top: 0;
    padding: 0;
  }
  .tfts-button-container .button {
    width: auto;
  }
}

body.chat-opened .tfts-button-container .button {
  height: 2.75rem;
  padding: 0 0.75rem;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .tfts-button-container {
    width: 50%;
    order: 2;
    border-top: none;
    margin-top: 0;
    padding: 0;
  }
  body.chat-opened .tfts-button-container .button {
    width: auto;
  }
}

.tfts-link-container {
  display: flex;
  margin-top: 1.25rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .tfts-link-container {
    width: 100%;
    border-top: 0.0625rem solid #bababa;
    padding-top: 1.25rem;
    order: 5;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .tfts-link-container {
    width: 100%;
    border-top: 0.0625rem solid #bababa;
    padding-top: 1.25rem;
    order: 5;
  }
}

.tfts-link {
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  text-decoration: none;
}

.tfts-link .icon {
  width: 0.625rem;
  height: 0.375rem;
  display: inline-block;
  margin-left: 0.375rem;
}

.gallery-layout-contain {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}

.gallery-layout-items {
  margin-top: -0.5rem;
}

@media (min-width: 1440px) {
  .gallery-layout-items {
    margin-top: 0.5rem;
  }
}

.gallery-layout-items-filtered [data-media-tag] {
  display: none;
}

.gallery-layout-items-filtered .gallery-item-active {
  display: block;
}
.gallery-filter {
  height: 3rem;
}

@media (min-width: 1024px) {
  .gallery-filter {
    height: 0 !important;
    top: 0.5rem;
    left: 0;
  }
}

.gallery-filter-backdrop {
  z-index: 890;
}

@media (min-width: 1024px) {
  .gallery-filter-backdrop {
    display: none;
  }
}

@media (max-width: 1024px) {
  .gallery-filter-bar.sticky-bar-on {
    top: 3.0625rem;
  }
}

@media (min-width: 641px) {
  .gallery-filter-bar {
    z-index: 900;
    position: absolute;
    margin-top: 2rem;
    width: 11.375rem !important;
  }
  .gallery-filter-bar.sticky-bar-on {
    position: fixed;
    left: auto;
    right: auto;
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
  }
  .gallery-filter-bar.sticky-bar-bottom {
    position: absolute;
  }
}

@media (min-width: 1440px) {
  .gallery-filter-bar {
    width: 13.4375rem !important;
  }
}

.gallery-filter-trigger {
  z-index: 901;
}

@media (min-width: 640px) {
  .gallery-filter-trigger {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .gallery-filter-trigger {
    display: none;
    padding-right: 1rem;
  }
  .sticky-bar-on .gallery-filter-trigger {
    display: flex;
  }
}

.sticky-bar-on .dropdown-open .gallery-filter-panel {
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
}

@media (min-width: 1024px) {
  .gallery-filter-panel {
    display: block;
    position: static;
  }
  .sticky-bar-on .gallery-filter-panel {
    display: none;
    position: absolute;
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
  }
  .sticky-bar-on .dropdown-open .gallery-filter-panel {
    display: block;
  }
}

.gallery-filter-item-text {
  font-size: 1rem;
  font-weight: 400;
}

.dropdown-item-active .gallery-filter-item-text {
  font-weight: 700;
}

@media (min-width: 640px) {
  .gallery-filter-item {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .gallery-filter-item + .gallery-filter-item:before {
    left: 2rem;
    right: 2rem;
  }
}

@media (min-width: 1024px) {
  .gallery-filter-item {
    padding-left: 2.625rem;
    padding-right: 1.5rem;
  }
  .gallery-filter-item + .gallery-filter-item:before {
    right: 1.5rem;
    left: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .gallery-filter-item {
    padding-left: 4.5rem;
    padding-right: 1.125rem;
  }
  .gallery-filter-item + .gallery-filter-item:before {
    right: 1.125rem;
    left: 4.5rem;
  }
}

.il-full-width {
  width: 100%;
}

.il {
  margin: 0 auto;
  max-width: 1440px;
}

@media (min-width: 640px) {
  .il-layout {
    display: flex;
    gap: 1rem;
  }
}

.il-col {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 1rem;
}

@media (min-width: 640px) {
  .il-col-side {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
}

@media (min-width: 640px) {
  .il-col-main {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
    margin: 0;
  }
}

.il-col-item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  flex-grow: 1;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.il-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  flex-grow: 1;
}

.il-media-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-shrink: 0;
}

.il-media-ratio {
  flex-grow: 1;
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-top: 100%;
}

[data-smco-video] .il-media-ratio::after {
  height: 3.75rem;
  width: 3.75rem;
}

@media (min-width: 1024px) {
  [data-smco-video] .il-media-ratio::after {
    height: 6.25rem;
    width: 6.25rem;
  }
}

.il-media {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0) scale(1);
  width: auto;
  max-width: none;
  min-width: 100%;
  height: 100%;
  transition: transform .2s linear;
}

.il-media:hover {
  transform: translate3d(-50%, 0, 0) scale(1.1);
}

.il-enlarge {
  pointer-events: none;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border: 0.0625rem solid #ffffff;
  padding: 0.4375rem;
}

.il-enlarge svg {
  fill: #ffffff;
  height: 0.6875rem;
  width: 0.6875rem;
}

.il-enlarge-dark .il-enlarge {
  background: rgba(255, 255, 255, 0.3);
  border-color: #333333;
}

.il-enlarge-dark .il-enlarge svg {
  fill: #333333;
}

.il-label {
  display: flex;
  align-items: flex-start;
  padding: 1rem;
  background-color: #ffffff;
  flex-grow: 100;
  flex-wrap: wrap;
  text-align: left;
}

@media (min-width: 1024px) {
  .il-label {
    padding: 1.5rem;
  }
}

.il-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  color: #333333;
  display: inline-block;
  width: 100%;
}

@media (min-width: 1024px) {
  .il-title {
    font-size: 1.25rem;
  }
}

.il-label-description {
  color: #bababa;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1rem;
  padding-top: 0.75rem;
}

.il-label-compare {
  width: 100%;
}

.il-label-compare-desc {
  margin-top: 1rem;
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
}

.il-label-compare-desc .il-label-compare-links {
  color: #002c5e;
  display: contents;
}

.il-label-compare-desc .il-label-compare-links span {
  text-decoration: underline;
  text-align: left;
}

.il-label-compare-subhead {
  display: block;
  color: #00aad2;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .il-label-compare-subhead {
    margin: 2.0625rem 0 0.25rem 0;
  }
}

@media (min-width: 1024px) {
  .il-label-compare-subhead {
    margin: 2.0625rem 0 0.25rem 0;
  }
}

@media (min-width: 1440px) {
  .il-label-compare-subhead {
    margin: 2.0625rem 0 0.25rem 0;
  }
}

.il-compare-btn {
  display: inline;
  color: #002c5e;
  text-decoration: underline;
}

.il-layout-a .il-col-side .il-media-ratio,
.il-layout-e .il-col-side .il-media-ratio {
  padding-top: 71.4285714286%;
}

.il-layout-a .il-col-side .il-col-item,
.il-layout-e .il-col-side .il-col-item {
  max-width: 50%;
  flex-basis: 47%;
}

@media (min-width: 640px) {
  .il-layout-a .il-col-side .il-col-item,
  .il-layout-e .il-col-side .il-col-item {
    max-width: 100%;
    flex-basis: 100%;
  }
}

@media (min-width: 640px) {
  .il-layout-a .il-label,
  .il-layout-e .il-label {
    flex-grow: 0;
  }
}

@media (min-width: 640px) {
  .il-layout-a .il-media-container,
  .il-layout-e .il-media-container {
    flex-grow: 1;
  }
}

.il-layout-b .il-col-item,
.il-layout-f .il-col-item {
  max-width: 50%;
  flex-basis: 47%;
}

.il-layout-b .il-media-ratio {
  padding-top: 71.4285714286%;
}

.il-layout-f .il-media-ratio {
  padding-top: 56.25%;
}

.il-layout-c .il-media-ratio {
  padding-top: 56.25%;
}

.il-layout-c .il-col-item {
  max-width: 100%;
  flex-basis: 100%;
}

.il-layout-d .il-media-ratio {
  padding-top: 75%;
}

.il-layout-d .il-col-item {
  max-width: 33%;
  flex-basis: 31%;
}

@media (max-width: 639px) {
  .il-layout-d .il-col-item {
    max-width: 50%;
    flex-basis: 47%;
  }
}

@media (max-width: 639px) {
  .il-layout-d .il-col-item:last-child {
    max-width: 100%;
    flex-basis: 100%;
  }
}

.il-layout-g .il-media-ratio {
  padding-top: 25%;
}

.il-layout-g .il-col {
  justify-content: center;
}

.il-layout-g .il-col-item {
  max-width: 33.3333333333%;
  flex-basis: 33.3333333333%;
}

@media (max-width: 639px) {
  .il-layout-g .il-col-item {
    max-width: 50%;
    flex-basis: 50%;
  }
}

.il-layout-g .s7playpausebutton {
  display: none;
}

.il-card-g .media-cinemagraph-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.il-card-g .media-cinemagraph-placeholder,
.il-card-g .media-cinemagraph-player {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0) scale(2.3);
  width: auto;
  max-width: none;
  min-width: 100%;
  height: 100% !important;
}

.il-card .media-cinemagraph-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.il-card .media-cinemagraph-placeholder,
.il-card .media-cinemagraph-player {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0) scale(1);
  width: auto;
  max-width: none;
  min-width: 100%;
  height: 100% !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .il-col-main {
    flex-direction: column;
  }
}
.tdp {
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 520px, #f3f3f3 100%);
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .tdp {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .tdp {
    padding-top: 3rem;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1440px) {
  .tdp {
    padding-top: 3.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .tdp {
    padding-top: inherit;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .tdp {
    padding-top: 3rem;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .tdp {
    padding-top: 3.5rem;
  }
}

.tdp-contain {
  margin: 0 auto;
  max-width: 1440px;
}

@media (min-width: 1024px) {
  .tdp-contain {
    display: flex;
    padding-left: 2.625rem;
    padding-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .tdp-contain {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .tdp-contain {
    display: inherit;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .tdp-contain {
    display: flex;
    padding-left: 2.625rem;
    padding-right: 2.625rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .tdp-contain {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

.tdp-nav {
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  .tdp-nav {
    flex-basis: 12.5rem;
    max-width: 12.5rem;
  }
}

@media (min-width: 1440px) {
  .tdp-nav {
    flex-basis: 15.625rem;
    max-width: 15.625rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .tdp-nav {
    flex-basis: inherit;
    max-width: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .tdp-nav {
    flex-basis: 12.5rem;
    max-width: 12.5rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .tdp-nav {
    flex-basis: 15.625rem;
    max-width: 15.625rem;
  }
}

.tdp-main {
  flex-grow: 1;
}

.tdp-main .sectag-tag,
.tdp-main .sectag-heading {
  padding-left: 0;
}

@media (min-width: 1024px) {
  .tdp-media {
    display: flex;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .tdp-media {
    display: block;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .tdp-media {
    display: flex;
  }
}

.tdp-media-image-container {
  width: 100%;
  position: relative;
}

.tdp-media-images {
  flex-grow: 1;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 1024px) {
  .tdp-media-images {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .tdp-media-images {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: inherit;
    padding-right: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .tdp-media-images {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px) {
  .tdp-media-images-sticky {
    position: fixed;
    top: 1.25rem;
    right: auto;
    left: auto;
    transition: top 0.3s linear;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .tdp-media-images-sticky {
    position: inherit;
    top: inherit;
    right: inherit;
    left: inherit;
    transition: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .tdp-media-images-sticky {
    position: fixed;
    top: 1.25rem;
    right: auto;
    left: auto;
    transition: top 0.3s linear;
  }
}

@media (min-width: 1024px) {
  .tdp-media-images-sticky-bottom {
    position: absolute;
    top: auto !important;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

@media (min-width: 1024px) {
  .tdp-media-images-sticky-bottom {
    position: inherit;
    top: inherit;
    right: inherit;
    bottom: inherit;
    left: inherit;
  }
}

@media (min-width: 1440px) {
  .tdp-media-images-sticky-bottom {
    position: absolute;
    top: auto !important;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

.tdp-media-features {
  flex-shrink: 0;
  flex-basis: 100%;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .tdp-media-features {
    flex-basis: 28%;
    max-width: 28%;
    padding-left: 1.75rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .tdp-media-features {
    flex-basis: 100%;
    max-width: 100%;
    padding: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .tdp-media-features {
    flex-basis: 28%;
    max-width: 28%;
    padding-left: 1.75rem;
  }
}

@media (min-width: 1024px) {
  .tdp-content {
    padding-left: 1rem;
    padding-top: 2rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .tdp-content {
    padding-left: inherit;
    padding-top: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .tdp-content {
    padding-left: 1rem;
    padding-top: 2rem;
  }
}

.mcl-contain {
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .mcl-contain {
    padding-left: 1.5rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .mcl-contain {
    padding-left: 2.125rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .mcl-contain {
    padding-left: 4.1875rem;
    padding-right: 7.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mcl-contain {
    padding-left: 1.5rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mcl-contain {
    padding-left: 2.125rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .mcl-contain {
    padding-left: 4.1875rem;
    padding-right: 7.5rem;
  }
}

.mcl-inner {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mcl-max-width {
  max-width: 90rem;
}

.mcl-bg-white {
  background: #ffffff;
}

.mcl-bg-gray {
  background: #f3f3f3;
}

.mcl-bg-gradient {
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
}

@media (min-width: 640px) {
  .mcl-layout {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
  }
}

.mcl-col,
.mcl-row {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  max-width: 100%;
  gap: 1rem;
}

.mcl-row {
  align-items: flex-start;
}

@media (min-width: 640px) {
  .mcl-col-1 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media (min-width: 1024px) {
  .mcl-col-1 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mcl-col-1 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mcl-col-1 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media (min-width: 640px) {
  .mcl-col-2 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media (min-width: 1024px) {
  .mcl-col-2 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mcl-col-2 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mcl-col-2 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

.mcl-box {
  display: flex;
  flex-basis: 100%;
  max-width: 100%;
  gap: 1rem;
}

.mcl-box-a {
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 640px) {
  .mcl-box-a {
    padding-left: 1.5rem;
    padding-right: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .mcl-box-a {
    padding-right: 4rem;
    padding-left: 2.375rem;
  }
}

@media (min-width: 1440px) {
  .mcl-box-a {
    padding-right: 6.8125rem;
    padding-left: 3.3125rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mcl-box-a {
    padding-left: 1.5rem;
    padding-right: 2.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mcl-box-a {
    padding-right: 4rem;
    padding-left: 2.375rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .mcl-box-a {
    padding-right: 6.8125rem;
    padding-left: 3.3125rem;
  }
}

.mcl-card {
  position: relative;
  display: flex;
  width: 100%;
}

.mcl-ratio {
  position: relative;
  height: 0;
  width: 100%;
  overflow: hidden;
}

.mcl-ratio-1-1 {
  padding-top: 100%;
}

.mcl-ratio-3-4 {
  padding-top: 133.333333333%;
}

.mcl-ratio-4-3 {
  padding-top: 75%;
}

.mcl-ratio-7-5 {
  padding-top: 71.4285714286%;
}

.mcl-ratio-16-9 {
  padding-top: 56.25%;
}

.mcl-media {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0) scale(1);
  width: auto;
  max-width: none;
  min-width: 100%;
  height: 100%;
  transition: transform .2s linear;
}

.mcl-media:hover {
  transform: translate3d(-50%, 0, 0) scale(1.1);
}

.mcl-enlarge {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border: 0.0625rem solid #ffffff;
  padding: 0.4375rem;
}

.mcl-enlarge .icon {
  fill: #ffffff;
  height: 0.6875rem;
  width: 0.6875rem;
}

.mcl-enlarge.mcl-enlarge-dark {
  background: rgba(255, 255, 255, 0.3);
  border-color: #333333;
}

.mcl-enlarge.mcl-enlarge-dark .icon {
  fill: #333333;
}

.mcl-section-tag {
  position: relative;
  padding-bottom: 0.5rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #666666;
}

.mcl-section-tag:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.125rem;
  width: 1.5rem;
  background-color: currentColor;
}

.mcl-headline {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.625rem;
  margin-top: 1.25rem;
}

@media (min-width: 640px) {
  .mcl-headline {
    margin-top: 1.75rem;
  }
}

@media (min-width: 1024px) {
  .mcl-headline {
    margin-top: 2rem;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mcl-headline {
    margin-top: 1.75rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mcl-headline {
    margin-top: 2rem;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.mcl-desc {
  margin-top: 1rem;
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
}

.mcl-desc a {
  color: #002c5e;
}

.mcl-desc-subhead {
  display: block;
  color: #00aad2;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .mcl-desc-subhead {
    margin: 2.0625rem 0 0.25rem 0;
  }
}

@media (min-width: 1024px) {
  .mcl-desc-subhead {
    margin: 2.0625rem 0 0.25rem 0;
  }
}

@media (min-width: 1440px) {
  .mcl-desc-subhead {
    margin: 2.0625rem 0 0.25rem 0;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .mcl-desc-subhead {
    margin: 2.0625rem 0 0.25rem 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mcl-desc-subhead {
    margin: 2.0625rem 0 0.25rem 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .mcl-desc-subhead {
    margin: 2.0625rem 0 0.25rem 0;
  }
}

.mcl-desc button {
  color: #002c5e;
  text-decoration: underline;
}

.mcl-layout-2 .mcl-box-b {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.mcl-layout-2 .mcl-box-c {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 640px) {
  .mcl-layout-2 .mcl-box-b {
    padding-top: 0;
    padding-bottom: 0;
  }
  .mcl-layout-2 .mcl-box-c {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

.mcl-layout-3a .mcl-box-b {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.mcl-layout-3a .mcl-box-c {
  padding-left: 1.5rem;
}

.mcl-layout-3a .mcl-box-d {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1.5rem;
}

@media (min-width: 640px) {
  .mcl-layout-3a .mcl-box-b {
    padding-top: 0;
    padding-bottom: 0;
  }
  .mcl-layout-3a .mcl-box-c {
    padding-left: 0.5rem;
  }
  .mcl-layout-3a .mcl-box-d {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0.5rem;
  }
}

.mcl-layout-3b .mcl-box-b {
  padding-right: 1.5rem;
}

.mcl-layout-3b .mcl-box-c {
  padding-left: 1.5rem;
}

.mcl-layout-3b .mcl-box-d {
  padding: 0.5rem 1.5rem;
}

@media (min-width: 640px) {
  .mcl-layout-3b .mcl-box-b {
    padding-right: 0.5rem;
  }
  .mcl-layout-3b .mcl-box-c {
    padding-left: 0.5rem;
  }
  .mcl-layout-3b .mcl-box-d {
    padding: 0 0.5rem;
  }
}

.mcl-layout-4a .mcl-box-b {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
}

.mcl-layout-4a .mcl-row-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.mcl-layout-4a .mcl-box-c {
  flex-basis: 51%;
  max-width: 51%;
}

.mcl-layout-4a .mcl-box-d {
  flex-basis: 43.29%;
  max-width: 43.29%;
}

.mcl-layout-4a .mcl-box-e {
  padding-right: 1.5rem;
}

@media (min-width: 640px) {
  .mcl-layout-4a .mcl-box-b {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0.5rem;
  }
  .mcl-layout-4a .mcl-row-1 {
    padding-left: 0;
    padding-right: 0;
  }
  .mcl-layout-4a .mcl-box-e {
    padding-right: 0.5rem;
  }
}

@media (min-width: 1024px) {
  .mcl-layout-4a .mcl-row-1 {
    align-items: flex-end;
  }
  .mcl-layout-4a .mcl-box-c {
    flex-basis: 60%;
    max-width: 60%;
  }
  .mcl-layout-4a .mcl-box-d {
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .mcl-layout-4a .mcl-box-e {
    flex-basis: 75%;
    max-width: 75%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mcl-layout-4a .mcl-box-b {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0.5rem;
  }
  body.chat-opened .mcl-layout-4a .mcl-row-1 {
    padding-left: 0;
    padding-right: 0;
  }
  body.chat-opened .mcl-layout-4a .mcl-box-c {
    flex-basis: 51%;
    max-width: 51%;
  }
  body.chat-opened .mcl-layout-4a .mcl-box-d {
    flex-basis: 43.29%;
    max-width: 43.29%;
  }
  body.chat-opened .mcl-layout-4a .mcl-box-e {
    padding-right: 0.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mcl-layout-4a .mcl-row-1 {
    align-items: flex-end;
  }
  body.chat-opened .mcl-layout-4a .mcl-box-c {
    flex-basis: 60%;
    max-width: 60%;
  }
  body.chat-opened .mcl-layout-4a .mcl-box-d {
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  body.chat-opened .mcl-layout-4a .mcl-box-e {
    flex-basis: 75%;
    max-width: 75%;
  }
}

.mcl-layout-4b .mcl-box-b {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
}

.mcl-layout-4b .mcl-row-2 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.mcl-layout-4b .mcl-box-d {
  flex-basis: 54%;
  max-width: 54%;
}

.mcl-layout-4b .mcl-box-e {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

@media (min-width: 640px) {
  .mcl-layout-4b .mcl-box-b {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0.5rem;
  }
  .mcl-layout-4b .mcl-row-2 {
    padding-left: 0;
    padding-right: 0;
  }
  .mcl-layout-4b .mcl-box-d {
    flex-basis: 52%;
    max-width: 52%;
  }
  .mcl-layout-4b .mcl-box-e {
    flex-basis: 42.8571428571%;
    max-width: 42.8571428571%;
  }
}

@media (min-width: 1024px) {
  .mcl-layout-4b .mcl-box-d {
    flex-basis: 60%;
    max-width: 60%;
  }
  .mcl-layout-4b .mcl-box-e {
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
}

@media (min-width: 1024px) {
  .mcl-layout-4b .mcl-box-b {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0.5rem;
  }
  .mcl-layout-4b .mcl-row-2 {
    padding-left: 0;
    padding-right: 0;
  }
  .mcl-layout-4b .mcl-box-d {
    flex-basis: 52%;
    max-width: 52%;
  }
  .mcl-layout-4b .mcl-box-e {
    flex-basis: 42.8571428571%;
    max-width: 42.8571428571%;
  }
}

@media (min-width: 1440px) {
  .mcl-layout-4b .mcl-box-d {
    flex-basis: 60%;
    max-width: 60%;
  }
  .mcl-layout-4b .mcl-box-e {
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
}

.mcl-layout-5 .mcl-box-b {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
}

.mcl-layout-5 .mcl-row-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.mcl-layout-5 .mcl-box-c {
  flex-basis: 39%;
  max-width: 43%;
}

.mcl-layout-5 .mcl-box-d {
  flex-basis: 56.71%;
  max-width: 56.71%;
}

.mcl-layout-5 .mcl-box-e {
  padding-right: 1.5rem;
}

.mcl-layout-5 .mcl-box-f {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 640px) {
  .mcl-layout-5 .mcl-box-b {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0.5rem;
  }
  .mcl-layout-5 .mcl-row-1 {
    padding-left: 0;
    padding-right: 0;
    align-items: flex-end;
  }
  .mcl-layout-5 .mcl-box-c {
    flex-basis: 52%;
    max-width: 52%;
  }
  .mcl-layout-5 .mcl-box-d {
    flex-basis: 42.8571428571%;
    max-width: 42.8571428571%;
  }
  .mcl-layout-5 .mcl-box-e {
    flex-basis: 52%;
    max-width: 52%;
    padding: 0;
  }
  .mcl-layout-5 .mcl-box-f {
    flex-basis: 42.8571428571%;
    max-width: 42.8571428571%;
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .mcl-layout-5 .mcl-box-c {
    flex-basis: 47%;
    max-width: 47%;
  }
  .mcl-layout-5 .mcl-box-d {
    flex-basis: 50%;
    max-width: 50%;
  }
  .mcl-layout-5 .mcl-box-e {
    flex-basis: 60%;
    max-width: 60%;
  }
  .mcl-layout-5 .mcl-box-f {
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mcl-layout-5 .mcl-box-b {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0.5rem;
  }
  body.chat-opened .mcl-layout-5 .mcl-row-1 {
    padding-left: 0;
    padding-right: 0;
    align-items: flex-end;
  }
  body.chat-opened .mcl-layout-5 .mcl-box-c {
    flex-basis: 52%;
    max-width: 52%;
  }
  body.chat-opened .mcl-layout-5 .mcl-box-d {
    flex-basis: 42.8571428571%;
    max-width: 42.8571428571%;
  }
  body.chat-opened .mcl-layout-5 .mcl-box-e {
    flex-basis: 52%;
    max-width: 52%;
    padding: 0;
  }
  body.chat-opened .mcl-layout-5 .mcl-box-f {
    flex-basis: 42.8571428571%;
    max-width: 42.8571428571%;
    padding: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mcl-layout-5 .mcl-box-c {
    flex-basis: 47%;
    max-width: 47%;
  }
  body.chat-opened .mcl-layout-5 .mcl-box-d {
    flex-basis: 50%;
    max-width: 50%;
  }
  body.chat-opened .mcl-layout-5 .mcl-box-e {
    flex-basis: 60%;
    max-width: 60%;
  }
  body.chat-opened .mcl-layout-5 .mcl-box-f {
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
}

.mcl-card .media-cinemagraph-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.mcl-card .media-cinemagraph-placeholder,
.mcl-card .media-cinemagraph-player {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0) scale(1);
  width: auto;
  max-width: none;
  min-width: 100%;
  height: 100% !important;
}

.mcl-box [data-smco-video]:after,
.mcl-box [data-smco-video] .il-media-ratio:after {
  height: 3.75rem;
  width: 3.75rem;
}

@media (min-width: 1024px) {
  .mcl-box [data-smco-video]:after,
  .mcl-box [data-smco-video] .il-media-ratio:after {
    height: 6.25rem;
    width: 6.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mcl-box [data-smco-video]:after,
  body.chat-opened .mcl-box [data-smco-video] .il-media-ratio:after {
    height: 3.75rem;
    width: 3.75rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mcl-box [data-smco-video]:after,
  body.chat-opened .mcl-box [data-smco-video] .il-media-ratio:after {
    height: 6.25rem;
    width: 6.25rem;
  }
}

.mcl-v2 {
  width: 100%;
  display: flex;
  align-items: center;
}

.mcl-v2.mcl-dark {
  background-color: #1D364B;
}

.mcl-v2.mcl-light {
  background-color: #ffffff;
}

.mcl-v2-contain {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-width: 90rem;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .mcl-v2-contain {
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mcl-v2-contain {
    flex-direction: column;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mcl-v2-contain {
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  .mcl-v2-right {
    flex-direction: row-reverse;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mcl-v2-right {
    flex-direction: column;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mcl-v2-right {
    flex-direction: row-reverse;
  }
}

.mcl-v2-copy-container {
  display: flex;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .mcl-v2-copy-container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .mcl-v2-copy-container {
    padding-left: 4.5rem;
    padding-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .mcl-v2-copy-container {
    padding-left: 7.5rem;
    padding-right: 4.5rem;
  }
}

.mcl-v2-copy-container .mcl-v2-card-text {
  max-height: 43.75rem;
}

.mcl-v2-copy-container .mcl-v2-dark-text {
  color: #333333;
}

.mcl-v2-copy-container .mcl-v2-light-text {
  color: #ffffff;
}

.mcl-v2-copy-container .mcl-v2-section-tag {
  position: relative;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  padding-bottom: 0.25rem;
}

.mcl-v2-copy-container .mcl-v2-section-tag:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.5rem;
  height: 0.125rem;
  background-color: currentColor;
}

.mcl-v2-copy-container .mcl-v2-headline-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  color: inherit;
}

.mcl-v2-copy-container .mcl-v2-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.875rem;
  margin-top: 1rem;
}

@media (min-width: 640px) {
  .mcl-v2-copy-container .mcl-v2-headline {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-top: 2rem;
  }
}

@media (min-width: 1440px) {
  .mcl-v2-copy-container .mcl-v2-headline {
    font-size: 2.5rem;
    line-height: 2.625rem;
    margin-top: 3rem;
  }
}

@media (min-width: 2560px) {
  .mcl-v2-copy-container .mcl-v2-headline {
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

.mcl-v2-copy-container .mcl-v2-desc-top {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding-top: 1rem;
}

@media (min-width: 1440px) {
  .mcl-v2-copy-container .mcl-v2-desc-top {
    padding-top: 2rem;
  }
}

.mcl-v2-copy-container .mcl-v2-desc {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-top: 1rem;
}

@media (min-width: 1440px) {
  .mcl-v2-copy-container .mcl-v2-desc {
    margin-top: 2rem;
  }
}

.mcl-v2-copy-container .mcl-v2-desc a {
  color: #002c5e;
}

.mcl-v2-copy-container .mcl-v2-desc button {
  text-decoration: underline;
}

.mcl-v2-copy-container .mcl-v2-desc-subhead {
  display: block;
  color: #00aad2;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

@media (min-width: 1024px) {
  body.chat-opened .mcl-v2-copy-container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mcl-v2-copy-container {
    padding-left: 4.5rem;
    padding-right: 2.625rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .mcl-v2-copy-container {
    padding-left: 7.5rem;
    padding-right: 4.5rem;
  }
}

@media (max-width: 640px) {
  .mcl-v2-mobile-copy-wrapper {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0.11, 0.72, 0.37, 1) 0.15s, opacity 0.5s ease-in-out 0.00001s;
  }
  .mcl-v2-mobile-copy-wrapper .mcl-v2-mobile-copy-inner {
    margin-top: -0.9375rem;
    transition: all 0.00001s ease 0.5s;
  }
}

@media (max-width: 640px) {
  .mcl-v2-mobile-copy-wrapper-open {
    opacity: 1;
    transition: max-height 0.75s cubic-bezier(0.11, 0.72, 0.37, 1) 0.00001s, opacity 1s ease-in-out 0.05s;
  }
  .mcl-v2-mobile-copy-wrapper-open .mcl-v2-mobile-copy-inner {
    margin-top: 0;
    transition: all 0.75s cubic-bezier(0.34, 0.37, 0.46, 0.99) 0.1s;
  }
}

.mcl-v2-svg-container {
  width: 1.625rem;
  height: 1.625rem;
  display: inline-block;
  flex-shrink: 0;
  color: inherit;
  margin-top: 1rem;
  cursor: pointer;
}

@media (min-width: 640px) {
  .mcl-v2-svg-container {
    display: none;
  }
}

@media (min-width: 640px) {
  .mcl-v2-asset-container [data-smco-video]:after,
  [data-smco-video] .il-media-ratio:after {
    width: 4.6875rem;
    height: 4.6875rem;
  }
}

@media (min-width: 1024px) {
  .mcl-v2-asset-container [data-smco-video]:after,
  [data-smco-video] .il-media-ratio:after {
    width: 4.1875rem;
    height: 4.1875rem;
  }
}

@media (min-width: 1440px) {
  .mcl-v2-asset-container [data-smco-video]:after,
  [data-smco-video] .il-media-ratio:after {
    width: 6.25rem;
    height: 6.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mcl-v2-asset-container [data-smco-video]:after,
  body.chat-opened [data-smco-video] .il-media-ratio:after {
    width: 4.6875rem;
    height: 4.6875rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mcl-v2-asset-container [data-smco-video]:after,
  body.chat-opened [data-smco-video] .il-media-ratio:after {
    width: 4.1875rem;
    height: 4.1875rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .mcl-v2-asset-container [data-smco-video]:after,
  body.chat-opened [data-smco-video] .il-media-ratio:after {
    width: 6.25rem;
    height: 6.25rem;
  }
}

.mcl-img-layout {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .mcl-img-layout {
    width: 35.5rem;
  }
}

@media (min-width: 1440px) {
  .mcl-img-layout {
    width: 43.75rem;
  }
}

@media (min-width: 2560px) {
  .mcl-img-layout {
    width: 56.875rem;
  }
}

.mcl-img-layout .mcl-box {
  gap: 0;
}

@media (min-width: 1024px) {
  body.chat-opened .mcl-img-layout {
    width: 100%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mcl-img-layout {
    width: 35.5rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .mcl-img-layout {
    width: 43.75rem;
  }
}

.mcl-layout-one-img .mcl-ratio-1-1 {
  padding-top: 100%;
}

.mcl-layout-one-wide-img .mcl-ratio-2-1 {
  padding-top: 50%;
}

.mcl-layout-two-img {
  flex-direction: row;
  gap: 0;
}

.mcl-layout-two-img .mcl-ratio-1-1 {
  padding-top: 100%;
}

.mcl-media-v2 {
  max-width: 100%;
  height: auto;
}

.mcl-v2-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin-top: 1rem;
  text-decoration: none;
}

@media (min-width: 1440px) {
  .mcl-v2-cta {
    margin-top: 2rem;
  }
}

.mcl-v2-cta-link {
  display: block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  margin-top: 1rem;
  text-decoration: none;
}

@media (min-width: 1440px) {
  .mcl-v2-cta-link {
    margin-top: 2rem;
  }
}

.mcl-v2-disclaimer {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  margin-top: 1rem;
}

@media (min-width: 1440px) {
  .mcl-v2-disclaimer {
    margin-top: 2rem;
  }
}

.mcl-top-padding {
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .mcl-top-padding {
    padding-top: 3rem;
  }
}

@media (min-width: 1440px) {
  .mcl-top-padding {
    padding-top: 4.5rem;
  }
}

@media (min-width: 1024px) {
  .mcl-top-padding {
    padding-top: 2rem;
  }
}

@media (min-width: 1440px) {
  .mcl-top-padding {
    padding-top: 3rem;
  }
}

@media (min-width: 1825px) {
  .mcl-top-padding {
    padding-top: 4.5rem;
  }
}

.mcl-bottom-padding {
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .mcl-bottom-padding {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .mcl-bottom-padding {
    padding-bottom: 4.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mcl-bottom-padding {
    padding-bottom: 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mcl-bottom-padding {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .mcl-bottom-padding {
    padding-bottom: 4.5rem;
  }
}

@media (min-width: 1024px) {
  .mcl-v2-right .mcl-v2-copy-container {
    padding-left: 2.625rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .mcl-v2-right .mcl-v2-copy-container {
    padding-left: 4.5rem;
    padding-right: 7.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mcl-v2-right .mcl-v2-copy-container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mcl-v2-right .mcl-v2-copy-container {
    padding-left: 2.625rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .mcl-v2-right .mcl-v2-copy-container {
    padding-left: 4.5rem;
    padding-right: 7.5rem;
  }
}

.mcl-card .media-cinemagraph-container .s7videoviewer.s7touchinput .s7controlbar {
  height: 2.25rem !important;
}

.mcl-card .media-cinemagraph-container .s7videoviewer.s7touchinput .s7playpausebutton {
  top: 0.25rem !important;
  left: 0.25rem !important;
  width: 1.6875rem !important;
  height: 1.6875rem !important;
}

.bd-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}

.bd-wrapper {
  width: 100%;
  margin: auto;
}

.bd-max-width {
  max-width: 90rem;
}

@media (min-width: 640px) {
  .bd {
    display: flex;
    align-items: center;
  }
}

.bd-bg-white {
  background: #ffffff;
}

.bd-bg-gray {
  background: #f3f3f3;
}

.bd-bg-gradient {
  background: linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
}

@media (min-width: 640px) {
  .bd-image-contain {
    order: 1;
    max-width: 50%;
  }
  .bd-image-right .bd-image-contain {
    order: 1;
  }
  .bd-image-left .bd-image-contain {
    order: -1;
  }
}

.bd-image {
  display: block;
  margin-left: auto;
}

.bd-image-right .bd-image {
  margin-left: auto;
}

.bd-image-left .bd-image {
  margin-left: 0;
}

@media (min-width: 640px) {
  .bd-image {
    width: 100%;
  }
}

.bd-content-contain {
  order: 0;
  flex-grow: 1;
}

.bd-content {
  max-width: 25rem;
  margin: 0 auto;
  padding: 1rem 1rem 2.5rem;
  text-align: center;
}

@media (min-width: 640px) {
  .bd-content {
    max-width: 18.75rem;
    padding: 1.875rem 1rem;
    text-align: left;
  }
  .bd-text-center .bd-content {
    text-align: center;
  }
  .bd-text-left .bd-content {
    text-align: left;
  }
  .bd-text-right .bd-content {
    text-align: right;
  }
}

@media (min-width: 1024px) {
  .bd-content {
    max-width: 25rem;
  }
}

@media (min-width: 1440px) {
  .bd-content {
    max-width: 31.25rem;
  }
}

.bd-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.875rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .bd-title {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1024px) {
  .bd-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.bd-text {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 1.5rem;
}

.bd-cta-link {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.bd-cta-link:hover {
  text-decoration: underline;
}

.bd-cta-link .icon {
  width: 0.625rem;
  height: 0.625rem;
  margin-left: 0.375rem;
}

.ftc {
  padding: 1.5rem 0;
}

.ftc-no-padding {
  padding: 0;
}

.ftc-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ftc-inner {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ftc-max-width {
  max-width: 90rem;
}

.ftc-bg-white {
  background: #ffffff;
}

.ftc-bg-gray {
  background: #f3f3f3;
}

.ftc-bg-gradient {
  background: linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
}

.ftc-main {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}

@media (min-width: 640px) {
  .ftc-main {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.ftc-item {
  padding: 0 1rem 1rem;
  text-align: center;
  color: #333333;
  flex-basis: 100%;
  max-width: 100%;
}

@media (min-width: 640px) {
  .ftc-item {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media (min-width: 1024px) {
  .ftc-item {
    flex-basis: 33.3%;
    max-width: 33.3%;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .ftc-item {
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ftc-item {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ftc-item {
    flex-basis: 33.3%;
    max-width: 33.3%;
  }
}

.ftc-warranty-icon {
  padding-bottom: 0.75rem;
}

.ftc-icon {
  height: 3rem;
  width: 3rem;
}

.ftc-title {
  font-size: 1.25rem;
  line-height: 1.375rem;
  font-weight: 500;
  padding-bottom: 0.25rem;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

.ftc-desc {
  color: #888888;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 700;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
}

.ftc-desc-optional {
  margin-top: 0.75rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 1px;
}

.ftc-horizontal-padding {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .ftc-horizontal-padding {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .ftc-horizontal-padding {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .ftc-horizontal-padding {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .ftc-horizontal-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ftc-horizontal-padding {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ftc-horizontal-padding {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .ftc-horizontal-padding {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
}

.ftc-vertical-padding {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .ftc-vertical-padding {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .ftc-vertical-padding {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .ftc-vertical-padding {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ftc-vertical-padding {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ftc-vertical-padding {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .ftc-vertical-padding {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
}

.ugc-container {
  padding: 1.875rem;
  margin-top: 0.5rem;
}

.ugc-bg-gray {
  background: #f3f3f3;
}

.ugc-bg-white {
  background: #ffffff;
}

.ugc-bg-gradient {
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
}

.ugc-header-section,
.ugc-stackla-section {
  max-width: 1440px;
  margin: 0 auto;
}

.ugc-header-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 2rem;
}

.ugc-header {
  font-size: 1.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  margin-bottom: 0.625rem;
}

.ugc-subheader {
  color: #666666;
  font-size: 1rem;
  text-align: center;
}

.media-360-object {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  overflow: hidden;
}

.media-360-object.media-360-loaded {
  z-index: 300;
}

.media-360-object.media-360-loaded:hover {
  cursor: grab;
}

.media-360-object.media-360-loaded:active {
  cursor: grabbing;
}

.spin-inactive-trigger, .pano-inactive-trigger {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  margin: 1.25rem 0;
  z-index: 300;
}

.spin-inactive-trigger svg, .pano-inactive-trigger svg {
  width: 7.5rem;
  height: 7.5rem;
}

.spin-active-trigger, .pano-active-trigger {
  display: none;
  cursor: default;
  outline: none;
  margin: 1.25rem 0;
}

.spin-active-text, .pano-active-text {
  color: #666666;
}

.spin-active-text {
  padding-left: 0.5rem;
}

.spin-inactive-text, .pano-inactive-text {
  color: #666666;
  padding-left: 0.5rem;
}

.spin-active-text,
.spin-inactive-text,
.pano-active-text,
.pano-inactive-text {
  vertical-align: middle;
}

.media-360-spin-loaded [data-view="ext"] .tmgs-media-image-active {
  opacity: 0;
}

.media-360-spin-loaded [data-media="360.images"] .media-360-image-active {
  opacity: 0;
}

.tmgs-header {
  display: flex;
}

@media (min-width: 1024px) {
  .tmgs-header {
    margin-bottom: 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .tmgs-header {
    margin-bottom: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .tmgs-header {
    margin-bottom: 1rem;
  }
}

.tmgs-header-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  color: #333333;
  font-size: 2.5rem;
  display: none;
}

@media (min-width: 1024px) {
  .tmgs-header-title {
    display: block;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .tmgs-header-title {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .tmgs-header-title {
    display: block;
  }
}

.tmgs-views {
  margin: 0.5rem auto 1.5rem;
}

@media (min-width: 1024px) {
  .tmgs-views {
    margin-top: 0;
    margin-right: 0;
    flex-shrink: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .tmgs-views {
    margin-top: 0.5rem;
    margin-right: auto;
    flex-shrink: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .tmgs-views {
    margin-top: 0;
    margin-right: 0;
    flex-shrink: 0;
  }
}

.tmgs-view {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #666666;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
  margin-left: 1rem;
  margin-right: 1rem;
}

@media (min-width: 1024px) {
  .tmgs-view {
    margin-right: 0;
  }
}

.tmgs-view-active {
  color: #333333;
  border-color: #00aad2;
}

.tmgs-media-contain {
  position: relative;
  margin: 0;
}

.tmgs-media-contain .loading-indicator {
  background-color: rgba(255, 255, 255, 0.1);
}

.tmgs-media-objects {
  position: relative;
}

.tmgs-media {
  display: none;
}

.tmgs-media .media-360-trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: none;
  top: 0;
  left: 0;
  margin: 1.25rem 0;
}

.tmgs-media .media-360-trigger .spin-inactive-button,
.tmgs-media .media-360-trigger .spin-active-button {
  position: relative;
  transform: none;
  top: 0;
  left: 0;
  margin-bottom: 0;
}

.tmgs-media .media-360-trigger svg {
  display: inline-block;
  fill: #000000;
  width: 2.4375rem;
  height: 1.1875rem;
  vertical-align: middle;
}

.tmgs-media .spin-inactive-trigger, .tmgs-media .pano-inactive-trigger {
  top: 100%;
  transform: translate(-50%, 0);
  height: 2rem;
}

.tmgs-media .spin-inactive-trigger svg, .tmgs-media .pano-inactive-trigger svg {
  fill: #000000;
  width: 3.125rem;
  height: 1.25rem;
}

.tmgs-media-active {
  display: block;
}

.tmgs-media-images {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: 56.25%;
}

.tmgs-media-image {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  transform: translateX(-110%);
  opacity: 0;
  z-index: 1;
}

.tmgs-media-image-active {
  opacity: 1;
  transform: translateX(0);
  transform: scale(1);
}

.tmgs-media-image-fade {
  z-index: 2;
  opacity: 0;
  transition: opacity 200ms linear;
}

.tmgs-media-spin,
.tmgs-media-pano {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.tmgs-media-image-disclaimer {
  color: #888888;
  font-size: 0.75rem;
  line-height: 1rem;
  margin: 0 auto;
  padding: 0.75rem 0;
  text-align: center;
  position: relative;
  z-index: 400;
}

@media (min-width: 1024px) {
  .tmgs-media-image-disclaimer {
    padding: 0.5rem 0;
  }
}

@media (min-width: 640px) {
  .tmgs-swatch-groups {
    display: flex;
    align-items: flex-start;
  }
}

.tmgs-swatch-group + .tmgs-swatch-group {
  padding-top: 0.5rem;
}

@media (min-width: 640px) {
  .tmgs-swatch-group + .tmgs-swatch-group {
    padding-top: 0;
  }
}

@media (min-width: 640px) {
  .tmgs-swatch-group-ext {
    flex-basis: 68%;
    max-width: 68%;
    padding-right: 0.5rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 1024px) {
  .tmgs-swatch-group-ext {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .tmgs-swatch-group-ext {
    padding-bottom: 4.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .tmgs-swatch-group-ext {
    flex-basis: 68%;
    max-width: 68%;
    padding-right: 0.5rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .tmgs-swatch-group-ext {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .tmgs-swatch-group-ext {
    padding-bottom: 4.5rem;
  }
}

@media (min-width: 640px) {
  .tmgs-swatch-group-int {
    flex-basis: 32%;
    max-width: 32%;
    padding-left: 0.5rem;
  }
}

@media (max-width: 639px) {
  .tmgs-swatch-group-int {
    padding-bottom: 2rem;
  }
}

.tmgs-swatches {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-top: 0.875rem;
  transform: translate3d(0, 0, 0);
  filter: drop-shadow(3px 3px 12px rgba(0, 0, 0, 0.15));
}

@media (min-width: 640px) {
  .tmgs-swatch-group-int .tmgs-swatches {
    justify-content: flex-end;
  }
}

.tmgs-swatch {
  position: relative;
  margin-top: 0.625rem;
  height: 3rem;
  flex-basis: 2.375rem;
  max-width: 2.375rem;
}

@media (min-width: 640px) {
  .tmgs-swatch {
    height: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .tmgs-swatch {
    flex-basis: 2.125rem;
    max-width: 2.125rem;
  }
}

@media (min-width: 1260px) {
  .tmgs-swatch {
    flex-basis: 3rem;
    max-width: 3rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tmgs-swatch {
    box-shadow: 0.1875rem 0.1875rem 0.75rem rgba(0, 0, 0, 0.15);
  }
}

.tmgs-swatch-active {
  height: 3rem;
  flex-basis: 4.25rem;
  max-width: 4.25rem;
}

@media (min-width: 1260px) {
  .tmgs-swatch-active {
    flex-basis: 4.625rem;
    max-width: 4.625rem;
  }
}

.tmgs-swatch-off {
  display: none;
}

.tmgs-swatch-tile {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
}

@media (min-width: 640px) {
  .tmgs-swatch-tile {
    top: 0;
  }
}

.tmgs-swatch-active .tmgs-swatch-tile {
  top: 0;
}

.tmgs-swatch-name {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.tmgs-swatch-label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #333333;
  padding-top: 0.5rem;
}

@media (min-width: 640px) {
  .tmgs-swatch-group-int .tmgs-swatch-label {
    text-align: right;
  }
}

@media (min-width: 1024px) {
  .tmgs-swatch-label {
    font-size: 0.875rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) and (max-height: 850px) {
  .tmgs-media-window {
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
    height: 0;
    padding-top: 44%;
  }
  .tmgs-media-objects {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-56%);
    left: 0;
  }
}

.ttbs {
  height: 3rem;
}

@media (min-width: 1024px) {
  .ttbs {
    height: auto;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs {
    height: 3rem;
    padding-right: 0;
    margin-top: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ttbs {
    height: auto;
    padding-right: 1.5rem;
    margin-top: -1.25rem;
  }
}

.ttbs-backdrop {
  z-index: 980;
}

@media (min-width: 1024px) {
  .ttbs-backdrop {
    display: none;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs-backdrop {
    display: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ttbs-backdrop {
    display: none;
  }
}

.ttbs-bar {
  display: flex;
  z-index: 990;
  margin-left: -1rem;
  margin-right: -1rem;
  background-color: #ffffff;
}

.ttbs-bar:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 1rem;
  right: 1rem;
  height: 1px;
  background-color: #e6e6e6;
}

.ttbs-bar.sticky-bar-on {
  left: 1rem;
  right: 1rem;
}

@media (max-width: 1023px) {
  .ttbs-bar.sticky-bar-on {
    top: 3rem;
  }
}

.ttbs-bar.sticky-bar-on:after {
  display: none;
}

.ttbs-open .ttbs-bar:after {
  display: none;
}

@media (min-width: 640px) {
  .ttbs-bar {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .ttbs-bar:after {
    left: 2rem;
    right: 2rem;
  }
  .ttbs-bar.sticky-bar-on {
    left: 2rem;
    right: 2rem;
  }
}

@media (min-width: 1024px) {
  .ttbs-bar {
    flex-direction: column;
    background-color: transparent;
    width: 13.625rem !important;
    margin-left: -2.625rem;
    margin-right: 0;
  }
  .ttbs-bar:after {
    left: 2.625rem;
  }
  .ttbs-bar.sticky-bar-on {
    left: auto;
    right: auto;
    box-shadow: none;
  }
  .ttbs-bar:after {
    display: none;
  }
}

@media (min-width: 1440px) {
  .ttbs-bar {
    width: 15.625rem !important;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .ttbs-bar.sticky-bar-on {
    top: 5.0625rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs-bar {
    flex-direction: row;
    background-color: #ffffff;
    width: calc(100vw - 375px) !important;
    padding-top: 0;
    margin-left: -2rem;
    margin-right: -2rem;
  }
  body.chat-opened .ttbs-bar:after {
    left: 2rem;
    right: 2rem;
  }
  body.chat-opened .ttbs-bar.sticky-bar-on {
    left: 2rem;
    right: 2rem;
    box-shadow: 0 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.3);
  }
  body.chat-opened .ttbs-bar:after {
    display: block;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ttbs-bar {
    flex-direction: column;
    background-color: transparent;
    width: 13.625rem !important;
    padding-top: 1.25rem;
    margin-left: -2.625rem;
    margin-right: 0;
  }
  body.chat-opened .ttbs-bar:after {
    left: 2.625rem;
  }
  body.chat-opened .ttbs-bar.sticky-bar-on {
    left: auto;
    right: auto;
    box-shadow: none;
  }
  body.chat-opened .ttbs-bar:after {
    display: none;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .ttbs-bar {
    width: 15.625rem !important;
  }
}

.ttbs-title {
  display: none;
}

@media (min-width: 1024px) {
  .ttbs-title {
    order: 1;
    display: block;
    font-family: "Hyundai Sans Text", "Arial", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #333333;
    padding-top: 0.375rem;
    padding-left: 2.625rem;
    padding-bottom: 0.75rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs-title {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ttbs-title {
    order: 1;
    display: block;
    font-family: "Hyundai Sans Text", "Arial", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #333333;
    padding-top: 0.375rem;
    padding-left: 2.625rem;
    padding-bottom: 0.75rem;
  }
}

.ttbs-title-text-count {
  display: inline;
}

.ttbs-title-text-all {
  display: inline;
}

.ttbs-filtered .ttbs-title-text-all {
  display: none;
}

.ttbs-title-text-matches {
  display: none;
}

.ttbs-filtered .ttbs-title-text-matches {
  display: inline;
}

.ttbs-title-text-multiple {
  display: inline;
}

.ttbs-filtered-single .ttbs-title-text-multiple {
  display: none;
}

.ttbs-title-text-single {
  display: none;
}

.ttbs-filtered-single .ttbs-title-text-single {
  display: inline;
}

.ttbs-action-items {
  display: flex;
  flex-shrink: 0;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .ttbs-action-items {
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .ttbs-action-items {
    order: 1;
    display: block;
    padding: 0.625rem 0;
    margin-left: 2.625rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs-action-items {
    order: inherit;
    display: flex;
    padding-right: 2rem;
    margin-left: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ttbs-action-items {
    order: 1;
    display: block;
    padding: 0.625rem 0;
    margin-left: 2.625rem;
  }
}

.ttbs-action-item {
  display: flex;
  padding-top: 0.125rem;
  padding-left: 0.625rem;
}

.ttbs-filtered.ttbs-open .ttbs-action-item {
  visibility: hidden;
}

@media (min-width: 1024px) {
  .ttbs-action-item {
    padding: 0.5rem 0;
  }
  .ttbs-filtered.ttbs-open .ttbs-action-item {
    visibility: visible;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs-action-item {
    padding-top: 0.125rem;
    padding-left: 0.625rem;
  }
  .ttbs-filtered.ttbs-open body.chat-opened .ttbs-action-item {
    visibility: hidden;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ttbs-action-item {
    padding: 0.5rem 0;
  }
  .ttbs-filtered.ttbs-open body.chat-opened .ttbs-action-item {
    visibility: visible;
  }
}

.ttbs-action-item-clear {
  display: none;
  position: absolute;
  top: 0;
  right: 1rem;
  height: 3rem;
}

.ttbs-action-item-clear .icon {
  flex-shrink: 0;
  margin-right: 0.4375rem;
}

.ttbs-filtered.ttbs-open .ttbs-action-item-clear {
  display: flex;
  visibility: visible;
}

@media (min-width: 640px) {
  .ttbs-action-item-clear {
    right: 2rem;
  }
}

@media (min-width: 1024px) {
  .ttbs-action-item-clear {
    position: static;
    height: auto;
  }
  .ttbs-filtered .ttbs-action-item-clear {
    display: flex;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs-action-item-clear {
    right: 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ttbs-action-item-clear {
    position: static;
    height: auto;
  }
  .ttbs-filtered body.chat-opened .ttbs-action-item-clear {
    display: flex;
  }
}

.ttbs-action {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #002c5e;
  text-align: left;
}

.ttbs-action-icon-sm {
  flex-shrink: 0;
  margin-left: 0.3125rem;
}

.ttbs-action-icon-sm .icon {
  width: 0.625rem;
  height: 0.625rem;
}

@media (min-width: 1024px) {
  .ttbs-action-icon-sm {
    display: none;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs-action-icon-sm {
    display: flex;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ttbs-action-icon-sm {
    display: none;
  }
}

.ttbs-action-icon-lg {
  flex-shrink: 0;
  display: none;
  margin-right: 0.4375rem;
}

@media (min-width: 1024px) {
  .ttbs-action-icon-lg {
    display: block;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs-action-icon-lg {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ttbs-action-icon-lg {
    display: block;
  }
}

.ttbs-action-text-lg {
  display: none;
}

@media (min-width: 1024px) {
  .ttbs-action-text-lg {
    display: inline-block;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs-action-text-lg {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ttbs-action-text-lg {
    display: inline-block;
  }
}

@media (min-width: 1024px) {
  .ttbs-action-text-sm {
    display: none;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs-action-text-sm {
    display: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ttbs-action-text-sm {
    display: none;
  }
}

.ttbs-filtered .ttbs-filter-trigger {
  color: #00aad2;
}

.ttbs-filter-trigger-text-extra {
  display: none;
}

@media (min-width: 1024px) {
  .ttbs-filter-trigger-text-extra {
    display: inline;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs-filter-trigger-text-extra {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ttbs-filter-trigger-text-extra {
    display: inline;
  }
}

.ttbs-filter-trigger-count {
  display: none;
}

.ttbs-filtered .ttbs-filter-trigger-count {
  display: inline;
  margin-left: 0.1875rem;
}

@media (min-width: 1024px) {
  .ttbs-filtered .ttbs-filter-trigger-count {
    display: none;
  }
}

@media (min-width: 1024px) {
  .ttbs-filtered body.chat-opened .ttbs-filter-trigger-count {
    display: inline;
  }
}

@media (min-width: 1440px) {
  .ttbs-filtered body.chat-opened .ttbs-filter-trigger-count {
    display: none;
  }
}

.ttbs-dropdown {
  position: static;
  order: -1;
  flex-grow: 1;
}

@media (min-width: 1024px) {
  .ttbs-dropdown {
    order: 3;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs-dropdown {
    order: -1;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ttbs-dropdown {
    order: 3;
  }
}

.ttbs-dropdown-trigger {
  text-align: left;
  padding-right: 0.25rem;
}

@media (min-width: 640px) {
  .ttbs-dropdown-trigger {
    padding-left: 2rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px) {
  .ttbs-dropdown-trigger {
    display: none;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs-dropdown-trigger {
    padding-left: 2rem;
    padding-right: 1rem;
    display: flex;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ttbs-dropdown-trigger {
    display: none;
  }
}

.ttbs-dropdown-trigger-content {
  max-height: 3rem;
  overflow: hidden;
}

.ttbs-dropdown-trigger-content .icon {
  margin-left: 0.25rem;
  width: 0.6875rem;
  height: 0.6875rem;
  display: inline-block;
}

.ttbs-trims-panel {
  background-color: #ffffff;
}

@media (min-width: 1024px) {
  .ttbs-trims-panel {
    display: block;
    position: static;
    background-color: transparent;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs-trims-panel {
    display: none;
    position: absolute;
    background-color: #ffffff;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ttbs-trims-panel {
    display: block;
    position: static;
    background-color: transparent;
  }
}

body.chat-opened .dropdown-open .ttbs-trims-panel {
  display: block;
}

.ttbs-trim {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: left;
  text-align: left;
  width: 100%;
  min-height: 3rem;
  padding: 0.9375rem 1rem;
  background-color: #ffffff;
  color: #333333;
  text-decoration: none;
}

.ttbs-trim:hover {
  background-color: #e6e6e6;
  color: #333333;
}

.ttbs-trim:first-child:after,
.ttbs-trim + .ttbs-trim:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0.75rem;
  right: 0.75rem;
  height: 1px;
  background-color: #e6e6e6;
}

.ttbs-trim:first-child:hover:after,
.ttbs-trim:hover + .ttbs-trim:before,
.ttbs-trim + .ttbs-trim:hover:before {
  opacity: 0;
}

@media (min-width: 640px) {
  .ttbs-trim {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .ttbs-trim:first-child:after,
  .ttbs-trim + .ttbs-trim:before {
    left: 2rem;
    right: 2rem;
  }
}

@media (min-width: 1024px) {
  .ttbs-trim {
    display: block;
    padding-right: 1rem;
    background-color: transparent;
    padding-left: 2.625rem;
  }
  .ttbs-trim:first-child:after, .ttbs-trim:last-child:after,
  .ttbs-trim + .ttbs-trim:before {
    left: 2.625rem;
  }
  .ttbs-trim:first-child:after, .ttbs-trim:last-child:after {
    content: '';
    position: absolute;
    right: 0;
    height: 1px;
    background-color: #bababa;
  }
  .ttbs-trim:first-child:after {
    top: 0;
  }
  .ttbs-trim:last-child:after {
    bottom: 0;
  }
  .ttbs-trim + .ttbs-trim:before {
    background-color: #bababa;
    right: 0;
  }
  .ttbs-trim:hover:after, .ttbs-trim.ttbs-trim-active:after {
    opacity: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs-trim {
    display: flex;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  body.chat-opened .ttbs-trim:first-child:after,
  body.chat-opened .ttbs-trim + body.chat-opened .ttbs-trim:before {
    left: 2rem;
    right: 2rem;
  }
  body.chat-opened .ttbs-trim:last-child:after,
  body.chat-opened .ttbs-trim + body.chat-opened .ttbs-trim:before {
    left: inherit;
  }
  body.chat-opened .ttbs-trim:first-child:after, body.chat-opened .ttbs-trim:last-child:after {
    content: inherit;
    position: inherit;
    right: inherit;
    height: inherit;
    background-color: inherit;
  }
  body.chat-opened .ttbs-trim:first-child:after {
    top: inherit;
  }
  body.chat-opened .ttbs-trim:last-child:after {
    bottom: inherit;
  }
  body.chat-opened .ttbs-trim + body.chat-opened .ttbs-trim:before {
    background-color: #bababa;
    right: inherit;
  }
  body.chat-opened .ttbs-trim:hover:after, body.chat-opened .ttbs-trim.ttbs-trim-active:after {
    opacity: 1;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ttbs-trim {
    display: block;
    padding-right: 1rem;
    padding-left: 2.625rem;
  }
  body.chat-opened .ttbs-trim:first-child:after, body.chat-opened .ttbs-trim:last-child:after,
  body.chat-opened .ttbs-trim + body.chat-opened .ttbs-trim:before {
    left: 2.625rem;
  }
  body.chat-opened .ttbs-trim:first-child:after, body.chat-opened .ttbs-trim:last-child:after {
    content: '';
    position: absolute;
    right: 0;
    height: 1px;
    background-color: #bababa;
  }
  body.chat-opened .ttbs-trim:first-child:after {
    top: 0;
  }
  body.chat-opened .ttbs-trim:last-child:after {
    bottom: 0;
  }
  body.chat-opened .ttbs-trim + body.chat-opened .ttbs-trim:before {
    background-color: #bababa;
    right: 0;
  }
  body.chat-opened .ttbs-trim:hover:after, body.chat-opened .ttbs-trim.ttbs-trim-active:after {
    opacity: 0;
  }
}

.ttbs-trim-match {
  background-color: #ffffff;
}

@media (min-width: 1024px) {
  .ttbs-trim-match:after,
  .ttbs-trim-match + .ttbs-trim:before,
  .ttbs-trim + .ttbs-trim-match:before,
  .ttbs-trim:hover + .ttbs-trim-match:before,
  .ttbs-trim-match + .ttbs-trim:hover:before {
    opacity: 0;
  }
  .ttbs-trim-match + .ttbs-trim-match:before {
    opacity: 1;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs-trim-match:after,
  body.chat-opened .ttbs-trim-match + .ttbs-trim:before,
  .ttbs-trim + body.chat-opened .ttbs-trim-match:before,
  .ttbs-trim:hover + body.chat-opened .ttbs-trim-match:before,
  body.chat-opened .ttbs-trim-match + .ttbs-trim:hover:before {
    opacity: inherit;
  }
  body.chat-opened .ttbs-trim-match + body.chat-opened .ttbs-trim-match:before {
    opacity: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ttbs-trim-match:after,
  body.chat-opened .ttbs-trim-match + .ttbs-trim:before,
  .ttbs-trim + body.chat-opened .ttbs-trim-match:before,
  .ttbs-trim:hover + body.chat-opened .ttbs-trim-match:before,
  body.chat-opened .ttbs-trim-match + .ttbs-trim:hover:before {
    opacity: 0;
  }
  body.chat-opened .ttbs-trim-match + body.chat-opened .ttbs-trim-match:before {
    opacity: 1;
  }
}

.ttbs-trim-active {
  background-color: #e6e6e6;
  color: #002c5e;
  font-weight: 700;
}

.ttbs-trim-active:hover {
  background-color: #e6e6e6;
  color: #002c5e;
}

.ttbs-trim-active + .ttbs-trim:before,
.ttbs-trim + .ttbs-trim-active:before {
  opacity: 0;
}

.ttbs-trim:hover + .ttbs-trim-active:before,
.ttbs-trim-active + .ttbs-trim:hover:before {
  opacity: 1;
}

.ttbs-filtered .ttbs-trim-value {
  opacity: 0.4;
}

@media (min-width: 1024px) {
  .ttbs-filtered .ttbs-trim-value {
    opacity: 1;
  }
}

@media (min-width: 1024px) {
  body.caht-opened .ttbs-filtered .ttbs-trim-value {
    opacity: 0.4;
  }
}

@media (min-width: 1440px) {
  body.caht-opened .ttbs-filtered .ttbs-trim-value {
    opacity: 1;
  }
}

.ttbs-filtered .ttbs-trim-match .ttbs-trim-value,
.ttbs-filtered .ttbs-trim-value .ttbs-trim-value {
  opacity: 1;
}

@media (min-width: 1024px) {
  .ttbs-filtered .ttbs-trim {
    opacity: 0.4;
  }
  .ttbs-filtered .ttbs-trim.ttbs-trim-match, .ttbs-filtered .ttbs-trim.ttbs-trim-active {
    opacity: 1;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs-filtered .ttbs-trim {
    opacity: inherit;
  }
  body.chat-opened .ttbs-filtered .ttbs-trim.ttbs-trim-match, body.chat-opened .ttbs-filtered .ttbs-trim.ttbs-trim-active {
    opacity: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ttbs-filtered .ttbs-trim {
    opacity: 0.4;
  }
  body.chat-opened .ttbs-filtered .ttbs-trim.ttbs-trim-match, body.chat-opened .ttbs-filtered .ttbs-trim.ttbs-trim-active {
    opacity: 1;
  }
}

.ttbs-trim-price {
  display: none;
  margin-top: 0.375rem;
}

@media (min-width: 1024px) {
  .sticky-bar-on .ttbs-trim-active .ttbs-trim-price {
    display: block;
  }
}

@media (min-width: 1024px) {
  .sticky-bar-on .ttbs-trim-active body.chat-opened .ttbs-trim-price {
    display: inherit;
  }
}

@media (min-width: 1440px) {
  .sticky-bar-on .ttbs-trim-active body.chat-opened .ttbs-trim-price {
    display: block;
  }
}

.ttbs-trim-price-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #888888;
}

.ttbs-trim-price-value {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  color: #333333;
}

.ttbs-trim-indicator {
  position: relative;
  left: 0;
  width: 1.5rem;
  padding-left: 0.5rem;
  margin-left: auto;
  flex-shrink: 0;
  display: none;
}

@media (min-width: 1024px) {
  .ttbs-trim-indicator {
    position: absolute;
    top: 0.8125rem;
    left: 0.875rem;
    margin-left: 0;
    padding-left: 0;
  }
}

.ttbs-trim-match .ttbs-trim-indicator {
  display: block;
}

.ttbs-trim-indicator:before {
  content: '';
  position: relative;
  left: 0.1875rem;
  display: inline-block;
  background-color: transparent;
  border-style: solid;
  border-color: #00aad2;
  width: 0.5625rem;
  height: 1rem;
  border-width: 0 0.1875rem 0.1875rem 0;
  transform: rotate(45deg);
}

@media (min-width: 1024px) {
  .ttbs-trim-indicator:before {
    width: 0.375rem;
    height: 0.625rem;
    border-width: 0 0.125rem 0.125rem 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs-trim-indicator {
    position: relative;
    top: inherit;
    left: 0;
    margin-left: auto;
    padding-left: 0.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ttbs-trim-indicator {
    position: absolute;
    top: 0.8125rem;
    left: 0.875rem;
    margin-left: 0;
    padding-left: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs-trim-indicator:before {
    width: 0.5625rem;
    height: 1rem;
    border-width: 0 0.1875rem 0.1875rem 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ttbs-trim-indicator:before {
    width: 0.375rem;
    height: 0.625rem;
    border-width: 0 0.125rem 0.125rem 0;
  }
}

.ttbs-trim-indicator-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.ttbs-filters-modal .modal-x {
  display: none;
}

.ttbs-filters-modal .modal-box {
  width: 100%;
  height: 100%;
}

.ttbs-filters-modal .modal-box-content {
  width: 100%;
  position: relative;
}

.ttbs-filters-modal .modal-content {
  padding: 5.625rem 0 2rem;
}

@media (min-width: 640px) {
  .ttbs-filters-modal {
    padding: 2rem;
  }
  .ttbs-filters-modal .modal-x {
    display: block;
  }
  .ttbs-filters-modal .modal-box {
    max-width: 40rem;
    height: auto;
  }
  .ttbs-filters-modal .modal-content {
    padding: 2rem 1.5rem 0;
  }
}

@media (min-width: 1024px) {
  .ttbs-filters-modal .modal-box {
    max-width: 48.75rem;
  }
  .ttbs-filters-modal .modal-content {
    padding: 4rem 4rem 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ttbs-filters-modal {
    width: calc(100vw - 375px);
  }
}

.ttbs-filters-content {
  padding-right: 1rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 640px) {
  .ttbs-filters-content {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0;
  }
}

.ttbs-filters-content .form-checkbox-input:focus + .form-checkbox-box {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .ttbs-filters-content .form-checkbox-input:focus + .form-checkbox-box {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.ttbs-filters-header {
  max-width: 100%;
  flex-basis: 100%;
  padding: 1rem;
}

.ttbs-filters-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  color: #333333;
  font-size: 1.25rem;
}

@media (min-width: 1024px) {
  .ttbs-filters-title {
    font-size: 1.875rem;
  }
}

.ttbs-filters-desc {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  color: #888888;
  font-size: 1rem;
  margin-top: 1rem;
}

@media (min-width: 640px) {
  .ttbs-filters-col {
    max-width: 50%;
    flex-basis: 50%;
  }
}

.ttbs-filters-group {
  padding: 1rem;
}

.ttbs-filters-group-title {
  position: relative;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #666666;
}

.ttbs-filters-group-title:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.125rem;
  width: 1.5rem;
  background-color: currentColor;
}

.ttbs-filters-item {
  padding: 0.5rem 0;
}

.ttbs-filter-text {
  font-weight: 700;
}

.ttbs-filter-input:disabled ~ .ttbs-filter-text {
  color: #bababa;
}

.ttbs-filters-actions {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0.75rem 1rem 1rem;
  background-color: #f3f3f3;
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.3);
  display: flex;
}

@media (min-width: 640px) {
  .ttbs-filters-actions {
    position: static;
    padding-left: 0;
    padding-right: 1rem;
    background-color: transparent;
    box-shadow: none;
  }
}

.ttbs-filters-action {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

@media (min-width: 640px) {
  .ttbs-filters-action {
    max-width: 50%;
    flex-basis: 50%;
    padding: 1rem;
  }
}

.ttbs-filters-clear {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  text-align: left;
  visibility: hidden;
  flex-shrink: 0;
}

.ttbs-filters-on .ttbs-filters-clear {
  visibility: visible;
}

.ttbs-filters-clear .icon {
  flex-shrink: 0;
  margin-left: 0.3125rem;
}

.ttbs-filters-apply {
  display: flex;
  width: 100%;
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

@media (min-width: 1024px) {
  .ttbs-filters-apply {
    display: inline-flex;
    width: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}

.ttbs-filters-apply-text,
.ttbs-filters-apply-match-count,
.ttbs-filters-apply-divider,
.ttbs-filters-apply-total-count,
.ttbs-filters-apply-text {
  margin: 0 0.1875rem;
}

.ttbs-filters-apply-divider {
  display: none;
}

.ttbs-filters-on .ttbs-filters-apply-divider {
  display: block;
}

.ttbs-filters-apply-match-count {
  display: none;
}

.ttbs-filters-on .ttbs-filters-apply-match-count {
  display: block;
}

.ttbs-filters-apply-total-count {
  display: block;
}

.ttbs-bar .ai-button {
  padding: 0.9375rem 1rem;
  margin: 0;
  position: relative;
}

@media (min-width: 640px) {
  .ttbs-bar .ai-button {
    padding: 0.9375rem 2rem;
  }
}

@media (min-width: 1024px) {
  .ttbs-bar .ai-button {
    display: flex;
    justify-content: flex-start;
    padding: 0.9375rem 0;
    margin-left: 2.625rem;
  }
}

.ttbs-bar .ai-button:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0.75rem;
  right: 0.75rem;
  height: 0.0625rem;
  background-color: #e6e6e6;
}

@media (min-width: 640px) {
  .ttbs-bar .ai-button:before {
    left: 2rem;
    right: 2rem;
  }
}

@media (min-width: 1024px) {
  .ttbs-bar .ai-button:before {
    display: none;
  }
}

.ttbs-bar .ai-button .smartchat-contextual-cta-btn {
  margin: 0;
}

.ttbs-bar .ai-button .smartchat-contextual-cta-btn--background {
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.25rem 1rem;
  line-height: 1.25rem;
  min-height: 1.75rem;
  white-space: nowrap;
}

@media (min-width: 1024px) {
  .ttbs-bar .ai-button .smartchat-contextual-cta-btn--background {
    padding: 0.25rem 0.875rem;
  }
}

@media (min-width: 1440px) {
  .ttbs-bar .ai-button .smartchat-contextual-cta-btn--background {
    padding: 0.25rem 1rem;
  }
}
.ctms-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background-color: #ffffff;
}

@media (min-width: 1024px) {
  .ctms-overlay {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 3.125rem 0;
  }
}

.ctms-overlay-show {
  display: block;
}

.ctms-overlay-content {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  max-width: 1024px;
  margin: 0 auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
}

.ctms-sticky-on {
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0px 4px 4px 0px rgba(50, 50, 50, 0.13);
  z-index: 2000;
}

.ctms-sticky-on .ctms-headline-mobile,
.ctms-sticky-on .ctms-action-group-mobile,
.ctms-sticky-on .ctms-item-img {
  display: none;
}

.ctms-sticky-on .ctms-options .ctms-item {
  padding-top: 0;
}

.ctms-sticky-on .ctms-body {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 375px) {
  .ctms-sticky-on .ctms-body {
    padding: 2rem 1rem;
  }
}

@media (min-width: 640px) {
  .ctms-sticky-on .ctms-body {
    padding: 2rem 3rem;
  }
}

@media (min-width: 1024px) {
  .ctms-sticky-on .ctms-body {
    padding: 3rem 4.5rem;
  }
}

@media (min-width: 1440px) {
  .ctms-sticky-on .ctms-body {
    padding: 4.5rem 7.5rem;
  }
}

@media (min-width: 1024px) {
  .ctms-sticky-on .ctms-highlight-diff-btn {
    padding: 1rem 0 0.375rem;
    margin-top: 0;
  }
}

.ctms-sticky-accordions {
  padding-top: 15.625rem;
}

.ctms-header {
  display: flex;
  justify-content: space-between;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  background-color: #f3f3f3;
  color: #333333;
  padding: 1.25rem 1rem;
}

@media (min-width: 375px) {
  .ctms-header {
    padding-left: 1rem;
  }
}

@media (min-width: 640px) {
  .ctms-header {
    padding-left: 3rem;
  }
}

@media (min-width: 1024px) {
  .ctms-header {
    padding-left: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .ctms-header {
    padding-left: 7.5rem;
  }
}

.ctms-selected-model-name {
  font-weight: 500;
}

.ctms-body {
  background-color: #ffffff;
  padding: 1.5rem 1rem 0;
}

@media (min-width: 375px) {
  .ctms-body {
    padding: 2rem 1rem;
  }
}

@media (min-width: 640px) {
  .ctms-body {
    padding: 2rem 3rem;
  }
}

@media (min-width: 1024px) {
  .ctms-body {
    padding: 3rem 4.5rem;
    display: flex;
  }
}

@media (min-width: 1440px) {
  .ctms-body {
    padding: 4.5rem 7.5rem;
  }
}

.ctms-headline-mobile,
.ctms-headline {
  color: #333333;
  font-size: 1.25rem;
  font-weight: 500;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  width: 100%;
}

@media (min-width: 1024px) {
  .ctms-headline-mobile {
    display: none;
  }
}

.ctms-action-group {
  display: none;
}

@media (min-width: 1024px) {
  .ctms-action-group {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 25%;
    max-width: 25%;
  }
}

.ctms-option-group {
  margin: 1rem 0 2rem;
}

@media (min-width: 1024px) {
  .ctms-option-group {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 1rem;
  }
}

.ctms-options {
  display: flex;
}

.ctms-options .ctms-item {
  display: none;
  flex-basis: 50%;
  max-width: 50%;
  padding-left: 0;
}

@media (min-width: 640px) {
  .ctms-options .ctms-item {
    flex-basis: 33%;
    max-width: 33%;
  }
}

.ctms-options .ctms-option-active {
  display: block;
}

@media (min-width: 1024px) {
  .ctms-options {
    flex-basis: 100%;
    max-width: 100%;
    margin-top: 0;
  }
  .ctms-options .ctms-item {
    padding-top: 0;
  }
}

.ctms-dropdown {
  width: 100%;
  padding: 0;
}

.ctms-dropdown .dropdown-button {
  padding: 0;
  height: 1.625rem;
}

@media (min-width: 640px) {
  .ctms-dropdown .dropdown-button {
    justify-content: center;
  }
}

.ctms-dropdown .icon {
  max-width: 1.5625rem;
  margin-left: 0.3125rem;
}

.ctms-dropdown .ctms-dropdown-name {
  font-size: 1.25rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}

.ctms-dropdown .ctms-dropdown-name-active {
  color: #002c5e;
}

.ctms-dropdown.dropdown-open {
  box-shadow: 0px 20px 9px -2px #bababa;
}

.ctms-dropdown.dropdown-open .ctms-filter-dropdown {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  box-shadow: 0px 14px 16px -4px #bababa;
  background-color: #ffffff;
}

@media (max-width: 639px) {
  .ctms-dropdown.dropdown-open .ctms-filter-dropdown {
    padding: 0 0.3125rem;
  }
}

.ctms-dropdown.dropdown-open .ctms-dropdown-btn {
  justify-content: flex-start;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #f3f3f3;
  text-align: left;
  gap: 0.25rem;
}

.ctms-dropdown.dropdown-open .ctms-dropdown-btn:last-child {
  border-bottom: 1px solid transparent;
}

.ctms-dropdown.dropdown-open .ctms-dropdown-btn:hover {
  background-color: #f3f3f3;
  border-bottom: 1px solid transparent;
}

.ctms-dropdown.dropdown-open .ctms-dropdown-btn svg {
  max-width: 100%;
  height: 0.875rem;
  margin: 0 !important;
}

@media (min-width: 640px) {
  .ctms-dropdown.dropdown-open .ctms-dropdown-btn {
    padding: 1rem;
  }
}

.ctms-dropdown.dropdown-open:disabled {
  color: #bababa;
  pointer-events: none;
}

.ctms-dropdown-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  max-width: 85%;
}

.ctms-dropdown-svg svg {
  width: unset;
  max-width: 100%;
  height: 0.875rem;
  margin: 0 !important;
  transform: none !important;
}

@media (min-width: 1024px) {
  .ctms-action-group-mobile {
    display: none;
  }
}

.ctms-accordions {
  background-color: #ffffff;
}

@media (min-width: 1024px) {
  .ctms-accordions .sa-feature-value {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media (min-width: 375px) {
  .ctms-accordions {
    padding-bottom: 2rem;
  }
}

@media (min-width: 1024px) {
  .ctms-accordions {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .ctms-accordions {
    padding-bottom: 4.5rem;
  }
}

.ctms-label {
  align-items: center;
  cursor: pointer;
  display: flex;
  position: relative;
}

.ctms-highlight-diff-btn {
  color: #002c5e;
  display: inline-flex;
  padding: 0.25rem 0;
}

.ctms-highlight-diff-btn .ctms-checkbox-box {
  border-color: #002c5e;
  margin-right: 0.5rem;
  position: relative;
  flex-shrink: 0;
}

.ctms-highlight-diff-btn .ctms-label-text {
  font-weight: 700;
  line-height: 1.375rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .ctms-highlight-diff-btn {
    padding: 0 0 0.625rem;
    margin-top: 3.75rem;
  }
}

.ctms-checkbox {
  align-items: center;
  color: #002c5e;
  display: block;
  font-weight: 700;
  justify-content: left;
  line-height: 1.375rem;
  padding: 0.25rem 0;
  opacity: 0;
  position: absolute;
}

.ctms-accordion-display-all-btn {
  display: block;
  color: #002c5e;
  font-weight: 700;
  line-height: 1.375rem;
  padding: 0.25rem 0;
  cursor: pointer;
}

.ctms-accordion-display-all-btn svg {
  display: inline-block;
  fill: #002c5e;
  height: 1rem;
  margin-right: 0.625rem;
  width: 0.875rem;
  vertical-align: middle;
}

.ctms-accordion-hide-text {
  display: none;
}

.ctms-checkbox-toggle-accordion:checked ~ .icon {
  transform: rotate(180deg);
}

.ctms-checkbox-toggle-accordion:checked ~ .ctms-accordion-expand-text {
  display: none;
}

.ctms-checkbox-toggle-accordion:checked ~ .ctms-accordion-hide-text {
  display: inline-block;
}

.ctms-item {
  position: relative;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

@media (min-width: 640px) {
  .ctms-item {
    padding-top: 1rem;
  }
}

@media (min-width: 1024px) {
  .ctms-item {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.ctms-item-img {
  padding-bottom: 0.75rem;
}

.ctms-item-heading {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .ctms-item-heading {
    align-items: center;
  }
}

.ctms-price-wrapper {
  display: flex;
  flex-basis: 100%;
}

.ctms-price {
  display: none;
  flex-direction: column;
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  .ctms-price {
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }
}

.ctms-price-current {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 50%;
}

@media (min-width: 640px) {
  .ctms-price-current {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    align-items: center;
    padding-right: 1rem;
  }
}

.ctms-price-number {
  font-weight: 400;
  line-height: 1.375rem;
}

.ctms-price-text {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .ctms-price-text {
    padding-left: 0.75rem;
  }
}

.ctms-item-ctas {
  display: flex;
  padding-top: 0.5rem;
}

@media (min-width: 640px) {
  .ctms-item-ctas {
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 1024px) {
  .ctms-item-ctas {
    flex-basis: 100%;
    max-width: 100%;
  }
}

.ctms-item-build-btn {
  display: inline-flex;
  align-items: center;
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
}

.ctms-item-build-btn svg {
  fill: currentColor;
  height: 0.625rem;
  margin-left: 0.375rem;
  width: 0.5rem;
  vertical-align: middle;
}

.ctms-disclaimer-content {
  background: #ffffff;
  color: #bababa;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding: 3rem 1rem 2.5rem 1rem;
}

@media (min-width: 640px) {
  .ctms-disclaimer-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .ctms-disclaimer-content {
    padding-top: 4.375rem;
    padding-bottom: 4rem;
  }
}

.ctms-disclaimer-txt {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
}

@media (min-width: 640px) {
  .ctms-disclaimer-txt {
    padding: 0rem 3rem;
  }
}

@media (min-width: 1024px) {
  .ctms-disclaimer-txt {
    padding: 0rem 4.5rem;
  }
}

@media (min-width: 1440px) {
  .ctms-disclaimer-txt {
    padding: 0rem 7.5rem;
  }
}

.ctms-highlight-checkbox:focus ~ .ctms-label-text {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .ctms-highlight-checkbox:focus ~ .ctms-label-text {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.ctms-checkbox-toggle-accordion:focus ~ .ctms-accordion-expand-text,
.ctms-checkbox-toggle-accordion:focus ~ .ctms-accordion-hide-text {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .ctms-checkbox-toggle-accordion:focus ~ .ctms-accordion-expand-text,
  .ctms-checkbox-toggle-accordion:focus ~ .ctms-accordion-hide-text {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.ctms-filter-smartchat-container {
  order: 1;
  margin-top: 0.8125rem;
}

@media (min-width: 1440px) {
  .ctms-filter-smartchat-container {
    order: 2;
  }
}

.ctms-filter-smartchat-container button {
  margin: 0;
  margin-bottom: 0.625rem;
  margin-left: 0rem;
}

.ctms-filter-smartchat-container .smartchat-contextual-cta-btn--background {
  min-height: 1.75rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding: 0.25rem 1.0625rem;
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .ctms-header {
    padding-left: 1rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .ctms-body {
    padding: 2rem 1rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .ctms-options .ctms-item {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .ctms-price-current {
    flex-basis: inherit;
    max-width: inherit;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .sa-wrapper {
    padding: 2rem 1rem 0;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .ctms-disclaimer-content {
    padding: 3rem 1rem 2.5rem 1rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .ctms-disclaimer-txt {
    padding: 0;
  }
}

.trims-carousel-wrapper {
  visibility: hidden;
}

.trims-carousel-wrapper.carousel-initialized {
  visibility: visible;
}

.trims-carousel-wrapper .slick-list {
  cursor: default;
}

@media (max-width: 639px) {
  .trims-carousel-4 .fueltype-nav-with-smartbtn {
    top: 53% !important;
  }
}

@media (max-width: 450px) {
  .trims-carousel-4 .fueltype-nav-with-smartbtn {
    top: 47% !important;
  }
}

@media (max-width: 375px) {
  .trims-carousel-4 .fueltype-nav-with-smartbtn {
    top: 46% !important;
  }
}

@media (max-width: 320px) {
  .trims-carousel-4 .fueltype-nav-with-smartbtn {
    top: 44% !important;
  }
}

@media (max-width: 639px) {
  .trims-carousel-4.has-smartchat .fueltype-nav-with-smartbtn {
    top: 55% !important;
  }
}

@media (max-width: 550px) {
  .trims-carousel-4.has-smartchat .fueltype-nav-with-smartbtn {
    top: 55% !important;
  }
}

@media (max-width: 450px) {
  .trims-carousel-4.has-smartchat .fueltype-nav-with-smartbtn {
    top: 50% !important;
  }
}

@media (max-width: 375px) {
  .trims-carousel-4.has-smartchat .fueltype-nav-with-smartbtn {
    top: 48% !important;
  }
}

@media (max-width: 320px) {
  .trims-carousel-4.has-smartchat .fueltype-nav-with-smartbtn {
    top: 47% !important;
  }
}

.trims-carousel-bg-white {
  background-color: #ffffff;
}

@media (max-width: 639px) {
  .trims-carousel-bg-white .fueltype-nav-with-smartbtn {
    top: 53% !important;
  }
}

@media (max-width: 550px) {
  .trims-carousel-bg-white .fueltype-nav-with-smartbtn {
    top: 52% !important;
  }
}

@media (max-width: 450px) {
  .trims-carousel-bg-white .fueltype-nav-with-smartbtn {
    top: 46% !important;
  }
}

@media (max-width: 375px) {
  .trims-carousel-bg-white .fueltype-nav-with-smartbtn {
    top: 46% !important;
  }
}

@media (max-width: 320px) {
  .trims-carousel-bg-white .fueltype-nav-with-smartbtn {
    top: 43% !important;
  }
}

@media (max-width: 639px) {
  .trims-carousel-bg-white .has-smartchat .fueltype-nav-with-smartbtn {
    top: 53% !important;
  }
}

@media (max-width: 550px) {
  .trims-carousel-bg-white .has-smartchat .fueltype-nav-with-smartbtn {
    top: 52% !important;
  }
}

@media (max-width: 450px) {
  .trims-carousel-bg-white .has-smartchat .fueltype-nav-with-smartbtn {
    top: 48% !important;
  }
}

@media (max-width: 375px) {
  .trims-carousel-bg-white .has-smartchat .fueltype-nav-with-smartbtn {
    top: 47% !important;
  }
}

@media (max-width: 320px) {
  .trims-carousel-bg-white .has-smartchat .fueltype-nav-with-smartbtn {
    top: 45% !important;
  }
}

.trims-carousel-bg-gray {
  background-color: #f3f3f3;
}

@media (max-width: 639px) {
  .trims-carousel-bg-gray .fueltype-nav-with-smartbtn {
    top: 51% !important;
  }
}

@media (max-width: 550px) {
  .trims-carousel-bg-gray .fueltype-nav-with-smartbtn {
    top: 47% !important;
  }
}

@media (max-width: 450px) {
  .trims-carousel-bg-gray .fueltype-nav-with-smartbtn {
    top: 42% !important;
  }
}

@media (max-width: 375px) {
  .trims-carousel-bg-gray .fueltype-nav-with-smartbtn {
    top: 39% !important;
  }
}

@media (max-width: 320px) {
  .trims-carousel-bg-gray .fueltype-nav-with-smartbtn {
    top: 38% !important;
  }
}

@media (max-width: 639px) {
  .trims-carousel-bg-gray .has-smartchat .fueltype-nav-with-smartbtn {
    top: 54% !important;
  }
}

@media (max-width: 550px) {
  .trims-carousel-bg-gray .has-smartchat .fueltype-nav-with-smartbtn {
    top: 52% !important;
  }
}

@media (max-width: 450px) {
  .trims-carousel-bg-gray .has-smartchat .fueltype-nav-with-smartbtn {
    top: 47% !important;
  }
}

@media (max-width: 375px) {
  .trims-carousel-bg-gray .has-smartchat .fueltype-nav-with-smartbtn {
    top: 44% !important;
  }
}

@media (max-width: 320px) {
  .trims-carousel-bg-gray .has-smartchat .fueltype-nav-with-smartbtn {
    top: 43% !important;
  }
}

.trims-carousel-bg-gradient {
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
}

@media (max-width: 639px) {
  .trims-carousel-bg-gradient .tcr-slickNavOnload {
    top: 50% !important;
  }
}

@media (max-width: 550px) {
  .trims-carousel-bg-gradient .tcr-slickNavOnload {
    top: 49% !important;
  }
}

@media (max-width: 450px) {
  .trims-carousel-bg-gradient .tcr-slickNavOnload {
    top: 43% !important;
  }
}

@media (max-width: 375px) {
  .trims-carousel-bg-gradient .tcr-slickNavOnload {
    top: 42% !important;
  }
}

@media (max-width: 320px) {
  .trims-carousel-bg-gradient .tcr-slickNavOnload {
    top: 41% !important;
  }
}

.trims-carousel-container {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

@media (min-width: 640px) {
  .trims-carousel-container {
    padding: 2rem 3rem;
  }
}

@media (min-width: 1024px) {
  .trims-carousel-container {
    padding: 3rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .trims-carousel-container {
    padding: 4.5rem 4.6875rem;
  }
}

.trims-carousel-header {
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 1rem;
}

@media (min-width: 640px) {
  .trims-carousel-header {
    padding: 4rem 1.25rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .trims-carousel-header {
    padding: 5rem 1.875rem;
  }
}

@media (min-width: 1440px) {
  .trims-carousel-header {
    padding: 5rem 2.8125rem;
  }
}

.trims-carousel-header-text {
  position: relative;
  padding-bottom: 0.5rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #666666;
}

@media (max-width: 640px) {
  .trims-carousel-header-text {
    width: 8.125rem;
  }
}

.trims-carousel-header-text:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.125rem;
  width: 1.5rem;
  background-color: #666666;
}

.trims-carousel-fuelType {
  display: inline-flex;
  font-size: 1rem;
  margin: -0.3125rem auto 0 0.75rem;
  height: 1.875rem;
  border-left: 0.0625rem solid #666666;
}

.trims-carousel-fuelType a {
  font-weight: 400;
  text-decoration: none;
  color: #666666;
  margin-left: 1rem;
  display: inline-block;
}

.trims-carousel-fuelType svg {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  fill: #666666;
  vertical-align: text-bottom;
}

.trims-fuelType-list a.trims-fuelType-item-active {
  color: #00aad2;
  border-bottom: 0.09375rem solid #00aad2;
}

.trims-fuelType-list a.trims-fuelType-item-active svg {
  fill: #00aad2;
}

.trims-carousel-fuelType-dropdown {
  position: relative;
  display: block;
  margin: 0 0.9375rem;
}

.trims-carousel-fuelType-dropdown .trims-carousel-dropdown-btn {
  height: auto;
  width: 100%;
  border: 1px solid #e6e6e6;
  background: #ffffff;
  text-align: left;
  color: #333333;
}

.trims-carousel-fuelType-dropdown .trims-carousel-dropdown-btn svg {
  height: 0.75rem;
  width: 0.75rem;
  margin-left: auto;
  margin-right: 0.3125rem;
}

.trims-carousel-fuelType-dropdown .trims-carousel-dropdown-content {
  display: none;
  background-color: #ffffff;
  position: absolute;
  width: 100%;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  border-top: none;
  z-index: 1;
}

.trims-carousel-fuelType-dropdown .trims-carousel-dropdown-content a {
  color: #333333;
  padding: 0.75rem 1.5625rem;
  text-decoration: none;
  display: block;
}

.trims-carousel-fuelType-dropdown .trims-carousel-dropdown-content a.trims-dropdown-item-checked {
  color: #002c5e;
  font-weight: 600;
  position: relative;
}

.trims-carousel-fuelType-dropdown .trims-dropdown-item-checked:before {
  position: absolute;
  content: "";
  transform: rotate(40deg);
  height: 0.625rem;
  width: 0.3125rem;
  left: 0.625rem;
  border-bottom: 2px solid #00aad2;
  border-right: 2px solid #00aad2;
  font-weight: 600;
  top: 0.8125rem;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
}

@media (max-width: 639px) {
  .trims-carousel-fuelType-nav {
    top: 52.5% !important;
  }
}

@media (max-width: 550px) {
  .trims-carousel-fuelType-nav {
    top: 50% !important;
  }
}

@media (max-width: 450px) {
  .trims-carousel-fuelType-nav {
    top: 45% !important;
  }
}

@media (max-width: 375px) {
  .trims-carousel-fuelType-nav {
    top: 42% !important;
  }
}

@media (max-width: 320px) {
  .trims-carousel-fuelType-nav {
    top: 41% !important;
  }
}

.trims-carousel-text {
  margin: 0.5625rem 1rem;
  font-size: 1rem;
}

.trims-dropdown-border:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 2.5%;
  height: 0.0625rem;
  width: 95%;
  background-color: #bababa;
}

.trims-carousel-compare-btn {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
}

.trims-carousel-compare-btn-text {
  padding-left: 0.5rem;
}

@media (min-width: 640px) {
  .trims-carousel .slick-list,
  .trims-carousel-reveal .slick-list {
    display: flex;
  }
  .trims-carousel .slick-track,
  .trims-carousel-reveal .slick-track {
    display: flex;
  }
}

@media all and (min-width: 640px) and (-ms-high-contrast: none), (min-width: 640px) and (-ms-high-contrast: active) {
  .trims-carousel .slick-track,
  .trims-carousel-reveal .slick-track {
    flex: 1 0 auto;
  }
}

@media (min-width: 640px) {
  .trims-carousel .slick-track .trims-carousel-item-img,
  .trims-carousel-reveal .slick-track .trims-carousel-item-img {
    flex-shrink: 0;
    transform: scale(1.3);
    padding-top: 0.625rem;
    margin: auto;
  }
  .trims-carousel .slick-track .trims-carousel-item-img-v2,
  .trims-carousel-reveal .slick-track .trims-carousel-item-img-v2 {
    margin: 0;
  }
  .trims-carousel .slick-slide > div,
  .trims-carousel-reveal .slick-slide > div {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .trims-carousel .trims-carousel-item,
  .trims-carousel-reveal .trims-carousel-item {
    display: flex !important;
    flex-direction: column;
    height: 100%;
  }
  .trims-carousel .trims-carousel-item-ctas,
  .trims-carousel-reveal .trims-carousel-item-ctas {
    margin-top: auto;
  }
}

.trims-carousel-fuelType-svg > svg {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  fill: #00aad2;
}

@media (max-width: 639px) {
  .trims-carousel-fuelType-svg > svg {
    position: relative;
    left: 2rem;
    top: 2rem;
  }
}

.trims-carousel-item {
  padding: 0 1rem 1.5625rem;
}

@media (min-width: 640px) {
  .trims-carousel-item {
    padding: 0 1.25rem;
  }
}

@media (min-width: 1024px) {
  .trims-carousel-item {
    padding: 0 2.5rem;
  }
}

.trims-carousel-item-heading {
  align-items: flex-end;
  text-align: right;
  display: flex;
  justify-content: space-between;
  padding-top: 1.75rem;
  height: 5.25rem;
}

@media (max-width: 640px) {
  .trims-carousel-item-heading {
    padding-top: 3.4375rem;
    height: auto;
  }
}

.trims-carousel-item-name {
  color: #666666;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  word-break: break-word;
  text-align: left;
}

.trims-carousel-price {
  flex-shrink: 0;
  max-width: 50%;
}

.trims-carousel-price-text {
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
}

.trims-carousel-price-amount {
  display: flex;
  padding-top: 0.25rem;
}

.trims-carousel-price-amount .tooltip-trigger {
  vertical-align: top;
}

.trims-carousel-price-number {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

.trims-carousel-list {
  border-top: 0.0625rem solid #bababa;
  list-style: none;
  margin-bottom: 0;
  margin-top: 0.625rem;
  padding: 1.625rem 0 0.625rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .trims-carousel-list {
    padding: 1.125rem 0 0.625rem;
  }
}

.trims-carousel-list-item {
  display: flex;
  align-items: center;
  padding-bottom: 0.75rem;
  color: #666666;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1rem;
}

.trims-carousel-list-item-icon {
  flex-shrink: 0;
  width: 2.5rem;
  margin-right: 0.9375rem;
}

.trims-carousel-list-item-icon svg {
  height: 2.5rem;
  width: 2.5rem;
}

@media (max-width: 639px) {
  .trims-carousel-list-item-icon {
    display: none;
  }
}

@media (max-width: 400px) {
  .trims-carousel-item-img {
    margin: 0 auto 0.9375rem auto;
  }
}

@media (min-width: 401px) and (max-width: 639px) {
  .trims-carousel-item-img {
    margin: 0 auto 0.625rem auto;
  }
}

.trims-carousel-item-ctas {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .trims-carousel-item-ctas {
    flex-direction: row;
    justify-content: space-between;
  }
}

@media (max-width: 639px) {
  .trims-carousel-item-ctas {
    flex-direction: row;
    justify-content: center;
  }
}

.trims-carousel-item-ctas .button {
  margin-bottom: 0.875rem;
}

@media (min-width: 640px) {
  .trims-carousel-item-ctas .button {
    flex-basis: 48.5%;
    max-width: 48.5%;
    margin-bottom: 0.5rem;
  }
}

@media (max-width: 639px) {
  .trims-carousel-item-ctas .button {
    margin: 0 0.3125rem 0 0.3125rem;
  }
}

.trims-carousel-reveal-item-ctas {
  display: flex;
  justify-content: center;
  margin-top: auto;
}

.trims-carousel-reveal-item-ctas .button {
  margin-bottom: 0.875rem;
}

@media (min-width: 640px) {
  .trims-carousel-reveal-item-ctas .button {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}

@media (max-width: 639px) {
  .trims-carousel-item-link {
    width: 10.9375rem;
    display: flex;
    flex-flow: row;
  }
}

.trims-carousel-reveal-item-ctas .trims-carousel-item-link {
  display: flex;
}

@media (max-width: 639px) {
  .trims-carousel-reveal-item-ctas .trims-carousel-item-link {
    width: 100%;
    margin: 0 auto;
  }
}

.trims-carousel-slick-nav,
.trims-carousel-reveal-slick-nav {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  padding: 0 1.625rem;
  position: absolute;
  top: 0;
}

@media (min-width: 640px) {
  .trims-carousel-slick-nav,
  .trims-carousel-reveal-slick-nav {
    padding: 2rem 1.25rem 0;
    position: static;
  }
}

@media (min-width: 1024px) {
  .trims-carousel-slick-nav,
  .trims-carousel-reveal-slick-nav {
    justify-content: center;
    padding: 2.5rem 0 0;
  }
}

@media (min-width: 1440px) {
  .trims-carousel-slick-nav,
  .trims-carousel-reveal-slick-nav {
    justify-content: center;
    padding: 2.6875rem 0 0;
  }
}

@media (min-width: 1024px) {
  .trims-carousel-slick-prev-mobile,
  .trims-carousel-slick-next-mobile,
  .tcr-slick-prev-mobile,
  .tcr-slick-next-mobile {
    display: none !important;
  }
}

.trims-carousel-slick-prev-mobile svg,
.trims-carousel-slick-next-mobile svg,
.tcr-slick-prev-mobile svg,
.tcr-slick-next-mobile svg {
  height: 1.875rem;
}

.trims-carousel-slick-prev-mobile.slick-disabled,
.trims-carousel-slick-next-mobile.slick-disabled,
.tcr-slick-prev-mobile.slick-disabled,
.tcr-slick-next-mobile.slick-disabled {
  color: #bababa;
}

.trims-carousel-arrow-container {
  position: relative;
}

@media (min-width: 640px) {
  .trims-carousel-arrow-container {
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .trims-carousel-arrow-container {
    padding: 0 1.875rem;
  }
}

@media (min-width: 1440px) {
  .trims-carousel-arrow-container {
    padding: 0 2.8125rem;
  }
}

.trims-carousel-slick-prev,
.trims-carousel-slick-next,
.tcr-slick-next,
.tcr-slick-prev {
  position: absolute;
  top: 50%;
  color: #002c5e;
}

@media (max-width: 1023px) {
  .trims-carousel-slick-prev,
  .trims-carousel-slick-next,
  .tcr-slick-next,
  .tcr-slick-prev {
    display: none;
  }
}

.trims-carousel-slick-prev svg,
.trims-carousel-slick-next svg,
.tcr-slick-next svg,
.tcr-slick-prev svg {
  height: 1.875rem;
}

.trims-carousel-slick-prev.slick-disabled,
.trims-carousel-slick-next.slick-disabled,
.tcr-slick-next.slick-disabled,
.tcr-slick-prev.slick-disabled {
  color: #bababa;
}

.trims-carousel-slick-next,
.tcr-slick-next {
  right: 0;
}

.trims-carousel-slick-prev,
.tcr-slick-prev {
  left: 0;
  z-index: 1;
}

.trims-carousel-dots-container .slick-dots,
.trims-carousel-reveal-dots-container .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.trims-carousel-dots-container .slick-active button,
.trims-carousel-reveal-dots-container .slick-active button {
  background-color: #00aad2;
}

.trims-carousel-dots-container button,
.trims-carousel-reveal-dots-container button {
  background-color: #888888;
  border-radius: 50%;
  color: transparent;
  display: inline-block;
  height: 0.5625rem;
  width: 0.5625rem;
}

.trims-carousel-dots-container button::selection,
.trims-carousel-reveal-dots-container button::selection {
  color: transparent;
}

.trims-carousel-dots-container button:focus,
.trims-carousel-reveal-dots-container button:focus {
  outline-width: 0.09375rem;
  outline-style: solid;
  outline-offset: 0.25rem;
}

.trims-carousel-dots-container li,
.trims-carousel-reveal-dots-container li {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0.625rem;
  border: 0.0625rem solid transparent;
}

@media (min-width: 640px) {
  .trims-carousel-dots-container li,
  .trims-carousel-reveal-dots-container li {
    padding: 0.625rem 0.9375rem;
  }
}

@media (min-width: 640px) {
  .trims-carousel-dots-container li.slick-active {
    border-color: #002c5e;
    border-radius: 1rem;
    padding: 0.625rem 0.9375rem;
  }
  .trims-carousel-dots-container li.slick-active:before {
    content: "";
    background-color: #00aad2;
    border-radius: 50%;
    color: transparent;
    height: 0.5625rem;
    margin-right: 2rem;
    width: 0.5625rem;
  }
}

@media (min-width: 1440px) {
  .trims-carousel-dots-container li.slick-active:after {
    content: "";
    background-color: #00aad2;
    border-radius: 50%;
    color: transparent;
    height: 0.5625rem;
    margin-left: 2rem;
    width: 0.5625rem;
  }
}

@media (min-width: 640px) {
  .trims-carousel-reveal-dots-container li.slick-active {
    border-color: #002c5e;
    border-radius: 1rem;
    padding: 0.625rem 0.9375rem;
  }
  .trims-carousel-reveal-dots-container li.slick-active:before {
    content: "";
    background-color: #00aad2;
    border-radius: 50%;
    color: transparent;
    height: 0.5625rem;
    margin-right: 2rem;
    width: 0.5625rem;
  }
}

@media (min-width: 1440px) {
  .trims-carousel-reveal-dots-container li.slick-active:after {
    content: "";
    background-color: #00aad2;
    border-radius: 50%;
    color: transparent;
    height: 0.5625rem;
    margin-left: 2rem;
    width: 0.5625rem;
  }
}

.trims-carousel-reveal-trims-shown-disclaimer {
  text-align: center;
  color: #666666;
  font-weight: 400;
  line-height: 1.375rem;
}

@media (min-width: 1024px) {
  .trims-carousel-reveal-trims-shown-disclaimer {
    padding: 0 1.875rem;
  }
}

@media (min-width: 1440px) {
  .trims-carousel-reveal-trims-shown-disclaimer {
    padding: 0 2.8125rem;
  }
}

.trims-carousel-trims-disclaimer {
  color: #888888;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  font-weight: 400;
  text-align: center;
  z-index: 1000000;
  min-height: 1.25rem;
}

@media (min-width: 640px) {
  .trims-carousel-trims-disclaimer {
    margin-top: 1.75rem;
  }
}

@media (min-width: 1023px) {
  .trims-carousel-trims-disclaimer {
    margin-top: 2.1875rem;
  }
}

@media (min-width: 1440px) {
  .trims-carousel-trims-disclaimer {
    margin-top: 1.875rem;
  }
}

@media (max-width: 639px) {
  .trims-carousel-trims-disclaimer {
    margin-top: -0.625rem;
  }
}

.tcr-trims-carousel-header-text {
  position: relative;
  padding-bottom: 0.5rem;
  padding-right: 0.75rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #666666;
  height: 1.125rem;
}

@media (max-width: 639px) {
  .tcr-trims-carousel-header-text {
    border-right: none;
    margin-bottom: 0.625rem;
  }
}

.tcr-trims-carousel-header-text:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.125rem;
  width: 1.5rem;
  background-color: #666666;
  margin-bottom: -0.5rem;
}

.trims-carousel-header-reveal {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .trims-carousel-header-reveal {
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .trims-carousel-header-reveal {
    padding: 0 1.875rem 2.5rem;
  }
}

@media (min-width: 1440px) {
  .trims-carousel-header-reveal {
    padding: 0 2.8125rem 1.875rem;
  }
}

.tcr-eyebrow {
  display: flex;
}

.tcr-fuel-filter-nav {
  min-width: 31.25rem;
  position: relative;
  text-align: left;
  display: flex;
}

.tcr-ff-pipe {
  border-left: #666666 2px solid;
  height: 50%;
}

.tcr-fuel-filter {
  margin: -0.625rem 0.625rem 0.5rem 0.625rem;
  height: 2.1875rem;
}

.tcr-active {
  color: #00aad2;
  border-bottom: #00aad2 2px solid;
}

.tcr-fuel-filter svg {
  margin-right: 0.1875rem;
  height: 1.75rem;
  width: 1.75rem;
}

@media (max-width: 1024px) {
  .trims-carousel-slick-next,
  .tcr-slick-next {
    display: none !important;
  }
  .trims-carousel-slick-prev,
  .tcr-slick-prev {
    display: none !important;
  }
}

.tcr-filter-dropdown-mobile {
  display: none;
}

@media (max-width: 639px) {
  .trims-carousel-header-reveal {
    flex-wrap: wrap;
  }
  .tcr-fuel-filter-nav {
    display: none;
  }
  .tcr-filter-dropdown-mobile {
    display: block;
    width: 100%;
    margin: 0.625rem 0;
    border: #e6e6e6 1px solid;
  }
  .tcr-eyebrow {
    width: 100%;
  }
}

.tcr-item-name {
  color: #666666;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  word-break: break-word;
  text-align: left;
  display: inline-flex;
}

.tcr-fuel-icon svg {
  height: 1.75rem;
  width: 1.75rem;
}

.tcr-fuel-icon {
  position: relative;
  width: 100%;
  top: 0.4375rem;
  color: #00aad2;
  z-index: 1000;
}

@media (max-width: 640px) {
  .tcr-fuel-icon {
    left: 0.625rem;
  }
}

.tcr-filters {
  padding: 0.9375rem 0;
}

.tcr-filters-panel {
  background-color: #ffffff;
}

.dropdown-item.tcr-filter + .dropdown-item:before {
  height: 0;
}

.tcr-filter.dropdown-item {
  padding-left: 1.5625rem;
  min-height: 2.1875rem;
}

.tcr-filter.dropdown-item-active {
  background-color: #ffffff;
}

.tcr-item-heading {
  align-items: flex-end;
  text-align: right;
  display: flex;
  justify-content: space-between;
  padding-top: 2.1875rem;
  height: 5.25rem;
}

@media (max-width: 640px) {
  .tcr-item-heading {
    padding-top: 3.4375rem;
    height: auto;
  }
}

.tcr-filter.dropdown-item-active:before {
  content: "";
  position: absolute;
  width: 0.3125rem;
  height: 0.625rem !important;
  top: 0.45rem;
  left: 0.575rem;
  border: solid #00aad2;
  border-width: 0 2px 2px 0;
  opacity: 1;
  transform: translate(-50%, -50%) rotate(45deg);
  margin-left: 0.3125rem;
  margin-top: 0.5rem;
  background-color: #ffffff !important;
}

.dropdown.tcr-filter-dropdown-mobile.dropdown-open .tcr-filter-trigger-text:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 2.5%;
  height: 0.0625rem;
  width: 95%;
  background-color: #bababa;
}

.tcr-item-img-container {
  padding-bottom: caclRem(20px);
}

@media (max-width: 639px) {
  .tcr-slickNavOnload {
    top: 53.5%;
  }
}

@media (max-width: 550px) {
  .tcr-slickNavOnload {
    top: 52%;
  }
}

@media (max-width: 450px) {
  .tcr-slickNavOnload {
    top: 48%;
  }
}

@media (max-width: 375px) {
  .tcr-slickNavOnload {
    top: 47%;
  }
}

@media (max-width: 320px) {
  .tcr-slickNavOnload {
    top: 43%;
  }
}

@media (max-width: 639px) {
  .tcr-slickNavOnloadNoFilter {
    top: 40.5% !important;
  }
}

@media (max-width: 550px) {
  .tcr-slickNavOnloadNoFilter {
    top: 40.5% !important;
  }
}

@media (max-width: 450px) {
  .tcr-slickNavOnloadNoFilter {
    top: 38% !important;
  }
}

@media (max-width: 375px) {
  .tcr-slickNavOnloadNoFilter {
    top: 36% !important;
  }
}

@media (max-width: 320px) {
  .tcr-slickNavOnloadNoFilter {
    top: 33% !important;
  }
}

@media (min-width: 640px) {
  .ai-button {
    margin: -10px 0 25px;
  }
}

@media (min-width: 1023px) {
  .ai-button {
    margin: -55px 0 35px;
  }
}

@media (min-width: 1440px) {
  .ai-button {
    margin: -55px 0 35px;
  }
}

@media (max-width: 639px) {
  .ai-button {
    margin: 26px 0 0;
  }
}

@media (max-width: 639px) {
  .trims-carousel-2 .fueltype-nav-with-smartbtn {
    top: 52% !important;
  }
}

@media (max-width: 450px) {
  .trims-carousel-2 .fueltype-nav-with-smartbtn {
    top: 47% !important;
  }
}

@media (max-width: 375px) {
  .trims-carousel-2 .fueltype-nav-with-smartbtn {
    top: 46% !important;
  }
}

@media (max-width: 320px) {
  .trims-carousel-2 .fueltype-nav-with-smartbtn {
    top: 44% !important;
  }
}

@media (max-width: 639px) {
  .trims-carousel-2.has-smartchat .fueltype-nav-with-smartbtn {
    top: 54% !important;
  }
}

@media (max-width: 450px) {
  .trims-carousel-2.has-smartchat .fueltype-nav-with-smartbtn {
    top: 49% !important;
  }
}

@media (max-width: 375px) {
  .trims-carousel-2.has-smartchat .fueltype-nav-with-smartbtn {
    top: 48% !important;
  }
}

@media (max-width: 320px) {
  .trims-carousel-2.has-smartchat .fueltype-nav-with-smartbtn {
    top: 47% !important;
  }
}

@media (max-width: 639px) {
  .tcreveal-slickNavOnload {
    top: 47% !important;
  }
}

@media (max-width: 450px) {
  .tcreveal-slickNavOnload {
    top: 42.5% !important;
  }
}

@media (max-width: 375px) {
  .tcreveal-slickNavOnload {
    top: 42% !important;
  }
}

@media (max-width: 320px) {
  .tcreveal-slickNavOnload {
    top: 38% !important;
  }
}

@media (max-width: 639px) {
  .tc1-slickNavOnload {
    top: 47.5% !important;
  }
}

@media (max-width: 550px) {
  .tc1-slickNavOnload {
    top: 46% !important;
  }
}

@media (max-width: 450px) {
  .tc1-slickNavOnload {
    top: 40% !important;
  }
}

@media (max-width: 375px) {
  .tc1-slickNavOnload {
    top: 39% !important;
  }
}

@media (max-width: 320px) {
  .tc1-slickNavOnload {
    top: 35% !important;
  }
}

@media (max-width: 639px) {
  .trim-carousel-v1-default-option .fueltype-nav-with-smartbtn {
    top: 41% !important;
  }
}

@media (max-width: 550px) {
  .trim-carousel-v1-default-option .fueltype-nav-with-smartbtn {
    top: 52% !important;
  }
}

@media (max-width: 450px) {
  .trim-carousel-v1-default-option .fueltype-nav-with-smartbtn {
    top: 45% !important;
  }
}

@media (max-width: 375px) {
  .trim-carousel-v1-default-option .fueltype-nav-with-smartbtn {
    top: 43% !important;
  }
}

@media (max-width: 320px) {
  .trim-carousel-v1-default-option .fueltype-nav-with-smartbtn {
    top: 41% !important;
  }
}

@media (max-width: 280px) {
  .trim-carousel-v1-default-option .fueltype-nav-with-smartbtn {
    top: 32% !important;
  }
}

@media (max-width: 639px) {
  .trim-carousel-v1-default-option.has-smartchat .fueltype-nav-with-smartbtn {
    top: 54% !important;
  }
}

@media (max-width: 550px) {
  .trim-carousel-v1-default-option.has-smartchat .fueltype-nav-with-smartbtn {
    top: 52% !important;
  }
}

@media (max-width: 450px) {
  .trim-carousel-v1-default-option.has-smartchat .fueltype-nav-with-smartbtn {
    top: 48% !important;
  }
}

@media (max-width: 375px) {
  .trim-carousel-v1-default-option.has-smartchat .fueltype-nav-with-smartbtn {
    top: 45% !important;
  }
}

@media (max-width: 320px) {
  .trim-carousel-v1-default-option.has-smartchat .fueltype-nav-with-smartbtn {
    top: 44% !important;
  }
}

@media (max-width: 280px) {
  .trim-carousel-v1-default-option.has-smartchat .fueltype-nav-with-smartbtn {
    top: 34% !important;
  }
}

@media (max-width: 639px) {
  .has-smartchat .fueltype-nav-with-smartbtn {
    top: 55% !important;
  }
}

@media (max-width: 550px) {
  .has-smartchat .fueltype-nav-with-smartbtn {
    top: 52% !important;
  }
}

@media (max-width: 450px) {
  .has-smartchat .fueltype-nav-with-smartbtn {
    top: 48.5% !important;
  }
}

@media (max-width: 375px) {
  .has-smartchat .fueltype-nav-with-smartbtn {
    top: 46% !important;
  }
}

@media (max-width: 320px) {
  .has-smartchat .fueltype-nav-with-smartbtn {
    top: 44% !important;
  }
}

@media (max-width: 639px) {
  .trim-carousel-v2-bg-gray.has-smartchat .fueltype-nav-with-smartbtn {
    top: 57% !important;
  }
}

@media (max-width: 550px) {
  .trim-carousel-v2-bg-gray.has-smartchat .fueltype-nav-with-smartbtn {
    top: 54% !important;
  }
}

@media (max-width: 450px) {
  .trim-carousel-v2-bg-gray.has-smartchat .fueltype-nav-with-smartbtn {
    top: 50% !important;
  }
}

@media (max-width: 375px) {
  .trim-carousel-v2-bg-gray.has-smartchat .fueltype-nav-with-smartbtn {
    top: 47% !important;
  }
}

@media (max-width: 320px) {
  .trim-carousel-v2-bg-gray.has-smartchat .fueltype-nav-with-smartbtn {
    top: 47% !important;
  }
}

@media (max-width: 639px) {
  .fueltype-nav-with-smartbtn {
    top: 55% !important;
  }
}

@media (max-width: 550px) {
  .fueltype-nav-with-smartbtn {
    top: 52% !important;
  }
}

@media (max-width: 450px) {
  .fueltype-nav-with-smartbtn {
    top: 47% !important;
  }
}

@media (max-width: 375px) {
  .fueltype-nav-with-smartbtn {
    top: 45% !important;
  }
}

@media (max-width: 320px) {
  .fueltype-nav-with-smartbtn {
    top: 43% !important;
  }
}

@media (max-width: 639px) {
  .trim-carousel-v2-bg-gray .fueltype-nav-with-smartbtn {
    top: 55% !important;
  }
}

@media (max-width: 550px) {
  .trim-carousel-v2-bg-gray .fueltype-nav-with-smartbtn {
    top: 52% !important;
  }
}

@media (max-width: 450px) {
  .trim-carousel-v2-bg-gray .fueltype-nav-with-smartbtn {
    top: 48% !important;
  }
}

@media (max-width: 375px) {
  .trim-carousel-v2-bg-gray .fueltype-nav-with-smartbtn {
    top: 45% !important;
  }
}

@media (max-width: 320px) {
  .trim-carousel-v2-bg-gray .fueltype-nav-with-smartbtn {
    top: 44% !important;
  }
}

.trims-carousel-image-container {
  min-height: 15.8125rem;
}

@media (max-width: 280px) {
  .trims-carousel-image-container {
    min-height: 8.75rem !important;
  }
}

@media (min-width: 541px) {
  .trims-carousel-image-container {
    min-height: unset !important;
  }
}

.tc4-carousel-wrapper .slick-list {
  cursor: default;
}

.tc4 {
  max-width: 1440px;
  position: relative;
  margin: 0 auto;
  padding: 2rem 1rem;
}

@media (min-width: 640px) {
  .tc4 {
    padding: 2rem 3rem;
  }
}

@media (min-width: 1024px) {
  .tc4 {
    padding: 3rem 4.5rem;
  }
}

@media (min-width: 1440px) {
  .tc4 {
    padding: 4.5rem 7.5rem;
  }
}

.tc4-bg-white {
  background-color: #ffffff;
}

.tc4-bg-gray {
  background-color: #f3f3f3;
}

.tc4-bg-gradient {
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
}

.tc4-header {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .tc4-header {
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .tc4-header {
    padding-bottom: 5rem;
  }
}

@media (min-width: 1440px) {
  .tc4-header {
    padding-bottom: 5rem;
  }
}

.tc4-header-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media (max-width: 639px) {
  .tc4-header-row {
    margin-top: 1.5rem;
  }
}

.tc4-header-section {
  display: flex;
  justify-content: space-between;
}

.tc4-title {
  position: relative;
  font-weight: 700;
  font-size: 1rem;
  color: #666666;
  line-height: 1.125rem;
  padding-bottom: 0.5rem;
}

.tc4-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.5rem;
  height: 0.125rem;
  background-color: #666666;
}

.tc4-compare {
  flex-shrink: 0;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
}

.tc4-compare svg {
  margin-right: 0.5rem;
}

.tc4-fuel-type-list {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media (min-width: 1024px) {
  .tc4-fuel-type-list {
    margin-left: 1rem;
  }
  .tc4-fuel-type-list:before {
    content: "";
    position: absolute;
    top: -0.1875rem;
    left: 0;
    width: 0.0625rem;
    height: 1.875rem;
    margin-right: 1rem;
    background-color: #666666;
  }
}

.tc4-fuel-type {
  display: flex;
  font-size: 1rem;
  color: #666666;
  line-height: 1.125rem;
  border-bottom: 0.0625rem solid transparent;
}

.tc4-fuel-type svg {
  flex-shrink: 0;
  width: auto;
  height: 0.875rem;
  fill: #666666;
  margin-right: 0.3125rem;
}

@media (min-width: 1024px) {
  .tc4-fuel-type:first-of-type {
    margin-left: 1rem;
  }
}

.tc4-fuel-type-active {
  color: #00aad2;
  border-bottom: 0.0625rem solid #00aad2;
}

.tc4-fuel-type-active svg {
  fill: #00aad2;
}

.tc4-slider {
  position: relative;
}

.tc4-slick {
  padding: 0;
}

.tc4-slick .slick-track {
  will-change: transform;
}

.tc4-slick .slick-slide {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

@media (min-width: 640px) {
  .tc4-slick .slick-list {
    display: flex;
  }
  .tc4-slick .slick-track {
    display: flex;
  }
}

@media all and (min-width: 640px) and (-ms-high-contrast: none), (min-width: 640px) and (-ms-high-contrast: active) {
  .tc4-slick .slick-track {
    flex: 1 0 auto;
  }
}

@media (min-width: 640px) {
  .tc4-slick .slick-slide > div {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .tc4-slick .tc4-slide {
    display: flex !important;
    flex-direction: column;
    height: 100%;
  }
  .tc4-slick .tc4-item-ctas {
    margin-top: auto;
  }
}

.tc4-slide {
  padding: 0 2rem 1.5625rem;
}

@media (min-width: 640px) {
  .tc4-slide {
    padding: 0 1.25rem;
  }
}

@media (min-width: 1024px) {
  .tc4-slide {
    padding: 0 1.4375rem;
  }
}

@media (min-width: 640px) {
  .tcs4-slide-image {
    flex-shrink: 0;
    transform: scale(1.3);
  }
}

.tcs4-slide-image-disclaimer {
  font-size: 0.875rem;
  font-weight: 400;
  color: #888888;
  line-height: 1.0625rem;
  min-height: 1.25rem;
  text-align: center;
}

@media (min-width: 640px) {
  .tcs4-slide-image-disclaimer {
    margin-top: 1.75rem;
  }
}

@media (min-width: 1023px) {
  .tcs4-slide-image-disclaimer {
    margin-top: 2.1875rem;
  }
}

@media (min-width: 1440px) {
  .tcs4-slide-image-disclaimer {
    margin-top: 1.875rem;
  }
}

.tc4-slick-nav {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 0 1.625rem;
}

@media (min-width: 640px) {
  .tc4-slick-nav {
    padding: 2rem 1.25rem 0;
  }
}

@media (min-width: 1024px) {
  .tc4-slick-nav {
    padding: 2.5rem 0 0;
  }
}

@media (min-width: 1440px) {
  .tc4-slick-nav {
    padding: 2.6875rem 0 0;
  }
}

.tc4-slick-arrow {
  flex-shrink: 0;
}

.tc4-slick-arrow svg {
  height: 1.875rem;
}

.tc4-slick-arrow.slick-disabled {
  color: #bababa;
}

.tc4-slick-dots ul.slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.tc4-slick-dots li {
  display: flex;
  align-items: center;
  border: 0.0625rem solid transparent;
  padding: 0.625rem;
  cursor: pointer;
}

@media (min-width: 640px) {
  .tc4-slick-dots li {
    padding: 0.625rem 0.9375rem;
  }
}

@media (min-width: 640px) {
  .tc4-slick-dots li.slick-active {
    border-color: #002c5e;
    border-radius: 1rem;
    padding: 0.625rem 0.9375rem;
  }
  .tc4-slick-dots li.slick-active:before {
    content: "";
    width: 0.5625rem;
    height: 0.5625rem;
    color: transparent;
    border-radius: 50%;
    background-color: #00aad2;
    margin-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .tc4-slick-dots li.slick-active:after {
    content: "";
    width: 0.5625rem;
    height: 0.5625rem;
    color: transparent;
    border-radius: 50%;
    background-color: #00aad2;
    margin-left: 2rem;
  }
}

.tc4-slick-dots li.slick-active button {
  background-color: #00aad2;
}

.tc4-slick-dots li button {
  width: 0.5625rem;
  height: 0.5625rem;
  display: inline-block;
  color: transparent;
  border-radius: 50%;
  background-color: #888888;
}

.tc4-slick-dots li button::selection {
  color: transparent;
}

.tc4-slick-dots li button:focus {
  outline-width: 0.09375rem;
  outline-style: solid;
  outline-offset: 0.25rem;
}

@media (max-width: 639px) {
  .fueltype-nav-with-smartbtn {
    top: 55% !important;
  }
}

@media (max-width: 550px) {
  .fueltype-nav-with-smartbtn {
    top: 52% !important;
  }
}

@media (max-width: 450px) {
  .fueltype-nav-with-smartbtn {
    top: 47% !important;
  }
}

@media (max-width: 375px) {
  .fueltype-nav-with-smartbtn {
    top: 45% !important;
  }
}

@media (max-width: 320px) {
  .fueltype-nav-with-smartbtn {
    top: 44% !important;
  }
}

.tc4.has-smartchat {
  padding-top: 1rem;
}

.tc4.has-smartchat .tc4-header {
  padding-top: 3rem;
}

.tc4.has-smartchat .smartchat-contextual-cta-btn + .tc4-header {
  padding-top: 1rem;
}

.tc4-header.has-smartchat {
  align-items: center;
  align-content: center;
}

.tc4-header.has-smartchat .smartchat-contextual-cta-btn {
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
}

@media (max-width: 639px) {
  .tc4.has-smartchat .fueltype-nav-with-smartbtn {
    top: 55% !important;
  }
}

@media (max-width: 550px) {
  .tc4.has-smartchat .fueltype-nav-with-smartbtn {
    top: 52% !important;
  }
}

@media (max-width: 450px) {
  .tc4.has-smartchat .fueltype-nav-with-smartbtn {
    top: 47% !important;
  }
}

@media (max-width: 375px) {
  .tc4.has-smartchat .fueltype-nav-with-smartbtn {
    top: 45% !important;
  }
}

@media (max-width: 320px) {
  .tc4.has-smartchat .fueltype-nav-with-smartbtn {
    top: 44% !important;
  }
}

.tcs4-slide-image-container {
  display: block;
}

.tc4-fuelType-icon-wrapper {
  display: flex;
  align-items: flex-end;
}

.tc4-fuelType-svg {
  margin-right: 0.5rem;
}

.tc4-fuelType-svg > svg {
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
  fill: #333333;
}

.tc4-fuelType-svg-label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.tc4-item {
  padding: 0 1rem 1.5625rem;
}

@media (min-width: 640px) {
  .tc4-item {
    padding: 0 1.25rem;
  }
}

@media (min-width: 1024px) {
  .tc4-item {
    padding: 0 2.5rem;
  }
}

.tc4-item-heading {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}

.tc4-item-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  color: #333333;
  word-break: break-word;
  text-align: left;
}

.tc4-item-name-desc {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
  color: #666666;
  text-align: left;
  margin-bottom: 1rem;
}

.tc4-price {
  margin-top: auto;
}

.tc4-price-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #666666;
}

.tc4-offer-price {
  color: #002c5e;
}

.tc4-price-amount {
  display: flex;
}

.tc4-price-amount .tooltip-trigger {
  vertical-align: top;
}

.tc4-price-number {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

.tc4-swatch-container {
  display: flex;
  max-width: 100%;
}

.tc4-swatch {
  width: 1.75rem;
  height: 1rem;
  margin-right: 0.25rem;
}

.tc4-swatch:last-of-type {
  margin-right: 0;
}

@media (min-width: 1440px) {
  .tc4-swatch {
    width: 2.625rem;
  }
}

@media (max-width: 375px) {
  .tc4-swatch {
    width: 2.125rem;
  }
}

@media (max-width: 320px) {
  .tc4-swatch {
    width: 1.75rem;
  }
}

.tc4-swatch-small .tc4-swatch {
  width: 1.375rem;
}

.tc4-large-swatch .tc4-swatch {
  width: 2.9375rem;
}

@media (max-width: 375px) {
  .tc4-large-swatch .tc4-swatch {
    width: 2.125rem;
  }
}

@media (max-width: 320px) {
  .tc4-large-swatch .tc4-swatch {
    width: 1.75rem;
  }
}

.tc4-list-wrapper {
  height: 100%;
  border-top: 0.0625rem solid #bababa;
  border-bottom: 0.0625rem solid #bababa;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem 0 1rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .tc4-list-wrapper {
    padding: 1.125rem 0 0.625rem;
  }
}

.tc4-list-header {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #666666;
  text-align: left;
}

.tc4-list {
  list-style: none;
  padding-left: 0;
}

.tc4-list-item {
  display: flex;
  align-items: flex-start;
  padding-bottom: 0.5rem;
  color: #666666;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.tc4-list-item-feature-group {
  padding-left: 1.625rem;
}

.tc4-list-item-no-bottom-padding {
  padding-bottom: 0 !important;
}

.tc4-list-item-icon {
  flex-shrink: 0;
  width: 1.25rem;
  margin-right: 0.375rem;
}

.tc4-list-item-icon svg {
  height: 1.25rem;
  width: 1.25rem;
}

.tc4-list-footer {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #666666;
  text-align: left;
}

.tc4-item-ctas {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .tc4-item-ctas {
    flex-direction: row;
    justify-content: space-between;
  }
}

@media (max-width: 639px) {
  .tc4-item-ctas {
    flex-direction: row;
    justify-content: space-between;
  }
}

.tc4-item-ctas .button {
  margin-bottom: 0.875rem;
}

@media (min-width: 640px) {
  .tc4-item-ctas .button {
    flex-basis: 48.5%;
    max-width: 48.5%;
    margin-bottom: 0.5rem;
  }
}

@media (max-width: 639px) {
  .tc4-item-ctas .button {
    flex-basis: 48.5%;
    max-width: 48.5%;
    margin: 0 0.3125rem 0.875rem 0.3125rem;
  }
}

.tc3-carousel-wrapper .slick-list {
  cursor: default;
}

.tc3 {
  max-width: 1440px;
  position: relative;
  margin: 0 auto;
  padding: 2rem 1rem;
}

@media (min-width: 640px) {
  .tc3 {
    padding: 2rem 3rem;
  }
}

@media (min-width: 1024px) {
  .tc3 {
    padding: 3rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .tc3 {
    padding: 4.5rem 4.6875rem;
  }
}

.tc3-bg-white {
  background-color: #ffffff;
}

.tc3-bg-gray {
  background-color: #f3f3f3;
}

.tc3-bg-gradient {
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
}

.tc3-header {
  display: flex;
  flex-direction: column;
  padding-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .tc3-header {
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .tc3-header {
    padding: 0 1.875rem 5rem;
  }
}

@media (min-width: 1440px) {
  .tc3-header {
    padding: 0 2.8125rem 5rem;
  }
}

.tc3-header-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.tc3-header-section {
  display: flex;
}

.tc3-title {
  position: relative;
  font-weight: 700;
  font-size: 1rem;
  color: #666666;
  line-height: 1.125rem;
  margin-right: 1rem;
  padding-bottom: 0.5rem;
}

.tc3-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.5rem;
  height: 0.125rem;
  background-color: #666666;
}

.tc3-compare {
  flex-shrink: 0;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
}

.tc3-compare svg {
  margin-right: 0.5rem;
}

.tc3-fuel-type-list {
  position: relative;
  display: none;
  align-items: center;
}

.tc3-fuel-type-list:before {
  content: "";
  position: absolute;
  top: -0.1875rem;
  left: 0;
  width: 0.0625rem;
  height: 1.875rem;
  background-color: #666666;
}

@media (min-width: 1024px) {
  .tc3-fuel-type-list {
    display: flex;
  }
}

.tc3-fuel-type {
  display: flex;
  font-size: 1rem;
  color: #666666;
  line-height: 1.125rem;
  margin-left: 1rem;
  border-bottom: 0.0625rem solid transparent;
}

.tc3-fuel-type svg {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  fill: #666666;
  margin-right: 0.3125rem;
}

.tc3-fuel-type-active {
  color: #00aad2;
  border-bottom: 0.0625rem solid #00aad2;
}

.tc3-fuel-type-active svg {
  fill: #00aad2;
}

.tc3-fuel-types-dropdown-box {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 1.25rem;
}

@media (min-width: 1024px) {
  .tc3-fuel-types-dropdown-box {
    display: none;
  }
}

.tc3-fuel-types-dropdown-button {
  height: auto;
  font-weight: 400;
  color: #333333;
  padding: 0.5625rem 0.75rem;
  border: 0.0625rem solid #e6e6e6;
  -webkit-tap-highlight-color: transparent;
}

.tc3-fuel-types-dropdown-button.dropdown-open .icon-chevron-down-thick {
  transform: rotate(180deg);
}

.tc3-fuel-type-dropdown {
  width: 100%;
  position: absolute;
  top: 2.3125rem;
  border: 0.0625rem solid #e6e6e6;
  border-top: none;
  z-index: 2;
}

.tc3-fuel-type-dropdown-items:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.75rem;
  right: 0.75rem;
  height: 0.0625rem;
  background-color: #bababa;
  z-index: 2;
}

.tc3-fuel-type-dropdown-item {
  min-height: auto;
  padding: 0.625rem 1.375rem;
}

.tc3-fuel-type-dropdown-item + .tc3-fuel-type-dropdown-item:before {
  height: 0;
}

.tc3-fuel-type-dropdown-item-active {
  font-weight: 700;
  color: #002c5e;
}

.tc3-fuel-type-dropdown-item-active span:before {
  content: "";
  position: absolute;
  top: 0.75rem;
  left: 0.5625rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.tc3-fuel-type-dropdown-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
}

.tc3-slider {
  position: relative;
}

.tc3-slick {
  padding: 0;
}

@media (min-width: 1024px) {
  .tc3-slick {
    padding: 0 1.875rem;
  }
}

@media (min-width: 1440px) {
  .tc3-slick {
    padding: 0 2.8125rem;
  }
}

@media (min-width: 640px) {
  .tc3-slick .slick-list {
    display: flex;
  }
  .tc3-slick .slick-track {
    display: flex;
  }
}

@media all and (min-width: 640px) and (-ms-high-contrast: none), (min-width: 640px) and (-ms-high-contrast: active) {
  .tc3-slick .slick-track {
    flex: 1 0 auto;
  }
}

@media (min-width: 640px) {
  .tc3-slick .slick-slide > div {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .tc3-slick .tc3-slide {
    display: flex !important;
    flex-direction: column;
    height: 100%;
  }
  .tc3-slick .trims-carousel-item-ctas {
    margin-top: auto;
  }
}

.tc3-slide {
  padding: 0 1rem 0;
}

@media (min-width: 640px) {
  .tc3-slide {
    padding: 0 1.25rem;
  }
}

@media (min-width: 1024px) {
  .tc3-slide {
    padding: 0 2.5rem;
  }
}

@media (min-width: 640px) {
  .tcs-slide-image {
    flex-shrink: 0;
    transform: scale(1.3);
  }
}

.tcs-slide-image-disclaimer {
  font-size: 0.875rem;
  font-weight: 400;
  color: #888888;
  line-height: 1.0625rem;
  min-height: 1.25rem;
  text-align: center;
}

@media (min-width: 640px) {
  .tcs-slide-image-disclaimer {
    margin-top: 1.75rem;
  }
}

@media (min-width: 1023px) {
  .tcs-slide-image-disclaimer {
    margin-top: 2.1875rem;
  }
}

@media (min-width: 1440px) {
  .tcs-slide-image-disclaimer {
    margin-top: 1.875rem;
  }
}

.tc3-slick-nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.625rem;
}

@media (min-width: 640px) {
  .tc3-slick-nav {
    padding: 2rem 1.25rem 0;
  }
}

@media (min-width: 1024px) {
  .tc3-slick-nav {
    justify-content: center;
    padding: 2.5rem 0 0;
  }
}

@media (min-width: 1440px) {
  .tc3-slick-nav {
    padding: 2.6875rem 0 0;
  }
}

.tc3-slick-arrow {
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  .tc3-slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

.tc3-slick-arrow svg {
  height: 1.875rem;
}

.tc3-slick-arrow.slick-disabled {
  color: #bababa;
}

@media (min-width: 1024px) {
  .tc3-slick-prev {
    left: 0;
  }
}

@media (min-width: 1024px) {
  .tc3-slick-next {
    right: 0;
  }
}

.tc3-slick-dots ul.slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.tc3-slick-dots li {
  display: flex;
  align-items: center;
  border: 0.0625rem solid transparent;
  padding: 0.625rem;
  cursor: pointer;
}

@media (min-width: 640px) {
  .tc3-slick-dots li {
    padding: 0.625rem 0.9375rem;
  }
}

@media (min-width: 640px) {
  .tc3-slick-dots li.slick-active {
    border-color: #002c5e;
    border-radius: 1rem;
    padding: 0.625rem 0.9375rem;
  }
  .tc3-slick-dots li.slick-active:before {
    content: "";
    width: 0.5625rem;
    height: 0.5625rem;
    color: transparent;
    border-radius: 50%;
    background-color: #00aad2;
    margin-right: 2rem;
  }
}

@media (min-width: 1440px) {
  .tc3-slick-dots li.slick-active:after {
    content: "";
    width: 0.5625rem;
    height: 0.5625rem;
    color: transparent;
    border-radius: 50%;
    background-color: #00aad2;
    margin-left: 2rem;
  }
}

.tc3-slick-dots li.slick-active button {
  background-color: #00aad2;
}

.tc3-slick-dots li button {
  width: 0.5625rem;
  height: 0.5625rem;
  display: inline-block;
  color: transparent;
  border-radius: 50%;
  background-color: #888888;
}

.tc3-slick-dots li button::selection {
  color: transparent;
}

.tc3-slick-dots li button:focus {
  outline-width: 0.09375rem;
  outline-style: solid;
  outline-offset: 0.25rem;
}

.tc3-slickNavOnload {
  position: absolute;
}

@media (max-width: 39.9375rem) {
  .tc3-slickNavOnload {
    top: 42% !important;
  }
}

@media (max-width: 34.375rem) {
  .tc3-slickNavOnload {
    top: 38% !important;
  }
}

@media (max-width: 28.125rem) {
  .tc3-slickNavOnload {
    top: 29% !important;
  }
}

@media (max-width: 23.4375rem) {
  .tc3-slickNavOnload {
    top: 28% !important;
  }
}

@media (max-width: 20rem) {
  .tc3-slickNavOnload {
    top: 23% !important;
  }
}

@media (max-width: 639px) {
  .fueltype-nav-with-smartbtn {
    top: 55% !important;
  }
}

@media (max-width: 550px) {
  .fueltype-nav-with-smartbtn {
    top: 52% !important;
  }
}

@media (max-width: 450px) {
  .fueltype-nav-with-smartbtn {
    top: 47% !important;
  }
}

@media (max-width: 375px) {
  .fueltype-nav-with-smartbtn {
    top: 45% !important;
  }
}

@media (max-width: 320px) {
  .fueltype-nav-with-smartbtn {
    top: 44% !important;
  }
}

.tc3.has-smartchat {
  padding-top: 1rem;
}

.tc3.has-smartchat .tc3-header {
  padding-top: 3rem;
}

.tc3.has-smartchat .smartchat-contextual-cta-btn + .tc3-header {
  padding-top: 1rem;
}

.tc3-header.has-smartchat {
  align-items: center;
  align-content: center;
}

.tc3-header.has-smartchat .smartchat-contextual-cta-btn {
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
}

@media (max-width: 639px) {
  .tc3.has-smartchat .fueltype-nav-with-smartbtn {
    top: 55% !important;
  }
}

@media (max-width: 550px) {
  .tc3.has-smartchat .fueltype-nav-with-smartbtn {
    top: 52% !important;
  }
}

@media (max-width: 450px) {
  .tc3.has-smartchat .fueltype-nav-with-smartbtn {
    top: 47% !important;
  }
}

@media (max-width: 375px) {
  .tc3.has-smartchat .fueltype-nav-with-smartbtn {
    top: 45% !important;
  }
}

@media (max-width: 320px) {
  .tc3.has-smartchat .fueltype-nav-with-smartbtn {
    top: 44% !important;
  }
}

.media-360 {
  background-color: #f3f3f3;
  margin: 0.5rem 0;
}

.media-360-window,
.media-360-window-v2 {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: 56.25%;
  z-index: 10;
}

.media-360-window .loading-indicator,
.media-360-window-v2 .loading-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.1);
}

.media-360-images {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}

.media-360-image {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  transform: translateX(-110%);
  opacity: 0;
  z-index: 1;
}

.media-360-image-active {
  opacity: 1;
  transform: translateX(0);
  transform: scale(1.2);
}

.media-360-image-fade {
  z-index: 2;
  opacity: 0;
  transition: opacity 200ms linear;
}

.media-360-bar {
  position: relative;
  z-index: 20;
}

@media (min-width: 640px) {
  .media-360-bar {
    margin-top: -2rem;
  }
}

.media-360-swatches {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 2rem;
  transform: translate3d(0, 0, 0);
  filter: drop-shadow(3px 3px 12px rgba(0, 0, 0, 0.15));
}

.media-360-swatch {
  position: relative;
  margin-top: 0.5rem;
  height: 3rem;
  flex-basis: 2.375rem;
  max-width: 2.375rem;
}

@media (min-width: 640px) {
  .media-360-swatch {
    height: 1.5rem;
  }
}

@media (min-width: 1260px) {
  .media-360-swatch {
    flex-basis: 3rem;
    max-width: 3rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .media-360-swatch {
    box-shadow: 0.1875rem 0.1875rem 0.75rem rgba(0, 0, 0, 0.15);
  }
}

.media-360-swatch-active {
  height: 3rem;
  flex-basis: 4.25rem;
  max-width: 4.25rem;
}

@media (min-width: 1260px) {
  .media-360-swatch-active {
    flex-basis: 4.625rem;
    max-width: 4.625rem;
  }
}

.media-360-swatch-off {
  display: none;
}

.media-360-swatch-tile {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
}

@media (min-width: 640px) {
  .media-360-swatch-tile {
    top: 0;
  }
}

.media-360-swatch-active .media-360-swatch-tile {
  top: 0;
}

.media-360-swatch-name {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.media-360-swatch-label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #888888;
  padding: 0.75rem;
  text-align: center;
}

@media (max-width: 640px) {
  .media-360-disclaimer-placement {
    padding-top: 1.5625rem;
  }
}

.media-360-image-disclaimer {
  position: absolute;
  right: 2%;
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
}

@media (max-width: 640px) {
  .media-360-image-disclaimer {
    top: 4%;
    left: 0;
    right: 0;
  }
}

.media-360-legal-disclaimer {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  text-align: center;
  color: #888888;
  font-weight: 700;
  line-height: 1rem;
  letter-spacing: 0px;
  padding: 0.75rem 1rem;
}

@media (min-width: 640px) {
  .media-360-legal-disclaimer {
    padding: 0.75rem 1.25rem;
  }
}

@media (min-width: 1024px) {
  .media-360-legal-disclaimer {
    padding: 0.75rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .media-360-legal-disclaimer {
    padding: 0.5rem 4.5rem;
  }
}

.media-360-legal-disclaimer-left-aligned {
  text-align: start;
}

.media-360-legal-disclaimer-right-aligned {
  text-align: end;
}

.media-360-legal-disclaimer .media-360-exterior-disclaimer,
.media-360-legal-disclaimer .media-360-interior-disclaimer {
  margin-left: 3px;
}
.mti-v3 {
  width: 100%;
  display: flex;
  justify-content: center;
}

.mti-inner {
  width: 100%;
  max-width: 160rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

.mti-v3-full-width .mti-inner {
  max-width: none;
}

/* #region - BODY // // // // // // // // // // // // // // // // // // // // // // // // // // */
.mti-v3-body {
  width: 100vw;
  max-width: 90rem;
  height: 18.75rem;
  max-height: calc(1440px * (722 / 1440));
  position: relative;
}

@media (min-width: 375px) {
  .mti-v3-body {
    height: calc(100vw * (300 / 375));
  }
}

@media (min-width: 640px) {
  .mti-v3-body {
    height: calc(100vw * (360 / 640));
  }
}

@media (min-width: 1024px) {
  .mti-v3-body {
    height: calc(100vw * (534 / 1024));
  }
}

@media (min-width: 1440px) {
  .mti-v3-body {
    height: calc(100vw * (722 / 1440));
  }
}

.mti-v3-media {
  width: 100vw;
  max-width: 90rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  z-index: 1;
}

.mti-v3-media-active {
  position: relative;
  opacity: 1;
  z-index: 2;
}

.mti-v3-media-exterior-spin,
.mti-v3-media-interior-pano {
  width: 100vw;
  max-width: 90rem;
  height: 100%;
  cursor: grab;
  overflow: hidden;
}

.mti-v3-media-exterior-spin:active,
.mti-v3-media-interior-pano:active {
  cursor: grabbing;
}

.mti-v3-media-landing {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.25s linear;
  pointer-events: none;
  z-index: 3;
}

.mti-v3-media-landing-active {
  opacity: 1;
}

.mti-v3-media-landing-rotate {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  z-index: 2;
}

@media (min-width: 640px) {
  .mti-v3-media-landing-rotate {
    gap: 1.25rem;
  }
}

.mti-v3-media-landing-rotate-icon svg {
  width: 3.75rem;
  height: 1.4375rem;
}

@media (min-width: 1024px) {
  .mti-v3-media-landing-rotate-icon svg {
    width: 7.5rem;
    height: 2.875rem;
  }
}

.mti-v3-media-landing-rotate-copy {
  font-size: 1rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.375rem;
}

.mti-v3-media-landing-background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 1;
}

.mti-v3-media-loading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.25s linear 0.5s;
  pointer-events: none;
  z-index: 3;
}

.mti-v3-media-loading-show {
  opacity: 1;
  pointer-events: all;
}

.mti-v3-media-loading-icon {
  width: 4.375rem;
  height: 4.375rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

/* #endregion */
/* #region - NAV  // // // // // // // // // // // // // // // // // // // // // // // // // // */
.mti-v3-nav {
  width: 100%;
  max-width: 90rem;
}

.mti-v3-nav-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
}

@media (min-width: 640px) {
  .mti-v3-nav-inner {
    padding: 0.75rem 3rem;
  }
}

@media (min-width: 1024px) {
  .mti-v3-nav-inner {
    padding: 0.75rem 4.5rem;
  }
}

@media (min-width: 1440px) {
  .mti-v3-nav-inner {
    gap: 1.125rem;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0.75rem 7.5rem 1.125rem;
  }
}

/* DISCLAIMER */
.mti-v3-disclaimer {
  width: 100%;
  display: flex;
  justify-content: center;
}

.mti-v3-disclaimer-copy {
  width: 100%;
  font-weight: 700;
  font-size: 0.75rem;
  color: #888888;
  line-height: 1rem;
  text-align: center;
}

@media (min-width: 1440px) {
  .mti-v3-disclaimer-copy {
    width: calc((2/ 3) * 100%);
  }
}

.mti-v3-disclaimer-copy svg {
  -webkit-tap-highlight-color: transparent;
}

.mti-v3-disclaimer-copy .tooltip-trigger {
  padding: 0.875rem 0.875rem;
  margin: -0.875rem -0.875rem;
}

/* TOGGLES */
.mti-v3-toggle {
  position: relative;
  display: flex;
  justify-content: flex-start;
}

@media (min-width: 1440px) {
  .mti-v3-toggle {
    flex: 1;
  }
}

.mti-v3-toggle-views {
  display: flex;
  gap: 1.25rem;
  margin-bottom: 0.5rem;
  -webkit-tap-highlight-color: transparent;
}

.mti-v3-toggle-view {
  font-weight: 700;
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
  opacity: 0.7;
  padding: 0.625rem;
  margin: -0.625rem;
}

.mti-v3-toggle-view:hover {
  opacity: var(--toggle-opacity-active) !important;
}

.mti-v3-toggle-view-active {
  opacity: var(--toggle-opacity-active) !important;
}

.mti-v3-toggle-bar {
  width: 3.625rem;
  height: 0.125rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #00aad2;
  transition: all 0.3s cubic-bezier(0.25, 0, 0.2, 1);
  z-index: 3;
}

/* SWATCHES */
.mti-v3-swatches-height {
  width: 100%;
  position: relative;
  display: flex;
  align-items: flex-start;
}

@media (min-width: 1440px) {
  .mti-v3-swatches-height {
    flex: 3;
  }
}

.mti-v3-swatches {
  width: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  opacity: 0;
  z-index: 0;
}

.mti-v3-swatches-active {
  position: relative;
  opacity: 1;
  z-index: 1;
}

.mti-v3-swatch {
  width: 2.8125rem;
  outline: 0.0625rem solid var(--swatch-outline-color);
  outline-offset: -0.0625rem;
  -webkit-tap-highlight-color: transparent;
}

.mti-v3-swatch:hover {
  outline: 0.125rem solid var(--swatch-outline-color-active);
  outline-offset: -0.125rem;
}

.mti-v3-swatch:focus-visible {
  outline: 0.125rem solid var(--swatch-outline-color-active);
}

.mti-v3-swatch img {
  width: 2.8125rem;
  height: 1.875rem;
}

.mti-v3-swatch-active {
  width: 4.5rem;
  outline: 0.125rem solid var(--swatch-outline-color-active);
  outline-offset: -0.125rem;
}

.mti-v3-swatch-active img {
  width: 4.5rem;
  height: 3rem;
}

/* NAME */
.mti-v3-color-name {
  display: flex;
  justify-content: flex-end;
}

@media (min-width: 1440px) {
  .mti-v3-color-name {
    flex: 1;
  }
}

.mti-v3-color-name-copy {
  font-weight: 700;
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
}

@media (min-width: 640px) {
  .mti-v3-color-name-copy {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.mti-v3-color-name-copy svg {
  -webkit-tap-highlight-color: transparent;
}

.mti-v3-color-name-copy .tooltip-trigger {
  padding: 0.875rem 0.875rem;
  margin: -0.875rem -0.875rem;
}

/* #endregion */

.mti-v4 {
  width: 100%;
  display: flex;
  justify-content: center;
}

.mti-v4-inner {
  width: 100%;
  max-width: 160rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}

@media (min-width: 1920px) {
  .mti-v4-inner {
    padding: 4.5rem 0 3rem;
  }
}

.mti-v4-full-width .mti-inner {
  max-width: none;
}

/* #region - BODY // // // // // // // // // // // // // // // // // // // // // // // // // // */
.mti-v4-body {
  width: 100%;
  max-width: 90rem;
  height: 16.875rem;
  max-height: calc(1440px * (692 / 1440));
  position: relative;
}

@media (min-width: 375px) {
  .mti-v4-body {
    height: calc(100vw * (270 / 375));
  }
}

@media (min-width: 640px) {
  .mti-v4-body {
    height: calc(100vw * (400 / 640));
  }
}

@media (min-width: 1024px) {
  .mti-v4-body {
    height: calc(100vw * (468 / 1024));
  }
}

@media (min-width: 1440px) {
  .mti-v4-body {
    height: calc(100vw * (692 / 1440));
  }
}

.mti-v4-media {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  z-index: 1;
}

.mti-v4-media-active {
  position: relative;
  opacity: 1;
  z-index: 2;
}

.mti-v4-media-exterior-spin,
.mti-v4-media-interior-pano {
  width: 100%;
  height: 100%;
  cursor: grab;
  overflow: hidden;
}

.mti-v4-media-exterior-spin:active,
.mti-v4-media-interior-pano:active {
  cursor: grabbing;
}

.mti-v4-media-landing {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.25s linear;
  pointer-events: none;
  z-index: 3;
}

.mti-v4-media-landing-active {
  opacity: 1;
}

.mti-v4-media-landing-rotate {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}

.mti-v4-media-landing-rotate-icon svg {
  width: 6.1875rem;
  height: 3.375rem;
}

.mti-v4-media-landing-rotate-copy {
  font-size: 1rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.375rem;
}

.mti-v4-media-loading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.25s linear 0.5s;
  pointer-events: none;
  z-index: 3;
}

.mti-v4-media-loading-active {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.25s linear;
}

.mti-v4-media-loading-icon {
  width: 4.375rem;
  height: 4.375rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.mti-v4-eyebrow {
  position: absolute;
  top: 2rem;
  left: 1rem;
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.375rem;
  pointer-events: none;
  z-index: 3;
}

@media (min-width: 640px) {
  .mti-v4-eyebrow {
    top: 2rem;
    left: 3rem;
  }
}

@media (min-width: 1024px) {
  .mti-v4-eyebrow {
    top: 3rem;
    left: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .mti-v4-eyebrow {
    top: 4.5rem;
    left: 7.5rem;
  }
}

.mti-v4-eyebrow:after {
  content: '';
  width: 1.5rem;
  height: 0.125rem;
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  background-color: currentColor;
}

.mti-v4-trims {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 3;
  -webkit-tap-highlight-color: transparent;
}

@media (min-width: 640px) {
  .mti-v4-trims {
    right: 3rem;
    left: 3rem;
  }
}

@media (min-width: 1024px) {
  .mti-v4-trims {
    right: auto;
    left: 4.5rem;
    gap: 1.5rem;
  }
}

@media (min-width: 1440px) {
  .mti-v4-trims {
    bottom: 1.5rem;
    left: 7.5rem;
  }
}

.mti-v4-trims-dropdown {
  position: relative;
}

.mti-v4-trims-dropdown-button {
  display: flex;
  justify-content: space-between;
  gap: 0.25rem;
  background-color: #ffffff;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  cursor: default;
  padding: 0.6875rem 0.75rem;
  -webkit-tap-highlight-color: transparent;
}

@media (max-width: 639px) {
  .mti-v4-trims-dropdown-button {
    max-width: 14.125rem;
  }
}

.mti-v4-trims-dropdown-open .mti-v4-trims-dropdown-button {
  border: 0.0625rem solid #00aad2;
}

.mti-v4-trims-dropdown-enabled .mti-v4-trims-dropdown-button {
  cursor: pointer;
}

.mti-v4-trims-dropdown-button-copy {
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.25rem;
}

@media (max-width: 639px) {
  .mti-v4-trims-dropdown-button-copy {
    max-width: 11.625rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.mti-v4-trims-dropdown-button-icon {
  display: none;
}

.mti-v4-trims-dropdown-button-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
}

.mti-v4-trims-dropdown-open .mti-v4-trims-dropdown-button-icon svg {
  transform: rotate(180deg);
}

.mti-v4-trims-dropdown-enabled .mti-v4-trims-dropdown-button-icon {
  display: block;
  margin: 0.25rem;
}

.mti-v4-trims-dropdown-width {
  position: absolute;
  top: 0;
  visibility: hidden;
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.25rem;
  white-space: nowrap;
  pointer-events: none;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  padding: 0.75rem 2.1875rem 0.75rem 0.75rem;
}

.mti-v4-trims-dropdown-items {
  position: absolute;
  top: 3.125rem;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .mti-v4-trims-dropdown-items {
    top: auto;
    bottom: calc(100% + 4px);
  }
}

.mti-v4-trims-dropdown-item {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  font-size: 0.875rem;
  font-weight: 400;
  color: #333333;
  line-height: 1rem;
  background-color: #ffffff;
  padding: 0.75rem;
}

.mti-v4-trims-dropdown-item:hover {
  background-color: var(--dropdown-item-hover, #f3f3f3) !important;
}

.mti-v4-trims-dropdown-item-active {
  background-color: #f3f3f3;
}

.mti-v4-trims-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  cursor: default;
}

@media (min-width: 1024px) {
  .mti-v4-trims-price {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
  }
}

.mti-v4-trims-price-value {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.625rem;
}

.mti-v4-trims-price-msrp-copy {
  font-size: 0.75rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 1rem;
}

.mti-v4-trims-price-msrp-legal button {
  -webkit-tap-highlight-color: transparent;
}

.mti-v4-toggle {
  width: 4.5rem;
  height: 4.5rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  z-index: 3;
}

@media (min-width: 640px) {
  .mti-v4-toggle {
    top: 1.5rem;
    right: 3rem;
  }
}

@media (min-width: 1024px) {
  .mti-v4-toggle {
    top: auto;
    right: 4.5rem;
    bottom: 1.125rem;
  }
}

@media (min-width: 1440px) {
  .mti-v4-toggle {
    right: 7.5rem;
    bottom: 1.5rem;
  }
}

.mti-v4-toggle-button-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.mti-v4-toggle-button-icon {
  width: 4.5rem;
  height: 2.125rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.mti-v4-toggle-button-icon svg {
  width: 100%;
  height: 100%;
  opacity: 0.6;
}

.mti-v4-background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.25);
  opacity: 1;
  z-index: 2;
  pointer-events: none;
}

/* #endregion */
/* #region - NAV  // // // // // // // // // // // // // // // // // // // // // // // // // // */
.mti-v4-nav {
  width: 100%;
  max-width: 90rem;
  position: relative;
}

.mti-v4-nav-tooltip {
  z-index: 4;
}

.mti-v4-nav-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.mti-v4-nav-legal {
  padding: 0.5rem 1rem 0;
}

@media (min-width: 640px) {
  .mti-v4-nav-legal {
    padding: 1rem 3rem 0;
  }
}

@media (min-width: 1024px) {
  .mti-v4-nav-legal {
    padding: 1rem 4.5rem 0;
  }
}

@media (min-width: 1440px) {
  .mti-v4-nav-legal {
    padding: 1rem 7.5rem 0;
  }
}

.mti-v4-nav-legal-copy {
  font-size: 0.75rem;
  font-weight: 400;
  color: #666666;
  line-height: 1rem;
  padding-right: 1rem;
}

.mti-v4-nav-swatches-build {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
}

@media (min-width: 640px) {
  .mti-v4-nav-swatches-build {
    gap: 1.5rem;
    padding: 1.5rem 3rem;
  }
}

@media (min-width: 1024px) {
  .mti-v4-nav-swatches-build {
    flex-direction: row;
    padding: 1.5rem 4.5rem;
  }
}

@media (min-width: 1440px) {
  .mti-v4-nav-swatches-build {
    padding: 1.5rem 7.5rem;
  }
}

/* SWATCHES */
.mti-v4-swatches-tooltip {
  position: relative;
}

.mti-v4-swatches {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1024px) {
  .mti-v4-swatches {
    flex-direction: row;
    gap: 4.5rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .mti-v4-nav-col .mti-v4-swatches {
    flex-direction: column;
    gap: 1rem;
  }
}

@media (min-width: 1024px) {
  .mti-v4-nav-space-between .mti-v4-swatches-tooltip,
  .mti-v4-nav-space-between-col .mti-v4-swatches-tooltip {
    width: 100%;
  }
  .mti-v4-nav-space-between .mti-v4-swatches,
  .mti-v4-nav-space-between-col .mti-v4-swatches {
    justify-content: space-between;
    flex-direction: row;
  }
  .mti-v4-nav-space-between .mti-v4-swatch-interior .mti-v4-swatch-buttons,
  .mti-v4-nav-space-between-col .mti-v4-swatch-interior .mti-v4-swatch-buttons {
    justify-content: flex-end;
  }
  .mti-v4-nav-space-between .mti-v4-swatch-interior .mti-v4-swatch-copy,
  .mti-v4-nav-space-between-col .mti-v4-swatch-interior .mti-v4-swatch-copy {
    text-align: right;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .mti-v4-nav-space-between-col .mti-v4-swatches {
    flex-direction: column;
  }
  .mti-v4-nav-space-between-col .mti-v4-swatch-interior .mti-v4-swatch-buttons {
    justify-content: flex-start;
  }
  .mti-v4-nav-space-between-col .mti-v4-swatch-interior .mti-v4-swatch-copy {
    text-align: left;
  }
}

.mti-v4-swatch-exterior,
.mti-v4-swatch-interior {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.mti-v4-swatch-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.25rem;
}

@media (min-width: 640px) {
  .mti-v4-swatch-buttons {
    gap: 1rem;
  }
}

@media (min-width: 1024px) {
  .mti-v4-swatch-buttons {
    gap: 0.75rem;
  }
}

.mti-v4-swatch {
  position: relative;
  -webkit-tap-highlight-color: transparent;
}

.mti-v4-swatch:hover {
  outline: 0.125rem solid #000000;
  outline-offset: 0.125rem;
  border-radius: 2.5rem;
}

.mti-v4-swatch:focus-visible {
  outline: 0.125rem solid #000000;
  outline-offset: 0.125rem;
  border-radius: 2.5rem;
}

.mti-v4-swatch img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 2.5rem;
}

.mti-v4-swatch-active {
  outline: 0.125rem solid #000000;
  outline-offset: 0.125rem;
  border-radius: 2.5rem;
}

.mti-v4-swatch-disabled-icon {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 2;
}

.mti-v4-swatch-disabled-icon svg {
  width: 100%;
  height: 100%;
}

.mti-v4-swatch-disabled .mti-v4-swatch-disabled-icon {
  display: block;
}

.mti-v4-swatch-copy {
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
  line-height: 1rem;
}

.mti-v4-swatch-copy span {
  font-weight: 500;
}

.mti-v4-swatch-tooltip {
  width: 20.1875rem;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-radius: 1rem;
  border: 0.0625rem solid #e6e6e6;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  z-index: 3;
}

@media (max-width: 639px) {
  .mti-v4-swatch-tooltip {
    width: 21.4375rem;
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
  }
}

.mti-v4-swatch-tooltip-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}

@media (min-width: 640px) {
  .mti-v4-swatch-tooltip-inner {
    padding: 1.5rem;
  }
}

.mti-v4-swatch-tooltip-arrow {
  width: 1.0625rem;
  height: 1.0625rem;
  position: absolute;
  bottom: -0.5rem;
  right: calc(50% - 8px);
  overflow: hidden;
  transform: rotate(45deg);
}

@media (max-width: 639px) {
  .mti-v4-swatch-tooltip-arrow {
    display: none !important;
  }
}

.mti-v4-swatch-tooltip-arrow:after {
  content: "";
  width: 1.0625rem;
  height: 1.0625rem;
  position: absolute;
  left: 0;
  top: 0;
  background: #ffffff;
  border: 0.0625rem solid #ededed;
  border-top: none;
  border-left: none;
}

.mti-v4-swatch-tooltip-close-button {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  padding: 0.375rem;
}

.mti-v4-swatch-tooltip-close-button svg {
  width: 1.125rem;
  height: 1.125rem;
}

.mti-v4-swatch-tooltip-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.25rem;
  margin-right: 1.5rem;
}

.mti-v4-swatch-tooltip-copy {
  font-size: 0.875rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.25rem;
}

@media (max-width: 639px) {
  .mti-v4-swatch-tooltip-backdrop {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
    z-index: 2;
  }
}

/* BUILD */
.mti-v4-build a {
  -webkit-tap-highlight-color: transparent;
}

.mti-v4-build button {
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1.4375rem;
}

@media (min-width: 1024px) {
  .mti-v4-build button {
    padding: 0 1.8125rem;
  }
}

/* #endregion */

.sc-bg-white {
  background: #ffffff;
}

.sc-bg-gray {
  background: #f3f3f3;
}

.sc-bg-gradient {
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
}

@media (max-width: 1023px) {
  .sc-wrapper-bar.sticky-bar-on {
    top: 3.0625rem;
  }
}

@media (min-width: 1024px) {
  .sc-wrapper-bar {
    padding: 1rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .sc-wrapper-bar {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

.sc-wrapper-bar.sticky-bar-on {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .sc-wrapper-bar.sticky-bar-on {
    padding-top: 0;
  }
}

.sc-wrapper-bar.sticky-bar-on .sc-filter-heading {
  display: none;
}

@media (min-width: 1024px) {
  body.chat-opened .sc-wrapper-bar {
    width: calc(100vw - 375px);
    padding: 1rem;
  }
  body.chat-opened .sc-wrapper-bar.sticky-bar-on {
    padding-top: 0;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .sc-wrapper-bar.sticky-bar-on {
    top: 5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sc-wrapper-bar {
    padding: 1rem 2.625rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .sc-wrapper-bar {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

.sc-wrapper {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1440px;
}

@media (min-width: 1024px) {
  .sc-wrapper {
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .sc-wrapper {
    flex-direction: column;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sc-wrapper {
    flex-direction: row;
  }
}

.sticky-bar-on.sc-wrapper-bar .sc-item-img,
.sticky-bar-on.sc-wrapper-bar .sc-item-close,
.sticky-bar-on.sc-wrapper-bar .sc-slick-nav {
  display: none;
}

@media (max-width: 1023px) {
  .sticky-bar-on.sc-wrapper-bar .sc-filter-desktop,
  .sticky-bar-on.sc-wrapper-bar .sc-filter-mobile {
    display: none;
  }
}

@media (min-width: 1024px) {
  .sticky-bar-on.sc-wrapper-bar .sc-print {
    display: none;
  }
  .sticky-bar-on.sc-wrapper-bar .sc-item-close {
    display: block;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .sticky-bar-on.sc-wrapper-bar .sc-filter-desktop,
  body.chat-opened .sticky-bar-on.sc-wrapper-bar .sc-filter-mobile {
    display: none;
  }
  body.chat-opened .sticky-bar-on.sc-wrapper-bar .sc-item-close {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sticky-bar-on.sc-wrapper-bar .sc-print {
    display: none;
  }
  body.chat-opened .sticky-bar-on.sc-wrapper-bar .sc-item-close {
    display: block;
  }
}

.sc-filter-dropdown-container {
  position: relative;
  z-index: 994;
  margin-left: -1rem;
  margin-right: -1rem;
}

@media (min-width: 640px) {
  .sc-filter-dropdown-container {
    margin-left: -2rem;
    margin-right: -2rem;
  }
}

@media (min-width: 1024px) {
  .sc-filter-dropdown-container {
    margin-left: -1rem;
    margin-right: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .sc-filter-dropdown-container {
    margin-left: -2rem;
    margin-right: -2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sc-filter-dropdown-container {
    margin-left: -1rem;
    margin-right: 0;
  }
}

.sc-filter-dropdown-header {
  background-color: #ffffff;
  color: #333333;
}

.sc-filter-dropdown-header .icon {
  fill: #002c5e;
  margin-left: 0.625rem;
}

.sc-filter-dropdown-header span + span {
  margin-left: .2em;
  white-space: nowrap;
}

@media (min-width: 640px) {
  .sc-filter-dropdown-header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .sc-filter-dropdown-header {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .sc-filter-dropdown-header {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sc-filter-dropdown-header {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
  }
}

.sc-filter-result-num-value,
.sc-filter-result-num-text {
  display: none;
}

.sc-filter-result-show {
  display: inline;
}

.sc-filter-result-hide {
  display: none;
}

.sc-filter-heading {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  padding: 1.5rem 0 0.375rem 0;
}

@media (min-width: 1440px) {
  .sc-filter-heading {
    line-height: 1.25rem;
  }
}

.sc-filter-mobile {
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .sc-filter-mobile {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .sc-filter-mobile {
    display: none;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .sc-filter-mobile {
    padding: 0 2rem;
    display: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sc-filter-mobile {
    display: none;
  }
}

.sc-filter-dropdown-btn-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

@media (min-width: 640px) {
  .sc-filter-dropdown-btn-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .sc-filter-dropdown-btn-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .sc-filter-dropdown-btn-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sc-filter-dropdown-btn-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.sc-filter-dropdown-btn-clear {
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.sc-filter-dropdown-btn-clear .icon {
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.375rem;
}

.sc-filter-dropdown-btn-clear-hidden {
  display: none;
}

.sc-filter-dropdown-btn-done {
  height: 2.125rem;
  margin-left: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.sc-filter-dropdown-btn-disabled {
  background-color: #888888;
  pointer-events: none;
}

.sc-filter-desktop {
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .sc-filter-desktop {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .sc-filter-desktop {
    width: 25%;
    padding: 0;
  }
}

body.chat-opened .sc-filter-desktop {
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
}

@media (min-width: 1024px) {
  body.chat-opened .sc-filter-desktop {
    padding: 0 2rem;
    width: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sc-filter-desktop {
    width: 25%;
    padding: 0;
  }
}

.sc-filter-dropdown-bottom {
  margin-top: auto;
}

@media (max-width: 1023px) {
  .sc-filter-dropdown-bottom {
    display: none;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .sc-filter-dropdown-bottom {
    display: none;
  }
}

.sc-backdrop {
  z-index: 980;
}

.sc-filter-dropdown {
  background-color: #ffffff;
}

.sc-label {
  align-items: center;
  cursor: pointer;
  display: flex;
  position: relative;
}

.sc-icon-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.sc-icon-wrapper svg {
  max-width: 100%;
  height: 0.875rem;
  width: auto;
}

.sc-label-text {
  line-height: 1.375rem;
  font-weight: 400;
  width: 100%;
}

.sc-filter-checkbox .sc-label-text {
  border-bottom: 0.0625rem solid #f3f3f3;
}

@media (min-width: 375px) {
  .sc-filter-checkbox .sc-label-text {
    margin-left: 1rem;
    padding: 0.8125rem 0 0.8125rem 1.875rem;
    width: calc(100% - 32px);
  }
}

@media (min-width: 640px) {
  .sc-filter-checkbox .sc-label-text {
    margin-left: 2rem;
    width: calc(100% - 64px);
  }
}

@media (min-width: 1024px) {
  .sc-filter-checkbox .sc-label-text {
    margin-left: 1.125rem;
    width: calc(100% - 36px);
  }
}

@media (min-width: 1024px) {
  .sc-filter-checkbox body.chat-opened .sc-label-text {
    margin-left: 2rem;
    width: calc(100% - 64px);
  }
}

@media (min-width: 1440px) {
  .sc-filter-checkbox body.chat-opened .sc-label-text {
    margin-left: 1.125rem;
    width: calc(100% - 36px);
  }
}

.sc-filter-checkbox .sc-checkbox:checked ~ .sc-label-text {
  background-color: #f3f3f3;
  border-color: #f3f3f3;
  margin: 0;
}

@media (min-width: 375px) {
  .sc-filter-checkbox .sc-checkbox:checked ~ .sc-label-text {
    padding: 0.8125rem 1rem 0.8125rem 2.875rem;
  }
}

@media (min-width: 640px) {
  .sc-filter-checkbox .sc-checkbox:checked ~ .sc-label-text {
    padding: 0.8125rem 1rem 0.8125rem 3.875rem;
  }
}

@media (min-width: 1024px) {
  .sc-filter-checkbox .sc-checkbox:checked ~ .sc-label-text {
    padding: 0.8125rem 1rem 0.8125rem 3rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .sc-filter-checkbox .sc-checkbox:checked ~ .sc-label-text {
    padding: 0.8125rem 1rem 0.8125rem 3.875rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sc-filter-checkbox .sc-checkbox:checked ~ .sc-label-text {
    padding: 0.8125rem 1rem 0.8125rem 3rem;
  }
}

.sc-checkbox-box {
  border-color: #002c5e;
}

.sc-filter-checkbox .sc-checkbox-box {
  position: absolute;
  top: 0.875rem;
}

@media (min-width: 375px) {
  .sc-filter-checkbox .sc-checkbox-box {
    left: 1rem;
  }
}

@media (min-width: 640px) {
  .sc-filter-checkbox .sc-checkbox-box {
    left: 2rem;
  }
}

@media (min-width: 1024px) {
  .sc-filter-checkbox .sc-checkbox-box {
    left: 1.125rem;
  }
}

@media (min-width: 1024px) {
  .sc-filter-checkbox body.chat-opened .sc-checkbox-box {
    left: 2rem;
  }
}

@media (min-width: 1440px) {
  .sc-filter-checkbox body.chat-opened .sc-checkbox-box {
    left: 1.125rem;
  }
}

.sc-checkbox:checked ~ .sc-label-text {
  color: #002c5e;
  font-weight: 700;
  width: 100%;
}

.sc-checkbox:disabled ~ .sc-label-text {
  color: #bababa;
}

.sc-checkbox:disabled ~ .sc-checkbox-box {
  border-color: #bababa;
}

.sc-checkbox {
  opacity: 0;
  position: absolute;
}

.sc-checkbox:focus ~ .sc-label-text {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .sc-checkbox:focus ~ .sc-label-text {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.sc-print {
  display: block;
  padding: 0.375rem 0;
}

.sc-print-link {
  color: #002c5e;
  display: inline-block;
  font-weight: 700;
  text-decoration: none;
}

.sc-print-link svg {
  display: inline-block;
  fill: currentColor;
  margin-right: 0.625rem;
  width: 1rem;
  vertical-align: middle;
}

.sc-highlight-diff-btn {
  color: #002c5e;
  display: inline-flex;
  padding: 0.25rem 0;
}

.sc-highlight-diff-btn .sc-checkbox-box {
  margin-right: 0.5rem;
  position: relative;
  flex-shrink: 0;
}

.sc-highlight-diff-btn .sc-label-text {
  font-weight: 700;
  line-height: 1.375rem;
}

.sc-filter-dropdown-bottom .sc-highlight-diff-btn {
  padding: 0.375rem 0;
}

.sc-checkbox {
  align-items: center;
  color: #002c5e;
  display: block;
  font-weight: 700;
  justify-content: left;
  line-height: 1.375rem;
  padding: 0.25rem 0;
}

.sc-filter-dropdown-bottom .sc-checkbox {
  padding: 0.375rem 0;
}

.sc-accordion-display-all-btn {
  display: block;
  color: #002c5e;
  font-weight: 700;
  line-height: 1.375rem;
  padding: 0.25rem 0;
  cursor: pointer;
}

.sc-accordion-hide-text {
  display: none;
}

.sc-accordion-display-all-btn svg {
  display: inline-block;
  fill: #002c5e;
  height: 1rem;
  margin-right: 0.625rem;
  width: 0.875rem;
  vertical-align: middle;
}

@media (min-width: 640px) {
  .sc-container {
    padding-top: 0.5rem;
  }
}

@media (min-width: 1024px) {
  .sc-container {
    position: relative;
    width: 75%;
    padding-top: 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .sc-container {
    padding-top: 0.5rem;
    position: inherit;
    width: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sc-container {
    position: relative;
    width: 75%;
    padding-top: 1rem;
  }
}

.sc-checkbox-toggle-accordion:checked ~ .icon {
  transform: rotate(180deg);
}

.sc-checkbox-toggle-accordion:checked ~ .sc-accordion-expand-text {
  display: none;
}

.sc-checkbox-toggle-accordion:checked ~ .sc-accordion-hide-text {
  display: inline-block;
}

.sc-checkbox-toggle-accordion:focus ~ .sc-accordion-expand-text,
.sc-checkbox-toggle-accordion:focus ~ .sc-accordion-hide-text {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .sc-checkbox-toggle-accordion:focus ~ .sc-accordion-expand-text,
  .sc-checkbox-toggle-accordion:focus ~ .sc-accordion-hide-text {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.sc-container .slick-track {
  margin-left: 0;
}

@media (min-width: 1024px) {
  .sc-arrow-container .sc-slick-next {
    top: 60%;
  }
  .sc-arrow-container .sc-slick-prev {
    top: 60%;
  }
}

.specs-carousel {
  display: flex;
}

.specs-carousel .sc-item {
  display: none;
  flex-basis: 50%;
  max-width: 50%;
}

@media (min-width: 640px) {
  .specs-carousel .sc-item {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

.specs-carousel .sc-item:nth-child(-n+2) {
  display: block;
}

@media (min-width: 640px) {
  .specs-carousel .sc-item:nth-child(-n+3) {
    display: block;
  }
}

.specs-carousel.slick-initialized {
  display: block;
}

.specs-carousel.slick-initialized .sc-item {
  display: block;
  flex-basis: auto;
  max-width: none;
}

.sc-item {
  position: relative;
  padding: 0.75rem 0.5rem;
}

@media (min-width: 640px) {
  .sc-item {
    padding-top: 1rem;
  }
}

@media (min-width: 1024px) {
  .sc-item {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

body.chat-opened .sc-item {
  position: relative;
  padding: 0.75rem 0.5rem;
}

@media (min-width: 1024px) {
  body.chat-opened .sc-item {
    padding-top: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sc-item {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.sc-item-close {
  position: absolute;
  top: 0;
  right: 0.125rem;
}

.sc-item-close-btn {
  display: none;
}

.sc-item-close-btn-show {
  color: #002c5e;
  display: inline-flex;
  pointer-events: auto;
  cursor: pointer;
}

.sc-item-img {
  padding-bottom: 0.75rem;
}

.sc-item-heading {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .sc-item-heading {
    align-items: center;
  }
}

.sc-item-icon-wrapper {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.sc-item-icon-wrapper svg {
  max-width: 100%;
  height: 0.875rem;
  width: auto;
}

@media (min-width: 1024px) {
  .sc-item-icon-wrapper {
    padding-bottom: 0.375rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .sc-item-icon-wrapper {
    padding-bottom: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sc-item-icon-wrapper {
    padding-bottom: 0.375rem;
  }
}

.sc-item-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
}

@media (min-width: 640px) {
  .sc-item-name {
    text-align: center;
  }
}

@media (max-width: 1023px) {
  .sc-item-name {
    font-size: 16px;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .sc-item-name {
    font-size: 16px;
  }
}

.sc-price {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  .sc-price {
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .sc-price {
    align-items: inherit;
    flex-direction: column;
    justify-content: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sc-price {
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }
}

.sc-price-number {
  font-weight: 400;
  line-height: 1.375rem;
}

.sc-price-text {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .sc-price-text {
    padding-left: 0.75rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .sc-price-text {
    padding-left: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sc-price-text {
    padding-left: 0.75rem;
  }
}

.sc-item-ctas {
  display: flex;
  padding-top: 0.5rem;
}

@media (min-width: 640px) {
  .sc-item-ctas {
    align-items: center;
    justify-content: center;
  }
}

.sc-item-build-btn {
  display: inline-flex;
  align-items: center;
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
}

.sc-item-build-btn svg {
  fill: currentColor;
  height: 0.625rem;
  margin-left: 0.375rem;
  width: 0.5rem;
  vertical-align: middle;
}

.sc-slick-next-mobile svg,
.sc-slick-prev-mobile svg {
  height: 2rem;
  width: 1rem;
}

@media (min-width: 1024px) {
  .sc-slick-next-mobile,
  .sc-slick-prev-mobile {
    display: none;
  }
}

@media (min-width: 1024px) {
  .sticky-bar-on .sc-wrapper {
    align-items: center;
  }
}

@media (max-width: 1023px) {
  .sticky-bar-on .sc-wrapper .sc-slick-next,
  .sticky-bar-on .sc-wrapper .sc-slick-prev {
    width: 0.625rem;
  }
}

@media (max-width: 1023px) {
  .sticky-bar-on .sc-wrapper .sc-slick-next,
  .sticky-bar-on .sc-wrapper .sc-slick-prev {
    opacity: 1;
  }
}

.sticky-bar-on .sc-wrapper .sc-slick-next {
  right: 0.5rem;
}

@media (min-width: 640px) {
  .sticky-bar-on .sc-wrapper .sc-slick-next {
    right: 1rem;
  }
}

@media (min-width: 1024px) {
  .sticky-bar-on .sc-wrapper .sc-slick-next {
    right: 0;
  }
}

.sticky-bar-on .sc-wrapper .sc-slick-prev {
  left: 0.5rem;
}

@media (min-width: 640px) {
  .sticky-bar-on .sc-wrapper .sc-slick-prev {
    left: 1rem;
  }
}

@media (min-width: 1024px) {
  .sticky-bar-on .sc-wrapper .sc-slick-prev {
    left: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .sticky-bar-on .sc-wrapper {
    align-items: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sticky-bar-on .sc-wrapper {
    align-items: center;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .sticky-bar-on .sc-wrapper .sc-slick-next,
  body.chat-opened .sticky-bar-on .sc-wrapper .sc-slick-prev {
    width: 0.625rem;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .sticky-bar-on .sc-wrapper .sc-slick-next,
  body.chat-opened .sticky-bar-on .sc-wrapper .sc-slick-prev {
    opacity: 1;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .sticky-bar-on .sc-wrapper .sc-slick-next {
    right: 1rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sticky-bar-on .sc-wrapper .sc-slick-next {
    right: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .sticky-bar-on .sc-wrapper .sc-slick-prev {
    left: 1rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sticky-bar-on .sc-wrapper .sc-slick-prev {
    left: 0;
  }
}

.sc-arrow-container {
  position: relative;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .sc-arrow-container {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .sc-arrow-container {
    margin-left: -1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .sc-arrow-container {
    padding: 0 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sc-arrow-container {
    margin-left: -1rem;
  }
}

.sc-slick-prev,
.sc-slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #002c5e;
}

@media (max-width: 1023px) {
  .sc-slick-prev,
  .sc-slick-next {
    opacity: 0;
    display: none;
  }
}

@media (min-width: 1024px) {
  .sc-slick-prev,
  .sc-slick-next {
    top: 79%;
  }
}

@media (min-width: 1440px) {
  .sc-slick-prev,
  .sc-slick-next {
    top: 82%;
  }
}

.sc-slick-prev svg,
.sc-slick-next svg {
  fill: currentColor;
}

.sc-slick-prev .icon,
.sc-slick-next .icon {
  height: 1.875rem;
}

@media (max-width: 640px) {
  .sc-slick-prev .icon,
  .sc-slick-next .icon {
    height: 0.625rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .sc-slick-prev,
  body.chat-opened .sc-slick-next {
    top: 50%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sc-slick-prev,
  body.chat-opened .sc-slick-next {
    top: 79%;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .sc-slick-prev,
  body.chat-opened .sc-slick-next {
    top: 82%;
  }
}

@media (min-width: 1024px) {
  .sc-slick-next {
    right: 0;
  }
}

.sc-slick-prev {
  z-index: 995;
}

@media (min-width: 1024px) {
  .sc-slick-prev {
    left: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .sc-slick-prev {
    left: 0.625rem;
  }
}

.sc-slick-next-mobile svg,
.sc-slick-prev-mobile svg,
.sc-slick-next svg,
.sc-slick-prev svg {
  fill: #002c5e;
}

.sc-slick-next-mobile.slick-disabled,
.sc-slick-prev-mobile.slick-disabled,
.sc-slick-next.slick-disabled,
.sc-slick-prev.slick-disabled {
  cursor: default;
}

.sc-slick-next-mobile.slick-disabled svg,
.sc-slick-prev-mobile.slick-disabled svg,
.sc-slick-next.slick-disabled svg,
.sc-slick-prev.slick-disabled svg {
  fill: #bababa;
}

.sc-slick-nav {
  display: flex;
  justify-content: space-between;
  margin: 1.5625rem 0;
  padding: 0 1rem;
}

@media (max-width: 640px) {
  .sc-slick-nav {
    margin-top: 0.3125rem;
  }
}

@media (min-width: 640px) {
  .sc-slick-nav {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .sc-slick-nav {
    justify-content: center;
    margin: 1.4375rem 0 0;
    padding: 0 1rem 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .sc-slick-nav {
    padding: 0 2rem;
    margin: 1.5625rem 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sc-slick-nav {
    justify-content: center;
    margin: 1.4375rem 0 0;
    padding: 0 1rem 0;
  }
}

.sc-dots-container .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.sc-dots-container .slick-active button {
  background-color: #00aad2;
}

.sc-dots-container button {
  background-color: #888888;
  border-radius: 50%;
  color: transparent;
  display: inline-block;
  height: 0.5625rem;
  width: 0.5625rem;
}

.sc-dots-container button::selection {
  color: transparent;
}

@media (min-width: 640px) {
  .sc-dots-container button {
    outline: none;
  }
}

.sc-dots-container li {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0.625rem;
  border: 0.0625rem solid transparent;
}

@media (min-width: 640px) {
  .sc-dots-container li {
    padding: 0.625rem 0.9375rem;
  }
}

.sc-dots-container li button:focus {
  outline: 2px solid -webkit-focus-ring-color;
  outline-offset: 0.25rem;
}

.sc-dots-container li.slick-active {
  border-color: #002c5e;
  border-radius: 1rem;
  padding: 0.625rem 0.9375rem;
}

.sc-dots-container li.slick-active:before {
  content: '';
  background-color: #00aad2;
  border-radius: 50%;
  color: transparent;
  height: 0.5625rem;
  margin-right: 1.3125rem;
  width: 0.5625rem;
}

@media (min-width: 640px) {
  .sc-dots-container li.slick-active:before {
    margin-right: 2rem;
  }
  .sc-dots-container li.slick-active:after {
    content: '';
    background-color: #00aad2;
    border-radius: 50%;
    color: transparent;
    height: 0.5625rem;
    margin-left: 2rem;
    width: 0.5625rem;
  }
}

.sc-hide {
  display: none;
}

.sc-container-loading .sc-slick-prev,
.sc-container-loading .sc-slick-next,
.sc-container-loading .sc-slick-next-mobile,
.sc-container-loading .sc-slick-prev-mobile,
.sc-container-loading .sc-item-close-btn {
  opacity: 0;
}

@media print {
  .sc-container .slick-track {
    display: flex;
  }
  .sc-container .sc-slick-nav {
    display: none;
  }
  .sc-container .slick-slide {
    display: none !important;
  }
  .sc-container .slick-slide.slick-active {
    display: flex !important;
    flex-direction: column;
  }
  .sc-container .slick-list {
    height: auto !important;
  }
  .sc-container .slick-track {
    width: auto !important;
    height: auto !important;
    transform: none !important;
  }
  .sc-container .slick-track .slick-slide {
    width: auto !important;
  }
  .sc-container .ftc-title {
    word-break: break-all;
  }
}

.sc-trim-disclaimer {
  color: #888888;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  font-weight: 400;
  text-align: center;
  padding-bottom: 0.3125rem;
}

@media (max-width: 640px) {
  .sc-trim-disclaimer {
    text-align: left;
    padding-bottom: 0.9375rem;
    line-height: 1.25rem;
  }
}

.sc-trims-disclaimer {
  display: flex;
  width: 100%;
  justify-content: left;
  margin: 0.25rem 0;
}

@media (min-width: 640px) {
  .sc-trims-disclaimer {
    justify-content: center;
  }
}

@media (min-width: 1024px) {
  .sc-trims-disclaimer {
    margin: 0.5rem 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .sc-trims-disclaimer {
    justify-content: center;
    margin: 0.25rem 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sc-trims-disclaimer {
    margin: 0.5rem 0;
  }
}

.sc-card-image-disclaimer {
  position: relative;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  color: #888888;
  line-height: 1rem;
  text-align: left;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 2;
}

@media (min-width: 640px) {
  .sc-card-image-disclaimer {
    text-align: center;
  }
}

.sc-trims-cg-icon {
  color: #002c5e;
  padding-left: 0.25rem;
}

@media (max-width: 1024px) {
  .sticky-bar-on .sc-trims-disclaimer {
    display: none;
  }
  .sticky-bar-on .sc-trim-disclaimer {
    display: none;
  }
  .sticky-bar-on .sc-price {
    display: none;
  }
  .sticky-bar-on .sc-item-ctas {
    display: none;
  }
  .sticky-bar-on .slick-track {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 1024px) {
  body.chat-opened .sticky-bar-on .sc-trims-disclaimer {
    display: inherit;
  }
  body.chat-opened .sticky-bar-on .sc-trim-disclaimer {
    display: inherit;
  }
  body.chat-opened .sticky-bar-on .sc-price {
    display: inherit;
  }
  body.chat-opened .sticky-bar-on .sc-item-ctas {
    display: inherit;
  }
  body.chat-opened .sticky-bar-on .slick-track {
    display: inherit;
    align-items: inherit;
  }
}

@media (max-width: 1440px) {
  body.chat-opened .sticky-bar-on .sc-trims-disclaimer {
    display: none;
  }
  body.chat-opened .sticky-bar-on .sc-trim-disclaimer {
    display: none;
  }
  body.chat-opened .sticky-bar-on .sc-price {
    display: none;
  }
  body.chat-opened .sticky-bar-on .sc-item-ctas {
    display: none;
  }
  body.chat-opened .sticky-bar-on .slick-track {
    display: flex;
    align-items: center;
  }
}

.sc-filter-smartchat-container {
  background-color: #ffffff;
  padding: 0.5rem 2rem 2rem 1rem;
}

@media (min-width: 640px) {
  .sc-filter-smartchat-container {
    padding: 0.5rem 2rem 2rem 2rem;
  }
}

@media (min-width: 1024px) {
  .sc-filter-smartchat-container {
    padding: 0.5rem 1rem 1rem 1rem;
  }
}

.sc-filter-smartchat-container button {
  margin: 0;
}

.sc-filter-smartchat-container .smartchat-contextual-cta-btn--background {
  min-height: 1.75rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding: 0.25rem 1.0625rem;
}

@media (min-width: 1024px) {
  body.chat-opened .sc-filter-smartchat-container {
    padding-left: 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sc-filter-smartchat-container {
    padding-left: 1rem;
  }
}

.spl-prd {
  max-width: 1440px;
  margin: 0 auto;
  display: block;
}

@media (min-width: 1024px) {
  .spl-prd {
    display: flex;
    justify-content: flex-end;
  }
}

.spl-prd-main {
  display: flex;
  flex-wrap: wrap;
  padding: 2.5rem 1rem;
}

@media (min-width: 640px) {
  .spl-prd-main {
    padding: 2.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .spl-prd-main {
    max-width: 75%;
    flex-basis: 75%;
  }
}

.spl-prd-title-container {
  padding-bottom: 0.75rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .spl-prd-title-container {
    display: flex;
    align-items: flex-end;
  }
}

.spl-prd-price {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 2.625rem;
}

@media (min-width: 1024px) {
  .spl-prd-price {
    padding-right: 1rem;
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

.spl-prd-price-text {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
}

@media (min-width: 1024px) {
  .spl-prd-price-text {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
}

.spl-prd-title {
  color: #666666;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.4375rem;
  padding-bottom: 0.375rem;
  max-width: 22.5rem;
}

.spl-prd-text-container {
  border-top: 1px solid #bababa;
  padding-top: 1.25rem;
  color: #666666;
}

.spl-prd-text {
  font-size: 1rem;
  line-height: 1.375rem;
  color: #666666;
  padding-right: 0.5rem;
}

@media (min-width: 640px) {
  .spl-prd-text {
    padding-right: 3.0625rem;
  }
}

@media (min-width: 1024px) {
  .spl-prd-text {
    padding-right: 5rem;
  }
}

@media (min-width: 1440px) {
  .spl-prd-text {
    padding-right: 13.75rem;
  }
}
.generic-hero {
  position: relative;
  overflow: hidden;
}

.generic-hero-image {
  display: block;
  width: 100%;
}

.generic-hero-content {
  display: flex;
  justify-content: center;
  text-align: left;
  width: 100%;
  padding: 2rem 0;
  background: #ffffff;
}

@media (min-width: 640px) {
  .generic-hero-content {
    padding: 2rem 0;
  }
}

@media (min-width: 1024px) {
  .generic-hero-content {
    background: transparent;
    position: absolute;
    top: 0;
    bottom: 3.125rem;
    right: 0;
    left: 0;
    z-index: 5;
    padding-left: 0;
    padding-right: 0;
  }
}

.generic-hero-content-contain {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1440px;
}

.generic-hero-back {
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .generic-hero-back {
    padding-bottom: 0;
  }
}

.generic-hero-back-link {
  display: inline-flex;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
}

@media (min-width: 1024px) {
  .generic-hero-back-link {
    color: #ffffff;
  }
  .generic-hero-dark .generic-hero-back-link {
    color: #002c5e;
  }
}

.generic-hero-back-link svg {
  margin-right: 0.375rem;
}

.generic-hero-text {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  color: #333333;
  width: 100%;
}

@media (min-width: 1024px) {
  .generic-hero-text {
    max-width: 40%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    color: #ffffff;
  }
  .generic-hero-top .generic-hero-text {
    margin-top: 0;
    margin-bottom: 0;
  }
  .generic-hero-middle .generic-hero-text {
    margin-top: auto;
    margin-bottom: auto;
  }
  .generic-hero-bottom .generic-hero-text {
    margin-top: auto;
    margin-bottom: 0;
  }
  .generic-hero-left .generic-hero-text {
    margin-right: 0;
    margin-left: 0;
  }
  .generic-hero-center .generic-hero-text {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  .generic-hero-right .generic-hero-text {
    margin-right: 0;
    margin-left: auto;
    text-align: right;
  }
  .generic-hero-dark .generic-hero-text {
    color: #333333;
  }
}

.generic-hero-title {
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 2.25rem;
}

@media (min-width: 1024px) {
  .generic-hero-title {
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

.generic-hero-description {
  font-size: 1.25rem;
  line-height: 1.625rem;
  margin-top: 0.3125rem;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .generic-hero-description {
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-top: 0.5rem;
  }
}

.generic-hero-badge-icon {
  padding-bottom: 2rem;
  color: #333333;
}

@media (min-width: 1024px) {
  .generic-hero-badge-icon {
    padding-bottom: 0;
    color: #ffffff;
  }
}

.generic-hero-dark .generic-hero-badge-icon {
  color: #333333;
}

.generic-hero-badge-icon svg {
  height: 3.5rem;
  width: 10rem;
}

.generic-hero-cinemagraph-gradient,
.generic-hero-gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
}

.generic-hero-cinemagraph-gradient.vid-gradient,
.generic-hero-gradient-overlay.vid-gradient {
  height: 75%;
}

.generic-hero-gradient-container {
  position: relative;
}

.ghg-hide-mobile {
  display: none;
}

@media (min-width: 1024px) {
  .ghg-hide-mobile {
    display: block;
  }
}

/* #endregion */
/* #region Generic hero - Cinemagraph */
.generic-hero-cinemagraph {
  position: relative;
  background: #ffffff;
  overflow: hidden;
  max-width: 160rem;
  margin: 0 auto;
  height: 100%;
}

@media (max-width: 640px) {
  .generic-hero-cinemagraph {
    min-height: 22.5rem;
  }
}

@media (min-width: 640px) {
  .generic-hero-cinemagraph {
    min-height: 28.75rem;
  }
}

@media (min-width: 1024px) {
  .generic-hero-cinemagraph {
    height: 34.25rem;
  }
}

.generic-hero-cinemagraph .media-cinemagraph-enhanced-container {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 640px) {
  .generic-hero-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 65rem;
    min-height: 22.5rem;
  }
}

@media (min-width: 640px) {
  .generic-hero-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 65rem;
    min-height: 28.75rem;
  }
}

@media (min-width: 1024px) {
  .generic-hero-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 100%;
    min-height: 100%;
  }
}

.generic-hero-cinemagraph .media-cinemagraph-enhanced-placeholder {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  display: block;
}

.generic-hero-cinemagraph .media-cinemagraph-enhanced-container.media-cinemagraph-enhanced-loaded .media-cinemagraph-enhanced-placeholder {
  display: block;
}

.generic-hero-cinemagraph .media-cinemagraph-enhanced-player {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.generic-hero-cinemagraph-content {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  padding: 3rem 2.5rem 0;
  z-index: 1;
}

.generic-hero-cinemagraph-content .icon {
  fill: #ffffff;
}

@media (min-width: 640px) {
  .generic-hero-cinemagraph-content {
    padding: 4rem 4.5rem 0;
  }
}

@media (min-width: 1024px) {
  .generic-hero-cinemagraph-content {
    padding: 6rem 4.5rem 0;
  }
}

.generic-hero-cinemagraph-content .hero-content-top-center {
  top: 2.1875rem;
  left: 0;
  right: 0;
  padding: 0;
}

@media (min-width: 320px) and (max-width: 359px) {
  .generic-hero-cinemagraph-content .hero-content-top-center {
    top: 1.875rem;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .generic-hero-cinemagraph-content .hero-content-top-center {
    top: 2.1875rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .generic-hero-cinemagraph-content .hero-content-top-center {
    top: 2.1875rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .generic-hero-cinemagraph-content .hero-content-top-center {
    top: 2.1875rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .generic-hero-cinemagraph-content .hero-content-top-center {
    top: 4.6875rem;
  }
}

@media (min-width: 1920px) {
  .generic-hero-cinemagraph-content .hero-content-top-center {
    top: 6.5625rem;
  }
}

@media (min-width: 320px) {
  .generic-hero-cinemagraph-content .hero-enhanced-title {
    max-width: 18.0625rem;
    margin: 0 auto 0.1875rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.875rem;
    color: #ffffff;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .generic-hero-cinemagraph-content .hero-enhanced-title {
    max-width: 20.5rem;
    margin: 0 auto 0.1875rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .generic-hero-cinemagraph-content .hero-enhanced-title {
    max-width: 26.25rem;
    margin: 0 auto 0.5625rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .generic-hero-cinemagraph-content .hero-enhanced-title {
    max-width: 27.5rem;
    margin: 0 auto 0.5625rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .generic-hero-cinemagraph-content .hero-enhanced-title {
    max-width: 43.75rem;
    margin: 0 auto 0.5rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

@media (min-width: 1920px) and (max-width: 2559px) {
  .generic-hero-cinemagraph-content .hero-enhanced-title {
    max-width: 43.75rem;
    margin: 0 auto 0.5rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

@media (min-width: 2560px) {
  .generic-hero-cinemagraph-content .hero-enhanced-title {
    max-width: 43.75rem;
    margin: 0 auto 0.5rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

@media (min-width: 320px) {
  .generic-hero-cinemagraph-content .hero-enhanced-subhead {
    max-width: 18.0625rem;
    margin: 0 auto 0.75rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #ffffff;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .generic-hero-cinemagraph-content .hero-enhanced-subhead {
    max-width: 20.5rem;
    margin: 0 auto 0.9375rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .generic-hero-cinemagraph-content .hero-enhanced-subhead {
    max-width: 26.25rem;
    margin: 0 auto 1.5625rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .generic-hero-cinemagraph-content .hero-enhanced-subhead {
    max-width: 27.5rem;
    margin: 0 auto 1.6875rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .generic-hero-cinemagraph-content .hero-enhanced-subhead {
    max-width: 43.75rem;
    margin: 0 auto 1.6875rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1920px) and (max-width: 2559px) {
  .generic-hero-cinemagraph-content .hero-enhanced-subhead {
    max-width: 43.75rem;
    margin: 0 auto 1.5625rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 2560px) {
  .generic-hero-cinemagraph-content .hero-enhanced-subhead {
    max-width: 43.75rem;
    margin: 0 auto 1.5625rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

.hero.generic-hero-cinemagraph .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar {
  left: 52%;
}

@media (max-width: 639px) {
  .hero.generic-hero-cinemagraph .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar {
    bottom: 51%;
  }
}

@media (min-width: 640px) {
  .hero.generic-hero-cinemagraph .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar {
    bottom: 57%;
  }
}

@media (min-width: 1024px) {
  .hero.generic-hero-cinemagraph .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar {
    bottom: 52%;
  }
}

@media (min-width: 1440px) {
  .hero.generic-hero-cinemagraph .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar {
    bottom: 58%;
  }
}

/* #endregion */
/* #region Generic hero */
@media (min-width: 1024px) {
  .generic-hero .tooltip-trigger {
    color: #ffffff;
  }
}

@media (min-width: 1024px) {
  .generic-hero-dark .tooltip-trigger {
    color: #002c5e;
  }
}

.generic-hero-horizontal-padding {
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .generic-hero-horizontal-padding {
    padding: 0 3rem;
  }
}

@media (min-width: 1024px) {
  .generic-hero-horizontal-padding {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1440px) {
  .generic-hero-horizontal-padding {
    padding: 0 7.5rem;
  }
}

/* #endregion */
/* #region HEY HYUNDAI SMARTCHAT */
@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .generic-hero-content {
    position: relative;
    background-color: #ffffff;
  }
  body.chat-opened .generic-hero-horizontal-padding {
    padding: 0 3rem;
  }
  body.chat-opened .generic-hero-back-link {
    color: #002c5e;
  }
  body.chat-opened .generic-hero-badge-icon {
    padding-bottom: 2rem;
    color: #333333;
  }
  body.chat-opened .generic-hero-text {
    width: 100%;
    max-width: 100%;
    color: #333333;
    text-align: left;
  }
  body.chat-opened .generic-hero-title {
    font-weight: 500;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.generic-hero-smartchat-container {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 1rem;
  order: 1;
}

@media (min-width: 1024px) {
  .generic-hero-smartchat-container {
    order: 2;
  }
}

.generic-hero-left .generic-hero-smartchat-container {
  justify-content: left;
}

.generic-hero-right .generic-hero-smartchat-container {
  justify-content: right;
}

.generic-hero-center .generic-hero-smartchat-container {
  justify-content: center;
}

.generic-hero-smartchat-container button {
  margin: 0;
  margin-bottom: 0.625rem;
}

@media (min-width: 1024px) {
  .generic-hero-smartchat-container button {
    margin: 0;
  }
}

.generic-hero-smartchat-container .smartchat-contextual-cta-btn--background {
  min-height: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.625rem 0.9375rem;
}

/* #endregion */

.cs-container {
  display: flex;
  justify-content: flex-end;
  padding: 1.5rem 1rem;
}

@media (min-width: 640px) {
  .cs-container {
    padding: 1.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .cs-container {
    padding: 1rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .cs-container {
    padding: 1.5rem 8.125rem;
  }
}

.cs-items {
  display: flex;
}

.cs-item {
  margin-left: 1.5rem;
}

@media (min-width: 640px) {
  .cs-item {
    margin-left: 1.6875rem;
  }
}

.cs-item svg {
  width: 1.375rem;
  height: 1.375rem;
}

.cs-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #666666;
  align-self: flex-end;
}

.cs-link {
  color: #002c5e;
  display: inline-block;
}

.cs-glassdoor:hover, .cs-glassdoor:focus {
  color: #0caa41;
}

.cs-linkedin:hover, .cs-linkedin:focus {
  color: #0077b5;
}

.tr-container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1440px;
  margin: 0 auto;
  padding: 1.375rem 2.5rem;
}

@media (min-width: 640px) {
  .tr-container {
    padding: 2.25rem 4rem;
  }
}

@media (min-width: 1024px) {
  .tr-container {
    padding: 2.5rem 10.125rem;
  }
}

@media (min-width: 1440px) {
  .tr-container {
    padding: 2.5rem 13.875rem;
  }
}

.tr-item-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.tr-item {
  min-height: 6rem;
  flex-basis: 100%;
  border-bottom: 0.0625rem solid #bababa;
  padding: 1.25rem 0;
}

.tr-item:last-child {
  border-bottom: 0 !important;
}

@media (min-width: 1024px) {
  .tr-item {
    flex-basis: 45%;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    min-height: 8rem;
  }
  .tr-item:nth-last-child(2) {
    border-bottom: 0 !important;
  }
}

.tr-eyebrow {
  color: #666666;
  font-size: 1rem;
  letter-spacing: 0.0625rem;
  line-height: 1.125rem;
  padding-bottom: 0.5rem;
}

.tr-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

@media (min-width: 1024px) {
  .tr-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.tr-title .tr-info .tooltip-trigger {
  height: auto;
  width: auto;
  padding: 0.875rem;
  margin: -0.875rem;
}

@media (min-width: 375px) {
  .tr-title:has(span.sticky-icon-wrap) {
    padding-right: 1rem;
  }
}

.tr-link-container {
  padding-top: 0.5rem;
}

.tr-link-container .tr-link,
.tr-link-container .tr-link-external {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: var(--tr-link-color, #002c5e) !important;
  text-decoration: none;
  cursor: pointer;
}

.tr-link-container .tr-link .svg-animate,
.tr-link-container .tr-link-external .svg-animate {
  margin-left: -0.1875rem;
}

.tr-link-container .tr-link svg,
.tr-link-container .tr-link-external svg {
  width: 2.25rem;
}

.tr-link-container .tr-link svg {
  height: 1.25rem;
}

.tr-link-container .tr-link-external svg {
  height: 1rem;
  margin-top: 0.0625rem;
}

.lc-container {
  max-width: 1440px;
  margin: 0 auto;
  display: block;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1rem;
}

@media (min-width: 640px) {
  .lc-container {
    padding-left: 2rem;
  }
}

@media (min-width: 1024px) {
  .lc-container {
    display: flex;
    align-items: flex-start;
    padding-left: 0;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .lc-container {
    padding: 1.25rem 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .lc-container {
    display: block;
    align-items: inherit;
    padding-left: 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .lc-container {
    display: flex;
    align-items: flex-start;
    padding-left: 0;
  }
}

.lc-left-col {
  padding-right: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .lc-left-col {
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .lc-left-col {
    padding: 2.5rem 2rem 2.5rem 2.625rem;
    max-width: 25%;
    flex-basis: 25%;
  }
}

@media (min-width: 1440px) {
  .lc-left-col {
    padding-left: 4.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .lc-left-col {
    padding-right: 1rem;
    padding-bottom: 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .lc-left-col {
    padding: inherit;
    padding-right: 2rem;
    padding-bottom: 1rem;
    max-width: inherit;
    flex-basis: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .lc-left-col {
    padding: 2.5rem 2rem 2.5rem 2.625rem;
    max-width: 25%;
    flex-basis: 25%;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .lc-left-col {
    padding-left: 4.5rem;
  }
}

.lc-right-col {
  padding: 1.5rem 2rem 1.5rem 1rem;
  background-color: #f3f3f3;
}

@media (min-width: 640px) {
  .lc-right-col {
    padding: 2.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .lc-right-col {
    max-width: 75%;
    flex-basis: 75%;
    padding: 2.5rem;
    margin-left: 0;
  }
}

@media (min-width: 1440px) {
  .lc-right-col {
    margin-right: 2rem;
  }
}

.lc-bg-gray .lc-right-col {
  background-color: #f3f3f3;
}

.lc-bg-white .lc-right-col {
  background-color: #ffffff;
}

.lc-bg-transparent .lc-right-col {
  background-color: transparent;
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .lc-right-col {
    padding: 1.5rem 2rem 1.5rem 1rem;
    background-color: #f3f3f3;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .lc-right-col {
    max-width: inherit;
    padding: 2.5rem 2rem;
    flex-basis: inherit;
    margin-left: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .lc-right-col {
    max-width: 75%;
    flex-basis: 75%;
    padding: 2.5rem;
    margin-left: 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .lc-right-col {
    margin-right: 2rem;
  }
}

.lc-left-col-text {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.375rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .lc-left-col-text {
    font-size: 1.5rem;
    line-height: 1.875rem;
    text-align: left;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .lc-left-col-text {
    font-size: 1.25rem;
    line-height: 1.375rem;
    text-align: center;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .lc-left-col-text {
    font-size: 1.5rem;
    line-height: 1.875rem;
    text-align: left;
  }
}

.lc-left-col-sub-text {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.125rem;
  padding-top: 0.5rem;
  text-align: center;
}

@media (min-width: 640px) {
  .lc-left-col-sub-text {
    font-size: 1rem;
    line-height: 1.25rem;
    padding-top: 0.25rem;
  }
}

@media (min-width: 1024px) {
  .lc-left-col-sub-text {
    line-height: 1.375rem;
    text-align: left;
  }
}

.lc-rte {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
}

.lc-rte .strikeThrough {
  text-decoration: line-through;
}

.lc-rte h5 {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding-bottom: 0.75rem;
}

@media (min-width: 1024px) {
  .lc-rte h5 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.lc-rte * + h5 {
  padding-top: 1.5rem;
}

.lc-rte ol, .lc-rte ul {
  margin: 0;
  padding-left: 1rem;
}

.lc-rte a:not(.button) {
  text-decoration: none;
  color: #002c5e;
}

.lc-rte + .lc-rte {
  margin-top: 2.5rem;
}

.lc-rte .button {
  margin-top: 1rem;
}

@media (max-width: 639px) {
  .lc-rte .button {
    display: flex;
  }
}

.lc-rte .button svg {
  width: 1rem;
  height: 1rem;
  margin: 0 0 0.25rem 0.5rem;
}

.lc-rte .disclaimer {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #888888;
  padding-bottom: 1rem;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .lc-rte {
    overflow-x: scroll;
  }
}

.ternav-container {
  position: relative;
}

.ternav-dropdown {
  z-index: 900;
  padding: 0;
  background: #ffffff;
}

.ternav-dropdown.dropdown-open .ternav-trigger:after {
  display: none;
}

.ternav-trigger {
  background: #ffffff;
  position: relative;
}

@media (min-width: 640px) {
  .ternav-trigger {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .ternav-trigger {
    display: none;
  }
}

.ternav-trigger:after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 0.0625rem;
  background-color: #e6e6e6;
  left: 1rem;
  right: 1rem;
}

@media (min-width: 640px) {
  .ternav-trigger:after {
    left: 2rem;
    right: 2rem;
  }
}

.ternav-trigger:after .ternav-item:first-child:before {
  display: none;
}

.ternav-panel {
  width: 100%;
}

@media (min-width: 1024px) {
  .ternav-panel {
    display: block;
    position: static;
  }
}

@media (min-width: 1024px) {
  .ternav-item-active {
    color: #002c5e;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
  }
}

.ternav-item:hover {
  color: #002c5e;
  font-size: 1rem;
  line-height: 1.375rem;
}

.ternav-dropdown .ternav-item {
  font-size: 1rem;
  line-height: 1.125rem;
  min-height: 3.125rem;
}

@media (min-width: 640px) {
  .ternav-dropdown .ternav-item {
    padding: 0 2rem;
  }
}

@media all and (min-width: 640px) and (-ms-high-contrast: none), (min-width: 640px) and (-ms-high-contrast: active) {
  .ternav-dropdown .ternav-item {
    padding-top: 1rem;
  }
}

.ternav-dropdown .ternav-item:before {
  left: 1rem;
  right: 1rem;
}

@media (min-width: 640px) {
  .ternav-dropdown .ternav-item:before {
    left: 2rem;
    right: 2rem;
  }
}

@media (min-width: 1024px) {
  .ternav-dropdown .ternav-item:before {
    background-color: #e6e6e6;
    left: 2rem;
    right: 1rem;
  }
}

.ternav-backdrop {
  z-index: 890;
}

@media (min-width: 1024px) {
  .ternav-backdrop {
    display: none;
  }
}

.ternav-heading {
  padding: 2rem 1rem 1.5rem;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
}

@media (min-width: 640px) {
  .ternav-heading {
    padding: 2rem 2rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .ternav-heading {
    color: #ffffff;
    position: absolute;
    top: 50%;
    margin-top: -6.25rem;
    right: 50%;
    margin-right: -3.125rem;
    font-size: 3.375rem;
    width: 31%;
    font-weight: 500;
    line-height: 3.5rem;
  }
}

@media (min-width: 1440px) {
  .ternav-heading {
    width: 30%;
  }
}

.ternav-image {
  display: block;
  width: 100%;
}

.ternav-items {
  background: white;
}

@media (min-width: 1024px) {
  .ternav-items {
    position: absolute;
    top: 2rem;
  }
}

@media (min-width: 1024px) {
  .ternav-items {
    width: 23%;
  }
}

@media (min-width: 1440px) {
  .ternav-items {
    width: 19%;
  }
}

.onmh {
  padding-top: 2.5rem;
  padding-bottom: 0.3125rem;
}

@media (min-width: 1024px) {
  .onmh {
    padding-top: 3rem;
  }
}

@media (min-width: 1440px) {
  .onmh {
    padding-top: 3.5rem;
  }
}

.onmh-contain {
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .onmh-contain {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1440px) {
  .onmh-contain {
    padding-left: 3.875rem;
    padding-right: 3.875rem;
  }
}

@media (min-width: 1024px) {
  .onmh-cols {
    display: flex;
    align-items: flex-start;
  }
}

.onmh-col-desc {
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .onmh-col-desc {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
    padding-bottom: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

@media (min-width: 1024px) {
  .onmh-col-main {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

.onmh-desc-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 500;
  color: #333333;
  padding-bottom: 1rem;
}

@media (min-width: 1440px) {
  .onmh-desc-title {
    padding-bottom: 2rem;
  }
}

.onmh-desc-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #666666;
}

.onmh-main {
  background-color: #ffffff;
}

.onmh-media {
  background-color: #000000;
  position: relative;
  overflow: hidden;
}

.onmh-media-sm {
  display: block;
  width: 100%;
  opacity: .5;
}

@media (min-width: 640px) {
  .onmh-media-sm {
    display: none;
  }
}

.onmh-media-lg {
  display: none;
  width: 100%;
}

@media (min-width: 640px) {
  .onmh-media-lg {
    display: block;
  }
}

.onmh-media-content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 2rem;
  width: 100%;
  max-width: 18.75rem;
  color: #ffffff;
}

.onmh-dark .onmh-media-content {
  color: #333333;
}

.onmh-media-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  overflow-wrap: break-word;
}

.onmh-media-text {
  width: 100%;
  max-width: 10rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
  overflow-wrap: break-word;
}

.onmh-box {
  padding: 1rem 1.5rem;
}

@media (min-width: 640px) {
  .onmh-box {
    padding: 2.5rem 2rem 1rem;
  }
}

.onmh-box-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #666666;
}

.onmh-box-buttons {
  padding: 1rem 0;
}

@media (min-width: 1024px) {
  .onmh-box-buttons {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5rem;
  }
}

.onmh-box-button-item {
  padding: 0.5rem 0;
}

@media (min-width: 640px) {
  .onmh-box-button-item {
    width: auto;
  }
}

@media (min-width: 1024px) {
  .onmh-box-button-item {
    padding: 0.5rem;
  }
}

.onmh-box-button {
  width: 100%;
}

@media (min-width: 640px) {
  .onmh-box-button {
    width: auto;
    min-width: 9.375rem;
  }
}

@media (min-width: 1024px) {
  .onmh-box-button {
    min-width: 0;
  }
}

.onmh-box-button .icon {
  margin-top: -0.125rem;
  margin-left: 0.5rem;
}

.onmh-box-links {
  padding-bottom: 0.5rem;
}

@media (min-width: 1024px) {
  .onmh-box-links {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5rem;
    max-width: 80%;
  }
}

.onmh-box-link-item {
  padding: 0.5rem 0;
}

@media (min-width: 1024px) {
  .onmh-box-link-item {
    max-width: 50%;
    flex-basis: 50%;
    padding: 0.5rem;
  }
}

.onmh-box-link {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
}

.onmh-box-link .icon {
  display: inline-block;
  margin-left: 0.1875rem;
}

.faq {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 1440px) {
  .faq {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.faq-layout {
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .faq-layout {
    display: flex;
    padding: 3rem 0;
  }
}

@media (min-width: 1024px) {
  .faq-filters {
    flex-basis: 25%;
    min-width: 25%;
    padding-right: 2rem;
  }
}

.faq-content {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (min-width: 640px) {
  .faq-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .faq-content {
    padding-top: 0;
    padding-bottom: 0;
    flex-grow: 1;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .faq-filter-items {
    display: flex;
    flex-direction: column;
  }
  .faq-filter-items .dropdown-item {
    justify-content: flex-start;
  }
}
.faq-filter-dropdown {
  z-index: 900;
  padding: 0;
  background: #ffffff;
}

.faq-filter-dropdown .dropdown-button {
  background: #ffffff;
  position: relative;
}

@media (min-width: 640px) {
  .faq-filter-dropdown .dropdown-button {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .faq-filter-dropdown .dropdown-button {
    display: none;
  }
}

.faq-filter-dropdown .dropdown-button:after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 0.0625rem;
  background-color: #bababa;
  left: 1rem;
  right: 1rem;
}

@media (min-width: 640px) {
  .faq-filter-dropdown .dropdown-button:after {
    left: 2rem;
    right: 2rem;
  }
}

.faq-filter-dropdown.dropdown-open .dropdown-button:after {
  display: none;
}

.faq-filter-dropdown .dropdown-item:first-child:before {
  display: none;
}

.faq-filter-dropdown .dropdown-panel {
  width: 100%;
}

@media (min-width: 1024px) {
  .faq-filter-dropdown .dropdown-panel {
    display: block;
    position: static;
  }
}

.faq-filter-dropdown .dropdown-item-active {
  color: #333333;
  font-weight: 400;
}

@media (min-width: 1024px) {
  .faq-filter-dropdown .dropdown-item:last-child:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 0.0625rem;
    background-color: #bababa;
    left: 3.5rem;
    right: 0;
  }
}

@media (min-width: 1440px) {
  .faq-filter-dropdown .dropdown-item:last-child:after {
    left: 1rem;
  }
}

@media (min-width: 1024px) {
  .faq-filter-dropdown .dropdown-item:last-child:hover:after {
    opacity: 0;
  }
}

.faq-filter-dropdown .dropdown-item {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.125rem;
  min-height: 3.125rem;
}

@media (min-width: 640px) {
  .faq-filter-dropdown .dropdown-item {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .faq-filter-dropdown .dropdown-item {
    padding: 0.3125rem 1rem 0.3125rem 3.5rem;
  }
}

@media (min-width: 1440px) {
  .faq-filter-dropdown .dropdown-item {
    padding: 0.3125rem 1rem;
  }
}

.faq-filter-dropdown .dropdown-item:before {
  left: 1rem;
  right: 1rem;
}

@media (min-width: 640px) {
  .faq-filter-dropdown .dropdown-item:before {
    left: 2rem;
    right: 2rem;
  }
}

@media (min-width: 1024px) {
  .faq-filter-dropdown .dropdown-item:before {
    background-color: #bababa;
    left: 3.5rem;
    right: 0;
  }
}

@media (min-width: 1440px) {
  .faq-filter-dropdown .dropdown-item:before {
    left: 1rem;
  }
}

.faq-filter-backdrop {
  z-index: 890;
}

@media (min-width: 1024px) {
  .faq-filter-backdrop {
    display: none;
  }
}
.faq-item {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  padding: 1rem 0;
}

.faq-answer-collapse {
  display: none;
}

.faq-checkbox {
  display: none;
}

.faq-checkbox:checked ~ .faq-question {
  color: #00aad2;
}

.faq-checkbox:checked ~ .faq-question .faq-answer-expand {
  display: none;
}

.faq-checkbox:checked ~ .faq-question .faq-answer-collapse {
  display: block;
}

.faq-checkbox:checked ~ .faq-question .icon {
  transform: rotate(180deg);
}

.faq-checkbox:checked ~ .faq-answer {
  display: block;
}

.faq-question {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  text-align: left;
}

.faq-question-label {
  cursor: pointer;
}

.faq-question-label .icon {
  display: inline-block;
  height: 0.625rem;
  width: 0.625rem;
  margin-left: 0.3125rem;
}

.faq-answer {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  display: none;
  padding-top: 1rem;
}

.faq-answer ul {
  padding-left: 1rem;
}

.faq-answer a {
  color: #002c5e;
}

.faq-answer a:focus, .faq-answer a:hover {
  color: #00aad2;
}

.faq-question-icon {
  white-space: nowrap;
  display: inline;
}

.faq-category {
  outline: 0;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .faq-category {
    max-width: 66.6666666667%;
    margin: 0 auto;
  }
}

.faq-category-heading {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding-bottom: 2rem;
}

@media (min-width: 640px) {
  .faq-category-heading {
    font-size: 1.5rem;
  }
}

.faq-category-logo {
  width: 1.75rem;
  position: relative;
  margin-right: 0.625rem;
}

@media (min-width: 1024px) {
  .faq-category-logo {
    width: 2.5rem;
    margin-right: 1.0625rem;
  }
}

.faq-hide {
  display: none;
}

.tbl-wrapper {
  padding: 4.5rem 1rem 4.25rem;
}

@media (min-width: 640px) {
  .tbl-wrapper {
    padding: 4.5rem 2rem 4.5rem;
  }
}

@media (min-width: 1024px) {
  .tbl-wrapper {
    padding: 4.5rem 2.625rem 4.5rem;
  }
}

@media (min-width: 1440px) {
  .tbl-wrapper {
    padding: 4.5rem;
  }
}

.tbl-box-text {
  padding-bottom: 2.25rem;
}

@media (min-width: 1024px) {
  .tbl-box-text {
    padding-bottom: 2.5rem;
  }
}

.tbl-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
}

.tbl-descp {
  color: #333333;
  font-size: 1rem;
  line-height: 1.375rem;
  padding-right: 0.625rem;
}

@media (min-width: 640px) {
  .tbl-descp {
    padding-right: 0;
  }
}

.tbl-content table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  table-layout: fixed;
  width: 100%;
  text-align: left;
}

.tbl-content td {
  width: 100%;
  padding-left: 0.625rem;
}

@media (max-width: 1023px) {
  .tbl-content td {
    display: block;
  }
}

@media (min-width: 1024px) {
  .tbl-content td {
    padding: 0.75rem 0 0.75rem 2rem;
  }
}

.tbl-content td .icon {
  display: inline-block;
  margin-left: 0.5rem;
}

.tbl-content td a {
  color: #002c5e;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 700;
  text-decoration: none;
  display: block;
}

.tbl-content tr {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  font-size: 1rem;
  line-height: 1.375rem;
}

.tbl-content tr:nth-of-type(odd) {
  background: #f3f3f3;
}

@media (max-width: 1023px) {
  .tbl-content tr {
    display: block;
  }
}

@media (min-width: 1024px) {
  .tbl-content tr {
    padding: 0;
  }
}

.tbl-content tr:first-child {
  background: #ffffff;
}

@media (max-width: 1023px) {
  .tbl-content tr:first-child {
    display: none;
  }
}

@media (min-width: 1024px) {
  .tbl-content tr:first-child {
    padding: 0.625rem 0;
    border-bottom: 1px solid #e6e6e6;
  }
}

.tbl-content th {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.625rem;
  padding-left: 2rem;
  padding-bottom: 1.125rem;
}

.hcs {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1024px) {
  .hcs {
    padding: 0;
  }
}

.hcs.hcs-full-width {
  padding: 0;
}

.hcs + .hcs .hcs-container {
  padding-top: 0;
}

.hcs-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1023px) {
  .hcs-wrapper:not(.hcs-max-width) {
    width: 100%;
    margin: 0 -2rem;
  }
}

@media (max-width: 639px) {
  .hcs-wrapper:not(.hcs-max-width) {
    margin: 0 -1rem;
  }
}

.hcs-max-width {
  max-width: 90rem;
}

.hcs-container {
  width: 100%;
  display: block;
  padding: 2rem 1rem;
  max-width: 90rem;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .hcs-container {
    padding: 2rem 3rem;
  }
}

@media (min-width: 1024px) {
  .hcs-container {
    display: flex;
    padding: 3rem 4.5rem;
    align-items: stretch;
  }
}

@media (min-width: 1440px) {
  .hcs-container {
    padding: 4.5rem 7.5rem;
  }
}

.hcs-full-width .hcs-container {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 1024px) {
  .hcs-content-main {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media (min-width: 640px) {
  .hcs-full-width .hcs-content-main {
    flex-basis: 50%;
    max-width: 50%;
  }
}

.hcs-image-contain {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.hcs-video-contain {
  display: flex;
  position: static;
}

.hcs-video-contain::after {
  height: 3.75rem;
  width: 3.75rem;
}

@media (min-width: 1024px) {
  .hcs-video-contain::after {
    height: 6.25rem;
    width: 6.25rem;
  }
}

.hcs-video-contain:focus:after {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .hcs-video-contain:focus:after {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.hcs-bg-gray .hcs-content-main {
  background: #f3f3f3;
}

.hcs-bg-white .hcs-content-main {
  background: #ffffff;
}

.hcs-image-main {
  display: flex;
  position: relative;
  width: 100%;
}

@media (min-width: 640px) {
  .hcs-image-right .hcs-image-main {
    order: 1;
  }
  .hcs-image-left .hcs-image-main {
    order: -1;
  }
}

@media (min-width: 1024px) {
  .hcs-image-main {
    flex-basis: 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 640px) {
  .hcs-full-width .hcs-image-main {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media (min-width: 1024px) {
  .hcs-full-width .hcs-image-main {
    background-color: transparent;
  }
}

.hcs-image-disclaimer {
  display: block;
}

.hcs-image-disclaimer .hcs-disclaimer {
  width: 100%;
  background-color: transparent;
  position: relative;
}

@media (min-width: 1024px) {
  .hcs-ratio-16-9 .hcs-image,
  .hcs-ratio-4-3 .hcs-image {
    position: absolute;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}

.hcs-image {
  display: block;
  width: 100%;
}

.hcs-full-width .hcs-image {
  max-width: 100%;
  width: 100%;
  position: relative;
}

@media (min-width: 1024px) {
  .hcs-ratio-16-9 .hcs-image-contain {
    padding-top: 56.25%;
  }
}

@media (min-width: 1024px) {
  .hcs-ratio-4-3 .hcs-image-contain {
    padding-top: 75%;
  }
}

.hcs-content-contain {
  order: 0;
}

.hcs-full-width .hcs-content-contain {
  padding: 0;
}

.hcs-content {
  padding: 1rem 1.5rem 2.5rem;
  text-align: left;
}

@media (min-width: 640px) {
  .hcs-content {
    padding: 2rem 2rem 2.5rem;
  }
}

@media (min-width: 1024px) {
  .hcs-content {
    padding: 2.5rem;
  }
}

.hcs-full-width .hcs-content {
  padding: 0;
}

.hcs-eyebrow {
  color: #666666;
  font-size: 1rem;
  letter-spacing: 0.0625rem;
  line-height: 1.125rem;
  margin-bottom: 0.5rem;
}

.hcs-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.625rem;
  margin-bottom: 0.75rem;
  text-align: left;
}

@media (min-width: 1024px) {
  .hcs-title {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

@media (min-width: 740px) and (max-width: 770px) {
  .hcs-title {
    padding-right: 1.125rem;
  }
}

.hcs-subtitle {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-bottom: 1rem;
  margin-top: -0.25rem;
}

.hcs-title-container {
  width: 100%;
}

@media (min-width: 640px) {
  .hcs-title-container {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .hcs-title-container {
    width: 100%;
  }
}

.hcs-vehicle-model-container {
  width: 100%;
  margin-bottom: 0.75rem;
}

@media (min-width: 640px) {
  .hcs-vehicle-model-container {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .hcs-vehicle-model-container {
    margin-bottom: 1rem;
    width: 100%;
  }
}

.hcs-vehicle-model {
  display: inline-block;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

@media (min-width: 1024px) {
  .hcs-vehicle-model {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.hcs-model-yr {
  font-weight: 400;
}

.hcs-model-name {
  font-weight: 500;
}

.hcs-content-tagline {
  display: flex;
  flex-wrap: wrap;
}

.hcs-badge-container {
  padding-bottom: 1.25rem;
  display: flex;
  align-items: center;
  width: 100%;
}

@media (min-width: 640px) {
  .hcs-badge-container {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .hcs-badge-container {
    width: 100%;
  }
}

.hcs-badge-icon {
  height: 2.4375rem;
  width: 2.4375rem;
}

.hcs-tagline {
  color: #666666;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding-left: 0.4375rem;
}

.hcs-text {
  color: #888888;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
}

.hcs-cta-container {
  padding-top: 1.5rem;
}

.hcs-full-width .hcs-cta-container {
  padding-top: 0;
}

.hcs-cta-button .hcs-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  height: 2.75rem;
  padding: 0 1.75rem;
  font-size: 1rem;
  background-color: #002c5e;
  color: #ffffff;
  border: 2px solid #002c5e;
  height: auto;
  min-height: 1.125rem;
  padding: 0.625rem 1rem;
}

.hcs-cta-button .hcs-cta:disabled {
  cursor: default;
  pointer-events: none;
}

.hcs-cta-button .hcs-cta:hover {
  background-color: #001A38;
  color: #ffffff;
}

.hcs-cta-button .hcs-cta:disabled {
  background-color: #bababa;
  color: #ffffff;
}

.hcs-cta-button .hcs-cta:focus {
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  box-sizing: border-box;
}

@media (min-width: 640px) {
  .hcs-cta-button .hcs-cta {
    padding: 0.625rem 1.75rem;
  }
}

.hcs-cta-button .hcs-cta .sticky-icon-wrap {
  display: inline-flex;
  position: relative;
  white-space: inherit;
}

.hcs-cta-button .hcs-cta .sticky-icon-wrap .icon {
  align-self: center;
}

.hcs-cta-button .hcs-cta .icon {
  position: relative;
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.375rem;
}

.hcs-full-width .hcs-container {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 640px) {
  .hcs-full-width .hcs-container {
    flex-wrap: nowrap;
  }
}

.hcs-full-width .hcs-content-main h1.hcs-title, .hcs-full-width .hcs-content-main h2.hcs-title, .hcs-full-width .hcs-content-main h3.hcs-title, .hcs-full-width .hcs-content-main h4.hcs-title, .hcs-full-width .hcs-content-main h5.hcs-title, .hcs-full-width .hcs-content-main h6.hcs-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  margin-bottom: 1rem;
}

.hcs-full-width .hcs-content-main h1, .hcs-full-width .hcs-content-main h2 {
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.hcs-full-width .hcs-content-main h3, .hcs-full-width .hcs-content-main h4 {
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.hcs-full-width .hcs-content-main .hcs-text {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 1rem;
}

.hcs-full-width .hcs-content-main a .icon {
  display: inline-block;
  margin-left: 0.375rem;
  width: .8em;
  height: .8em;
}

.hcs-full-width .hcs-content-main a .icon-chevron-right-thick {
  width: .7em;
  height: .7em;
}

.hcs-full-width.hcs-image-left .hcs-content-main {
  order: 2;
}

@media (max-width: 639px) {
  .hcs-full-width.hcs-image-left .hcs-content-main {
    padding: 1.25rem 1rem 0 1rem;
  }
}

@media (min-width: 640px) {
  .hcs-full-width.hcs-image-left .hcs-content-main {
    flex-basis: 50%;
    padding: 0 3rem 0 1.5rem;
  }
}

@media (min-width: 1024px) {
  .hcs-full-width.hcs-image-left .hcs-content-main {
    padding: 0 4.5rem 0 2.5rem;
  }
}

@media (min-width: 1440px) {
  .hcs-full-width.hcs-image-left .hcs-content-main {
    padding: 0 7.25rem 0 3.375rem;
  }
}

.hcs-full-width.hcs-image-left .hcs-image-main {
  order: 1;
}

@media (min-width: 640px) {
  .hcs-full-width.hcs-image-left .hcs-image-main {
    flex-basis: 50%;
    padding: 0 1.375rem 0 0;
  }
}

@media (min-width: 1024px) {
  .hcs-full-width.hcs-image-left .hcs-image-main {
    padding: 0 2.5rem 0 0;
  }
}

@media (min-width: 1440px) {
  .hcs-full-width.hcs-image-left .hcs-image-main {
    padding: 0 3.375rem 0 0;
  }
}

.hcs-full-width.hcs-image-right .hcs-image-main {
  order: 1;
}

@media (min-width: 640px) {
  .hcs-full-width.hcs-image-right .hcs-image-main {
    flex-basis: 50%;
    padding: 0 0 0 1.375rem;
  }
}

@media (min-width: 1024px) {
  .hcs-full-width.hcs-image-right .hcs-image-main {
    padding: 0 0 0 2.5rem;
  }
}

@media (min-width: 1440px) {
  .hcs-full-width.hcs-image-right .hcs-image-main {
    padding: 0 0 0 3.375rem;
  }
}

@media (max-width: 639px) {
  .hcs-full-width.hcs-image-right .hcs-content-main {
    order: 2;
    padding: 1.25rem 1rem 0 1rem;
  }
}

@media (min-width: 640px) {
  .hcs-full-width.hcs-image-right .hcs-content-main {
    flex-basis: 50%;
    padding: 0 1.5rem 0 3rem;
  }
}

@media (min-width: 1024px) {
  .hcs-full-width.hcs-image-right .hcs-content-main {
    padding: 0 2.5rem 0 4.5rem;
  }
}

@media (min-width: 1440px) {
  .hcs-full-width.hcs-image-right .hcs-content-main {
    padding: 0 3.375rem 0 7.25rem;
  }
}

.hcs-full-width .hcs-title-container {
  width: 100%;
}

.hcs-full-width .hcs-badge-container {
  padding-bottom: 1.25rem;
  display: flex;
  width: 100%;
}

.hcs-large-media.hcs-image-left .hcs-content-main {
  order: 2;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .hcs-large-media.hcs-image-left .hcs-content-main {
    flex-basis: 33%;
    max-width: 33%;
  }
}

.hcs-large-media.hcs-image-left .hcs-image-main {
  order: 1;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .hcs-large-media.hcs-image-left .hcs-image-main {
    flex-basis: 67%;
    max-width: 67%;
  }
}

.hcs-large-media.hcs-image-right .hcs-image-main {
  order: 2;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .hcs-large-media.hcs-image-right .hcs-image-main {
    flex-basis: 67%;
    max-width: 67%;
  }
}

.hcs-large-media.hcs-image-right .hcs-content-main {
  order: 1;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .hcs-large-media.hcs-image-right .hcs-content-main {
    flex-basis: 33%;
    max-width: 33%;
  }
}

.hcs-cta-link .hcs-cta {
  text-decoration: none;
  color: #002c5e;
  font-weight: 700;
}

.hcs-cta-link .hcs-cta .icon {
  display: inline-block;
  margin-left: 0.375rem;
  width: .8em;
  height: .8em;
}

.hcs-cta-link .hcs-cta .icon-chevron-right-thick {
  width: .7em;
  height: .7em;
}

.hcs-cta-button .icon-chevron-right-thick {
  bottom: 0;
}

.hcs-disclaimer {
  width: 100%;
  font-size: 0.75rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  line-height: 1rem;
  text-align: center;
  padding: 0.5rem 1.5rem;
}

@media (min-width: 640px) {
  .hcs-disclaimer {
    padding: 0.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .hcs-disclaimer {
    padding: 0.5rem 1rem;
  }
}

.hcs-disclaimer .tooltip-trigger {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  left: -10px;
  bottom: -10px;
}

@media (min-width: 1440px) {
  .align-1440-left {
    text-align: left;
  }
  .align-1440-center {
    text-align: center;
  }
  .align-1440-right {
    text-align: right;
  }
}

/* 1024px Breakpoint */
@media (min-width: 1024px) and (max-width: 1439px) {
  .align-1024-left {
    text-align: left;
  }
  .align-1024-center {
    text-align: center;
  }
  .align-1024-right {
    text-align: right;
  }
}

/* 640px Breakpoint */
@media (min-width: 640px) and (max-width: 1023px) {
  .align-640-left {
    text-align: left;
  }
  .align-640-center {
    text-align: center;
  }
  .align-640-right {
    text-align: right;
  }
}

/* 375px Breakpoint */
@media (max-width: 639px) {
  .align-375-left {
    text-align: left;
  }
  .align-375-center {
    text-align: center;
  }
  .align-375-right {
    text-align: right;
  }
}

.hcs-cinemagraph-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.hcs-cpo-layout-padding {
  padding: 2.375rem 0 0 0;
}

@media (min-width: 1024px) {
  .hcs-cpo-layout-padding {
    padding: 1.6875rem 0 0 0;
  }
}

.hcs-cpo-layout-padding video {
  width: 100%;
}

.hcs-cpo-layout-padding .hcs-title-container {
  width: 100% !important;
}

.hcs-cpo-layout-padding .hcs-title-container .hcs-title {
  font-weight: 500;
  margin-bottom: 0;
}

.hcs-cpo-layout-padding .hcs-text {
  padding: 0.9375rem 0 1.9375rem 0;
}

@media (min-width: 1024px) {
  .hcs-cpo-layout-padding .hcs-text {
    padding: 1.9375rem 0 1.75rem 0;
  }
}

.hcs-cpo-layout-padding .hcs-container {
  display: block;
  padding: 0;
}

.hcs-cpo-layout-padding .hcs-content-main {
  background-color: #ffffff !important;
  flex-basis: 100% !important;
  max-width: 100% !important;
}

.hcs-cpo-layout-padding .hcs-content {
  padding: 0;
}

.hcs-cpo-layout-padding .hcs-content-tagline {
  flex-direction: column;
}

.hcs-cpo-layout-padding .hcs-image-main {
  flex-basis: 100% !important;
  max-width: 100% !important;
}

.hcs-cpo-layout-padding .hcs-image {
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1023px) {
  .hcs-image-left .hcs-wrapper .hcs-content {
    padding-bottom: 0;
  }
}

@media (max-width: 1023px) {
  .hcs-image-right .hcs-wrapper .hcs-content {
    padding-top: 0;
  }
}

.hcs-image-left .hcs-special-usecase-padding .hcs-content {
  padding: 0 1.5rem 2.5rem !important;
}

@media (min-width: 640px) {
  .hcs-image-left .hcs-special-usecase-padding .hcs-content {
    padding: 0 2rem 2.5rem !important;
  }
}

@media (min-width: 1024px) {
  .hcs-image-left .hcs-special-usecase-padding .hcs-content {
    padding: 2.5rem !important;
  }
}

.faq-popular-item {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  padding: 1rem 0;
}

.faq-popular-trigger {
  display: inline-block;
  text-align: left;
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}

.faq-popular-trigger .icon {
  display: inline-block;
  height: 0.625rem;
  width: 0.625rem;
  margin-left: 0.125rem;
}

.faq-popular-icon {
  white-space: nowrap;
  display: inline;
}

.sa-wrapper {
  padding: 2rem 1rem 0;
}

@media (min-width: 640px) {
  .sa-wrapper {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .sa-wrapper {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .sa-wrapper {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
}

.sa-item {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}

.sa-item-label {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  border-bottom: 1px solid #bababa;
  padding-bottom: 0.5rem;
}

.sa-item-inner-label {
  color: #002c5e;
  cursor: pointer;
}

.sa-item-inner-label .icon {
  display: inline-block;
  width: 0.9375rem;
  height: 0.9375rem;
  padding: 0.1875rem;
  position: relative;
  top: 0.125rem;
  color: #002c5e;
  margin-right: 0.625rem;
}

.sa-item-label .icon {
  flex-basis: 1.25rem;
  min-width: 1.25rem;
  border: 0.5px solid #002c5e;
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.25rem;
  margin-right: 0.625rem;
  color: #002c5e;
}

@media (min-width: 640px) {
  .sa-item-label .icon {
    flex-basis: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.375rem;
  }
}

.sa-item-title {
  font-size: 1.125rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

@media (min-width: 640px) {
  .sa-item-title {
    font-size: 1.25rem;
  }
}

.sa-item-title .tooltip-trigger {
  vertical-align: top;
}

.sa-item-content {
  margin-top: 1.5rem;
}

.sa-item-inner-content {
  position: relative;
  width: 100%;
}

.sa-item-content,
.sa-item-inner-content {
  display: none;
}

.sa-item-inner-text {
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 0.5rem;
  position: relative;
}

.sa-item-inner-text:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0.5rem;
  right: 0.5rem;
  height: 0.0625rem;
  background-color: #e6e6e6;
}

@media (min-width: 640px) {
  .sa-item-inner-text {
    padding: 1rem;
  }
  .sa-item-inner-text:before {
    left: 1rem;
    right: 1rem;
  }
}

.sa-item-inner-text p + p {
  margin-top: 0.5rem;
}

@media (min-width: 640px) {
  .sa-item-inner-text p + p {
    margin-top: 1rem;
  }
}

.sa-checkbox {
  opacity: 0;
  position: absolute;
  top: 0.625rem;
}

.sa-checkbox:checked ~ .sa-item-label .icon,
.sa-checkbox:checked ~ .sa-feature-title .sa-item-inner-label .icon {
  transform: rotate(180deg);
}

.sa-checkbox:checked ~ .sa-item-content {
  display: block;
}

.sa-checkbox:checked ~ .sa-item-inner-content {
  display: none;
}

.sa-checkbox:focus ~ .sa-item-label .sa-item-title {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .sa-checkbox:focus ~ .sa-item-label .sa-item-title {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.sa-checkbox-inner-item {
  opacity: 0;
  position: absolute;
  top: 0.625rem;
}

.sa-checkbox-inner-item:checked ~ .sa-item-label .icon,
.sa-checkbox-inner-item:checked ~ .sa-feature-title .sa-item-inner-label .icon {
  transform: rotate(180deg);
}

.sa-checkbox-inner-item:checked ~ .sa-item-inner-content {
  display: block;
}

.sa-checkbox-inner-item:focus ~ .sa-feature-title .sa-item-inner-label {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .sa-checkbox-inner-item:focus ~ .sa-feature-title .sa-item-inner-label {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.sa-item-row {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.0625rem;
}

.sa-item-row:nth-child(2n + 1) {
  background-color: #f6f3f2;
}

.sa-item-row:last-child {
  margin-bottom: 0;
}

.sa-item-row.sa-item-row-emphasized {
  background-color: #e4dcd3;
}

.sa-item-row.sa-item-row-deEmphasized {
  background-color: #ffffff;
  opacity: 0.3;
}

.sa-item-row-emphasized .sa-item-inner-row,
.sa-item-row-emphasized .sa-item-inner-text {
  background-color: #f6f3f2;
}

.sa-item-row-emphasized .sa-item-inner-row:first-child:before,
.sa-item-row-emphasized .sa-item-inner-text:first-child:before {
  display: none;
}

.sa-item-inner-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0;
  align-items: center;
  position: relative;
}

.sa-item-inner-row:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0.5rem;
  right: 0.5rem;
  height: 0.0625rem;
  background-color: #e6e6e6;
}

@media (min-width: 640px) {
  .sa-item-inner-row:before {
    left: 1rem;
    right: 1rem;
  }
}

.sa-feature-title {
  flex-shrink: 0;
  flex-basis: 100%;
  overflow-wrap: break-word;
  padding: 0.75rem 0.5rem 0.5rem;
}

@media (min-width: 1024px) {
  .sa-feature-title {
    flex-basis: 25%;
    max-width: 25%;
    text-align: left;
  }
}

.sa-feature-values {
  display: flex;
  align-items: center;
  flex-basis: 100%;
  max-width: 100%;
  padding: 0 0.5rem 0.75rem;
}

@media (min-width: 1024px) {
  .sa-feature-values {
    flex-basis: 75%;
    max-width: 75%;
  }
}

@media (min-width: 1024px) {
  .sa-feature-title,
  .sa-feature-values {
    padding: 1rem;
  }
}

.sa-feature-value {
  display: none;
  font-weight: 700;
  flex-basis: 50%;
  max-width: 50%;
}

@media (min-width: 640px) {
  .sa-feature-value {
    text-align: center;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

.sa-feature-value .uoc-description {
  text-align: left;
  font-weight: 400;
}

.vsa-feature-value {
  font-weight: 700;
}

.sa-feature-current {
  display: block;
}

.sa-feature-value-na {
  color: #bababa;
}

.sa-item-sub-title {
  color: #888888;
  margin: 2rem 0 1rem;
  position: relative;
  padding-bottom: 0.5rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
}

.sa-item-sub-title:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.125rem;
  width: 1.5rem;
  background-color: currentColor;
}
.subnav {
  background-color: #f3f3f3;
  height: 3.75rem;
  position: relative;
  z-index: 997;
}

.subnav[data-trigger="sticky.bar"] {
  position: static;
}

.subnav-backdrop {
  z-index: 980;
}

.subnav-bar {
  z-index: 5;
  display: flex;
  align-items: center;
  background-color: #f3f3f3;
  height: 3.75rem;
}

@media (min-width: 1024px) {
  .subnav-bar {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .subnav-bar {
    width: calc(100vw - 375px);
  }
}

.subnav-bar-contain {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.subnav-page-title {
  display: none;
}

@media (min-width: 1024px) {
  .subnav-page-title {
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
    color: #333333;
  }
}

.subnav-dropdown {
  position: static;
  flex-grow: 1;
}

@media (min-width: 1024px) {
  .subnav-dropdown {
    flex-shrink: 0;
    margin: 0 auto;
  }
}

.subnav-dropdown-trigger {
  flex-wrap: wrap;
  min-height: 3.75rem;
  padding: 0 1rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  text-align: left;
  background-color: #f3f3f3;
}

@media (min-width: 640px) {
  .subnav-dropdown-trigger {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .subnav-dropdown-trigger {
    display: none;
  }
}

.subnav-dropdown-trigger-content {
  max-height: 3.75rem;
  overflow: hidden;
}

.subnav-dropdown-trigger-content .icon {
  position: absolute;
  right: 1.3125rem;
  top: 1.5625rem;
  width: 0.75rem;
  height: 0.75rem;
  display: inline-block;
}

@media (min-width: 640px) {
  .subnav-dropdown-trigger-content .icon {
    right: 2.3125rem;
  }
}

.subnav-dropdown-panel {
  z-index: 1500;
}

@media (min-width: 1024px) {
  .subnav-dropdown-panel {
    display: flex;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    z-index: 1;
    margin: 0 auto;
  }
  .dropdown-open .subnav-dropdown-panel {
    display: flex;
  }
}

@media (min-width: 1024px) {
  .subnav-dropdown-items {
    display: flex;
    margin: 0 auto;
  }
}

.subnav-dropdown-item {
  min-height: 3rem;
  padding: 0.25rem 1.5rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  background-color: #f3f3f3;
  color: #666666;
}

.subnav-dropdown-item:hover {
  background-color: #ffffff;
  color: #002c5e;
}

.subnav-dropdown-item + .subnav-dropdown-item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0.75rem;
  right: 0.75rem;
  height: 1px;
  background-color: #e6e6e6;
}

.subnav-dropdown-item:hover + .subnav-dropdown-item:before {
  opacity: 0;
}

.subnav-dropdown-item + .subnav-dropdown-item:hover:before {
  opacity: 0;
}

@media (min-width: 640px) {
  .subnav-dropdown-item {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .subnav-dropdown-item + .subnav-dropdown-item:before {
    content: '';
    left: 1.75rem;
    right: 1.75rem;
  }
}

@media (min-width: 1024px) {
  .subnav-dropdown-item {
    width: auto;
    padding: 0.375rem 0.75rem;
    margin: 0 1.25rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    background-color: transparent;
    color: #666666;
  }
  .subnav-dropdown-item:hover {
    background-color: transparent;
    color: #00aad2;
  }
  .subnav-dropdown-item + .subnav-dropdown-item:before {
    opacity: 0;
  }
}

.subnav-dropdown-item.dropdown-item-active {
  background-color: #ffffff;
  color: #002c5e;
  font-weight: 700;
}

.subnav-dropdown-item.dropdown-item-active + .subnav-dropdown-item:before {
  opacity: 0;
}

.subnav-dropdown-item + .subnav-dropdown-item.dropdown-item-active:before {
  opacity: 0;
}

.subnav-dropdown-item:hover + .subnav-dropdown-item.dropdown-item-active:before {
  opacity: 1;
}

.subnav-dropdown-item.dropdown-item-active + .subnav-dropdown-item:hover:before {
  opacity: 1;
}

@media (min-width: 1024px) {
  .subnav-dropdown-item.dropdown-item-active {
    background-color: transparent;
    color: #00aad2 !important;
    font-weight: 400;
  }
  .subnav-dropdown-item:hover + .subnav-dropdown-item.dropdown-item-active:before {
    opacity: 0;
  }
  .subnav-dropdown-item.dropdown-item-active + .subnav-dropdown-item:hover:before {
    opacity: 0;
  }
  .subnav-dropdown-item.dropdown-item-active + .subnav-dropdown-item:before {
    opacity: 0;
  }
}

.left-align .subnav-bar {
  width: 100%;
  padding: 0;
}

.left-align .subnav-bar-contain {
  padding: 0 0.625rem;
}

@media (min-width: 640px) {
  .left-align .subnav-bar-contain {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .left-align .subnav-bar-contain {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .left-align .subnav-bar-contain {
    padding: 0 4.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .left-align .subnav-bar-contain {
    padding: 0 1%;
  }
}

.left-align .subnav-dropdown-items {
  text-align: left;
  margin-left: 0;
}

.left-align .subnav-dropdown-items :first-child {
  padding-left: 0;
  margin-left: 0;
}

.left-align .dropdown-open .subnav-dropdown-items a {
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .left-align .dropdown-open .subnav-dropdown-items a {
    padding: 0 2rem !important;
  }
}

@media (min-width: 1024px) {
  .left-align .dropdown-open .subnav-dropdown-items a {
    padding: 0 2.625rem !important;
  }
}

@media (min-width: 1440px) {
  .left-align .dropdown-open .subnav-dropdown-items a {
    padding: 0 4.5rem !important;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .left-align .dropdown-open .subnav-dropdown-items a {
    padding: 0 1% !important;
  }
}

@media (max-width: 1439px) {
  .left-align .subnav-dropdown-items {
    display: block;
  }
  .left-align .subnav-dropdown-trigger {
    display: block;
    padding-left: 0;
    margin-left: 0;
  }
  .left-align .dropdown-open {
    display: flex;
  }
  .left-align .subnav-dropdown-item {
    width: 100%;
    min-height: 3rem;
    margin: 0;
    font-family: "Hyundai Sans Text", "Arial", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    background-color: #f3f3f3;
    color: #666666;
  }
  .left-align .subnav-dropdown-item:hover {
    background-color: #ffffff;
    color: #002c5e;
  }
  .left-align .subnav-dropdown-item:before,
  .left-align .subnav-dropdown-item:hover:before,
  .left-align .subnav-dropdown-item:hover:before,
  .left-align .subnav-dropdown-item.dropdown-item-active:hover,
  .left-align .subnav-dropdown-item.dropdown-item-active:hover:before,
  .left-align .subnav-dropdown-item + .subnav-dropdown-item:before {
    opacity: 1;
  }
  .left-align .subnav-dropdown-item.dropdown-item-active + .subnav-dropdown-item:hover:before {
    opacity: 1;
  }
  .left-align .subnav-dropdown-item.dropdown-item-active {
    background-color: #ffffff;
    color: #002c5e;
    font-weight: 700;
  }
  .left-align .subnav-dropdown-panel {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1500;
  }
  .left-align .dropdown-open .subnav-dropdown-panel {
    display: block;
  }
}

.subnav-v2 .subnav-bar {
  padding: 0;
}

.subnav-v2 .subnav-bar-contain {
  max-width: 120rem;
  padding-left: 1rem;
  padding-right: 0.25rem;
}

@media (min-width: 640px) {
  .subnav-v2 .subnav-bar-contain {
    padding-left: 2rem;
    padding-right: 0.375rem;
  }
}

@media (min-width: 1024px) {
  .subnav-v2 .subnav-bar-contain {
    padding-left: 2.625rem;
    padding-right: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .subnav-v2 .subnav-bar-contain {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1920px) {
  .subnav-v2 .subnav-bar-contain {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

.subnav-v2 .subnav-dropdown-trigger {
  padding: 0;
}

.subnav-v2 .subnav-dropdown-item:before {
  background-color: var(--color-border) !important;
}

.subnav-v2 .subnav-dropdown-item:hover {
  color: var(--color-hover) !important;
}

.subnav-v2 .subnav-dropdown-trigger-text,
.subnav-v2 .dropdown-item-active {
  color: var(--color-active) !important;
}

@media (min-width: 1024px) {
  .subnav-v2 .dropdown-item-active {
    background-color: transparent !important;
  }
}

.subnav .subnav-dropdown-trigger-text {
  display: flex;
}
.cac-top-padding {
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .cac-top-padding {
    padding-top: 3rem;
  }
}

@media (min-width: 1440px) {
  .cac-top-padding {
    padding-top: 4.5rem;
  }
}

.cac-bottom-padding {
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .cac-bottom-padding {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .cac-bottom-padding {
    padding-bottom: 4.5rem;
  }
}

.cac-no-padding {
  padding: 0;
}

.cac-headline {
  text-align: center;
  max-width: 1440px;
  margin: 0 auto 1.5rem;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .cac-headline {
    margin-bottom: 2rem;
    padding: 0 3rem;
  }
}

@media (min-width: 1024px) {
  .cac-headline {
    font-size: 1.875rem;
    margin-bottom: 2.5rem;
    padding: 0 4.5rem;
  }
}

@media (min-width: 1440px) {
  .cac-headline {
    padding: 0 7.5rem;
  }
}

.cac-headline-left .cac-headline {
  text-align: left;
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .cac-headline {
    margin: 0 auto 1.5rem;
    padding: 0 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .cac-headline {
    font-size: inherit;
    margin-bottom: 2rem;
    padding: 0 3rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .cac-headline {
    font-size: 1.875rem;
    margin-bottom: 2.5rem;
    padding: 0 4.5rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .cac-headline {
    padding: 0 7.5rem;
  }
}

.cac-row-hide {
  display: none;
}

.cac-boxes {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .cac-boxes {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .cac-boxes {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .cac-boxes {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .cac-boxes {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .cac-boxes {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .cac-boxes {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .cac-boxes {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
}

.cac-box {
  max-width: 100%;
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  padding: 0.75rem 0 2rem 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cac-box {
    display: block !important;
  }
}

.cac-single .cac-box {
  max-width: 30rem;
  flex-basis: 100%;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .cac-box {
    padding: 0.75rem 0.625rem 2rem 0.625rem;
  }
  .cac-two .cac-box {
    max-width: 50%;
    flex-basis: 50%;
  }
  .cac-single .cac-box,
  .cac-two .cac-box {
    padding: 1rem 1rem 2rem 1rem;
  }
  .cac-three .cac-box {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
}

@media (min-width: 1024px) {
  .cac-box {
    padding: 0.625rem 0.625rem 3rem 0.625rem;
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .cac-single .cac-box {
    max-width: 50%;
    flex-basis: 100%;
  }
  .cac-single .cac-box,
  .cac-two .cac-box {
    padding: 1.25rem 1.25rem 3rem 1.25rem;
  }
}

@media (min-width: 1440px) {
  .cac-box {
    padding: 0.625rem 0.625rem 4.5rem 0.625rem;
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .cac-single .cac-box {
    max-width: 50%;
    flex-basis: 100%;
  }
  .cac-single .cac-box,
  .cac-two .cac-box {
    padding: 1.25rem 1.25rem 4.5rem 1.25rem;
  }
}

body.chat-opened .cac-box {
  max-width: 100%;
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  padding: 0.75rem 0 2rem 0;
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .cac-box {
    max-width: 100%;
    flex-basis: 100%;
    display: flex;
    padding: 0.75rem 0 2rem 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .cac-box {
    padding: 0.75rem 0.625rem 2rem 0.625rem;
  }
  .cac-two body.chat-opened .cac-box {
    max-width: 50%;
    flex-basis: 50%;
  }
  .cac-single body.chat-opened .cac-box,
  .cac-two body.chat-opened .cac-box {
    padding: 1rem 1rem 2rem 1rem;
  }
  .cac-three body.chat-opened .cac-box {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .cac-box {
    padding: 0.625rem 0.625rem 3rem 0.625rem;
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .cac-single body.chat-opened .cac-box {
    max-width: 50%;
    flex-basis: 100%;
  }
  .cac-single body.chat-opened .cac-box,
  .cac-two body.chat-opened .cac-box {
    padding: 1.25rem 1.25rem 3rem 1.25rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .cac-box {
    padding: 0.625rem 0.625rem 4.5rem 0.625rem;
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .cac-single body.chat-opened .cac-box {
    max-width: 50%;
    flex-basis: 100%;
  }
  .cac-single body.chat-opened .cac-box,
  .cac-two body.chat-opened .cac-box {
    padding: 1.25rem 1.25rem 4.5rem 1.25rem;
  }
}

.cac-box-no-top-padding {
  padding-top: 0 !important;
}

.cac-box-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-wrap: break-word;
  padding: 1.5rem 1.5rem 0 1.5rem;
}

@media (min-width: 1024px) {
  .cac-box-content {
    padding: 2.5rem 2.5rem 0 2.5rem;
  }
}

.cac-box-img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.cac-card-icon-box {
  display: flex;
  font-size: 3.5rem;
  padding: 1.5rem 1.5rem 0;
}

@media (min-width: 1440px) {
  .cac-card-icon-box {
    padding: 2.5rem 2.5rem 0;
  }
}

.cac-box-eyebrow {
  color: #666666;
  font-size: 1rem;
  letter-spacing: 0.0625rem;
  line-height: 1.125rem;
  margin-bottom: 0.5rem;
}

.cac-box-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
}

@media (min-width: 1024px) {
  .cac-box-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.cac-box-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  margin-top: 0.75rem;
  line-height: 1.375rem;
  color: #888888;
}

@media (min-width: 1024px) {
  .cac-box-text {
    margin-top: 1rem;
  }
}

.cac-single .cac-box-text {
  text-align: center;
}

.cac-link-container,
.cac-link-center-container {
  margin-top: auto;
  padding-top: 1.5rem;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}

.cac-action-button .cac-link-container, .cac-action-button
.cac-link-center-container {
  margin-top: auto;
  padding-top: 2rem;
}

.cac-grid .cac-link-container, .cac-grid
.cac-link-center-container {
  margin-top: auto;
}

.cac-link-container [data-smco-video]:after,
.cac-link-center-container [data-smco-video]:after {
  display: none;
}

.cac-link-center-container {
  justify-content: center;
}

.cac-action-link .cac-box-link {
  color: #002c5e;
  font-weight: 700;
  font-size: 0.875rem;
  text-decoration: none;
  line-height: 1.25rem;
  white-space: nowrap !important;
}

.cac-action-link .cac-box-link:hover {
  text-decoration: underline;
}

.cac-action-link .cac-box-link svg {
  width: 0.7em;
  height: 0.7em;
  display: inline-block;
  margin-left: 0.375rem;
}

@media (min-width: 1024px) {
  body.chat-opened .cac-action-link .cac-box-link {
    white-space: initial !important;
  }
}

.cac-action-link .cac-box-link-external svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.cac-action-button .cac-box-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  height: 2.75rem;
  padding: 0 1.75rem;
  font-size: 1rem;
  background-color: #002c5e;
  color: #ffffff;
  border: 2px solid #002c5e;
  height: auto;
  min-height: 2.5rem;
  max-width: 100%;
  word-break: break-word;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  width: 100%;
}

.cac-action-button .cac-box-link:disabled {
  cursor: default;
  pointer-events: none;
}

.cac-action-button .cac-box-link:hover {
  background-color: #001A38;
  color: #ffffff;
}

.cac-action-button .cac-box-link:disabled {
  background-color: #bababa;
  color: #ffffff;
}

.cac-action-button .cac-box-link:focus {
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  box-sizing: border-box;
}

@media (min-width: 640px) {
  .cac-action-button .cac-box-link {
    width: auto;
  }
}

.cac-action-button .cac-box-link svg {
  flex-shrink: 0;
  margin-left: 0.5rem;
  height: 1rem;
  width: 1rem;
  fill: currentColor;
}

.cac-buttons {
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .cac-buttons {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .cac-buttons {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .cac-buttons {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
}

.cac-button-expand {
  display: none;
}

.cac-buttons-expand .cac-button-expand {
  display: inline-flex;
}

.cac-button-collapse {
  display: none;
}

.cac-buttons-collapse .cac-button-collapse {
  display: inline-flex;
}

.cac-price-contain {
  margin-bottom: 1rem;
}

.cac-special {
  text-align: center;
}

.cac-price {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  line-height: 2.625rem;
  font-weight: 500;
  display: block;
}

.cac-offer-desc {
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  display: block;
}

.cac-external-link-container {
  margin-top: auto;
  padding-top: 1.5rem;
}

.cac-external-link {
  color: #002c5e;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
}

.cac-external-link svg {
  width: 1rem;
  height: 1rem;
  margin-left: 0.25rem;
  fill: currentColor;
  display: inline-block;
}

.cac-download-link-container {
  margin-top: auto;
  padding-top: 1.5rem;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}

.cac-download-link {
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
}

.cac-download-link svg {
  margin-left: 0.25rem;
  width: 1.125rem;
  height: 1.125rem;
  fill: currentColor;
  display: inline-block;
}

.cac-bg-white {
  background: #ffffff;
}

.cac-bg-white .cac-box-content,
.cac-bg-white .cac-card-icon-box {
  background: #f3f3f3;
}

.cac-bg-white.cac-single .cac-box-content,
.cac-bg-white.cac-single .cac-card-icon-box {
  background: transparent;
}

.cac-bg-gray {
  background: #f3f3f3;
}

.cac-bg-gray .cac-box-content,
.cac-bg-gray .cac-card-icon-box {
  background: #ffffff;
}

.cac-bg-gray.cac-single .cac-box-content,
.cac-bg-gray.cac-single .cac-card-icon-box {
  background: transparent;
}

.cac-bg-gradient {
  background: linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
}

.cac-bg-gradient .cac-box-content,
.cac-bg-gradient .cac-card-icon-box {
  background: #ffffff;
}

.cac-bg-gradient.cac-single .cac-box-content,
.cac-bg-gradient.cac-single .cac-card-icon-box {
  background: transparent;
}

.cac-img-container {
  position: relative;
}

.cac-countdown-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cac-countdown-bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.cac-countdown-theme-light .countdown {
  color: #ffffff;
}

.cac-countdown-theme-dark .countdown {
  color: #333333;
}

.cac-countdown-center .countdown .digit,
.cac-countdown-bottom .countdown .digit {
  font-size: 1.875rem;
  line-height: 0.875rem;
}

.cac-calendar-link {
  color: #002c5e;
  font-weight: 700;
  margin-right: 2rem;
  display: inline-block;
  max-width: 100%;
  font-size: 0.875rem;
  text-decoration: none;
  line-height: 1.25rem;
  white-space: nowrap !important;
}

@media (min-width: 1024px) {
  .cac-calendar-link {
    margin-right: 3rem;
  }
}

.cac-calendar-link svg {
  margin-left: 0.4375rem;
  width: 0.875rem;
  height: 1rem;
  fill: currentColor;
  display: inline-block;
}

.countdown .text {
  line-height: 2.25rem;
}

.cac-max-width {
  max-width: 90rem;
  width: 100%;
  margin: auto;
}

.cac-card-padding-bottom {
  padding-bottom: 1.5rem;
}

@media (min-width: 1024px) {
  .cac-card-padding-bottom {
    padding-bottom: 2.5rem;
  }
}

.cac-external-app-link-container {
  display: flex;
  padding-top: 0.5625rem;
}

.cac-external-app-link-container .cac-app-store-btn {
  display: inline-flex;
  width: auto;
  height: 2.875rem;
  margin-left: -0.6875rem;
}

.cac-external-app-link-container .cac-app-store-btn img {
  padding: 0.3125rem 0.5rem;
  width: auto;
  height: 100%;
}

.countdown-clock {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  top: 0;
  color: #333333;
}

.countdown {
  display: flex;
}

.countdown .block {
  display: flex;
  flex-direction: column;
  margin: 0 1rem;
}

.countdown .text {
  font-size: 0.875rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  text-align: center;
}

.countdown .digit {
  font-size: 3.375rem;
  font-weight: 500;
  line-height: 3.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-feature-settings: 'tnum';
  font-variant-numeric: tabular-nums;
  margin: auto;
  text-align: center;
  position: relative;
}

@media (max-width: 640px) {
  .countdown .digit {
    font-size: 2.5rem;
    line-height: 1.25rem;
  }
}

.countdown .separator:after {
  top: 0;
  bottom: 0;
  width: 2.1875rem;
  position: absolute;
  content: ':';
  z-index: 2;
}

.cac-img-container {
  position: relative;
}

.cac-countdown-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cac-countdown-bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.cac-countdown-theme-light .countdown {
  color: #ffffff;
}

.cac-countdown-theme-dark .countdown {
  color: #333333;
}

.cac-countdown-center .countdown .digit,
.cac-countdown-bottom .countdown .digit {
  font-size: 1.875rem;
  line-height: 0.875rem;
}

.cac-calendar-link {
  color: #002c5e;
  font-weight: 700;
  margin-top: 1rem;
  margin-right: 2rem;
  display: inline-block;
  max-width: 100%;
  font-size: 0.875rem;
  text-decoration: none;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .cac-calendar-link {
    margin-top: 1.5rem;
    margin-right: 3rem;
  }
}

.cac-calendar-link svg {
  margin-left: 0.4375rem;
  width: 0.875rem;
  height: 1rem;
  fill: currentColor;
  display: inline-block;
}

.g-nav-bar {
  max-width: 1440px;
  margin: 0 auto;
  padding: 1rem;
}

@media (min-width: 640px) {
  .g-nav-bar {
    padding: 1.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .g-nav-bar {
    padding: 1.5rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .g-nav-bar {
    padding: 1.5rem 4.5rem;
  }
}

.g-nav-bar-btn {
  display: inline-flex;
  align-items: center;
  color: #002c5e;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  text-decoration: none;
}

.g-nav-bar-btn .icon {
  flex-shrink: 0;
  margin-right: 0.375rem;
}

.g-nav-bar-btn:hover, .g-nav-bar-btn:focus {
  color: #00aad2;
}

@charset "UTF-8";
.eic-main-container {
  background-color: #f3f3f3;
  margin: 0 auto;
  max-width: 1440px;
}

@media (min-width: 1024px) {
  .eic-main-container {
    display: flex;
    background-color: #ffffff;
  }
}

.eic-left-container {
  position: relative;
  width: 100%;
  text-align: center;
}

@media (min-width: 1024px) {
  .eic-left-container {
    display: flex;
    flex-direction: column;
    width: 40%;
  }
}

.eic-right-container {
  position: relative;
  padding: 0 1.5rem;
}

@media (min-width: 640px) {
  .eic-right-container {
    padding: 0 3rem;
  }
}

@media (min-width: 1024px) {
  .eic-right-container {
    width: 60%;
    background-color: #f3f3f3;
    margin-top: 2.5rem;
    padding: 2.5rem 2.5rem 1.5rem;
  }
}

@media (min-width: 1440px) {
  .eic-right-container {
    padding: 2.5rem 2.5rem 1.5rem 2.875rem;
  }
}

.eic-button-build {
  padding: 0 2.25rem;
}

.eic-buttons {
  margin: 2.5rem 0 2.5rem;
}

@media (min-width: 1024px) {
  .eic-buttons {
    background-color: #f3f3f3;
    margin: 0 0 0 2.5rem;
    padding: 2.5rem 0;
    flex-grow: 1;
    text-align: right;
    margin-top: -0.3125rem;
  }
}

.eic-button-explore {
  margin-left: 1rem;
}

.eic-vehicle-name-container {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  line-height: 2rem;
  font-weight: 400;
}

.eic-vehicle-name-container.eic-vehicle-name-container-top-padding {
  padding-top: 0.5rem;
}

@media (min-width: 640px) {
  .eic-vehicle-specs {
    display: flex;
    flex-wrap: wrap;
  }
}

.eic-vehicle-yr {
  display: inline-block;
}

.eic-vehicle-name {
  display: inline-block;
  font-weight: 500;
}

.eic-vehicle-tagline {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding-bottom: 0.5rem;
}

.eic-logo-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: auto;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  gap: 1rem;
}

.eic-logo-img-new {
  max-height: 5rem;
}

.eic-logo-tagline {
  color: #666666;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  padding-left: 0.625rem;
}

.eic-logo svg {
  width: 100%;
  height: 100%;
  max-height: 5rem;
}

.eic-vehicle-description {
  color: #888888;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 0 0 2rem;
}

@media (min-width: 640px) {
  .eic-vehicle-spec {
    width: 50%;
  }
}

.eic-vehicle-spec-heading {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.eic-vehicle-spec-txt {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  line-height: 1.625rem;
  padding-bottom: 1.125rem;
}

.eic-enlarge {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border: 0.0625rem solid #ffffff;
  padding: 0.4375rem;
}

.eic-enlarge .icon {
  fill: #ffffff;
  height: 0.6875rem;
  width: 0.6875rem;
}

.eic-slide-container {
  position: relative;
}

.eic-slide-container .nacoty-logo {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 99;
  max-width: 50%;
  max-height: 25%;
}

.eic-car-image {
  flex: 0 0 auto;
}

.eic-horizontal-padding {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .eic-horizontal-padding {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .eic-horizontal-padding {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1440px) {
  .eic-horizontal-padding {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.eic-vertical-padding {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .eic-vertical-padding {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .eic-vertical-padding {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
}

@media (min-width: 1024px) {
  .eic-image-placement-right {
    padding-left: 1.625rem;
  }
}

@media (min-width: 1440px) {
  .eic-image-placement-right {
    padding-left: 5rem;
  }
}

@media (min-width: 1024px) {
  .eic-image-placement-right .eic-left-container {
    order: 2;
  }
}

@media (min-width: 1024px) {
  .eic-image-placement-right .eic-right-container {
    order: 1;
    padding: 2.5rem 2.125rem 1.5rem 2.875rem;
  }
}

@media (min-width: 1440px) {
  .eic-image-placement-right .eic-right-container {
    padding: 2.5rem 2.875rem 1.5rem 2.5rem;
  }
}

@media (min-width: 1024px) {
  .eic-image-placement-right .eic-buttons {
    background-color: #f3f3f3;
    margin: 0 2.5rem 0 0;
    padding: 2.5rem 0;
    flex-grow: 1;
    text-align: left;
    margin-top: -0.3125rem;
  }
}

.eic-ev-salable-text {
  display: none;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.0625rem;
  color: #333333;
  background-color: #EEF7F9;
  padding: 1rem 0;
}

.eic-ev-salable-text.eic-ev-salable-text-active {
  display: block;
}

.eic-ev-salable-text .tooltip-trigger {
  visibility: hidden;
}

.eic-ev-salable-text .eic-ev-disclaimer-active {
  visibility: visible;
}

@media (min-width: 1024px) {
  .eic-ev-salable-text {
    padding: 1.0625rem 0 1rem 0;
  }
}

@media (min-width: 1440px) {
  .eic-ev-salable-text {
    padding: 1.0625rem 0 1rem 0;
  }
}

.eic-right-container .m-overlay-link {
  padding: 5px 0px 10px;
}

.eic-right-container .m-overlay-link .m-overlay-link-btn .m-overlay-review-star-container {
  display: flex;
}

.eic-right-container .m-overlay-link .m-overlay-link-btn .m-overlay-review-star-container .icon {
  height: 1.0625rem;
  width: 1.0625rem;
}

.eic-right-container .m-overlay-link .m-overlay-link-btn .m-overlay-review-star-container span svg path {
  fill: #00aad2;
}

.eic-right-container .m-overlay-link .m-see-reviews {
  margin-left: 10px;
  font-weight: 900;
  color: #002c5e;
  letter-spacing: -0.3px;
}

.eic-main-container .m-overlay-review-module {
  margin: 0;
}

.eic-main-container .m-overlay-review-module .m-overlay-link {
  margin-top: 0;
}

.eic-main-container .m-overlay-link .m-overlay-review-star-container {
  margin-right: 0;
}

.eic-c-container {
  position: relative;
  padding: 0;
  visibility: hidden;
}

.eic-c-container.carousel-initialized {
  visibility: visible;
}

.eic-c-container .slick-arrow {
  position: absolute;
  top: 6.625rem;
  transform: translateY(-50%);
  z-index: 99;
  height: 1.875rem;
  width: 1.875rem;
  font-size: 1.875rem;
  color: #000000;
}

.eic-c-container .slick-arrow .icon {
  fill: currentColor;
}

@media (min-width: 640px) {
  .eic-c-container .slick-arrow {
    font-size: 1.875rem;
    top: 7.625rem;
    top: 50%;
  }
}

@media (min-width: 1024px) {
  .eic-c-container .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
  }
}

.eic-c-container.eic-slick-arrow-white .slick-arrow {
  color: #ffffff;
}

.eic-c-container .slick-dots {
  margin: 0.5rem 2.1875rem 0;
  padding: 1.25rem 0;
  text-align: center;
  position: absolute;
  width: calc(100% - 70px);
}

@media (max-width: 639px) {
  .eic-c-container .slick-dots {
    top: 70%;
  }
}

@media (min-width: 640px) {
  .eic-c-container .slick-dots {
    top: 84%;
  }
}

@media (min-width: 1024px) {
  .eic-c-container .slick-dots {
    top: 75%;
  }
}

@media (min-width: 1440px) {
  .eic-c-container .slick-dots {
    top: 82%;
  }
}

.eic-c-container .slick-dots li {
  display: inline-block;
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
  padding: 0;
  margin: 0 0.3125rem;
}

.eic-c-container .slick-dots button {
  font-size: 0;
  line-height: 0;
  color: transparent;
}

.eic-c-container .slick-dots button:before {
  content: "•";
  font-size: 1.875rem;
  line-height: 1.25rem;
  text-align: center;
  color: #888888;
}

.eic-c-container .slick-dots li.slick-active button:before {
  color: #00aad2;
}

.eic-slick-prev {
  left: 0;
  display: none;
}

.eic-slick-prev.slick-arrow {
  display: inline-flex;
  left: 1.25rem;
}

.eic-slick-next {
  right: 0;
  display: none;
}

.eic-slick-next.slick-arrow {
  display: inline-flex;
  right: 1.25rem;
}

.eic-c-slide {
  display: none;
}

.eic-c-slide:nth-child(1) {
  display: block;
}

.slick-initialized .eic-c-slide {
  display: block;
}

.eic-c-slide .media-cinemagraph-placeholder {
  position: relative;
  display: block;
}

.eic-c-slide .media-cinemagraph-container.media-cinemagraph-loaded .media-cinemagraph-placeholder {
  display: block;
  opacity: 0;
}

.eic-c-slide .media-cinemagraph-player {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0) scale(1);
  width: auto;
  max-width: none;
  min-width: 100%;
  height: 100% !important;
}

.blh-main-container {
  padding: 1rem;
}

@media (min-width: 640px) {
  .blh-main-container {
    display: flex;
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  .blh-main-container {
    padding: 0;
    max-width: 75%;
    margin: 0 auto;
  }
}

@media (min-width: 1440px) {
  .blh-main-container {
    max-width: 60%;
  }
}

.blh-trim-yr {
  display: inline-block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
}

.blh-trim-name {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 500;
}

.blh-trim-container {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
}

@media (min-width: 640px) {
  .blh-trim-container {
    flex-basis: 60%;
  }
}

@media (min-width: 1024px) {
  .blh-trim-container {
    flex-basis: 35%;
    font-size: 1.25rem;
    line-height: 1.625rem;
    align-self: center;
  }
}

@media (min-width: 1440px) {
  .blh-trim-container {
    flex-basis: 30%;
  }
}

.blh-trim-tagline {
  display: block;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 2.625rem;
}

@media (min-width: 1024px) {
  .blh-trim-tagline {
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

@media (max-width: 639px) {
  .blh-trim-links {
    padding-bottom: 1rem;
  }
}

.blh-trim-link {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  text-decoration: none;
  display: block;
  padding-bottom: 0.5rem;
  overflow-wrap: break-word;
}

.blh-trim-link .icon {
  display: inline-block;
  height: 0.75rem;
  width: 0.75rem;
  margin-left: 0.25rem;
}

.blh-trim-link-stick {
  white-space: nowrap;
  display: inline;
}

.blh-trim-descp {
  color: #666666;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  padding: 0.25rem 0 1.25rem 0;
}

.iframe-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1023px) {
  .iframe-hide-on-mobile {
    display: none;
  }
}

.iframe-inner {
  width: 100%;
  max-width: 90rem;
}

.iframe {
  width: 100%;
  border: none;
}

.cta-strip {
  padding: 2rem 0.875rem;
  max-width: 90rem;
  margin: 0 auto;
}

.cta-strip-app-store {
  padding: 1.5rem 1rem;
}

@media (min-width: 640px) {
  .cta-strip-app-store {
    padding: 2.5rem 0;
  }
}

.cta-strip-head {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  text-align: center;
}

@media (min-width: 640px) {
  .cta-strip-head {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.cta-strip-sub-head {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
  padding-top: 1rem;
}

.cta-strip-btn-container {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  padding-top: 1.5rem;
}

@media (max-width: 639px) {
  .cta-strip-btn-container {
    flex-direction: column;
    flex-wrap: wrap;
  }
}

.cta-strip-app-store-container {
  padding-top: 1rem;
  text-align: center;
}

@media (min-width: 640px) {
  .cta-strip-app-store-container {
    padding-top: 1.5rem;
  }
}

.cta-strip-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  height: 2.75rem;
  padding: 0 1.75rem;
  font-size: 1rem;
  background-color: #002c5e;
  color: #ffffff;
  border: 2px solid #002c5e;
}

.cta-strip-btn-primary:disabled {
  cursor: default;
  pointer-events: none;
}

.cta-strip-btn-primary:hover {
  background-color: #001A38;
  color: #ffffff;
}

.cta-strip-btn-primary:disabled {
  background-color: #bababa;
  color: #ffffff;
}

.cta-strip-btn-primary:focus {
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  box-sizing: border-box;
}

@media (min-width: 640px) {
  .cta-strip-btn-primary {
    margin-left: 1rem;
  }
}

.cta-strip-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  height: 2.75rem;
  padding: 0 1.75rem;
  font-size: 1rem;
  background-color: #888888;
  border: 2px solid #888888;
  padding: 0 1rem;
}

.cta-strip-btn-secondary:disabled {
  cursor: default;
  pointer-events: none;
}

.cta-strip-btn-secondary:hover {
  background-color: #666666;
  border-color: #666666;
  color: #ffffff;
}

.cta-strip-btn-secondary:focus {
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  box-sizing: border-box;
}

.cta-strip-btn {
  width: 12rem;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  height: auto;
  margin: 0 auto 1rem;
  min-height: 2.75rem;
  padding: 0.75rem 1rem;
}

@media (min-width: 640px) {
  .cta-strip-btn {
    display: inline-flex;
    margin: 0 0 0 1rem;
  }
}

@media (min-width: 640px) {
  .cta-strip-btn:first-child {
    margin: 0;
  }
}

.cta-strip-app-store-btn {
  width: auto;
  margin-left: 0.375rem;
  display: inline-block;
}

.cta-strip-app-store-btn:first-child {
  margin: 0;
}

.cta-strip-app-store .cta-strip-head {
  font-size: 1.25rem;
  line-height: 1.25rem;
}

@media (min-width: 640px) {
  .cta-strip-app-store .cta-strip-head {
    font-size: 1.5rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 640px) {
  .cta-strip-app-store .cta-strip-head {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.cta-strip-bg-gray {
  background-color: #f3f3f3;
}

.cta-strip-bg-gradient {
  background: linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
}

.cta-strip-bg-transparent {
  background: transparent;
}

.cta-strip-tertiary-btn-container {
  padding-top: 1rem;
}

.cta-strip-tertiary-btn-container .cta-strip-btn-primary {
  margin: 0 0 1rem;
}

@media (min-width: 640px) {
  .cta-strip-tertiary-btn-container .cta-strip-btn-primary {
    margin: 0;
  }
}

@media (min-width: 640px) {
  .cta-strip-tertiary-link-container {
    padding-left: 1.5rem;
  }
}

.cta-strip-tertiary-question {
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  width: 100%;
}

.cta-strip-tertiary-link {
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
  display: inline-flex;
}

.cta-strip-tertiary-link .icon {
  flex-shrink: 0;
  margin-left: 0.375rem;
  margin-top: 0.25rem;
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
  bottom: 0.125rem;
}

.cta-strip-left-right-padding {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .cta-strip-left-right-padding {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .cta-strip-left-right-padding {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .cta-strip-left-right-padding {
    padding-right: 7.5rem;
    padding-left: 7.5rem;
  }
}

.cta-strip-top-bottom-padding {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (min-width: 640px) {
  .cta-strip-top-bottom-padding {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 1024px) {
  .cta-strip-top-bottom-padding {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .cta-strip-top-bottom-padding {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
}

@media (max-width: 640px) {
  .cta-strip-margin-bottom-none {
    margin-bottom: 0;
  }
}

.dlnyv2-wrapper {
  position: relative;
}

.dlnyv2-main {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

@media (min-width: 640px) {
  .dlnyv2-main {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  .dlnyv2-main {
    padding: 3rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .dlnyv2-main {
    padding: 4.5rem 4.5rem;
  }
}

.dlnyv2-title-container {
  max-width: 1440px;
  text-align: center;
  padding-bottom: 1rem;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .dlnyv2-title-container {
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .dlnyv2-title-container {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .dlnyv2-title-container {
    padding-bottom: 3rem;
  }
}

.dlnyv2-title-container .dlnyv2-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  margin-bottom: 1rem;
}

@media (min-width: 640px) {
  .dlnyv2-title-container .dlnyv2-title {
    margin-bottom: 1.5rem;
  }
}

.dlnyv2-title-container .dlnyv2-location-pin {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  display: inline-flex;
  align-items: center;
}

.dlnyv2-title-container .dlnyv2-location-pin .icon {
  height: 1rem;
}

@media (min-width: 1024px) {
  .dlnyv2-title-container .dlnyv2-location-pin {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.dlnyv2-col-details-container {
  width: 100%;
  max-width: 100%;
  flex-basis: auto;
  display: flex;
  flex-direction: column;
  position: relative;
}

@media (min-width: 1024px) {
  .dlnyv2-col-details-container {
    flex-direction: row;
    align-items: center;
  }
}

.dlnyv2-col-details-container .dlnyv2-left-col {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}

@media (min-width: 1024px) {
  .dlnyv2-col-details-container .dlnyv2-left-col {
    width: 50%;
    height: 19.1875rem;
  }
}

@media (min-width: 1440px) {
  .dlnyv2-col-details-container .dlnyv2-left-col {
    height: 26.5625rem;
  }
}

.dlnyv2-col-details-container .dlnyv2-right-col {
  position: relative;
  width: 100%;
  padding-top: 1.5rem;
}

@media (min-width: 640px) {
  .dlnyv2-col-details-container .dlnyv2-right-col {
    padding-top: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .dlnyv2-col-details-container .dlnyv2-right-col {
    padding: 0 0 0 1.25rem;
    width: 50%;
  }
}

.dlnyv2-zip-tooltip {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  background: #002C5E;
  border-radius: 0.25rem;
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  top: 2.5rem;
  width: -webkit-max-content;
  width: max-content;
  max-width: 19.5rem;
  min-width: 10.75rem;
  box-shadow: 0px 0.1875rem 0.5625rem 0 #0000004D;
}

@media (min-width: 640px) {
  .dlnyv2-zip-tooltip {
    top: 2.4375rem;
  }
}

@media (min-width: 1440px) {
  .dlnyv2-zip-tooltip {
    top: 2.1875rem;
  }
}

.dlnyv2-zip-tooltip .dlnyv2-tooltip-content {
  padding: 0.75rem 0;
  margin-left: 1rem;
  min-width: 7rem;
  max-width: 15.75rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: left;
  color: white;
}

.dlnyv2-zip-tooltip .dlnyv2-close-tooltip {
  padding: 0.875rem;
}

.dlnyv2-zip-tooltip:before {
  content: '';
  position: absolute;
  display: block;
  width: 1rem;
  left: 50%;
  top: -0.4375rem;
  height: 0;
  border: 0.5rem solid transparent;
  border-top: 0;
  border-bottom: 0.5rem solid #002c5e;
  transform: translate(-50%, 0);
}

@media (min-width: 1024px) {
  .dlnyv2-zip-tooltip:before {
    width: 0;
    height: 1rem;
    left: 50%;
    top: -0.4375rem;
    border: 0.5rem solid transparent;
    border-bottom: 0.5rem solid #002c5e;
    transform: translate(-50%, -50%);
  }
}

.dlnyv2-map-container {
  margin: 0 -1rem;
  border-top: 1px solid #e6e6e6;
  order: 2;
  height: 13.125rem;
}

@media (min-width: 640px) {
  .dlnyv2-map-container {
    margin: 0;
    height: 24rem;
  }
}

@media (min-width: 1024px) {
  .dlnyv2-map-container {
    border: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: inherit;
  }
}

.dlnyv2-maps {
  width: 100%;
  display: flex;
  height: 100%;
}

@media (min-width: 640px) {
  .dlnyv2-maps {
    overflow: hidden;
  }
}

@media (min-width: 1024px) {
  .dlnyv2-maps {
    display: flex;
    height: 100%;
  }
}

@media (min-width: 1024px) {
  .dlnyv2-swiper-arrow-container {
    position: relative;
    padding: 0 3rem;
    margin-top: -2.125rem;
  }
}

@media (min-width: 1440px) {
  .dlnyv2-swiper-arrow-container {
    padding: 0 4.5rem;
    margin-top: -2.875rem;
  }
}

.dlnyv2-dealer-name-details {
  display: flex;
  justify-content: center;
  margin: 0 1.875rem;
}

@media (min-width: 1024px) {
  .dlnyv2-dealer-name-details {
    justify-content: flex-start;
    margin: 0;
    padding-top: 1.875rem;
  }
}

.dlnyv2-dealer-name-details .dlnyv2-dealer-name-distance {
  display: flex;
  flex-direction: row;
}

.dlnyv2-dealer-name-details .dlnyv2-dealer-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.dlnyv2-dealer-name-details .dlnyv2-dealer-distance {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: caclRem(16px);
  line-height: 1.375rem;
}

.dlnyv2-dealer-details {
  padding-bottom: 1rem;
  padding-top: 1.5rem;
}

@media (min-width: 1024px) {
  .dlnyv2-dealer-details {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

@media (min-width: 1440px) {
  .dlnyv2-dealer-details {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

.dlnyv2-dealer-details .dlnyv2-dealer-address {
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .dlnyv2-dealer-details .dlnyv2-dealer-address {
    justify-content: flex-start;
  }
}

.dlnyv2-dealer-details .dlnyv2-dealer-address p {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: caclRem(16px);
  line-height: 1.375rem;
}

.dlnyv2-dealer-details .dlnyv2-dealer-address .dlnyv2-dealer-directions {
  padding: 0.625rem 0;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: none;
  color: #002c5e;
}

.dlnyv2-dealer-directions .icon {
  margin-left: 0.125rem;
  width: .6em;
  height: .6em;
  display: inline-block;
}

.dlnyv2-dealer-contact-details {
  display: flex;
  gap: 1rem;
  padding: 0.5rem 0 0;
}

@media (min-width: 1024px) {
  .dlnyv2-dealer-contact-details {
    padding: 1rem 0 0;
  }
}

@media (min-width: 1440px) {
  .dlnyv2-dealer-contact-details {
    padding: 1.5rem 0 0;
  }
}

.dlnyv2-dealer-contact-details .dlnyv2-dail-no,
.dlnyv2-dealer-contact-details .dlnyv2-dealer-page-link {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: none;
  color: #002c5e;
}

.dlnyv2-dealer-contact-details .dlnyv2-dail-no .icon,
.dlnyv2-dealer-contact-details .dlnyv2-dealer-page-link .icon {
  margin-left: 0.125rem;
  width: .6em;
  height: .6em;
  display: inline-block;
}

.dlnyv2-test-drive-link {
  width: 100%;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: center;
  box-sizing: border-box;
}

.dlnyv2-test-drive-link svg {
  margin-left: 0.5rem;
}

.dlnyv2-col-place-icon {
  max-width: none;
  display: block;
}

.dlnyv2-dealer-marker {
  color: #ffffff;
  display: block;
  height: 2.5rem;
  text-align: center;
  padding-top: 0.3125rem;
  width: 1.625rem;
  position: absolute;
  top: 0;
}

.dlnyv2-col-number {
  position: relative;
  margin-right: 1rem;
}

.dlnyv2-no-matches {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1rem 1.5rem;
}

@media (min-width: 640px) {
  .dlnyv2-no-matches {
    padding: 0 2rem 3rem;
  }
}

@media (min-width: 1024px) {
  .dlnyv2-no-matches {
    align-items: flex-start;
    padding: 0 2rem;
  }
}

@media (min-width: 1440px) {
  .dlnyv2-no-matches {
    padding: 0 3rem;
  }
}

.dlnyv2-no-matches svg {
  width: 4rem;
  height: 4rem;
}

.dlnyv2-no-matches .dlnyv2-no-matches-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  text-align: center;
  padding-top: 1.5rem;
}

@media (min-width: 1024px) {
  .dlnyv2-no-matches .dlnyv2-no-matches-text {
    text-align: start;
  }
}

.dlnyv2-no-matches .dlnyv2-dealer-btn {
  width: 100%;
  margin-top: 1.5rem;
}

@media (min-width: 1024px) {
  .dlnyv2-no-matches .dlnyv2-dealer-btn {
    margin-top: 3rem;
  }
}

.dlnyv2-map-lg {
  width: 100%;
  height: 100%;
  display: block;
}

@media (min-width: 640px) {
  .dlnyv2-map-lg {
    height: auto;
  }
}

@media (min-width: 1024px) {
  .dlnyv2-map-lg {
    height: 100%;
  }
}

.dlnyv2-unknown-zip-text {
  color: #333333;
  font-size: 1rem;
  line-height: 1.375rem;
  padding-top: 1.5rem;
}

@media (min-width: 1024px) {
  .dlnyv2-unknown-zip-text {
    padding-top: 0;
  }
}

.gm-style div[title]:focus {
  outline: 1px dotted #212121;
  opacity: 1 !important;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .gm-style div[title]:focus {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.gm-style div[title]:focus img {
  opacity: 0 !important;
}

.dlnyv2-container .swiper-button-prev {
  left: 0;
}

.dlnyv2-container .swiper-button-next {
  right: 0;
}

.dlnyv2-container .swiper-button-prev,
.dlnyv2-container .swiper-button-next {
  top: 3.125rem;
  margin-left: -0.4375rem;
  margin-right: -0.4375rem;
  height: 2rem;
  width: 2rem;
  font-size: 1.875rem;
  color: #002c5e;
}

@media (min-width: 1024px) {
  .dlnyv2-container .swiper-button-prev,
  .dlnyv2-container .swiper-button-next {
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
  }
}

.dlnyv2-container .swiper-button-prev:after, .dlnyv2-container .swiper-button-next:after {
  content: none;
}

.dlnyv2-container .dlnyv2-swiper-dots-container {
  bottom: -1.625rem;
  text-align: center;
  width: 100%;
  margin: 0;
}

@media (min-width: 1024px) {
  .dlnyv2-container .dlnyv2-swiper-dots-container {
    bottom: -2.125rem;
  }
}

@media (min-width: 1440px) {
  .dlnyv2-container .dlnyv2-swiper-dots-container {
    bottom: -2.875rem;
  }
}

.dlnyv2-container .dlnyv2-swiper-dots-container .swiper-pagination-bullet {
  margin: 0 0.625rem;
  background-color: #bababa;
  opacity: 1;
}

.dlnyv2-container .dlnyv2-swiper-dots-container .swiper-pagination-bullet-active {
  background-color: #00aad2;
  opacity: 1;
}

.dny {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #ffffff;
}

.dny-inner {
  width: 100%;
  max-width: 90rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2rem;
  padding: 2rem 1rem;
}

@media (min-width: 640px) {
  .dny-inner {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  .dny-inner {
    gap: 1.5rem;
    padding: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .dny-inner {
    gap: 1.25rem;
    padding: 4.5rem;
  }
}

.dny-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.5rem;
}

@media (min-width: 640px) {
  .dny-title {
    gap: 1rem;
  }
}

.dny-title-copy {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.875rem;
}

@media (min-width: 640px) {
  .dny-title-copy {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.dny-title-zip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}

.dny-title-zip-icon {
  width: 1rem;
  height: 1rem;
}

.dny-title-zip-copy {
  font-size: 0.875rem;
  font-weight: 700;
  color: #002c5e;
  line-height: 1.0625rem;
}

@media (min-width: 1440px) {
  .dny-title-zip-copy {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.dny-swiper {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}

.dny-swiper-container {
  width: 100%;
  max-width: 60.25rem;
}

@media (min-width: 640px) {
  .dny-swiper-container {
    padding: 0 2rem;
  }
}

.dny-swiper-controls {
  height: 2rem;
}

.dny-swiper-controls .swiper-button-prev,
.dny-swiper-controls .swiper-button-next {
  width: 1rem;
  height: 1.875rem;
  position: absolute;
  top: 0.5rem;
  color: #002c5e;
  margin: 0;
  cursor: pointer;
  z-index: 99;
  -webkit-tap-highlight-color: transparent;
}

@media (min-width: 640px) {
  .dny-swiper-controls .swiper-button-prev,
  .dny-swiper-controls .swiper-button-next {
    top: 50%;
    transform: translateY(-50%);
  }
}

.dny-swiper-controls .swiper-button-prev:after,
.dny-swiper-controls .swiper-button-next:after {
  content: '';
}

.dny-swiper-controls .swiper-button-prev svg,
.dny-swiper-controls .swiper-button-next svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.dny-swiper-controls .swiper-button-prev {
  left: 0;
}

.dny-swiper-controls .swiper-button-next {
  right: 0;
}

.dny-swiper-controls .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}

.dny-swiper-controls .swiper-pagination-bullet {
  background: #333333;
  margin: 0 !important;
}

.dny-swiper-controls .swiper-pagination-bullet-active {
  background: #00aad2;
}

.dny-dealer {
  width: 100%;
}

.dny-dealer-inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 640px) {
  .dny-dealer-inner {
    flex-direction: row;
    gap: 2rem;
    padding: 1rem;
  }
}

.dny-dealer-details {
  width: 100%;
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 640px) {
  .dny-dealer-details {
    width: 50%;
    flex-basis: 50%;
    gap: 0.5rem;
  }
}

@media (min-width: 1024px) {
  .dny-dealer-details {
    width: 40%;
    flex-basis: 40%;
  }
}

.dny-dealer-name-distance {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media (min-width: 640px) {
  .dny-dealer-name-distance {
    align-items: flex-start;
    justify-content: flex-start;
  }
}

.dny-dealer-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.5rem;
}

@media (min-width: 1024px) {
  .dny-dealer-name {
    font-size: 1.25rem;
  }
}

.dny-dealer-distance {
  font-size: 1rem;
  color: #666666;
  line-height: 1.375rem;
}

.dny-dealer-address-contact {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  gap: 0.5rem;
}

@media (min-width: 640px) {
  .dny-dealer-address-contact {
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .dny-dealer-address-contact {
    flex-direction: row;
  }
}

.dny-dealer-address {
  display: flex;
  flex-direction: column;
}

.dny-dealer-address-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  color: #666666;
  line-height: 1.375rem;
}

.dny-dealer-contact {
  display: flex;
  align-content: flex-end;
  flex-direction: column;
  flex-shrink: 0;
}

.dny-dealer-phone-desktop,
.dny-dealer-phone-mobile,
.dny-dealer-directions,
.dny-dealer-visit-page {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.375rem;
  text-decoration: none;
}

.dny-dealer-phone-desktop svg,
.dny-dealer-phone-mobile svg,
.dny-dealer-directions svg,
.dny-dealer-visit-page svg {
  width: 100%;
  height: 100%;
  color: #002c5e;
}

.dny-dealer-phone-desktop {
  display: none;
}

@media (min-width: 1024px) {
  .dny-dealer-phone-desktop {
    display: flex;
  }
}

.dny-dealer-phone-mobile {
  display: flex;
}

@media (min-width: 1024px) {
  .dny-dealer-phone-mobile {
    display: none;
  }
}

.dny-dealer-phone-copy,
.dny-dealer-directions-copy,
.dny-dealer-visit-page-copy {
  font-size: 0.875rem;
  font-weight: 700;
  color: #002c5e;
  line-height: 1.25rem;
}

.dny-dealer-phone-icon,
.dny-dealer-directions-icon,
.dny-dealer-visit-page-icon {
  width: 0.5rem;
  height: 0.5rem;
}

.dny-dealer-visit {
  display: flex;
}

@media (min-width: 640px) {
  .dny-dealer-visit {
    margin-top: 1rem;
  }
}

.dny-dealer-map {
  display: flex;
  flex: 1;
}

.dny-dealer-map a,
.dny-dealer-map img {
  width: 100%;
}

@media (min-width: 640px) {
  .dny-dealer-test {
    margin-top: 1rem;
  }
}

.ev-cards {
  background-color: #002c5e;
  color: #ffffff;
}

.ev-cards svg {
  fill: #ffffff;
}

.ev-card {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 2.5rem 0;
}

.ev-card-icon svg {
  height: 2rem;
  margin-bottom: 0.9375rem;
  width: 2rem;
}

.ev-card-header {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  margin-bottom: 1rem;
  padding: 0 1.125rem;
  text-align: center;
}

.ev-card-body,
.ev-card-side-by-side-features {
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 2rem;
  max-width: 23.75rem;
  text-align: center;
}

.ev-card-body {
  padding: 0 2.5rem;
}

.ev-card-side-by-side-features {
  display: flex;
  justify-content: space-between;
  padding: 0 1.75rem;
  width: 100%;
}

.ev-card-feature-text {
  margin-bottom: 0.25rem;
}

.ev-card-feature-text:last-of-type {
  margin-bottom: 0;
}

.ev-card-feature {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
}

.ev-card-cta {
  color: #ffffff;
  display: flex;
  font-weight: 700;
  text-decoration: none;
}

.ev-card-cta svg {
  margin-left: 0.5rem;
}

.ev-card-cta.ev-card-internal-cta svg {
  height: 0.625rem;
  width: 0.625rem;
}

.ev-card-cta.ev-card-external-cta svg {
  height: 0.875rem;
  width: 0.875rem;
}

.ev-card-separator {
  background-color: rgba(255, 255, 255, 0.3);
  height: 0.0625rem;
  margin: 0 1rem;
}

@media (min-width: 640px) {
  .ev-card:first-of-type {
    padding-top: 3.75rem;
  }
  .ev-card:last-of-type {
    padding-bottom: 3.75rem;
  }
  .ev-card-side-by-side-features {
    justify-content: space-around;
  }
  .ev-card-separator {
    margin: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .ev-cards-container {
    justify-content: center;
    display: flex;
  }
  .ev-card {
    padding: 5rem 6rem;
  }
  .ev-card:first-of-type {
    padding-top: 5rem;
  }
  .ev-card:last-of-type {
    padding-bottom: 5rem;
  }
  .ev-card-header {
    padding: 0;
  }
  .ev-card-body,
  .ev-card-side-by-side-features {
    padding: 0;
    width: 20rem;
  }
  .ev-card-side-by-side-features {
    justify-content: space-between;
  }
  .ev-card-cta {
    margin-top: auto;
  }
  .ev-card-separator {
    align-self: stretch;
    height: auto;
    margin: 5rem 0;
    width: 0.0625rem;
    flex-shrink: 0;
  }
}

@media (min-width: 1440px) {
  .ev-card {
    padding: 5rem 12.5rem;
  }
}

.fco-modal {
  color: #333333;
  display: none;
}

.fco-modal.modal-open {
  display: flex;
}

.fco-modal-box {
  max-width: 40rem;
}

@media (min-width: 1024px) {
  .fco-modal-box {
    width: 40rem;
  }
}

.fco-modal-x .icon {
  fill: #333333;
}

.fco-modal-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  background: #f3f3f3;
  padding: 1rem 1.5rem;
  z-index: 2;
}

.fco-modal-content {
  padding-top: 3.4375rem;
  width: 100%;
}

.fco-modal-box-content {
  width: 100%;
}

.fco-text {
  margin-top: 2.625rem;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}

.fco-savings {
  margin-top: 2rem;
  text-align: center;
  font-weight: 500;
}

.fco-amount {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 2rem;
  display: block;
}

.fco-amount-label {
  font-size: 0.875rem;
  display: block;
  color: #888888;
}

@media (min-width: 640px) {
  .fco-forms {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.fco-form {
  text-align: center;
  margin-top: 1.25rem;
}

@media (min-width: 640px) {
  .fco-form {
    margin: 1.25rem 1rem 0;
  }
}

.fco-plus, .fco-minus {
  border-radius: 50%;
  border: 0.0625rem solid #002c5e;
  padding: 0.4375rem;
  margin: 0.5rem;
}

.fco-plus .icon, .fco-minus .icon {
  fill: #002c5e;
  height: 0.625rem;
  width: 0.625rem;
}

.fco-input {
  width: 5.75rem;
  padding: 0.875rem;
  text-align: center;
  font-size: 1rem;
}

.fco-form-label {
  font-size: 0.875rem;
  display: block;
  color: #888888;
  font-weight: 500;
  margin-top: 0.25rem;
}

.fco-disclaimer {
  margin-top: 2.5rem;
}

.fco-disclaimer-toggle {
  margin: 0 auto;
  display: flex;
  font-size: 0.875rem;
  font-weight: 500;
  color: #002c5e;
}

.fco-disclaimer-toggle .icon {
  fill: #002c5e;
  height: 0.625rem;
  width: 0.625rem;
  margin-left: 0.5rem;
}

.fco-form-controls {
  font-size: 0;
}

.fco-disclaimer-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #888888;
  font-weight: 500;
  margin-top: 2.5rem;
  display: none;
}

.fco-disclaimer-text ol {
  margin: 0;
  padding: 0;
  list-style-position: inside;
}

.fco-disclaimer-text ol li {
  margin-bottom: 0.5rem;
}

.fco-disclaimer-text a {
  color: #002c5e;
  text-decoration: none;
}

.fco-disclaimer-text a .icon {
  display: inline-block;
  fill: #002c5e;
  height: 0.5rem;
  width: 0.5rem;
}

.fco-show .fco-disclaimer-text {
  display: block;
}

.fco-show .fco-disclaimer-toggle .icon {
  transform: rotate(180deg);
}

.fco-disclaimer-toggle-hidden {
  display: none;
}

.award-image {
  display: block;
  margin: 0 auto;
}

.award-review-wrapper {
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .award-review-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .award-review-wrapper {
    padding: 0;
  }
}

@media (min-width: 1440px) {
  .award-review-wrapper {
    padding: 0;
  }
}

.award-title {
  max-width: 18rem;
  margin: 0 auto;
  padding: 0 0 1.5rem 0;
}

@media (min-width: 640px) {
  .award-title {
    max-width: 100%;
    padding-bottom: 2rem;
  }
}

@media (min-width: 1024px) {
  .award-title {
    padding-bottom: 2.5rem;
  }
}

.award-header {
  font-size: 1.875rem;
  line-height: 2.25rem;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  text-align: center;
}

@media (min-width: 1024px) {
  .award-header {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

.award-num-text {
  padding: 0 0 1rem 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}

@media (min-width: 640px) {
  .award-num-text {
    padding: 0 0 1.5rem 0;
  }
}

@media (min-width: 1024px) {
  .award-num-text {
    padding-left: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .award-num-text {
    padding-left: 4.5rem;
  }
}

.award-review-box {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  min-height: 17.875rem;
}

@media (min-width: 640px) {
  .award-review-box {
    flex-wrap: nowrap;
    min-height: 18.25rem;
  }
}

@media (min-width: 1024px) {
  .award-review-box {
    margin-bottom: 1.25rem;
    min-height: 16.25rem;
  }
}

@media (min-width: 1440px) {
  .award-review-box {
    margin-bottom: 1.25rem;
    min-height: 18.625rem;
  }
}

.award-model-name {
  color: #666666;
  font-size: 1rem;
  letter-spacing: 0.0625rem;
  line-height: 1.125rem;
  padding-bottom: 0.5rem;
  display: block;
}

.award-more-link {
  text-decoration: none;
}

.award-review-list {
  width: 100%;
}

.award-bg-dark {
  background: #f3f3f3;
}

.award-bg-light {
  background: #fbfbfb;
}

.award-review-headline {
  font-size: 1.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  line-height: 1.875rem;
  color: #333333;
  font-weight: 400;
  padding-bottom: 1rem;
}

.award-review-descp {
  font-size: 1rem;
  line-height: 1.375rem;
  color: #888888;
  padding-bottom: 1.5rem;
}

.award-more-link {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #002c5e;
  display: inline-flex;
}

@media (min-width: 640px) {
  .award-more-link {
    font-size: 0.875rem;
  }
}

.award-more-link .icon {
  width: 0.625rem;
  height: 0.625rem;
  fill: #002c5e;
  margin-left: 0.5rem;
  margin-top: 0.25rem;
}

.award-featured-grp {
  margin: 0 auto;
  width: 100%;
  margin-bottom: 1rem;
}

@media (min-width: 640px) {
  .award-featured-grp {
    max-width: 58.75rem;
  }
}

@media (min-width: 1024px) {
  .award-featured-grp {
    max-width: 58.75rem;
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .award-featured-grp {
    max-width: 67.375rem;
    margin-bottom: 2.5rem;
  }
}

.award-featured-grp .award-image-contain {
  width: 100%;
  display: block;
  padding: 2rem;
}

@media (min-width: 640px) {
  .award-featured-grp .award-image-contain {
    display: flex;
    align-items: center;
    width: 50%;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }
}

@media (min-width: 1024px) {
  .award-featured-grp .award-image-contain {
    padding: 0;
  }
}

@media (min-width: 1440px) {
  .award-featured-grp .award-image-contain {
    width: 48%;
  }
}

.award-featured-grp .award-review-details {
  padding: 2rem 1.5rem 2.5rem 1.5rem;
}

@media (min-width: 640px) {
  .award-featured-grp .award-review-details {
    width: 50%;
    padding: 2.5rem 1.875rem 2.5rem 2.5rem;
  }
}

@media (min-width: 1024px) {
  .award-featured-grp .award-review-details {
    padding: 2.5rem 2.5rem 3.75rem 2.5rem;
  }
}

@media (min-width: 1440px) {
  .award-featured-grp .award-review-details {
    width: 52%;
    padding: 2.5rem 8rem 6.75rem 2.375rem;
  }
}

.award-nfeatured-grp {
  max-width: 60.125rem;
  margin: 0 auto;
}

.award-nfeatured-grp .award-review-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 1440px) {
  .award-nfeatured-grp .award-review-list {
    margin-bottom: 0.25rem;
  }
}

.award-nfeatured-grp .award-review-box {
  width: 100%;
  display: block;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .award-nfeatured-grp .award-review-box {
    width: 48%;
  }
}

@media (min-width: 640px) {
  .award-nfeatured-grp .award-review-box {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    max-width: 50%;
    flex-basis: 50%;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
}

@media (min-width: 1024px) {
  .award-nfeatured-grp .award-review-box {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

.award-nfeatured-grp .award-review-details {
  padding: 2rem 1.5rem 2.5rem 1.5rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .award-nfeatured-grp .award-review-details {
    padding: 2rem 1.5rem;
  }
}

.award-nfeatured-grp .award-more-link {
  margin-top: auto;
}

.award-nfeatured-grp .award-more-link .icon {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
}

.award-image-contain {
  padding: 1.625rem 0;
}

.award-pagin-contain {
  display: flex;
  justify-content: center;
  width: 18rem;
  padding-bottom: 0;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .award-pagin-contain {
    padding-bottom: 0;
    padding-top: 1.5rem;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .award-pagin-contain {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.award-pagin-contain .g-sr-pagination {
  margin: 0;
}

.award-review-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .award-nfeatured-grp .award-review-box:nth-child(odd) {
    padding-left: 0;
    padding-right: 0.375rem;
  }
  .award-nfeatured-grp .award-review-box:nth-child(even) {
    padding-right: 0;
    padding-left: 0.375rem;
  }
}

.awards-top-padding {
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .awards-top-padding {
    padding-top: 3rem;
  }
}

@media (min-width: 1440px) {
  .awards-top-padding {
    padding-top: 4.5rem;
  }
}

.awards-bottom-padding {
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .awards-bottom-padding {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .awards-bottom-padding {
    padding-bottom: 4.5rem;
  }
}

.dl-wrapper {
  padding: 1.5rem 1rem 2.5rem;
}

@media (min-width: 640px) {
  .dl-wrapper {
    padding: 1.5rem 2rem 2.5rem;
  }
}

@media (min-width: 1024px) {
  .dl-wrapper {
    padding: 0 0 2.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-wrapper {
    padding: 1.5rem 2rem 2.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-wrapper {
    padding: 0 0 2.5rem;
  }
}

.dl-main {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  min-height: auto;
}

@media (min-width: 1024px) {
  .dl-main {
    height: 66.5rem;
  }
}

@media (min-width: 1440px) {
  .dl-main {
    height: 67.5rem;
  }
}

body.chat-opened .dl-main {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  min-height: auto;
}

@media (min-width: 1024px) {
  body.chat-opened .dl-main {
    height: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-main {
    height: 66.5rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .dl-main {
    height: 67.5rem;
  }
}

.dl-col-details-container {
  width: 100%;
  max-width: 100%;
  flex-basis: auto;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .dl-col-details-container {
    display: block;
    padding-top: 0.75rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-col-details-container {
    display: flex;
    padding-top: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-col-details-container {
    display: block;
    padding-top: 0.75rem;
  }
}

.dl-map-container {
  margin: 0 -1rem;
  border-top: 1px solid #e6e6e6;
  order: 2;
}

@media (min-width: 640px) {
  .dl-map-container {
    margin: 0 -2rem;
  }
}

@media (min-width: 1024px) {
  .dl-map-container {
    border: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 52%;
    height: 100%;
  }
}

@media (min-width: 1440px) {
  .dl-map-container {
    margin: 0;
    height: 100%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-map-container {
    margin: 0;
    border: inherit;
    position: inherit;
    right: inherit;
    top: inherit;
    width: inherit;
    height: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-map-container {
    border: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 52%;
    height: 100%;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .dl-map-container {
    margin: 0;
    height: 100%;
  }
}

.dl-maps {
  width: 100%;
  height: 13.1875rem;
}

@media (min-width: 640px) {
  .dl-maps {
    overflow: hidden;
    min-height: 20rem;
  }
}

@media (min-width: 1024px) {
  .dl-maps {
    display: flex;
    height: 100%;
    min-height: 100%;
  }
}

body.chat-opened .dl-maps {
  width: 100%;
  height: 13.1875rem;
}

@media (min-width: 1024px) {
  body.chat-opened .dl-maps {
    overflow: hidden;
    min-height: 20rem;
    height: 13.1875rem;
    display: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-maps {
    display: flex;
    height: 100%;
    min-height: 100%;
  }
}

.dl-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding-bottom: 0.75rem;
  white-space: nowrap;
}

@media (min-width: 640px) {
  .dl-title {
    padding: 0.75rem 0 0.625rem;
    margin-right: 1rem;
  }
}

.dl-change-location-box {
  width: 100%;
  overflow: hidden;
  order: 1;
  border-bottom: 0.0625rem solid #e6e6e6;
}

@media (min-width: 1024px) {
  .dl-change-location-box {
    width: 48%;
    padding-left: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .dl-change-location-box {
    padding-left: 4.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-change-location-box {
    width: 100%;
    padding-left: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-change-location-box {
    width: 48%;
    padding-left: 2.625rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .dl-change-location-box {
    padding-left: 4.5rem;
  }
}

.dl-search {
  position: relative;
  margin: 0;
  margin-bottom: 1.5rem;
  color: #888888;
  width: 100%;
}

.dl-search:focus-within {
  color: #002c5e;
}

.dl-search .invalid-zip {
  color: #e63312;
  display: none;
}

@media (min-width: 1024px) {
  .dl-search {
    width: 99%;
  }
}

@media (min-width: 1440px) {
  .dl-search {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-search {
    width: 100%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-search {
    width: 99%;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .dl-search {
    width: 100%;
  }
}

.dl-search.has-error .invalid-zip {
  display: block;
  margin-top: 0.5rem;
}

.dl-search-label {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 3rem;
  padding: 0 1rem;
  font-size: 1.375rem;
}

.dl-search-label svg {
  fill: #002c5e;
}

.dl-search-input {
  width: 100%;
  height: 3rem;
  padding: 0.25rem 3.125rem 0.25rem 1rem;
  background: #ffffff;
  color: #333333;
  font-size: 1.125rem;
  line-height: 1.25rem;
  border: 1px solid #e6e6e6;
}

.dl-search-input:-ms-input-placeholder {
  color: #888888;
}

.dl-search-input::placeholder {
  color: #888888;
}

.dl-search-box {
  display: block;
  order: 0;
}

@media (min-width: 640px) {
  .dl-search-box {
    display: flex;
  }
}

@media (min-width: 1024px) {
  .dl-search-box {
    display: block;
    max-width: 42%;
    padding-left: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .dl-search-box {
    max-width: calc(40% - 8px);
    padding-left: 4.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-search-box {
    display: flex;
    max-width: inherit;
    padding-left: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-search-box {
    display: block;
    max-width: 42%;
    padding-left: 2.625rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .dl-search-box {
    max-width: calc(40% - 8px);
    padding-left: 4.5rem;
  }
}

.dl-filter-by-services-wrapper {
  position: relative;
}

@media (min-width: 1024px) {
  .dl-filter-by-services-wrapper {
    max-width: calc(85% + 2px);
  }
}

@media (min-width: 1440px) {
  .dl-filter-by-services-wrapper {
    max-width: 80%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-filter-by-services-wrapper {
    max-width: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-filter-by-services-wrapper {
    max-width: calc(85% + 2px);
  }
}

@media (min-width: 1825px) {
  body.chat-opened .dl-filter-by-services-wrapper {
    max-width: 80%;
  }
}

.dl-filter-by-services-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.125rem;
}

.dl-filter-by-services {
  display: flex;
  align-items: center;
}

.dl-filter-by-services-active .icon {
  transform: rotate(180deg);
}

.dl-fbs-label {
  display: flex;
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  margin-right: 0.375rem;
}

.dl-fbs-icon-caret .icon {
  width: 0.5625rem;
  height: 0.5625rem;
  fill: #002c5e;
}

.dl-fbs-icon-clear {
  margin-left: 0.4375rem;
}

.dl-fbs-icon-clear .icon {
  width: 0.6875rem;
  height: 0.6875rem;
  fill: #002c5e;
}

.dl-fbs-services-scroll-wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.dl-fbs-services-list {
  display: grid;
  grid-gap: 1rem 0.5rem;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

@media (min-width: 640px) {
  .dl-fbs-services-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 1024px) {
  .dl-fbs-services-list {
    grid-gap: 1rem 1.25rem;
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1440px) {
  .dl-fbs-services-list {
    grid-gap: 1rem 2rem;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.dl-fbs-services-list::-webkit-scrollbar {
  display: none;
}

@media (min-width: 1024px) {
  body.chat-opened .dl-fbs-services-list {
    grid-gap: 1rem 0.5rem;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-fbs-services-list {
    grid-gap: 1rem 1.25rem;
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .dl-fbs-services-list {
    grid-gap: 1rem 2rem;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.dl-fbs-service {
  margin-right: 0;
}

.dl-fbs-service.dl-fbs-badge-one {
  order: 1;
}

.dl-fbs-service.dl-fbs-badge-two {
  order: 2;
}

.dl-fbs-service.dl-fbs-badge-three {
  order: 3;
}

.dl-fbs-service.dl-fbs-badge-four {
  order: 4;
}

.dl-fbs-service.dl-fbs-badge-five {
  order: 5;
}

.dl-fbs-service.dl-fbs-badge-six {
  order: 6;
}

.dl-fbs-service.dl-fbs-badge-seven {
  order: 7;
}

.dl-fbs-service-label {
  display: flex;
  align-items: center;
  padding-left: 0;
}

.dl-fbs-service-label .form-checkbox-box {
  position: relative;
  top: auto;
  left: auto;
}

.dl-fbs-service-label .form-checkbox-box:after {
  top: 0.375rem;
  left: 0.5rem;
}

.dl-fbs-service-label .filter-svg {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  margin: 0 0.5rem;
}

.dl-fbs-service-label .filter-svg svg {
  width: 100%;
  height: 100%;
}

.dl-fbs-service-label .filter-svg svg path {
  fill: #666666 !important;
}

.dl-fbs-service-sao-badge {
  width: 4.5rem;
}

.dl-fbs-service-sao-badge .tooltip-trigger {
  position: absolute;
  bottom: 0.1875rem;
}

.dl-fbs-service-sao-badge svg {
  width: 0.625rem;
  height: auto;
}

.dl-fbs-service-sao-badge svg path {
  fill: #666666;
}

.dl-fbs-service-sao-badge .filter-inline-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #666666;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: left;
}

.dl-fbs-service-sao-badge svg path {
  fill: #888888;
}

.dl-fbs-service-option-checkbox:checked ~ .dl-fbs-service-sao-badge svg,
.dl-fbs-service-option-checkbox:checked ~ .dl-fbs-service-sao-badge svg path,
.dl-fbs-service-option-checkbox:checked ~ .filter-svg svg path {
  fill: #00aad2 !important;
}

.dl-fbs-service-option-checkbox:checked ~ .dl-fbs-service-sao-badge .filter-inline-text {
  color: #00aad2;
}

.dl-paddle-wrapper {
  display: none;
  position: absolute;
  top: 0;
  width: 3.5625rem;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  pointer-events: none;
  z-index: 2;
}

.dl-paddle-wrapper.dl-paddle-wrapper-left {
  left: 0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

.dl-paddle-wrapper.dl-paddle-wrapper-right {
  right: 0;
}

@media (min-width: 1024px) {
  .dl-paddle-wrapper {
    display: block;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-paddle-wrapper {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-paddle-wrapper {
    display: block;
  }
}

.dl-filter-paddle {
  position: absolute;
  height: 100%;
  pointer-events: all;
}

.dl-filter-paddle.dl-paddle-left {
  left: 0;
}

.dl-filter-paddle.dl-paddle-right {
  right: 0;
}

@media (min-width: 1024px) {
  body.chat-opened .dl-accordion-label {
    position: relative;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-accordion-label {
    position: static;
  }
}

.dl-accordion-label {
  outline: none;
  display: block;
  margin: 2rem 0;
  position: relative;
  z-index: 1;
}

@media (min-width: 1024px) {
  .dl-accordion-label {
    position: static;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-accordion-label {
    position: relative;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-accordion-label {
    position: static;
  }
}

.dl-accordion-label:first-child {
  margin-top: 0;
}

.dl-icon-caret {
  margin-top: 0.375rem;
}

.dl-icon-caret svg {
  fill: #002c5e;
}

.dl-accordion-header {
  display: flex;
  align-items: flex-start;
}

@media (min-width: 1024px) {
  .dl-accordion-panel {
    margin-right: inherit;
  }
}

@media (min-width: 1440px) {
  .dl-accordion-panel {
    margin-right: 2.875rem;
  }
}

.dl-list {
  padding-top: 2rem;
  margin-right: 2.375rem;
  border-bottom: 1px solid #bababa;
}

.dl-accordion-content {
  display: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0;
  max-height: 0;
  transition: all 0.5s;
}

@media (min-width: 1024px) {
  .dl-accordion-content {
    padding-left: 2.5rem;
    padding-right: 0;
    width: 100%;
  }
}

body.chat-opened .dl-accordion-content {
  display: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0;
  max-height: 0;
  transition: all 0.5s;
}

@media (min-width: 1024px) {
  body.chat-opened .dl-accordion-content {
    padding: 0;
    width: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-accordion-content {
    padding-left: 2.5rem;
    padding-right: 0;
    width: 100%;
  }
}

.dl-checkbox {
  display: none;
}

.dl-checkbox:checked ~ .dl-accordion-label .dl-icon-caret {
  display: none;
}

.dl-checkbox:checked ~ .dl-accordion-label .dl-fav-icon {
  display: block;
}

.dl-checkbox:checked ~ .dl-accordion-content {
  display: block;
  max-height: 100%;
}

.dl-checkbox:checked ~ .dl-accordion-label {
  margin: 2rem 0 1.375rem 0;
}

@media (min-width: 640px) {
  .dl-checkbox:checked ~ .dl-accordion-label {
    width: 23.375rem;
  }
}

.dl-header-box {
  display: flex;
  width: 100%;
  align-items: flex-start;
}

.dl-header-title {
  width: 100%;
}

.dl-header-text {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  text-transform: capitalize;
  width: 95%;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .dl-header-text {
    width: 70%;
  }
}

.dl-distance {
  color: #666666;
  font-size: 1rem;
  line-height: 1.375rem;
  display: block;
}

.dl-fav-icon {
  display: none;
  color: #002c5e;
}

@media (min-width: 640px) {
  .dl-fav-icon {
    position: absolute;
    right: 0;
    top: 0;
  }
}

.dl-fav-icon svg {
  height: 1.125rem;
  width: 1.125rem;
}

.dl-fav-icon.dl-fav-icon-selected {
  color: #00aad2;
}

.dl-rating-cta {
  position: relative;
}

.dl-rating-cta svg {
  fill: #333333;
  stroke: #333333;
}

.dl-col-place-icon {
  max-width: none;
  display: block;
}

.dl-dealer-marker {
  color: #ffffff;
  display: block;
  height: 2.5rem;
  text-align: center;
  padding-top: 0.3125rem;
  width: 1.625rem;
  position: absolute;
  top: 0;
}

.dl-action-icons {
  margin-top: 4px;
  margin-left: 1rem;
}

@media (min-width: 640px) {
  .dl-action-icons {
    margin-left: 0;
  }
}

.dl-col-number {
  position: relative;
  margin-right: 0.625rem;
}

@media (min-width: 640px) {
  .dl-col-number {
    margin-right: 1.125rem;
  }
}

@media (min-width: 640px) {
  .dl-tab-container {
    display: flex;
    justify-content: space-between;
    padding-bottom: 1.25rem;
  }
}

.dl-tab-links {
  display: flex;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  padding-bottom: 1.25rem;
  margin-right: 1.5rem;
}

@media (min-width: 640px) {
  .dl-tab-links {
    margin-right: 0;
    padding-bottom: 1.875rem;
  }
}

.dl-tab-link {
  color: #666666;
  font-weight: 700;
  padding-bottom: 0.625rem;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  margin-right: 1.625rem;
}

.dl-tab-link:hover, .dl-tab-link:active {
  color: #333333;
  font-weight: 700;
  border-bottom: 2px solid #00aad2;
}

@media (min-width: 640px) {
  .dl-tab-link {
    margin-right: 1.25rem;
  }
}

.dl-tab-link:last-child {
  margin-right: 0;
}

.dl-tab-link-active {
  color: #333333;
  font-weight: 700;
  border-bottom: 2px solid #00aad2;
}

.dl-tab-definition {
  position: relative;
  display: none;
}

.dl-tab-definition-active {
  display: block;
}

.dl-tab-panel {
  padding-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .dl-tab-panel {
    padding-bottom: 2rem;
  }
}

@media (min-width: 1024px) {
  .dl-tab-panel {
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened.dl-tab-panel {
    padding-bottom: 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened.dl-tab-panel {
    padding-bottom: 1.25rem;
  }
}

.dl-accordion-footer {
  position: static;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .dl-accordion-footer {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
}

.dl-box-buttons {
  justify-content: space-between;
}

@media (min-width: 640px) {
  .dl-box-buttons {
    display: flex;
  }
}

.dl-afc-button {
  display: flex;
  justify-content: right;
  width: 100%;
}

.dl-box-button {
  width: auto;
  min-width: 14rem;
}

@media (min-width: 640px) {
  .dl-box-button {
    min-width: 9.375rem;
  }
}

@media (min-width: 1024px) {
  .dl-box-button {
    width: 100%;
    padding: 0 1.625rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-box-button {
    min-width: 9.375rem;
    width: auto;
    padding: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-box-button {
    width: 100%;
    padding: 0 1.625rem;
  }
}

.dl-box-button-item {
  white-space: nowrap;
}

@media (min-width: 640px) {
  .dl-box-button-item {
    margin-right: 0.75rem;
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .dl-box-button-item {
    width: 50%;
    flex-grow: 1;
    max-width: 13.75rem;
  }
}

.dl-box-button-item svg {
  margin-left: 0.5rem;
}

@media (min-width: 1024px) {
  body.chat-opened .dl-box-button-item {
    margin-right: 0.75rem;
    margin-bottom: 0;
    width: inherit;
    flex-grow: inherit;
    max-width: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-box-button-item {
    width: 50%;
    flex-grow: 1;
    max-width: 13.75rem;
  }
}

.dl-inventory-btn {
  margin-right: 0;
  margin-top: 0.75rem;
}

@media (min-width: 640px) {
  .dl-inventory-btn {
    margin-top: 0;
  }
}

@media (min-width: 1024px) {
  .dl-inventory-btn {
    width: 50%;
  }
}

.dl-inventory-btn .dl-box-button {
  min-width: 14rem;
}

@media (min-width: 640px) {
  .dl-inventory-btn .dl-box-button {
    min-width: 11.125rem;
  }
}

@media (min-width: 1024px) {
  .dl-inventory-btn .dl-box-button {
    width: 100%;
    min-width: auto;
    padding: 0 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-inventory-btn {
    margin-top: 0;
    width: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-inventory-btn {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-inventory-btn .dl-box-button {
    min-width: 11.125rem;
    width: inherit;
    padding: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-inventory-btn .dl-box-button {
    width: 100%;
    min-width: auto;
    padding: 0 1rem;
  }
}

.dl-adress-info {
  font-size: 1rem;
  line-height: 1.375rem;
  color: #666666;
  text-align: left;
  padding-right: 2.25rem;
  padding-bottom: 0.75rem;
  text-transform: capitalize;
}

@media (min-width: 640px) {
  .dl-adress-info {
    max-width: 48%;
    flex-basis: 48%;
    padding-right: 0;
    padding-bottom: 0;
  }
}

.dl-direction-info {
  display: inline-block;
  padding-bottom: 0.75rem;
}

@media (min-width: 640px) {
  .dl-direction-info {
    padding-bottom: 0;
  }
}

.dl-action-box {
  font-weight: 700;
  color: #002c5e;
  text-align: left;
  text-decoration: none;
  flex-shrink: 0;
}

@media (min-width: 640px) {
  .dl-action-box {
    padding-bottom: 0;
    text-align: right;
  }
}

.dl-site-link,
.dl-direction-info,
.dl-sales-contact-link {
  font-weight: 700;
  color: #002c5e;
  text-decoration: none;
}

.dl-sales-contact-link svg,
.dl-more-link svg {
  font-size: 0.625rem;
}

.dl-sales-contact {
  display: block;
  padding-bottom: 1.375rem;
}

@media (min-width: 640px) {
  .dl-sales-contact {
    padding-bottom: 0;
  }
}

@media (min-width: 640px) {
  .dl-col-tabs {
    width: 21.25rem;
  }
}

@media (min-width: 1024px) {
  .dl-col-tabs {
    width: 100%;
  }
}

.dl-col-tabs #showroom-tab, .dl-col-tabs #service-tab {
  padding: 0 2.25rem;
}

@media (min-width: 640px) {
  .dl-col-tabs #showroom-tab, .dl-col-tabs #service-tab {
    padding: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-col-tabs {
    width: 21.25rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-col-tabs {
    width: 100%;
  }
}

.dl-col-tabs svg,
.dl-more-link svg,
.dl-site-link svg {
  display: inline-block;
  margin-left: 0.5rem;
}

.dl-amenities-badges {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  flex-direction: row;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .dl-amenities-badges {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1rem;
  }
}

.dl-amenities-badge {
  width: 50%;
  margin-bottom: 1rem;
  cursor: pointer;
}

@media (min-width: 640px) {
  .dl-amenities-badge {
    width: 100%;
    padding-right: 0;
  }
}

@media (min-width: 1024px) {
  .dl-amenities-badge {
    width: 50%;
  }
}

@media (min-width: 1440px) {
  .dl-amenities-badge {
    width: 33.3333333333%;
  }
}

.dl-amenities-badge img {
  width: 5.625rem;
}

.dl-amenities-badge.dl-amenities-badge-one {
  order: 1;
}

.dl-amenities-badge.dl-amenities-badge-two {
  order: 2;
}

.dl-amenities-badge.dl-amenities-badge-three {
  order: 3;
}

.dl-amenities-badge.dl-amenities-badge-four {
  order: 4;
}

.dl-amenities-badge.dl-amenities-badge-five {
  order: 5;
}

.dl-amenities-badge.dl-amenities-badge-six {
  order: 6;
}

.dl-amenities-badge.dl-amenities-badge-seven {
  order: 7;
}

@media (min-width: 1024px) {
  body.chat-opened .dl-amenities-badge {
    width: 100%;
    padding-right: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-amenities-badge {
    width: 50%;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .dl-amenities-badge {
    width: 33.3333333333%;
  }
}

.dl-more-link {
  color: #002c5e;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: none;
  padding: 0.75rem 1rem;
}

.dl-show-cta {
  text-align: center;
  margin: 2rem 0;
  order: 4;
}

.dl-rating-incomplete svg {
  fill: #ffffff;
}

.dl-rating-percentage {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  display: block;
  overflow: hidden;
}

.dl-rating-percentage svg {
  fill: #333333;
  max-width: none;
}

.dl-avail-days {
  display: flex;
  justify-content: space-between;
}

.dl-timings {
  color: #666666;
  display: block;
  font-size: 1rem;
  line-height: 1.375rem;
  white-space: nowrap;
}

.dl-rating-container {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-bottom: 1.25rem;
  justify-content: space-between;
}

@media (min-width: 640px) {
  .dl-rating-container {
    flex-wrap: nowrap;
  }
}

.dl-rating {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 0.125rem;
}

@media (min-width: 640px) {
  .dl-rating {
    width: auto;
    padding-bottom: 0;
  }
}

.dl-rating-box {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 0.9375rem 0 0;
  margin: 0;
  flex-shrink: 0;
}

.dl-rating-cta svg {
  margin-left: 0;
}

.dl-rating-count {
  color: #888888;
  font-weight: 700;
}

.dl-schedule-service {
  font-size: 1rem;
  line-height: 1.375rem;
  color: #666666;
  margin-bottom: 1.375rem;
}

.dl-service-hrs {
  padding-bottom: 0.3125rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: #333333;
}

.dl-accordion-list-container {
  order: 4;
}

@media (min-width: 1024px) {
  .dl-accordion-list-container {
    padding: 0 2.5rem 0 2.625rem;
    margin-right: 2.375rem;
    height: 40.3125rem;
    overflow-y: scroll;
    overflow-x: hidden;
    flex-basis: 44%;
    max-width: 44%;
  }
}

@media (min-width: 1440px) {
  .dl-accordion-list-container {
    padding: 0 3.75rem 0 4.5rem;
    margin-right: 2.875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-accordion-list-container {
    padding: inherit;
    margin-right: inherit;
    height: inherit;
    overflow-y: inherit;
    overflow-x: inherit;
    flex-basis: inherit;
    max-width: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-accordion-list-container {
    padding: 0 2.5rem 0 2.625rem;
    margin-right: 2.375rem;
    height: 40.3125rem;
    overflow-y: scroll;
    overflow-x: hidden;
    flex-basis: 44%;
    max-width: 44%;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .dl-accordion-list-container {
    padding: 0 3.75rem 0 4.5rem;
    margin-right: 2.875rem;
  }
}

.dl-showed-filters {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #666666;
  margin-top: 1.25rem;
  order: 3;
}

.dl-showed-filters .dl-showed-filter-values {
  font-weight: 700;
}

@media (min-width: 1024px) {
  .dl-showed-filters {
    max-width: 48%;
    padding-left: 2.625rem;
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .dl-showed-filters {
    padding-left: 4.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-showed-filters {
    max-width: inherit;
    padding-left: inherit;
    margin-bottom: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-showed-filters {
    max-width: 48%;
    padding-left: 2.625rem;
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .dl-showed-filters {
    padding-left: 4.5rem;
  }
}

.dl-accordion-list-item {
  position: relative;
  border-bottom: 1px solid #bababa;
}

.dl-prefer-choice {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.75rem;
  display: inline-block;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: center;
  position: relative;
  top: -0.25rem;
  width: auto;
  background: #e6e6e6;
  padding: 0 0.5rem;
}

@media (min-width: 1024px) {
  .dl-prefer-choice {
    margin-left: 0.625rem;
  }
}

@media (min-width: 1024px) {
  .dl-prefer-choice {
    margin-left: inherit;
  }
}

@media (min-width: 1440px) {
  .dl-prefer-choice {
    margin-left: 0.625rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .dl-checkbox:checked ~ .dl-accordion-content .dl-accordion-footer {
    display: block;
  }
}

.dl-map-lg {
  width: 100%;
  height: 100%;
  display: block;
}

@media (min-width: 640px) {
  .dl-map-lg {
    height: auto;
  }
}

@media (min-width: 1024px) {
  .dl-map-lg {
    height: 100%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-map-lg {
    height: auto;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-map-lg {
    height: 100%;
  }
}

.dl-unknown-zip-text {
  color: #333333;
  font-size: 1rem;
  line-height: 1.375rem;
  padding-top: 1.5rem;
}

@media (min-width: 1024px) {
  .dl-unknown-zip-text {
    padding-top: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-unknown-zip-text {
    padding-top: 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-unknown-zip-text {
    padding-top: 0;
  }
}

.dl-accordion-label:focus {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .dl-accordion-label:focus {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.dl-space-between {
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .dl-space-between .dl-amenities-badge {
    width: auto;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-space-between .dl-amenities-badge {
    width: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-space-between .dl-amenities-badge {
    width: auto;
  }
}

.gm-style div[title]:focus {
  outline: 1px dotted #212121;
  opacity: 1 !important;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .gm-style div[title]:focus {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.gm-style div[title]:focus img {
  opacity: 0 !important;
}

.dl-no-matches-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  order: 3;
}

@media (min-width: 1024px) {
  .dl-no-matches-content {
    max-width: 42%;
    padding-left: 2.625rem;
    padding-top: 0.25rem;
  }
}

@media (min-width: 1440px) {
  .dl-no-matches-content {
    max-width: calc(40% - 8px);
    align-items: baseline;
    padding-left: 4.5rem;
    padding-top: 2.75rem;
  }
}

.dl-no-matches-content .dl-no-matches-svg-text-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 1024px) {
  .dl-no-matches-content .dl-no-matches-svg-text-wrapper {
    flex-direction: row;
  }
}

.dl-no-matches-content svg {
  width: 4rem;
  height: 4rem;
  margin: 1.5rem 0;
}

@media (min-width: 1024px) {
  .dl-no-matches-content svg {
    max-width: 4rem;
    margin: 0 1.5rem 0 0;
    width: 100%;
  }
}

.dl-no-matches-content .no-matches-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .dl-no-matches-content .no-matches-text {
    text-align: start;
  }
}

.dl-no-matches-content .dl-nearest-cta {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  width: 100%;
  max-width: 21.4375rem;
  height: 3rem;
  margin-top: 1.5rem;
}

@media (min-width: 1024px) {
  .dl-no-matches-content .dl-nearest-cta {
    margin-top: 2rem;
    max-width: 24rem;
  }
}

@media (min-width: 1440px) {
  .dl-no-matches-content .dl-nearest-cta {
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-no-matches-content {
    max-width: inherit;
    padding-left: inherit;
    padding-top: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-no-matches-content {
    max-width: 42%;
    padding-left: 2.625rem;
    padding-top: 0.25rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .dl-no-matches-content {
    max-width: calc(40% - 8px);
    align-items: baseline;
    padding-left: 4.5rem;
    padding-top: 2.75rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-no-matches-content .dl-no-matches-svg-text-wrapper {
    flex-direction: column;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-no-matches-content .dl-no-matches-svg-text-wrapper {
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-no-matches-content svg {
    max-width: 4rem;
    margin: 1.5rem 0;
    width: 4rem;
    height: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-no-matches-content svg {
    max-width: 4rem;
    margin: 0 1.5rem 0 0;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-no-matches-content .no-matches-text {
    text-align: center;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-no-matches-content .no-matches-text {
    text-align: start;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-no-matches-content .dl-nearest-cta {
    max-width: 21.4375rem;
    margin-top: 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-no-matches-content .dl-nearest-cta {
    margin-top: 2rem;
    max-width: 24rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .dl-no-matches-content .dl-nearest-cta {
    max-width: 100%;
  }
}

.dl-filter-no-results {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  order: 3;
}

@media (min-width: 1024px) {
  .dl-filter-no-results {
    padding-left: 2.625rem;
    max-width: 42%;
  }
}

@media (min-width: 1440px) {
  .dl-filter-no-results {
    padding-left: 4.5rem;
    max-width: calc(40% - 8px);
  }
}

.dl-filter-no-results p {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  text-align: left;
  padding: 1.5rem 0;
}

@media (min-width: 1024px) {
  .dl-filter-no-results p {
    padding: 0.25rem 0 2rem;
  }
}

@media (min-width: 1440px) {
  .dl-filter-no-results p {
    padding: 2.75rem 0 2rem;
  }
}

.dl-filter-no-results button {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: left;
  color: #002c5e;
}

@media (min-width: 1024px) {
  body.chat-opened .dl-filter-no-results {
    padding-left: inherit;
    max-width: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-filter-no-results {
    padding-left: 2.625rem;
    max-width: 42%;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .dl-filter-no-results {
    padding-left: 4.5rem;
    max-width: calc(40% - 8px);
  }
}

.dl-search .dl-zip-tooltip {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  background: #002C5E;
  border-radius: 0.25rem;
  position: absolute;
  z-index: 1;
  top: 3.1875rem;
  left: 50%;
  transform: translate(-50%, 0);
  width: -webkit-max-content;
  width: max-content;
  max-width: 19.5rem;
  min-width: 10.75rem;
  box-shadow: 0px 0.1875rem 0.5625rem 0 #0000004D;
}

@media (min-width: 1024px) {
  .dl-search .dl-zip-tooltip {
    top: 50%;
    left: 5.125rem;
    transform: translate(0, -50%);
  }
}

.dl-search .dl-zip-tooltip .dl-tooltip-content {
  padding: 0.75rem 0;
  margin-left: 1rem;
  min-width: 7rem;
  max-width: 15.75rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: left;
  color: white;
}

.dl-search .dl-zip-tooltip .dl-close-tooltip {
  padding: 0.875rem;
}

.dl-search .dl-zip-tooltip .dl-close-tooltip svg path {
  fill: #ffffff;
}

@media (min-width: 1024px) {
  body.chat-opened .dl-search .dl-zip-tooltip {
    top: 3.1875rem;
    left: 50%;
    transform: translate(-50%, 0);
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-search .dl-zip-tooltip {
    top: 50%;
    left: 5.125rem;
    transform: translate(0, -50%);
  }
}

.dl-zip-tooltip:before {
  content: '';
  position: absolute;
  display: block;
  width: 1rem;
  height: 0;
  left: 50%;
  top: -0.5rem;
  border: 0.5rem solid transparent;
  border-top: 0;
  border-bottom: 0.5rem solid #002c5e;
  transform: translate(-50%, 0);
}

@media (min-width: 1024px) {
  .dl-zip-tooltip:before {
    width: 0;
    height: 1rem;
    left: 0;
    top: 50%;
    border: 0.5rem solid transparent;
    border-left: 0;
    border-right: 0.5rem solid #002c5e;
    transform: translate(-0.4875rem, -50%);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dl-zip-tooltip:before {
    width: 1rem;
    height: 0;
    left: 50%;
    top: -0.5rem;
    border: 0.5rem solid transparent;
    border-left: inherit;
    border-right: inherit;
    transform: translate(-50%, 0);
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dl-zip-tooltip:before {
    width: 0;
    height: 1rem;
    left: 0;
    top: 50%;
    border: 0.5rem solid transparent;
    border-left: 0;
    border-right: 0.5rem solid #002c5e;
    transform: translate(-0.4875rem, -50%);
  }
}

.g-search-results-header {
  background: #f3f3f3;
  padding-bottom: 1.875rem;
}

.g-sr-search-bar {
  display: flex;
  padding: 1.875rem 1.25rem 1.625rem;
  margin-left: auto;
  background: #f3f3f3;
  align-items: center;
  justify-content: left;
}

@media (min-width: 640px) {
  .g-sr-search-bar {
    padding: 1.875rem 5rem 1.625rem;
  }
}

@media (min-width: 1024px) {
  .g-sr-search-bar {
    padding: 1.875rem 7.625rem 1.625rem;
  }
}

@media (min-width: 1440px) {
  .g-sr-search-bar {
    padding: 1.875rem 7.625rem 1.625rem;
    max-width: 1440px;
    margin: 0 auto;
  }
}

.g-sr-search-box {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .g-sr-search-box {
    max-width: 35.75rem;
  }
}

.global-header-close-svg {
  z-index: 20;
}

.g-sr-close-svg {
  position: absolute;
  height: 1rem;
  top: 1.25rem;
  right: 4.125rem;
  width: 2rem;
  z-index: 20;
}

.g-sr-close-svg.display-none {
  display: none;
}

.g-sr-search-input {
  padding: 1.25rem 1.875rem;
  background: #ffffff;
  border-radius: 0.25rem;
  border: 1px solid #bababa;
  height: 3.75rem;
  position: relative;
  width: 100%;
  z-index: 20;
}

.g-sr-search-input.highlight-empty {
  border: 0.0625rem solid #e63312;
  outline: none;
}

.g-sr-search-input:focus {
  border: 1px solid #00aad2;
  outline: none;
}

.g-sr-search-label {
  position: absolute;
  top: 1.25rem;
  right: 1.875rem;
  height: 1rem;
  width: 1rem;
  z-index: 20;
}

.g-sr-predictive-search-results {
  background-color: #ffffff;
  border-radius: 1.5625rem;
  left: 0;
  padding-top: 3.125rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

.g-sr-predictive-search-results-open {
  border-radius: 1.5625rem 1.5625rem 0 0;
  box-shadow: 0 0.3125rem 0.9375rem 0 rgba(186, 186, 186, 0.3);
}

.g-sr-predictive-search-results-list {
  margin-top: 2.25rem;
}

.g-sr-predictive-search-results-list-hidden {
  display: none;
}

.g-sr-predictive-search-result {
  color: #333333;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  padding: 0.75rem 1.5rem;
  text-decoration: none;
  width: 100%;
}

.g-sr-predictive-search-result:hover {
  background-color: #f3f3f3;
}

.g-sr-predictive-search-result-entry-already-typed {
  color: #888888;
  font-weight: 400;
}

.g-search-note {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .g-search-note {
    padding: 0 5rem;
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .g-search-note {
    padding: 0 7.625rem;
    flex-direction: row;
  }
}

@media (min-width: 1440px) {
  .g-search-note {
    padding: 0 7.625rem;
    max-width: 1440px;
    margin: 0 auto;
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .g-search-note {
    flex-direction: column;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .g-search-note {
    flex-direction: row;
  }
}

.g-sr-label {
  display: flex;
  flex-direction: column;
}

.g-sr-count-text {
  padding: 1.25rem 0;
}

.g-sr-count {
  font-weight: 700;
}

.g-sr-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.g-sr-invalid {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}

.g-sr-invalid a {
  text-decoration: none;
}

.g-sr-invalid-title {
  color: #e63312;
}

.g-sr-corrected-title {
  color: #666666;
}

.g-sr-invalid-text {
  color: #002c5e;
}

.g-sr-filter-nav {
  padding: 0 1rem;
  margin-bottom: 2.25rem;
}

@media (min-width: 640px) {
  .g-sr-filter-nav {
    padding: 0 5rem;
    margin-bottom: 2rem;
  }
}

@media (min-width: 1024px) {
  .g-sr-filter-nav {
    padding: 1rem 7.625rem 0;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 1440px) {
  .g-sr-filter-nav {
    padding: 1rem 7.625rem 0;
    max-width: 1440px;
    margin: 0 auto 2.5rem;
  }
}

.g-sr-filter-bar {
  display: flex;
  align-items: center;
}

.g-sr-filter-bar-contain {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .g-sr-filter-bar-contain {
    border-bottom: 1px solid #bababa;
    padding-bottom: 1rem;
  }
}

.g-sr-filter-dropdown {
  width: 100%;
}

.g-sr-filter-dropdown.dropdown-open {
  z-index: 990;
}

.g-sr-filter-trigger {
  min-height: 3rem;
  padding: 0.25rem 0;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  border-bottom: 1px solid #bababa;
}

@media (min-width: 1024px) {
  .g-sr-filter-trigger {
    display: none;
  }
}

.g-sr-filters-panel {
  z-index: 1500;
  margin: 0 -1rem;
}

@media (min-width: 1024px) {
  .g-sr-filters-panel {
    display: flex;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    z-index: 1;
    margin: 0 auto;
  }
  .dropdown-open .g-sr-filters-panel {
    display: flex;
  }
}

@media (min-width: 1024px) {
  .g-sr-filters {
    display: flex;
  }
}

.g-sr-filter {
  min-height: 3rem;
  padding: 0.25rem 1rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  background-color: #f3f3f3;
  color: #666666;
}

.g-sr-filter:hover {
  background-color: #ffffff;
  color: #002c5e;
}

.g-sr-filter + .g-sr-filter:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.75rem;
  right: 0.75rem;
  height: 1px;
  background-color: #e6e6e6;
}

.g-sr-filter:hover + .g-sr-filter:before {
  opacity: 0;
}

.g-sr-filter + .g-sr-filter:hover:before {
  opacity: 0;
}

@media (min-width: 1024px) {
  .g-sr-filter {
    width: auto;
    padding: 0 3.75rem 0 0;
    font-weight: 700;
    font-size: 0.875rem;
    background-color: transparent;
    color: #666666;
  }
  .g-sr-filter:hover {
    background-color: transparent;
    color: #00aad2;
  }
  .g-sr-filter + .g-sr-filter:before {
    opacity: 0;
  }
}

.g-sr-filter.dropdown-item-active {
  background-color: #ffffff;
  font-weight: 400;
}

.g-sr-filter.dropdown-item-active + .g-sr-filter:before {
  opacity: 0;
}

.g-sr-filter + .g-sr-filter.dropdown-item-active:before {
  opacity: 0;
}

.g-sr-filter:hover + .g-sr-filter.dropdown-item-active:before {
  opacity: 1;
}

.g-sr-filter.dropdown-item-active + .g-sr-filter:hover:before {
  opacity: 1;
}

@media (min-width: 1024px) {
  .g-sr-filter.dropdown-item-active {
    font-weight: 700;
    background-color: transparent;
  }
  .g-sr-filter:hover + .g-sr-filter.dropdown-item-active:before {
    opacity: 0;
  }
  .g-sr-filter.dropdown-item-active + .g-sr-filter:hover:before {
    opacity: 0;
  }
  .g-sr-filter.dropdown-item-active span {
    border-bottom: 2px solid #00aad2;
    line-height: 2.125rem;
  }
}

.g-sr-row {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-bottom: 1px solid #bababa;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}

@media (min-width: 1024px) {
  .g-sr-row {
    flex-direction: row;
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

body.chat-opened .g-sr-row {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  flex-direction: column;
}

@media (min-width: 1440px) {
  body.chat-opened .g-sr-row {
    flex-direction: row;
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.g-sr-row-text-content {
  padding-right: 1rem;
}

.g-sr-vehicle-eyebrow {
  color: #666666;
  letter-spacing: 0.0625rem;
  margin-bottom: 0.5rem;
}

.g-sr-vehicle-name {
  margin-bottom: 1rem;
}

@media (min-width: 1024px) {
  .g-sr-vehicle-name {
    margin-bottom: 0;
  }
}

.g-sr-vehicle-name-link {
  font-size: 1.25rem;
  color: #002c5e;
  line-height: 1.5rem;
  text-decoration: none;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
}

.g-sr-vehicle-name-link .icon {
  display: inline-block;
  font-size: 0.75rem;
}

.g-sr-inner-row {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .g-sr-inner-row {
    flex-direction: column;
  }
}

@media (min-width: 1440px) {
  .g-sr-inner-row {
    flex-direction: row;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .g-sr-inner-row {
    flex-direction: column;
  }
}

.g-sr-col-desc {
  color: #666666;
  font-size: 1rem;
  line-height: 1.375rem;
  flex: 1;
}

.g-sr-col-thumbsnail {
  padding-top: 1rem;
  min-width: 100%;
}

@media (min-width: 1024px) {
  .g-sr-col-thumbsnail {
    padding-top: 0;
    min-width: 8.75rem;
  }
}

body.chat-opened .g-sr-col-thumbsnail {
  padding-top: 1rem;
}

@media (min-width: 1440px) {
  body.chat-opened .g-sr-col-thumbsnail {
    padding-top: 0;
    min-width: 8.75rem;
  }
}

.g-sr-thumbnail {
  display: block;
  width: 8.75rem;
  height: 4.9375rem;
}

@media (min-width: 1440px) {
  .g-sr-thumbnail {
    margin-left: auto;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .g-sr-thumbnail {
    margin-left: 0;
  }
}

.g-sr-pagination {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}

@media (min-width: 1024px) {
  .g-sr-pagination {
    margin-bottom: 2.5rem;
  }
}

.g-sr-pagination-link {
  color: #002c5e;
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
  margin: 0 0.5rem;
  padding: 0 0.625rem;
}

@media (max-width: 640px) {
  .g-sr-pagination-link {
    margin: 0 0.3125rem;
    padding: 0 0.3125rem;
  }
}

.g-sr-pagination-link .icon {
  height: 0.875rem;
  width: 0.875rem;
}

.g-sr-pagination-link:first-child {
  margin-left: 0;
  margin-top: 0.125rem;
}

.g-sr-pagination-link:last-child {
  margin-right: 0;
  margin-top: 0.125rem;
}

.g-sr-pagination-disabled,
.g-sr-pagination-current,
.g-sr-pagination-ellip {
  cursor: default;
}

.g-sr-pagination-ellip {
  outline: none;
}

.g-sr-pagination-disabled {
  color: #bababa;
}

.g-sr-pagination-current {
  color: #00aad2;
}

.g-search-no-results-container {
  padding: 0.5rem 1rem;
}

@media (min-width: 640px) {
  .g-search-no-results-container {
    padding: 1rem 5rem;
  }
}

@media (min-width: 1024px) {
  .g-search-no-results-container {
    padding: 2rem 7.625rem;
  }
}

@media (min-width: 1440px) {
  .g-search-no-results-container {
    padding: 2rem 7.625rem;
    max-width: 1440px;
    margin: 0 auto;
  }
}

.g-search-no-results {
  padding: 2rem 1.5rem;
  background: #f3f3f3;
  text-align: center;
}

@media (min-width: 640px) {
  .g-search-no-results {
    padding: 3rem;
  }
}

.g-search-no-results-heading {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 500;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
  .g-search-no-results-heading {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.g-search-no-results-desc {
  color: #666666;
  line-height: 1.375rem;
}

.g-search-no-results-desc a {
  color: #002c5e;
  text-decoration: none;
  font-weight: 700;
  line-height: 1.75rem;
}

.g-search-no-results-desc a .icon {
  display: inline-flex;
  font-size: 0.625rem;
  margin-left: 0.125rem;
}

.g-search-popular {
  padding: 2rem 1.5rem;
}

@media (min-width: 640px) {
  .g-search-popular {
    padding: 2.5rem 3rem;
  }
}

@media (min-width: 1024px) {
  .g-search-popular {
    padding: 2.5rem 5rem;
  }
}

@media (min-width: 1440px) {
  .g-search-popular {
    padding: 2.5rem 6.875rem;
  }
}

.g-search-popular-heading {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 500;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  margin-bottom: 0.5rem;
}

@media (min-width: 1024px) {
  .g-search-popular-link-container {
    display: flex;
    flex-wrap: wrap;
  }
}

.g-search-popular-link {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #002c5e;
  text-decoration: none;
  margin-top: 1rem;
}

.g-search-popular-link .icon {
  display: inline-flex;
  font-size: 0.625rem;
  margin-left: 0.125rem;
}

@media (min-width: 1024px) {
  .g-search-popular-link {
    flex-basis: 50%;
    max-width: 50%;
  }
}

.g-search-no-results-footer {
  padding: 1.5rem;
  background: #f3f3f3;
  text-align: center;
}

@media (min-width: 640px) {
  .g-search-no-results-footer {
    padding: 3rem;
  }
}

@media (min-width: 1024px) {
  .g-search-no-results-footer {
    padding: 3rem 5rem;
  }
}

.g-search-link-stick {
  white-space: nowrap;
  display: inline;
  margin-left: 4px;
}

.g-search-note-title {
  padding-bottom: 1rem;
}

.g-search-note-title svg {
  width: 282.237px;
  height: 24.421px;
}

.g-search-note-text {
  padding: 1.25rem;
  border-radius: 24px;
  background: #ffffff;
}

@media (min-width: 640px) {
  .g-search-note-text {
    padding: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .g-search-note-text {
    padding: 1.875rem;
  }
}

@media (min-width: 1440px) {
  .g-search-note-text {
    padding: 1.875rem;
  }
}

.g-search-note-text h2 {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #333333;
  margin-bottom: 0.625rem;
}

.g-search-note-text p {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333333;
}

.g-search-note-text-with-cta {
  border-radius: 24px 24px 0px 0px;
}

@media (min-width: 640px) {
  .g-search-note-text-with-cta {
    border-radius: 24px 24px 0px 0px;
  }
}

@media (min-width: 1024px) {
  .g-search-note-text-with-cta {
    border-radius: 24px 0px 0px 24px;
  }
}

@media (min-width: 1440px) {
  .g-search-note-text-with-cta {
    border-radius: 24px 0px 0px 24px;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .g-search-note-text-with-cta {
    border-radius: 24px 24px 0px 0px;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .g-search-note-text-with-cta {
    border-radius: 24px 0px 0px 24px;
  }
}

.g-search-note-cta {
  display: none;
  position: relative;
  border-radius: 0px 0px 0px 24px;
  background: #ffffff;
  padding: 0 1rem 1rem;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}

.g-search-note-cta .btn {
  margin: 0;
}

@media (min-width: 1024px) {
  .g-search-note-cta .btn {
    margin: 0 0 0 3.375rem;
  }
}

.g-search-note-cta .smartchat-contextual-cta-btn--background {
  min-height: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.625rem 0.9375rem;
}

@media (min-width: 640px) {
  .g-search-note-cta {
    border-radius: 0px 0px 0px 24px;
  }
}

@media (min-width: 1024px) {
  .g-search-note-cta {
    border-radius: 0px 24px 0px 0px;
    padding: 2.5rem 3.9375rem 2.5rem 3.75rem;
    min-width: 25rem;
  }
}

body.chat-opened .g-search-note-cta .btn {
  margin: 0;
}

@media (min-width: 1440px) {
  body.chat-opened .g-search-note-cta .btn {
    margin: 0 0 0 3.375rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .g-search-note-cta {
    border-radius: 0px 0px 0px 24px;
    padding: 0 1rem 1rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .g-search-note-cta {
    border-radius: 0px 24px 0px 0px;
    padding: 2.5rem 3.9375rem 2.5rem 3.75rem;
  }
}

@media (min-width: 1024px) {
  .g-search-note-cta::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 21.25rem;
    height: 65%;
    width: 1px;
    background-color: #bababa;
    transform: translateY(-50%);
  }
}

body.chat-opened .g-search-note-cta::after {
  display: none;
}

@media (min-width: 1440px) {
  body.chat-opened .g-search-note-cta::after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 21.25rem;
    height: 65%;
    width: 1px;
    background-color: #bababa;
    transform: translateY(-50%);
  }
}

.g-search-content-upper {
  height: auto;
  background-clip: content-box;
  padding: 1rem 1.25rem;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .g-search-content-upper {
    padding: 0 5rem;
  }
}

@media (min-width: 1024px) {
  .g-search-content-upper {
    padding: 0 7.625rem;
  }
}

@media (min-width: 1440px) {
  .g-search-content-upper {
    padding: 0 7.625rem;
    max-width: 1440px;
  }
}

#top-ai-search {
  height: auto;
  width: 100%;
}

.dynamic-iframe {
  width: 100%;
  height: auto;
  border: none;
  overflow: hidden;
}

.iframe-content-style {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.g-search-content-lower {
  display: flex;
  padding: 0 1.25rem;
  flex-direction: column-reverse;
}

@media (min-width: 640px) {
  .g-search-content-lower {
    padding: 1.875rem 5rem 0;
    flex-direction: column-reverse;
  }
}

@media (min-width: 1024px) {
  .g-search-content-lower {
    padding: 1.875rem 7.625rem 0;
    flex-direction: row;
  }
}

@media (min-width: 1440px) {
  .g-search-content-lower {
    padding: 1.875rem 7.625rem 0;
    max-width: 1440px;
    margin: 0 auto;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .g-search-content-lower {
    flex-direction: column-reverse;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .g-search-content-lower {
    flex-direction: row;
  }
}

.g-search-content-right {
  margin: 0 auto 1rem;
}

@media (min-width: 1024px) {
  .g-search-content-right {
    margin: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .g-search-content-right {
    margin: 0 auto;
  }
}

.g-sr-main {
  flex-basis: 68%;
  margin-right: 0;
  margin-left: 0;
  flex-grow: 1;
}

@media (min-width: 1024px) {
  .g-sr-main {
    margin-right: 3.75rem;
  }
}

@media (min-width: 1440px) {
  .g-sr-main {
    margin-left: 1.875rem;
  }
}

body.chat-opened .g-sr-main {
  margin-left: 0;
}

.search-dynamic-component-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}

.search-dynamic-component-container text {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.search-dynamic-component-container a {
  color: #002c5e;
  text-decoration: none;
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.3px;
}

.search-dynamic-component-container a::after {
  content: "";
  display: inline-block;
  background: url(../../../../etc.clientlibs/hyundai/common/clientlibs/clientlib-dependencies/resources/images/search-caret.svg) no-repeat 0 0;
  width: 6px;
  height: 10px;
  margin-left: 8px;
}

#top-ai-inventory .search-dynamic-component-container text {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 30px;
}

#top-ai-inventory .search-dynamic-component-container a {
  margin-top: 40px;
}

#top-ai-search-video .search-dynamic-component-container text {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 30px;
}

@media (min-width: 1440px) {
  #top-ai-search-consumer-affairs .search-dynamic-component-container {
    margin-left: 30px;
    margin-top: 30px;
  }
}

#summary-video h3.title {
  display: none;
}

.togglenav {
  position: relative;
  background-color: #ffffff;
}

.togglenav-bar {
  z-index: 995;
  display: flex;
  align-items: center;
  height: 3rem;
  position: relative;
}

.togglenav-bar-contain {
  display: block;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.togglenav-dropdown {
  position: static;
  flex-grow: 1;
  border-bottom: 1px solid #e6e6e6;
}

@media (min-width: 1024px) {
  .togglenav-dropdown {
    flex-shrink: 0;
    margin: 0 auto;
    border-bottom: 0;
  }
}

.togglenav-dropdown.dropdown-open {
  border-bottom: 0;
}

.togglenav-dropdown-trigger {
  flex-wrap: wrap;
  min-height: 3rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  text-align: left;
  background-color: #ffffff;
}

@media (min-width: 640px) {
  .togglenav-dropdown-trigger {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .togglenav-dropdown-trigger {
    display: none;
  }
}

.togglenav-dropdown-trigger-content {
  max-height: 3rem;
  overflow: hidden;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.togglenav-dropdown-trigger-content .icon {
  margin-left: 0.25rem;
  width: 0.6875rem;
  height: 0.6875rem;
  display: inline-block;
}

.togglenav-dropdown-panel {
  z-index: 1500;
}

@media (min-width: 1024px) {
  .togglenav-dropdown-panel {
    display: flex;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    z-index: 1;
    padding: 0 2.5rem;
    margin: 0 auto;
  }
  .dropdown-open .togglenav-dropdown-panel {
    display: flex;
    outline: none;
  }
}

@media (min-width: 1024px) {
  .togglenav-dropdown-items {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 2.5rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .togglenav-dropdown-items::-webkit-scrollbar {
    display: none;
  }
  .togglenav-dropdown-items.center {
    justify-content: center;
  }
  .togglenav-dropdown-items.left {
    justify-content: flex-start;
  }
  .togglenav-dropdown-items.right {
    justify-content: flex-end;
  }
}

.togglenav-dropdown-item {
  min-height: 3rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333333;
  padding: 0.25rem 1rem;
  background-color: #ffffff;
  border-bottom: 2px solid transparent;
}

.togglenav-dropdown-item:hover, .togglenav-dropdown-item:active {
  background-color: #e6e6e6;
  color: #002c5e;
}

.togglenav-dropdown-item + .togglenav-dropdown-item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0.75rem;
  right: 0.75rem;
  height: 0.0625rem;
  background-color: #e6e6e6;
}

.togglenav-dropdown-item:hover + .togglenav-dropdown-item:before {
  opacity: 0;
}

.togglenav-dropdown-item + .togglenav-dropdown-item:hover:before {
  opacity: 0;
}

@media (min-width: 640px) {
  .togglenav-dropdown-item {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .togglenav-dropdown-item + .togglenav-dropdown-item:before {
    content: '';
    left: 1.75rem;
    right: 1.75rem;
  }
}

@media (min-width: 1024px) {
  .togglenav-dropdown-item {
    flex: 0 0 auto;
    min-height: 2.25rem;
    width: auto;
    font-weight: 500;
    font-size: 0.875rem;
    padding: 0;
    margin: 0;
    background-color: transparent;
    color: #666666;
    text-align: center;
  }
  .togglenav-dropdown-item:hover, .togglenav-dropdown-item:active {
    background-color: transparent;
    color: #333333;
    border-bottom: 2px solid #00aad2;
  }
  .togglenav-dropdown-item + .togglenav-dropdown-item:before {
    opacity: 0;
  }
}

.togglenav-dropdown-item.dropdown-item-active {
  background-color: #f3f3f3;
  color: #002c5e;
  font-weight: 700;
}

.togglenav-dropdown-item.dropdown-item-active + .togglenav-dropdown-item:before {
  opacity: 0;
}

.togglenav-dropdown-item + .togglenav-dropdown-item.dropdown-item-active:before {
  opacity: 0;
}

.togglenav-dropdown-item:hover + .togglenav-dropdown-item.dropdown-item-active:before {
  opacity: 1;
}

.togglenav-dropdown-item.dropdown-item-active + .togglenav-dropdown-item:hover:before {
  opacity: 1;
}

@media (min-width: 1024px) {
  .togglenav-dropdown-item.dropdown-item-active {
    background-color: transparent;
    color: #333333;
    border-bottom: 2px solid #00aad2;
  }
  .togglenav-dropdown-item:hover + .togglenav-dropdown-item.dropdown-item-active:before {
    opacity: 0;
  }
  .togglenav-dropdown-item.dropdown-item-active + .togglenav-dropdown-item:hover:before {
    opacity: 0;
  }
}

.togglenav-content-container {
  text-align: left;
  color: #666666;
}

.hfsm {
  position: relative;
}

.hfsm-map {
  height: 15.625rem;
  width: 100%;
}

@media (min-width: 640px) {
  .hfsm-map {
    height: 23.4375rem;
  }
}

.hfsm-overlay {
  background: #ffffff;
  position: relative;
  padding: 1.5rem 5rem 1.5rem 3.75rem;
}

.hfsm-overlay.hfsm-hide {
  display: none;
}

@media (min-width: 1024px) {
  .hfsm-overlay {
    position: absolute;
    z-index: 10;
    left: 2.625rem;
    bottom: 2.1875rem;
    width: 23.75rem;
  }
}

.hfsm-overlay-icon {
  position: absolute;
  left: 1.5rem;
  top: 1.5rem;
}

.hfsm-overlay-link {
  color: #002c5e;
  font-size: 0.875rem;
  text-decoration: none;
  font-weight: 700;
  display: block;
  margin-top: 1.25rem;
}

.hfsm-overlay-link .icon {
  display: inline-block;
  fill: #002c5e;
  height: 0.625rem;
  width: 0.625rem;
}

.hfsm-close-button {
  position: absolute;
  right: 1rem;
  top: 1rem;
}

.hfsm-close-button .icon {
  fill: #002c5e;
}

.hfsm-station-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  color: #333333;
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}

.hfsm-station-address {
  display: block;
  font-size: 1rem;
  color: #666666;
}

.hfsm-region {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
}

.hfsm-region-toggle {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  color: #666666;
  padding: 1rem 0.5rem;
  margin: 0 0.5rem;
  text-decoration: none;
}

.hfsm-region-toggle.hfsm-region-active {
  color: #333333;
  border-bottom: 0.125rem solid #00aad2;
}

.faq-category-standalone {
  background: #f3f3f3;
  padding: 2.5rem 1rem 1.75rem 1rem;
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .faq-category-standalone {
    padding: 3rem;
  }
}

@media (min-width: 1024px) {
  .faq-category-standalone {
    padding: 5rem 0 4rem 0;
    padding-left: 20%;
    padding-right: 20%;
  }
}

@media (min-width: 1440px) {
  .faq-category-standalone {
    padding-left: 28%;
    padding-right: 28%;
  }
}

.faq-category-standalone .faq-item {
  padding: 0.75rem 0;
}

@media (min-width: 640px) {
  .faq-category-standalone .faq-item {
    padding: 1rem 0;
  }
}

.faq-category-standalone .faq-answer {
  font-weight: 400;
}

.faq-category-standalone .faq-category-heading {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  text-align: center;
  padding-bottom: 0.75rem;
  display: block;
}

@media (min-width: 640px) {
  .faq-category-standalone .faq-category-heading {
    padding-bottom: 1rem;
  }
}

@media (min-width: 1440px) {
  .faq-category-standalone .faq-category-heading {
    padding-bottom: 1.5rem;
  }
}

.faq-category-standalone .faq-smartchat-container {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
}

.faq-category-standalone .faq-smartchat-container button {
  margin: 0;
  margin-bottom: 0.625rem;
}

@media (min-width: 1024px) {
  .faq-category-standalone .faq-smartchat-container button {
    margin: 0;
  }
}

.cpcp {
  margin: 0 auto;
  max-width: 90rem;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .cpcp {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .cpcp {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .cpcp {
    padding: 0 4.5rem;
  }
}

.cpcp-title-container,
.cpcp-vehicle-compare-container,
.cpcp-vehicle-compare-btn-container,
.cpcp-compare-results-container,
.cpcp-comparison-provider-container {
  max-width: 1440px;
}

.cpcp-title-container {
  margin: 2.5rem auto;
  text-align: center;
}

@media (min-width: 1024px) {
  .cpcp-title-container {
    text-align: left;
  }
}

.cpcp-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
}

.cpcp-sub-title {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #888888;
}

.cpcp-vehicle-compare-container {
  margin: 0 auto;
  position: relative;
  text-align: center;
}

@media (min-width: 640px) {
  .cpcp-vehicle-compare-container {
    display: flex;
    justify-content: space-around;
  }
}

.cpcp-vehicle-col {
  padding: 0 2.125rem;
  margin-bottom: 2rem;
}

@media (max-width: 1023px) {
  .cpcp-vehicle-col:nth-child(3) {
    display: none;
  }
}

@media (min-width: 640px) {
  .cpcp-vehicle-col {
    padding: 0;
    width: 32.9861111111%;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .cpcp-vehicle-col {
    width: 23.4042553191%;
    margin-bottom: 3.5rem;
  }
}

.cpcp-vehicle-col-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.625rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #bababa;
}

.cpcp-vehicle-select {
  border-bottom: 1px solid #bababa;
  position: relative;
  overflow: auto;
  color: #002c5e;
  display: flex;
  align-items: center;
}

.cpcp-vehicle-select .icon {
  position: absolute;
  top: 1.25rem;
  right: 1rem;
  z-index: 10;
}

.cpcp-vehicle-selector {
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background-color: #ffffff;
  color: #002c5e;
  font-size: 1rem;
  font-weight: 500;
  white-space: normal;
  padding: 1.25rem 2.5rem 1.25rem 1rem;
}

.cpcp-vehicle-selector:disabled {
  color: #bababa;
}

.cpcp-vehicle-selector::-ms-expand {
  display: none;
}

.cpcp-vehicle-select-disabled {
  pointer-events: none;
  color: #bababa;
}

.cpcp-add-vehicle-btn {
  margin-top: 1.25rem;
}

@media (max-width: 639px) {
  .cpcp-add-vehicle-btn {
    margin-bottom: 2rem;
  }
}

.cpcp-add-competitor-btn {
  padding: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.625rem;
}

.cpcp-add-competitor-btn .icon {
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
}

@media (min-width: 1024px) {
  .cpcp-add-competitor-btn {
    font-size: 1.25rem;
  }
}

.cpcp-vehicle-compare-separator {
  border: 0 solid #bababa;
  border-bottom-width: 0.0625rem;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
}

@media (min-width: 1440px) {
  .cpcp-vehicle-compare-separator {
    max-width: 74.125rem;
  }
}

.cpcp-vehicle-result-container {
  position: relative;
}

.cpcp-disclaimer-container {
  display: flex;
  flex-direction: column;
  padding: 0.25rem 0 0.75rem 0;
  gap: 0.75rem;
}

@media (min-width: 1024px) {
  .cpcp-disclaimer-container {
    padding: 0.5rem 0 0.75rem 0;
  }
}

.cpcp-disclaimer {
  color: #888888;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  text-align: center;
  letter-spacing: 0;
}

.cpcp-vehicle-remove-btn {
  display: none;
}

.cpcp-vehicle-remove-btn .icon-close {
  fill: #002c5e;
}

@media (min-width: 1024px) {
  .cpcp-vehicle-remove-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 1rem;
  }
}

.cpcp-vehicle-img-container {
  padding: 0;
  margin: 1.5rem auto 0.3125rem;
  width: 9.1875rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .cpcp-vehicle-img-container {
    width: 7.6875rem;
  }
}

.cpcp-vehicle-img-container .cpcp-vehicle-img {
  width: 100%;
}

.cpcp-vehicle-result-make {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  line-height: 1.25rem;
}

.cpcp-vehicle-result-model {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  margin: 0.25rem auto;
}

.cpcp-vehicle-result-trim {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #888888;
}

.cpcp-vehicle-result-compare-cta-link {
  display: inline-flex;
  align-items: center;
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
}

.cpcp-vehicle-result-compare-cta-link svg {
  fill: currentColor;
  height: 0.625rem;
  margin-left: 0.375rem;
  width: 0.5rem;
  vertical-align: middle;
}

.cpcp-vehicle-result-change-btn {
  font-size: 0.875rem;
  font-weight: 500;
}

.cpcp-vehicle-result-change-btn .icon {
  width: 0.625rem;
  height: 0.625rem;
  margin-left: 0.3125rem;
}

@media (max-width: 639px) {
  .cpcp-vehicle-col-state-compare-sm {
    display: flex;
    justify-content: space-between;
  }
  .cpcp-vehicle-col-state-compare-sm .cpcp-vehicle-col {
    width: 48.5%;
    padding: 0;
  }
  .cpcp-vehicle-col-state-compare-sm .cpcp-vehicle-col-title {
    height: 4.3125rem;
  }
  .cpcp-vehicle-col-state-compare-sm .cpcp-vehicle-img-container {
    padding: 0 1rem;
  }
}

.cpcp-vehicle-compare-btn-container {
  margin: 0 auto;
  padding: 2.5rem 0;
  text-align: center;
}

.cpcp-comparison-provider-container {
  margin: 0 auto;
  margin-bottom: 3rem;
}

@media (min-width: 1024px) {
  .cpcp-comparison-provider-container {
    margin-bottom: 2.5rem;
  }
}

.cpcp-comparison-provider-disclaimer {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #888888;
  margin-bottom: 1.5rem;
}

.cpcp-comparison-provider-logo {
  display: block;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .cpcp-compare-results-top {
    display: flex;
    flex-direction: row;
    max-width: 1440px;
  }
}

.cpcp-compare-results-container {
  margin: 0 auto;
}

.cpcp-results-actions-desktop {
  margin-bottom: 1.5rem;
}

@media (min-width: 1024px) {
  .cpcp-results-actions-desktop {
    width: 25%;
    display: flex;
    flex-direction: column;
  }
}

.cpcp-results-change-vehicle-btn {
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.cpcp-results-change-vehicle-btn .icon {
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.3125rem;
  margin-bottom: 0.1875rem;
}

.cpcp-results-actions {
  margin-top: auto;
}

@media (max-width: 1023px) {
  .cpcp-results-actions {
    display: none;
  }
}

.cpcp-results-vehicle-container {
  display: flex;
  text-align: center;
  margin: 0 auto 1.5rem;
}

@media (min-width: 1024px) {
  .cpcp-results-vehicle-container {
    width: 70%;
  }
}

.cpcp-results-vehicle {
  width: 50%;
}

.cpcp-results-vehicle:nth-child(3) {
  display: none;
}

@media (min-width: 1024px) {
  .cpcp-results-vehicle {
    width: 33.3333333333%;
  }
  .cpcp-results-vehicle:nth-child(3) {
    display: block;
  }
}

.cpcp-results-vehicle-ctas {
  margin-top: 1rem;
  margin-left: 0.5rem;
  display: flex;
  justify-content: space-around;
}

.cpcp-item-build-btn {
  display: inline-flex;
  align-items: center;
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
}

.cpcp-item-build-btn svg {
  fill: currentColor;
  height: 0.625rem;
  margin-left: 0.375rem;
  width: 0.5rem;
  vertical-align: middle;
}

.cpcp-label {
  align-items: center;
  cursor: pointer;
  display: flex;
  position: relative;
}

.cpcp-highlight-diff-btn {
  color: #002c5e;
  display: inline-flex;
  padding: 0.25rem 0;
}

.cpcp-highlight-diff-btn .cpcp-checkbox-box {
  margin-right: 0.5rem;
  position: relative;
  flex-shrink: 0;
}

.cpcp-highlight-diff-btn .cpcp-label-text {
  font-weight: 700;
  line-height: 1.375rem;
}

.cpcp-checkbox {
  opacity: 0;
  position: absolute;
  align-items: center;
  color: #002c5e;
  display: block;
  font-weight: 700;
  justify-content: left;
  line-height: 1.375rem;
  padding: 0.25rem 0;
}

.cpcp-checkbox-box {
  border-color: #002c5e;
}

.sc-filter-checkbox .cpcp-checkbox-box {
  position: absolute;
  top: 0.875rem;
}

@media (min-width: 375px) {
  .sc-filter-checkbox .cpcp-checkbox-box {
    left: 1rem;
  }
}

@media (min-width: 640px) {
  .sc-filter-checkbox .cpcp-checkbox-box {
    left: 2rem;
  }
}

@media (min-width: 1024px) {
  .sc-filter-checkbox .cpcp-checkbox-box {
    left: 1.125rem;
  }
}

.cpcp-accordion-display-all-btn {
  display: block;
  position: relative;
  color: #002c5e;
  font-weight: 700;
  line-height: 1.375rem;
  padding: 0.25rem 0;
  cursor: pointer;
}

.cpcp-accordion-display-all-btn .icon {
  display: inline-block;
  fill: #002c5e;
  height: 1rem;
  margin-right: 0.625rem;
  width: 0.875rem;
  vertical-align: middle;
}

.cpcp-accordion-hide-text {
  display: none;
}

.cpcp-checkbox-toggle-accordion:checked ~ .icon {
  transform: rotate(180deg);
}

.cpcp-checkbox-toggle-accordion:checked ~ .cpcp-accordion-expand-text {
  display: none;
}

.cpcp-checkbox-toggle-accordion:checked ~ .cpcp-accordion-hide-text {
  display: inline-block;
}

@media (min-width: 1024px) {
  .cpcp-results-actions-mobile {
    display: none;
  }
}

.cpcp-print {
  display: block;
  padding: 0.375rem 0;
}

.cpcp-print-link {
  color: #002c5e;
  display: inline-block;
  font-weight: 700;
  text-decoration: none;
}

.cpcp-print-link .icon {
  display: inline-block;
  fill: currentColor;
  margin-right: 0.5rem;
  vertical-align: middle;
}

.cpcp-compare-results {
  margin-bottom: 2rem;
}

@media (min-width: 640px) {
  .cpcp-compare-results {
    margin-bottom: 4rem;
  }
}

@media (min-width: 1024px) {
  .cpcp-compare-results {
    margin-bottom: 4.5rem;
  }
}

.cpcp-compare-results-nav-mobile {
  margin: 2.5rem -1rem 0;
}

.cpcp-compare-results-nav-mobile .dropdown-panel {
  box-shadow: 0 5px 15px 0 rgba(186, 186, 186, 0.25);
}

.cpcp-compare-results-nav-mobile .dropdown-item {
  padding-bottom: 0;
}

.cpcp-compare-results-nav-mobile .dropdown-button {
  position: relative;
}

@media (min-width: 1024px) {
  .cpcp-compare-results-nav-mobile {
    display: none;
  }
}

@media (max-width: 1023px) {
  .cpcp-compare-results-nav {
    border-bottom: 1px solid #bababa;
    margin-bottom: 2.5rem;
  }
}

.cpcp-compare-results-nav-hidden {
  visibility: hidden;
}

.cpcp-compare-results-dropdown .dropdown-item:before {
  left: 0;
  right: 0;
}

.cpcp-compare-results-nav-desktop {
  padding: 2.3125rem 0 0;
  border-top: 1px solid #bababa;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
}

@media (max-width: 1023px) {
  .cpcp-compare-results-nav-desktop {
    display: none;
  }
}

.cpcp-nav-btn {
  margin-right: 2.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #333333;
  padding-bottom: 0.625rem;
}

.cpcp-nav-btn-active {
  border-bottom: 2px solid #00aad2;
}

.cpcp-item {
  max-width: 1440px;
  margin: 2rem auto 0;
  position: relative;
}

@media (min-width: 1024px) {
  .cpcp-item {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.cpcp-checkbox {
  top: 0.625rem;
}

.cpcp-checkbox:checked ~ .cpcp-item-label .icon {
  transform: rotate(180deg);
}

.cpcp-checkbox:checked ~ .cpcp-item-content {
  display: block;
}

.cpcp-checkbox:focus ~ .cpcp-checkbox-box,
.cpcp-checkbox:focus ~ .icon-double-chevron,
.cpcp-checkbox:focus ~ .cpcp-item-label .cpcp-item-title {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .cpcp-checkbox:focus ~ .cpcp-checkbox-box,
  .cpcp-checkbox:focus ~ .icon-double-chevron,
  .cpcp-checkbox:focus ~ .cpcp-item-label .cpcp-item-title {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.cpcp-checkbox:focus ~ .cpcp-label-text {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .cpcp-checkbox:focus ~ .cpcp-label-text {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.cpcp-checkbox:focus ~ .cpcp-accordion-expand-text {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .cpcp-checkbox:focus ~ .cpcp-accordion-expand-text {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.cpcp-checkbox:focus ~ .cpcp-accordion-hide-text {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .cpcp-checkbox:focus ~ .cpcp-accordion-hide-text {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.cpcp-item-label {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  border-bottom: 1px solid #bababa;
  padding-bottom: 0.5rem;
}

.cpcp-item-label .icon {
  flex-basis: 1.25rem;
  min-width: 1.25rem;
  border: 0.5px solid #002c5e;
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.25rem;
  margin-right: 0.625rem;
  color: #002c5e;
}

@media (min-width: 640px) {
  .cpcp-item-label .icon {
    flex-basis: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.375rem;
  }
}

.cpcp-item-title {
  font-size: 1.125rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

@media (min-width: 640px) {
  .cpcp-item-title {
    font-size: 1.25rem;
  }
}

.cpcp-item-content {
  margin-top: 1.5rem;
  display: none;
}

.cpcp-item-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.0625rem;
}

.cpcp-item-row:nth-child(2n + 1) {
  background-color: #f6f3f2;
}

.cpcp-item-row:last-child {
  margin-bottom: 0;
}

.cpcp-item-row.cpcp-item-row-emphasized {
  background-color: #e4dcd3;
}

.cpcp-item-row.cpcp-item-row-deEmphasized {
  background-color: #ffffff;
}

.cpcp-feature-title {
  flex-shrink: 0;
  flex-basis: 100%;
  overflow-wrap: break-word;
  padding: 0.75rem 0.5rem 0.5rem;
}

@media (min-width: 640px) {
  .cpcp-feature-title {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .cpcp-feature-title {
    flex-basis: 25%;
    max-width: 25%;
    text-align: left;
  }
}

.cpcp-feature-values {
  display: flex;
  align-items: center;
  flex-basis: 100%;
  max-width: 100%;
  padding: 0 0.5rem 0.75rem;
}

@media (min-width: 1024px) {
  .cpcp-feature-values {
    flex-basis: 75%;
    max-width: 75%;
  }
}

@media (min-width: 1024px) {
  .cpcp-feature-title,
  .cpcp-feature-values {
    padding: 1rem;
  }
}

.cpcp-feature-value {
  font-weight: 700;
  flex-basis: 50%;
  max-width: 50%;
  text-transform: capitalize;
  padding: 0 0.5rem;
}

.cpcp-feature-value:nth-child(3) {
  display: none;
}

@media (min-width: 640px) {
  .cpcp-feature-value {
    text-align: center;
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media (min-width: 1024px) {
  .cpcp-feature-value {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .cpcp-feature-value:nth-child(3) {
    display: block;
  }
}

.cpcp-element-hide {
  display: none;
}

.cpcp-compare-results-img {
  background-color: #f3f3f3;
  padding: 3rem 0;
  margin: 0 -1rem;
}

@media (min-width: 640px) {
  .cpcp-compare-results-img {
    margin: 0 -2rem;
  }
}

@media (min-width: 1024px) {
  .cpcp-compare-results-img {
    margin: 0 -2.625rem;
  }
}

.cpcp-slide-car {
  text-align: center;
  width: 100%;
}

.cpcp-slide-car:nth-child(3) {
  display: none;
}

@media (max-width: 639px) {
  .cpcp-slide-car {
    margin: 0 auto 2.25rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .cpcp-slide-car {
    width: 50%;
  }
  .cpcp-slide-car:nth-of-type(odd) {
    margin-right: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .cpcp-slide-car {
    width: 33.3333333333%;
  }
  .cpcp-slide-car:nth-child(3) {
    display: block;
  }
  .cpcp-slide-car:nth-of-type(even) {
    margin: 0 1.125rem;
  }
}

.cpcp-slide {
  padding: 0 2.5rem;
}

@media (min-width: 640px) {
  .cpcp-slide {
    display: flex;
    justify-content: center;
  }
}

.cpcp-slide-car-name {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  color: #333333;
  height: 3.125rem;
}

.cpcp-slide-car-model {
  font-weight: 700;
}

.cpcp-slide-car-trim {
  color: #888888;
}

.cpcp-slide-exterior-nav-container,
.cpcp-slide-interior-nav-container {
  position: relative;
  width: 90%;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .cpcp-slide-exterior-nav-container,
  .cpcp-slide-interior-nav-container {
    width: 70%;
    margin-top: 2rem;
  }
}

@media (min-width: 1440px) {
  .cpcp-slide-exterior-nav-container,
  .cpcp-slide-interior-nav-container {
    width: 50%;
  }
}

.cpcp-slide-exterior-for-container,
.cpcp-slide-exterior-nav-container,
.cpcp-slide-interior-for-container,
.cpcp-slide-interior-nav-container {
  visibility: hidden;
}

.cpcp-slide-exterior-for-container.carousel-initialized,
.cpcp-slide-exterior-nav-container.carousel-initialized,
.cpcp-slide-interior-for-container.carousel-initialized,
.cpcp-slide-interior-nav-container.carousel-initialized {
  visibility: visible;
}

.cpcp-slide-exterior-nav-carousel,
.cpcp-slide-interior-nav-carousel {
  width: 80%;
  margin: 0 auto;
}

.cpcp-slide-exterior-nav-carousel .slick-slide img,
.cpcp-slide-interior-nav-carousel .slick-slide img {
  margin: 0 auto;
}

.cpcp-slide-exterior-nav-carousel .slick-current img,
.cpcp-slide-interior-nav-carousel .slick-current img {
  border: 2px solid #002c5e;
}

.cpcp-slide-exterior-for-container .slick-slide img,
.cpcp-slide-interior-for-container .slick-slide img {
  margin: 0 auto;
}

.cpcp-slick-prev,
.cpcp-slick-next {
  position: absolute;
  top: 0.9375rem;
  color: #002c5e;
}

.cpcp-slick-prev .icon,
.cpcp-slick-next .icon {
  width: 1.5rem;
  height: 1.5rem;
}

.cpcp-slick-prev {
  left: 0;
}

.cpcp-slick-next {
  right: 0;
}

.cpcp-dots-container .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 1.875rem 0 0 0;
  padding: 0;
}

.cpcp-dots-container .slick-active button {
  background-color: #00aad2;
}

.cpcp-dots-container button {
  background-color: #888888;
  border-radius: 50%;
  color: transparent;
  display: inline-block;
  height: 0.5625rem;
  width: 0.5625rem;
  margin: 0 0.625rem;
}

@media (min-width: 640px) {
  .cpcp-dots-container button {
    outline: none;
  }
}

.cpcp-slide-exterior {
  margin-bottom: 4rem;
}

.cpcp-space-between {
  justify-content: space-between;
}

@media print {
  .cpcp-feature-value:nth-child(3),
  .cpcp-results-vehicle:nth-child(3) {
    display: block;
  }
}

.cpcp-gallery-img-container {
  display: none;
}

.column-comp-container {
  width: 100%;
  max-width: 120rem;
  margin: auto;
  padding: 2rem 1rem 0;
}

@media (min-width: 640px) {
  .column-comp-container {
    padding: 2rem 2rem 0;
  }
}

@media (min-width: 1024px) {
  .column-comp-container {
    padding: 2rem 2.625rem 0;
  }
}

@media (min-width: 1440px) {
  .column-comp-container {
    padding: 2rem 4.5rem 0;
  }
}

@media (min-width: 1920px) {
  .column-comp-container {
    padding: 2rem 6rem 0;
  }
}

.column-comp-container:last-child {
  padding-bottom: 2rem;
}

@media (min-width: 640px) {
  .column-comp-container:last-child {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1024px) {
  .column-comp-container:last-child {
    padding-bottom: 2rem;
  }
}

.column-comp-masonary {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

@media (min-width: 1024px) {
  .column-comp-masonary {
    flex-wrap: nowrap;
    gap: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .column-comp-masonary {
    gap: 1.5rem;
  }
}

.column-comp-masonary-no-wrap {
  gap: 0;
}

@media (min-width: 640px) {
  .column-comp-masonary-no-wrap {
    flex-wrap: nowrap !important;
    gap: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .column-comp-masonary-no-wrap {
    gap: 1.25rem !important;
  }
}

@media (min-width: 1440px) {
  .column-comp-masonary-no-wrap {
    gap: 1.5rem;
  }
}

.column-comp-masonary-content {
  width: 100%;
}

@media (min-width: 1024px) {
  .column-comp-masonary-content {
    width: 25%;
  }
}

.column-comp-masonary-content-no-header {
  width: 100%;
}

@media (min-width: 640px) {
  .column-comp-masonary-content-no-header {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .column-comp-masonary-content-no-header {
    display: flex;
    gap: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .column-comp-masonary-content-no-header {
    gap: 1.5rem;
  }
}

@media (min-width: 640px) {
  .column-comp-masonary-content-no-header:nth-child(odd) .site-map-item {
    padding-right: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .column-comp-masonary-content-no-header:nth-child(odd) .site-map-item {
    padding-right: 0;
  }
}

@media (min-width: 1024px) {
  .column-comp-masonary-content-no-header > div {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .column-comp-masonary-content-no-header > div .site-map-section {
    width: 100%;
  }
}

@media (min-width: 640px) {
  .column-content-no-header .column-comp-masonary-no-wrap {
    flex-wrap: wrap;
    gap: 0;
  }
}
.site-map-vehicle-container {
  width: 100%;
  max-width: 120rem;
  margin: auto;
  padding: 2rem 1rem 0;
}

@media (min-width: 640px) {
  .site-map-vehicle-container {
    padding: 2rem 2rem 0;
  }
}

@media (min-width: 1024px) {
  .site-map-vehicle-container {
    padding: 2rem 2.625rem 0;
  }
}

@media (min-width: 1440px) {
  .site-map-vehicle-container {
    padding: 2rem 4.5rem 0;
  }
}

@media (min-width: 1920px) {
  .site-map-vehicle-container {
    padding: 2rem 6rem 0;
  }
}

.site-map-vehicle-masonary {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

@media (min-width: 1024px) {
  .site-map-vehicle-masonary {
    flex-wrap: nowrap;
    gap: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .site-map-vehicle-masonary {
    gap: 1.5rem;
  }
}

@media (min-width: 1920px) {
  .site-map-vehicle-masonary {
    gap: 1.5rem;
  }
}

.site-map-vehicle-masonary-content {
  width: 100%;
}

@media (min-width: 1024px) {
  .site-map-vehicle-masonary-content {
    width: 25%;
  }
}

.site-map-vehicle-masonary-head {
  padding-bottom: 1.5rem;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.site-map-vehicle-col-head {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  color: #000000;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.site-map-vehicle-link-panel {
  list-style: none;
  padding: 0;
  margin: 0;
}

@media (min-width: 640px) {
  .site-map-vehicle-link-panel {
    display: flex;
    flex-wrap: wrap;
  }
}

.site-map-vehicle-item {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: left;
  gap: 0.5rem;
}

@media (min-width: 640px) {
  .site-map-vehicle-item {
    flex: 50%;
  }
}

@media (min-width: 1024px) {
  .site-map-vehicle-item {
    flex-direction: column;
    flex: 100%;
  }
}

@media (min-width: 1440px) {
  .site-map-vehicle-item {
    flex-direction: row;
  }
}

.site-map-vehicle-item:nth-child(odd) {
  padding-right: 0;
}

@media (min-width: 640px) {
  .site-map-vehicle-item:nth-child(odd) {
    padding-right: 0.75rem;
  }
}

.site-map-vehicle-link-contain {
  gap: 0.25rem;
}

.site-map-vehicle-link {
  display: inline-block;
  text-decoration: none;
  color: #002c5e;
}

.site-map-vehicle-link .icon {
  margin-left: 0.375rem;
  margin-top: 0.25rem;
  font-size: 0.625rem;
  line-height: 0.75rem;
  display: inline-block;
}

.site-map-vehicle-link-icon {
  white-space: nowrap;
  display: inline;
}

.site-map-vehicle-links-contain {
  display: flex;
  flex-direction: column;
}

.site-map-vehicle-year {
  font-weight: 400;
}

.site-map-vehicle-masonary-content .site-map-vehicle-links-contain:first-child .site-map-vehicle-col-head {
  padding-top: 0;
}

.site-map-vehicle-container-v2 {
  width: 100%;
  max-width: 120rem;
  margin: auto;
}

.site-map-vehicle-masonary-v2 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

@media (min-width: 1024px) {
  .site-map-vehicle-masonary-v2 {
    flex-wrap: nowrap;
    gap: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .site-map-vehicle-masonary-v2 {
    gap: 1.5rem;
  }
}

.site-map-vehicle-masonary-content-v2 {
  width: 100%;
}

.site-map-vehicle-masonary-head-v2 {
  padding-bottom: 1.5rem;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.site-map-vehicle-col-head-v2 {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  color: #000000;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.site-map-vehicle-link-panel-v2 {
  list-style: none;
  padding: 0;
  margin: 0;
}

@media (min-width: 640px) {
  .site-map-vehicle-link-panel-v2 {
    display: flex;
    flex-wrap: wrap;
  }
}

.site-map-vehicle-item-v2 {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: left;
  gap: 0.5rem;
}

@media (min-width: 640px) {
  .site-map-vehicle-item-v2 {
    flex: 50%;
  }
}

@media (min-width: 1024px) {
  .site-map-vehicle-item-v2 {
    flex-direction: column;
    flex: 100%;
  }
}

@media (min-width: 1440px) {
  .site-map-vehicle-item-v2 {
    flex-direction: row;
  }
}

.site-map-vehicle-item-v2:nth-child(odd) {
  padding-right: 0;
}

@media (min-width: 640px) {
  .site-map-vehicle-item-v2:nth-child(odd) {
    padding-right: 0.75rem;
  }
}

.site-map-vehicle-link-contain-v2 {
  display: flex;
  gap: 0.25rem;
}

.site-map-vehicle-link-v2 {
  display: inline-block;
  text-decoration: none;
  color: #002c5e;
}

.site-map-vehicle-link-v2 .icon {
  font-size: 0.625rem;
  line-height: 0.75rem;
  display: inline-block;
}

.site-map-vehicle-link-icon-v2 {
  white-space: nowrap;
  display: inline;
}

.site-map-vehicle-links-contain-v2 {
  display: flex;
  flex-direction: column;
}

.site-map-vehicle-year-v2 {
  font-weight: 400;
}

@media (min-width: 1024px) {
  .column-comp-masonary-content .site-map-vehicle-v2:first-child .site-map-vehicle-col-head-v2,
  .column-comp-masonary-content-no-header .site-map-vehicle-v2:first-child .site-map-vehicle-col-head-v2 {
    padding-top: 0;
  }
}

.column-comp-masonary .column-comp-masonary-content:first-child .site-map-vehicle-v2:first-child .site-map-vehicle-col-head-v2:first-child,
.column-comp-masonary .column-comp-masonary-content-no-header:first-child .site-map-vehicle-v2:first-child .site-map-vehicle-col-head-v2:first-child {
  padding-top: 0;
}
@media (min-width: 1024px) {
  .site-map-section {
    width: 50%;
  }
}

.site-map-heading {
  padding-bottom: 1.5rem;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.site-map-item {
  padding-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: left;
}

.site-map-link-panel-no-header {
  list-style: none;
  padding: 0;
  margin: 0;
}

.site-map-link-panel {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

@media (min-width: 640px) {
  .site-map-link-panel {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .site-map-link-panel {
    display: block;
  }
}

.site-map-link-panel .site-map-item {
  flex: 100%;
}

@media (min-width: 640px) {
  .site-map-link-panel .site-map-item {
    flex: 50%;
  }
}

.site-map-link {
  display: inline-block;
  text-decoration: none;
  color: #002c5e;
}

.site-map-link .icon {
  font-size: 0.625rem;
  line-height: 0.75rem;
  display: inline-block;
}

.site-map-link:hover {
  text-decoration: underline;
}

.site-map-link:hover {
  text-decoration: underline;
}

.site-map-link-icon {
  white-space: nowrap;
  display: inline;
}

@media (min-width: 1024px) {
  .column-comp-masonary-content .site-map-section {
    width: 100%;
  }
}

.column-comp-masonary .site-map-heading {
  padding-top: 1rem;
}

.column-comp-masonary .column-comp-masonary-content:first-child .site-map-heading {
  padding-top: 0;
}

@media (min-width: 1024px) {
  .column-comp-masonary .site-map-section:first-child .site-map-heading {
    padding-top: 0;
  }
}

.cookie-disclaimer-wrapper {
  display: flex;
  position: fixed;
  align-items: flex-start;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f3f3f3;
  padding: 1rem;
  z-index: 1000;
}

@media (min-width: 640px) {
  .cookie-disclaimer-wrapper {
    padding: 1.875rem 1.375rem 1.875rem 2rem;
  }
}

@media (min-width: 1024px) {
  .cookie-disclaimer-wrapper {
    padding: 1.875rem 1.375rem 1.875rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .cookie-disclaimer-wrapper {
    padding-left: 4.5rem;
    padding-right: 1.5625rem;
  }
}

.cookie-disclaimer-text {
  color: #333333;
  text-align: left;
  font-size: 1rem;
  line-height: 1.375rem;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .cookie-disclaimer-text {
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .cookie-disclaimer-text {
    padding: 0.625rem 0;
  }
}

.cookie-disclaimer-wrapper a {
  font-weight: 700;
  color: #002c5e;
  text-decoration: none;
}

.cookie-disclaimer-action-box {
  display: flex;
  flex-basis: 86%;
  max-width: 86%;
  flex-wrap: wrap;
  margin-right: 10%;
}

@media (min-width: 640px) {
  .cookie-disclaimer-action-box {
    align-items: center;
    flex-wrap: nowrap;
    flex-basis: 94%;
    max-width: 94%;
  }
}

@media (min-width: 1024px) {
  .cookie-disclaimer-action-box {
    flex-basis: 98%;
    max-width: 98%;
    margin-right: 8%;
  }
}

.cookie-disclaimer-cta {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  text-align: center;
}

@media (min-width: 640px) {
  .cookie-disclaimer-cta {
    margin-left: 4%;
    white-space: nowrap;
    min-width: 30%;
  }
}

@media (min-width: 1024px) {
  .cookie-disclaimer-cta {
    min-width: 18%;
  }
}

@media (min-width: 1440px) {
  .cookie-disclaimer-cta {
    margin-left: 2%;
  }
}

@media (min-width: 0) and (max-width: 1440px) {
  .cookie-disclaimer-cta {
    min-width: 12%;
  }
}

.cookie-disclaimer-close-btn .icon {
  fill: #002c5e;
}

.cookie-disclaimer-hide {
  display: none;
}

@media (max-width: 639px) {
  .dc-cco-modal-container .modal-box .modal-content {
    padding: 1.5rem;
  }
}

@media (min-width: 640px) {
  .dc-cco-modal-container .modal-box .modal-content {
    padding: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .dc-cco-modal-container .modal-box .modal-content {
    padding: 4rem;
  }
}

.dc-cco-modal-container {
  flex-direction: column;
}

@media (min-width: 1024px) {
  .dc-cco-modal-container .modal-box {
    width: 58.75rem;
  }
}

.dc-cco-content {
  text-align: center;
}

.dc-cco-logo {
  height: 5rem;
  margin: 0 auto;
  padding-top: 1.625rem;
  width: 5rem;
}

@media (min-width: 640px) {
  .dc-cco-logo {
    padding-top: 0.9375rem;
  }
}

@media (min-width: 1024px) {
  .dc-cco-logo {
    padding-top: 0;
  }
}

.dc-cco-modal-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  padding: 0.75rem 0.625rem 0;
}

@media (min-width: 640px) {
  .dc-cco-modal-title {
    width: 100%;
    padding: 0.75rem 0.625rem 0;
  }
}

@media (min-width: 1024px) {
  .dc-cco-modal-title {
    padding: 1rem 2.875rem 0;
  }
}

.dc-cco-modal-desc {
  color: #333333;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 1rem 0.625rem 0.5rem;
}

@media (min-width: 640px) {
  .dc-cco-modal-desc {
    padding: 1rem 2.5rem 0.5rem;
  }
}

@media (min-width: 1024px) {
  .dc-cco-modal-desc {
    padding: 0.875rem 2.875rem 0.5rem;
  }
}

.dc-cco-solution {
  padding: 0 1.5rem 0 0;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .dc-cco-solution {
    padding: 0 2.5rem 0 0;
  }
}

@media (min-width: 1024px) {
  .dc-cco-solution {
    padding: 0 2rem 0 0;
  }
}

.dc-cco-modal-button {
  margin: 0.5rem auto 1rem;
}

@media (min-width: 640px) {
  .dc-cco-modal-button {
    margin: 0.75rem auto 0.875rem;
  }
}

@media (min-width: 1024px) {
  .dc-cco-modal-button {
    margin: 1rem auto 0;
  }
}

@media (min-width: 640px) {
  .dc-cco-modal-container .modal-box .modal-x {
    top: 1.5rem;
    right: 1.5rem;
    font-size: 1.5rem;
  }
}

.dc-cco-modal-content-wrapper {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .dc-cco-modal-content-wrapper {
    flex-direction: row;
    margin: 0 0.625rem 0 0.625rem;
  }
}

.dc-cco-modal-content {
  text-align: left;
}

@media (min-width: 640px) {
  .dc-cco-modal-content {
    padding: 0 2.5rem 0 0;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .dc-cco-modal-content {
    padding: 0 1.25rem;
  }
}

@media (max-width: 640px) {
  .dc-cco-modal-content:first-child {
    margin-bottom: 0;
  }
  .dc-cco-modal-content:last-child {
    margin-top: 0;
  }
}

.dc-cco-trigger-button {
  display: flex;
  align-items: center;
  padding-left: 0;
  position: relative;
}

.dc-cco-trigger-button .dc-cco-badge {
  margin: 0 0.5rem 0 0;
}

.dc-cco-trigger-button .dc-cco-badge svg path {
  fill: #00aad2;
}

.dc-cco-trigger-button svg {
  width: 1.5rem;
  height: 1.5rem;
}

.dc-cco-trigger-button .dc-cco-service-sao-badge {
  width: 4.5rem;
  text-align: left;
}

.dc-cco-trigger-button .dc-cco-service-sao-badge .dc-cco-inline-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #00aad2;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: left;
}

.dc-cco-trigger-button .dc-cco-service-sao-badge .tooltip-trigger {
  position: absolute;
  bottom: 0.1875rem;
}

.dc-cco-trigger-button .dc-cco-service-sao-badge .tooltip-trigger svg {
  width: 0.625rem;
  height: auto;
}

.dc-cco-trigger-button .dc-cco-service-sao-badge .tooltip-trigger svg path {
  fill: #00aad2;
}

@media (min-width: 1024px) {
  body.chat-opened .dc-cco-modal-container .modal-box {
    width: 100%;
    max-width: 58.75rem;
  }
}

@charset "UTF-8";
.fad-modal {
  flex-direction: column;
}

.fad-modal .modal-box {
  width: 100%;
}

@media (min-width: 1024px) {
  .fad-modal .modal-box {
    width: 58.75rem;
  }
}

.fad-sao-content {
  visibility: hidden;
}

.fad-sao-content.carousel-initialized {
  visibility: visible;
}

.fad-modal .modal-box-content,
.fad-modal .modal-content,
.fad-sao-content {
  text-align: center;
  width: 100%;
}

@media (max-width: 639px) {
  .fad-modal .modal-content {
    padding: 1rem;
  }
}

@media (min-width: 640px) {
  .fad-modal .modal-content {
    padding: 0 3.75rem 4rem;
  }
}

@media (min-width: 1024px) {
  .fad-modal .modal-content {
    padding: 0 4.375rem 4rem;
  }
}

@media (min-width: 640px) {
  .fad-modal .modal-box .modal-x {
    top: 1.5rem;
    right: 1.5rem;
    font-size: 1.5rem;
  }
}

.fad-sao-modal-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  padding: 2.375rem 1.125rem 1rem;
}

@media (min-width: 640px) {
  .fad-sao-modal-title {
    padding: 4.0625rem 4.375rem 1rem;
  }
}

@media (min-width: 1024px) {
  .fad-sao-modal-title {
    padding: 4.0625rem 7rem 1rem;
  }
}

.fad-sao-modal-desc {
  color: #333333;
  font-size: 1rem;
  line-height: 1.375rem;
}

@media (min-width: 640px) {
  .fad-sao-modal-desc {
    padding: 0 4.375rem;
  }
}

@media (min-width: 1024px) {
  .fad-sao-modal-desc {
    padding: 0 5.75rem;
  }
}

.fad-sao-button {
  margin: 2.125rem 0 2.5rem;
}

@media (min-width: 640px) {
  .fad-sao-button {
    margin: 2.5rem 0 0;
  }
}

@media (min-width: 640px) {
  .fad-sao-c {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width: 640px) {
  .fad-sao-c-slide {
    flex-basis: 50%;
  }
}

.fad-sao-slide-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  width: 100%;
  padding: 1.375rem 3.125rem 0;
  text-align: center;
}

@media (min-width: 640px) {
  .fad-sao-slide-title {
    padding: 0 1.375rem;
  }
}

@media (min-width: 1024px) {
  .fad-sao-slide-title {
    padding: 0 2.5rem;
  }
}

.fad-sao-slide-description {
  padding: 0.5rem 3.125rem 0;
  color: #333333;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
}

@media (min-width: 640px) {
  .fad-sao-slide-description {
    padding: 0.5rem 1.375rem 0;
  }
}

@media (min-width: 1024px) {
  .fad-sao-slide-description {
    padding: 0.5rem 2.5rem 0;
  }
}

.fad-sao-slide-image {
  height: 5rem;
  margin: 1.5rem auto 0;
  width: 5rem;
}

.fad-sao-c-container {
  position: relative;
  padding: 0;
}

.fad-sao-c-container .slick-arrow {
  position: absolute;
  bottom: 1.25rem;
  z-index: 99;
  height: 1.875rem;
  width: 1.875rem;
  font-size: 1.875rem;
  color: #002c5e;
}

@media (min-width: 1024px) {
  .fad-sao-c-container .slick-arrow {
    margin-top: -1.875rem;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
  }
}

.fad-sao-c-container .slick-dots {
  margin: 0.5rem 0 0;
  padding: 1.25rem;
  text-align: center;
  width: 100%;
}

@media (min-width: 1024px) {
  .fad-sao-c-container .slick-dots {
    margin: 0;
  }
}

.fad-sao-c-container .slick-dots li {
  display: inline-block;
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
  padding: 0;
  margin: 0 0.3125rem;
}

.fad-sao-c-container .slick-dots button {
  font-size: 0;
  line-height: 0;
  height: 1.25rem;
  width: 1.25rem;
  color: transparent;
}

.fad-sao-c-container .slick-dots button:before {
  content: "•";
  font-size: 1.875rem;
  line-height: 1.25rem;
  text-align: center;
  color: #888888;
}

.fad-sao-c-container .slick-dots li.slick-active button:before {
  color: #00aad2;
}

.fad-sao-slick-prev {
  left: 0;
  display: none;
}

.fad-sao-slick-prev.slick-arrow {
  display: inline-flex;
}

@media (min-width: 640px) {
  .fad-sao-slick-prev {
    display: none;
  }
}

.fad-sao-slick-next {
  right: 0;
  display: none;
}

.fad-sao-slick-next.slick-arrow {
  display: inline-flex;
}

@media (min-width: 640px) {
  .fad-sao-slick-next {
    display: none;
  }
}

.fad-sao-trigger-button {
  display: flex;
  align-items: center;
  padding-left: 0;
  position: relative;
}

.fad-sao-trigger-button .fad-sao-badge {
  margin: 0 0.5rem 0 0;
}

.fad-sao-trigger-button .fad-sao-badge svg path {
  fill: #00aad2;
}

.fad-sao-trigger-button svg {
  width: 1.5rem;
  height: 1.5rem;
}

.fad-sao-trigger-button .fad-sao-service-sao-badge {
  width: 4.5rem;
  text-align: left;
}

.fad-sao-trigger-button .fad-sao-service-sao-badge .fad-sao-inline-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #00aad2;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: left;
}

.fad-sao-trigger-button .fad-sao-service-sao-badge .tooltip-trigger {
  position: absolute;
  bottom: 0.1875rem;
}

.fad-sao-trigger-button .fad-sao-service-sao-badge .tooltip-trigger svg {
  width: 0.625rem;
  height: auto;
}

.fad-sao-trigger-button .fad-sao-service-sao-badge .tooltip-trigger svg path {
  fill: #00aad2;
}

@media (min-width: 1024px) {
  body.chat-opened .fad-modal .modal-box {
    width: 100%;
    max-width: 58.75rem;
  }
}

@media (max-width: 639px) {
  .dc-ctb-modal-container .modal-box .modal-content {
    padding: 1.5rem;
  }
}

@media (min-width: 640px) {
  .dc-ctb-modal-container .modal-box .modal-content {
    padding: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .dc-ctb-modal-container .modal-box .modal-content {
    padding: 4rem;
  }
}

.dc-ctb-modal-container {
  flex-direction: column;
}

@media (min-width: 1024px) {
  .dc-ctb-modal-container .modal-box {
    width: 58.75rem;
  }
}

.dc-ctb-content {
  text-align: center;
}

.dc-ctb-logo {
  height: 5rem;
  margin: 0 auto;
  padding-top: 1.625rem;
  width: 5rem;
}

@media (min-width: 640px) {
  .dc-ctb-logo {
    padding-top: 0.9375rem;
  }
}

@media (min-width: 1024px) {
  .dc-ctb-logo {
    padding-top: 0;
  }
}

.dc-ctb-modal-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  padding: 0.75rem 0.625rem 0;
}

@media (min-width: 640px) {
  .dc-ctb-modal-title {
    width: 100%;
    padding: 0.75rem 0.625rem 0;
  }
}

@media (min-width: 1024px) {
  .dc-ctb-modal-title {
    padding: 1rem 2.875rem 0;
  }
}

.dc-ctb-modal-desc {
  color: #333333;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 1rem 0.625rem 0.5rem;
}

@media (min-width: 640px) {
  .dc-ctb-modal-desc {
    padding: 1rem 2.5rem 0.5rem;
  }
}

@media (min-width: 1024px) {
  .dc-ctb-modal-desc {
    padding: 0.875rem 2.875rem 0.5rem;
  }
}

.dc-ctb-solution {
  padding: 0 1.5rem 0 0;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .dc-ctb-solution {
    padding: 0 2.5rem 0 0;
  }
}

@media (min-width: 1024px) {
  .dc-ctb-solution {
    padding: 0 2rem 0 0;
  }
}

.dc-ctb-modal-button {
  margin: 0.5rem auto 1rem;
}

@media (min-width: 640px) {
  .dc-ctb-modal-button {
    margin: 0.75rem auto 0.875rem;
  }
}

@media (min-width: 1024px) {
  .dc-ctb-modal-button {
    margin: 1rem auto 0;
  }
}

@media (min-width: 640px) {
  .dc-ctb-modal-container .modal-box .modal-x {
    top: 1.5rem;
    right: 1.5rem;
    font-size: 1.5rem;
  }
}

.dc-ctb-modal-content-wrapper {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .dc-ctb-modal-content-wrapper {
    flex-direction: row;
    margin: 0 0.625rem 0 0.625rem;
  }
}

.dc-ctb-modal-content {
  text-align: left;
}

@media (min-width: 640px) {
  .dc-ctb-modal-content {
    padding: 0 2.5rem 0 0;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .dc-ctb-modal-content {
    padding: 0 1.25rem;
  }
}

@media (max-width: 640px) {
  .dc-ctb-modal-content:first-child {
    margin-bottom: 0;
  }
  .dc-ctb-modal-content:last-child {
    margin-top: 0;
  }
}

.dc-ctb-trigger-button {
  display: flex;
  align-items: center;
  padding-left: 0;
  position: relative;
}

.dc-ctb-trigger-button .dc-ctb-badge {
  margin: 0 0.5rem 0 0;
}

.dc-ctb-trigger-button .dc-ctb-badge svg path {
  fill: #00aad2;
}

.dc-ctb-trigger-button svg {
  width: 1.5rem;
  height: 1.5rem;
}

.dc-ctb-trigger-button .dc-ctb-service-sao-badge {
  width: 4.5rem;
  text-align: left;
}

.dc-ctb-trigger-button .dc-ctb-service-sao-badge .dc-ctb-inline-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #00aad2;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: left;
}

.dc-ctb-trigger-button .dc-ctb-service-sao-badge .tooltip-trigger {
  position: absolute;
  bottom: 0.1875rem;
}

.dc-ctb-trigger-button .dc-ctb-service-sao-badge .tooltip-trigger svg {
  width: 0.625rem;
  height: auto;
}

.dc-ctb-trigger-button .dc-ctb-service-sao-badge .tooltip-trigger svg path {
  fill: #00aad2;
}

@media (min-width: 1024px) {
  body.chat-opened .dc-ctb-modal-container.modal-open .modal-box {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dc-ctb-modal-container {
    width: calc(100vh - 375px) !important;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dc-ctb-modal-container .modal-box {
    width: calc(940px - 375px);
  }
}
@media (max-width: 639px) {
  .dc-ifd-modal-container .modal-box .modal-content {
    padding: 1.5rem;
  }
}

@media (min-width: 640px) {
  .dc-ifd-modal-container .modal-box .modal-content {
    padding: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .dc-ifd-modal-container .modal-box .modal-content {
    padding: 4rem;
  }
}

.dc-ifd-modal-container {
  flex-direction: column;
}

@media (min-width: 1024px) {
  .dc-ifd-modal-container .modal-box {
    width: 58.75rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dc-ifd-modal-container .modal-box {
    width: 35.3125rem;
  }
}

.dc-ifd-content {
  text-align: center;
}

.dc-ifd-logo {
  height: 5rem;
  margin: 0 auto;
  padding-top: 1.625rem;
  width: 5rem;
}

@media (min-width: 640px) {
  .dc-ifd-logo {
    padding-top: 0.9375rem;
  }
}

@media (min-width: 1024px) {
  .dc-ifd-logo {
    padding-top: 0;
  }
}

.dc-ifd-modal-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  padding: 0.75rem 0.625rem 0;
}

@media (min-width: 640px) {
  .dc-ifd-modal-title {
    width: 100%;
    padding: 0.75rem 0.625rem 0;
  }
}

@media (min-width: 1024px) {
  .dc-ifd-modal-title {
    padding: 1rem 2.875rem 0;
  }
}

.dc-ifd-modal-desc {
  color: #333333;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 1rem 0.625rem 0.5rem;
}

@media (min-width: 640px) {
  .dc-ifd-modal-desc {
    padding: 1rem 2.5rem 0.5rem;
  }
}

@media (min-width: 1024px) {
  .dc-ifd-modal-desc {
    padding: 0.875rem 2.875rem 0.5rem;
  }
}

.dc-ifd-solution {
  padding: 0 1.5rem 0 0;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .dc-ifd-solution {
    padding: 0 2.5rem 0 0;
  }
}

@media (min-width: 1024px) {
  .dc-ifd-solution {
    padding: 0 2rem 0 0;
  }
}

.dc-ifd-modal-button {
  margin: 0.5rem auto 1rem;
}

@media (min-width: 640px) {
  .dc-ifd-modal-button {
    margin: 0.75rem auto 0.875rem;
  }
}

@media (min-width: 1024px) {
  .dc-ifd-modal-button {
    margin: 1rem auto 0;
  }
}

@media (min-width: 640px) {
  .dc-ifd-modal-container .modal-box .modal-x {
    top: 1.5rem;
    right: 1.5rem;
    font-size: 1.5rem;
  }
}

.dc-ifd-modal-content-wrapper {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .dc-ifd-modal-content-wrapper {
    flex-direction: row;
    margin: 0 0.625rem 0 0.625rem;
  }
}

.dc-ifd-modal-content {
  text-align: left;
}

@media (min-width: 640px) {
  .dc-ifd-modal-content {
    padding: 0 2.5rem 0 0;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .dc-ifd-modal-content {
    padding: 0 1.25rem;
  }
}

@media (max-width: 640px) {
  .dc-ifd-modal-content:first-child {
    margin-bottom: 0;
  }
  .dc-ifd-modal-content:last-child {
    margin-top: 0;
  }
}

.dc-ifd-trigger-button {
  display: flex;
  align-items: center;
  padding-left: 0;
  position: relative;
}

.dc-ifd-trigger-button .dc-ifd-badge {
  margin: 0 0.5rem 0 0;
}

.dc-ifd-trigger-button .dc-ifd-badge svg path {
  fill: #00aad2;
}

.dc-ifd-trigger-button svg {
  width: 1.5rem;
  height: 1.5rem;
}

.dc-ifd-trigger-button .dc-ifd-service-sao-badge {
  width: 4.5rem;
  text-align: left;
}

.dc-ifd-trigger-button .dc-ifd-service-sao-badge .dc-ifd-inline-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #00aad2;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: left;
}

.dc-ifd-trigger-button .dc-ifd-service-sao-badge .tooltip-trigger {
  position: absolute;
  bottom: 0.1875rem;
}

.dc-ifd-trigger-button .dc-ifd-service-sao-badge .tooltip-trigger svg {
  width: 0.625rem;
  height: auto;
}

.dc-ifd-trigger-button .dc-ifd-service-sao-badge .tooltip-trigger svg path {
  fill: #00aad2;
}

@media (max-width: 639px) {
  .nexo-modal-container .modal-box .modal-content {
    padding: 1.5rem;
  }
}

@media (min-width: 640px) {
  .nexo-modal-container .modal-box .modal-content {
    padding: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .nexo-modal-container .modal-box .modal-content {
    padding: 4rem;
  }
}

.nexo-modal-container {
  flex-direction: column;
}

@media (min-width: 1024px) {
  .nexo-modal-container .modal-box {
    width: 58.75rem;
  }
}

.nexo-content {
  text-align: center;
}

.nexo-logo {
  height: 5rem;
  margin: 0 auto;
  padding-top: 1.625rem;
  width: 5rem;
}

@media (min-width: 640px) {
  .nexo-logo {
    padding-top: 0.9375rem;
  }
}

@media (min-width: 1024px) {
  .nexo-logo {
    padding-top: 0;
  }
}

.nexo-modal-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  padding: 0.75rem 0.625rem 0;
}

@media (min-width: 640px) {
  .nexo-modal-title {
    width: 100%;
    padding: 0.75rem 0.625rem 0;
  }
}

@media (min-width: 1024px) {
  .nexo-modal-title {
    padding: 1rem 2.875rem 0;
  }
}

.nexo-modal-desc {
  color: #333333;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 1rem 0.625rem 0.5rem;
}

@media (min-width: 640px) {
  .nexo-modal-desc {
    padding: 1rem 2.5rem 0.5rem;
  }
}

@media (min-width: 1024px) {
  .nexo-modal-desc {
    padding: 0.875rem 2.875rem 0.5rem;
  }
}

.nexo-solution {
  padding: 0 1.5rem 0 0;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .nexo-solution {
    padding: 0 2.5rem 0 0;
  }
}

@media (min-width: 1024px) {
  .nexo-solution {
    padding: 0 2rem 0 0;
  }
}

.nexo-modal-button {
  margin: 0.5rem auto 1rem;
}

@media (min-width: 640px) {
  .nexo-modal-button {
    margin: 0.75rem auto 0.875rem;
  }
}

@media (min-width: 1024px) {
  .nexo-modal-button {
    margin: 1rem auto 0;
  }
}

@media (min-width: 640px) {
  .nexo-modal-container .modal-box .modal-x {
    top: 1.5rem;
    right: 1.5rem;
    font-size: 1.5rem;
  }
}

.nexo-modal-content-wrapper {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .nexo-modal-content-wrapper {
    flex-direction: row;
    margin: 0 0.625rem 0 0.625rem;
  }
}

.nexo-modal-content {
  text-align: left;
}

@media (min-width: 640px) {
  .nexo-modal-content {
    padding: 0 2.5rem 0 0;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .nexo-modal-content {
    padding: 0 1.25rem;
  }
}

@media (max-width: 640px) {
  .nexo-modal-content:first-child {
    margin-bottom: 0;
  }
  .nexo-modal-content:last-child {
    margin-top: 0;
  }
}

.nexo-trigger-button {
  display: flex;
  align-items: center;
  padding-left: 0;
  position: relative;
}

.nexo-trigger-button .fd-nexo-badge {
  margin: 0 0.5rem 0 0;
}

.nexo-trigger-button .fd-nexo-badge svg path {
  fill: #00aad2;
}

.nexo-trigger-button svg {
  width: 1.5rem;
  height: 1.5rem;
}

.nexo-trigger-button svg path {
  fill: #00aad2 !important;
}

.nexo-trigger-button .fd-nexo-service-sao-badge {
  width: 4.5rem;
  text-align: left;
}

.nexo-trigger-button .fd-nexo-service-sao-badge .fd-nexo-inline-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #00aad2;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: left;
}

.nexo-trigger-button .fd-nexo-service-sao-badge .tooltip-trigger {
  position: absolute;
  bottom: 0.1875rem;
}

.nexo-trigger-button .fd-nexo-service-sao-badge .tooltip-trigger svg {
  width: 0.625rem;
  height: auto;
}

.nexo-trigger-button .fd-nexo-service-sao-badge .tooltip-trigger svg path {
  fill: #00aad2;
}

@media (max-width: 639px) {
  .ev-plus-modal-container .modal-box .modal-content {
    padding: 1.5rem;
  }
}

@media (min-width: 640px) {
  .ev-plus-modal-container .modal-box .modal-content {
    padding: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .ev-plus-modal-container .modal-box .modal-content {
    padding: 4rem;
  }
}

.ev-plus-modal-container {
  flex-direction: column;
}

@media (min-width: 1024px) {
  .ev-plus-modal-container .modal-box {
    width: 58.75rem;
  }
}

.evolve-plus-content {
  text-align: center;
}

.evolve-plus-logo {
  height: 5rem;
  margin: 0 auto;
  padding-top: 1.625rem;
  width: 5rem;
}

@media (min-width: 640px) {
  .evolve-plus-logo {
    padding-top: 0.9375rem;
  }
}

@media (min-width: 1024px) {
  .evolve-plus-logo {
    padding-top: 0;
  }
}

.evolve-plus-modal-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  padding: 0.75rem 0.625rem 0;
}

@media (min-width: 640px) {
  .evolve-plus-modal-title {
    width: 100%;
    padding: 0.75rem 0.625rem 0;
  }
}

@media (min-width: 1024px) {
  .evolve-plus-modal-title {
    padding: 1rem 2.875rem 0;
  }
}

.evolve-plus-modal-desc {
  color: #333333;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 1rem 0.625rem 0.5rem;
}

@media (min-width: 640px) {
  .evolve-plus-modal-desc {
    padding: 1rem 2.5rem 0.5rem;
  }
}

@media (min-width: 1024px) {
  .evolve-plus-modal-desc {
    padding: 0.875rem 2.875rem 0.5rem;
  }
}

.evolve-plus-solution {
  padding: 0 1.5rem 0 0;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .evolve-plus-solution {
    padding: 0 2.5rem 0 0;
  }
}

@media (min-width: 1024px) {
  .evolve-plus-solution {
    padding: 0 2rem 0 0;
  }
}

.evolve-plus-modal-button {
  margin: 0.5rem auto 1rem;
}

@media (min-width: 640px) {
  .evolve-plus-modal-button {
    margin: 0.75rem auto 0.875rem;
  }
}

@media (min-width: 1024px) {
  .evolve-plus-modal-button {
    margin: 1rem auto 0;
  }
}

@media (min-width: 640px) {
  .ev-plus-modal-container .modal-box .modal-x {
    top: 1.5rem;
    right: 1.5rem;
    font-size: 1.5rem;
  }
}

.evolve-plus-modal-content-wrapper {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .evolve-plus-modal-content-wrapper {
    flex-direction: row;
    margin: 0 0.625rem 0 0.625rem;
  }
}

.evolve-plus-modal-content {
  text-align: left;
}

@media (min-width: 640px) {
  .evolve-plus-modal-content {
    padding: 0 2.5rem 0 0;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .evolve-plus-modal-content {
    padding: 0 1.25rem;
  }
}

@media (max-width: 640px) {
  .evolve-plus-modal-content:first-child {
    margin-bottom: 0;
  }
  .evolve-plus-modal-content:last-child {
    margin-top: 0;
  }
}

.ev-plus-container .ev-plus-trigger-button {
  display: flex;
  align-items: center;
  padding-left: 0;
  position: relative;
}

.ev-plus-container .ev-plus-trigger-button .ev-plus-badge {
  margin: 0 0.5rem 0 0;
}

.ev-plus-container .ev-plus-trigger-button .ev-plus-badge svg path {
  fill: #00aad2;
}

.ev-plus-container .ev-plus-trigger-button svg {
  width: 1.5rem;
  height: 1.5rem;
}

.ev-plus-container .ev-plus-trigger-button .ev-plus-service-sao-badge {
  width: 4.5rem;
  text-align: left;
}

.ev-plus-container .ev-plus-trigger-button .ev-plus-service-sao-badge .ev-plus-inline-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #00aad2;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: left;
}

.ev-plus-container .ev-plus-trigger-button .ev-plus-service-sao-badge .tooltip-trigger {
  position: absolute;
  bottom: 0.1875rem;
}

.ev-plus-container .ev-plus-trigger-button .ev-plus-service-sao-badge .tooltip-trigger svg {
  width: 0.625rem;
  height: auto;
}

.ev-plus-container .ev-plus-trigger-button .ev-plus-service-sao-badge .tooltip-trigger svg path {
  fill: #00aad2;
}

@media (min-width: 1024px) {
  body.chat-opened .ev-plus-modal-container .modal-box {
    width: 100%;
    max-width: 58.75rem;
  }
}

@media (max-width: 639px) {
  .sells-on-amazon-modal-container .modal-box .modal-content {
    padding: 1.5rem;
  }
}

@media (min-width: 640px) {
  .sells-on-amazon-modal-container .modal-box .modal-content {
    padding: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .sells-on-amazon-modal-container .modal-box .modal-content {
    padding: 4rem;
  }
}

.sells-on-amazon-modal-container{
  flex-direction: column;
}

@media (min-width: 1024px) {
  .sells-on-amazon-modal-container .modal-box {
    width: 58.75rem;
  }
}

.amazon-seller-content {
  text-align: center;
}

.amazon-seller-logo {
  height: 5rem;
  margin: 0 auto;
  padding-top: 1.625rem;
  width: 5rem;
}

@media (min-width: 640px) {
  .amazon-seller-logo {
    padding-top: 0.9375rem;
  }
}

@media (min-width: 1024px) {
  .amazon-seller-logo {
    padding-top: 0;
  }
}

.amazon-seller-modal-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  padding: 0.75rem 0.625rem 0;
}

@media (min-width: 640px) {
  .amazon-seller-modal-title {
    width: 100%;
    padding: 0.75rem 0.625rem 0;
  }
}

@media (min-width: 1024px) {
  .amazon-seller-modal-title {
    padding: 1rem 2.875rem 0;
  }
}

.amazon-seller-modal-desc {
  color: #333333;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 1rem 0.625rem 0.5rem;
}

@media (min-width: 640px) {
  .amazon-seller-modal-desc {
    padding: 1rem 2.5rem 0.5rem;
  }
}

@media (min-width: 1024px) {
  .amazon-seller-modal-desc {
    padding: 0.875rem 2.875rem 0.5rem;
  }
}

.amazon-seller-solution {
  padding: 0 1.5rem 0 0;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .amazon-seller-solution {
    padding: 0 2.5rem 0 0;
  }
}

@media (min-width: 1024px) {
  .amazon-seller-solution {
    padding: 0 2rem 0 0;
  }
}

.amazon-seller-modal-button {
  margin: 0.5rem auto 1rem;
}

@media (min-width: 640px) {
  .amazon-seller-modal-button {
    margin: 0.75rem auto 0.875rem;
  }
}

@media (min-width: 1024px) {
  .amazon-seller-modal-button {
    margin: 1rem auto 0;
  }
}

@media (min-width: 640px) {
  .sells-on-amazon-modal-container .modal-box .modal-x {
    top: 1.5rem;
    right: 1.5rem;
    font-size: 1.5rem;
  }
}

.amazon-seller-modal-content-wrapper {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .amazon-seller-modal-content-wrapper {
    flex-direction: row;
    margin: 0 0.625rem 0 0.625rem;
  }
}

.amazon-seller-modal-content {
  text-align: left;
}

@media (min-width: 640px) {
  .amazon-seller-modal-content {
    padding: 0 2.5rem 0 0;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .amazon-seller-modal-content {
    padding: 0 1.25rem;
  }
}

@media (max-width: 640px) {
  .amazon-seller-modal-content:first-child {
    margin-bottom: 0;
  }
  .amazon-seller-modal-content:last-child {
    margin-top: 0;
  }
}

.soa-container .soa-trigger-button {
  display: flex;
  align-items: center;
  padding-left: 0;
  position: relative;
}

.soa-container .soa-trigger-button .soa-badge {
  margin: 0 0.5rem 0 0;
}

.soa-container .soa-trigger-button .soa-badge svg path {
  fill: #00aad2;
}

.soa-container .soa-trigger-button svg {
  width: 1.5rem;
  height: 1.5rem;
}

.soa-container .soa-trigger-button .soa-service-sao-badge {
  width: 4.5rem;
  text-align: left;
}

.soa-container .soa-trigger-button .soa-service-sao-badge .soa-inline-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #00aad2;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: left;
}

.soa-container .soa-trigger-button .soa-service-sao-badge .tooltip-trigger {
  position: absolute;
  bottom: 0.1875rem;
}

.soa-container .soa-trigger-button .soa-service-sao-badge .tooltip-trigger svg {
  width: 0.625rem;
  height: auto;
}

.soa-container .soa-trigger-button .soa-service-sao-badge .tooltip-trigger svg path {
  fill: #00aad2;
}

@media (min-width: 1024px) {
  body.chat-opened .sells-on-amazon-modal-container .modal-box {
    width: 100%;
    max-width: 58.75rem;
  }
}

.image-container {
  display: flex;
}

.image-container.image-center {
  justify-content: center;
}

.image-container.image-right {
  justify-content: flex-end;
}

.image {
  max-width: 100%;
}
.rtv2-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.rtv2-main-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 90rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .rtv2-main-container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .rtv2-main-container {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .rtv2-main-container {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
}

.rtv2-top-padding {
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .rtv2-top-padding {
    padding-top: 3rem;
  }
}

@media (min-width: 1440px) {
  .rtv2-top-padding {
    padding-top: 4.5rem;
  }
}

.rtv2-bottom-padding {
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .rtv2-bottom-padding {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .rtv2-bottom-padding {
    padding-bottom: 4.5rem;
  }
}

.rtv2-eyebrow-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.rtv2-eyebrow-txt {
  font-size: 1rem;
  line-height: 1.375rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  color: #333333;
}

.rtv2-eyebrow-line {
  height: 0.125rem;
  width: 1.5rem;
  background-color: #333333;
  margin-top: 0.5rem;
}

.rtv2-left-container {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

@media (max-width: 639px) {
  .rtv2-left-container {
    width: 100% !important;
  }
}

.rtv2-right-container {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

@media (max-width: 639px) {
  .rtv2-right-container {
    width: 100% !important;
    padding-top: 2rem;
  }
}

@media (min-width: 640px) {
  .rtv2-right-container {
    padding-left: 2rem;
  }
}

@media (min-width: 1024px) {
  .rtv2-right-container {
    padding-left: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .rtv2-right-container {
    padding-left: 4.5rem;
  }
}

@media (max-width: 639px) {
  .rtv2-headline-link-container {
    padding-top: 1rem;
  }
}

@media (min-width: 640px) {
  .rtv2-headline-link-container {
    padding-top: 2rem;
  }
}

@media (max-width: 639px) {
  .rtv2-body-link-container {
    padding-top: 1rem;
  }
}

@media (min-width: 640px) {
  .rtv2-body-link-container {
    padding-top: 2rem;
  }
}

.rtv2-headline-link-container,
.rtv2-body-link-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

@media (min-width: 1024px) {
  .rtv2-headline-link-container,
  .rtv2-body-link-container {
    padding-top: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .rtv2-headline-link-container,
  .rtv2-body-link-container {
    padding-top: 4.5rem;
  }
}

.rtv2-no-padding-left {
  padding-left: 0;
}

.rtv2-bottom-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #333333;
}

@media (max-width: 639px) {
  .rtv2-bottom-container {
    padding-top: 1rem;
  }
}

@media (min-width: 640px) {
  .rtv2-bottom-container {
    padding-top: 2rem;
  }
}

@media (min-width: 1024px) {
  .rtv2-bottom-container {
    padding-top: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .rtv2-bottom-container {
    padding-top: 4.5rem;
  }
}

.rtv2-bottom-container b {
  font-weight: 700;
}

.rtv2-bottom-container a {
  color: #002c5e;
  font-weight: 700;
  text-decoration: none;
  padding-bottom: 0.3125rem;
}

@media (max-width: 639px) {
  .rtv2-bottom-container a {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 640px) {
  .rtv2-bottom-container a {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.rtv2-bottom-container a:hover {
  text-decoration: underline;
}

.rtv2-bottom-container a svg {
  width: 0.7em;
  height: 0.7em;
  display: inline-block;
  margin-left: 0.375rem;
}

.rtv2-bottom-container .rtv2-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  height: 2.75rem;
  padding: 0 1.75rem;
  font-size: 1rem;
  background-color: #002c5e;
  color: #ffffff;
  border: 0.125rem solid #002c5e;
  height: auto;
  min-height: 2.5rem;
  max-width: 100%;
  word-break: break-word;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-top: 0.625rem;
  font-size: 1rem;
  line-height: 1.375rem;
  width: 100%;
}

.rtv2-bottom-container .rtv2-cta-button:disabled {
  cursor: default;
  pointer-events: none;
}

.rtv2-bottom-container .rtv2-cta-button:hover {
  background-color: #001A38;
  color: #ffffff;
}

.rtv2-bottom-container .rtv2-cta-button:disabled {
  background-color: #bababa;
  color: #ffffff;
}

.rtv2-bottom-container .rtv2-cta-button:focus {
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  box-sizing: border-box;
}

.rtv2-bottom-container .rtv2-cta-button:hover {
  text-decoration: none;
}

.rtv2-bottom-container .rtv2-cta-button .sticky-icon-wrap {
  position: relative;
}

.rtv2-bottom-container .rtv2-cta-button svg {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  fill: currentColor;
  margin-left: 0.5rem;
}

.rtv2-bottom-container tr:nth-of-type(even) {
  background: #f6f3f2;
}

.rtv2-bottom-container .strikeThrough {
  text-decoration: line-through;
}

.rtv2-bottom-container .external svg {
  display: inline-block;
  margin-left: 0.5rem;
}

.rtv2-bottom-container h1,
.rtv2-bottom-container h2,
.rtv2-bottom-container h3,
.rtv2-bottom-container h5 {
  font-weight: 500;
}

@media (max-width: 639px) {
  .rtv2-bottom-container h1 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 640px) {
  .rtv2-bottom-container h1 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1024px) {
  .rtv2-bottom-container h1 {
    font-size: 3rem;
    line-height: 3rem;
  }
}

.rtv2-bottom-container h2 {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.rtv2-bottom-container h3,
.rtv2-bottom-container h4 {
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.rtv2-bottom-container h4,
.rtv2-bottom-container h6,
.rtv2-bottom-container p,
.rtv2-bottom-container ol,
.rtv2-bottom-container ul,
.rtv2-bottom-container th {
  font-weight: 400;
}

.rtv2-bottom-container h1,
.rtv2-bottom-container h2,
.rtv2-bottom-container h3,
.rtv2-bottom-container h4,
.rtv2-bottom-container h5,
.rtv2-bottom-container h6,
.rtv2-bottom-container th {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

@media (max-width: 639px) {
  .rtv2-bottom-container p {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 640px) {
  .rtv2-bottom-container p {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.rtv2-bottom-container ol,
.rtv2-bottom-container ul {
  color: #333333;
  padding: 0 1rem 1.25rem;
  margin: 0;
}

@media (max-width: 639px) {
  .rtv2-bottom-container ol,
  .rtv2-bottom-container ul {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 640px) {
  .rtv2-bottom-container ol,
  .rtv2-bottom-container ul {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.rtv2-bottom-container li {
  padding-bottom: 0.75rem;
}

.rtv2-bottom-container table {
  width: 100%;
  table-layout: fixed;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  text-align: left;
  padding-bottom: 1.5rem;
}

.rtv2-bottom-container th {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #333333;
  padding: 0 1.5rem 0.75rem;
  overflow-wrap: break-word;
  vertical-align: top;
}

.rtv2-bottom-container td {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333333;
  padding: 0.75rem 1.5rem;
}

.rtv2-no-padding-top {
  padding-top: 0;
}

.rtv2-headline-container-padding-top {
  padding-top: 2.5rem;
}

.rtv2-smartchat-container {
  margin-top: 1rem;
  order: 1;
}

@media (min-width: 1024px) {
  .rtv2-smartchat-container {
    order: 2;
  }
}

.rtv2-smartchat-container button {
  margin: 0;
  margin-bottom: 0.625rem;
}

@media (min-width: 1024px) {
  .rtv2-smartchat-container button {
    margin: 0;
  }
}

.rtv2-smartchat-container .smartchat-contextual-cta-btn--background {
  min-height: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.625rem 0.9375rem;
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .rtv2-main-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  body.chat-opened .rtv2-left-container {
    width: 100% !important;
  }
  body.chat-opened .rtv2-right-container {
    width: 100% !important;
    padding-top: 2rem;
    padding-left: 0;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .rtv2-main-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.cmp-text {
  margin: 0 auto;
}

.cmp-text b {
  font-weight: 700;
}

.cmp-text a {
  color: #002c5e;
}

.cmp-text tr:nth-of-type(even) {
  background: #f6f3f2;
}

.cmp-text .strikeThrough {
  text-decoration: line-through;
}

.cmp-text .external svg {
  display: inline-block;
  margin-left: 0.5rem;
}

.cmp-text .sticky-icon-wrap {
  position: relative;
}

.cmp-text-standard {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #333333;
}

.cmp-text-standard h1, .cmp-text-standard h2, .cmp-text-standard h3, .cmp-text-standard h5 {
  font-weight: 500;
}

.cmp-text-standard h4, .cmp-text-standard h6, .cmp-text-standard p, .cmp-text-standard ol, .cmp-text-standard ul, .cmp-text-standard th {
  font-weight: 400;
}

.cmp-text-standard h1, .cmp-text-standard h2, .cmp-text-standard h3, .cmp-text-standard h4, .cmp-text-standard h5, .cmp-text-standard h6, .cmp-text-standard th {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

.cmp-text-standard h1 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  padding-bottom: 2rem;
}

.cmp-text-standard h2 {
  font-size: 1.5rem;
  line-height: 1.875rem;
  padding-bottom: 1.5rem;
}

.cmp-text-standard h3 {
  font-size: 1.25rem;
  line-height: 1.625rem;
  padding-bottom: 1.25rem;
}

.cmp-text-standard h4 {
  font-size: 1.25rem;
  line-height: 1.625rem;
  padding-bottom: 1.25rem;
}

.cmp-text-standard h5 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding-bottom: 1.25rem;
}

.cmp-text-standard h6 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding-bottom: 1.25rem;
}

.cmp-text-standard p {
  font-size: 1rem;
  line-height: 1.375rem;
  padding-bottom: 1.25rem;
}

.cmp-text-standard ol,
.cmp-text-standard ul {
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 0 1rem 1.25rem;
  margin: 0;
}

.cmp-text-standard li {
  padding-bottom: 0.75rem;
}

.cmp-text-standard table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  table-layout: fixed;
  width: 100%;
  text-align: left;
  padding-bottom: 1.5rem;
}

.cmp-text-standard th {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  padding: 0 1.5rem 0.75rem;
  overflow-wrap: break-word;
  vertical-align: top;
}

.cmp-text-standard td {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 0.75rem 1.5rem;
}

@media (min-width: 640px) {
  .cmp-text-standard .cpm-text-standard-inner {
    padding: 0 5.0625rem;
  }
}

@media (min-width: 1024px) {
  .cmp-text-standard .cpm-text-standard-inner {
    padding: 0 12.625rem;
  }
  .cmp-text-standard h1 {
    font-size: 2.5rem;
    line-height: 2.75rem;
    padding-bottom: 2.5rem;
  }
  .cmp-text-standard h2 {
    font-size: 1.875rem;
    line-height: 2.25rem;
    padding-bottom: 2rem;
  }
  .cmp-text-standard h3, .cmp-text-standard h4 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
  .cmp-text-standard h3, .cmp-text-standard h4, .cmp-text-standard h5, .cmp-text-standard h6, .cmp-text-standard p {
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 1440px) {
  .cmp-text-standard .cpm-text-standard-inner {
    padding: 0 18.1875rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .cmp-text-standard table {
    min-width: 25rem;
  }
  body.chat-opened .cmp-text-standard .cpm-text-standard-inner {
    padding: 0 !important;
    overflow-x: scroll;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .cmp-text-standard .cpm-text-standard-inner {
    padding: 0 5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .cmp-text-standard .cpm-text-standard-inner {
    padding: 0 12.625rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .cmp-text-standard .cpm-text-standard-inner {
    padding: 0 18.1875rem;
  }
}

.cmp-text-disclaimer {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #888888;
}

.cmp-text-disclaimer h1, .cmp-text-disclaimer h2, .cmp-text-disclaimer h3, .cmp-text-disclaimer h4, .cmp-text-disclaimer h5, .cmp-text-disclaimer h6 {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding-bottom: 1rem;
}

.cmp-text-disclaimer p {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-bottom: 1rem;
}

.cmp-text-disclaimer ol,
.cmp-text-disclaimer ul {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0 1rem 0.75rem;
  margin: 0;
}

.cmp-text-disclaimer li {
  padding-bottom: 0.75rem;
}

.cmp-text-disclaimer table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  table-layout: fixed;
  width: 100%;
  text-align: left;
  padding-bottom: 1.5rem;
}

.cmp-text-disclaimer th {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding: 0 1.5rem 0.75rem;
  overflow-wrap: break-word;
  vertical-align: top;
}

.cmp-text-disclaimer td {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 0.75rem 1.5rem;
}

@media (min-width: 640px) {
  .cmp-text-disclaimer .cpm-text-disclaimer-inner {
    padding: 0 2rem;
  }
  .cmp-text-disclaimer ol,
  .cmp-text-disclaimer ul {
    padding: 0 2rem 0.75rem;
  }
}

@media (min-width: 1024px) {
  .cmp-text-disclaimer .cpm-text-disclaimer-inner {
    padding: 0 2.625rem;
  }
  .cmp-text-disclaimer ol,
  .cmp-text-disclaimer ul {
    padding: 0 2.5rem 0.75rem;
  }
}

@media (min-width: 1440px) {
  .cmp-text-disclaimer .cpm-text-disclaimer-inner {
    padding: 0 4.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .cmp-text-disclaimer .cmp-text-disclaimer-inner {
    padding: 0 !important;
    overflow: scroll;
  }
  body.chat-opened .cmp-text-disclaimer table {
    min-width: 25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .cmp-text-disclaimer .cpm-text-disclaimer-inner {
    padding: 0 2rem;
  }
  body.chat-opened .cmp-text-disclaimer ol,
  body.chat-opened .cmp-text-disclaimer ul {
    padding: 0 2rem 0.75rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .cmp-text-disclaimer .cpm-text-disclaimer-inner {
    padding: 0 2.625rem;
  }
  body.chat-opened .cmp-text-disclaimer ol,
  body.chat-opened .cmp-text-disclaimer ul {
    padding: 0 2.5rem 0.75rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .cmp-text-disclaimer .cpm-text-disclaimer-inner {
    padding: 0 4.5rem;
  }
}

.cpm-text-standard-inner {
  margin: auto;
  width: 100%;
  max-width: 1440px;
}

.cpm-text-disclaimer-inner {
  margin: auto;
  width: 100%;
  max-width: 1440px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}

.cpm-text-disclaimer-inner p {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}

.cpm-text-disclaimer-inner p:empty {
  padding: 0;
  line-height: 0;
}

.cmp-text-default-inner {
  margin: auto;
  width: 100%;
  max-width: 1440px;
}

.cmp-text-disclaimer .tooltip-trigger {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  left: -0.625rem;
  bottom: -0.625rem;
}

.offers-landing-page .rich-text .external {
  display: inline-flex;
  justify-content: center;
  color: #002c5e;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: none;
  max-width: -webkit-max-content;
  max-width: max-content;
  margin: 0 auto;
}

.offers-landing-page .rich-text .external .sticky-icon-wrap {
  margin-left: 0.3125rem;
  width: 0.875rem;
  height: 0.875rem;
  display: flex;
  position: relative;
}

#chat-offline {
  position: fixed;
  color: #000000;
  background: #ffffff;
  border-radius: 0.3125rem;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.14);
  padding: 0.625rem;
  display: none;
  bottom: 0;
  right: 5.5rem;
  z-index: 8999;
}

@media (min-width: 640px) {
  #chat-offline {
    right: 5.9375rem;
    padding: 1.25rem;
  }
}

#chat-offline.active {
  display: block;
  animation: fadeIn .7s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#chat-offline:after,
#chat-offline:before {
  left: 100%;
  top: -20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#chat-offline:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #ffffff;
  border-width: 0.625rem;
  margin-top: 4.6875rem;
}

#chat-offline::before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #ffffff;
  border-width: 0.6875rem;
  margin-top: 4.75rem;
}

#chat-offline .chat-info {
  position: relative;
  margin: 0 auto;
  width: 13.125rem;
}

#chat-offline .chat-info .title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  margin-bottom: 0.1875rem;
}

#chat-offline .chat-info .headline {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: italic;
  color: #666666;
}

#chat-offline .chat-info .schedule {
  margin-top: 0.625rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}

#chat-offline .chat-info .about {
  margin-top: 0.625rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}

#chat-offline .chat-info .about .wts {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  color: #00aad2;
  line-height: 1.0625rem;
}

#chat-offline .chat-info .chat-close {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  color: #666666;
  text-decoration: underline;
  text-align: center;
  display: block;
  margin: 0.625rem auto 0;
  cursor: pointer;
}

#chat-offline-btn {
  bottom: 1.25rem;
  right: 1.25rem;
  z-index: 8999;
  transition: .3s;
  position: fixed;
  cursor: pointer;
}

#chat-offline-btn svg {
  height: 3.5rem;
  width: 3.5rem;
}

#chat-offline-btn.active {
  bottom: 12.5rem;
  transition: .5s;
}

#chat-offline-btn.hide,
#chat-offline.hide {
  display: none !important;
}

.imf-active-filters {
  align-items: center;
  display: none;
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  .imf-active-filters-inner {
    margin-bottom: 1.5rem;
  }
}

.imf-active-filter,
.imf-clear-active-filters {
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0 0.5rem 0.5rem 0;
}

.imf-active-filter .icon,
.imf-clear-active-filters .icon {
  margin-left: 0.3125rem;
}

.imf-active-filter {
  align-items: center;
  border: 0.0625rem solid #00aad2;
  color: #00aad2;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  padding: 0.5rem 1rem 0.375rem;
  text-decoration: none;
}

.imf-active-filter .icon {
  color: #002c5e;
  height: 0.625rem;
  width: 0.625rem;
}

.imf-clear-active-filters {
  color: #002c5e;
}

.imf-clear-active-filters .icon {
  height: 0.875rem;
  width: 0.875rem;
}

@media (min-width: 1024px) {
  .imf-active-filters {
    display: flex;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .imf-active-filters {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .imf-active-filters {
    display: flex;
  }
}

.imf-filters {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background-color: #ffffff;
  border-bottom: 0.0625rem solid #e6e6e6;
}

@media (min-width: 1024px) {
  .imf-filters {
    width: 16.375rem;
    padding: 4rem 0 0 2.625rem;
    background-color: #f3f3f3;
  }
}

@media (min-width: 1440px) {
  .imf-filters {
    width: 19.3125rem;
    padding: 4rem 0 0 4.5rem;
  }
}

.imf-filters-expand {
  border: 0.0625rem solid #888888;
  color: #888888;
  flex: 1;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin: 1rem 1rem;
  padding: 0.75rem 1.875rem;
}

.imf-filters-expand.active {
  border-color: #00aad2;
  color: #00aad2;
}

@media (min-width: 640px) {
  .imf-filters-expand {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .imf-filters-expand {
    margin: 1rem 1rem;
  }
}

.imf-filters-choices {
  background-color: #f3f3f3;
  bottom: 0;
  height: 100%;
  left: 0;
  display: none;
  padding-top: 100px;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
}

@media (max-width: 1023px) {
  .imf-filters-choices {
    z-index: 1999;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .imf-filters-choices {
    z-index: 1999;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .imf-filters-choices {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .imf-filters-choices {
    width: calc(100vw - 375px);
  }
}

.imf-filters-choice-clear-all {
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-bottom: 1.5rem;
}

.imf-filters-mobile-open {
  display: block;
}

.imf-filters-mobile-header {
  align-items: center;
  background-color: #ffffff;
  box-shadow: 0 0.3125rem 0.9375rem 0 rgba(186, 186, 186, 0.25);
  display: flex;
  left: 0;
  justify-content: space-between;
  margin-bottom: 0;
  position: fixed;
  right: 0;
  top: 0;
  padding: 0.5rem 1rem;
  z-index: 4;
}

.imf-filters-clear-filters {
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.imf-filters-clear-filters .icon {
  height: 0.75rem;
  margin-left: 0.375rem;
  width: 0.75rem;
}

.imf-filters-mobiler-header-done {
  align-items: center;
  background-color: #002c5e;
  color: #ffffff;
  display: flex;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  height: 2.75rem;
  justify-content: center;
  width: 5.75rem;
}

.imf-filters-choice {
  padding: 0 1rem;
}

.imf-filters-location {
  border-bottom: 0.0625rem solid #e6e6e6;
  padding-bottom: 1.5rem;
}

.imf-filters-location-search {
  display: flex;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.125rem;
  color: #666666;
}

.imf-filters-location-search .dropdown {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0.25rem;
}

.imf-filters-location-search .dropdown-panel {
  box-shadow: 0 0.1875rem 0.5625rem 0 rgba(186, 186, 186, 0.3);
}

.imf-filters-location-text {
  margin-right: 0.25rem;
}

.imf-filters-location-dropdown {
  background-color: transparent;
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  height: auto;
  padding: 0;
  width: auto;
}

.imf-filters-location-dropdown .imf-filters-location-pin .icon {
  height: 1rem;
  margin: 0 0.125rem;
}

.imf-filters-location-dropdown .icon {
  height: 0.625rem;
  margin-left: 0.3125rem;
  width: 0.625rem;
}

.imf-filters-use-my-location {
  color: #002c5e;
  font-weight: 500;
  margin-top: 0.875rem;
}

.imf-filters-use-my-location .icon {
  height: 1.375rem;
  margin-right: 0.625rem;
  width: 1.375rem;
}

.imf-filters-choice-category.open {
  border-bottom: 0;
  color: #333333;
}

.imf-filters-choice-category.open .icon {
  transform: rotate(180deg);
}

.imf-filters-choice-category {
  border-bottom: 0.0625rem solid #e6e6e6;
  color: #002c5e;
  display: block;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  padding: 1.5rem 0;
  position: relative;
  width: 100%;
  cursor: pointer;
}

.imf-filters-choice-category .icon {
  fill: #002c5e;
  height: 0.75rem;
  position: absolute;
  right: 0;
  top: 1.5rem;
  width: 0.75rem;
}

.imf-filters-choice-category.img-fuel-list {
  padding-bottom: 0.75rem;
}

.imf-filters-choice-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.imf-filters-choice-list-item {
  margin: 0;
  padding: 0.625rem 0;
}

.imf-filters-choice-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.imf-filters-choice-label {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
}

.imf-filters-choice-text {
  color: #666666;
}

.imf-filters-choice-fuel-icon svg {
  width: auto;
  height: 1.25rem;
  color: #000000;
}

.imf-filters-choice-fuel-icon .hyundaiBlue {
  fill: #000000 !important;
}

.imf-dropdown-open {
  box-shadow: 0px 20px 9px -2px #bababa;
}

.imf-dropdown-open .dropdown-panel {
  display: block;
}

.imf-filters-zip-input {
  margin-top: 0.3125rem;
}

.imf-filters-msrp-content {
  margin-bottom: 1.0625rem;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .imf-filters-msrp-content {
    margin-bottom: 0;
  }
}

.imf-filters-msrp-content-price {
  align-items: center;
  color: #666666;
  display: flex;
  flex-grow: 1;
  font-size: 0.875rem;
  font-weight: 700;
  white-space: nowrap;
}

.imf-filters-msrp-value-separator {
  color: #333333;
  display: inline-block;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  margin: 0 1.1875rem;
}

.imf-filters-msrp-input {
  background-color: #ffffff;
  border: 0.0625rem solid #e6e6e6;
  box-sizing: border-box;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  height: 2.625rem;
  padding: 0.78125rem 0.625rem;
  width: 5.0625rem;
}

.imf-filters-msrp-slider {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 0.25rem;
  background: transparent;
  outline: none;
  transition: opacity .2s;
}

.imf-filters-msrp-slider:focus::-webkit-slider-thumb {
  outline: auto 5px -webkit-focus-ring-color;
}

.imf-filters-msrp-slider:focus::-moz-range-thumb {
  outline: auto 2px Highlight;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .imf-filters-msrp-slider {
    height: auto;
    min-height: 4.6875rem;
    position: relative;
    top: -0.625rem;
  }
}

.imf-filters-msrp-slider::-ms-track {
  background: transparent;
  border-color: transparent;
  border-width: 0.25rem 0;
  color: transparent;
  height: 0.25rem;
}

.imf-filters-msrp-slider::-ms-fill-lower {
  background: #00aad2;
}

.imf-filters-msrp-slider::-ms-fill-upper {
  background: #bababa;
}

.imf-filters-msrp-slider::-ms-thumb {
  border: 0.3125rem solid #00aad2;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 50%;
  background: #ffffff;
}

.imf-filters-msrp-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 5px solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.imf-filters-msrp-slider::-moz-range-thumb {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 5px solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.imf-filters-msrp-slider-container {
  position: relative;
  height: 1.5rem;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .imf-filters-msrp-slider-container {
    height: 2.5rem;
  }
}

.imf-filters-msrp-slider-cover {
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.imf-filters-msrp-slider-cover .imf-filters-msrp-slider-track-scroll {
  display: inline-block;
  height: 4px;
  background-color: #00aad2;
}

.imf-filters-msrp-slider-cover .imf-filters-msrp-slider-track-reverse {
  display: inline-block;
  height: 4px;
  background-color: #bababa;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .imf-filters-msrp-slider-cover {
    display: none;
  }
}

.imf-filters-location-search .dropdown-panel {
  display: block;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .imf-filters-mobile-header {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1024px) {
  .imf-filters-expand,
  .imf-filters-mobile-header {
    display: none;
  }
  body.chat-opened .imf-filters-expand {
    margin-left: 2rem;
    margin-right: 2rem;
    display: flex;
  }
  body.chat-opened .imf-filters-mobile-header {
    width: calc(100vw - 375px);
    display: flex;
  }
  .imf-filters-location-search {
    display: block;
  }
  .imf-filters-location-search .dropdown {
    margin: 0;
  }
  .imf-filters-choices {
    display: block;
    padding: 0;
    position: static;
  }
  body.chat-opened .imf-filters-choices {
    display: none;
    padding-top: 6.25rem;
    position: fixed;
  }
  .imf-filters-choice {
    padding: 0;
  }
  body.chat-opened .imf-filters-choice {
    padding: 0 1rem;
  }
  .imf-filters-msrp-slider-container {
    height: 1.5rem;
  }
}

@media all and (min-width: 1024px) and (-ms-high-contrast: none), (min-width: 1024px) and (-ms-high-contrast: active) {
  .imf-filters-msrp-slider-container {
    height: 2.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .imf-filters-expand,
  body.chat-opened .imf-filters-mobile-header {
    display: none;
  }
  body.chat-opened .imf-filters-choice {
    padding: 0;
  }
  body.chat-opened .imf-filters-choices {
    display: block;
    padding: 0;
    position: static;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .imf-filters {
    width: 100%;
    padding: 0;
    background-color: #ffffff;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .imf-filters {
    width: 16.375rem;
    padding: 4rem 0 0 2.625rem;
    background-color: #f3f3f3;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .imf-filters {
    width: 19.3125rem;
    padding: 4rem 0 0 4.5rem;
  }
}

.imf-filter-results {
  flex: 1;
  padding: 1rem;
  position: relative;
}

@media (min-width: 640px) {
  .imf-filter-results {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  .imf-filter-results {
    padding: 4rem 2.625rem 3.75rem 0;
  }
}

@media (min-width: 1440px) {
  .imf-filter-results {
    padding: 4rem 4.5rem 3.75rem 0;
  }
}

.imf-categories {
  width: 100%;
  position: relative;
}

.imf-no-animate .imf-category-model-unavailable-background,
.imf-no-animate .imf-category-model-price-value,
.imf-no-animate .imf-category-model-price-starting-at,
.imf-no-animate .imf-category-model-price-unavailable,
.imf-no-animate .imf-category-model-image,
.imf-no-animate .imf-category-model-years::after,
.imf-no-animate .imf-category-model-year-value {
  transition: none !important;
}

.imf-category {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 4rem;
}

.imf-smartchat-container {
  display: flex;
  align-items: center;
  line-height: 2.4375rem;
  margin-bottom: 2rem;
}

.imf-smartchat-container .smartchat-contextual-cta-btn-multi-browse {
  margin: 0 0 0 20px;
}

.imf-category-title {
  display: flex;
  flex-direction: column;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  color: #333333;
  line-height: 2.25rem;
}

.imf-category-title:after {
  content: '';
  width: 2.25rem;
  height: 0.125rem;
  background-color: #333333;
  margin-top: 0.25rem;
}

.imf-category-models {
  display: flex;
  flex-wrap: wrap;
  gap: 0.875rem;
}

@media (min-width: 640px) {
  .imf-category-models {
    gap: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .imf-category-models {
    gap: 1.25rem;
  }
}

.imf-category-model {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border: 0.125rem solid #f3f3f3;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

@media (min-width: 640px) {
  .imf-category-model {
    width: calc(calc(100% / 3) - calc(24px / 3));
  }
}

@media (min-width: 1024px) {
  .imf-category-model {
    width: calc(calc(100% / 3) - calc(40px / 3));
  }
}

@media (min-width: 1440px) {
  .imf-category-model {
    width: calc(calc(100% / 4) - calc(60px / 4));
  }
}

.imf-category-model:hover, .imf-category-model:focus {
  border: 0.125rem solid #00aad2;
}

.imf-category-model-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.imf-category-model-container {
  position: relative;
}

.imf-category-model-unavailable-background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 26.71%);
  opacity: 0;
  z-index: 1;
  transition: opacity 0.5s linear;
}

.imf-unavailable .imf-category-model-unavailable-background {
  opacity: 1;
}

.imf-all-unavailable.imf-category-model {
  cursor: default;
}

.imf-all-unavailable.imf-category-model:hover, .imf-all-unavailable.imf-category-model:focus {
  border: 0.125rem solid #f3f3f3;
}

.imf-category-model-name-container {
  position: relative;
  margin: 2rem 1.25rem 0 1.75rem;
  z-index: 2;
}

@media (min-width: 640px) {
  .imf-category-model-name-container {
    margin: 2rem 1.25rem 0 1.25rem;
  }
}

@media (min-width: 1024px) {
  .imf-category-model-name-container {
    margin: 2rem 1.25rem 0 1.5rem;
  }
}

@media (min-width: 1440px) {
  .imf-category-model-name-container {
    margin: 2rem 1.25rem 0 1.75rem;
  }
}

.imf-category-model-name-inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}

.imf-category-model-name {
  position: relative;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #002c5e;
  line-height: 1.625rem;
}

@media (min-width: 640px) {
  .imf-category-model-name {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}

.imf-fuel-tag-container {
  position: relative;
}

.imf-category-model-fuel-tag {
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.imf-category-model-fuel-tag.imf-active {
  position: relative;
  height: 100%;
}

.imf-fuel-type-tag {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #888888;
  line-height: 1.25rem;
}

.imf-category-model:not(.imf-has-unavailable) .imf-fuel-type-tag {
  opacity: 0;
  transition: opacity 0.3s linear;
}

.imf-category-model:not(.imf-has-unavailable) .imf-active .imf-fuel-type-tag {
  transition-delay: 0.66s;
  opacity: 1;
}

.imf-has-unavailable .imf-fuel-type-tag {
  opacity: 0;
  transition: opacity 0.3s linear;
}

.imf-has-unavailable .imf-active .imf-fuel-type-tag {
  transition-delay: 0.66s;
  opacity: 1;
}

.imf-category-model-fuel-icon {
  height: 1.25rem;
  flex-shrink: 0;
}

.imf-category-model-fuel-icon svg {
  width: auto;
  height: 1.25rem;
  color: #000000;
}

.imf-category-model-fuel-icon .hyundaiBlue {
  fill: #000000 !important;
}

.imf-category-model-price-container {
  position: relative;
  padding-top: 1rem;
  z-index: 2;
}

@media (min-width: 640px) {
  .imf-category-model-price-container {
    padding-top: 0.625rem;
  }
}

.imf-category-model-price-inner {
  position: relative;
  margin: 0 1.25rem 0 1.75rem;
}

@media (min-width: 640px) {
  .imf-category-model-price-inner {
    margin: 0 1.25rem 0 1.25rem;
  }
}

@media (min-width: 1024px) {
  .imf-category-model-price-inner {
    margin: 0 1.25rem 0 1.5rem;
  }
}

@media (min-width: 1440px) {
  .imf-category-model-price-inner {
    margin: 0 1.25rem 0 1.75rem;
  }
}

.imf-category-model-price {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  z-index: 3;
}

.imf-category-model-price.imf-active {
  position: relative;
  z-index: 4;
}

.imf-category-model-price-value {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
}

@media (min-width: 640px) {
  .imf-category-model-price-value {
    font-size: 1.25rem;
    line-height: 1.4375rem;
  }
}

.imf-category-model-price-starting-at {
  font-size: 0.875rem;
  font-weight: 700;
  color: #888888;
  line-height: 1rem;
}

@media (min-width: 640px) {
  .imf-category-model-price-starting-at {
    font-size: 0.75rem;
  }
}

.imf-category-model-price-unavailable {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
}

.imf-category-model:not(.imf-has-unavailable) .imf-category-model-price-value {
  opacity: 0;
  transition: opacity 0.3s linear;
}

.imf-category-model:not(.imf-has-unavailable) .imf-category-model-price-starting-at {
  opacity: 0;
}

.imf-category-model:not(.imf-has-unavailable) .imf-active .imf-category-model-price-value {
  transition-delay: 0.66s;
  opacity: 1;
}

.imf-category-model:not(.imf-has-unavailable) .imf-active .imf-category-model-price-starting-at {
  opacity: 1;
}

.imf-has-unavailable .imf-category-model-price-value,
.imf-has-unavailable .imf-category-model-price-starting-at,
.imf-has-unavailable .imf-category-model-price-unavailable {
  opacity: 0;
  transition: opacity 0.3s linear;
}

.imf-has-unavailable .imf-active .imf-category-model-price-value,
.imf-has-unavailable .imf-active .imf-category-model-price-starting-at,
.imf-has-unavailable .imf-active .imf-category-model-price-unavailable {
  transition-delay: 0.66s;
  opacity: 1;
}

.imf-category-model-image-container {
  position: relative;
  z-index: 2;
}

.imf-category-model-image-inner {
  position: relative;
  display: flex;
  overflow: hidden;
  padding-top: 56.47%;
}

.imf-category-model-image {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}

.imf-has-unavailable .imf-category-model-image {
  filter: blur(0) brightness(100%);
  transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 1;
}

.imf-has-unavailable .imf-category-model-image img {
  opacity: 0;
}

.imf-has-unavailable .imf-category-model-image.imf-active {
  z-index: 2;
}

.imf-has-unavailable .imf-category-model-image.imf-active img {
  opacity: 1;
}

.imf-has-unavailable.imf-unavailable .imf-category-model-image {
  filter: blur(3px) brightness(80%);
}

.imf-category-model:not(.imf-has-unavailable) .imf-category-model-image {
  transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  left: 0;
}

.imf-category-model:not(.imf-has-unavailable) .imf-category-model-image:nth-child(2) {
  left: 100%;
}

.imf-category-model.imf-previous-year:not(.imf-has-unavailable) .imf-category-model-image {
  left: -100%;
}

.imf-category-model.imf-previous-year:not(.imf-has-unavailable) .imf-category-model-image:nth-child(2) {
  left: 0;
}

.imf-category-model-disclaimer-container {
  position: relative;
  z-index: 2;
}

.imf-category-model-disclaimer-slide {
  width: 100%;
  position: relative;
  display: flex;
}

.imf-category-model-disclaimer-inner {
  width: 100%;
  flex-shrink: 0;
  padding: 0 1.75rem;
}

@media (min-width: 640px) {
  .imf-category-model-disclaimer-inner {
    padding: 0 1.25rem;
  }
}

@media (min-width: 1024px) {
  .imf-category-model-disclaimer-inner {
    padding: 0 1.5rem;
  }
}

@media (min-width: 1440px) {
  .imf-category-model-disclaimer-inner {
    padding: 0 1.75rem;
  }
}

.imf-previous-year .imf-category-model-disclaimer-slide {
  left: -100%;
}

.imf-category-model-disclaimer {
  display: flex;
  font-size: 0.75rem;
  font-weight: 700;
  color: #888888;
  line-height: 1rem;
  opacity: 0;
  transition: opacity 0.3s linear;
}

.imf-category-model-disclaimer.imf-active {
  transition-delay: 0.66s;
  opacity: 1;
}

.imf-category-model-years-container {
  position: relative;
  z-index: 2;
}

.imf-category-model-years-inner {
  position: relative;
  padding: 0 1.75rem 1.375rem 1.1875rem;
}

@media (min-width: 640px) {
  .imf-category-model-years-inner {
    padding: 0 1.25rem 1.375rem 0.6875rem;
  }
}

@media (min-width: 1024px) {
  .imf-category-model-years-inner {
    padding: 0 1.25rem 1.375rem 0.9375rem;
  }
}

@media (min-width: 1440px) {
  .imf-category-model-years-inner {
    padding: 0 1.25rem 1.375rem 1.1875rem;
  }
}

.imf-category-model-years {
  position: relative;
}

.imf-category-model-years::after {
  content: '';
  width: 2.6875rem;
  height: 0.125rem;
  position: absolute;
  bottom: 0.625rem;
  left: 0.1875rem;
  background-color: #00aad2;
  transition: all 0.5s cubic-bezier(0.8, 0, 0.2, 1);
}

@media (min-width: 640px) {
  .imf-category-model-years::after {
    width: 1.9375rem;
    left: 0.5rem;
  }
}

.imf-category-model-year {
  width: 3rem;
  height: 3rem;
  cursor: pointer;
}

.imf-all-unavailable .imf-category-model-years::after {
  background-color: unset;
}

.imf-all-unavailable .imf-category-model-year {
  pointer-events: none;
  cursor: default;
}

.imf-all-unavailable .imf-active .imf-category-model-year-value {
  transform: scale(0.88);
}

.imf-category-model-year-value {
  font-size: 1.125rem;
  font-weight: 500;
  color: #333333;
  line-height: 1rem;
  transform: scale(0.88);
  transition: transform 0.23s linear;
  transform-origin: top left;
}

@media (min-width: 640px) {
  .imf-category-model-year-value {
    font-size: 0.875rem;
    font-weight: 700;
  }
}

.imf-active .imf-category-model-year-value {
  transform: scale(1);
}

.imf-category-model.imf-previous-year .imf-category-model-years::after {
  left: 3.125rem;
}

@media (min-width: 640px) {
  .imf-category-model.imf-previous-year .imf-category-model-years::after {
    left: 3.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .imf-category-models {
    gap: 0.875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .imf-category-models {
    gap: 0.75rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .imf-category-models {
    gap: 1.25rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .imf-category-model {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .imf-category-model {
    width: calc(calc(100% / 3) - calc(24px / 3));
  }
}

@media (min-width: 1440px) {
  body.chat-opened .imf-category-model {
    width: calc(calc(100% / 3) - calc(40px / 3));
  }
}

@media (min-width: 1825px) {
  body.chat-opened .imf-category-model {
    width: calc(calc(100% / 4) - calc(60px / 4));
  }
}

@media (min-width: 1024px) {
  body.chat-opened .imf-filter-results {
    padding: 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .imf-filter-results {
    padding: 4rem 2.625rem 3.75rem 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .imf-filter-results {
    padding: 4rem 4.5rem 3.75rem 0;
  }
}

.imf-vehicle-no-results-bar {
  margin: 0 auto 1rem;
  width: 100%;
}

@media (min-width: 640px) {
  .imf-vehicle-no-results-bar {
    margin: 2rem 0 0;
  }
}

@media (min-width: 1440px) {
  .imf-vehicle-no-results-bar {
    margin: 2.625rem 0 0;
  }
}

.imf-vehicle-no-results-bar.full-width-error {
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .imf-vehicle-no-results-bar.full-width-error {
    margin-top: 1.5625rem;
    margin-bottom: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .imf-vehicle-no-results-bar.full-width-error {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .imf-vehicle-no-results-bar.full-width-error {
    padding: 0 4.5rem;
  }
}

.imf-vehicle-no-results {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-width: 33rem;
  padding: 2.5rem;
  background-color: #ffffff;
}

.imf-no-results-header {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: #000000;
  line-height: 1.875rem;
}

.imf-no-results-icon {
  width: 3.5rem;
  height: 3.5rem;
}

.imf-no-results-icon svg {
  width: 100%;
  height: 100%;
}

.imf-no-results-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #000000;
  line-height: 1.375rem;
}

.inventory-models-filter {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 25rem;
  max-width: 1440px;
  margin: 0 auto;
  background-color: #f3f3f3;
}

@media (min-width: 1024px) {
  .inventory-models-filter {
    flex-direction: row;
    gap: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .inventory-models-filter {
    gap: 5.625rem;
  }
}

.inventory-models-filter.inventory-models-filter-full-height {
  min-height: auto;
}

@media (min-width: 640px) {
  .inventory-models-filter.inventory-models-filter-full-height {
    min-height: 100vh;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .inventory-models-filter {
    flex-direction: column;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .inventory-models-filter {
    gap: 1.25rem;
    flex-direction: row;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .inventory-models-filter {
    gap: 5.625rem;
    flex-direction: row;
  }
}

.drive-app-container {
  padding: 2.5rem 1rem 3.125rem 1rem;
}

@media (min-width: 640px) {
  .drive-app-container {
    padding: 2.5rem 0 4.5rem 3rem;
  }
}

@media (min-width: 1024px) {
  .drive-app-container {
    padding: 3.75rem 4.5rem 4.0625rem 4.5rem;
  }
}

@media (min-width: 1440px) {
  .drive-app-container {
    max-width: 64.6875rem;
    margin: 0 auto;
    padding: 4.25rem 0 5rem 0;
  }
}

.drive-app-content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

@media (min-width: 640px) {
  .drive-app-content {
    padding-top: 1.5625rem;
  }
}

.drive-app-info {
  width: 100%;
}

@media (min-width: 640px) {
  .drive-app-info {
    max-width: 48%;
    flex-basis: 48%;
    padding-right: 2.75rem;
  }
}

@media (min-width: 1024px) {
  .drive-app-info {
    padding-right: 12%;
    max-width: 40%;
    flex-basis: 40%;
  }
}

.drive-app-image-contain {
  width: 100%;
}

@media (min-width: 640px) {
  .drive-app-image-contain {
    max-width: 52%;
    flex-basis: 52%;
    position: relative;
    overflow: hidden;
    height: 19.0625rem;
  }
}

@media (min-width: 1024px) {
  .drive-app-image-contain {
    position: static;
    max-width: 60%;
    flex-basis: 60%;
  }
}

.drive-app-image {
  display: block;
  width: 100%;
}

@media (min-width: 640px) {
  .drive-app-image {
    display: block;
    position: absolute;
    max-width: none;
    left: 0;
    width: auto;
  }
}

@media (min-width: 1024px) {
  .drive-app-image {
    position: static;
    max-width: 100%;
    height: auto;
  }
}

.drive-app-location-pin {
  display: flex;
  padding-bottom: 1.25rem;
}

.drive-app-head {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  text-align: center;
}

.drive-app-descp {
  font-size: 1rem;
  line-height: 1.375rem;
  color: #666666;
}

.drive-app-store-container {
  display: flex;
  padding-bottom: 1.625rem;
}

.drive-app-store-btn {
  text-decoration: none;
  display: inline-block;
  margin-right: 0.875rem;
}

@media (min-width: 640px) {
  .drive-app-store-btn {
    margin-right: 0.375rem;
  }
}

.drive-app-store-btn:last-child {
  margin-right: 0;
}

.drive-app-change-zip-btn {
  color: #002c5e;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  text-align: center;
  margin-left: 1rem;
}

@media (min-width: 640px) {
  .drive-app-change-zip-btn {
    margin-left: 0.625rem;
  }
}

.drive-app-txt {
  padding-bottom: 1.5rem;
}

.drive-app-txt:first-child {
  padding-bottom: 1.875rem;
}

.drive-app-seprtr {
  font-size: 1rem;
  line-height: 1rem;
  color: #666666;
}

.drive-app-schedule-link {
  font-weight: 700;
  margin-left: 0.9375rem;
  color: #002c5e;
  font-size: 0.875rem;
  text-decoration: none;
  line-height: 1.25rem;
}

.drive-app-schedule-link .icon {
  margin-left: 0.5rem;
  display: inline;
  margin-top: 0.25rem;
  width: 0.625rem;
  height: 0.625rem;
}

.drive-app-action-box {
  display: flex;
  padding-bottom: 2.1875rem;
}

@media (min-width: 640px) {
  .drive-app-action-box {
    padding: 0;
  }
}

.drive-app-hide {
  display: none;
}

.uf {
  padding: 2.5rem 1rem 4rem;
}

@media (min-width: 1024px) {
  .uf {
    padding: 4rem 10.75rem;
  }
}

.uf-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 2.25rem;
  text-align: center;
  padding-bottom: 2.25rem;
}

@media (min-width: 1024px) {
  .uf-title {
    font-size: 2.5rem;
    line-height: 2.625rem;
    padding-bottom: 2rem;
  }
}

.uf-rte-form-text p, .uf-rte-additional-form-text p {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  padding-bottom: 1.5625rem;
}

.uf-submit-btn {
  margin-bottom: 2.1875rem;
}

.uf-links-section {
  padding-top: 0.9375rem;
}

.uf-links-section a {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding-top: 0.5rem;
  text-decoration: none;
  display: inline-flex;
}

.uf-links-section a .icon {
  margin-left: 0.5rem;
  font-size: 0.625rem;
  display: inline;
}

.uf-links-section a .uf-links-stick {
  white-space: nowrap;
  display: inline;
}

.uf-links-head {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.uf-hide {
  display: none;
}

.ivf-active-filters {
  align-items: center;
  display: none;
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  .ivf-active-filters-inner {
    margin-bottom: 1.5rem;
  }
}

.ivf-active-filter,
.ivf-clear-active-filters {
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0 0.5rem 0.5rem 0;
}

.ivf-active-filter .icon,
.ivf-clear-active-filters .icon {
  margin-left: 0.3125rem;
}

.ivf-active-filter {
  align-items: center;
  border: 0.0625rem solid #00aad2;
  color: #00aad2;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  padding: 0.5rem 1rem 0.375rem;
  text-decoration: none;
}

.ivf-active-filter .icon {
  color: #002c5e;
  height: 0.625rem;
  width: 0.625rem;
}

.ivf-clear-active-filters {
  color: #002c5e;
}

.ivf-clear-active-filters .icon {
  height: 0.875rem;
  width: 0.875rem;
}

@media (min-width: 1024px) {
  .ivf-active-filters {
    display: flex;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ivf-active-filters {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ivf-active-filters {
    display: flex;
  }
}

.ivf-filters {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 1023px) {
  .ivf-filters {
    border-bottom: 0.0625rem solid #e6e6e6;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .ivf-filters {
    border-bottom: 0.0625rem solid #e6e6e6;
  }
}

.ivf-filters-expand {
  border: 0.0625rem solid #888888;
  color: #888888;
  flex: 1 1 auto;
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0 1rem 1.5625rem;
  padding: 0.5rem 0;
}

.ivf-filters-expand.active {
  border-color: #00aad2;
  color: #00aad2;
}

.xf-web-container-root .ivf-filters-expand {
  margin: 1.5625rem 1rem;
}

.ivf-filters-choices {
  background-color: #f3f3f3;
  bottom: 0;
  height: 100%;
  left: 0;
  display: none;
  padding-top: 100px;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
}

@media (max-width: 1023px) {
  .ivf-filters-choices {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1119;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .ivf-filters-choices {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1119;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .ivf-filters-choices {
    width: calc(100vw - 375px);
  }
}

.ivf-dropdown-open {
  box-shadow: 0px 20px 9px -2px #bababa;
}

.ivf-dropdown-open .dropdown-panel {
  display: block;
}

.ivf-filters-mobile-open {
  display: block;
}

.ivf-filters-mobile-header {
  align-items: center;
  background-color: #ffffff;
  box-shadow: 0 0.3125rem 0.9375rem 0 rgba(186, 186, 186, 0.25);
  display: flex;
  left: 0;
  justify-content: space-between;
  margin-bottom: 0;
  position: fixed;
  right: 0;
  top: 0;
  padding: 0.5rem 1rem;
  z-index: 4;
}

.ivf-filters-clear-filters {
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.ivf-filters-clear-filters .icon {
  height: 0.75rem;
  margin-left: 0.375rem;
  width: 0.75rem;
}

.ivf-filters-mobiler-header-done {
  align-items: center;
  background-color: #002c5e;
  color: #ffffff;
  display: flex;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  height: 2.75rem;
  justify-content: center;
  width: 5.75rem;
}

.ivf-filters-choice {
  padding: 0 1rem;
}

.ivf-filters-choice-hidden {
  display: none;
}

.ivf-filters-location {
  border-bottom: 0.0625rem solid #e6e6e6;
  padding-bottom: 1.5rem;
}

.ivf-filters-location-search {
  color: #666666;
  display: flex;
  font-weight: 500;
}

.ivf-filters-location-search .dropdown {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0.25rem;
}

.ivf-filters-location-search .dropdown-panel {
  box-shadow: 0 0.1875rem 0.5625rem 0 rgba(186, 186, 186, 0.3);
}

.ivf-filters-location-text {
  margin-right: 0.25rem;
}

.ivf-filters-location-dropdown {
  background-color: transparent;
  color: #002c5e;
  font-weight: 700;
  height: auto;
  padding: 0;
  width: auto;
}

.ivf-filters-location-dropdown .ivf-filters-location-pin .icon {
  height: 1rem;
  margin: 0 0.125rem;
}

.ivf-filters-location-dropdown .icon {
  height: 0.625rem;
  margin-left: 0.3125rem;
  width: 0.625rem;
}

.ivf-filters-use-my-location {
  color: #002c5e;
  font-weight: 500;
  margin-top: 0.875rem;
}

.ivf-filters-use-my-location .icon {
  height: 1.375rem;
  margin-right: 0.625rem;
  width: 1.375rem;
}

.ivf-filters-choice-options {
  border-bottom: 0.0625rem solid #e6e6e6;
}

.ivf-filters-choice-header {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #333333;
}

.ivf-filters-choice-category.open {
  border-bottom: 0;
  color: #333333;
}

.ivf-filters-choice-category.open .icon {
  transform: rotate(180deg);
}

.ivf-filters-choice-category {
  border-bottom: 0.0625rem solid #e6e6e6;
  color: #002c5e;
  display: block;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  padding: 1.5rem 0;
  position: relative;
  width: 100%;
  cursor: pointer;
}

.ivf-filters-choice-category .icon {
  fill: #002c5e;
  height: 0.75rem;
  position: absolute;
  right: 0;
  top: 1.5rem;
  width: 0.75rem;
}

.ivf-filters-choice-list,
.ivf-filters-choice-list-dealer {
  list-style: none;
  margin: 0;
  padding: 0.9375rem 0 0 0;
}

.ivf-filters-choice-list:last-child,
.ivf-filters-choice-list-dealer:last-child {
  border-bottom: 0;
}

.ivf-filters-choice-list:first-child,
.ivf-filters-choice-list-dealer:first-child {
  padding-top: 0;
}

.ivf-filters-choice-list:first-child :first-child,
.ivf-filters-choice-list-dealer:first-child :first-child {
  padding-top: 0;
}

.ivf-filters-choice-list.ivf-no-top-padding,
.ivf-filters-choice-list-dealer.ivf-no-top-padding {
  padding-top: 0;
  padding-bottom: 0.875rem;
}

.ivf-filters-choice-list-dealer {
  max-height: 19.375rem;
  overflow-y: auto;
  margin-bottom: 0.875rem;
}

.ivf-filters-choice-list-dealer::-webkit-scrollbar {
  width: 0.25rem;
}

.ivf-filters-choice-list-dealer::-webkit-scrollbar-track {
  background: #e6e6e6;
}

.ivf-filters-choice-list-dealer::-webkit-scrollbar-thumb {
  background: #888888;
}

.ivf-filters-choice-list-dealer::-webkit-scrollbar-thumb:hover {
  background: #888888;
}

.ivf-filters-choice-list-dealer .ivf-filters-choice-content {
  display: none !important;
}

.ivf-expand-dealer-list {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #002c5e;
  line-height: 1rem;
  padding: 0.625rem 0;
  margin-bottom: 0.875rem;
  cursor: pointer;
}

.ivf-filters-choice-separator {
  border-bottom: 0.0625rem solid #e6e6e6;
}

.ivf-filters-choice-list-item {
  margin: 0;
  padding: 0.625rem 0;
}

.ivf-filters-choice-list-item.ivf-dealer-no-padding {
  padding: 0;
}

.ivf-filters-choice-content {
  display: flex;
  line-height: 1.1;
  width: 100%;
}

.ivf-filters-choice-content.ivf-show-dealers {
  display: flex !important;
  padding: 0.625rem 0 !important;
}

.ivf-filters-choice-label {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
}

.ivf-filters-choice-text-container .tooltip-trigger {
  position: relative;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ivf-filters-choice-text-container .tooltip-trigger .icon-info {
    bottom: 0;
    top: -0.125rem;
    left: 0.125rem;
  }
}

.ivf-filters-choice-text {
  font-size: 0.875rem;
  font-weight: 700;
  color: #666666;
  line-height: 1rem;
  margin-right: 0.5rem;
}

.ivf-filters-choice-text span {
  display: inline-flex;
  color: #888888;
  line-height: 1.25rem;
}

.ivf-filters-choice-text .icon-star-active {
  width: 1rem;
  height: 1rem;
  color: #00aad2;
  margin-left: 0.125rem;
  transform: none;
}

.ivf-filters-choice-swatches-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 0.5rem -0.5rem;
  padding: 0;
}

.ivf-filters-choice-swatch {
  color: #888888;
  flex-basis: 33.3333333333%;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  max-width: 33.3333333333%;
  padding-left: 0.5rem;
}

.ivf-filters-choice-swatch.active .ivf-filters-choice-swatch-tile {
  border: 0.25rem solid #002c5e;
}

.ivf-filters-choice-swatch.active .ivf-filters-choice-swatch-tile-background {
  border: 0.125rem solid #ffffff;
}

.ivf-filters-choice-swatch.extCap {
  text-transform: capitalize;
}

.ivf-filters-choice-swatch-tile {
  border: 0.0625rem solid #cccbc9;
  box-shadow: 0.1875rem 0.1875rem 0.75rem rgba(0, 0, 0, 0.15);
  display: flex;
  height: 1.5rem;
  margin-bottom: 0.25rem;
}

.ivf-filters-choice-swatch-tile-background {
  background-size: cover;
  cursor: pointer;
  width: 100%;
}

.ivf-filters-choice-clear-all {
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}

.ivf-filters-msrp-content {
  margin-bottom: 1.0625rem;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ivf-filters-msrp-content {
    margin-bottom: 0;
  }
}

.ivf-filters-msrp-content-price {
  align-items: center;
  color: #666666;
  display: flex;
  flex-grow: 1;
  font-size: 0.875rem;
  font-weight: 700;
  white-space: nowrap;
}

.ivf-filters-msrp-value-separator {
  color: #333333;
  display: inline-block;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  margin: 0 1.1875rem;
}

.ivf-filters-msrp-input {
  background-color: #ffffff;
  border: 0.0625rem solid #e6e6e6;
  box-sizing: border-box;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  height: 2.625rem;
  padding: 0.78125rem 0.625rem;
  width: 5.0625rem;
}

.ivf-filters-msrp-slider {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 0.25rem;
  background: transparent;
  outline: none;
  transition: opacity .2s;
}

.ivf-filters-msrp-slider:focus::-webkit-slider-thumb {
  outline: auto 5px -webkit-focus-ring-color;
}

.ivf-filters-msrp-slider:focus::-moz-range-thumb {
  outline: auto 2px Highlight;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ivf-filters-msrp-slider {
    height: auto;
    min-height: 4.6875rem;
    position: relative;
    top: -0.625rem;
  }
}

.ivf-filters-msrp-slider::-ms-track {
  background: transparent;
  border-color: transparent;
  border-width: 0.25rem 0;
  color: transparent;
  height: 0.25rem;
}

.ivf-filters-msrp-slider::-ms-fill-lower {
  background: #00aad2;
}

.ivf-filters-msrp-slider::-ms-fill-upper {
  background: #bababa;
}

.ivf-filters-msrp-slider::-ms-thumb {
  border: 0.3125rem solid #00aad2;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 50%;
  background: #ffffff;
}

.ivf-filters-msrp-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 5px solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.ivf-filters-msrp-slider::-moz-range-thumb {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 5px solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.ivf-filters-msrp-slider-container {
  position: relative;
  height: 1.5rem;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ivf-filters-msrp-slider-container {
    height: 2.5rem;
  }
}

.ivf-filters-msrp-slider-cover {
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.ivf-filters-msrp-slider-cover .ivf-filters-msrp-slider-track-scroll {
  display: inline-block;
  height: 4px;
  background-color: #00aad2;
}

.ivf-filters-msrp-slider-cover .ivf-filters-msrp-slider-track-reverse {
  display: inline-block;
  height: 4px;
  background-color: #bababa;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ivf-filters-msrp-slider-cover {
    display: none;
  }
}

.ivf-filters-location-search .dropdown-panel {
  display: block;
}

.ivf-filters-choice-faux-selection .ivf-filters-choice-label {
  cursor: default;
}

.ivf-filters-choice-faux-selection .form-checkbox-box {
  border-color: #00aad2;
  cursor: default;
}

.ivf-filters-choice-faux-selection .form-checkbox-box:after {
  display: block;
}

.ivf-filters-choice-faux-selection .ivf-filters-choice-text {
  color: #ddd;
}

.ivf-toggle {
  display: flex;
  padding: 1.5rem 0;
  border-bottom: 0.0625rem solid #e6e6e6;
}

.ivf-toggle-slider {
  position: relative;
  display: inline-flex;
  align-items: flex-end;
}

.ivf-slider {
  opacity: 0;
  width: 0;
  height: 0;
}

.ivf-custom-slider {
  display: flex;
  align-items: center;
}

.ivf-custom-slider-button {
  flex-shrink: 0;
  position: relative;
  display: inline-block;
  width: 2.8125rem;
  height: 1.5rem;
  background-color: #bababa;
  border: 0.125rem solid #bababa;
  border-radius: 1.125rem;
  margin-right: 0.75rem;
  cursor: pointer;
}

.ivf-custom-slider-button:before {
  content: '';
  position: absolute;
  width: 1rem;
  height: 1rem;
  bottom: 0.125rem;
  left: 0.0625rem;
  background-color: #ffffff;
  border-radius: 50%;
}

.ivf-slider:checked ~ .ivf-custom-slider .ivf-custom-slider-button {
  border: 0.125rem solid #00aad2;
  background-color: #00aad2;
}

.ivf-slider:checked ~ .ivf-custom-slider .ivf-custom-slider-button:before {
  background-color: #ffffff;
  transform: translateX(1.375rem);
}

.ivf-custom-slider-label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: #000000;
}

.ivf-smartchat-container {
  display: flex;
  margin: 0.625rem 0 1.25rem;
}

.ivf-smartchat-container button {
  margin: 0;
}

@media (min-width: 640px) {
  .ivf-filters-expand {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .ivf-filters-choice-swatch {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .ivf-filters-mobile-header {
    width: calc(100vw - 375px);
  }
  body.chat-opened .ivf-filters-expand {
    margin: 0 1rem 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .ivf-filters {
    width: 13.75rem;
    margin: 4rem 0 2rem 2.625rem;
    background-color: #f3f3f3;
  }
  body.chat-opened .ivf-filters {
    width: 100%;
    margin: 0;
    background-color: #ffffff;
  }
  .ivf-filters-expand,
  .ivf-filters-mobile-header {
    display: none;
  }
  body.chat-opened .ivf-filters-expand {
    margin-left: 2rem;
    margin-right: 2rem;
    display: flex;
  }
  body.chat-opened .ivf-filters-mobile-header {
    display: flex;
    width: calc(100vw - 375px);
  }
  .ivf-filters-location-search {
    display: block;
  }
  .ivf-filters-location-search .dropdown {
    margin: 0;
  }
  .ivf-filters-choices {
    display: block;
    padding: 0;
    position: static;
  }
  body.chat-opened .ivf-filters-choices {
    display: none;
    padding-top: 6.25rem;
    position: fixed;
    width: calc(100vw - 375px);
  }
  .ivf-filters-choice {
    padding: 0;
  }
  body.chat-opened .ivf-filters-choice {
    padding: 0 1rem;
  }
  .ivf-filters-msrp-slider-container {
    height: 1.5rem;
  }
}

@media all and (min-width: 1024px) and (-ms-high-contrast: none), (min-width: 1024px) and (-ms-high-contrast: active) {
  .ivf-filters-msrp-slider-container {
    height: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .ivf-filters-choice-swatch {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media (min-width: 1440px) {
  .ivf-filters {
    width: 13.625rem;
    padding: 0;
    margin-left: 4.5rem;
  }
  body.chat-opened .ivf-filters {
    width: 13.75rem;
    margin: 4rem 0 2rem 2.625rem;
    background-color: #f3f3f3;
  }
  body.chat-opened .ivf-filters-expand, body.chat-opened .ivf-filters-mobile-header {
    display: none;
  }
  body.chat-opened .ivf-filters-choices {
    display: block !important;
    padding: 0;
    position: static;
  }
  body.chat-opened .ivf-filters-choice {
    padding: 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .ivf-filters {
    width: 13.625rem;
    padding: 0;
    margin-left: 4.5rem;
  }
}

.ivf-filters-modal-container {
  padding: 2.5rem 0;
  width: 28.75rem;
}

@media (max-width: 1023px) {
  .ivf-filters-modal-container {
    width: 100%;
  }
}

.ivf-filters-modal-label-and-price {
  display: flex;
  margin-bottom: 1rem;
}

.ivf-filters-modal-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  margin-right: 1.25rem;
}

.ivf-filters-modal-subtitle {
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.ivf-filters-modal-price {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  margin-left: auto;
}

.ivf-filters-modal-included-features {
  border-bottom: 0.0625rem solid #e6e6e6;
  list-style: none;
  margin: 0 0 2.25rem;
  padding: 0 0 2.25rem;
}

.ivf-filters-modal-included-feature {
  display: flex;
  margin-bottom: 0.75rem;
}

.ivf-filters-modal-included-feature:last-of-type {
  margin: 0;
}

.ivf-filters-modal-included-feature-checkmark {
  margin-right: 0.5rem;
  position: relative;
  width: 0.625rem;
}

.ivf-filters-modal-included-feature-checkmark:after {
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  content: '';
  height: 0.625rem;
  left: 50%;
  position: absolute;
  top: 0.5rem;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 0.3125rem;
}

.ivf-filters-modal-included-feature-description {
  color: #666666;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-right: 1.25rem;
}

.ivf-filters-modal-included-feature-indicator-text {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  margin-left: auto;
}

.ivf-filters-modal-description {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.ivf-filters-options-modal .ivf-filters-modal-description {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
}

.ivf-vehicle-no-results-bar {
  margin: 1rem auto;
  width: 100%;
}

.ivf-vehicle-no-results-bar.full-width-error {
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .ivf-vehicle-no-results-bar.full-width-error {
    margin-top: 1.5625rem;
    margin-bottom: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .ivf-vehicle-no-results-bar.full-width-error {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .ivf-vehicle-no-results-bar.full-width-error {
    padding: 0 4.5rem;
  }
}

.ivf-vehicle-no-results {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-width: 33rem;
  padding: 2.5rem;
  background-color: #ffffff;
}

.ivf-no-results-header {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: #000000;
  line-height: 1.875rem;
}

.ivf-no-results-icon {
  width: 3.5rem;
  height: 3.5rem;
}

.ivf-no-results-icon svg {
  width: 100%;
  height: 100%;
}

.ivf-no-results-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #000000;
  line-height: 1.375rem;
}

.ivf-pagination {
  display: flex;
  justify-content: center;
  margin: 0.875rem 0 3.375rem;
}

.ivf-pagination-link {
  color: #002c5e;
  margin: 0 0.3125rem;
  padding: 0.625rem 0.9375rem;
}

.ivf-pagination-link .icon {
  height: 0.875rem;
  width: 0.875rem;
}

@media (max-width: 420px) {
  .ivf-pagination-link {
    padding: 0.625rem 0.75rem;
  }
}

@media (max-width: 320px) {
  .ivf-pagination-link {
    padding: 0.5rem 0.5rem;
  }
}

.ivf-pagination-disabled,
.ivf-pagination-current,
.ivf-pagination-ellip {
  cursor: default;
}

.ivf-pagination-ellip {
  outline: none;
}

.ivf-pagination-disabled {
  color: #888888;
}

.ivf-pagination-current {
  color: #00aad2;
}

.ivf-pagination-extended-neighbor {
  display: none;
}

@media (min-width: 1024px) {
  .ivf-pagination-extended-neighbor {
    display: block;
  }
}

.ivf-search-results {
  flex: 1;
  padding: 0;
  position: relative;
  background-color: #f3f3f3;
  padding-bottom: 3.75rem;
}

@media (min-width: 1440px) {
  .ivf-search-results {
    padding-bottom: 5rem;
  }
}

.ivf-summary {
  display: flex;
  flex-direction: column;
  padding: 2rem 1rem;
  position: relative;
}

@media (min-width: 640px) {
  .ivf-summary {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  .ivf-summary {
    padding: 4rem 2.625rem 2rem 0;
  }
}

@media (min-width: 1440px) {
  .ivf-summary {
    padding: 4rem 4.5rem 2rem 0;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .ivf-summary {
    padding: 2rem 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ivf-summary {
    padding: 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ivf-summary {
    padding: 4rem 2.625rem 2rem 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .ivf-summary {
    padding: 4rem 4.5rem 2rem 0;
  }
}

.ivf-summary-matches {
  font-weight: 400;
  font-size: 1rem;
}

.ivf-summary-header {
  display: flex;
  gap: 0.25rem;
  margin-bottom: 1rem;
}

.ivf-summary-header .ivf-summary-header-year {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.125rem;
  color: #000000;
}

.ivf-summary-header .ivf-summary-header-model {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.125rem;
  color: #000000;
}

.ivf-summary-match-dropdown {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ivf-summary-matches-showing {
  display: none;
}

.ivf-summary-matches-quantities {
  font-weight: 700;
}

.ivf-summary-display-options {
  display: flex;
  flex-shrink: 0;
}

.ivf-summary-display-options .dropdown {
  position: static;
}

.ivf-summary-display-options .dropdown-panel {
  box-shadow: 0 0.1875rem 0.5625rem 0 rgba(186, 186, 186, 0.3);
  display: block;
}

.ivf-summary-view-buttons {
  display: none;
  margin-right: 2.5rem;
}

.ivf-summary-view-button {
  color: #888888;
  margin-right: 1.625rem;
}

.ivf-summary-view-button:last-of-type {
  margin: 0;
}

.ivf-summary-view-button-active {
  color: #00aad2;
}

.ivf-summary-sort {
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  padding: 0;
  background-color: #f3f3f3;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.ivf-summary-sort .icon {
  color: #002c5e;
  height: 0.625rem;
  margin-left: 0.5rem;
  width: 0.625rem;
}

.ivf-summary-sort-type-container {
  display: none;
}

.ivf-summary-sort-type {
  color: #002c5e;
}

@media (min-width: 640px) {
  .ivf-summary-display-options .dropdown {
    position: relative;
  }
  .ivf-summary-display-options .dropdown-panel {
    left: auto;
    margin-top: 0.25rem;
    top: 100%;
    width: 8.625rem;
  }
  .ivf-summary-matches-showing {
    display: inline;
  }
}

@media (min-width: 1024px) {
  .ivf-summary-view-buttons {
    display: flex;
  }
  .ivf-summary-sort {
    color: #333333;
  }
  .ivf-summary-sort-type-container {
    display: inline;
  }
}

.ivf-vehicles {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  gap: 0.625rem;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .ivf-vehicles {
    gap: 0.75rem;
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .ivf-vehicles {
    gap: 1.25rem;
    padding: 0 2.625rem 0 0;
  }
}

@media (min-width: 1440px) {
  .ivf-vehicles {
    padding: 0 4.5rem 0 0;
  }
}

.ivf-vehicles .loading-container {
  position: relative;
  width: 100%;
  z-index: 1;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .ivf-vehicles {
    gap: 0.625rem;
    padding: 0 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ivf-vehicles {
    gap: 0.75rem;
    padding: 0 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ivf-vehicles {
    gap: 1.25rem;
    padding: 0 2.625rem 0 0;
  }
}

.ivf-vehicle-container {
  width: 100%;
  position: relative;
  text-decoration: none;
  background-color: #ffffff;
  border: 0.125rem solid transparent;
  cursor: pointer;
}

@media (min-width: 640px) {
  .ivf-vehicle-container {
    width: calc(50% - 6px);
  }
}

@media (min-width: 1024px) {
  .ivf-vehicle-container {
    width: calc(50% - 10px);
  }
}

@media (min-width: 1440px) {
  .ivf-vehicle-container {
    width: calc(calc(100% / 3) - calc(40px / 3));
  }
}

.ivf-vehicle-container:hover, .ivf-vehicle-container:focus {
  border: 0.125rem solid #00aad2;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .ivf-vehicle-container {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ivf-vehicle-container {
    width: calc(50% - 6px);
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ivf-vehicle-container {
    width: calc(50% - 10px);
  }
}

@media (min-width: 1825px) {
  body.chat-opened .ivf-vehicle-container {
    width: calc(calc(100% / 3) - calc(40px / 3));
  }
}

.ivf-vehicle {
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  min-height: 15.625rem;
  height: 100%;
  padding: 2rem 0;
  outline: none;
}

.ivf-vehicle-info {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: #000000;
  margin-bottom: 0.75rem;
  padding: 0 1rem 0 2rem;
}

.ivf-vehicle-options-and-packages-container {
  padding: 0 2rem;
}

.ivf-vehicle-price-info-container {
  display: flex;
  padding: 0 2rem;
  margin-bottom: 0.25rem;
}

.ivf-vehicle-model-variation {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: #000000;
}

.ivf-vehicle-price-info {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.ivf-vehicle-price {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  color: #333333;
}

.ivf-vehicle-price-label {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1rem;
}

.ivf-vehicle-price-label .icon {
  color: #002c5e;
}

.ivf-vehicle-ev-credit-container {
  display: flex;
  padding: 0 2rem;
  margin: 0.25rem 0;
}

.ivf-vehicle-ev-credit {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #002c5e;
  line-height: 1.25rem;
}

.ivf-vehicle-vin-container {
  display: flex;
  padding: 0 2rem;
}

.ivf-vehicle-vin {
  font-size: 0.875rem;
  font-weight: 700;
  color: #888888;
  line-height: 1.25rem;
}

.ivf-vehicle-in-transit {
  background-color: #e6e6e6;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.375rem;
  padding: 0.125rem 0.5rem;
}

.ivf-vehicle-in-transit-with-price {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #e6e6e6;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.375rem;
  padding: 0.125rem 0.5rem;
  z-index: 1;
}

.ivf-vehicle-product-image-container {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.ivf-vehicle-options-and-packages-summary {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1rem;
  margin: 0;
  margin-bottom: 1rem;
  padding: 0;
  list-style: none;
}

.ivf-vehicle-dealer-location {
  display: flex;
  flex-direction: column;
  margin-top: 1.5rem;
  padding: 0 1rem 0 2rem;
}

.ivf-vehicle-delivery {
  display: inline-block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1rem;
  margin-bottom: 0.5rem;
}

.ivf-vehicle-delivery .ivf-vehicle-delivery-no-ds {
  display: flex;
}

.ivf-vehicle-delivery .ivf-vehicle-delivery-icon {
  margin-right: 0.5rem;
}

.ivf-vehicle-delivery-blank {
  background-color: transparent;
}

.ivf-vehicle-dealership-location,
.ivf-vehicle-dealership-distance {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1rem;
  color: #000000;
}

.ivf-vehicle-dealership-location {
  font-weight: 500;
  color: #888888;
}

.ivf-vehicle-view-details {
  display: flex;
}

.ivf-vehicle-disclaimer {
  color: #888888;
  font-size: 0.75rem;
  line-height: 1rem;
  margin-top: 0.75rem;
  padding: 0 2rem;
  order: 7;
}

@media (min-width: 1024px) {
  .ivf-vehicle-disclaimer {
    margin-top: 0.5rem;
  }
}

.ivf-vehicle-disclaimer .ivf-vehicle-disclaimer-inline {
  display: inline;
}

.ivf-vehicles-grid .ivf-vehicle-disclaimer {
  order: 0;
}

.ivf-vehicle-save-button .icon {
  color: #888888;
}

.ivf-vehicle-save-button .icon-star-active {
  color: #00aad2;
  display: none;
}

.ivf-vehicle-save-button.saved .icon-star-active {
  display: block;
}

.ivf-vehicle-save-button.saved .icon-star-inactive {
  display: none;
}

.ivf-vehicle-dealer-location .ivf-title,
.ivf-vehicle-specs,
.ivf-vehicle-colors,
.ivf-vehicle-packages,
.ivf-vehicle-options {
  display: none;
}

.ivf-list-style-none {
  list-style: none;
}

@media (min-width: 1024px) {
  .ivf-vehicles-list {
    display: block;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 2.625rem 0 0;
  }
  .ivf-vehicles-list .ivf-vehicle-container {
    margin: 0;
    padding: 0;
    max-width: 100%;
  }
  .ivf-vehicles-list .ivf-vehicle-container:last-of-type {
    margin-bottom: 0;
  }
  .ivf-vehicles-list .ivf-vehicle-product-image-container,
  .ivf-vehicles-list .ivf-vehicle-info,
  .ivf-vehicles-list .ivf-vehicle-price-info,
  .ivf-vehicles-list .ivf-vehicle-dealer-location,
  .ivf-vehicles-list .ivf-vehicle-specs,
  .ivf-vehicles-list .ivf-vehicle-colors,
  .ivf-vehicles-list .ivf-vehicle-packages,
  .ivf-vehicles-list .ivf-vehicle-options,
  .ivf-vehicles-list .ivf-vehicle-view-details {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    margin: 1rem 0;
    order: 6;
  }
  .ivf-vehicles-list .ivf-vehicle-product-image-container,
  .ivf-vehicles-list .ivf-vehicle-info,
  .ivf-vehicles-list .ivf-vehicle-price-info {
    align-self: stretch;
    border-bottom: 0.125rem solid #f3f3f3;
    margin: 0;
    padding: 0 0 1.25rem;
  }
  .ivf-vehicles-list .ivf-vehicle-product-image-container {
    display: block;
    order: 1;
  }
  .ivf-vehicles-list .ivf-vehicle-info {
    margin-top: 1.25rem;
    order: 2;
  }
  .ivf-vehicles-list .ivf-vehicle-price-info {
    margin-top: 1.25rem;
    order: 3;
  }
  .ivf-vehicles-list .ivf-vehicle-dealer-location,
  .ivf-vehicles-list .ivf-vehicle-specs,
  .ivf-vehicles-list .ivf-vehicle-colors,
  .ivf-vehicles-list .ivf-vehicle-packages,
  .ivf-vehicles-list .ivf-vehicle-options {
    display: block;
  }
  .ivf-vehicles-list .ivf-vehicle-dealer-location .ivf-title,
  .ivf-vehicles-list .ivf-vehicle-specs .ivf-title,
  .ivf-vehicles-list .ivf-vehicle-colors .ivf-title,
  .ivf-vehicles-list .ivf-vehicle-packages .ivf-title,
  .ivf-vehicles-list .ivf-vehicle-options .ivf-title {
    display: block;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    margin-bottom: 0.5rem;
  }
  .ivf-vehicles-list .ivf-vehicle-dealer-location ul,
  .ivf-vehicles-list .ivf-vehicle-specs ul,
  .ivf-vehicles-list .ivf-vehicle-colors ul,
  .ivf-vehicles-list .ivf-vehicle-packages ul,
  .ivf-vehicles-list .ivf-vehicle-options ul {
    color: #666666;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin: 0;
    padding-left: 1rem;
  }
  .ivf-vehicles-list .ivf-vehicle-options-and-packages-summary {
    display: none;
  }
  .ivf-vehicles-list .ivf-vehicle-specs {
    display: flex;
    flex-direction: column;
    order: 4;
    margin-top: auto;
  }
  .ivf-vehicles-list .ivf-vehicle-colors {
    display: flex;
    flex-direction: column;
    order: 5;
    margin-top: auto;
  }
  .ivf-vehicles-list .ivf-vehicle-view-details {
    align-items: end;
  }
  .ivf-vehicles-list .ivf-vehicle-view-details-button {
    width: 100%;
  }
  .ivf-vehicles-list .ivf-vehicle-save-button {
    top: 1.25rem;
  }
}

.inventory-vehicles-filter {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 25rem;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .inventory-vehicles-filter {
    flex-direction: row;
    gap: 1.25rem;
    background-color: #f3f3f3;
  }
}

@media (min-width: 1440px) {
  .inventory-vehicles-filter {
    gap: 6.9375rem;
  }
}

.inventory-vehicles-filter.inventory-vehicles-filter-full-height {
  min-height: auto;
}

@media (min-width: 640px) {
  .inventory-vehicles-filter.inventory-vehicles-filter-full-height {
    min-height: calc(100vh - 238px);
  }
}

@media (min-width: 1024px) {
  .inventory-vehicles-filter.inventory-vehicles-filter-full-height {
    min-height: calc(100vh - 128px);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .inventory-vehicles-filter {
    flex-direction: column;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .inventory-vehicles-filter {
    flex-direction: row;
    gap: 1.25rem;
  }
}

.bldf-bar {
  position: relative;
  padding: 1rem 1rem 0;
  background: #ffffff;
  z-index: 1000;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .bldf-bar {
    background: #f3f3f3;
    padding: 1rem 2rem;
  }
}

@media (min-width: 1024px) {
  .bldf-bar {
    padding: 1rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .bldf-bar {
    padding: 1rem 4.5rem;
  }
}

.bldf {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  z-index: 1000;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .bldf {
    flex-wrap: nowrap;
  }
}

@media (max-width: 1023px) {
  .bldf-title {
    width: 50%;
    font-size: 1.25rem;
  }
}

@media (max-width: 639px) {
  .bldf-title {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .bldf-title {
    padding-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .bldf-title {
    padding-right: 6.875rem;
  }
}

.bldf-title-text {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
}

.bldf-filter-container {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  flex-grow: 1;
}

@media (min-width: 640px) {
  .bldf-filter-container {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .bldf-filter-container {
    display: none;
  }
}

.bldf-filter-tab {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}

@media (max-width: 639px) {
  .bldf-filter-tab {
    display: flex;
    flex-grow: 1;
  }
}

.bldf-filter-button {
  border: 1px solid #888888;
  color: #888888;
  font-weight: 500;
  height: 2.375rem;
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.0625rem;
  width: 100%;
  margin-top: 1rem;
  background-color: #ffffff;
}

.bldf-filter-button:focus {
  background: #888888;
  border-width: 2px;
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  color: #ffffff;
}

@media (min-width: 640px) {
  .bldf-filter-button {
    max-width: 10.625rem;
    margin-top: 0;
    background-color: #f3f3f3;
  }
}

.bldf-tab-container {
  display: none;
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-start;
  flex-grow: 1;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  z-index: 1000;
}

@media (min-width: 1024px) {
  .bldf-tab-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 76%;
    max-width: 46.25rem;
    position: relative;
    background: none;
  }
}

.bldf-menu-overlay-active .bldf-tab-container {
  display: flex;
}

.bldf-tab-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3.75rem;
  z-index: 10;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .bldf-tab-header {
    display: none;
  }
}

.bldf-tab-body {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 3.75rem;
  width: 100%;
  height: 100%;
  z-index: 5;
}

@media (min-width: 1024px) {
  .bldf-tab-body {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 0;
    overflow: visible;
    width: 100%;
  }
}

.bldf-menu-footer {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background: #f3f3f3;
}

@media (min-width: 640px) {
  .bldf-menu-footer {
    padding: 0.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .bldf-menu-footer {
    background: #ffffff;
    padding: 1.3125rem 0 0;
    border-top: 1px solid #e6e6e6;
  }
}

.bldf-tab .bldf-menu-footer {
  display: none;
}

@media (min-width: 1024px) {
  .bldf-tab .bldf-menu-footer {
    display: flex;
  }
}

.bldf-tab-header .bldf-menu-footer {
  display: flex;
}

@media (min-width: 1024px) {
  .bldf-tab-header .bldf-menu-footer {
    display: none;
  }
}

.bldf-mv-label {
  font-size: 1.25rem;
  font-weight: 500;
  padding: 1.625rem 1rem 0;
}

@media (min-width: 640px) {
  .bldf-mv-label {
    padding: 1.625rem 2rem 0;
  }
}

@media (min-width: 1024px) {
  .bldf-mv-label {
    display: none;
  }
}

.bldf-tab {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .bldf-tab {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .bldf-tab {
    width: 19%;
    padding: 0;
  }
}

.bldf-menu-selected .bldf-button,
.bldf-menu-selected .bldf-filter-button {
  border-color: #00aad2;
  color: #00aad2;
}

.bldf-menu-selected .bldf-button:focus,
.bldf-menu-selected .bldf-filter-button:focus {
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  border-width: 2px;
  color: #00aad2;
  background: #f3f3f3;
}

.bldf-active .bldf-button,
.bldf-menu-overlay-active .bldf-filter-button {
  background: #00aad2;
  color: #ffffff;
  border-color: #00aad2;
}

.bldf-active .bldf-button:focus,
.bldf-menu-overlay-active .bldf-filter-button:focus {
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  border-width: 2px;
  color: #ffffff;
  background: #00aad2;
}

.bldf-acor-item-label {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 0;
  outline: none;
  background-color: #ffffff;
  width: 100%;
}

.bldf-acor-item-label .icon {
  width: 0.875rem;
  height: 0.875rem;
  color: #002c5e;
}

@media (min-width: 1024px) {
  .bldf-acor-item-label {
    display: none;
  }
}

.bldf-acor-item-title {
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 500;
  color: #333333;
}

.bldf-tab-menu {
  position: relative;
  border-bottom: 1px solid #bababa;
  min-width: 100%;
  padding: 0;
  z-index: 1000;
}

@media (min-width: 1024px) {
  .bldf-tab-menu {
    border: 0;
    display: none;
    padding: 2rem;
    background-color: #ffffff;
  }
}

.bldf-acor-checkbox {
  display: none;
}

@media (max-width: 1024px) {
  .bldf-acor-checkbox:checked ~ .bldf-acor-item-label .icon {
    transform: rotate(180deg);
  }
  .bldf-acor-checkbox:checked ~ .bldf-tab-menu .bldf-menu-container {
    display: none;
  }
  .bldf-acor-checkbox:checked ~ .bldf-tab-menu .bldf-menu-price {
    display: none;
  }
  .bldf-acor-checkbox:checked ~ .bldf-tab-menu .bldf-menu-features {
    display: none;
  }
  .bldf-acor-checkbox:checked ~ .bldf-tab-menu .bldf-menu-footer {
    display: none;
  }
}

.bldf-active .bldf-tab-menu {
  display: block;
  position: absolute;
  top: 100%;
  margin-top: 1rem;
}

.bldf-backdrop {
  z-index: 990;
}

.bldf-button {
  width: 100%;
  height: 2.375rem;
  border: 1px solid #888888;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #f3f3f3;
  color: #888888;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.0625rem;
  text-align: center;
  padding: 0 0.75rem;
  display: none;
}

.bldf-button:focus {
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  border-width: 2px;
  background-color: #888888;
  color: #ffffff;
}

@media (min-width: 1024px) {
  .bldf-button {
    display: block;
  }
}

.bldf-button-done {
  min-width: 6.1875rem;
}

.bldf-menu-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding-bottom: 1.5rem;
}

@media (min-width: 640px) {
  .bldf-menu-container {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}

.bldf-body-style {
  flex-wrap: wrap;
}

@media (min-width: 640px) {
  .bldf-body-style {
    flex-wrap: nowrap;
    min-width: 27.75rem;
    max-width: 28.125rem;
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .bldf-body-style {
    padding-bottom: 2rem;
  }
}

.bldf-fuel {
  justify-content: flex-start;
}

@media (min-width: 1024px) {
  .bldf-fuel {
    justify-content: space-between;
    min-width: 19.875rem;
  }
}

@media (min-width: 1024px) {
  .bldf-fuel {
    padding-bottom: 1.625rem;
  }
}

.bldf-menu-fuel, .bldf-menu-bs {
  margin-right: 3.125rem;
}

@media (min-width: 1024px) {
  .bldf-menu-fuel, .bldf-menu-bs {
    margin-right: 3rem;
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .bldf-menu-fuel:first-child, .bldf-menu-bs:first-child {
    margin-left: 1.3125rem;
  }
}

.bldf-drtr {
  padding-bottom: 1.625rem;
  padding-left: 0.5rem;
  justify-content: flex-start;
}

@media (min-width: 1024px) {
  .bldf-drtr {
    justify-content: space-between;
    min-width: 27.75rem;
    padding-bottom: 2rem;
    padding-left: 0;
  }
}

.bldf-menu-drtr {
  margin-right: 2.75rem;
}

@media (min-width: 1024px) {
  .bldf-menu-drtr {
    margin-right: 0;
    width: 33%;
  }
}

.bldf-menu-drtr:last-child {
  margin-right: 0;
}

.bldf-bs-image {
  display: inline-block;
}

.bldf-bs-image svg {
  width: auto;
  height: 3.0625rem;
  fill: #bababa;
  display: block;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .bldf-bs-image svg {
    width: 8.75rem;
  }
}

.bldf-fuel-image {
  display: inline-block;
}

.bldf-fuel-image svg {
  width: auto;
  height: 3rem;
  fill: #bababa;
  display: block;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .bldf-fuel-image svg {
    width: 6.25rem;
  }
}

.bldf-bs-label {
  display: block;
  color: #002c5e;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: center;
  margin-top: 0.5rem;
}

@media (min-width: 1024px) {
  .bldf-bs-label {
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  .bldf-menu-button-clear-label-mv {
    display: none;
  }
}

.bldf-menu-button-link {
  background-color: #ffffff;
  color: #002c5e;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.bldf-menu-button-clear {
  visibility: hidden;
  background: transparent;
}

.bldf-menu-button-clear .icon-close {
  margin-left: 0.25rem;
}

.bldf-menu-button-clear.bldf-clear-active {
  visibility: visible;
}

.bldf-menu-button-clear-label {
  display: inline-block;
  margin-right: 0.125rem;
}

.bldf-menu-price {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

@media (max-width: 1023px) {
  .bldf-menu-price {
    max-width: 18.75rem;
  }
}

.bldf-mp-nav {
  display: flex;
  flex-basis: 75%;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.bldf-mp-nav-link {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  align-items: center;
  color: #666666;
  display: flex;
  padding: 0.375rem 0 0.5rem;
  text-decoration: none;
  outline: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}

@media (min-width: 1024px) {
  .bldf-mp-nav-link {
    padding: 0.375rem 0 0.5rem;
  }
}

.bldf-mp-header-nav-link-active {
  color: #333333;
  border-bottom: 2px solid #00aad2;
}

.bldf-menu-price-container {
  display: block;
}

@media (max-width: 1023px) {
  .bldf-menu-price-container {
    width: 100%;
  }
}

.bldf-mp-finance-text {
  padding-top: 0.5rem;
}

.bldf-mp-finance-msrp {
  text-align: right;
  margin-bottom: 0.75rem;
}

.bldf-mp-finance-desc {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #666666;
}

.bldf-mp-content {
  display: flex;
  align-items: center;
  margin: 1.25rem 0;
}

@media (min-width: 1024px) {
  .bldf-mp-content {
    margin-bottom: 1.75rem;
    min-width: 23.4375rem;
  }
}

.bldf-mp-content-label {
  color: #666666;
  font-size: 1rem;
  line-height: 1.375rem;
  white-space: nowrap;
  margin-right: 5.0625rem;
}

@media (max-width: 1023px) {
  .bldf-mp-content-label {
    display: none;
  }
}

.bldf-mp-content-price {
  white-space: nowrap;
  display: flex;
  align-items: center;
  flex-grow: 1;
}

@media (min-width: 1024px) {
  .bldf-mp-content-price {
    justify-content: flex-end;
  }
}

.bldf-mp-value-separator {
  display: inline-block;
  margin: 0 1.1875rem;
}

@media (min-width: 1024px) {
  .bldf-mp-value-separator {
    margin: 0 0.5rem;
  }
}

.bldf-mp-input {
  box-sizing: border-box;
  height: 49px;
  width: 97px;
  border: 1px solid #e6e6e6;
  background-color: #ffffff;
  padding: 0.84375rem;
}

.bldf-mp-slider {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 0.25rem;
  background: transparent;
  transition: opacity .2s;
}

@supports (-ms-ime-align: auto) {
  .bldf-mp-slider {
    height: 1.375rem;
    top: -9px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bldf-mp-slider {
    height: 4.5rem;
    top: -27px;
  }
}

.bldf-mp-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 5px solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.bldf-mp-slider::-moz-range-thumb {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 5px solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.bldf-mp-slider::-ms-thumb {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 5px solid #00aad2;
  background: #ffffff;
}

.bldf-mp-slider::-ms-track {
  border: none;
  width: 0;
  height: 0;
  background: transparent;
  color: transparent;
}

.bldf-mp-slider-container {
  position: relative;
  height: 0.625rem;
}

@media (min-width: 1024px) {
  .bldf-mp-slider-container {
    height: 1.5rem;
  }
}

.bldf-mp-slider-cover {
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.bldf-mp-slider-cover .bldf-mp-slider-track-scroll {
  display: inline-block;
  height: 4px;
  background-color: #00aad2;
}

.bldf-mp-slider-cover .bldf-mp-slider-track-reverse {
  display: inline-block;
  height: 4px;
  background-color: #bababa;
}

.bldf-tab-menu-last {
  align-self: flex-end;
  border: 0;
  right: 0;
}

@media (max-width: 1023px) {
  .bldf-tab-menu-last {
    margin-top: -0.5625rem;
  }
}

@media (min-width: 1440px) {
  .bldf-tab-menu-last {
    align-self: center;
  }
}

.bldf-menu-features {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 23.125rem;
  margin-bottom: 1.5rem;
}

@media (max-width: 639px) {
  .bldf-menu-features {
    min-width: 12.5rem;
  }
}

.bldf-mf-filter-checkbox {
  position: relative;
  width: 45%;
  margin: 0.5625rem 0;
}

@media (max-width: 639px) {
  .bldf-mf-filter-checkbox {
    width: 100%;
  }
}

.bldf-mf-checkbox:focus ~ .bldf-mf-label-text {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .bldf-mf-checkbox:focus ~ .bldf-mf-label-text {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.bldf-mf-label-text {
  margin-left: 1.625rem;
  display: inline-block;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

@media (min-width: 1024px) {
  .bldf-mf-label-text {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.bldf-menu-active svg {
  fill: #00aad2;
}

.bldf-menu-active .bldf-bs-label {
  color: #00aad2;
  outline: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bldf-active .bldf-tab-menu {
    left: -100%;
  }
  .bldf-active .bldf-tab-menu-last {
    max-width: 27.125rem;
    left: auto;
    right: 0;
  }
  .bldf-bs-image svg {
    width: 7.6875rem;
  }
  .bldf-fuel-image svg {
    width: 3rem;
  }
}

@media all and (-ms-high-contrast: none) and (max-width: 1023px), (-ms-high-contrast: active) and (max-width: 1023px) {
  .bldf-tab-menu {
    width: 100%;
  }
}

.blnb-bar {
  background: #ffffff;
}

.blnb-main {
  max-width: 1440px;
  margin: 0 auto;
  padding: 1rem;
}

@media (min-width: 640px) {
  .blnb-main {
    padding: 1rem 2rem;
  }
}

@media (min-width: 1024px) {
  .blnb-main {
    padding: 1rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .blnb-main {
    padding: 1rem 4.5rem;
  }
}

.blnb-cols {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;  
}

@media (max-width: 639px) {
  .build-landing-v2 .blnb-cols {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1440px) {
  body.chat-opened .build-landing-v2 .blnb-main {
    padding: 1rem 3rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .build-landing-v2 .blnb-main {
    padding: 1rem;
  }
}


.blnb-col {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
}

.blnb-item-btn {
  padding: 0;
  color: #002c5e;
  display: inline-flex;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  text-decoration: none;
}

.blnb-col-right {
  display: flex;
  justify-content: flex-end;
}

@media (min-width: 1024px) {
  .blnb-col-right {
    order: 1;
  }
}

@media (min-width: 1024px) {
  .blnb-col-right .blnb-builds-count-btn {
    margin-right: 0;
  }
}

.blnb-models-count {
  justify-content: flex-start;
}

@media (min-width: 1024px) {
  .blnb-models-count {
    margin-left: 0;
  }
}

.blnb-models-count-txt {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
}

@media (max-width: 420px) {
  .blnb-models-count-txt .blnb-showing-txt {
    display: none;
  }
}

.blnb-count {
  font-weight: 700;
}

@media (min-width: 640px) {
  .blnb-count {
    display: inline-block;
  }
}

.blnb-previous-model-yr-checkbox {
  justify-content: flex-start;
  position: relative;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
}

@media (max-width: 1023px) {
  .blnb-previous-model-yr-checkbox {
    padding-top: 1.25rem;
    border-top: 1px solid #e6e6e6;
  }
}

.blnb-builds-count-btn {
  justify-content: flex-end;
}

.blnb-builds-count-btn .icon {
  width: .6em;
  height: .6em;
  display: inline-block;
  margin-left: 0.5rem;
}

@media (min-width: 1024px) {
  .blnb-builds-count-btn {
    order: 2;
  }
}

.blnb-builds-count {
  margin-right: 0.1875rem;
}

.blnb-compare-model-btn {
  justify-content: flex-end;
}

@media (max-width: 1023px) {
  .blnb-compare-model-btn {
    padding-top: 1.25rem;
    border-top: 1px solid #e6e6e6;
    order: 2;
  }
}

.blnb-compare-model-btn .blnb-item-btn {
  align-items: flex-start;
}

.blnb-saved-builds-txt {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: right;
}

.blnb-compare-lbl {
  padding-left: 0.5rem;
  text-align: left;
}

@media (max-width: 639px) {
  .blnb-compare-lbl {
    max-width: 4.375rem;
  }
}

.blnb-checkbox-box {
  border: 1px solid #002c5e;
}

.blnb-checkbox-label {
  position: relative;
  display: flex;
}

.blnb-checkbox-label .blnb-checkbox-input:focus ~ .blnb-checkbox-txt {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .blnb-checkbox-label .blnb-checkbox-input:focus ~ .blnb-checkbox-txt {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.blnb-checkbox-txt {
  padding-left: 1.625rem;
  justify-content: flex-end;
}

.blnb-item {
  padding-bottom: 1.5rem;
  display: flex;
}

@media (max-width: 1023px) {
  .blnb-item {
    width: 100%;
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .blnb-item {
    margin-right: 2rem;
  }
}

.blnb-clear-filter-btn {
  padding: 0;
}

.blnb-clear-filter-btn .icon {
  display: inline-block;
  margin-left: 0.375rem;
}

.blnb-build-txt-desktop {
  display: none;
}

@media (min-width: 640px) {
  .blnb-build-txt-desktop {
    display: inline;
  }
}

.blnb-build-txt-mobile {
  display: inline;
}

@media (min-width: 640px) {
  .blnb-build-txt-mobile {
    display: none;
  }
}

.bld-dwr-trims-filter {
  display: none;
  padding: 0.375rem 0 0.75rem 2rem;
}

@media (min-width: 1024px) {
  .bld-dwr-trims-filter {
    padding-bottom: 2rem;
    padding-left: 2.625rem;
    display: block;
  }
}

@media (min-width: 1440px) {
  .bld-dwr-trims-filter {
    padding-left: 2rem;
  }
}

.bld-dwr-trims-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  color: #333333;
  background-color: #f3f3f3;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  padding: 1.1875rem 1rem;
}

@media (min-width: 640px) {
  .bld-dwr-trims-heading {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 1024px) {
  .bld-dwr-trims-heading {
    display: none;
  }
}

.bld-dwr-trims-tab-container {
  background-color: #f3f3f3;
}

@media (min-width: 1024px) {
  .bld-dwr-trims-tab-container {
    background-color: transparent;
    display: block;
    position: static;
  }
}

.bld-dwr-trims-tablist {
  list-style: none;
  margin: 0;
  padding: 0 1rem 0 1rem;
}

@media (min-width: 1024px) {
  .bld-dwr-trims-tablist {
    padding-left: 2rem;
    padding-right: 0;
  }
}

.bld-dwr-trims-tablist:last-child .bld-dwr-tab-link {
  border-bottom: 0.0625rem solid #bababa;
}

.bld-dwr-tab-link {
  text-decoration: none;
  width: 100%;
  justify-content: flex-start;
  position: relative;
  padding-left: 2.625rem;
  text-align: left;
}

@media (min-width: 1440px) {
  .bld-dwr-tab-link {
    padding-left: 2rem;
  }
}

.bld-dwr-trims-item {
  display: flex;
  align-items: flex-start;
}

.bld-dwr-checked {
  transform: translate(-15px, -3px);
}

.bld-dwr-checked, .bld-dwr-model-checked {
  width: 0;
}

.bld-dwr-checked::before, .bld-dwr-model-checked::before {
  content: '';
  display: inline-block;
  background-color: transparent;
  border-style: solid;
  border-color: #00aad2;
  width: 5px;
  height: 10px;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.bld-dwr-selected-trim {
  list-style: none;
  padding: 1rem 0;
}

.bld-dwr-model-name {
  padding: 1rem 0.625rem 1rem 0;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
}

.bld-dwr-tab-list {
  margin: 0;
  padding: 0;
}

.bld-dwr-tab-list .bld-dwr-trims-item:not(:first-child) .bld-dwr-tab-link:before {
  content: '';
  position: absolute;
  top: 0;
  left: 2.625rem;
  right: 0;
  height: 1px;
  background-color: #bababa;
}

@media (min-width: 1440px) {
  .bld-dwr-tab-list .bld-dwr-trims-item:not(:first-child) .bld-dwr-tab-link:before {
    left: 2rem;
  }
}

.bld-dwr-trim-modal .modal-x {
  top: 0.875rem;
  right: 0.5rem;
}

@media (min-width: 640px) {
  .bld-dwr-trim-modal .modal-x {
    right: 1.5rem;
  }
}

.bld-dwr-trim-modal .bld-dwr-trims-item:not(:first-child) .bld-dwr-tab-link:before {
  left: 1rem;
  right: 1rem;
  background-color: #e6e6e6;
}

@media (min-width: 640px) {
  .bld-dwr-trim-modal .bld-dwr-trims-item:not(:first-child) .bld-dwr-tab-link:before {
    left: 2rem;
    right: 2rem;
  }
}

.bld-dwr-trim-modal .bld-dwr-trims-item:last-child .bld-dwr-tab-link:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 1rem;
  right: 1rem;
  height: 1px;
  background-color: #e6e6e6;
}

@media (min-width: 640px) {
  .bld-dwr-trim-modal .bld-dwr-trims-item:last-child .bld-dwr-tab-link:after {
    left: 2rem;
    right: 2rem;
  }
}

.bld-dwr-trim-modal .bld-dwr-trims-button {
  padding: 1.5rem 1rem;
}

@media (min-width: 640px) {
  .bld-dwr-trim-modal .bld-dwr-trims-button {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.bld-dwr-trim-modal .bld-dwr-tab-link {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .bld-dwr-trim-modal .bld-dwr-tab-link {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.bld-dwr-active-tab {
  background: #ffffff;
  position: relative;
  top: 0.125rem;
}

.bld-dwr-active-tab .bld-dwr-model-name {
  color: #002c5e;
  font-weight: 700;
}

.bld-dwr-active-tab .bld-dwr-tab-link:before,
.bld-dwr-active-tab .bld-dwr-tab-link:after,
.bld-dwr-active-tab + .bld-dwr-trims-item .bld-dwr-tab-link:before {
  opacity: 0;
}

.bld-dwr-compare-btn {
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  display: none;
  text-decoration: none;
}

.bld-dwr-compare-btn svg {
  height: 0.875rem;
  width: 0.6875rem;
}

@media (min-width: 1024px) {
  .bld-dwr-compare-btn {
    display: flex;
    justify-content: flex-start;
    padding-bottom: 1rem;
  }
  .bld-dwr-compare-btn svg {
    height: 0.875rem;
    margin: 0 0.5625rem 0 0;
    width: 0.6875rem;
  }
}

.bld-dwr-change-btn {
  display: block;
  background: #888888;
  height: 2.5rem;
  width: 8.625rem;
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .bld-dwr-change-btn {
    display: none;
  }
}

.bld-dwr-showfilter-btn {
  display: flex;
  align-items: flex-start;
  height: 2.75rem;
  text-decoration: none;
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  min-width: 175px;
}

.bld-dwr-showfilter-btn svg {
  height: 0.9375rem;
  width: 0.75rem;
}

@media (min-width: 1024px) {
  .bld-dwr-showfilter-btn {
    display: none;
  }
}

.bld-dwr-showfilter-btn .bld-dwr-show-filter-txt {
  width: 90%;
  text-align: left;
  padding-left: 0.3125rem;
}

.bld-dwr-done-btn {
  display: block;
  background: #002c5e;
  height: 2.75rem;
  width: 5.75rem;
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .bld-dwr-done-btn {
    display: none;
  }
}

.bld-dwr-swatches-bar {
  padding-top: 1.4375rem;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 640px) {
  .bld-dwr-swatches-bar {
    padding-top: 0.625rem;
  }
}

@media (min-width: 640px) {
  .bld-dwr-swatches-bar {
    width: 75%;
  }
}

@media (min-width: 1024px) {
  .bld-dwr-swatches-bar {
    width: 80%;
  }
}

.bld-dwr-swatches {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
  transform: translate3d(0, 0, 0);
  filter: drop-shadow(3px 3px 12px rgba(0, 0, 0, 0.15));
}

.bld-dwr-swatch {
  position: relative;
  margin-top: 0.5rem;
  height: 3rem;
  flex-basis: 2.5625rem;
  max-width: 2.5625rem;
  overflow: hidden;
}

@media (max-width: 639px) {
  .bld-dwr-swatch {
    align-self: baseline;
  }
}

@media (min-width: 640px) {
  .bld-dwr-swatch {
    height: 1.5rem;
    flex-basis: 4.25rem;
    max-width: 4.25rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bld-dwr-swatch {
    box-shadow: 0.1875rem 0.1875rem 0.75rem rgba(0, 0, 0, 0.15);
  }
}

.bld-dwr-swatch-active {
  height: 3rem;
  flex-basis: 4.625rem;
  max-width: 4.625rem;
}

@media (min-width: 640px) {
  .bld-dwr-swatch-active {
    flex-basis: 4.625rem;
    max-width: 4.625rem;
  }
}

.bld-dwr-swatch-active .bld-dwr-vehicle-view {
  height: 100%;
}

.bld-dwr-swatch-tile {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
}

@media (min-width: 640px) {
  .bld-dwr-swatch-tile {
    top: 0;
  }
}

.bld-dwr-swatch-active .bld-dwr-swatch-tile {
  top: 0;
}

.bld-dwr-swatch-name {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.bld-dwr-img-head {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
}

.bld-dwr-img-head .bld-dwr-model-edition {
  display: none;
  font-weight: 500;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

@media (min-width: 1024px) {
  .bld-dwr-img-head .bld-dwr-model-edition {
    display: block;
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

.bld-dwr-model-ev-banner-container {
  display: inline-flex;
  position: relative;
  background-color: #EEF7F9;
  padding: 1rem 2rem 1rem 1rem;
}

.bld-dwr-model-ev-banner-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.bld-dwr-model-name-mbl {
  display: flex;
  align-items: flex-start;
  border: 0;
}

@media (min-width: 1024px) {
  .bld-dwr-model-name-mbl {
    display: none;
  }
}

.bld-dwr-model-name-mbl .bld-dwr-model-name {
  padding: 0 0.3125rem 0 0;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2rem;
  height: auto;
}

.bld-dwr-model-name-mbl .bld-dwr-selected-trim {
  padding: 0.25rem 0;
}

.bld-dwr-trims-btn-mbl {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0.3125rem 0 0.3125rem;
}

@media (min-width: 1024px) {
  .bld-dwr-trims-btn-mbl {
    display: none;
  }
}

.bld-dwr-trims-btn-mbl .bld-dwr-compare-btn {
  display: flex;
  align-items: flex-start;
  padding: 0.75rem 0;
}

.bld-dwr-trims-btn-mbl .icon-compare {
  margin-right: 0.3125rem;
  position: relative;
  top: 0.125rem;
}

.bld-dwr-selected-swatch {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .bld-dwr-selected-swatch {
    text-align: left;
  }
}

.bld-dwr-vehicle-view {
  display: block;
  width: 100%;
}

.blts-main {
  display: flex;
  flex-wrap: wrap;
}

.blts-price-container {
  order: 2;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .blts-price-container {
    width: 68%;
    order: 1;
  }
}

.blts-price-container .blts-heading {
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  width: 100%;
}

.blts-price-container .blts-price-amount {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  line-height: 1.875rem;
  width: 100%;
}

.blts-txt-container {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  border-top: 1px solid #888888;
  padding-top: 1.25rem;
  margin-top: 0.5rem;
  width: 100%;
  order: 3;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .blts-txt-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    order: 3;
  }
}

.blts-txt {
  margin-bottom: 0.75rem;
  line-height: 1.25rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .blts-txt {
    width: 48%;
  }
}

.blts-link {
  text-decoration: none;
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.blts-link .icon {
  width: .6em;
  height: .6em;
  display: inline-block;
  margin-left: 0.375rem;
}

.blts-btn {
  order: 1;
}

.blts-btn .button {
  height: auto;
  min-height: 2.75rem;
  padding: 0.75rem 1.75rem;
}

@media (max-width: 639px) {
  .blts-btn {
    margin-top: 2rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .blts-btn {
    width: 32%;
    order: 2;
    flex-direction: row-reverse;
    display: flex;
    margin-top: 0.875rem;
    align-items: center;
  }
  .blts-btn .button-full {
    width: auto;
  }
}

@media (min-width: 1024px) {
  .blts-btn {
    width: 100%;
  }
}

@keyframes bld-dwr-open {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 68.75rem;
  }
}

.bld-dwr {
  animation: bld-dwr-open 1s;
  display: block;
  background-color: #f3f3f3;
  padding: 1.5rem 1rem;
  position: relative;
  margin-bottom: 5rem;
  max-width: 1440px;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .bld-dwr {
    display: flex;
    align-items: flex-start;
    padding: 3rem 2.625rem 3rem 0;
  }
}

@media (min-width: 1440px) {
  .bld-dwr {
    padding: 3rem 4.5rem;
  }
}

.bld-dwr-trim-modal {
  bottom: auto;
  padding: 0;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3);
}

.bld-dwr-trim-modal .modal-content {
  padding: 0;
}

.bld-dwr-trim-modal .modal-box {
  display: block;
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 1003;
}

.bld-dwr-trim-modal .bld-dwr-trims-tab-container {
  background-color: #ffffff;
}

.bld-dwr-trim-modal .bld-dwr-active-tab {
  background-color: #f3f3f3;
}

.bld-dwr-trims-container {
  width: 100%;
  display: none;
}

@media (min-width: 1024px) {
  .bld-dwr-trims-container {
    width: 20%;
    padding-right: 0.625rem;
    display: block;
  }
}

.bld-dwr-image-container {
  width: 100%;
}

@media (min-width: 640px) {
  .bld-dwr-image-container {
    padding: 1rem;
  }
}

@media (min-width: 1024px) {
  .bld-dwr-image-container {
    width: 55%;
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .bld-dwr-image-container {
    width: 60%;
  }
}

.bld-dwr-specs-container {
  width: 100%;
}

@media (min-width: 640px) {
  .bld-dwr-specs-container {
    padding: 0 1rem;
  }
}

@media (min-width: 1024px) {
  .bld-dwr-specs-container {
    width: 25%;
    padding-left: 0.625rem;
  }
}

@media (min-width: 1440px) {
  .bld-dwr-specs-container {
    width: 20%;
    padding-right: 2rem;
  }
}

.bld-dwr-close-btn {
  position: absolute;
  top: 15px;
  right: 20px;
  cursor: pointer;
}

@media (min-width: 1024px) {
  .bld-dwr-close-btn {
    right: 15px;
    top: 15px;
  }
}

.bld-dwr-trims-button {
  display: flex;
  align-items: flex-end;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2.625rem;
  padding-right: 0.5rem;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .bld-dwr-trims-button {
    display: block;
  }
}

@media (min-width: 1440px) {
  .bld-dwr-trims-button {
    display: block;
    padding-left: 2rem;
  }
}

.bl-badge {
  background-color: #e6e6e6;
  display: inline-block;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  padding: 0.3125rem 1rem;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
}

.bl-vehicle-wrapper {
  padding-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .bl-vehicle-wrapper {
    padding-top: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.bl-vehicle-heading {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  padding-bottom: 1.25rem;
  text-align: center;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .bl-vehicle-heading {
    font-size: 1.75rem;
    padding-bottom: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .bl-vehicle-heading {
    font-size: 1.875rem;
    line-height: 2.25rem;
    padding-bottom: 0.25rem;
  }
}

.bl-vehicle-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .bl-vehicle-row {
    min-width: 640px;
  }
}

@media (min-width: 1440px) {
  .bl-vehicle-row .bl-vehicle-card:last-child {
    margin-right: 0;
  }
}

.bl-vehicle-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  width: 17.875rem;
  padding: 1.25rem 0 2.0625rem 0;
  position: relative;
  margin-bottom: 2.3125rem;
}

@media (min-width: 640px) {
  .bl-vehicle-card {
    width: 18rem;
    text-align: left;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px) {
  .bl-vehicle-card {
    width: 18.3125rem;
    margin: 0 1.25rem 2.3125rem 0;
  }
}

@media (min-width: 1440px) {
  .bl-vehicle-card {
    width: 19.6875rem;
    margin: 0 0.75rem 2.4375rem 0;
    padding-left: 2rem;
  }
}

.bl-vehicle-card:hover {
  background: #ffffff;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bl-vehicle-card > div {
    height: 100%;
  }
}

.bl-vehicle-image {
  max-width: 17.1875rem;
}

@media (max-width: 22.5rem) {
  .bl-vehicle-image {
    max-width: 17.875rem;
  }
}

.bl-vehicle-price-box {
  width: 100%;
  display: flex;
  justify-content: center;
}

@media (min-width: 640px) {
  .bl-vehicle-price-box {
    display: block;
    justify-content: flex-start;
  }
}

.bl-vehicle-spec-label {
  color: #888888;
  white-space: nowrap;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding: 0.1875rem 0.5rem 0 0;
  display: inline-block;
}

.bl-vehicle-feature {
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  padding-bottom: 0.5rem;
}

.bl-vehicle-model-content {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.bl-vehicle-model-year {
  font-weight: 400;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
}

.bl-vehicle-model-name {
  font-weight: 500;
}

.bl-vehicle-amount {
  position: relative;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.bl-vehicle-amount .tooltip-trigger {
  margin-top: 4px;
}

.bl-view-btn {
  max-width: 12.0625rem;
  margin: 1.5rem auto 0 auto;
  border: 2px solid #002c5e;
  background-color: #002c5e;
  text-decoration: none;
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  padding: 0.5625rem 1.5625rem;
  display: block;
}

.bl-view-btn:hover {
  border-color: #001A38;
  background-color: #001A38;
  color: #ffffff;
}

.bl-view-btn:focus {
  box-shadow: inset 0px 0px 0px 2px #ffffff;
}

@media (min-width: 640px) {
  .bl-view-btn {
    max-width: 11.75rem;
    margin: 1.5rem 0 0 0;
  }
}

.bl-card-highlight {
  position: relative;
  background-color: #f3f3f3;
}

.bl-card-highlight:hover {
  background-color: #f3f3f3;
}

.bl-card-highlight:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: solid 20px #f3f3f3;
  border-left: solid 20px transparent;
  border-right: solid 20px transparent;
}

.bl-card-highlight .bl-view-btn {
  border: 2px solid #00aad2;
  background-color: #00aad2;
}

.bl-vehicle-card.bl-card-disabled {
  background-color: #ffffff;
  opacity: 0.5;
}

.bl-vehicle-card.bl-card-disabled:hover {
  opacity: 1;
}

.bl-vehicle-card.bl-card-disabled:hover .bl-view-btn {
  border-color: #002c5e;
  background-color: #002c5e;
}

.bl-card-disabled .bl-view-btn {
  border: 2px solid #888888;
  background-color: #888888;
}

.bl-card-disabled .bl-view-btn:hover {
  border-color: #002c5e;
  background-color: #002c5e;
}

.bl-vehicle-no-results-bar {
  padding: 1rem;
  background: #ffffff;
}

@media (min-width: 640px) {
  .bl-vehicle-no-results-bar {
    padding: 1rem 2rem;
  }
}

.bl-vehicle-no-results {
  padding: 1rem;
  background-color: #f3f3f3;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .bl-vehicle-no-results {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.bl-no-results-text {
  font-weight: 700;
}

.bl-vehicle-match {
  max-width: 7rem;
  background-color: #f3f3f3;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 0.5rem;
  display: block;
  padding: 0.125rem 0.9375rem;
}

@media (min-width: 640px) {
  .bl-vehicle-match {
    margin-left: 0.3125rem;
  }
}

.bl-card-image-disclaimer {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 400;
  margin: 0.5rem 0 0.9375rem 0;
  text-align: left;
}

@media (max-width: 639px) {
  .bl-card-image-disclaimer {
    text-align: center;
  }
}

.bld-confirmation {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 1002;
}

.bld-confirmation-dialog {
  display: inline-block;
  max-height: 100%;
  width: 100%;
  text-align: left;
  background-color: #ffffff;
  pointer-events: all;
}

@media (min-width: 640px) {
  .bld-confirmation-dialog {
    width: 28.125rem;
  }
}

.bld-confirmation-container {
  position: relative;
  display: flex;
  max-width: 1440px;
  margin: auto;
  text-align: right;
  z-index: 1002;
  pointer-events: none;
}

@media (min-width: 640px) {
  .bld-confirmation-container {
    display: inline-block;
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .bld-confirmation-container {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .bld-confirmation-container {
    padding: 0 4.5rem;
  }
}

.bld-confirmation-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1001;
}

.bld-confirmation-modal {
  padding: 2.5rem 1.875rem;
}

.bld-confirmation-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  color: #333333;
  line-height: 1.625rem;
  margin-bottom: 1rem;
}

.bld-confirmation-modal-box {
  max-height: 100%;
  overflow-y: auto;
}

@media (min-width: 640px) {
  .bld-confirmation-modal-box {
    max-height: calc(100vh - 28px);
  }
}

.bld-confirmation-content {
  font-weight: 500;
  font-size: 0.875rem;
  color: #888888;
  line-height: 1.25rem;
  margin-bottom: 1.75rem;
}

.bld-confirmation-no-btn {
  border: 2px solid #888888;
  background-color: #888888;
  margin: 0;
}

.bld-confirmation-no-btn:hover {
  border-color: #002c5e;
  background-color: #002c5e;
}

.bld-confirmation-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.bld-confirmation-buttons button {
  padding: 0.5625rem 3.4375rem;
}

@media (max-width: 639px) {
  .bld-confirmation-buttons button {
    padding: 0.5625rem 1.75rem;
  }
}

.build-header-nav-wrapper {
  height: 6rem;
}

@media (min-width: 640px) {
  .build-header-nav-wrapper {
    height: 4.375rem;
  }
}

.build-header {
  z-index: 1000;
  position: relative;
  transition: top 0.3s linear;
}

@media (min-width: 640px) {
  .build-header {
    background-color: #f3f3f3;
  }
}

.build-vehicles {
  margin-top: 0.25rem;
}

.build-sub-header {
  background: linear-gradient(0deg, #f3f3f3 0%, #ffffff 100%);
  position: relative;
  z-index: 990;
}

.pinned-nav .build-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3);
}

.pinned-nav .bldf-bar {
  padding-bottom: 1rem;
}

@media (max-width: 639px) {
  .pinned-nav .bldf-title-text {
    display: none;
  }
}

.pinned-nav .bldf-filter-button {
  margin-top: 0;
}

.blct-container .ctms-overlay {
  display: block;
}

.blct-container .ctms-overlay-content {
  background-color: #ffffff;
}

.sis {
  position: relative;
  background: #ffffff;
}

.sv-bl-carousel-wrapper .sis {
  max-width: 1440px;
  margin: 0 auto;
}

.sis-header-wrapper {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  background-color: #ffffff;
  z-index: 2;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  transform: translateY(0);
}

.sis-header {
  width: 100%;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  padding: 1.125rem 1rem;
  margin: 0 auto;
  max-width: 120rem;
}

@media (min-width: 640px) {
  .sis-header {
    padding: 0.9375rem 1rem 1rem;
  }
}

@media (min-width: 1024px) {
  .sis-header {
    padding: 1rem 2rem 0.9375rem;
  }
}

@media (min-width: 1440px) {
  .sis-header {
    padding: 1rem 4.5rem 0.9375rem;
  }
}

.sis-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1.25rem;
  width: 100%;
}

.sis-controls {
  align-items: center;
  color: #002c5e;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  justify-content: space-between;
}

.sis-change-model {
  font-size: 0.875rem;
  font-weight: 700;
}

.sis-change-model-link {
  align-items: center;
  color: #002c5e;
  display: flex;
  text-decoration: none;
}

.sis-change-model-link .icon {
  height: 0.8125rem;
  margin-right: 0.375rem;
  width: 0.8125rem;
}

.sis-cta-wrapper {
  display: flex;
  gap: 0.5rem;
}

.sis-text-vin-btn {
  display: flex;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  align-self: stretch;
  border-radius: 6.1875rem;
  border: 0.0625rem solid #e6e6e6;
  color: #002c5e;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 0.875rem;
}

.sis-text-vin-btn svg {
  fill: white;
  width: 1rem;
  height: 1rem;
}

.sis-share-btn {
  display: flex;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 6.1875rem;
  border: 0.0625rem solid #e6e6e6;
  background: #ffffff;
  position: relative;
}

.sis-share-btn svg {
  fill: transparent;
  width: 1rem;
  height: 1rem;
}

.sis-save-vehicle-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
}

.sis-save-vehicle-btn .sis-save {
  display: flex;
  width: 2rem;
  height: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 6.1875rem;
  border: 0.0625rem solid #e6e6e6;
  background: #ffffff;
}

.sis-save-vehicle-btn .sis-save.sis-icon-disabled {
  background: #e6e6e6;
}

.sis-save-vehicle-btn svg {
  width: 1.125rem;
  height: 0.9375rem;
}

.sis-save-vehicle-btn .sis-save-icon svg {
  fill: none;
}

.sis-save-vehicle-btn .sis-saved-icon svg {
  fill: #002c5e;
}

.sis-save-vehicle-btn .sis-save-icon svg path {
  stroke: #002c5e;
}

.sis-share-popup {
  display: none;
}

@media (min-width: 1024px) {
  .sis-share-popup {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 2.875rem;
    right: -4.1875rem;
    z-index: 4;
  }
}

@media (min-width: 1440px) {
  .sis-share-popup {
    top: 2.9375rem;
    right: -4.375rem;
  }
}

@media (min-width: 1920px) {
  .sis-share-popup {
    right: -4.1875rem;
  }
}

.sis-share-popup-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 19.0625rem;
  padding: 1.5rem;
  background: #ffffff;
  border-radius: 1rem;
  box-shadow: 8px 4px 30px 0 rgba(0, 0, 0, 0.2);
  border: 0.0625rem solid #e6e6e6;
  position: relative;
  z-index: 2;
}

.sis-share-popup::after {
  content: '';
  position: absolute;
  display: block;
  width: 1.5rem;
  height: 0.625rem;
  right: 3.6875rem;
  top: -0.625rem;
  border: 0.75rem solid transparent;
  border-top: 0;
  border-bottom: 0.75rem solid #ffffff;
  transform: translate(-50%, 0) rotate(0deg);
  z-index: 9;
}

@media (min-width: 1440px) {
  .sis-share-popup::after {
    right: 3.875rem;
  }
}

@media (min-width: 1920px) {
  .sis-share-popup::after {
    right: 3.625rem;
  }
}

.sis-share-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #333333;
  width: 98%;
}

.sis-share-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #333333;
}

.sis-share-textarea {
  width: 100%;
  min-height: 5rem;
  resize: none;
  padding: 0.5rem;
  box-sizing: border-box;
  border-radius: 0.5rem;
  border: 0.0625rem solid #e6e6e6;
  background: #f3f3f3;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333333;
}

.sis-share-close-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 3;
}

.sis-share-close-button svg {
  fill: #333333;
  width: 1rem;
  height: 1rem;
}

.sis-share-close-button:hover svg {
  fill: #002c5e;
}

.sis-share-copy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
  color: #ffffff;
  height: 2.75rem;
  padding: 0 1.5rem;
  background: linear-gradient(to right, #001A38 50%, #002c5e 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
  text-decoration: none;
  cursor: pointer;
  border: none;
}

.sis-share-copy-btn:hover {
  background-position: left bottom;
}

.sis-share-copy-btn:active {
  transform: scale(0.97);
}

.sis-share-popup-backdrop {
  position: fixed;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000B2;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  z-index: 0;
}

@media (min-width: 640px) {
  .sis-share-popup-backdrop {
    background: transparent;
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
  }
}

.sis-saved-toast {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: absolute;
  bottom: -0.9375rem;
  right: 1rem;
  width: -webkit-max-content;
  width: max-content;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  background: #ffffff;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 #00000033;
  z-index: 3;
  transition: opacity 0.3s ease;
}

@media (min-width: 1024px) {
  .sis-saved-toast {
    right: 2rem;
  }
}

@media (min-width: 1440px) {
  .sis-saved-toast {
    right: 4.5rem;
  }
}

.sis-saved-toast-btn {
  color: #002c5e;
  font-weight: 500;
  line-height: 1rem;
  text-decoration: underline;
  cursor: pointer;
}

.sis-saved-vehicles {
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  margin-left: auto;
}

.sis-saved-vehicles .icon {
  height: 0.625rem;
  margin-left: 0.5rem;
  width: 0.625rem;
}

.sis-saved-vehicles.sis-toggle-open {
  color: #00aad2;
}

.sis-saved-vehicles.sis-toggle-open .icon {
  transform: rotate(180deg);
}

.sis-saved-vehicles-number {
  background-color: #00aad2;
  border-radius: 50%;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-right: 0.375rem;
  width: 1.25rem;
}

.sis-saved-vehicles-extra-text {
  display: none;
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .sis-header {
    padding: 1.125rem 1rem;
  }
}

@media (min-width: 1024px) {
  .sis {
    border-bottom: 0.0625rem solid #e6e6e6;
  }
  body.chat-opened .sis {
    border-bottom: 0;
  }
  body.chat-opened .sis-header {
    height: auto;
    padding: 1.125rem 2rem;
  }
  .sis-title {
    width: 13.75rem;
    margin: 0 1.25rem 0 2.625rem;
  }
  body.chat-opened .sis-title {
    width: 100%;
    margin: 0 0 1.25rem 0;
  }
  body.chat-opened .sis-controls {
    margin: 0;
  }
  .sis-saved-vehicles-extra-text {
    display: inline;
  }
  body.chat-opened .sis-saved-vehicles-extra-text {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sis {
    border-bottom: 0.0625rem solid #e6e6e6;
  }
  body.chat-opened .sis-header {
    height: 4rem;
    padding: 0;
  }
  .sis-title {
    width: 13.625rem;
    margin: 0 6.9375rem 0 4.5rem;
  }
  body.chat-opened .sis-title {
    width: 13.75rem;
    margin: 0 1.25rem 0 2.625rem;
  }
  body.chat-opened .sis-controls {
    margin: 0 2.625rem 0 0;
  }
  body.chat-opened .sis-saved-vehicles-extra-text {
    display: inline;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .sis-title {
    width: 13.625rem;
    margin: 0 6.9375rem 0 4.5rem;
  }
  body.chat-opened .sis-controls {
    margin: 0 4.5rem 0 0;
  }
}

.sis-item {
  text-align: left;
  position: relative;
  padding: 1rem;
}

@media (min-width: 640px) {
  .sis-item {
    padding: 1rem 1.5rem;
    margin-right: 1.25rem;
    width: 13.75rem;
  }
}

@media (min-width: 1440px) {
  .sis-item {
    margin-right: 3.125rem;
  }
}

.sis-item img {
  transform: scale(1.2);
}

.sis-item.sis-item-cpo img {
  transform: none;
}

.sis-text {
  display: flex;
  padding-right: 1rem;
  position: relative;
}

.sis-model-content {
  width: 100%;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

@media (min-width: 640px) {
  .sis-model-content {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.sis-vehicle-model-name {
  font-weight: 700;
}

.sis-vehicle-heading {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  padding-bottom: 0.5rem;
}

.sis-amount {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  margin-bottom: 1.25rem;
  min-height: 2.75rem;
}

.sis-price-number {
  display: block;
  color: #333333;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 500;
}

.sis-price-label {
  color: #888888;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.sis-item-clr-btn {
  margin: 0.1875rem 0 0 0.625rem;
}

.sis-remove-filter {
  margin-top: 2.5rem;
  display: flex;
  align-items: flex-start;
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  order: 2;
}

@media (min-width: 640px) {
  .sis-remove-filter {
    order: 0;
    margin-left: 0;
    margin-top: 2rem;
  }
}

.sis-clear-filter-container {
  padding: 0.9375rem 0 1.9375rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 640px) {
  .sis-clear-filter-container {
    padding-top: 0;
  }
}

@media (min-width: 1024px) {
  .sis-clear-filter-container {
    justify-content: space-between;
  }
}

.sis-item-clr-btn .icon {
  fill: #002c5e;
}

.sis-done-trigger {
  margin-top: 2.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  padding: 0.6875rem 1.75rem;
  order: 3;
}

@media (min-width: 640px) {
  .sis-done-trigger {
    margin-right: 0;
  }
}

.sis-updates,
.sis-date {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
}

.sis-details {
  color: #666666;
}

.sis-detail-list {
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  color: #666666;
  border-bottom: 0.0625rem solid #bababa;
  list-style-position: inside;
  padding-left: 0;
  font-size: 0.875rem;
  font-weight: 700;
  height: 2.8125rem;
}

.sis-location {
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.sis-dealer {
  display: block;
  color: #666666;
}

.sis-distance {
  display: block;
  color: #888888;
}

.sis-compare-date {
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  color: #888888;
}

.sis-item-close {
  position: absolute;
  top: 0;
  right: 0;
}

.sis-item-close-btn {
  display: flex;
  color: #002c5e;
}

.sis-item-close-btn .icon {
  width: 1.125rem;
  height: 1.125rem;
}

.sis-item-delete {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 1rem;
  z-index: 200;
}

@media (min-width: 640px) {
  .sis-item-delete {
    padding: 0 1.5rem;
  }
}

.sis-item-delete.sis-item-delete-show {
  display: flex;
}

.sis-item-delete-text {
  font-size: 1.5rem;
  font-weight: 500;
  color: #333333;
  text-align: center;
  margin-bottom: 1.75rem;
  width: 100%;
}

.sis-item-delete-buttons {
  display: flex;
  width: 100%;
}

.sis-item-delete-button:last-child {
  margin-left: auto;
}

.sis-delete-all {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 1rem;
  z-index: 3;
}

@media (min-width: 640px) {
  .sis-delete-all {
    padding: 0 1.5rem;
  }
}

.sis-delete-all.sis-delete-all-show {
  display: flex;
}

.sis-delete-all-text {
  font-size: 1.5rem;
  font-weight: 500;
  color: #333333;
  text-align: center;
  margin-bottom: 1.75rem;
}

.sis-delete-all-buttons {
  display: flex;
  width: 100%;
}

@media (min-width: 640px) {
  .sis-delete-all-buttons {
    width: 12.5rem;
  }
}

.sis-delete-all-button:last-child {
  margin-left: auto;
}

.sis-item-unavailable-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: calc(100% - 45px);
  background: rgba(255, 255, 255, 0.9);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  color: #333333;
  text-align: center;
  margin-bottom: 1.75rem;
}

@media (min-width: 640px) {
  .sis-item-unavailable-text {
    padding: 0 1.5rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .sis-item-unavailable-text p {
    width: 100%;
  }
}

.sis-item-unavailable .sis-item-close {
  z-index: 100;
}

.sis-item-build-cta {
  color: #002c5e;
  text-decoration: none;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
}

@media (min-width: 640px) {
  .sis-item-build-cta {
    font-size: 0.875rem;
  }
}

.sis-item-build-cta svg {
  display: inline-block;
  fill: currentColor;
  height: 0.625rem;
  margin-left: 0.375rem;
  width: 0.5rem;
  vertical-align: middle;
}

.sis-item-build-btn {
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
}

.sis-item-build-btn svg {
  display: inline-block;
  fill: currentColor;
  height: 0.625rem;
  margin-left: 0.375rem;
  width: 0.5rem;
  vertical-align: middle;
}

.sis-arrow-container {
  position: relative;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .sis-arrow-container {
    padding: 0 3.75rem;
  }
}

@media (min-width: 1024px) {
  .sis-arrow-container {
    padding: 0 7.5rem;
  }
}

.sis-legal {
  padding: 2.5rem 2rem 0;
  font-weight: 700;
  color: #666666;
  font-size: 0.875rem;
}

@media (min-width: 640px) {
  .sis-legal {
    padding: 2.5rem 5.25rem 0;
  }
}

@media (min-width: 1024px) {
  .sis-legal {
    padding: 2.5rem 9rem 0;
  }
}

.sis-slick-prev,
.sis-slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #002c5e;
  z-index: 2;
}

@media (max-width: 639px) {
  .sis-slick-prev,
  .sis-slick-next {
    display: none;
  }
}

.sis-slick-prev .icon,
.sis-slick-next .icon {
  width: 1.5rem;
  height: 1.5rem;
}

.sis-slick-next {
  right: 0;
}

.sis-slick-prev {
  left: 0;
}

.sis-slick-nav {
  width: 100%;
  margin: auto;
  justify-content: space-between;
}

@media (min-width: 640px) {
  .sis-slick-nav {
    width: auto;
    margin-top: 2rem;
  }
}

@media (min-width: 1024px) {
  .sis-slick-nav {
    justify-content: center;
    padding: 0 1rem 0;
  }
}

.sis-slick-next-mobile,
.sis-slick-prev-mobile,
.sis-slick-next,
.sis-slick-prev {
  color: #002c5e;
}

.sis-slick-next-mobile.slick-disabled,
.sis-slick-prev-mobile.slick-disabled,
.sis-slick-next.slick-disabled,
.sis-slick-prev.slick-disabled {
  cursor: default;
  color: #bababa;
}

.sis-slick-nav .sis-slick-next-mobile,
.sis-slick-nav .sis-slick-prev-mobile {
  position: absolute;
  display: block;
  top: 46%;
}

.sis-slick-nav .sis-slick-next-mobile .icon,
.sis-slick-nav .sis-slick-prev-mobile .icon {
  height: 0.8125rem;
  width: 0.8125rem;
}

@media (min-width: 640px) {
  .sis-slick-nav .sis-slick-next-mobile,
  .sis-slick-nav .sis-slick-prev-mobile {
    display: none;
  }
}

.sis-slick-nav .sis-slick-prev-mobile {
  left: 1rem;
}

.sis-slick-nav .sis-slick-next-mobile {
  right: 1rem;
}

.sis-dots-container .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.sis-dots-container .slick-active button {
  background-color: #00aad2;
}

.sis-dots-container button {
  background-color: #888888;
  border-radius: 50%;
  color: transparent;
  display: inline-block;
  height: 0.5625rem;
  width: 0.5625rem;
}

@media (min-width: 640px) {
  .sis-dots-container button {
    outline: none;
  }
}

.sis-dots-container li {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0.625rem;
  padding-right: 0.6875rem;
  border: 0.0625rem solid transparent;
}

@media (min-width: 640px) {
  .sis-dots-container li {
    padding: 0.625rem 0.9375rem;
  }
}

.sis-dots-container li button:focus {
  outline: none;
}

@media (min-width: 640px) {
  .sis-dots-container li.slick-active {
    border-color: #002c5e;
    border-radius: 1rem;
    padding: 0.625rem 0.9375rem;
  }
  .sis-dots-container li.slick-active:before {
    content: '';
    background-color: #00aad2;
    border-radius: 50%;
    color: transparent;
    height: 0.5625rem;
    margin-right: 2rem;
    width: 0.5625rem;
  }
}

@media (min-width: 1024px) {
  .sis-dots-container li.slick-active:after {
    content: '';
    background-color: #00aad2;
    border-radius: 50%;
    color: transparent;
    height: 0.5625rem;
    margin-left: 2rem;
    width: 0.5625rem;
  }
}

.slick-current .sis-item {
  padding-right: 0.5rem;
}

@media (min-width: 640px) {
  .slick-current .sis-item {
    padding-right: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .slick-current .sis-item {
    padding-right: 1.5rem;
  }
}

.sis-container {
  width: 100%;
  position: relative;
  background: #ffffff;
}

.sis-carousel-wrapper {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 1000;
  width: 100%;
  background: #ffffff;
  padding-top: 2rem;
  padding-right: 1rem;
  padding-left: 1rem;
}

.sv-bl-carousel-wrapper .sis-carousel-wrapper {
  position: relative;
}

@media (min-width: 640px) {
  .sis-carousel-wrapper {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 1024px) {
  .sis-carousel-wrapper {
    padding-right: 2.625rem;
    padding-left: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .sis-carousel-wrapper {
    padding-right: 4.5rem;
    padding-left: 4.5rem;
  }
}

.sis-carousel-wrapper .slick-track {
  display: flex;
}

.sis-carousel-wrapper .slick-slide {
  height: inherit;
}

.sis-show-panel {
  display: block;
}

.sis-backdrop {
  z-index: 980;
}

.sis-search-empty {
  padding: 3.75rem 1rem 7rem;
  text-align: center;
}

.sis-empty-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  color: #333333;
  font-weight: 500;
  margin-bottom: 0.75rem;
}

.sis-empty-instruction {
  font-size: 1rem;
  color: #666666;
}

.sis-empty-instruction .icon {
  display: inline-block;
}

.sis-error-modal {
  display: none;
}

.sis-error-modal.modal {
  display: flex;
}

.sis-error-modal .modal-content {
  max-width: 29.0625rem;
}

.sis-error-modal .sis-error-title {
  display: flex;
}

.sis-error-modal .sis-error-icon {
  height: 100%;
  width: 3.125rem;
  margin-right: 1.25rem;
}

.sis-error-modal .icon-error {
  fill: #e63312;
  height: 100%;
  width: 100%;
}

.sis-error-modal hr {
  margin: 1.25rem 0;
}

.sis-error-modal .sis-error-message {
  margin-bottom: 1.25rem;
}

.sis-compare-panel {
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 1440px) {
  .sis-compare-panel {
    padding: 0 4.5rem;
  }
}

.sis-in-transit {
  background-color: #e6e6e6;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.125rem 0.5rem;
}

.sis-contact-dealer {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
}

.sis-contact-dealer .icon {
  color: #002c5e;
}

.sis-call-dealer {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
}

.sis-item-details {
  margin-top: auto;
}

.sis-carousel-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

@media (min-width: 1024px) {
  body.chat-opened .sis-carousel-backdrop {
    right: 23.4375rem;
  }
}

.sis-tooltip-pop-up-container {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1002;
  right: auto;
  transform: translate(-50%, -50%);
}

@media (min-width: 1024px) {
  .sis-tooltip-pop-up-container {
    position: absolute;
    right: 0rem;
    top: 4rem;
    left: auto;
    transform: none;
  }
}

@media (min-width: 1440px) {
  .sis-tooltip-pop-up-container {
    right: 2.5625rem;
  }
}

.sis-tooltip-pop-up-inner {
  position: relative;
  width: 20rem;
  border-radius: 1rem;
  border: 0.0625rem solid #EDEDED;
  background: #ffffff;
  box-shadow: 0.5rem 0.25rem 1.875rem rgba(0, 0, 0, 0.2);
  padding: 1.5rem;
  gap: 1rem;
  display: flex;
  flex-direction: column;
  z-index: 1;
  text-align: left;
}

@media screen and (max-width: 1023px) {
  .sis-tooltip-pop-up-inner {
    width: 21.4375rem;
    margin: auto;
  }
}

.sis-tooltip-pop-up-exit-btn {
  position: absolute;
  top: 0.5625rem;
  right: 0.5rem;
  padding: 0.375rem;
  display: flex;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}

.sis-tooltip-pop-up-exit-btn svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  stroke-width: 0.0625rem;
  stroke: #002c5e;
}

.sis-popup-header {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  /* 111.111% */
}

.sis-popup-description {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
}

.sis-popup-description span {
  font-weight: 700;
}

.sis-popup-buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.sis-popup-saved-vehicles {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #002c5e;
  text-decoration: underline;
  cursor: pointer;
}

.sis-popup-arrow {
  position: absolute;
  top: -0.75rem;
  transform: rotate(180deg);
  right: 2.1875rem;
}

@media (min-width: 1440px) {
  .sis-popup-arrow {
    right: 2.125rem;
  }
}

.sis-popup-arrow svg {
  width: 1.5rem;
  height: 0.75rem;
  fill: #ffffff;
  filter: drop-shadow(8px 4px 30px rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 1023px) {
  .sis-popup-arrow {
    display: none;
  }
}

.sis-pop-up-backdrop {
  position: fixed;
  display: flex;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  z-index: 1001;
}

@media screen and (max-width: 1023px) {
  .sis-pop-up-backdrop {
    display: block;
    background: #000000B2;
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
  }
}

.sis-no-scroll {
  overflow: hidden;
}

@media (min-width: 1024px) {
  .sis-no-scroll {
    overflow: auto;
  }
}

.offlt-bar {
  background: #ffffff;
  position: relative;
  margin: 0 auto 0.375rem;
  padding: 0 1rem;
  z-index: 1000;
}

@media (min-width: 640px) {
  .offlt-bar {
    padding: 0;
    z-index: 995;
    height: 4.375rem;
  }
}

.offlt-bar.sticky-bar-on {
  position: fixed;
  padding-bottom: 0.625rem;
}

.offlt-bar.sticky-bar-bottom {
  position: absolute;
}

.offlt {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .offlt {
    padding: 1rem 2rem 0;
  }
}

@media (min-width: 1024px) {
  .offlt {
    padding: 1.5rem 2.625rem;
    flex-wrap: nowrap;
  }
}

@media (min-width: 1440px) {
  .offlt {
    padding: 1.5rem 4.5rem;
  }
}

.offlt-title {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  white-space: nowrap;
}

@media (max-width: 1023px) {
  .offlt-title {
    width: 50%;
  }
}

@media (max-width: 639px) {
  .offlt-title {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 0.8125rem;
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .offlt-title {
    padding-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .offlt-title {
    padding-right: 6.875rem;
  }
}

.offlt-title-text {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  white-space: nowrap;
}

.offlt-title-location {
  color: #002c5e;
  cursor: pointer;
}

.offlt-title-location .icon {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  color: #002c5e;
  margin-right: 0.25rem;
}

.offlt-seperator {
  color: #888888;
  margin: 0 0.8125rem 0 1rem;
}

.offlt-dealer-text {
  color: #002c5e;
  font-weight: 700;
  cursor: pointer;
}

.offlt-dealer-text .icon {
  position: relative;
  bottom: 0;
  width: 0.5rem;
  height: 0.5625rem;
  display: inline-block;
}

@media (min-width: 640px) {
  .offlt-dealer-text .icon {
    height: 0.625rem;
    margin-left: 0.125rem;
  }
}

.offlt-dealer-text .sticky-icon-wrap {
  position: relative;
}

.offlt-filter-container {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  flex-grow: 1;
}

@media (min-width: 640px) {
  .offlt-filter-container {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .offlt-filter-container {
    display: none;
  }
}

.offlt-filter-tab {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}

@media (max-width: 639px) {
  .offlt-filter-tab {
    display: flex;
    flex-grow: 1;
  }
}

.offlt-filter-button {
  border: 1px solid #888888;
  color: #888888;
  font-weight: 700;
  height: 2.375rem;
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.25rem;
  width: 100%;
  background-color: #ffffff;
}

.offlt-filter-button span {
  white-space: pre;
}

@media (min-width: 640px) {
  .offlt-filter-button {
    max-width: 6rem;
    margin-top: 0;
  }
}

.offlt-tab-container {
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-start;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  z-index: 1001;
}

@media (min-width: 1024px) {
  .offlt-tab-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    max-width: 50rem;
    position: relative;
    background: none;
  }
}

.offlt-menu-overlay-active .offlt-tab-container {
  display: flex;
}

.offlt-tab-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3.75rem;
  z-index: 10;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .offlt-tab-header {
    display: none;
  }
}

.offlt-tab-body {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 3.75rem;
  width: 100%;
  height: 100%;
  z-index: 5;
}

@media (min-width: 1024px) {
  .offlt-tab-body {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    padding-top: 0;
    overflow: visible;
    width: 100%;
  }
}

.offlt-tab-text {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  padding-right: 0.5rem;
  display: none;
}

@media (min-width: 1024px) {
  .offlt-tab-text {
    display: block;
  }
}

.offlt-menu-footer {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background: #f3f3f3;
}

@media (min-width: 640px) {
  .offlt-menu-footer {
    padding: 0.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .offlt-menu-footer {
    background: #ffffff;
    padding: 1.75rem 0 0;
    border-top: 1px solid #bababa;
  }
}

.offlt-tab .offlt-menu-footer {
  display: none;
}

@media (min-width: 1024px) {
  .offlt-tab .offlt-menu-footer {
    display: flex;
  }
}

.offlt-tab-header .offlt-menu-footer {
  display: flex;
}

@media (min-width: 1024px) {
  .offlt-tab-header .offlt-menu-footer {
    display: none;
  }
}

.offlt-mv-label {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 500;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  color: #333333;
  align-self: flex-start;
  padding: 1.5rem 0 0.375rem;
}

@media (min-width: 640px) {
  .offlt-mv-label {
    padding: 1.5rem 0 0.75rem;
  }
}

@media (min-width: 1024px) {
  .offlt-mv-label {
    display: none;
  }
}

.offlt-tab {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .offlt-tab {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .offlt-tab {
    padding: 0 0.5rem;
  }
}

.offlt-menu-selected .offlt-button,
.offlt-menu-selected .offlt-filter-button,
.offlt-button.offlt-active-filter,
.offlt-filter-button.offlt-active-filter {
  border-color: #00aad2;
  color: #00aad2;
}

.offlt-active .offlt-button,
.offlt-menu-overlay-active .offlt-filter-button {
  background: #00aad2;
  color: #ffffff;
  border-color: #00aad2;
}

.offlt-tab-menu {
  min-width: 100%;
  padding: 0;
}

@media (min-width: 1024px) {
  .offlt-tab-menu {
    max-height: calc(100vh - 134px);
    height: auto;
    overflow-y: auto;
    border: 0;
    display: none;
    padding: 2rem 2rem 1.25rem;
    background-color: #ffffff;
    right: 0;
    position: absolute;
    top: 100%;
    margin-top: 0.5rem;
    min-width: auto;
  }
}

@media (min-width: 1440px) {
  .offlt-tab-menu {
    padding: 2.5rem 2.5rem 1.75rem;
  }
}

.offlt-active .offlt-tab-menu {
  display: block;
}

.offlt-fuel-image {
  cursor: pointer;
}

.offlt-backdrop {
  z-index: 980;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.offlt-button {
  width: 100%;
  height: 2.375rem;
  border: 1px solid #888888;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #ffffff;
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: center;
  padding: 0 1.5625rem;
  display: none;
}

@media (min-width: 1024px) {
  .offlt-button {
    display: block;
  }
}

.offlt-button-done {
  min-width: 6.1875rem;
}

.offlt-menu-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding-bottom: 1.5rem;
}

@media (min-width: 640px) {
  .offlt-menu-container {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}

.offlt-drtr {
  padding-bottom: 2.5rem;
  justify-content: flex-start;
}

@media (min-width: 1024px) {
  .offlt-drtr {
    justify-content: space-between;
    min-width: 22rem;
    padding-bottom: 2rem;
    padding-left: 0;
  }
}

.offlt-menu-drtr {
  margin-right: 2.75rem;
}

@media (min-width: 1024px) {
  .offlt-menu-drtr {
    margin-right: 0;
    width: 25%;
  }
}

.offlt-menu-drtr:last-child {
  margin-right: 0;
}

.offlt-fuel-image {
  display: inline-block;
}

.offlt-fuel-image svg {
  width: 4rem;
  height: 3.375rem;
  fill: #bababa;
  display: block;
  margin: 0 auto;
}

.offlt-bs-label {
  display: block;
  color: #002c5e;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  text-align: center;
  margin-top: 0.625rem;
}

@media (min-width: 1024px) {
  .offlt-menu-button-clear-label-mv {
    display: none;
  }
}

.offlt-menu-button-link {
  background-color: #ffffff;
  color: #002c5e;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.offlt-menu-button-clear {
  background: transparent;
}

.offlt-menu-button-clear .icon-close {
  margin-left: 0.25rem;
}

.offlt-menu-button-clear span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.offlt-nav-button-clear {
  display: none;
  background: transparent;
}

.offlt-nav-button-clear .icon-close {
  margin-left: 0.25rem;
}

@media (min-width: 1024px) {
  .offlt-nav-button-clear {
    display: flex;
    padding-left: 0.5rem;
  }
}

.offlt-clear-active .offlt-menu-button-clear,
.offlt-menu-selected .offlt-menu-button-clear {
  visibility: visible;
}

.offlt-menu-button-clear-label {
  display: inline-block;
  margin-right: 0.125rem;
}

.offlt-tab-menu-last {
  align-self: flex-end;
  border: 0;
  margin-top: 0.5rem;
}

@media (min-width: 1440px) {
  .offlt-tab-menu-last {
    align-self: center;
  }
}

.offlt-menu-features {
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .offlt-menu-features {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .offlt-menu-features {
    width: 55rem;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 1440px) {
  .offlt-menu-features {
    width: 67.375rem;
  }
}

.offlt-vehicle-col {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  flex: 1 1 auto;
}

@media (max-width: 1023px) {
  .offlt-vehicle-col1 {
    flex-basis: 100%;
  }
}

.offlt-vehicle-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  padding-bottom: 1.125rem;
  padding-top: 0.75rem;
}

.offlt-mf-filter-checkbox {
  cursor: pointer;
  position: relative;
  width: 100%;
  padding-bottom: 0.75rem;
}

.offlt-mf-filter-checkbox .form-checkbox-input:focus + .form-checkbox-box {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .offlt-mf-filter-checkbox .form-checkbox-input:focus + .form-checkbox-box {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.offlt-mf-label-text {
  margin-left: 1.625rem;
  display: inline-block;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.offlt-menu-active svg {
  fill: #00aad2;
}

.offlt-menu-active .offlt-bs-label {
  color: #00aad2;
}

.og {
  max-width: 1440px;
  margin: 0 auto;
  padding: 2rem 1rem;
  position: relative;
}

@media (min-width: 640px) {
  .og {
    padding: 2rem 2rem;
  }
}

@media (min-width: 1024px) {
  .og {
    padding: 2rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .og {
    padding: 2rem 4.5rem;
  }
}

.og-container {
  max-width: 1440px;
  margin: 0 auto;
}

.og-container + .og-container {
  padding-top: 3rem;
}

@media (max-width: 639px) {
  .og-container + .og-container {
    padding-top: 0;
  }
}

.og-loading-indicator {
  min-height: 25rem;
  position: relative;
}

.og-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.25rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .og-title {
    font-size: 1.875rem;
  }
}

.og-category {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.375rem;
  text-align: center;
  margin-bottom: 0.75rem;
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .og-category {
    font-size: 1.375rem;
    padding-top: 3rem;
  }
}

@media (max-width: 639px) {
  .og-category.more-offers + .og-row {
    padding-top: 0.5rem;
  }
}

.og-row {
  display: block;
  padding: 2.5rem 0;
  border-bottom: 1px solid #bababa;
}

@media (min-width: 640px) {
  .og-row {
    padding: 3rem 0;
  }
}

@media (min-width: 1024px) {
  .og-row {
    display: flex;
  }
}

@media (min-width: 1440px) {
  .og-row {
    display: flex;
    padding: 3.5rem 0;
  }
}

.og-vehicle-desc {
  max-width: 100%;
  text-align: center;
}

@media (min-width: 1024px) {
  .og-vehicle-desc {
    text-align: left;
    max-width: 25%;
    flex-basis: 25%;
  }
}

.og-cards {
  display: block;
  max-width: 100%;
}

@media (min-width: 640px) {
  .og-cards {
    display: flex;
  }
}

@media (min-width: 1024px) {
  .og-cards {
    max-width: 75%;
    flex-basis: 75%;
  }
}

.og-car-image {
  margin: 0 auto;
}

@media (max-width: 22.5rem) {
  .og-car-image {
    max-width: 18.75rem;
  }
}

@media (min-width: 640px) {
  .og-car-image {
    flex-basis: 33.3333333333%;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .og-car-image {
    max-width: 16.5rem;
  }
}

.og-car-meta {
  color: #333333;
}

@media (min-width: 640px) {
  .og-car-meta {
    padding-left: 1rem;
    text-align: left;
    min-width: 11.5rem;
    flex-basis: 33.3333333333%;
  }
}

@media (min-width: 1024px) {
  .og-car-meta {
    padding-left: 0;
  }
}

.og-car-meta-link {
  color: #002c5e;
}

@media (min-width: 640px) {
  .og-car-meta-link {
    padding-left: 1rem;
    text-align: left;
    min-width: 11.5rem;
    flex-basis: 33.3333333333%;
  }
}

@media (min-width: 1024px) {
  .og-car-meta-link {
    padding-left: 0;
  }
}

.og-car-model {
  display: flex;
  justify-content: center;
  padding-top: 0.125rem;
}

@media (min-width: 640px) {
  .og-car-model {
    display: block;
  }
}

.og-car-price {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-top: 0.1875rem;
}

@media (min-width: 640px) {
  .og-car-price {
    padding-left: 0.75rem;
    text-align: left;
    display: block;
    padding-top: 1.5625rem;
    flex-basis: 33.3333333333%;
  }
}

@media (min-width: 1024px) {
  .og-car-price {
    padding-left: 0;
    padding-top: 0.5rem;
  }
}

.og-spec-label {
  margin-right: 0.5rem;
}

@media (min-width: 640px) {
  .og-spec-label {
    margin-right: 0;
  }
}

.og-car-year {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.375rem;
  font-weight: 400;
  position: relative;
  top: 0.125rem;
  margin-right: 0.125rem;
}

@media (min-width: 640px) {
  .og-car-year {
    font-size: 1rem;
    top: 0;
  }
}

.og-car-link {
  text-decoration: none;
  color: #002c5e;
}

.og-car-link:hover {
  color: #00aad2;
}

.og-car-link .icon {
  position: relative;
  bottom: 0.1875rem;
  width: 1rem;
  height: 0.5625rem;
  display: inline-block;
}

@media (min-width: 640px) {
  .og-car-link .icon {
    bottom: 0.375rem;
    height: 0.625rem;
    margin-left: 0.1875rem;
  }
}

.og-car-link .sticky-icon-wrap {
  position: relative;
}

.og-car-name {
  justify-content: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.625rem;
  padding-left: 0.125rem;
}

@media (min-width: 640px) {
  .og-car-name {
    justify-content: left;
    font-size: 1.875rem;
    line-height: 2.25rem;
    padding-left: 0;
  }
}

.og-car-tagline {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
}

.og-spec-label {
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.og-spec-value {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
}

.og-card {
  margin: 0;
  text-align: center;
  position: relative;
  margin-top: 3.4375rem;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  flex: 0 0 13.4375rem;
}

@media (min-width: 640px) {
  .og-card {
    margin-top: 0;
    flex-basis: 33.3333333333%;
    padding: 0 0.5rem;
  }
}

.og-button {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  text-decoration: none;
  width: 100%;
  max-width: 11rem;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .og-button {
    max-width: 9.5rem;
  }
}

@media (min-width: 1024px) {
  .og-button {
    max-width: 11rem;
  }
}

.og-offer-expiry {
  padding-top: 1.125rem;
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: center;
}

.og-vehicle {
  display: block;
}

@media (min-width: 640px) {
  .og-vehicle {
    display: flex;
    align-items: flex-start;
    padding-bottom: 2.25rem;
  }
}

@media (min-width: 1024px) {
  .og-vehicle {
    display: block;
    padding-bottom: 0;
  }
}

.og-offer {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
}

.og-price {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  padding-top: 0.5rem;
}

.og-price b {
  display: inline-block;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 2.25rem;
}

.og-price span {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.875rem;
}

.og-amount {
  font-size: 1.875rem;
  line-height: 2.25rem;
  margin-right: 0.3125rem;
}

.og-offer-text {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
  padding: 0.5rem 0 1.625rem;
}

.og-card-details {
  margin-top: auto;
}

.og-no-results-error {
  padding: 1rem;
  background-color: #f3f3f3;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
  max-width: 1440px;
  margin: 0.9375rem auto;
}

.og-no-results-error .og-no-results-text {
  font-weight: 700;
}

@media (min-width: 640px) {
  .og-no-results-error {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.og-hand-raiser-form {
  margin: 4.0625rem auto;
}

@media (max-width: 1023px) {
  .og-hand-raiser-form .hrf-container {
    padding: 0 2rem;
  }
}

.og-image-disclaimer {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 400;
  margin: 0.5rem 0 0.9375rem 0;
  z-index: 100000;
  text-align: left;
}

@media (max-width: 1023px) {
  .og-image-disclaimer {
    text-align: center;
  }
}

.offers-list {
  min-height: 25rem;
  position: relative;
}

.offers-hero {
  display: flex;
  flex-direction: column;
}

.offers-hero-banner {
  background-color: #f3f3f3;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  padding: 1.25rem 2.5rem;
  text-align: center;
}

.offers-hero-image {
  min-height: 1px;
  width: 100%;
}

@media (min-width: 1024px) {
  .offers-hero-banner {
    font-size: 1.5rem;
    line-height: 1.625rem;
    padding: 1.5rem 2.625rem;
  }
}

.pcnf {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 1rem 1rem 3rem;
}

@media (min-width: 640px) {
  .pcnf {
    padding: 2rem 2rem 5rem;
  }
}

@media (min-width: 1024px) {
  .pcnf {
    display: flex;
    padding: 2rem 2.625rem 6.25rem;
  }
}

@media (min-width: 1440px) {
  .pcnf {
    padding: 2rem 4.5rem 5rem;
  }
}

.pcnf-filter {
  padding-bottom: 1rem;
}

@media (min-width: 1024px) {
  .pcnf-filter {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-right: 1.125rem;
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .pcnf-filter {
    padding-right: 2.5rem;
    padding-bottom: 4rem;
  }
}

@media (min-width: 1024px) {
  .pcnf-filter-nav {
    max-width: 13.375rem;
  }
}

@media (min-width: 1440px) {
  .pcnf-filter-nav {
    max-width: 16.125rem;
  }
}

.pcnf-title {
  margin-bottom: 1.75rem;
}

.pcnf-title-header {
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  color: #333333;
  margin-bottom: 0.25rem;
  white-space: nowrap;
}

.pcnf-title-required {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #666666;
}

.pcnf-select-box {
  position: relative;
}

.pcnf-filter-nav {
  position: relative;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 1rem;
}

.pcnf-select-box {
  border-bottom: 1px solid #bababa;
  padding-bottom: 0.625rem;
  margin-bottom: 0.625rem;
}

.pcnf-select-arrow {
  position: absolute;
  right: 0;
  width: 0.875rem;
  top: 1.125rem;
  color: #002c5e;
  height: 0.5rem;
}

.pcnf-select-arrow .icon {
  height: auto;
}

span.pcnf-select-arrow {
  pointer-events: none;
}

.pcnf-model {
  position: relative;
  padding: 0.75rem 1rem 0.75rem 0;
  white-space: normal;
  border: 0;
  width: 100%;
  color: #002c5e;
  font-weight: 700;
  background: #ffffff;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /*For IE*/
}

.pcnf-model::-ms-expand {
  display: none;
}

.pcnf-model:disabled {
  color: #bababa;
}

.pcnf-model:disabled ~ .pcnf-select-arrow {
  color: #bababa;
}

.pcnf-button-container {
  margin: 2.25rem 0;
}

@media (min-width: 640px) {
  .pcnf-button-container {
    margin-top: 3.375rem;
  }
}

@media (min-width: 1024px) {
  .pcnf-button-container {
    margin-top: 2rem;
  }
}

@media (min-width: 1440px) {
  .pcnf-button-container {
    margin-top: 3.75rem;
  }
}

.pcnf-button {
  padding: 0 2rem;
}

.pcnf-link {
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  width: 100%;
  text-align: left;
  display: inline-flex;
  align-items: baseline;
  text-decoration: none;
  margin-bottom: 0.75rem;
}

.pcnf-link .icon {
  display: inline-block;
  margin-left: 0.5rem;
}

.pcnf-link .icon-chevron-right-thick {
  height: 0.5rem;
  margin-left: 0.125rem;
}

.pcnf-link:hover {
  text-decoration: underline;
}

@media (min-width: 640px) {
  .pcnf-filter-hero {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
  }
}

@media (min-width: 1024px) {
  .pcnf-filter-hero {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding-top: 2.375rem;
  }
}

@media (min-width: 1024px) {
  .pcnf-filter-hero {
    padding-top: 2.75rem;
  }
}

.pcnf-hero-container {
  margin-bottom: 1.375rem;
}

@media (min-width: 640px) {
  .pcnf-hero-container {
    flex-basis: 66%;
    max-width: 66%;
  }
}

@media (min-width: 1024px) {
  .pcnf-hero-container {
    flex-basis: 74%;
    max-width: 74%;
    padding-right: 1rem;
    padding-left: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .pcnf-hero-container {
    padding-left: 1rem;
    padding-right: 1.75rem;
  }
}

.pcnf-hero-none-selected {
  margin: auto;
}

@media (min-width: 1024px) {
  .pcnf-hero-none-selected {
    margin-left: 0;
  }
}

.pcnf-hero-text {
  margin-bottom: 0.75rem;
}

.pcnf-hero-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
}

.pcnf-vehicle-year {
  font-weight: 400;
}

.pcnf-hero-trim {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.pcnf-details-container {
  align-self: center;
  margin-top: 32px;
}

@media (min-width: 1024px) {
  .pcnf-details-container {
    margin-top: 0;
  }
}

@media (min-width: 1440px) {
  .pcnf-details-container {
    margin-top: 0;
    margin-bottom: 60px;
  }
}

.pcnf-details-row {
  margin-bottom: 1rem;
}

.pcnf-details-row dt {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #888888;
}

.pcnf-details-row dd {
  margin: 0;
  display: flex;
  align-items: baseline;
}

.pcnf-details-row dd .tooltip-trigger {
  align-self: flex-start;
}

.pcnf-details-text-dd {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.875rem;
  margin-right: 0.375rem;
}

.pcnf-details-text-static {
  margin-right: 0.375rem;
}

.pcnf-hero-image {
  margin-bottom: 1.125rem;
}

.pcnf-disclaimer-text {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  color: #888888;
}

.three-col-raq {
  margin: 0 auto;
}

.three-col-raq-title-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 2rem 1rem 1rem;
  text-align: center;
}

@media (min-width: 640px) {
  .three-col-raq-title-container {
    padding: 2rem 2rem 1rem;
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .three-col-raq-title-container {
    padding: 2rem 2.625rem 2.5rem;
  }
}

@media (min-width: 1440px) {
  .three-col-raq-title-container {
    padding: 2rem 4.5rem 2.5rem;
  }
}

.three-col-raq-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  color: #333333;
}

.three-col-raq-sub-title {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #333333;
}

.three-col-astrisk {
  color: #e63312;
}

.three-col-raq-col-container {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  width: 100%;
  max-width: 1440px;
  padding: 0 1rem;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .three-col-raq-col-container {
    gap: 2rem;
    padding: 0 4.5rem;
    margin-bottom: 2rem;
  }
  .three-col-raq-col-container:after {
    content: '';
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}

@media (min-width: 1024px) {
  .three-col-raq-col-container {
    flex-direction: row;
    justify-content: space-between;
    gap: unset;
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .three-col-raq-col-container {
    padding: 0 4.5rem;
  }
}

.three-col-raq-col {
  width: 100%;
}

.three-col-raq-col:last-child {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .three-col-raq-col {
    max-width: 16.3125rem;
    flex-basis: 16.3125rem;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 1440px) {
  .three-col-raq-col {
    margin-bottom: 2rem;
  }
}

.three-col-raq-col-number {
  display: block;
  margin: 0 auto;
  width: 2.375rem;
  height: 2.375rem;
  background-color: #002c5e;
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  line-height: 2.5rem;
  text-align: center;
  border-radius: 50%;
}

.three-col-raq-col-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1.875rem;
  padding: 0.625rem 0 1.875rem;
  position: relative;
}

.three-col-raq-col-title:after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid #666666;
}

.three-col-raq-vehicle-select {
  border-bottom: 1px solid #bababa;
  position: relative;
  overflow: auto;
  color: #002c5e;
}

.three-col-raq-vehicle-select .icon {
  position: absolute;
  top: 1.5rem;
  right: 0;
}

.three-col-raq-vehicle-selector {
  width: 100%;
  -webkit-appearance: none;
          appearance: none;
  border: none;
  font-size: 1rem;
  font-weight: 500;
  background-color: #ffffff;
  white-space: normal;
  color: #002c5e;
  padding: 1.5rem 1rem 1.5rem 0;
}

.three-col-raq-vehicle-selector:disabled {
  color: #bababa;
}

.three-col-raq-vehicle-selector::-ms-expand {
  display: none;
}

.three-col-raq-vehicle-select-disabled {
  pointer-events: none;
  color: #bababa;
}

.three-col-raq-error {
  border-bottom: 1px solid #e63312;
}

.three-col-raq-vehicle-error {
  font-size: 1rem;
  font-weight: 500;
}

.three-col-raq-vehicle .three-col-raq-disclaimer-exterior,
.three-col-raq-vehicle .three-col-raq-disclaimer-interior {
  display: none;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 900;
  line-height: 1.25rem;
  color: #888888;
  margin: 0.5rem 0;
}

.three-col-raq-vehicle .three-col-raq-disclaimer-show {
  display: block;
}

.three-col-raq-dealers {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.three-col-raq-location-pin {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 1.875rem 0 1.125rem;
}

.three-col-raq-change-zip-button {
  color: #002c5e;
  font-weight: 500;
}

.three-col-raq-change-zip-button .icon {
  height: 1rem;
}

.three-col-raq-dealers-carousel-container {
  position: relative;
  visibility: hidden;
}

.three-col-raq-dealers-carousel-container.carousel-initialized {
  visibility: visible;
}

.three-col-raq-dealers-carousel-container.carousel-initialized .slick-list,
.three-col-raq-dealers-carousel-container.carousel-initialized .slick-list.dragging {
  cursor: default;
}

.three-col-raq-dealer-name {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: center;
  width: 10rem;
  height: 2.75rem;
  margin: 0 auto 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.three-col-raq-dealer-location {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.375rem;
  color: #666666;
}

.three-col-raq-dealer-distance,
.three-col-raq-dealer-address {
  margin-bottom: 1rem;
}

.three-col-raq-dealer-street {
  display: block;
}

.three-col-raq-dealer-link {
  text-align: center;
  margin: 0.5rem 0 1.5rem;
}

.three-col-raq-dealer-link a {
  text-decoration: none;
}

.three-col-raq-dealer-link button {
  padding: 0 1.25rem;
}

.three-col-raq-dealer-link svg {
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.4375rem;
}

.three-col-raq-dealer-map {
  width: 100%;
}

.three-col-raq-dealer-slick-prev,
.three-col-raq-dealer-slick-next {
  position: absolute;
  top: 0.3125rem;
}

.three-col-raq-dealer-slick-prev .icon,
.three-col-raq-dealer-slick-next .icon {
  color: #002c5e;
  height: 2rem;
}

.three-col-raq-dealer-slick-prev {
  left: 0;
  z-index: 10;
}

.three-col-raq-dealer-slick-next {
  right: 0;
}

.three-col-raq-dots-container .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.three-col-raq-dots-container .slick-active button {
  background-color: #00aad2;
}

.three-col-raq-dots-container button {
  background-color: #bababa;
  border-radius: 50%;
  color: transparent;
  display: inline-block;
  height: 0.5625rem;
  width: 0.5625rem;
}

.three-col-raq-dots-container li {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0.625rem;
  border: 0.0625rem solid transparent;
}

.three-col-raq-dots-container li button:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  line-height: 0;
}

.three-col-raq-info-form {
  padding: 1.875rem 0 2rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #888888;
}

.three-col-raq-form-input-wrapper {
  margin-bottom: 1rem;
}

.three-col-raq-form-input-wrapper:last-child {
  margin-bottom: 1.5rem;
}

.three-col-raq-form-label {
  display: block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 0.875rem;
  color: #333333;
}

.three-col-raq-form-input {
  display: block;
  width: 100%;
  border: 1px solid #bababa;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
  padding: 0.75rem 1rem;
  font-size: 1rem;
}

.three-col-raq-form-input:hover {
  border-color: #00aad2;
}

.three-col-raq-form-input:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border: 0.125rem solid #00aad2 !important;
  padding: 0.6875rem;
}

.three-col-raq-form-input-error,
.three-col-raq-form-input-error:hover {
  border: 2px solid #e63312;
}

.three-col-raq-error-msg {
  display: none;
  font-size: 0.75rem;
  font-weight: 400;
  color: #e63312;
  line-height: 0.75rem;
  margin-top: 0.25rem;
}

.three-col-raq-error-msg-show {
  display: block;
}

.three-col-raq-form-comment-label {
  cursor: pointer;
  color: #002c5e;
  display: flex;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 0.875rem;
  margin: 1rem 0;
}

.three-col-raq-form-comment-label .icon {
  width: 0.625rem;
  margin-top: 0.125rem;
  margin-left: 0.25rem;
  transform: rotate(180deg);
}

.three-col-raq-form-comment-label[aria-expanded="false"] ~ .three-col-raq-form-comment-txtarea,
.three-col-raq-form-comment-label[aria-expanded="false"] ~ .three-col-raq-form-char-remaining-hint {
  display: none;
}

.three-col-raq-form-comment-label[aria-expanded="false"] .icon {
  transform: rotate(0deg);
}

.three-col-raq-form-comment-txtarea {
  width: 100%;
  border: 1px solid #e6e6e6;
  resize: none;
  height: 11.875rem;
  padding: 0.75rem;
  margin: 0.75rem auto 0.5rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .three-col-raq-form-comment-txtarea {
    width: 84.2105263158%;
    margin: 0.75rem 0 0.5rem;
  }
}

.three-col-raq-form-char-remaining-hint {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #888888;
}

.three-col-raq-form-contact-headline {
  color: #666666;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  padding-top: 1.5rem;
}

.three-col-raq-form-contact-option {
  color: #333333;
  margin: 0.625rem 0.625rem 1.5rem 0;
  display: inline-flex;
  align-items: flex-end;
}

@media (min-width: 1024px) {
  .three-col-raq-form-contact-option {
    margin-right: 0.5rem;
  }
}

.three-col-raq-form-radio-input {
  position: relative;
  display: none;
}

.three-col-raq-form-radio-button {
  position: relative;
  margin-right: 0.5rem;
  display: inline-block;
}

.three-col-raq-phone-number-form {
  display: block;
}

.three-col-raq-phone-number-form .three-col-raq-error-msg {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 0.875rem;
  margin-top: 0.5rem;
}

.three-col-raq-phone-number-form-show {
  display: block;
}

.three-col-raq-phone-number-form-agreement {
  display: flex;
  flex-wrap: wrap;
  margin: 1.5rem auto;
  position: relative;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .three-col-raq-phone-number-form-agreement {
    width: 84.2105263158%;
    margin: 1.5rem 0;
  }
}

.three-col-raq-phone-number-form-agreement .form-checkbox-input {
  width: 1rem;
  height: 1rem;
}

.three-col-raq-phone-number-form-agreement .form-checkbox-box {
  width: 1rem;
  height: 1rem;
  border-radius: 0.1875rem;
}

.three-col-raq-phone-number-form-agreement .form-checkbox-box.three-col-raq-form-input-error {
  border: 2px solid #e63312;
  background-color: #e6e6e6;
}

.three-col-raq-phone-number-form-agreement .form-checkbox-input:focus + .form-checkbox-box {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.three-col-raq-phone-number-form-agreement .form-checkbox-input:checked ~ .form-checkbox-box {
  background-color: #00aad2;
}

.three-col-raq-phone-number-form-agreement .form-checkbox-input:checked ~ .form-checkbox-box:after {
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
}

.three-col-raq-phone-number-form-text {
  font-size: 0.75rem;
  font-weight: 400;
  color: #666666;
  line-height: 1rem;
  margin-left: 1.5625rem;
}

.three-col-raq-phone-number-form-text a {
  color: #666666;
  text-decoration: underline;
}

.three-col-raq-policy-terms-agreement {
  font-size: 0.75rem;
  font-weight: 400;
  color: #666666;
  line-height: 1rem;
  padding-top: 1rem;
  position: relative;
}

.three-col-raq-policy-terms-agreement:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #bababa;
}

.three-col-raq-policy-terms-agreement a {
  color: #666666;
  text-decoration: underline;
}

.three-col-raq-submit-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 1rem;
  margin-bottom: 3.75rem;
}

@media (min-width: 640px) {
  .three-col-raq-submit-container {
    align-items: center;
    padding: 0;
    margin: 0 auto 4.0625rem;
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .three-col-raq-submit-container {
    margin-bottom: 5rem;
  }
}

.three-col-raq-submit-container .three-col-raq-error-msg {
  font-size: 0.875rem;
  line-height: 0.875rem;
  margin-top: 0.625rem;
}

.three-col-raq-submit-request-button {
  display: block;
  height: 2.75rem;
  padding: 0 1.75rem;
  font-size: 1rem;
}

@media (min-width: 1024px) {
  .three-col-raq-submit-request-button {
    margin: 0 auto;
  }
}

.three-col-raq-selector-error-input {
  border: 1px solid #e63312;
}

.three-col-raq-selector-error-msg {
  padding-bottom: 1.5rem;
}

.three-col-raq-form-fieldset fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

.three-col-raq-title-thankyou-header {
  max-width: 1440px;
  margin: 0 auto;
  padding: 2rem 1rem;
  text-align: center;
}

@media (min-width: 640px) {
  .three-col-raq-title-thankyou-header {
    padding: 2rem 2rem 1rem;
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .three-col-raq-title-thankyou-header {
    padding: 2rem 4.5625rem 2.5rem;
  }
}

.three-col-raq-hide {
  display: none;
}

.toggle-thankyou-msg-container {
  text-align: center;
}

.three-col-raq-thankyou-msg {
  line-height: 1.375rem;
  font-size: 1rem;
  margin: 0 auto;
  padding: 1.25rem;
}

.three-col-raq-thankyou-content {
  max-width: 31.25rem;
  margin: 0 auto 1.25rem;
}

.three-col-raq-thankyou-content h2 {
  line-height: 1.875rem;
}

.three-column-raq-raqlink {
  display: inline-flex;
  color: #002c5e;
  font-weight: 700;
  text-decoration: none;
}

.three-column-raq-richText {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  margin: 3.4375rem 0.875rem 1.875rem;
}

@media (min-width: 640px) {
  .three-column-raq-richText {
    margin: 6.25rem 6.875rem 1rem;
  }
}

@media (min-width: 1024px) {
  .three-column-raq-richText {
    margin: 5.25rem 0 2.3125rem;
  }
}

.three-column-raq-icon {
  margin-bottom: 20px;
}

.three-column-raq-icon img {
  height: 2.5625rem;
  width: 2.5625rem;
  display: inline-block;
}

.three-col-raq-electric-salable {
  display: none;
  padding-bottom: 1.125rem;
}

.three-col-raq-electric-salable.three-col-raq-electric-salable-active {
  display: block;
}

.three-col-raq-electric-salable-container {
  position: relative;
  background-color: #EEF7F9;
  padding: 1rem 1.25rem 1rem 1.25rem;
}

.three-col-raq-electric-salable-warning-icon {
  position: absolute;
  top: 1.25rem;
  left: 0.8125rem;
  width: 1.5rem;
  height: 1.5rem;
}

.three-col-raq-electric-salable-warning-icon svg,
.three-col-raq-electric-salable-warning-icon img {
  width: 100%;
  height: 100%;
}

.three-col-raq-electric-salable-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.three-col-raq-powertrain-mpg {
  position: absolute;
  left: 0;
  bottom: 1.625rem;
  display: block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.25rem;
  font-style: italic;
}

.three-col-raq-powertrain-selected-mpg {
  padding-bottom: 3.25rem;
}

[data-is-slider="false"] .three-col-raq-dealers-carousel-container {
  visibility: visible;
}

[data-is-slider="false"] .three-col-raq-col-title {
  padding: 0.625rem 0 0.625rem;
}

[data-is-slider="false"] .three-col-raq-col-title.tcr-extended-height {
  padding-bottom: 1.875rem;
}

[data-is-slider="false"] .three-col-raq-col-title-desc {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #666666;
}

[data-is-slider="false"] .three-col-raq-change-zip-button {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
}

[data-is-slider="false"] .three-col-raq-dealers-carousel {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

[data-is-slider="false"] .three-col-raq-dealer {
  display: flex;
  flex-direction: row;
  position: relative;
}

[data-is-slider="false"] .three-col-raq-dealer [type="checkbox"]:not(:checked),
[data-is-slider="false"] .three-col-raq-dealer [type="checkbox"]:checked {
  position: absolute;
  left: -624.9375rem;
}

[data-is-slider="false"] .three-col-raq-dealer [type="checkbox"]:not(:checked) + label,
[data-is-slider="false"] .three-col-raq-dealer [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.5rem;
  cursor: pointer;
  z-index: 1;
}

[data-is-slider="false"] .three-col-raq-dealer [type="checkbox"]:not(:checked) + label:before {
  border: 0.125rem solid #bababa !important;
}

[data-is-slider="false"] .three-col-raq-dealer [type="checkbox"]:not(:checked):hover + label:before,
[data-is-slider="false"] .three-col-raq-dealer [type="checkbox"]:not(:checked):active + label:before {
  border: 0.125rem solid #00aad2 !important;
}

[data-is-slider="false"] .three-col-raq-dealer [type="checkbox"]:checked + label:before {
  background-color: #00aad2;
}

[data-is-slider="false"] .three-col-raq-dealer [type="checkbox"]:not(:checked) + label:before,
[data-is-slider="false"] .three-col-raq-dealer [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  width: 1rem;
  height: 1rem;
  box-sizing: border-box;
  border: 0.125rem solid #00aad2;
  border-radius: 0.1875rem;
  outline: none;
}

[data-is-slider="false"] .three-col-raq-dealer [type="checkbox"]:not(:checked) + label:after,
[data-is-slider="false"] .three-col-raq-dealer [type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  width: 0.3125rem;
  height: 0.625rem;
  top: 0.3125rem;
  left: 0.5rem;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
}

[data-is-slider="false"] .three-col-raq-dealer [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

[data-is-slider="false"] .three-col-raq-dealer [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(45deg);
}

[data-is-slider="false"] .three-col-raq-dealer .hrf-checkbox {
  height: 1rem;
  width: 1rem;
}

[data-is-slider="false"] .three-col-raq-dealer .hrf-checkbox:focus + label:before {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

[data-is-slider="false"] .three-col-raq-dealer .hrf-checkbox.check-error + label:before {
  border: 0.125rem solid #e63312 !important;
}

[data-is-slider="false"] .hrf-checkbox input[type=checkbox][disabled] + .three-col-raq-dealer-name label {
  color: #bababa;
}

[data-is-slider="false"] .three-col-raq-dealer-location {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #333333;
}

[data-is-slider="false"] .three-col-raq-dealer-location .three-col-raq-dealer-name {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  width: 100%;
  height: auto;
  margin: 0;
  text-align: unset;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  column-gap: 0.5rem;
}

[data-is-slider="false"] .three-col-raq-dealer-location .three-col-preferred-tag {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.125rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.75rem;
}

[data-is-slider="false"] .three-col-raq-dealer-location .tcr-preferred-icon {
  width: 1rem;
  height: 1rem;
}

[data-is-slider="false"] .three-col-raq-dealer-location .tcr-preferred-icon svg {
  width: 1rem;
  height: 1rem;
  fill: #ffffff;
}

[data-is-slider="false"] .three-col-raq-dealer-location .three-col-raq-dealer-distance {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #666666;
  margin: 0;
}

[data-is-slider="false"] .three-col-raq-dealer-location .three-col-raq-dealer-address {
  margin: 0;
}

[data-is-slider="false"] .three-col-raq-dealer-location .tcr-preferred-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  color: #ffffff;
  background-color: #00aad2;
  border-radius: 1.5rem;
  padding: 0.125rem 0.5rem;
}

[data-is-slider="false"] .three-col-raq-dealer-link {
  font-weight: 700;
  margin: 0;
}

[data-is-slider="false"] .three-col-raq-dealer-link a {
  display: flex;
  align-items: flex-start;
  gap: 0.125rem;
  color: #002c5e;
  text-decoration: none;
}

[data-is-slider="false"] .three-col-raq-dealer-link svg {
  fill: #002c5e;
}

[data-is-slider="false"] .slick-prev,
[data-is-slider="false"] .slick-next {
  display: none;
}

[data-is-slider="false"] .three-col-raq-checkbox-error-msg {
  display: none;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #e63312;
  margin-top: 0.5rem;
}

@media (min-width: 1440px) {
  [data-is-slider="false"] .three-col-raq-checkbox-error-msg {
    text-wrap: nowrap;
  }
}

[data-is-slider="false"] .three-col-raq-no-dealers-error-msg {
  display: none;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #e63312;
  margin-top: 0.5rem;
}

.three-col-raq .three-col-raq-form-input:focus,
.three-col-raq .three-col-raq-vehicle-selector:focus,
.three-col-raq .three-col-raq-form-comment-txtarea:focus,
.three-col-raq .three-col-raq-change-zip-button:focus,
.three-col-raq .three-col-raq-dealer-link a:focus,
.three-col-raq .three-col-raq-recaptcha-legal-copy a:focus,
.three-col-raq .three-col-raq-submit-request-button:focus,
.three-col-raq .three-col-raq-form-comment-label:focus,
.three-col-raq a:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.three-col-raq .three-col-raq-form-input:focus,
.three-col-raq .three-col-raq-vehicle-selector:focus,
.three-col-raq .three-col-raq-form-comment-txtarea:focus {
  border: 0.125rem solid #00aad2;
  padding: 0.6875rem;
}

.three-col-raq .three-col-raq-submit-request-button:focus {
  box-shadow: none;
}

.three-col-raq .three-col-raq-field-error .three-col-raq-form-input,
.three-col-raq .three-col-raq-field-error .three-col-raq-vehicle-selector,
.three-col-raq .three-col-raq-field-error .three-col-raq-form-comment-txtarea {
  border: 0.125rem solid #e63312 !important;
  padding: 0.6875rem;
}

.three-col-raq .three-col-raq-field-error .form-checkbox-box {
  border: 0.125rem solid #e63312 !important;
  background-color: #e6e6e6;
}

.three-col-raq .three-col-raq-field-error .three-col-raq-error-msg {
  display: block;
}

.three-col-raq-form-input-error:focus,
.three-col-raq-vehicle-selector.three-col-raq-form-input-error:focus,
.three-col-raq-form-comment-txtarea.three-col-raq-form-input-error:focus {
  border: 0.125rem solid #e63312 !important;
  padding: 0.6875rem;
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

/* #region FORM - RECAPTCHA LEGAL */
.three-col-raq-recaptcha-legal-container {
  margin-top: 2rem;
}

.three-col-raq-recaptcha-legal-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  color: #666666;
  line-height: 1rem;
}

.three-col-raq-recaptcha-legal-copy a {
  color: #002c5e;
  text-decoration: none;
  display: inline-block;
  padding-right: 1.25rem;
}

.three-col-raq-recaptcha-legal-copy a svg {
  display: inline-block;
  margin-left: 0.3125rem;
}

/* #endregion */

.inventory-detail {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  background-image: url(../../../../resources/images/backgroundImage.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  min-width: 100%;
}

@media (min-width: 320px) and (max-width: 639px) {
  .inventory-detail {
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .inventory-detail {
    padding: 1.875rem 2rem 1.5rem;
  }
}

@media (min-width: 1440px) {
  .inventory-detail {
    padding: 0;
    max-width: 1440px;
  }
}

.inventory-detail .ivd-vehicle-no-results-bar {
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 320px) and (max-width: 639px) {
  .inventory-detail .ivd-vehicle-no-results-bar {
    padding: 0 1rem 1rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .inventory-detail .ivd-vehicle-no-results-bar {
    padding: 0 2rem 1rem;
  }
}

@media (min-width: 1024px) {
  .inventory-detail .ivd-vehicle-no-results-bar {
    padding: 0;
  }
}

@media (min-width: 1440px) {
  .inventory-detail .ivd-vehicle-no-results-bar {
    padding: 0 4.5rem 1rem;
  }
}

.inventory-detail-loading {
  min-height: 25rem;
  position: relative;
}

.inventory-detail-cols {
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .inventory-detail-cols {
    display: flex;
    justify-content: flex-start;
  }
}

@media (min-width: 1024px) {
  .inventory-detail-cols {
    display: flex;
    align-items: stretch;
    gap: 5rem;
  }
}

@media (min-width: 1440px) {
  .inventory-detail-cols {
    display: flex;
    align-items: stretch;
    gap: 6.25rem;
    padding: 2rem 4.5rem;
  }
}

@media print {
  .inventory-detail-cols {
    display: block;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .inventory-detail-cols {
    display: flex;
    justify-content: flex-start;
    gap: 1.25rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .inventory-detail-cols {
    display: flex;
    align-items: stretch;
    gap: 5rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .inventory-detail-cols {
    display: flex;
    align-items: stretch;
    gap: 6.25rem;
    padding: 2rem 4.5rem;
  }
}

@media (min-width: 640px) {
  .inventory-detail-col-main {
    max-width: 50%;
    flex-basis: 50%;
  }
}

@media (min-width: 1024px) {
  .inventory-detail-col-main {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
    padding-right: 5rem;
    order: -1;
  }
}

@media (min-width: 1440px) {
  .inventory-detail-col-main {
    padding-right: 7.5rem;
  }
}

@media print {
  .inventory-detail-col-main {
    padding: 0;
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .inventory-detail-col-main {
    max-width: 50%;
    flex-basis: 50%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .inventory-detail-col-main {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
    padding-right: 5rem;
    order: -1;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .inventory-detail-col-main {
    padding-right: 7.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .inventory-detail-col-aside {
    max-width: 50%;
    flex-basis: 50%;
  }
}

@media (min-width: 1024px) {
  .inventory-detail-col-aside {
    max-width: 50%;
    flex-basis: 50%;
  }
}

@media (min-width: 1440px) {
  .inventory-detail-col-aside {
    max-width: 50%;
    flex-basis: 50%;
    padding-right: 0;
  }
}

@media print {
  .inventory-detail-col-aside {
    max-width: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 2560px) {
  body.chat-opened .inventory-detail-col-aside {
    max-width: 50%;
    flex-basis: 50%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .inventory-detail-col-aside {
    max-width: 50%;
    flex-basis: 50%;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .inventory-detail-col-aside {
    max-width: 50%;
    flex-basis: 50%;
    padding-right: 0;
  }
}

.inventory-detail-mobile-only {
  display: block;
}

@media (min-width: 640px) {
  .inventory-detail-mobile-only {
    display: none;
  }
}

@media print {
  .inventory-detail-mobile-only {
    display: block;
  }
}

.inventory-detail-desktop-only {
  display: none;
}

@media (min-width: 640px) {
  .inventory-detail-desktop-only {
    display: block;
  }
}

@media print {
  .inventory-detail-desktop-only {
    display: none;
  }
}

.inventory-detail .hidden {
  display: none;
}

.pinned-header {
  background-color: #002C5F;
  width: 100%;
  z-index: 1000;
}

.pinned-header .pinned-header-wrapper {
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  padding: 0.625rem 1.25rem;
}

@media (min-width: 640px) {
  .pinned-header .pinned-header-wrapper {
    padding: 1rem 2rem;
    gap: 5rem;
  }
}

@media (min-width: 1024px) {
  .pinned-header .pinned-header-wrapper {
    padding: 1rem 2rem;
    gap: 5rem;
  }
}

@media (min-width: 1440px) {
  .pinned-header .pinned-header-wrapper {
    padding: 1rem 4.5rem;
    gap: 6.25rem;
    max-width: 90rem;
    margin: 0 auto;
  }
}

.pinned-header .left-col {
  flex: 1;
  margin: auto 0;
}

@media (min-width: 1024px) {
  .pinned-header .left-col {
    display: flex;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .pinned-header .left-col {
    display: flex;
  }
}

.pinned-header .left-col .model-name {
  font-weight: 700;
}

.pinned-header .left-col .display-name {
  display: block;
}

@media (min-width: 1024px) {
  .pinned-header .left-col .display-name {
    display: inherit;
  }
}

.pinned-header .right-col {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}

@media (min-width: 1024px) {
  .pinned-header .right-col {
    flex-direction: row;
    align-items: center;
    flex: 1;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .pinned-header .right-col {
    display: flex;
    flex-direction: row;
    flex: 1;
  }
}

.pinned-header .right-col .price {
  margin-right: 0;
  font-size: 1.5rem;
  font-weight: 700;
}

.pinned-header .right-col .price .per-monthly {
  font-size: 1rem;
  font-weight: 400;
  margin: auto 0 0;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .pinned-header .right-col .price .per-monthly {
    margin: auto 0 0.1875rem;
  }
}

@media (min-width: 1024px) {
  .pinned-header .right-col .price .per-monthly {
    margin: auto 0 0.125rem;
  }
}

@media (min-width: 1440px) {
  .pinned-header .right-col .price .per-monthly {
    font-size: 1.25rem;
  }
}

.pinned-header .right-col svg {
  display: inline-block;
  vertical-align: middle;
}

.pinned-header .right-col .icon-info {
  cursor: pointer;
}

.pinned-header .right-col button {
  display: none;
  background: #ffffff;
  padding: 0.625rem 0.9375rem;
}

@media (min-width: 1024px) {
  .pinned-header .right-col button {
    display: block;
    padding: 0.625rem 0.625rem;
  }
}

@media (min-width: 1440px) {
  .pinned-header .right-col button {
    padding: 0.625rem 0.9375rem;
  }
}

.pinned-header .right-col .finance-type {
  margin-right: 0;
  font-size: 0.875rem;
}

@media (min-width: 1024px) {
  .pinned-header .right-col .finance-type {
    margin: auto 0.2rem auto 0;
  }
}

@media (min-width: 1440px) {
  .pinned-header .right-col .finance-type {
    margin: auto 2.5rem auto 0;
  }
}

.pinned-header .right-col .finance-type .payment-type-label {
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .pinned-header .right-col .finance-type .payment-type-label {
    margin-left: 2.5rem;
  }
}

.pinned-header .right-col .continue {
  background-color: #ffffff;
  padding: 0.625rem 1rem;
  color: #002C5F;
  display: none;
}

@media (min-width: 1024px) {
  .pinned-header .right-col .continue {
    display: inherit;
  }
}

.pinned-header.hidden {
  display: none;
}

@media (min-width: 1024px) {
  .pinned-header .hide-from-md {
    margin-left: auto;
  }
}

.pinned-footer {
  position: fixed;
  bottom: 0;
  background-color: #002C5F;
  width: 100%;
  display: flex;
  color: #ffffff;
  padding: 0.625rem 1rem;
  z-index: 10;
  justify-content: center;
}

.pinned-footer .test-drive {
  width: 40%;
  display: flex;
  justify-content: space-between;
  background: none;
}

@media (min-width: 640px) {
  .pinned-footer .test-drive {
    width: 75%;
  }
}

@media (min-width: 1024px) {
  .pinned-footer .test-drive {
    width: 100%;
  }
}

.pinned-footer .test-drive button {
  width: auto;
}

.pinned-footer .test-drive-button {
  background: none;
  border: 0;
}

.pinned-footer .ivd-dual-ctas {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.pinned-footer .ivd-dual-ctas .button {
  border: 1px solid #ffffff;
}

.pinned-footer button {
  background-color: #ffffff;
  padding: 0 0.625rem;
}

.pinned-footer .continue {
  background-color: #ffffff;
  padding: 0.625rem 1rem;
  color: #002C5F;
}

.pinned-footer .continue .ivd-external-icon {
  margin-left: 0.25rem;
  margin-bottom: 0.1875rem;
}

.pinned-footer.hidden {
  display: none;
}

@media (min-width: 1024px) {
  .pinned-footer {
    display: none;
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  .test-drive svg {
    filter: none;
  }
}

.price-and-buy-option {
  padding: 0 2.5rem;
}

.finance-header,
.lease-header,
.cash-header {
  padding-bottom: 0;
}

@media (min-width: 320px) and (max-width: 639px) {
  .finance-header,
  .lease-header,
  .cash-header {
    padding-bottom: 1.25rem;
  }
}

.finance-header label,
.lease-header label,
.cash-header label {
  font-size: 1.25rem;
  cursor: pointer;
}

.finance-header span,
.lease-header span,
.cash-header span {
  font-size: 1rem;
}

@media (min-width: 1024px) {
  .finance-header span,
  .lease-header span,
  .cash-header span {
    font-size: 1.5625rem;
  }
}

.finance-header .payment-option-title span,
.lease-header .payment-option-title span,
.cash-header .payment-option-title span {
  font-size: 1rem;
}

@media (min-width: 1024px) {
  .finance-header .payment-option-title span,
  .lease-header .payment-option-title span,
  .cash-header .payment-option-title span {
    font-size: 1.25rem;
  }
}

.finance-header .btn-select-payent-option,
.lease-header .btn-select-payent-option,
.cash-header .btn-select-payent-option {
  margin: 0;
}

.finance-header .finance-checkbox,
.lease-header .finance-checkbox,
.cash-header .finance-checkbox {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0;
  font-weight: 700;
  align-items: center;
}

.finance-header .finance-checkbox input[type="radio"],
.lease-header .finance-checkbox input[type="radio"],
.cash-header .finance-checkbox input[type="radio"] {
  transform: scale(1.5);
  margin-right: 1.25rem;
}

.finance-header .finance-checkbox .amount,
.lease-header .finance-checkbox .amount,
.cash-header .finance-checkbox .amount {
  font-size: 1rem;
}

@media (min-width: 1024px) {
  .finance-header .finance-checkbox .amount,
  .lease-header .finance-checkbox .amount,
  .cash-header .finance-checkbox .amount {
    font-size: 1.5625rem;
  }
}

.finance-header .finance-checkbox .perMonth,
.lease-header .finance-checkbox .perMonth,
.cash-header .finance-checkbox .perMonth {
  margin: auto;
}

@media (min-width: 1024px) {
  .finance-header .finance-checkbox .perMonth,
  .lease-header .finance-checkbox .perMonth,
  .cash-header .finance-checkbox .perMonth {
    margin: auto 0 0.25rem;
  }
}

.finance-header .description,
.lease-header .description,
.cash-header .description {
  width: 100%;
  padding: 1rem 0.5rem 0;
  text-align: center;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

@media (min-width: 640px) {
  .finance-header .description,
  .lease-header .description,
  .cash-header .description {
    padding: 1rem 1rem 0 1.8rem;
  }
}

@media (min-width: 1024px) {
  .finance-header .description,
  .lease-header .description,
  .cash-header .description {
    align-items: center;
    padding: 1rem 1rem 0 2rem;
  }
}

@media (min-width: 1440px) {
  .finance-header .description,
  .lease-header .description,
  .cash-header .description {
    padding: 1rem 1.5rem 0 2.5rem;
  }
}

.finance-header .description .format-description,
.lease-header .description .format-description,
.cash-header .description .format-description {
  display: inline-flex;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .finance-header .description .format-description,
  .lease-header .description .format-description,
  .cash-header .description .format-description {
    display: inline;
  }
}

@media (min-width: 1024px) {
  .finance-header .description .format-description,
  .lease-header .description .format-description,
  .cash-header .description .format-description {
    display: inline;
  }
}

.finance-header .expiration,
.lease-header .expiration,
.cash-header .expiration {
  font-style: italic;
  text-align: center;
  padding: 1.5rem 0.375rem 0 0;
  font-size: 0.75rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .finance-header .expiration,
  .lease-header .expiration,
  .cash-header .expiration {
    padding: 1.0625rem 0 0;
  }
}

@media (min-width: 1024px) {
  .finance-header .expiration,
  .lease-header .expiration,
  .cash-header .expiration {
    font-size: 0.875rem;
  }
}

.finance-header button,
.lease-header button,
.cash-header button {
  color: #002c5e;
  padding-bottom: 5px;
}

.finance-header button svg,
.lease-header button svg,
.cash-header button svg {
  height: 0.6875rem;
}

@media (min-width: 1024px) {
  .finance-header button svg,
  .lease-header button svg,
  .cash-header button svg {
    height: 0.75rem;
  }
}

.finance-header .financelogo,
.lease-header .financelogo,
.cash-header .financelogo {
  margin-left: -0.1875rem;
}

@media (min-width: 1024px) {
  .finance-header .testdrive-modal-form-radio-button,
  .lease-header .testdrive-modal-form-radio-button,
  .cash-header .testdrive-modal-form-radio-button {
    margin-right: 1.3125rem;
  }
}

@media (min-width: 1440px) {
  .finance-header .testdrive-modal-form-radio-button,
  .lease-header .testdrive-modal-form-radio-button,
  .cash-header .testdrive-modal-form-radio-button {
    margin-right: 1.5625rem;
  }
}

.finance-header .price-txt,
.lease-header .price-txt,
.cash-header .price-txt {
  margin-right: 0.625rem;
}

#payment-option {
  margin-top: 0;
}

.inventory-details-payment-options {
  padding: 0 1rem;
  margin-bottom: 2rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .inventory-details-payment-options {
    padding: 0;
    margin: 2rem 0;
  }
}

@media (min-width: 1024px) {
  .inventory-details-payment-options {
    padding: 0;
    margin: 2.5rem 0;
  }
}

.inventory-details-payment-options.show-amazon-cta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}

@media (min-width: 1024px) {
  .inventory-details-payment-options.show-amazon-cta {
    flex-direction: row;
  }
}

.inventory-details-payment-options .inventory-detail-amazon-ctb {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}

.inventory-details-payment-options .inventory-detail-amazon-icon {
  width: 3rem;
  height: 3rem;
}

@media (min-width: 1024px) {
  .inventory-details-payment-options .inventory-detail-amazon-icon {
    width: 2rem;
    height: 2rem;
  }
}

@media (min-width: 1440px) {
  .inventory-details-payment-options .inventory-detail-amazon-icon {
    width: 3rem;
    height: 3rem;
  }
}

.inventory-details-payment-options .inventory-detail-amazon-icon svg {
  width: 100%;
  height: 100%;
}

.inventory-details-payment-options .inventory-detail-amazon-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #002c5e;
}

.inventory-details-payment-options .inventory-detail-amazon-copy-shop {
  display: inline-flex;
  align-items: center;
}

.inventory-details-payment-options .inventory-detail-amazon-copy-shop svg {
  width: 0.625rem;
  height: 0.625rem;
  font-size: 0.625rem;
  margin-left: 0.3125rem;
}

.inventory-details-payment-options .payment-mode {
  padding: 1.25rem;
  border: 1px solid #e6e6e6;
  background-color: #f3f3f3;
}

@media (min-width: 320px) and (max-width: 639px) {
  .inventory-details-payment-options .payment-mode {
    padding: 1.25rem 1.25rem 0.5rem;
  }
}

@media (min-width: 1024px) {
  .inventory-details-payment-options .payment-mode {
    padding: 1.5rem 2rem;
  }
}

.inventory-details-payment-options .select-payment {
  font-size: 1.25rem;
}

@media (min-width: 1024px) {
  .inventory-details-payment-options .select-payment {
    font-size: 1.5rem;
  }
}

.inventory-details-payment-options span {
  font-size: 1rem;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .inventory-details-payment-options span {
    font-size: 0.875rem;
  }
}

.inventory-details-payment-options .price-buy-wrapper {
  line-height: 1.0625rem;
}

.inventory-details-payment-options .ips-clicktobuy-wrapper,
.inventory-details-payment-options .ips-clicktobuy-no-click-wrapper {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .inventory-details-payment-options .ips-clicktobuy-wrapper,
  .inventory-details-payment-options .ips-clicktobuy-no-click-wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-right: 0.625rem;
  }
}

.inventory-details-payment-options .ips-clicktobuy-wrapper svg,
.inventory-details-payment-options .ips-clicktobuy-no-click-wrapper svg {
  flex-shrink: 0;
  font-size: 0.625rem;
}

.inventory-details-payment-options .ips-clicktobuy-wrapper.set-stacked {
  flex-direction: column !important;
  padding: 0;
  margin: 0 !important;
}

.inventory-details-payment-options .ips-clicktobuy-no-click-wrapper {
  cursor: default;
}

.inventory-details-payment-options .ips-clicktobuy-icon-and-copy {
  display: flex;
  cursor: pointer;
}

.inventory-details-payment-options [data-smco-video]:after {
  background-image: none;
}

.inventory-details-payment-options .ips-clicktobuy-copy-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.inventory-details-payment-options .price-and-buy {
  font-size: 0.875rem;
  color: #002c5e;
}

.inventory-details-payment-options .ips-clicktobuy-copy {
  width: auto;
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
}

.inventory-details-payment-options .ips-clicktobuy-copy.remove-bold {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 400;
}

.inventory-details-payment-options .price-and-buy-watch-wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.inventory-details-payment-options .price-and-buy-watch-wrapper a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.inventory-details-payment-options .price-and-buy-watch {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #002c5e;
  line-height: 1.25rem;
  margin-right: 0.3125rem;
}

.set-stacked .ips-clicktobuy-icon {
  width: 3rem;
  height: 3rem;
  margin-right: 0.875rem;
}

@media (min-width: 1024px) {
  .set-stacked .ips-clicktobuy-icon {
    width: 2rem;
    height: 2rem;
    margin-right: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .set-stacked .ips-clicktobuy-icon {
    width: 3rem;
    height: 3rem;
    margin-right: 0.875rem;
  }
}

.payment-mode.selectedOption {
  border: 1px solid #00aad2;
  background-color: #ffffff;
}

.payment-mode.deselectedOption {
  border: 0;
}

.close-payment {
  display: none;
  position: absolute;
  top: 0;
  color: #ffffff;
  right: 0;
  padding: 4px;
  background-color: #00aad2;
}

@media (min-width: 1024px) {
  .close-payment {
    padding: 0.4375rem;
  }
}

.close-payment svg {
  height: 0.75rem;
}

.payment-content {
  display: none;
}

.ivd-overview-section {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  transition: top .5s linear;
}

/* #region EV LIFE CALCULATOR */
.vdp-fuel-savings-calc {
  position: relative;
  display: flex;
  width: 100%;
  height: auto;
  padding: 0 1rem 1rem 1rem;
}

@media (min-width: 1024px) {
  .vdp-fuel-savings-calc {
    padding: 0;
  }
}

.vdp-fuel-savings-calc-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: auto;
  background-color: var(--fcs-background-color);
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 1.375rem;
}

.vdp-fsc-gradient {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--fcs-gradient);
  z-index: 1;
}

.vdp-fsc-watermark {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  width: 7.875rem;
  height: 7.875rem;
  z-index: 2;
}

.vdp-fsc-watermark svg {
  width: 100%;
  height: 100%;
}

.vdp-fsc-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.5rem;
  z-index: 3;
}

@media (min-width: 1024px) {
  .vdp-fsc-content-wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
}

.vdp-fsc-content-wrapper .vdp-fsc-content {
  display: flex;
  flex-direction: column;
}

.vdp-fsc-content-wrapper .vdp-fsc-icon {
  width: 1.5rem;
  height: 1.5625rem;
  margin-bottom: 1.5rem;
}

.vdp-fsc-content-wrapper .vdp-fsc-icon svg {
  width: 100%;
  height: 100%;
}

.vdp-fsc-content-wrapper .vdp-fsc-header {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  color: #ffffff;
}

.vdp-fsc-content-wrapper .vdp-fsc-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #ffffff;
  margin-top: 0.5rem;
}

.vdp-fsc-content-wrapper .vdp-fsc-cta {
  margin-top: 0.5rem;
}

.vdp-fsc-content-wrapper .vdp-fsc-cta button {
  width: -webkit-max-content;
  width: max-content;
}

.vdp-ev-life-modal-container {
  width: 100%;
  height: 100%;
}

.vdp-ev-life-modal-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  background-color: #ffffff;
  z-index: 1002;
}

@media (min-width: 640px) {
  .vdp-ev-life-modal-wrapper {
    width: 100%;
    max-height: 100vh;
  }
}

@media (min-width: 1024px) {
  .vdp-ev-life-modal-wrapper {
    width: 49.5rem;
    max-height: 65.75rem;
  }
}

@media (min-width: 1440px) {
  .vdp-ev-life-modal-wrapper {
    width: 76.375rem;
    max-height: 49.5625rem;
  }
}

.vdp-ev-life-modal {
  width: 100%;
  max-height: 100%;
  background-color: #ffffff;
}

.ev-life-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.875rem 2rem;
  background-color: #e6e6e6;
}

.ev-life-modal-header .ev-life-modal-header-text {
  color: #000000;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.125rem;
}

.ev-life-modal-header .ev-life-modal-close {
  display: flex;
}

.vdp-ev-life-modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1001;
}

.inventory-detail-section .vdp-price-details-overlay {
  width: 100%;
  height: 100dvh;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  background: #ffffff;
  overflow: hidden;
  z-index: 1002;
}

@media (min-width: 1024px) {
  .inventory-detail-section .vdp-price-details-overlay {
    max-width: 49.0625rem;
    border-radius: 0;
    max-height: calc(100dvh);
  }
}

.inventory-detail-section .vdp-price-details-overlay-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.inventory-detail-section .vdp-price-details-overlay-backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1001;
}

/* #endregion */
/* #region EV LIFE CALCULATOR HEY HYUNDAI CHAT OVERRIDE */
@media (min-width: 1024px) {
  body.chat-opened .vdp-ev-life-modal-wrapper {
    position: fixed;
    display: flex;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100vw - 375px);
    z-index: 1008;
    transform: translateZ(0);
  }
}

/* #endregion */
.payment-option-disclaimer {
  padding: 1rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .payment-option-disclaimer {
    padding: 1rem 3rem;
  }
}

@media (min-width: 1024px) {
  .trim-features-section {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.125rem;
  }
}

.trim-features-section .trim-feature-item {
  display: flex;
  flex-basis: 50%;
  margin-top: 0.5rem;
  padding-right: 4rem;
  align-items: center;
}

.trim-features-section .trim-feature-item__icon {
  flex-basis: 2.5rem;
  min-height: 2.5rem;
  margin-right: 1rem;
}

.trim-features-section .trim-feature-item__text {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
}

@media (min-width: 1024px) {
  .trim-features-section .trim-feature-item {
    padding-right: 2rem;
  }
}

@media (min-width: 1440px) {
  .trim-features-section .trim-feature-item {
    margin-top: 1rem;
    padding-right: 4rem;
  }
}

@media print {
  .trim-features-section {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .plllocked-container {
    position: fixed;
    display: flex;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100vw - 375px);
    z-index: 1008;
    transform: translateZ(0);
  }
}

.plllocked-container .ips-lead-heading-text {
  width: 100%;
  font-size: 14px;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

.plllocked-container .form-check-consent::after {
  display: block;
}

.plllocked-container .form-uncheck-consent::after {
  display: none !important;
}

.flex {
  display: flex;
}

.vehicle-details .statusbar {
  padding: 1.25rem 1rem;
}

@media (min-width: 640px) {
  .vehicle-details .statusbar {
    padding: 1.25rem 2rem;
  }
}

@media (min-width: 1024px) {
  .vehicle-details .statusbar {
    padding: 1.25rem 2rem;
  }
}

@media (min-width: 1440px) {
  .vehicle-details .statusbar {
    padding: 1.25rem 7rem;
  }
}

.vehicle-details .statusbar .statusbar-content {
  align-items: center;
}

.ips-lead-modal-content-container .statusbar {
  padding: 1.25rem 1rem;
}

@media (min-width: 640px) {
  .ips-lead-modal-content-container .statusbar {
    padding: 1.25rem 2rem;
  }
}

@media print {
  .scroll-lock .global-header,
  .scroll-lock .hma-page,
  .scroll-lock .footer {
    display: none;
  }
  .scroll-lock body {
    overflow-y: scroll;
    position: relative;
    top: 0 !important;
  }
  .scroll-lock .backdrop {
    background-color: transparent;
  }
  .scroll-lock .price-details.modal-open {
    position: relative;
    width: 100%;
  }
  .scroll-lock .price-details.modal-open .price-details-container {
    position: relative;
    width: 100%;
  }
  .scroll-lock .price-details.modal-open .price-details-half {
    margin-top: 0;
  }
  .scroll-lock.purchase-request-modal-on .hma-page {
    display: block;
  }
  .scroll-lock.purchase-request-modal-on .hma-page .find-a-dealer-nav,
  .scroll-lock.purchase-request-modal-on .sis,
  .scroll-lock.purchase-request-modal-on .inventory-detail-section {
    display: none !important;
  }
  .scroll-lock.purchase-request-modal-on .purchase-request-overlay-modal {
    position: relative;
  }
  .scroll-lock.purchase-request-modal-on .purchase-request-overlay__body {
    padding-top: 0;
  }
  .scroll-lock.purchase-request-modal-on .backdrop,
  .scroll-lock.purchase-request-modal-on .ips-lead-background {
    background-color: #ffffff;
  }
}

.idd {
  display: flex;
  align-items: flex-start;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .idd {
    padding: 0 2.625rem 2rem;
  }
}

@media (min-width: 1440px) {
  .idd {
    padding: 0 0 2rem 4.5rem;
  }
}

@media (max-width: 1023px) {
  .idd {
    padding: 0 2rem 2rem;
  }
}

@media (max-width: 639px) {
  .idd {
    padding: 1rem;
  }
}

.idd-container {
  display: flex;
}

@media (min-width: 1024px) {
  .idd-container {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
    padding-right: 5rem;
  }
}

@media (min-width: 1440px) {
  .idd-container {
    padding-right: 10.625rem;
  }
}

@media (max-width: 1023px) {
  .idd-container {
    flex-wrap: wrap;
  }
}

.idd-container a {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
  color: #002c5e;
}

.idd-container .icon {
  margin-left: 0.125rem;
  width: 0.6em;
  height: 0.6em;
  display: inline-block;
}

.idd-item-col-left {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (min-width: 1024px) {
  .idd-item-col-left {
    flex-basis: 50%;
  }
}

.idd-item-col-right {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

@media (min-width: 1024px) {
  .idd-item-col-right {
    flex-basis: 50%;
  }
}

.idd-title-container {
  padding: 0 1rem;
}

.idd-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  margin-bottom: 0.5625rem;
  margin-top: 3rem;
}

@media (min-width: 640px) {
  .idd-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-bottom: 1rem;
    margin-top: 2.9375rem;
  }
}

@media (min-width: 1024px) {
  .idd-title {
    margin-top: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .idd-title {
    margin-top: 5rem;
  }
}

.idd-dealer-distance {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 0.5rem;
}

.idd-dealer-name {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  padding-right: 0.625rem;
}

.idd-dealer-address {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  margin: 0 0 0.5rem;
  overflow-wrap: break-word;
  padding-right: 0.5rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .idd-dealer-address {
    margin-bottom: 0.5rem;
    max-width: 100%;
    width: 100%;
  }
}

.idd-dealer-link {
  margin-top: 2rem;
}

@media (max-width: 639px) {
  .idd-map-img-container {
    order: 2;
  }
}

.idd-test-drive-link {
  margin-top: 1.5rem;
}

@media (max-width: 1023px) {
  .idd-test-drive-link {
    margin-bottom: 1.5rem;
    order: 1;
  }
}

.idd-test-drive-link .button {
  color: #ffffff;
  width: 13.375rem;
}

.inventory-detail-control-bar {
  background-color: #ffffff;
  padding: 1rem 1rem;
}

@media (min-width: 640px) {
  .inventory-detail-control-bar {
    padding: 1.5rem 2rem;
  }
}

.inventory-detail-control-bar-contain {
  display: flex;
  justify-content: space-between;
  max-width: 1440px;
  margin: 0 auto;
}

.inventory-detail-control-bar-side-container {
  display: flex;
  justify-content: flex-start;
  position: relative;
  z-index: 301;
  max-width: 1440px;
}

@media (min-width: 640px) {
  .inventory-detail-control-bar-side-container {
    margin: 0 auto 0 1.25rem;
  }
}

@media (min-width: 1024px) {
  .inventory-detail-control-bar-side-container {
    margin: 0 auto 2rem;
  }
}

@media (min-width: 1440px) {
  .inventory-detail-control-bar-side-container {
    margin-bottom: 2rem;
  }
}

.inventory-detail-control-bar-right > * {
  margin-left: 1.5rem;
}

@media (max-width: 639px) {
  .inventory-detail-control-bar-right > * {
    margin: 0 0.625rem;
  }
}

@media (min-width: 320px) and (max-width: 639px) {
  .inventory-detail-control-bar-right {
    justify-content: center;
    padding: 1rem 1rem 0.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .inventory-detail-control-bar-right {
    justify-content: center;
    padding: 0rem 5rem 1.5rem 0rem;
    margin: 0;
  }
}

.inventory-detail-control-bar-btn:first-child {
  margin-left: 0;
}

.inventory-detail-control-bar-dropdown-close,
.inventory-detail-control-bar-btn {
  align-items: center;
  color: var(--control-bar-color, #ffffff);
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: none;
}

.inventory-detail-control-bar-dropdown-close .icon,
.inventory-detail-control-bar-btn .icon {
  color: var(--control-bar-color, #ffffff);
  flex-shrink: 0;
  margin-right: 0.5rem;
}

.inventory-detail-control-bar-dropdown-close:hover, .inventory-detail-control-bar-dropdown-close:focus,
.inventory-detail-control-bar-dropdown-close:hover .icon,
.inventory-detail-control-bar-dropdown-close:focus .icon,
.inventory-detail-control-bar-btn:hover,
.inventory-detail-control-bar-btn:focus,
.inventory-detail-control-bar-btn:hover .icon,
.inventory-detail-control-bar-btn:focus .icon {
  color: var(--control-bar-hover-color, #8ce7fc);
}

@media print {
  .inventory-detail-control-bar-dropdown-close span,
  .inventory-detail-control-bar-btn span {
    color: #002c5e;
  }
  .inventory-detail-control-bar-dropdown-close .icon,
  .inventory-detail-control-bar-btn .icon {
    color: #002c5e;
  }
}

.inventory-detail-control-bar-dropdown-close {
  width: 100%;
}

.inventory-detail-control-bar-dropdown-close .icon {
  height: 0.75rem;
  margin-left: 0.3125rem;
  margin-right: 0;
  width: 0.75rem;
  color: #002c5e;
}

.inventory-detail-control-bar-dropdown-close .icon:hover, .inventory-detail-control-bar-dropdown-close .icon:focus {
  color: var(--control-bar-hover-color, #8ce7fc);
}

.inventory-detail-control-bar-dropdown-close span, .inventory-detail-control-bar-dropdown-close svg {
  color: #002c5e;
}

.inventory-detail-control-bar-dropdown-close span:hover, .inventory-detail-control-bar-dropdown-close span:focus, .inventory-detail-control-bar-dropdown-close svg:hover, .inventory-detail-control-bar-dropdown-close svg:focus {
  color: var(--control-bar-hover-color, #8ce7fc);
}

.inventory-detail-control-bar-dropdown-close:hover .icon, .inventory-detail-control-bar-dropdown-close:hover svg, .inventory-detail-control-bar-dropdown-close:hover svg.icon, .inventory-detail-control-bar-dropdown-close:focus .icon, .inventory-detail-control-bar-dropdown-close:focus svg, .inventory-detail-control-bar-dropdown-close:focus svg.icon {
  color: var(--control-bar-hover-color, #8ce7fc) !important;
}

@media (max-width: 639px) {
  .inventory-detail-control-bar-btn-print {
    display: none;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .inventory-detail-control-bar-btn-print {
    display: none;
  }
}

.inventory-detail-control-bar-btn-print .icon {
  height: 1.0625rem;
  width: 0.75rem;
}

.inventory-detail-control-bar-saved-icon .icon,
.inventory-detail-control-bar-save-icon .icon {
  height: 1.0625rem;
  width: 1.0625rem;
}

.inventory-detail-control-bar-save-icon {
  display: flex;
}

.inventory-detail-control-bar-save-icon.saved {
  color: var(--control-bar-hover-color, #00aad2);
}

.inventory-detail-control-bar-dropdown {
  display: flex;
}

.inventory-detail-control-bar-dropdown.dropdown-open .dropdown-button .icon {
  color: var(--control-bar-hover-color, #8ce7fc);
  fill: currentColor;
  transform: none;
}

.inventory-detail-control-bar-dropdown .dropdown-button {
  height: auto;
  padding: 0;
  background: none;
}

.inventory-detail-control-bar-dropdown .dropdown-button .icon {
  height: 1rem;
  width: 1rem;
}

.inventory-detail-control-bar-dropdown .dropdown-panel {
  background-color: #ffffff;
  box-shadow: 0 5px 15px 0 rgba(186, 186, 186, 0.25);
  padding: 1.25rem 0 0.9375rem;
  left: -0.75rem;
  right: -0.75rem;
}

.inventory-detail-control-bar-dropdown .dropdown-items {
  padding: 0;
  margin: 0;
}

.inventory-detail-control-bar-dropdown .dropdown-item {
  min-height: auto;
  padding: 0.2rem 0;
  margin-bottom: 0.5rem;
}

.inventory-detail-control-bar-dropdown .dropdown-item:before {
  background-color: transparent;
  height: 0;
}

.inventory-detail-control-bar-dropdown .dropdown-item:hover {
  background-color: white;
}

.inventory-detail-control-bar-dropdown .dropdown-item a {
  color: #bababa;
  margin: 0;
  width: 100%;
}

.inventory-detail-control-bar-dropdown .dropdown-item a:hover, .inventory-detail-control-bar-dropdown .dropdown-item a:focus {
  color: #00aad2;
}

.inventory-detail-control-bar-dropdown .dropdown-item svg {
  fill: currentColor;
  margin: 0 auto;
  width: 1.25rem;
}

@media (min-width: 640px) {
  .inventory-detail-control-bar-modal-container .modal-box {
    max-width: 28.75rem;
  }
}

.inventory-detail-control-bar-modal-container .modal-content {
  padding: 3.125rem 2rem 2.3125rem 2.5rem;
}

@media (min-width: 640px) {
  .inventory-detail-control-bar-modal-container .modal-content {
    padding: 2.875rem 2.5rem 2.5rem;
  }
}

.inventory-detail-control-bar-modal-header {
  align-items: center;
  display: flex;
  padding-bottom: 1.5625rem;
}

@media (min-width: 640px) {
  .inventory-detail-control-bar-modal-header {
    border-bottom: 1px solid #e6e6e6;
  }
}

.inventory-detail-control-bar-modal-header-text {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
}

.inventory-detail-control-bar-modal-header-check {
  flex-shrink: 0;
  height: 1.6875rem;
  margin-right: 0.75rem;
  position: relative;
  width: 2rem;
}

.inventory-detail-control-bar-modal-header-check:before {
  content: '';
  border: solid #00aad2;
  border-width: 0 5px 5px 0;
  display: inline-block;
  height: 1.875rem;
  left: 0.5rem;
  position: absolute;
  top: -0.5rem;
  transform: rotate(40deg);
  width: 0.9375rem;
}

.inventory-detail-control-bar-modal-text {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .inventory-detail-control-bar-modal-text {
    padding-top: 1rem;
  }
}

.inventory-detail-control-bar-modal-form {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .inventory-detail-control-bar-modal-form {
    max-width: 15.75rem;
  }
}

.inventory-detail-control-bar-modal-label span {
  color: #888888;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding-bottom: 0.25rem;
}

.inventory-detail-control-bar-modal-input {
  border: 1px solid #e6e6e6;
  color: #bababa;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 0.625rem 1.0625rem;
  width: 100%;
}

.inventory-detail-control-bar-modal-submit {
  margin-top: 1.6875rem;
}

@media (min-width: 640px) {
  .inventory-detail-control-bar-modal-submit {
    margin-top: 2rem;
  }
}

.idh-container {
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .idh-container {
    padding-bottom: 3rem;
  }
}

.idh-container.ivd-media-container {
  padding-bottom: 1.5rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .idh-container.ivd-media-container {
    padding-bottom: 1.0625rem;
  }
}

@media (min-width: 320px) and (max-width: 639px) {
  .idh-container .bh-image {
    margin-left: -1rem;
    margin-top: 0;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .idh-container .bh-image {
    margin-left: -1.6rem;
    margin-top: -1rem;
  }
}

@media (min-width: 1024px) {
  .idh-container .bh-image {
    margin-top: -3rem;
    margin-left: -4rem;
    margin-right: -3rem;
  }
}

@media (min-width: 1440px) {
  .idh-container .bh-image {
    margin-top: -3.2rem;
    margin-left: -2.5rem;
    margin-right: -2rem;
  }
}

.idh-container .bh-spin-media-images {
  padding-top: 49.25%;
}

.idh-container .bh-spin-media-images-static {
  padding-top: 60%;
}

@media (min-width: 425px) {
  .idh-container .bh-spin-media-images-static {
    padding-top: 58%;
  }
}

@media (min-width: 640px) {
  .idh-container .bh-spin-media-images-static {
    padding-top: 56.5%;
  }
}

@media (min-width: 1024px) {
  .idh-container .bh-spin-media-images-static {
    padding-top: 58.3%;
  }
}

@media (min-width: 1440px) {
  .idh-container .bh-spin-media-images-static {
    padding-top: 52%;
  }
}

@media (min-width: 320px) and (max-width: 374px) {
  .idh-container .bh-spin-media-images-static img {
    width: 16.45rem;
    height: 10.565625rem;
    margin-left: 2rem;
    margin-top: -2rem;
  }
}

@media (min-width: 360px) and (max-width: 374px) {
  .idh-container .bh-spin-media-images-static img {
    margin-left: 3rem;
    margin-top: 0;
    width: 17.5rem;
    height: 10.565625rem;
  }
}

@media (min-width: 375px) {
  .idh-container .bh-spin-media-images-static img {
    width: 17.5rem;
    height: 10.565625rem;
    margin-left: 4rem;
    margin-top: 0;
  }
}

@media (min-width: 425px) {
  .idh-container .bh-spin-media-images-static img {
    width: 20rem;
    height: 12.5rem;
    margin-left: 4rem;
    margin-top: 0;
  }
}

@media (min-width: 500px) {
  .idh-container .bh-spin-media-images-static img {
    margin-left: 7rem;
  }
}

@media (min-width: 550px) {
  .idh-container .bh-spin-media-images-static img {
    margin-left: 9rem;
  }
}

@media (min-width: 640px) {
  .idh-container .bh-spin-media-images-static img {
    width: auto;
    height: auto;
    margin-left: 1rem;
    margin-top: -2rem;
  }
}

@media (min-width: 1024px) {
  .idh-container .bh-spin-media-images-static img {
    margin-top: -1rem;
  }
}

@media (min-width: 1440px) {
  .idh-container .bh-spin-media-images-static img {
    margin-top: -4rem;
  }
}

.idh-views {
  display: flex;
  justify-content: center;
  padding-top: 2rem;
}

.idh-disclaimer {
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
  text-align: center;
  padding: 0.8rem 0 0;
}

@media (min-width: 320px) and (max-width: 639px) {
  .idh-disclaimer {
    padding: 0.5rem 0 0;
  }
}

.idh-view {
  position: relative;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #666666;
  border-bottom: 2px solid transparent;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  width: 100%;
  height: 4rem;
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  border: 1px solid #ccc;
}

.idh-view img {
  height: 100%;
  width: 100%;
}

@media (min-width: 1024px) {
  .idh-view {
    height: 6rem;
  }
}

@media print {
  .idh-view {
    height: 8rem;
  }
}

.idh-view .vehicle-more-photo {
  position: absolute;
  color: #ffffff;
  top: 50%;
  left: 49%;
  transform: translate(-50%, -50%);
  text-align: center;
}

@media (min-width: 1024px) {
  .idh-view .vehicle-more-photo {
    left: 50%;
  }
}

@media (min-width: 640px) {
  .idh-view .vehicle-more-photo {
    left: 44%;
  }
}

@media print {
  .idh-view .vehicle-more-photo {
    color: #ffffff;
  }
}

.vechile-interior-360 {
  padding-top: 45.6%;
  overflow: hidden;
  height: 0;
  position: relative;
}

@media (min-width: 320px) {
  .vechile-interior-360 {
    padding-top: 49%;
  }
}

@media (min-width: 375px) {
  .vechile-interior-360 {
    padding-top: 49%;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .vechile-interior-360 {
    margin-left: 1.563rem;
    margin-right: 1.563rem;
    padding-top: 46.2%;
  }
}

@media (min-width: 1024px) {
  .vechile-interior-360 {
    padding-top: 49%;
  }
}

@media (min-width: 1440px) {
  .vechile-interior-360 {
    padding-top: 45.3%;
  }
}

.idh-view-active {
  color: #333333;
  border: 2px solid #00aad2;
}

.idh-media-contain {
  position: relative;
}

@media print {
  .idh-media-contain {
    text-align: center;
  }
}

.idh-media {
  display: none;
}

.idh-media-active {
  display: block;
}

.idh-media-images {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: 56.25%;
}

.idh-media-image {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  transform: translateX(-110%);
  opacity: 0;
  z-index: 1;
}

.idh-media-image-active {
  opacity: 1;
  transform: translateX(0);
  transform: scale(1.2);
}

.media-view-tabs {
  padding: 0;
}

@media (min-width: 1024px) {
  .media-view-tabs {
    padding: 0 2rem;
  }
}

.media-360-trigger .spin-active-button {
  display: flex;
  justify-content: center;
}

.media-360-trigger .spin-active-text {
  font-size: 0.875rem;
}

.media-360-trigger svg {
  width: 2rem;
}

@media print {
  .media-360-trigger {
    margin: 0;
  }
}

.ivd-media-thumbnails-container {
  display: flex;
  justify-content: center;
  margin-top: 1.938rem;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .ivd-media-thumbnails-container {
    margin-top: 1rem;
  }
}

.ivd-media-thumbnails-container .thumbnail-item {
  position: relative;
  width: 5.75rem;
  height: 3.438rem;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.ivd-media-thumbnails-container .thumbnail-item.exterior-thumb {
  background-size: contain;
}

.ivd-media-thumbnails-container .thumbnail-item .vehicle-more-photo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background-color: #000000;
  opacity: .4;
  position: absolute;
  left: 0;
  top: 0;
}

.ivd-media-thumbnails-container .thumbnail-item .more-photos-text {
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 700;
  font-size: calc(14px);
  position: absolute;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 0 1rem;
}

@media print {
  .ivd-media-thumbnails-container {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  .smco.modal.modal-open {
    top: 55%;
  }
}

.idh-trims-disclaimer {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 0.75rem 1rem;
}

@media (min-width: 640px) {
  .idh-trims-disclaimer {
    padding: 0.75rem 1rem;
  }
}

@media (min-width: 1024px) {
  .idh-trims-disclaimer {
    padding: 0.75rem 0;
  }
}

@media (min-width: 1440px) {
  .idh-trims-disclaimer {
    padding: 0.5rem 0;
  }
}

.idh-card-image-disclaimer {
  position: relative;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  color: #888888;
  line-height: 1rem;
  text-align: center;
  z-index: 2;
}

.idh-trims-cg-icon {
  color: #002c5e;
  padding-left: 0.25rem;
}

@charset "UTF-8";
.ips-lead-modal.modal {
  display: flex;
  position: relative !important;
}

.ips-lead-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1001;
}

.ips-lead-modal-box {
  z-index: 1002;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  margin: 0;
}

@media (min-width: 640px) {
  .ips-lead-modal-box {
    max-width: 40rem;
    margin: auto;
  }
}

.ips-lead-modal-box-content {
  width: 100%;
  scrollbar-width: none;
}

.ips-lead-modal-header {
  background-color: #f3f3f3;
  color: #002c5e;
  font-size: 1rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  display: flex;
  position: relative;
  justify-content: space-between;
  padding: 1.25rem 3rem 1.25rem 1rem;
}

@media (min-width: 640px) {
  .ips-lead-modal-header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.ips-lead-modal-header .modal-x {
  top: 20%;
}

.ips-lead-modal-heading {
  color: #333333;
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 400;
}

.ips-lead-modal-description {
  color: #333333;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.625rem;
  display: inline-flex;
}

.ips-lead-modal-description .ips-lead-heading-text {
  width: 80%;
}

.ips-lead-modal-description svg {
  width: 3.0625rem;
  height: 4.625rem;
  margin-left: auto;
}

.ips-lead-modal-body {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #888888;
  line-height: 1rem;
  padding: 1.5rem 1rem;
}

@media (min-width: 640px) {
  .ips-lead-modal-body {
    padding: 1.5rem 2rem;
  }
}

.ips-lead-modal-body > div {
  padding-bottom: 1rem;
  color: #666666;
}

@media (min-width: 640px) {
  .ips-lead-modal-form-user-info-fieldset {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .ips-lead-modal-form-user-info-fieldset .ips-lead-modal-form-hint {
    flex-basis: 100%;
    width: 100%;
  }
}

.ips-lead-modal-form-input-wrapper {
  width: 100%;
}

@media (min-width: 640px) {
  .ips-lead-modal-form-input-wrapper {
    width: 17.25rem;
  }
}

.ips-lead-modal-form-fieldset {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.25rem;
  border: none;
  padding: 0;
  margin: 0;
}

.ips-lead-modal-form-fieldset fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

.ips-lead-modal-form-hint {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #333333;
  padding-bottom: 1rem;
}

.ips-lead-form-astericks {
  color: #e63312;
}

.ips-lead-model-fieldset {
  margin-bottom: 1.5625rem;
}

.ips-lead-modal-form-label {
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: #333333;
  display: block;
  font-weight: 500;
  text-transform: capitalize;
}

.ips-lead-form-input-error input {
  border: 0.125rem solid #e63312 !important;
}

.ips-lead-form-input-error #ips-lead-form-consent, .ips-lead-form-input-error #consent-custom-checkbox {
  border: 0.125rem solid #e63312;
}

.ips-lead-modal-form-input {
  display: block;
  width: 100%;
  height: 2.75rem;
  font-size: 0.875rem;
  color: #666666;
  font-weight: 400;
  line-height: 1.25rem;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
  padding: 0.75rem;
}

.ips-lead-modal-form-input:hover {
  border-color: #00aad2;
}

.ips-lead-modal-form-input:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border: 0.125rem solid #00aad2;
}

.ips-lead-modal-form-contact-option {
  position: relative;
  color: #333333;
  margin: 0.625rem 0.625rem 0 0;
  display: inline-flex;
  align-items: flex-end;
}

.ips-lead-modal-form-custom-radio {
  display: flex;
  align-items: center;
}

.ips-lead-modal-form-radio-input:checked ~ .ips-lead-modal-form-custom-radio .form-radio-button {
  border-color: #00aad2;
}

.ips-lead-modal-form-radio-input:checked ~ .ips-lead-modal-form-custom-radio .form-radio-button:after {
  display: block;
}

.ips-lead-modal-phone-number-form {
  margin: 1.5rem auto;
}

.ips-lead-modal-phone-number-form-show {
  display: block;
}

@media (min-width: 640px) {
  .ips-lead-modal-phone-number-form .ips-lead-phone-number-input {
    width: 45%;
  }
}

.ips-lead-modal-phone-number-form-agreement {
  display: flex;
  margin: 1.5rem auto;
  position: relative;
  flex-wrap: wrap;
}

.ips-lead-modal-phone-number-form-agreement .form-checkbox-input:focus + .form-checkbox-box {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .ips-lead-modal-phone-number-form-agreement .form-checkbox-input:focus + .form-checkbox-box {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.ips-lead-modal-phone-number-form-text {
  margin-left: 1.5625rem;
  line-height: 1.25rem;
  flex-basis: 100%;
  width: 100%;
  color: #888888;
}

.ips-lead-modal-form-radio-button {
  position: relative;
  margin-right: 0.5rem;
  display: inline-block;
}

.ips-lead-modal-error-msg {
  color: #e63312;
  font-weight: 400;
  line-height: 0.875rem;
  margin-top: 0.25rem;
}

.ips-lead-modal-phone-error {
  margin-top: 0.5rem;
}

.ips-lead-form-cta-error {
  margin-top: 0.625rem;
}

.ips-lead-footer-text {
  position: relative;
  font-size: 0.75rem;
  font-weight: 400;
  color: #666666;
  line-height: 1rem;
  padding-top: 1.5rem;
}

.ips-lead-footer-text:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: #e6e6e6;
}

.ips-lead-footer-text a {
  color: #666666;
}

.ips-lead-footer-text a:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.ips-lead-form-zip-code {
  position: relative;
}

.ips-lead-form-zip-code .ips-lead-form-input-zipcode {
  padding-left: 2.25rem;
}

.ips-lead-form-zip-code .icon-location-thick {
  position: absolute;
  top: 50%;
  height: 2rem;
  margin-top: -1rem;
  margin-left: 0.75rem;
}

.ips-lead-form-zip-code .ips-lead-form-input-zipcode:disabled {
  background: none;
  border: none;
  font-weight: 700;
  padding-left: 1.5rem;
}

.ips-lead-form-zip-code .ips-lead-form-input-zipcode:disabled + svg {
  margin-left: 0;
}

.ips-lead-submit-btn {
  display: block;
  height: 2.75rem;
  padding: 0 1.75rem;
  margin-top: 1.875rem;
  font-size: 1rem;
  line-height: 1rem;
}

.ips-lead-submit-btn svg {
  display: inline-block;
  margin-left: 0.5rem;
}

.ips-lead-submit-btn:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  box-shadow: none;
}

.ips-lead-loading {
  display: flex;
  align-items: center;
  height: 2.75rem;
  margin-top: 1.875rem;
}

.ips-lead-loading-pc {
  display: flex;
  align-items: initial;
  margin-left: 30%;
}

.ips-lead-loading-indicator {
  position: relative;
  width: 1.5625rem;
  height: 1.5625rem;
  margin-right: 0.625rem;
}

.ips-lead-loading-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #888888;
  line-height: 1.25rem;
}

.ips-lead-form-dealer {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 100%;
  background-color: #e6e6e6;
  border-radius: 0.625rem;
  padding: 0.75rem;
  margin-bottom: 1.5rem;
  margin-top: 1.25rem;
}

.ips-lead-form-dealer .ips-lead-form-dealer-inner {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.ips-lead-form-dealer .ips-lead-form-dealer-name-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.375rem;
  text-transform: capitalize;
  color: #333333;
  padding-right: 0.5rem;
}

.ips-lead-form-dealer .ips-lead-form-distance {
  display: flex;
  gap: 0.5rem;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.ips-lead-form-legal {
  width: 100%;
  margin-top: 1.25rem;
}

.ips-lead-form-legal .ips-lead-modal-form-label {
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  display: block;
  margin-bottom: 0;
}

.ips-lead-form-legal a:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.ips-lead-modal-phone-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.ips-lead-form-custom-checkbox {
  display: flex;
  gap: 0.5rem;
}

.ips-lead-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1rem;
  height: 1rem;
  background-color: #ffffff;
  border: 0.09375rem solid #bababa;
  border-radius: 0.1875rem;
  cursor: pointer;
}

.ips-lead-custom-checkbox-button:hover {
  border-color: #00aad2;
}

.ips-lead-custom-checkbox-button:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border-color: #00aad2;
}

.ips-lead-custom-checkbox-label {
  display: block;
  font-weight: 400;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
  text-transform: none;
}

.ips-lead-custom-checkbox-label a {
  font-weight: 400;
  color: #666666;
}

.ips-lead-modal-phone-checkbox:checked ~ .ips-lead-form-custom-checkbox .ips-lead-custom-checkbox-button {
  border: 0.125rem solid #00aad2;
}

.ips-lead-modal-phone-checkbox:checked ~ .ips-lead-form-custom-checkbox .ips-lead-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0.25rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg) scale(0.8);
}

.ips-lead-modal-phone-checkbox:checked ~ .ips-lead-form-custom-checkbox .ips-lead-custom-checkbox-button {
  background-color: #00aad2 !important;
}

.ips-lead-modal-phone-checkbox:checked ~ .ips-lead-form-custom-checkbox .ips-lead-custom-checkbox-button:after {
  border: solid #ffffff;
  border-width: 0 0.125rem 0.125rem 0;
}

.ips-lead-form-opt-check {
  margin-top: 1rem;
  padding-top: 0;
}

.ips-lead-form-recaptcha-legal-container {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 0.0625rem solid #e6e6e6;
}

.ips-lead-form-recaptcha-legal-copy {
  position: relative;
  font-size: 0.75rem;
  font-weight: 500;
  color: #666666;
  line-height: 1rem;
}

.ips-lead-form-recaptcha-legal-copy a {
  color: #002c5e;
  text-decoration: none;
  display: inline-block;
  padding-right: 1.25rem;
}

.ips-lead-form-recaptcha-legal-copy a svg {
  display: inline-block;
  margin-left: 0.3125rem;
}

.ips-lead-form-recaptcha-legal-copy a:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}
.ips-modal-content {
  visibility: hidden;
}

.ips-modal-content.carousel-initialized {
  visibility: visible;
}

.ips-container {
  margin-bottom: 3rem;
}

@media (min-width: 1024px) {
  .ips-container {
    margin: 0;
  }
}

@media (min-width: 640px) {
  .ips-container {
    margin: 0;
  }
}

@media (min-width: 1440px) {
  .ips-container {
    margin: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ips-container {
    margin: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ips-container {
    margin: 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .ips-container {
    margin: 0;
  }
}

.ips-car-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.375rem;
  padding-bottom: 0.125rem;
  font-size: 1rem;
}

.ips-car-name span {
  display: block;
  font-size: 1.875rem;
  line-height: 2.25rem;
}

@media (min-width: 1024px) {
  .ips-car-name span {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ips-car-name span {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ips-car-name span {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

.ips-vin {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333333;
}

.ips-vin svg {
  display: inline-block;
  margin-left: 0.1875rem;
}

a.ips-vin, p.ips-vin {
  color: #002c5e;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
}

.ips-external-icon {
  display: inline-block;
  margin-left: 0.3125rem;
}

.ivd-external-icon {
  display: inline-block;
  margin-left: 0.3125rem;
  height: 0.875rem !important;
  width: 0.875rem !important;
}

.ivd-external-icon .icon {
  width: 100% !important;
  height: auto !important;
}

.ips-vehicle-delivery {
  display: inline-block;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  background-color: #ffffff;
  padding: 0.125rem 0.375rem;
  margin-top: 0.875rem;
}

.ivd-icon-review {
  display: inline-block;
  height: 0.625rem !important;
  width: 0.625rem !important;
}

.ivd-icon-review .icon {
  margin: 0 0 0.3125rem 0.3125rem !important;
}

.ips-review {
  align-items: center;
  display: flex;
}

.ips-review-star-container {
  display: flex;
  margin-right: 0.4375rem;
  margin-top: -0.125rem;
}

.ips-review-star-container .icon {
  height: 0.75rem;
  width: 0.75rem;
  margin-right: 0.125rem;
}

.ips-clicktobuy-support {
  display: flex;
  margin-top: 1.375rem;
}

.ips-clicktobuy-icon {
  flex-shrink: 0;
  display: inline-block;
  width: 3.125rem;
  margin-right: 0.875rem;
}

.ips-clicktobuy-icon svg {
  width: 100%;
  height: 100%;
  fill: #002c5e;
}

.ips-clicktobuy-copy {
  width: 12.1875rem;
  font-size: 1rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.25rem;
}

.ips-vin-cta {
  text-decoration: none;
}

.ips-vin-cta-button {
  display: block;
  width: 100%;
  height: 2.75rem;
  padding: 0 1.75rem;
  margin-top: 1rem;
  font-size: 1rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

.ips-vin-cta-button svg {
  display: inline-block;
  margin-left: 0.5rem;
}

@media print {
  .ips-vin-cta-button {
    background: none;
    color: #666666;
  }
}

.ips-vin-cta-purchase-button {
  margin-top: 1.875rem;
}

@media print {
  .ips-vin-cta-purchase-button {
    background: none;
    color: #666666;
  }
}

.ips-review-link {
  align-items: center;
  color: #002c5e;
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
}

.ips-review-link .icon {
  height: 0.875rem;
  margin-left: 0.5rem;
  width: 0.3125rem;
}

.ivd-finance-estimator-link .icon {
  height: 0.875rem;
  margin-left: 0.5rem;
  width: 0.3125rem;
}

.ips-table {
  margin: 2rem 0 0 0;
  background-color: #f3f3f3;
  padding: 1.5rem 1rem 0 1rem;
}

@media (min-width: 640px) {
  .ips-table {
    padding: 1.5rem 2rem 0 2rem;
  }
}

@media (min-width: 1024px) {
  .ips-table {
    padding: 1.75rem 1.5rem 0 1.5rem;
  }
}

@media (min-width: 1440px) {
  .ips-table {
    padding: 2.875rem 2.5rem 0 2.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ips-table {
    padding: 1.5rem 2rem 0 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ips-table {
    padding: 1.75rem 1.5rem 0 1.5rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .ips-table {
    padding: 2.875rem 2.5rem 0 2.5rem;
  }
}

.ips-table-row {
  border-bottom: 0.0625rem solid #bababa;
  display: flex;
  font-weight: 400;
  justify-content: space-between;
  line-height: 1.375rem;
  padding: 0.5rem 0;
}

.ips-table-row .tooltip-trigger {
  vertical-align: top;
}

.ips-table-row:last-of-type {
  border: none;
}

.ips-table-row:last-of-type.ips-table-row-monthly {
  border-top: 0.0625rem solid #bababa;
}

.ips-table-row .ips-dt {
  margin-right: 0.75rem;
}

.ips-contact-dealer {
  border-bottom: 0.0625rem solid #bababa;
  padding-bottom: 1.0625rem;
}

.ips-price-header {
  border-bottom: 0.0625rem solid #bababa;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  text-align: left;
  line-height: 1.875rem;
  padding-bottom: 1.25rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

.ips-table-row-big {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.ips-table-row-big .ips-dt {
  font-weight: 400;
}

.ips-table-row-big .ips-dd {
  font-weight: 500;
}

.ips-table-row-total {
  border: none;
  font-weight: 500;
  padding: 1rem 0;
}

.ips-table-row-total-top {
  font-weight: 500;
  padding: 1rem 0;
}

.ips-table-row-monthly {
  border-bottom: none;
  font-weight: 500;
  padding: 1rem 0 0.5rem;
}

.ips-table-row-monthly span {
  color: #888888;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.ips-payment-link {
  color: #002c5e;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding: 0.9375rem 0 1.0625rem 0;
  text-decoration: none;
  margin-left: auto;
}

.ips-payment-link .icon {
  display: inline-block;
  height: 0.75rem;
  width: 0.5625rem;
  fill: #002c5e;
}

.ips-request-quote {
  margin-top: 2rem;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .ips-request-quote {
    padding: 0 2rem;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .ips-request-quote {
    padding: 0 1.5rem;
    margin: 0;
  }
}

@media (min-width: 1440px) {
  .ips-request-quote {
    padding: 0 2.5rem;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ips-request-quote {
    padding: 0 2rem;
    margin: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ips-request-quote {
    padding: 0 1.5rem;
    margin: 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .ips-request-quote {
    padding: 0 2.5rem;
    margin: 0;
  }
}

.ips-request-quote-btn {
  display: block;
  width: 100%;
}

@media (min-width: 1024px) {
  .ips-request-quote-btn {
    display: none;
  }
}

@media (min-width: 640px) {
  .ips-request-quote-btn {
    display: none;
  }
}

@media print {
  .ips-request-quote-btn {
    display: block;
    background: none;
    color: #666666;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ips-request-quote-btn {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ips-request-quote-btn {
    display: none;
  }
}

.ips-in-noprice-header,
.ips-in-transit-header {
  display: inline-block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin-top: 1.75rem;
  padding: 0 0.4375rem;
  width: auto;
}

.ips-in-transit-header {
  margin-bottom: 1.5rem;
}

.ips-in-transit-description {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.ips-modal-accessories {
  width: 100%;
}

@media (min-width: 640px) {
  .ips-modal-accessories {
    max-width: 28.75rem;
  }
}

.ips-modal-text-container {
  background-color: #ffffff;
  padding: 1.5rem 2.5rem 2.5rem;
}

@media (min-width: 640px) {
  .ips-modal-text-container {
    padding: 2.5rem;
  }
}

.ips-packages-modal .ips-modal-text-container {
  padding: 3rem 2.5rem 2.5rem;
}

.ips-options-modal .ips-modal-text-container {
  padding: 3rem 2.5rem 2.5rem;
}

.ips-modal-text-header {
  display: flex;
  flex-direction: column;
  padding-bottom: 1rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
}

@media (min-width: 640px) {
  .ips-modal-text-header {
    flex-direction: row;
    justify-content: space-between;
  }
}

.ips-modal-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

@media (max-width: 639px) {
  .ips-modal-name {
    font-size: 1.5rem;
    line-height: 1.875rem;
    padding-bottom: 0.5rem;
  }
}

.ips-modal-name span {
  color: #666666;
  display: block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.ips-modal-price {
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.ips-modal-description {
  color: #666666;
  line-height: 1.375rem;
}

.ips-modal-disclaimer {
  border-top: 1px solid #bababa;
  color: #666666;
  line-height: 1.375rem;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
}

.ips-packages-modal .modal-box-content,
.ips-options-modal .modal-box-content {
  width: 100%;
}

.ips-packages-modal .modal-content,
.ips-options-modal .modal-content {
  padding: 0;
  width: 100%;
}

.ips-packages-modal .modal-box,
.ips-options-modal .modal-box {
  padding: 0;
  width: 100%;
}

@media (min-width: 640px) {
  .ips-packages-modal .modal-box,
  .ips-options-modal .modal-box {
    width: 35rem;
  }
}

.ips-accessories-modal .modal-x,
.ips-accessories-modal .slick-next,
.ips-accessories-modal .slick-prev {
  background-color: rgba(0, 0, 0, 0.4);
  height: 2.5rem;
  padding: 0.4375rem;
  width: 2.5rem;
}

.ips-accessories-modal .modal-x svg,
.ips-accessories-modal .slick-next svg,
.ips-accessories-modal .slick-prev svg {
  fill: #ffffff;
  max-width: 100%;
}

.ips-accessories-modal .modal-content {
  width: 35rem;
  z-index: 1001;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 0;
}

@media (max-width: 639px) {
  .ips-accessories-modal .modal-content {
    width: 100%;
  }
}

.ips-accessories-carousel {
  position: relative;
  padding-bottom: 1.25rem;
  background-color: #ffffff;
}

.ips-accessories-carousel .ips-modal-slide {
  width: 100%;
}

.ips-accessories-carousel .ips-accessory-image-box {
  position: relative;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
}

.ips-accessories-carousel .ips-accessory-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.ips-accessories-carousel .slick-arrow {
  position: absolute;
  bottom: 1.25rem;
  z-index: 99;
  font-size: 1.875rem;
}

.ips-accessories-carousel .slick-arrow .icon {
  fill: #002c5e;
}

.ips-accessories-carousel .ips-modal-carousel-slick-prev {
  left: 0.75rem;
}

@media (min-width: 640px) {
  .ips-accessories-carousel .ips-modal-carousel-slick-prev {
    left: 2.5rem;
  }
}

.ips-accessories-carousel .ips-modal-carousel-slick-prev.slick-prev {
  background-color: transparent;
}

.ips-accessories-carousel .ips-modal-carousel-slick-next {
  right: 0.75rem;
}

@media (min-width: 640px) {
  .ips-accessories-carousel .ips-modal-carousel-slick-next {
    right: 2.5rem;
  }
}

.ips-accessories-carousel .ips-modal-carousel-slick-next.slick-next {
  background-color: transparent;
}

.ips-accessories-carousel .slick-dots {
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

.ips-accessories-carousel .slick-dots li {
  display: inline-block;
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
  padding: 0;
  margin: 0 0.3125rem;
}

.ips-accessories-carousel .slick-dots button {
  font-size: 0;
  line-height: 0;
  color: transparent;
}

.ips-accessories-carousel .slick-dots button:before {
  content: "•";
  font-size: 2.1875rem;
  line-height: 1.25rem;
  text-align: center;
  color: #888888;
}

.ips-accessories-carousel .slick-dots li.slick-active button:before {
  color: #00aad2;
}

.ips-accessories-carousel .slick-track {
  width: 100%;
}

.ips-header {
  background-color: #f3f3f3;
  padding: 2rem 1.5rem 1rem 1rem;
}

@media (min-width: 640px) {
  .ips-header {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .ips-header {
    padding: 1.75rem 1.75rem 1.25rem 1.75rem;
  }
}

@media (min-width: 1440px) {
  .ips-header {
    padding: 1.875rem 1.875rem 1rem 1.875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ips-header {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ips-header {
    padding: 1.75rem 1.75rem 1.25rem 1.75rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .ips-header {
    padding: 1.875rem 1.875rem 1rem 1.875rem;
  }
}

.ips-button-vds {
  width: 100%;
  margin: 1rem 0 0 0;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .ips-button-vds {
    width: 40%;
  }
}

.ips-payment-container {
  background-color: #f3f3f3;
  padding: 0 1rem 0 1rem;
}

.ivd-vehicle-no-results-bar {
  padding-bottom: 1rem;
}

.ivd-vehicle-no-results {
  padding: 1rem;
  background-color: #f3f3f3;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .ivd-vehicle-no-results {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.ivd-no-results-text {
  font-weight: 700;
}

@media (min-width: 320px) and (max-width: 639px) {
  .ivd-main-container {
    padding: 2.438rem 1rem 1rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .ivd-main-container {
    padding: 2rem 1rem 1rem;
  }
}

@media (min-width: 1024px) {
  .ivd-main-container {
    padding: 0;
  }
}

@media (min-width: 1440px) {
  .ivd-main-container {
    padding: 0rem 1rem 1rem 5.813rem;
  }
}

@media (min-width: 1440px) and (max-width: 2560px) {
  .ivd-main-container {
    padding: 1.875rem 0 0 7.063rem;
  }
}

.ivd-offers-container {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #bababa;
}

@media (min-width: 1440px) {
  .ivd-offers-container {
    padding-bottom: 0.5rem;
  }
}

.ivd-offers-card {
  padding-bottom: 2rem;
  flex-grow: 1;
}

@media (min-width: 640px) {
  .ivd-offers-card {
    padding-right: 0.625rem;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media (min-width: 1024px) {
  .ivd-offers-card {
    padding-right: 0.375rem;
  }
}

@media (min-width: 1440px) {
  .ivd-offers-card {
    padding-right: 3.125rem;
  }
}

.ivd-offers-heading-txt {
  padding: 2rem 0 1.5rem;
}

@media (min-width: 1440px) {
  .ivd-offers-heading-txt {
    padding: 2.5rem 0 2rem;
  }
}

.ivd-heading {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  flex-basis: 100%;
  max-width: 100%;
}

.ivd-offer-detail-txt {
  padding-left: 1.875rem;
}

.ivd-without-radio .ivd-offer-detail-txt {
  padding-left: 0;
}

.ivd-option-heading {
  color: #888888;
  font-size: 1rem;
  letter-spacing: 0.0625rem;
  line-height: 1.375rem;
  padding: 30px;
}

.ivd-option-rate {
  color: #333333;
  padding: 0.125rem 0 0.375rem;
}

.ivd-option-rate b {
  display: inline-block;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 2.25rem;
}

.ivd-option-rate span {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.875rem;
}

.ivd-option-txt {
  padding-bottom: 0.5rem;
  color: #666666;
  font-size: 1rem;
  line-height: 1.375rem;
}

.ivd-offer-end-txt {
  padding-bottom: 0.875rem;
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.ivd-offers-detail-link {
  padding-bottom: 0;
}

.ivd-offers-detail-link .icon {
  margin-left: 0.125rem;
}

.ivd-link {
  color: #002c5e;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.ivd-link .icon {
  height: 0.625rem;
  width: 0.625rem;
  display: inline-block;
}

.ivd-estimators-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #bababa;
  padding: 0.9375rem 0.625rem 0.9375rem 0;
  flex-direction: column;
}

@media (min-width: 640px) {
  .ivd-estimators-container {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

@media print {
  .ivd-estimators-container {
    display: block;
  }
}

.ivd-last {
  padding-bottom: 0 !important;
}

.ivd-estimators-container button {
  justify-content: space-between;
}

.ivd-credit-estimator-link {
  padding-bottom: 1rem;
}

@media (min-width: 1440px) {
  .ivd-credit-estimator-link {
    padding-bottom: 0;
  }
}

.ivd-vehicle-overview-container {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #bababa;
  padding-bottom: 0.75rem;
}

@media (min-width: 640px) {
  .ivd-vehicle-overview-container {
    padding-bottom: 1rem;
  }
}

@media print {
  .ivd-vehicle-overview-container {
    display: block;
  }
}

.ivd-offers-link {
  padding-bottom: 1rem;
  display: flex;
  text-align: center;
}

@media (min-width: 640px) {
  .ivd-offers-link {
    padding-bottom: 0;
  }
}

@media (max-width: 639px) {
  .ivd-apply-finance {
    width: 8.75rem;
  }
}

.ivd-vehicle-spec {
  flex-basis: 100%;
  max-width: 100%;
}

@media (min-width: 640px) {
  .ivd-vehicle-spec {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media (min-width: 640px) {
  .ivd-feature-container-right {
    flex-basis: 50%;
    max-width: 50%;
    padding-right: 3.25rem;
  }
}

.ivd-vehicle-overview-heading {
  padding: 2rem 0 1.5rem;
}

@media (min-width: 640px) {
  .ivd-vehicle-overview-heading {
    padding: 2.5rem 0 2rem;
  }
}

.ivd-vehicle-spec-heading {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.ivd-vehicle-spec-txt {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .ivd-vehicle-spec-txt {
    padding-bottom: 1.5rem;
  }
}

.ivd-vehicle-color-exterior, .ivd-vehicle-color-interior {
  box-shadow: 0.1875rem 0.1875rem 0.75rem rgba(0, 0, 0, 0.15);
  height: 2.5rem;
  width: 2.5rem;
  display: inline-block;
  background-size: cover;
}

.ivd-vehicle-view-txt {
  padding-left: 0.75rem;
  display: inline-block;
}

.ivd-features-container {
  display: flex;
  flex-wrap: wrap;
  padding: 2rem 0;
  border-bottom: 1px solid #bababa;
}

@media (min-width: 640px) {
  .ivd-features-container {
    padding: 2.5rem 0;
  }
}

@media (min-width: 1024px) {
  .ivd-features-container {
    padding: 2.5rem 0;
  }
}

@media print {
  .ivd-features-container {
    display: block;
  }
}

.ivd-feature-container {
  flex-basis: 100%;
  max-width: 100%;
}

@media (min-width: 640px) {
  .ivd-feature-container {
    padding-right: 3.25rem;
  }
}

.ivd-features-container-left, .ivd-features-container-right {
  flex-basis: 100%;
  max-width: 100%;
}

@media (min-width: 640px) {
  .ivd-features-container-left, .ivd-features-container-right {
    flex-basis: 50%;
    max-width: 50%;
  }
}

.ivd-vehicle-feature-links {
  margin-top: 0.25rem;
  order: 3;
  width: 100%;
}

@media (min-width: 1440px) {
  .ivd-vehicle-feature-links {
    flex-basis: 100%;
    max-width: 100%;
  }
}

.ivd-full-spec-link {
  padding-bottom: 0.5rem;
  display: block;
}

@media (min-width: 640px) {
  .ivd-full-spec-link {
    margin-top: 1.25rem;
  }
}

.ivd-feature-heading {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.625rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .ivd-feature-heading {
    padding-top: 0;
  }
}

.ivd-vehicle-feature {
  padding-bottom: 0.75rem;
  margin-left: 1.375rem;
}

.ivd-vehicle-feature::before {
  content: '';
  position: absolute;
  display: inline-block;
  background-color: transparent;
  border-style: solid;
  border-color: #333333;
  width: 0.4375rem;
  height: 0.8125rem;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
  margin-right: 0.625rem;
  margin-left: -1.0625rem;
}

.ivd-offers-detail-overlay {
  flex-direction: column;
}

.ivd-offers-detail-overlay .modal-box {
  height: 100%;
  width: 100%;
}

@media (min-width: 640px) {
  .ivd-offers-detail-overlay .modal-box {
    height: auto;
    max-width: 41.25rem;
  }
}

.ivd-offers-detail-overlay .modal-content {
  padding: 0;
}

.ivd-offers-detail-overlay .modal-x {
  color: #002c5e;
  top: 0.75rem;
}

@media (min-width: 640px) {
  .ivd-offers-detail-overlay .modal-x {
    top: 1rem;
    right: 1.5rem;
  }
}

.ivd-offers-detail-overlay .ivd-offers-detail-header {
  background-color: #f3f3f3;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 1.1875rem 1rem;
}

@media (min-width: 640px) {
  .ivd-offers-detail-overlay .ivd-offers-detail-header {
    font-size: 1.25rem;
    line-height: 1.625rem;
    padding: 1.375rem 3.125rem 0.875rem;
  }
}

.ivd-offers-detail-overlay .ivd-offers-detail-container {
  padding: 1.5rem 1rem 7rem;
}

@media (min-width: 640px) {
  .ivd-offers-detail-overlay .ivd-offers-detail-container {
    padding: 2.5625rem 3.125rem 3.125rem;
  }
}

.ivd-offers-detail-overlay .ivd-offers-detail-incentive-type {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding: 0 0 0.3125rem;
}

@media (min-width: 640px) {
  .ivd-offers-detail-overlay .ivd-offers-detail-incentive-type {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.ivd-offers-detail-overlay .ivd-offers-detail-description {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0 0 1.25rem;
}

@media (min-width: 640px) {
  .ivd-offers-detail-overlay .ivd-offers-detail-description {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.ivd-offers-detail-overlay .ivd-offers-detail-disclaimer {
  border-top: 0.0625rem solid #bababa;
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding: 1.25rem 0 0;
}

.ivd-credit-estimator-link .icon-chevron-right-thick,
.ivd-tradein-estimator-link .icon-chevron-right-thick {
  margin-top: 0.3125rem;
}

.ivd-spacer {
  display: flex;
  width: 9.375rem;
  height: 0;
}

.ivd-link .icon {
  margin-left: 0.3125rem;
}

.purchase-request-overlay {
  width: 100%;
  height: 100%;
  margin: auto;
  position: relative;
  background-color: #ffffff;
}

@media (min-width: 1024px) {
  .purchase-request-overlay {
    width: 90%;
  }
}

@media (min-width: 1440px) {
  .purchase-request-overlay {
    width: 75%;
  }
}

.purchase-request-overlay .modal-box {
  width: 100%;
  height: 100%;
}

.purchase-request-overlay .modal-box .modal-box-content {
  width: 100%;
}

.purchase-request-overlay .modal-content {
  height: 100%;
  padding: 0;
}

.purchase-request-overlay__modal-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

.purchase-request-overlay__body {
  height: 100%;
  padding-top: 3.125rem;
  overflow-y: scroll;
}

.purchase-request-overlay__control-bar {
  background-color: #f3f3f3;
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 1rem;
  align-items: center;
  z-index: 2;
}

@media (max-width: 320px) {
  .purchase-request-overlay__control-bar {
    padding: 1rem 0 1rem 1rem;
  }
}

@media (min-width: 1024px) {
  .purchase-request-overlay__content {
    display: flex;
    padding-bottom: 3rem;
  }
}

.purchase-request-overlay__raq {
  padding-top: 1rem;
}

@media (min-width: 1024px) {
  .purchase-request-overlay__raq {
    padding-top: 2rem;
  }
}

.purchase-request-overlay__raq .pr-form-para {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #888888;
  padding: 0 1rem;
  line-height: 1.25rem;
}

.purchase-request-overlay__raq .raq-body {
  padding-top: 0;
  background-color: transparent;
}

.purchase-request-overlay__raq .raq-body .raq-form-input-wrapper {
  max-width: 100%;
}

.purchase-request-overlay__raq .raq-headline {
  display: none;
}

.purchase-request-overlay__raq .raq-overlay {
  display: block;
  position: relative;
  z-index: 1;
}

.purchase-request-overlay__raq .raq-overlay .raq-header {
  display: none;
}

.purchase-request-overlay__raq .raq-submit-request-button {
  padding: 0 3rem;
}

.purchase-request-overlay__raq .raq-seperator {
  border-right: 1px solid #e6e6e6;
  height: 100%;
  padding-left: 1.5rem;
  padding-right: 2rem;
}

.purchase-request-overlay__raq .raq-seperator .ivd-external-icon {
  height: 0.5rem !important;
  width: 0.5rem !important;
}

.purchase-request-overlay__raq .raq-seperator .statusbar {
  padding: 1.25rem 1rem;
  margin: 1.5rem 0;
}

.purchase-request-overlay__price-details .price-details-title {
  background-color: #f3f3f3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1rem;
}

.purchase-request-overlay__price-details .price-details-title .price-details-head {
  margin: 0;
}

.purchase-request-overlay__price-details .price-details-title .price-details-print {
  display: none;
}

@media (min-width: 1024px) {
  .purchase-request-overlay__price-details .price-details-title {
    display: none;
  }
}

.purchase-request-overlay__price-details .price-details-container {
  display: none;
}

.purchase-request-overlay .price-details-half {
  margin-top: 0;
}

.purchase-request-overlay .pr-h-seperator {
  padding-top: 1rem;
  border-bottom: 1px solid #e6e6e6;
}

@media (min-width: 1024px) {
  .purchase-request-overlay__control-bar {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .purchase-request-overlay__raq {
    flex: 1 1 40%;
    width: 40%;
  }
  .purchase-request-overlay__raq .pr-form-para, .purchase-request-overlay__raq .raq-body {
    padding: 0;
    background-color: transparent;
  }
  .purchase-request-overlay__raq .raq-seperator {
    padding-left: 1rem;
    padding-right: 2rem;
  }
  .purchase-request-overlay__raq .raq-submit-request-button {
    padding: 0 1rem;
    width: auto;
  }
  .purchase-request-overlay__raq .dealer-detail-section .ivd-estimators-container {
    display: block;
    border-top: 1px solid #bababa;
  }
  .purchase-request-overlay__raq .dealer-detail-section .dealer-container {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
    padding-right: 0;
    display: block;
  }
  .purchase-request-overlay__price-details {
    flex: 1 1 60%;
    width: 60%;
  }
  .purchase-request-overlay__price-details .price-details-half {
    padding-top: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .purchase-request-overlay__price-details .price-details-half .price-details-child {
    padding: 0;
  }
  .purchase-request-overlay__price-details .price-details-half-second {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .purchase-request-overlay__price-details .add-border-top {
    padding: 1rem 0;
  }
  .purchase-request-overlay__price-details .trim-features-section .trim-feature-item {
    margin-top: 0.75rem;
  }
  .purchase-request-overlay__price-details .trim-features-section .trim-feature-item__icon {
    flex-basis: 2rem;
    min-height: 2rem;
    margin-right: 1.4rem;
  }
  .purchase-request-overlay__price-details .price-details-Packages {
    padding: 0.5rem 0;
  }
  .purchase-request-overlay__price-details .total-price-details-Packages {
    justify-content: space-between;
    display: flex;
  }
  .purchase-request-overlay__price-details .price-details-section-title {
    padding: 1rem 0;
  }
}

@media (min-width: 1440px) {
  .purchase-request-overlay__control-bar {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .purchase-request-overlay__raq {
    flex: 1 1 35%;
    width: 35%;
  }
  .purchase-request-overlay__raq .pr-form-para, .purchase-request-overlay__raq .raq-body {
    padding: 0;
    background-color: transparent;
  }
  .purchase-request-overlay__raq .raq-seperator {
    padding-left: 2rem;
    padding-right: 3rem;
  }
  .purchase-request-overlay__price-details {
    flex: 1 1 65%;
    width: 65%;
  }
  .purchase-request-overlay__price-details .price-details-half {
    padding-top: 0;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .purchase-request-overlay__price-details .price-details-half .price-details-child {
    padding: 0;
  }
  .purchase-request-overlay__price-details .price-details-half-second {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .purchase-request-overlay__price-details .add-border-top {
    padding: 1rem 0;
  }
  .purchase-request-overlay__price-details .trim-features-section .trim-feature-item__icon {
    flex-basis: 2rem;
    min-height: 2rem;
    margin-right: 1.4rem;
  }
  .purchase-request-overlay__price-details .trim-features-section .trim-feature-item {
    margin-top: 0.75rem;
  }
  .purchase-request-overlay__price-details .finance-summary {
    padding: 1.5rem 2rem;
  }
  .purchase-request-overlay__price-details .price-details-section-title {
    padding: 1rem 0;
  }
}

.purchase-request-overlay-modal {
  position: fixed;
  z-index: 1002;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.purchase-request-overlay-modal.show {
  display: block;
}

@media (min-width: 1024px) {
  body.chat-opened .purchase-request-overlay-modal.show {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 640px) {
  .purchase-inquiry-modal .modal-x {
    right: 1.625rem;
  }
}

@media (min-width: 1440px) {
  .purchase-inquiry-modal .modal-x {
    right: 2rem;
  }
}

.purchase-inquiry-modal .modal-x:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: calcR(2px);
}

@media (min-width: 640px) {
  .purchase-inquiry-modal .purchase-request-overlay__control-bar {
    padding: 1rem 2rem 1.3125rem;
  }
}

@media (min-width: 1024px) {
  .purchase-inquiry-modal .purchase-request-overlay__control-bar {
    padding: 1rem 1rem 1.3125rem;
  }
}

@media (min-width: 1440px) {
  .purchase-inquiry-modal .purchase-request-overlay__control-bar {
    padding: 1rem 2rem 1.3125rem;
  }
}

@media (min-width: 1024px) {
  .purchase-inquiry-modal .purchase-request-overlay__control-bar .price-details-head {
    margin: 0 4.625rem;
  }
}

@media (min-width: 1024px) {
  .purchase-inquiry-modal .purchase-request-overlay__control-bar .price-details-head {
    margin: 0 4rem;
  }
}

@media (min-width: 1024px) {
  .purchase-inquiry-modal .purchase-request-overlay__content {
    padding-top: 2rem;
  }
}

.purchase-inquiry-modal .purchase-request-overlay__modal-title {
  font-size: 1rem;
  color: #000000;
}

.purchase-inquiry-modal .purchase-request-overlay__raq {
  padding: 0;
}

.purchase-inquiry-modal .raq-seperator {
  padding: 1rem 1rem 0;
  border-right: none;
}

@media (min-width: 640px) {
  .purchase-inquiry-modal .raq-seperator {
    padding: 1rem 2rem 0;
  }
}

@media (min-width: 1024px) {
  .purchase-inquiry-modal .raq-seperator {
    padding: 0 2rem 0 1rem;
    border-right: 0.0625rem solid #cccccc;
  }
}

@media (min-width: 1440px) {
  .purchase-inquiry-modal .raq-seperator {
    padding: 0 3rem 0 2rem;
  }
}

.purchase-inquiry-modal .pr-form-para {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #666666;
  padding: 0;
}

.purchase-inquiry-modal .raq-overlay {
  overflow-y: visible;
}

.purchase-inquiry-modal .raq-body {
  padding: 0;
}

.purchase-inquiry-modal .raq-body .raq-form-hint {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  padding: 1.75rem 0 0;
}

.purchase-inquiry-modal .raq-body .raq-form-hint.no-padding {
  padding: 0;
}

.purchase-inquiry-modal .raq-body .raq-user-info-form .raq-form-fieldset {
  margin-top: 0;
}

.purchase-inquiry-modal .raq-body .raq-form-user-info-fieldset .raq-primary-fields {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.purchase-inquiry-modal .raq-body .raq-form-input-wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 1.25rem;
}

.purchase-inquiry-modal .raq-body .raq-form-input {
  margin-top: 0;
  border: 0.0625rem solid #bababa;
  font-size: 0.875rem;
  color: #333333;
  padding: 0.75rem;
}

.purchase-inquiry-modal .raq-body .raq-form-input:focus, .purchase-inquiry-modal .raq-body .raq-form-comment-txtarea:focus {
  border: 0.125rem solid #00aad2 !important;
  padding: 0.6875rem;
}

.purchase-inquiry-modal .raq-body .raq-form-label {
  margin-top: 0;
  font-weight: 500;
  color: #333333;
}

.purchase-inquiry-modal .raq-body .raq-form-custom-checkbox-optional .raq-form-label {
  padding-bottom: 0;
}

.purchase-inquiry-modal .raq-body .raq-form-input-error {
  border: none;
}

.purchase-inquiry-modal .raq-body .raq-error-msg {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 0.875rem;
  margin-top: 0.625rem;
}

.purchase-inquiry-modal .raq-body .raq-form-custom-checkbox-optional .raq-error-msg {
  margin-top: 0.5rem;
}

.purchase-inquiry-modal .raq-body .raq-form-custom-checkbox-button, .purchase-inquiry-modal .raq-body .raq-form-custom-checkbox-button:hover {
  border-width: calc(1.5px);
}

.purchase-inquiry-modal .raq-body .raq-form-custom-checkbox-label a:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border-color: #00aad2 !important;
}

.purchase-inquiry-modal .raq-body .raq-form-label-phone-disclaimer {
  padding-bottom: 0;
}

.purchase-inquiry-modal .raq-form-selected-dealer-text span {
  width: 100%;
  display: flex;
}

.purchase-inquiry-modal .raq-form-selected-dealer .raq-form-selected-dealer-distance {
  font-weight: 400;
}

.purchase-inquiry-modal .raq-policy-terms-agreement {
  padding-top: 1rem;
}

.purchase-inquiry-modal .raq-policy-terms-agreement::before {
  content: none;
}

.purchase-inquiry-modal .raq-form-legal-container {
  position: relative;
  font-size: 0.75rem;
  font-weight: 400;
  color: #666666;
  line-height: 1rem;
  padding-top: 1rem;
}

.purchase-inquiry-modal .raq-form-label.raq-form-optional-checkbox {
  display: flex;
  margin-top: 1.5rem;
  padding-bottom: 0;
}

@media (max-width: 1023px) {
  .purchase-inquiry-modal .raq-form-label.raq-form-optional-checkbox {
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .purchase-inquiry-modal .raq-form-label.raq-form-optional-checkbox {
    margin: 1.25rem 0;
  }
}

.purchase-inquiry-modal .raq-submit-request-button {
  font-weight: 500;
  line-height: 1rem;
  margin-top: 0;
  padding: 0 1.5rem;
}

.purchase-inquiry-modal .raq-form-recaptcha {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  margin-top: 1.875rem;
  padding: 1rem 0;
  color: #666666 !important;
  border-top: 0.0625rem solid #e6e6e6;
}

@media (min-width: 1440px) {
  .purchase-inquiry-modal .raq-form-recaptcha {
    padding: 0.75rem 0;
  }
}

.purchase-inquiry-modal .purchase-request-overlay__price-details .price-details-title {
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 400;
}

.purchase-inquiry-modal .purchase-request-overlay__price-details .model-name-section .price-details-model-name {
  padding-top: 0;
}

.purchase-inquiry-modal .purchase-request-overlay__price-details .trim-number {
  line-height: 1.25rem;
  padding-bottom: 0.5rem;
}

.purchase-inquiry-modal .purchase-request-overlay__price-details .finance-summary {
  padding: 1.5rem 1rem;
}

@media (min-width: 640px) {
  .purchase-inquiry-modal .purchase-request-overlay__price-details .finance-summary {
    padding: 1.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .purchase-inquiry-modal .purchase-request-overlay__price-details .finance-summary {
    padding: 0.5rem 2rem;
  }
}

@media (min-width: 640px) {
  .purchase-inquiry-modal .purchase-request-overlay__price-details .price-details-half {
    padding: 1.25rem 2rem;
  }
}

@media (min-width: 1024px) {
  .purchase-inquiry-modal .purchase-request-overlay__price-details .price-details-half {
    padding: 0 2rem;
  }
}

@media (min-width: 1440px) {
  .purchase-inquiry-modal .purchase-request-overlay__price-details .price-details-half {
    padding: 0 3rem;
  }
}

@media (min-width: 640px) {
  .purchase-inquiry-modal .purchase-request-overlay__price-details .price-details-half-second {
    padding: 1.25rem 2rem;
  }
}

@media (min-width: 1440px) {
  .purchase-inquiry-modal .purchase-request-overlay__price-details .price-details-half-second {
    padding: 1.25rem 3rem;
  }
}

.purchase-inquiry-modal .price-details-Packages .add-border-top .trim-name, .purchase-inquiry-modal .price-details-Packages .purchase-inquiry-padding .trim-name {
  font-weight: 700;
  line-height: 1.125rem;
}

.purchase-inquiry-modal .tooltip-trigger:focus {
  outline: 0.125rem solid #001A38;
}

.purchase-inquiry-modal .total-price-details-Packages {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.purchase-inquiry-modal .total-price-details-Packages .trim-name {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1rem;
}

.purchase-inquiry-modal .price-details-half .trim-feature-item {
  align-items: flex-start;
}

@media (min-width: 1024px) {
  .purchase-inquiry-modal .price-details-half .trim-feature-item {
    align-items: center;
  }
}

.purchase-inquiry-modal .price-details-half .trim-feature-item .trim-feature-item__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.purchase-inquiry-modal .price-details-half .trim-feature-item .trim-feature-item__icon {
  margin-right: 0.875rem;
  flex-basis: 2rem;
  min-height: 2rem;
}

.purchase-inquiry-modal .price-details-half .price-details-Packages {
  line-height: 1rem;
}

.purchase-inquiry-modal .price-details-half .trim-features-section {
  display: flex;
  flex-direction: column;
  padding-bottom: 0.9375rem;
}

@media (min-width: 1024px) {
  .purchase-inquiry-modal .price-details-half .trim-features-section {
    flex-direction: unset;
    padding-bottom: 0;
  }
}

.purchase-inquiry-modal .price-details-Packages.price-details-section-title.purchase-inquiry-padding {
  padding: 1.375rem 0;
  border-top: 0.0625rem solid #cccccc;
}

@media (min-width: 1024px) {
  .purchase-inquiry-modal .price-details-Packages.price-details-section-title.purchase-inquiry-padding {
    padding: 1rem 0;
  }
}

.purchase-inquiry-modal .price-details-half .price-details-model-name {
  display: flex;
  flex-direction: column;
  padding-top: 1.5rem;
}

.purchase-inquiry-modal .price-details-model-name .price-details-year-name {
  display: flex;
  flex-direction: row;
  font-size: 1rem;
  line-height: 1.5rem;
}

.purchase-inquiry-modal .price-details-model-name .price-details-year-name .price-details-year {
  font-weight: 400;
}

.purchase-inquiry-modal .price-details-model-name .price-details-year-name .trim-name-details {
  margin-left: 4px;
  font-weight: 500;
  padding: 0;
}

@media (max-width: 1023px) {
  .raq-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2000;
    background-color: #ffffff;
    overflow-y: auto;
  }
}

@media (min-width: 1024px) {
  .raq-overlay {
    display: block;
  }
}

.raq-overlay-show {
  display: block !important;
}

.raqSuppressionFlag {
  display: none;
}

.raq-header {
  background-color: #f3f3f3;
  color: #002c5e;
  font-size: 1rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 1rem;
}

@media (min-width: 640px) {
  .raq-header {
    padding: 1.25rem 2rem;
  }
}

@media (min-width: 1024px) {
  .raq-header {
    display: none;
  }
}

.raq-selected-trim {
  color: #000000;
  font-weight: 300;
}

.raq-selected-trim-name {
  font-weight: 500;
}

.raq-body {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #888888;
  padding: 1.5rem 1rem;
  background-color: #ffffff;
}

@media (min-width: 640px) {
  .raq-body {
    padding: 1.5rem 2rem 2.875rem;
  }
}

.raq-error-msg {
  color: #e63312;
  margin-top: 0.625rem;
  font-size: 0.875rem;
  font-weight: 400;
  display: none;
  line-height: 0.875rem;
}

.raq-error-msg-show {
  display: block;
}

.raq-headline {
  color: #333333;
  font-size: 1.25rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .raq-headline {
    font-size: 1.5rem;
  }
}

.raq-cancel-button {
  height: 2.75rem;
  color: #002c5e;
  margin-top: 1rem;
  font-weight: 500;
}

.raq-cancel-button .icon {
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.5rem;
}

.raq-submit-new-zip-button {
  height: 2.75rem;
  float: right;
  font-size: 1rem;
  outline: none;
  border: none;
  padding: 0 1.75rem;
  margin-top: 1rem;
}

.raq-form-hint {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #333333;
  padding-bottom: 1rem;
}

.raq-form-fieldset {
  border: none;
  padding: 0;
  margin: 0;
  margin-top: 1.25rem;
}

.raq-form-fieldset fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

.raq-form-label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  line-height: 0.875rem;
  padding-bottom: 0.25rem;
}

.raq-form-label .raq-form-dealers {
  padding-bottom: 0.375rem;
}

.raq-form-input {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  background: #ffffff;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  padding: 0.75rem;
}

.raq-form-input:hover {
  border-color: #00aad2;
}

.raq-form-required-astericks {
  color: #e63312;
}

.raq-form-input-error .ro-v2-input {
  border-color: #e63312;
}

.raq-form-input-error .raq-error-msg {
  display: block;
}

.raq-form-input-error #raq-first-name {
  border: 0.125rem solid var(--first-name-error-color-border) !important;
  padding: 0.6875rem;
}

.raq-form-input-error #raq-last-name {
  border: 0.125rem solid var(--last-name-error-color-border) !important;
  padding: 0.6875rem;
}

.raq-form-input-error #raq-email {
  border: 0.125rem solid var(--email-address-error-color-border) !important;
  padding: 0.6875rem;
}

.raq-form-input-error #raq-form-phone-number {
  border: 0.125rem solid var(--phone-error-color-border) !important;
  padding: 0.6875rem;
}

.raq-form-input-error #raq-form-consent {
  border: 0.125rem solid var(--consent-error-color-border) !important;
}

.raq-form-comment-label {
  color: #002c5e;
  display: flex;
  font-weight: 500;
  cursor: pointer;
}

.raq-form-comment-label .icon {
  width: 0.625rem;
  margin-left: 0.25rem;
  min-height: 1.125rem;
}

.raq-form-comment-label.active .icon {
  transform: rotate(180deg);
}

.raq-form-comment-txtarea {
  width: 100%;
  height: 6.4375rem;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  background-color: #ffffff;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  outline: none;
  resize: none;
  padding: 0.75rem;
  margin-top: 0.75rem;
}

.raq-form-comment-txtarea:hover {
  border-color: #00aad2;
}

.raq-form-char-remaining-hint {
  font-weight: 500;
  font-size: 0.875rem;
  color: #666666;
  line-height: 0.875rem;
}

.raq-form-contact-headline {
  color: #888888;
}

.raq-form-contact-option {
  color: #333333;
  margin: 0.625rem 0.625rem 1.5625rem 0;
  display: inline-flex;
  align-items: flex-end;
}

@media (min-width: 1024px) {
  .raq-form-contact-option {
    margin-right: 1.25rem;
  }
}

.raq-form-radio-input {
  position: relative;
  display: none;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .raq-phone-number-input {
    width: 45%;
  }
}

.raq-phone-number-form-agreement {
  display: flex;
  flex-direction: column;
  margin: 1.5rem auto;
  position: relative;
}

.raq-phone-number-form-agreement .form-checkbox-input:focus + .form-checkbox-box {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .raq-phone-number-form-agreement .form-checkbox-input:focus + .form-checkbox-box {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.raq-phone-number-form-text {
  margin-left: 1.5625rem;
  line-height: 1.25rem;
}

.raq-form-radio-button {
  position: relative;
  margin-right: 0.5rem;
  display: inline-block;
}

.raq-policy-terms-agreement {
  padding-top: 1.75rem;
  position: relative;
}

.raq-policy-terms-agreement a {
  text-decoration: none;
}

.raq-policy-terms-agreement:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: #bababa;
}

.raq-form-recaptcha {
  font-weight: 500;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
}

.raq-form-recaptcha a {
  color: var(--anchor-color);
  text-decoration: none;
  display: inline-block;
  padding-right: 1.25rem;
}

.raq-form-recaptcha a svg {
  display: inline-block;
  margin-left: 0.3125rem;
}

.raq-submit-request-button {
  display: block;
  height: 2.75rem;
  padding: 0 1.75rem;
  margin-top: 1rem;
  font-size: 1rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

@media (min-width: 1024px) {
  .raq-submit-request-button {
    width: 100%;
  }
}

.raq-policy,
.raq-terms {
  color: #002c5e;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .raq-form-user-info-fieldset {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .raq-form-user-info-fieldset .raq-form-hint {
    flex-basis: 100%;
    width: 100%;
  }
  .raq-form-user-info-fieldset .raq-form-input-wrapper {
    flex-basis: 45%;
    max-width: 45%;
  }
}

.raq-form-zip-code {
  position: relative;
}

.raq-form-zip-code .raq-form-input-zipcode {
  padding-left: 2.25rem;
}

.raq-form-zip-code .icon-location-thick {
  position: absolute;
  top: 50%;
  height: 2rem;
  margin-top: -1rem;
  margin-left: 0.75rem;
}

.raq-form-dealer-box {
  position: relative;
}

.raq-form-dealer-box .dealer-loading {
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 1rem;
}

.raq-form-dealer-box .dropdown-button {
  height: auto;
  width: 100%;
  border: 1px solid #e6e6e6;
  margin-top: 0.25rem;
  padding: 1rem 0.75rem;
  font-size: 1rem;
  text-align: left;
}

@media (max-width: 1023px) {
  .raq-form-dealer-box .dropdown-button {
    border: 1px solid #e6e6e6;
    background: #f3f3f3;
  }
}

.raq-form-dealer-box .dropdown-button .dropdown-button-text {
  text-align: left;
}

.raq-form-dealer-box .dropdown-button .raq-dropdown-invalid {
  color: #888888;
  font-weight: 400;
}

.raq-form-dealer-box .dropdown-button.dropdown-item-inventory:disabled {
  color: #666666;
  font-weight: 400;
}

.raq-form-dealer-box .dropdown-button:disabled {
  color: #888888;
}

.raq-form-dealer-box .dropdown-button span:first-of-type {
  margin-right: 0.3125rem;
}

.raq-form-dealer-box .dropdown-item-inventory {
  background: none;
  color: #888888;
  border: 0;
  padding: 0;
}

.raq-form-dealer-box .dropdown-item-inventory .icon-chevron-down-thick {
  display: none;
}

.raq-form-dealer-box.raq-bg-gray .dropdown-button {
  background: #f3f3f3;
}

.raq-form-dealer-box .dropdown-items .dropdown-item {
  display: block;
  text-align: left;
  border-bottom: 1px solid #e6e6e6;
}

.raq-form-dealer-box .dropdown-item {
  padding: 0.625rem 0.75rem;
}

.raq-form-dealer-box .dropdown-item span:first-of-type {
  margin-right: 0.3125rem;
}

.raq-form-dealer-box .dropdown-items .dropdown-item:last-child {
  border-bottom: 0;
}

.raq-form-dealer-box .dropdown-item:hover {
  background: #f3f3f3;
}

.raq-form-dealer-box .dropdown-item-active {
  background-color: #ffffff;
}

.raq-form-dealer-box .dropdown-item + .dropdown-item:before {
  opacity: 0;
}

.raq-form-dealer-box .raq-preferred-dealer {
  color: #888888;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.75rem;
  display: inline-flex;
  font-weight: 400;
  line-height: 1.25rem;
}

.raq-form-dealer-box svg.icon-star-active {
  display: inline-block;
  color: #00aad2;
  margin-left: 0.3125rem;
  width: 1rem;
  height: 1rem;
  transform: none;
}

.raq-form-dealer-box .dropdown-panel {
  position: relative;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background: #ffffff;
  top: 0;
  left: 0;
  right: 0;
  z-index: initial;
}

.raq-electric-salable {
  margin-top: 1rem;
}

@media (min-width: 1024px) {
  .raq-electric-salable {
    margin-top: 1.25rem;
  }
}

.raq-electric-salable-container {
  position: relative;
  background-color: #EEF7F9;
  padding: 1rem 1.25rem 1rem 1.25rem;
}

.raq-electric-salable-warning-icon {
  position: absolute;
  top: 1.25rem;
  left: 0.8125rem;
  width: 1.5rem;
  height: 1.5rem;
}

.raq-electric-salable-warning-icon svg,
.raq-electric-salable-warning-icon img {
  width: 100%;
  height: 100%;
}

.raq-electric-salable-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.raq-form-zip-code .raq-form-input-zipcode:disabled {
  background: none;
  border: none;
  font-weight: 700;
  padding-left: 1.5rem;
}

.raq-form-zip-code .raq-form-input-zipcode:disabled + svg {
  margin-left: 0;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .raq-overlay-v2 .raq-form-input-wrapper {
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  .raq-overlay-v2 {
    padding-top: 2.125rem;
    max-width: 38.75rem;
    margin: auto;
    padding-bottom: 1.25rem;
  }
}

@media (max-width: 1023px) {
  .raq-overlay-v2 {
    padding-top: 0.9375rem;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    overflow-y: auto;
  }
}

@media (max-width: 639px) {
  .raq-overlay-v2 {
    padding-top: 2.125rem;
  }
}

.raq-overlay-v2 .raq-header {
  background-color: #ffffff;
}

.raq-overlay-v2 .raq-form-user-info-fieldset {
  margin-top: 0;
}

.raq-overlay-v2 .raq-headline {
  text-align: center;
  font-size: 1.875rem;
  line-height: 2.25rem;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  padding-bottom: 2.875rem;
}

.raq-overlay-v2 .raq-user-info-form-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 639px) {
  .raq-overlay-v2 .raq-user-info-form-container {
    flex-direction: column;
  }
}

.raq-overlay-v2 .raq-user-info-form-left,
.raq-overlay-v2 .raq-user-info-form-right {
  width: 45%;
}

@media (max-width: 639px) {
  .raq-overlay-v2 .raq-user-info-form-left,
  .raq-overlay-v2 .raq-user-info-form-right {
    width: 100%;
  }
}

.raq-overlay-v2 .raq-form-dealer-box .dropdown-button {
  background: #f3f3f3;
}

.raq-overlay-v2 .raq-submit-request-button {
  display: block;
  height: 2.75rem;
  padding: 0 1.75rem;
  margin-top: 1.875rem;
  font-size: 1rem;
  width: 10.9375rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

@media (min-width: 640px) {
  .raq-overlay-v2 .raq-submit-request-button {
    width: 13.625rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}

.raq-form-fieldset .loading-indicator {
  position: relative;
  height: 5.75rem;
  margin-top: clacRem(8px);
}

.raq-form-fieldset .raq-form-dealers {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.raq-form-dealer-option {
  display: flex;
  align-items: flex-start;
}

.raq-form-dealer-option .raq-form-dealer-item {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
}

.raq-form-dealer-preferred {
  display: inline-flex;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #888888;
  line-height: 1.25rem;
  margin-left: 0.5rem;
}

.raq-form-dealer-preferred .icon-star-active {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  color: #00aad2;
  margin-left: 0.125rem;
  transform: none;
}

.raq-form-dealer-option-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.raq-form-dealer-option-custom-checkbox {
  display: flex;
  align-items: flex-start;
}

.raq-form-dealer-option-checkbox:checked ~ .raq-form-dealer-option-custom-checkbox .raq-form-dealer-option-custom-checkbox-button {
  border: 0.125rem solid #00aad2;
}

.raq-form-dealer-option-checkbox:checked ~ .raq-form-dealer-option-custom-checkbox .raq-form-dealer-option-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.0625rem;
  left: 0.3125rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.raq-form-dealer-option-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  background-color: #ffffff;
  border: 0.125rem solid #bababa;
  margin-right: 0.5rem;
  cursor: pointer;
}

.disable-dealer-checkbox {
  pointer-events: none;
}

.disable-dealer-checkbox .raq-form-dealer-item {
  color: #bababa;
  cursor: not-allowed;
}

.disable-dealer-checkbox .raq-form-dealer-item .raq-form-dealer-preferred {
  color: #bababa;
}

.raq-form-dealer-error-msg, .raq-invalid-dealer-error-msg, .raq-zip-error-msg {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: left;
  color: #e63312;
  padding-bottom: 0.875rem;
}

.raq-form-dealer-error-msg {
  margin-top: 0.5rem;
}

.raq-form-dealer-option-checkbox-error .raq-form-dealer-option-custom-checkbox-button {
  border: 0.0625rem solid #e63312;
}

.raq-form-custom-checkbox-label {
  display: block;
  font-weight: 400;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
}

.raq-form-custom-checkbox-label a {
  font-weight: 400;
  color: #666666;
}

.raq-form-field-legal {
  width: 100%;
  padding-top: 1.25rem;
}

.raq-form-field-legal .raq-form-label {
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  display: block;
  margin-bottom: 0;
}

.raq-form-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.raq-form-custom-checkbox {
  display: flex;
  gap: 0.5rem;
}

.raq-form-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1rem;
  height: 1rem;
  background-color: #ffffff;
  border: 0.09375rem solid #bababa;
  border-radius: 0.1875rem;
  cursor: pointer;
}

.raq-form-custom-checkbox-button:hover {
  border: 0.09375rem solid #00aad2 !important;
}

.raq-form-checkbox:checked ~ .raq-form-custom-checkbox .raq-form-custom-checkbox-button {
  border: 0.09375rem solid #00aad2;
  background-color: #00aad2 !important;
}

.raq-form-checkbox:checked ~ .raq-form-custom-checkbox .raq-form-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0.25rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #ffffff;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.raq-form-divider {
  border-bottom: 0.0625rem solid #e6e6e6;
  margin: 1.5rem 0;
}

.raq-form-recaptcha-divider {
  border-bottom: 0.0625rem solid #e6e6e6;
  margin: 1.5rem 0 1rem;
}

.raq-form-selected-dealer {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  color: #333333;
  padding: 0.75rem;
  background-color: #e6e6e6;
  border-radius: 0.625rem;
}

.raq-form-selected-dealer .raq-form-selected-dealer-text {
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 500;
}

.raq-form-selected-dealer .raq-form-selected-dealer-distance {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  padding-top: 0.25rem;
}

.raq-form-legal-copy {
  font-weight: 400;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
}

.raq-form-legal-copy a {
  color: #666666;
}

.contact-dealer-modal .purchase-request-overlay__control-bar {
  padding: 1.25rem 1rem;
}

@media (min-width: 640px) {
  .contact-dealer-modal .purchase-request-overlay__control-bar {
    padding: 1rem 2rem;
  }
}

.contact-dealer-modal .statusbar {
  padding: 1.25rem 1rem;
}

@media (min-width: 640px) {
  .contact-dealer-modal .statusbar {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

.contact-dealer-modal .raq-body {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #888888;
  padding: 0 1rem 1.5rem;
  background-color: #ffffff;
}

@media (min-width: 640px) {
  .contact-dealer-modal .raq-body {
    padding: 0 2rem 2.875rem;
  }
}

.contact-dealer-modal .raq-form-hint {
  padding-top: 0.25rem;
}

.contact-dealer-modal .raq-form-fieldset {
  margin-top: 1.25rem;
}

.contact-dealer-modal form.raq-user-info-form .raq-form-fieldset:nth-child(3) {
  margin-top: 1.25rem;
}

.contact-dealer-modal .raq-form-label {
  font-weight: 500;
  color: #333333;
  margin: 0;
}

.contact-dealer-modal .raq-form-input {
  display: flex;
  font-size: 0.875rem;
  color: #333333;
  border: 0.0625rem solid #bababa;
  padding: 0.75rem;
  margin-top: 0;
}

.contact-dealer-modal .raq-form-input:hover {
  border-color: #00aad2;
}

.contact-dealer-modal .raq-form-input .raq-form-field-legal {
  padding-top: 0;
}

.contact-dealer-modal .raq-form-input .raq-form-field-legal .raq-form-label {
  padding-bottom: 0;
}

.contact-dealer-modal .raq-form-comment-label {
  font-weight: 500;
}

.contact-dealer-modal .raq-form-comment-label .icon {
  margin-top: 0;
}

.contact-dealer-modal .raq-form-comment-txtarea {
  border: 0.0625rem solid #bababa;
}

.contact-dealer-modal .raq-form-char-remaining-hint {
  color: #666666;
}

.contact-dealer-modal .raq-form-legal-container {
  padding-bottom: 1.25rem;
}

.contact-dealer-modal .raq-submit-request-button {
  margin-top: 1.5rem;
}

.contact-dealer-modal .raq-form-recaptcha {
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
  border: none;
}

.contact-dealer-modal .raq-form-recaptcha a {
  color: var(--anchor-color);
}

.contact-dealer-modal .raq-form-input-error {
  border: none;
}

.contact-dealer-modal .raq-error-msg {
  color: #e63312;
  margin-top: 0.625rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 0.875rem;
}

@supports (-webkit-touch-callout: none) {
  .raq-form-input,
  .raq-form-comment-txtarea {
    font-size: 1rem;
  }
}

.raq-form-input:focus,
.raq-form-comment-txtarea:focus,
.raq-form-comment-label:focus,
.raq-form-custom-checkbox-button:focus,
.raq-form-custom-checkbox-label a:focus,
.raq-form-legal-copy a:focus,
.raq-submit-request-button:focus,
.raq-form-recaptcha a:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.raq-form-input:focus,
.raq-form-comment-txtarea:focus {
  border: 0.125rem solid #00aad2 !important;
  padding: 0.6875rem;
}

.raq-form-custom-checkbox-button:focus {
  border: 0.09375rem solid #00aad2 !important;
}

.raq-submit-request-button:focus {
  box-shadow: none;
}

.tooltip-trigger:focus {
  outline: none;
}

.inventory-detail-raq-inline {
  position: relative;
  display: block;
}

.inventory-detail-raq-inline .raq-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: #f3f3f3;
  border: 0.0625rem solid #e6e6e6;
  border-radius: 0.75rem;
  padding: 1rem;
}

@media (min-width: 640px) {
  .inventory-detail-raq-inline .raq-body {
    padding: 2rem;
  }
}

.inventory-detail-raq-inline .raq-headline-copy {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.inventory-detail-raq-inline .raq-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.875rem;
  color: #333333;
  line-height: 2.25rem;
}

.inventory-detail-raq-inline .raq-copy {
  font-weight: 400;
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
}

.inventory-detail-raq-inline .raq-form-fieldset.raq-form-user-info-fieldset {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

.inventory-detail-raq-inline .raq-user-info-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.inventory-detail-raq-inline .raq-form-fieldset {
  margin: 0;
}

.inventory-detail-raq-inline .raq-form-hint {
  font-weight: 500;
  font-size: 0.75rem;
  color: #333333;
  line-height: 1rem;
  padding: 0;
}

.inventory-detail-raq-inline .raq-form-hint .raq-form-required-astericks {
  font-weight: 700;
  font-size: 0.875rem;
  color: #e63312;
  line-height: 1.25rem;
}

.inventory-detail-raq-inline .raq-primary-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.inventory-detail-raq-inline .raq-form-input-wrapper {
  max-width: 100%;
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.inventory-detail-raq-inline .raq-form-label {
  font-weight: 400;
  font-size: 0.75rem;
  color: #333333;
  line-height: 0.75rem;
  padding: 0;
}

.inventory-detail-raq-inline .raq-form-required-astericks {
  font-weight: 400;
  font-size: 0.75rem;
  color: #e63312;
  line-height: 0.75rem;
}

.inventory-detail-raq-inline .raq-form-comment-label {
  font-weight: 500;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 0.875rem;
}

.inventory-detail-raq-inline .raq-form-divider {
  border-bottom: 0.0625rem solid #bababa;
  margin: 0;
}

.inventory-detail-raq-inline .raq-form-recaptcha-divider {
  border-bottom: 0.0625rem solid #bababa;
  margin: 0;
}

.inventory-detail-raq-inline .raq-submit-request-button {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  font-weight: 500;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1rem;
  margin: 0;
}

.m-reviews {
  color: #333333;
  background-color: #f3f3f3;
  text-align: center;
  padding: 2.5rem 1rem;
}

@media (min-width: 640px) {
  .m-reviews {
    padding: 2.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .m-reviews {
    padding: 3.5rem 2.625rem 3.9375rem;
  }
}

@media (min-width: 1440px) {
  .m-reviews {
    padding: 3.5rem 4.5rem 3.9375rem;
  }
}

@media (min-width: 1440px) {
  .m-reviews {
    padding: 3.5rem 4.5rem 3.9375rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews {
    padding: 2.5rem 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-reviews {
    padding: 3.5rem 2.625rem 3.9375rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .m-reviews {
    padding: 3.5rem 4.5rem 3.9375rem;
  }
}

.m-reviews-top {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
}

.m-reviews-top:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #bababa;
}

@media (min-width: 1024px) {
  .m-reviews-top:after {
    border-bottom: none;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-top:after {
    border-bottom: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-reviews-top:after {
    border-bottom: none;
  }
}

.m-reviews-score-container {
  position: relative;
  max-width: 1440px;
}

@media (min-width: 1440px) {
  .m-reviews-score-container {
    margin: 0 4.5rem;
  }
}

.m-reviews-carousel-container {
  max-width: 67.375rem;
  margin: 0 auto;
}

@media (max-width: 639px) {
  .m-reviews-carousel-container {
    width: 100%;
    padding: 0 1.5rem;
  }
}

@media (min-width: 1024px) {
  .m-reviews-carousel-container .slick-track {
    display: flex;
    justify-content: space-between;
  }
  .m-reviews-carousel-container .slick-track:before,
  .m-reviews-carousel-container .slick-track:after {
    display: none;
  }
  .m-reviews-carousel-container .slick-slide:not(:last-child) {
    margin-right: 3.75rem;
  }
  .m-reviews-carousel-container .slick-list {
    cursor: default;
  }
}


@media (min-width: 1024px) {
  body.chat-opened .m-reviews-carousel-container .slick-track {
    display: block;
  }
  body.chat-opened .m-reviews-carousel-container .slick-slide:not(:last-child) {
    margin-right: inherit;
  }
  body.chat-opened .m-reviews-carousel-container .slick-list {
    cursor: pointer;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-reviews-carousel-container .slick-track {
    display: flex;
    justify-content: space-between;
  }
  body.chat-opened .m-reviews-carousel-container .slick-track:before,
  body.chat-opened .m-reviews-carousel-container .slick-track:after {
    display: none;
  }
  body.chat-opened .m-reviews-carousel-container .slick-slide:not(:last-child) {
    margin-right: 3.75rem;
  }
  body.chat-opened .m-reviews-carousel-container .slick-list {
    cursor: default;
  }
}

.m-reviews-slick-nav {
  display: flex;
  justify-content: space-between;
  margin: 1.5rem 0 2.5rem;
}

@media (min-width: 1024px) {
  .m-reviews-slick-nav {
    display: none;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-slick-nav {
    display: flex;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-reviews-slick-nav {
    display: none;
  }
}

.m-reviews-slick-prev .icon,
.m-reviews-slick-next .icon {
  height: 2rem;
  fill: #002c5e;
}

.m-reviews-dots-container .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.m-reviews-dots-container .slick-active button {
  background-color: #00aad2;
}

.m-reviews-dots-container button {
  background-color: #888888;
  border-radius: 50%;
  color: transparent;
  display: inline-block;
  height: 0.5625rem;
  width: 0.5625rem;
}

.m-reviews-dots-container li {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0.625rem;
  border: 0.0625rem solid transparent;
}

.m-reviews-dots-container li button:focus {
  outline-width: 0.09375rem;
  outline-style: solid;
  outline-offset: 0.25rem;
}

.m-reviews-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

@media (min-width: 1024px) {
  .m-reviews-title {
    font-size: 1.875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-title {
    font-size: 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-reviews-title {
    font-size: 1.875rem;
  }
}

.m-reviews-stars {
  color: #00aad2;
  display: flex;
}

.m-reviews-stars .icon {
  margin-right: 0.3125rem;
}

.m-reviews-overall-stars {
  justify-content: center;
  margin: 0.5rem auto 0.25rem;
}

.m-reviews-overall-stars .icon {
  width: 1.875rem;
  height: 1.875rem;
}

.m-reviews-review-stars {
  margin-bottom: 0.25rem;
}

.m-reviews-review-stars .icon {
  width: 1.25rem;
  height: 1.25rem;
}

.m-reviews-score-text,
.m-reviews-content {
  font-size: 1rem;
  line-height: 1.375rem;
}

.m-reviews-cta {
  display: block;
  text-decoration: none;
  color: #002c5e;
  padding: 1.25rem 0 2rem;
}

.m-reviews-cta .icon {
  display: inline-block;
  height: 0.625rem;
  margin-left: 0.125rem;
  width: 0.625rem;
}

@media (min-width: 1024px) {
  .m-reviews-cta {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 0.8125rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-cta {
    position: inherit;
    top: inherit;
    right: inherit;
    padding-top: 1.25rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-reviews-cta {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 0.8125rem;
  }
}

.m-reviews-review {
  text-align: left;
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .m-reviews-review {
    padding-top: 3.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-review {
    padding-top: 2rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-review {
    padding-top: 3.5rem;
  }
}

.m-reviews-date {
  line-height: 1.25rem;
  color: #888888;
}

.m-reviews-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  margin: 1.25rem auto 0.5rem;
}

@media (max-width: 639px) {
  .m-reviews-bottom {
    padding: 0 1.5rem;
  }
}

@media (min-width: 1024px) {
  .m-reviews-bottom {
    display: flex;
    align-items: center;
    max-width: 1440px;
    margin: 4.75rem auto 0;
  }
}

@media (min-width: 1440px) {
  .m-reviews-bottom {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-bottom {
    display: inherit;
    align-items: inherit;
    max-width: inherit;
    margin: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-reviews-bottom {
    display: flex;
    align-items: center;
    max-width: 1440px;
    margin: 4.75rem auto 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .m-reviews-bottom {
    padding: 0 4.5rem;
  }
}

.m-reviews-reviewer {
  margin-top: 0.75rem;
}

.m-reviews-provider-text,
.m-reviews-disclaimer {
  color: #bababa;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .m-reviews-provider-text {
    margin-left: auto;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-provider-text {
    margin-left: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-reviews-provider-text {
    margin-left: auto;
  }
}

.m-reviews-provider-logo {
  margin: 0.5rem auto;
}

@media (min-width: 1024px) {
  .m-reviews-provider-logo {
    margin: 0.5rem 0 0.5rem 0.5rem;
  }
}

@media (min-width: 1024px) {
  .m-reviews-provider-logo {
    margin: 0.5rem 0 0.5rem 0.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-provider-logo {
    margin: 0.5rem auto;
  }
}


@media (min-width: 1024px) {
  .m-reviews-disclaimer {
    order: -1;
    margin-right: 4.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-disclaimer {
    order: inherit;
    margin-right: inherit;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-disclaimer {
    order: -1;
    margin-right: 4.25rem;
  }
}

.m-reviews-cta,
.m-reviews-date,
.m-reviews-reviewer,
.m-reviews-provider-text,
.m-reviews-disclaimer {
  font-size: 0.875rem;
}

.m-reviews-title,
.m-reviews-cta,
.m-reviews-date,
.m-reviews-headline,
.m-reviews-reviewer,
.m-reviews-provider-text,
.m-reviews-disclaimer {
  font-weight: 500;
}

.vin-container .ivd-link {
  color: #8ce7fc;
  display: flex;
}

@media (min-width: 1024px) {
  .vin-container .ivd-link {
    display: block;
  }
}

.vin-container .ratings-text {
  color: #ffffff;
  text-align: left;
  font-weight: 400;
}

@media (min-width: 1024px) {
  body.chat-opened .vin-container .ivd-link {
    display: flex;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vin-container .ivd-link {
    display: block;
  }
}

.vin-container .ips-header {
  color: #ffffff;
  background-color: #002C5F;
}

.vin-container .ips-header .vin-summary-footer .test-drive {
  margin-top: 0.5rem;
  display: flex;
  text-decoration: none;
}

.vin-container .ips-header .vin-summary-footer .test-drive .text-drive-txt {
  font-size: 0.875rem;
  font-weight: 500;
  font-family: Hyundai Sans Text;
  color: #ffffff;
}

.vin-container .ips-header .vin-summary-footer .test-drive svg {
  margin: 0 0.3125rem 0 0;
}

@media not all and (min-resolution: 0.001dpcm) {
  .vin-container .ips-header .vin-summary-footer .test-drive svg {
    filter: none;
  }
}

@media (min-width: 320px) and (max-width: 1023px) {
  .vin-container .ips-header .vin-summary-footer .test-drive svg {
    width: 0.875rem;
    height: 0.875rem;
  }
}

@media (min-width: 1024px) {
  .vin-container .ips-header .vin-summary-footer .test-drive {
    margin-top: 0;
  }
}

@media (min-width: 320px) and (max-width: 1023px) {
  .vin-container .ips-header .vin-summary-footer .test-drive {
    margin-top: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vin-container .ips-header .vin-summary-footer .test-drive {
    margin-top: 0.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vin-container .ips-header .vin-summary-footer .test-drive {
    margin-top: 0;
  }
}

.vin-container .ips-header .vin-summary-footer {
  font-weight: 500;
  font-size: 0.875rem;
  display: block;
  padding: 0.75rem 0 0;
  justify-content: space-between;
}

.vin-container .ips-header .vin-summary-footer .location {
  display: flex;
}

.vin-container .ips-header .vin-summary-footer .location svg {
  margin: 0 0.1875rem 0 0;
  width: 1.5rem;
  color: #8ce7fc;
  height: 1.5rem;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .vin-container .ips-header .vin-summary-footer .location svg {
    width: 0.808rem;
    height: 1.133rem;
    margin: 0 0.4rem 0 0;
  }
}

.vin-container .ips-header .vin-summary-footer .location p {
  color: #ffffff;
  text-align: left;
  font-size: 0.875rem;
  font-weight: 500;
}

.vin-container .ips-header .vin-summary-footer .location button {
  margin-left: 0;
}

.vin-container .ips-header .vin-summary-footer .test-drive:focus,
.test-drive:focus-visible {
  border: 0;
  box-shadow: none;
}

.vin-container .ips-header .vin-summary-footer .location-test-drive-section {
  display: block;
  justify-content: space-between;
  width: 100%;
}

.vin-container .ips-header .vin-summary-footer .location-test-drive-section .testdrive-modal-box {
  height: 100vh;
}

@media (min-width: 1024px) {
  .vin-container .ips-header .vin-summary-footer .location-test-drive-section .testdrive-modal-box {
    height: auto;
  }
}

@media (min-width: 1024px) {
  .vin-container .ips-header .vin-summary-footer .location-test-drive-section {
    display: flex;
  }
}

.vin-container .ips-header .vin-summary-footer .location-test-drive-section .location {
  flex-basis: 70%;
}

@media (min-width: 1024px) {
  body.chat-opened .vin-container .ips-header .vin-summary-footer .location-test-drive-section .testdrive-modal-box {
    height: 100vh;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vin-container .ips-header .vin-summary-footer .location-test-drive-section .testdrive-modal-box {
    height: auto;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vin-container .ips-header .vin-summary-footer .location-test-drive-section {
    display: block;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vin-container .ips-header .vin-summary-footer .location-test-drive-section {
    display: flex;
  }
}

@media (min-width: 1024px) {
  .vin-container .ips-header .vin-summary-footer {
    display: flex;
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vin-container .ips-header .vin-summary-footer {
    display: inherit;
    font-size: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vin-container .ips-header .vin-summary-footer {
    display: flex;
    font-size: 1rem;
  }
}

.cols-container {
  display: block;
}

@media print {
  .cols-container {
    color: #666666;
  }
}

@media (min-width: 1024px) {
  .cols-container {
    display: flex;
  }
}

.cols-container .first-col {
  flex-basis: 50%;
}

@media (min-width: 1440px) {
  .cols-container .first-col {
    flex-basis: 45%;
  }
}

.cols-container .first-col .vin-model {
  font-size: 1rem;
  font-weight: 700;
  display: inline-block;
}

@media (min-width: 1024px) {
  .cols-container .first-col .vin-model {
    display: block;
    font-size: 1.875rem;
  }
}

.cols-container .continue {
  background-color: #ffffff;
  padding: 0.625rem 1rem;
  color: #002C5F;
  margin: 0.9375rem 0 1.125rem 0;
}

@media (min-width: 320px) and (max-width: 639px) {
  .cols-container .continue {
    margin: 0.2rem 0 0.9375rem 0;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .cols-container .continue {
    margin: 0.9375rem 0 0.9375rem 0;
  }
}

.cols-container .continue .ivd-external-icon {
  margin-bottom: 0.1875rem;
}

@media (min-width: 1024px) {
  body.chat-opened .cols-container {
    display: block;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .cols-container {
    display: flex;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .cols-container .first-col .vin-model {
    display: inline-block;
    font-size: 1rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .cols-container .first-col .vin-model {
    display: block;
    font-size: 1.875rem;
  }
}

.cols-container .second-col {
  flex-basis: 50%;
}

@media (min-width: 1440px) {
  .cols-container .second-col {
    flex-basis: 55%;
  }
}

.cols-container .second-col p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: inline-block;
}

@media (min-width: 1024px) {
  .cols-container .second-col p {
    text-align: right;
  }
}

@media (min-width: 1024px) {
  .cols-container .second-col p {
    display: block;
  }
}

@media (min-width: 1024px) {
  .cols-container .second-col .price-info {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
  }
}

@media (min-width: 320px) and (max-width: 1023px) {
  .cols-container .second-col .price-info .price-value-mbl {
    font-size: 1.25rem;
  }
}

.cols-container .second-col span.price {
  font-size: 1.25rem;
  padding: 0;
  font-weight: 700;
  display: inline;
  justify-content: flex-start;
}

@media (min-width: 1024px) {
  .cols-container .second-col span.price {
    font-size: 1.875rem;
    justify-content: flex-end;
    padding: 0.1875rem 0 0.875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .cols-container .second-col p {
    display: inline-block;
    text-align: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .cols-container .second-col p {
    display: block;
    text-align: right;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .cols-container .second-col .price-info {
    display: inherit;
    justify-content: inherit;
    align-items: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .cols-container .second-col .price-info {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .cols-container .second-col span.price {
    font-size: 1.25rem;
    justify-content: flex-start;
    padding: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .cols-container .second-col span.price {
    font-size: 1.875rem;
    justify-content: flex-end;
    padding: 0.1875rem 0 0.875rem;
  }
}

@media (min-width: 1024px) {
  .cols-container .second-col .vin-summary-is-contact-dealer {
    text-align: right;
  }
}

.cols-container .second-col .vin-summary-is-contact-dealer .intransit-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 1.5625rem;
}

@media (min-width: 1024px) {
  .cols-container .second-col .vin-summary-is-contact-dealer .intransit-title {
    margin-top: 1.5rem;
  }
}

.cols-container .second-col .vin-summary-is-contact-dealer .intransit-title svg {
  color: #ffffff;
  width: 0.875rem;
  height: 0.875rem;
}

@media (min-width: 1440px) {
  .cols-container .second-col .vin-summary-is-contact-dealer .intransit-title .intransit-description {
    padding: 0 0 0 5rem;
  }
}

.cols-container .second-col .vin-summary-is-contact-dealer .intransit-description svg {
  color: #ffffff;
}

.cols-container .second-col .vin-summary-is-contact-dealer .contact-dealer-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5625rem;
  padding: 1rem 0;
}

@media (min-width: 1024px) {
  .cols-container .second-col .vin-summary-is-contact-dealer .contact-dealer-title {
    padding: 1rem 0;
  }
}

@media (min-width: 1440px) {
  .cols-container .second-col .vin-summary-is-contact-dealer .contact-dealer-title {
    padding: 1rem 0 1rem 6rem;
  }
}

.cols-container .second-col .vin-summary-is-contact-dealer .btn-contact-dealer {
  padding: 0.625rem 2rem;
}

@media (min-width: 1440px) {
  .cols-container .second-col .vin-summary-is-contact-dealer .btn-contact-dealer {
    padding: 0.625rem 3rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .cols-container .second-col .vin-summary-is-contact-dealer {
    text-align: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .cols-container .second-col .vin-summary-is-contact-dealer {
    text-align: right;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .cols-container .second-col .vin-summary-is-contact-dealer .intransit-title {
    margin-top: inherit;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .cols-container .second-col .vin-summary-is-contact-dealer .intransit-title {
    margin-top: 1.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .cols-container .second-col .vin-summary-is-contact-dealer .contact-dealer-title {
    padding: 1rem 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .cols-container .second-col .vin-summary-is-contact-dealer .contact-dealer-title {
    padding: 1rem 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .cols-container .second-col .vin-summary-is-contact-dealer .contact-dealer-title {
    padding: 1rem 0 1rem 6rem;
  }
}

.cols-container .second-col .price-details {
  padding: 0;
  margin-left: 0.75rem;
  display: none;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .cols-container .second-col .price-details {
    padding: 2.1875rem 0;
    display: flex;
    justify-content: flex-end;
  }
}

.cols-container .second-col .price-details svg {
  height: 0.5rem;
  margin: auto 0;
  display: inline-block;
}

@media (min-width: 1024px) {
  .cols-container .second-col .price-details svg {
    display: block;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .cols-container .second-col .price-details {
    padding: 0;
    display: none;
    justify-content: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .cols-container .second-col .price-details {
    padding: 2.1875rem 0;
    display: flex;
    justify-content: flex-end;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .cols-container .second-col .price-details svg {
    display: inline-block;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .cols-container .second-col .price-details svg {
    display: block;
  }
}

.cols-container .second-col .price-description {
  display: block;
  margin: 0.3125rem 0;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .cols-container .second-col .price-description {
    margin: 0.2rem 0 0.2rem 0;
  }
}

.cols-container .second-col .price-description span {
  font-size: 1.125rem;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .cols-container .second-col .price-description span {
    font-size: 0.875rem;
  }
}

.cols-container .second-col .info-wrapper {
  display: inline-block;
  justify-content: flex-start;
}

@media (min-width: 1024px) {
  .cols-container .second-col .info-wrapper {
    display: flex;
    justify-content: flex-end;
  }
}

.cols-container .second-col .info-wrapper svg {
  margin: auto 0 auto 0.1rem;
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .cols-container .second-col .info-wrapper svg {
    width: 0.75rem;
    height: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .cols-container .second-col .info-wrapper svg {
    display: block;
  }
}

.cols-container .second-col .info-wrapper .price-details-link__text {
  color: #ffffff;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .cols-container .second-col .info-wrapper .price-details-link__text {
    font-size: 0.875rem;
    margin-left: 0.625rem;
  }
}

.cols-container .second-col .info-wrapper .price-details-link__icon {
  color: #8ce7fc;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .cols-container .second-col .info-wrapper .price-details-link__icon {
    line-height: 0;
  }
}

.cols-container .second-col .info-wrapper .price-details-link__icon svg {
  color: #8ce7fc;
}

body.chat-opened .cols-container .second-col .info-wrapper {
  display: inline-block;
  justify-content: flex-start;
}

@media (min-width: 1024px) {
  body.chat-opened .cols-container .second-col .info-wrapper {
    display: inline-block;
    justify-content: flex-start;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .cols-container .second-col .info-wrapper {
    display: flex;
    justify-content: flex-end;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .cols-container .second-col .info-wrapper svg {
    display: inline-block;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .cols-container .second-col .info-wrapper svg {
    display: block;
  }
}

.cols-container .ivd-dual-ctas {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1rem 0 0.8125rem;
}

@media (min-width: 640px) {
  .cols-container .ivd-dual-ctas {
    margin: 1rem 0;
  }
}

@media (min-width: 1024px) {
  .cols-container .ivd-dual-ctas {
    gap: 0.5rem;
    margin: 1rem 0 1.125rem;
  }
}

@media (min-width: 1440px) {
  .cols-container .ivd-dual-ctas {
    flex-direction: row;
    gap: 1rem;
  }
}

.cols-container .ivd-dual-ctas .button {
  margin: 0;
  border: 1px solid #ffffff;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  body.chat-opened .cols-container .ivd-dual-ctas {
    gap: 1rem;
    margin: 1rem 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .cols-container .ivd-dual-ctas {
    gap: 0.5rem;
    margin: 1rem 0 1.125rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .cols-container .ivd-dual-ctas {
    flex-direction: row;
    gap: 1rem;
  }
}

.financesvg svg {
  color: #ffffff;
}

.cols-container .unlock-button {
  background-color: #ffffff;
  padding: 0.625rem 1.25rem;
  color: #002C5F;
  margin: 0.9375rem 0;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.cols-container .unlock-button .ivd-external-icon {
  margin-right: 0.3125rem;
  margin-left: 0;
}

@media (min-width: 1024px) {
  .cols-container .unlock-button {
    margin-left: auto;
    padding: 0.625rem 0.625rem;
  }
}

@media (min-width: 1440px) {
  .cols-container .unlock-button {
    padding: 0.625rem 1.25rem;
  }
}

@media (min-width: 1024px) {
  .cols-container .unlock-button {
    margin: 0.9375rem 0;
    padding: 0.625rem 1.25rem;
  }
}

@media (min-width: 1440px) {
  .cols-container .unlock-button {
    margin-left: auto;
    padding: 0.625rem 0.625rem;
  }
}

@media (min-width: 1825px) {
  .cols-container .unlock-button {
    padding: 0.625rem 1.25rem;
  }
}

.reviews-modal-box .m-reviews-bottom {
  cursor: default;
}

.dealership-overlay .modal-box {
  margin: 0;
}

@media (min-width: 1024px) {
  .dealership-overlay .modal-box {
    margin: auto;
  }
}

.dealership-overlay .modal-content {
  padding: 0;
}

.dealership-overlay .dealership-navbar {
  padding: 1rem;
  background-color: #f3f3f3;
}

.dealership-overlay .dealership-details-container {
  display: flex;
}

.dealership-overlay .dealership-details {
  padding: 1.25rem;
}

.dealership-overlay .dealership-details div {
  padding: 0.3125rem 0;
}

.dealership-overlay .dealership-details button {
  display: block;
}

.dealership-overlay .dealership-details .location-name {
  font-size: 1.25rem;
  font-weight: 700;
}

.dealership-overlay .idd {
  padding: 2rem;
  display: block;
}

.dealership-overlay .idd .idd-container {
  display: flex;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

.inventory-vin-desktop-only {
  display: none;
  border-bottom: 1px solid #cccccc;
}

@media (min-width: 640px) {
  .inventory-vin-desktop-only {
    display: block;
  }
}

.inventory-vin-desktop-only .ivd-dual-ctas {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1rem 0 0.8125rem;
}

@media (min-width: 640px) {
  .inventory-vin-desktop-only .ivd-dual-ctas {
    margin: 1rem 0;
  }
}

@media (min-width: 1024px) {
  .inventory-vin-desktop-only .ivd-dual-ctas {
    gap: 0.5rem;
    margin: 1rem 0 1.125rem;
  }
}

@media (min-width: 1440px) {
  .inventory-vin-desktop-only .ivd-dual-ctas {
    flex-direction: row;
    gap: 1rem;
  }
}

.inventory-vin-desktop-only .ivd-dual-ctas .button {
  margin: 0;
  border: 1px solid #ffffff;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .inventory-vin-desktop-only .ivd-dual-ctas .button {
    width: 13.25rem;
  }
}

@media (min-width: 1440px) {
  .inventory-vin-desktop-only .ivd-dual-ctas .button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.inventory-vin-desktop-only .ivd-dual-ctas .continue {
  background-color: #ffffff;
  padding: 0.625rem 1rem;
  color: #002C5F;
}

.inventory-vin-desktop-only .ivd-dual-ctas .continue .ivd-external-icon {
  margin-bottom: 0.1875rem;
}

@media (min-width: 1024px) {
  body.chat-opened .inventory-vin-desktop-only .ivd-dual-ctas {
    gap: 1rem;
    margin: 1rem 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .inventory-vin-desktop-only .ivd-dual-ctas {
    gap: 0.5rem;
    margin: 1rem 0 1.125rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .inventory-vin-desktop-only .ivd-dual-ctas {
    flex-direction: row;
    gap: 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .inventory-vin-desktop-only .ivd-dual-ctas .button {
    width: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .inventory-vin-desktop-only .ivd-dual-ctas .button {
    width: 13.25rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .inventory-vin-desktop-only .ivd-dual-ctas .button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.inventory-vin-mobile-only {
  display: block;
  border-bottom: 1px solid #cccccc;
}

@media (min-width: 640px) {
  .inventory-vin-mobile-only {
    display: none;
  }
}
.vin-modal-placement {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1001;
}

.vin-modal-placement .vin-modal-content {
  padding: 0 !important;
}

@media (min-width: 640px) {
  .vin-modal-placement .vin-modal-content {
    height: 100%;
  }
}

.vin-summary-wrapper .reviews-modal-box {
  max-width: 100%;
  margin: 0;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .vin-summary-wrapper .reviews-modal-box {
    height: 75%;
  }
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .reviews-modal-box {
    margin: auto;
  }
}

.vin-summary-wrapper .m-overlay-review-module {
  display: block;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
}

.vin-summary-wrapper .m-hero-content-left .m-overlay-review-module,
.vin-summary-wrapper .m-hero-enhanced-content-left .m-overlay-review-module {
  margin-left: 0;
}

.vin-summary-wrapper .m-hero-content-right .m-overlay-review-module,
.vin-summary-wrapper .m-hero-enhanced-content-right .m-overlay-review-module {
  margin-right: 0;
}

.vin-summary-wrapper .m-overlay-review {
  display: flex;
  justify-content: center;
}

@media (min-width: 320px) {
  .vin-summary-wrapper .m-overlay-review {
    margin-top: 0.4375rem;
  }
}

@media (min-width: 640px) {
  .vin-summary-wrapper .m-overlay-review {
    margin-top: 0.625rem;
  }
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-overlay-review {
    margin-top: 0.625rem;
  }
}

@media (min-width: 1440px) {
  .vin-summary-wrapper .m-overlay-review {
    margin-top: 1.25rem;
  }
}

@media (min-width: 1920px) {
  .vin-summary-wrapper .m-overlay-review {
    margin-top: 1.25rem;
  }
}

.vin-summary-wrapper .m-overlay-link {
  display: flex;
  margin: 0;
  color: #ffffff;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  cursor: pointer;
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-overlay-link {
    display: block;
  }
}

.vin-summary-wrapper .m-overlay-link .icon {
  height: 0.625rem;
  width: 0.625rem;
  display: inline-block;
}

.vin-summary-wrapper .m-overlay-review-star-container {
  display: flex;
  margin-right: 0.625rem;
  margin-top: 0.125rem;
}

.vin-summary-wrapper .m-overlay-review-star-container .icon {
  height: 0.875rem;
  width: 0.875rem;
  margin-right: 0.125rem;
}

.vin-summary-wrapper .m-overlay-review-star-container span:first-child svg {
  margin: 0;
}

.vin-summary-wrapper .m-overlay-review-link {
  align-items: center;
  display: flex;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.375rem;
  text-decoration: none;
}

.vin-summary-wrapper .m-overlay-review-link:hover {
  text-decoration: none;
}

.vin-summary-wrapper .m-overlay-review-link .icon {
  height: 0.875rem;
  margin-left: 0.5rem;
  width: auto;
  fill: #8ce7fc;
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-overlay-review-link {
    display: block;
  }
}

.vin-summary-wrapper .m-hero-contain .m-overlay-review-link,
.vin-summary-wrapper .m-hero-enhanced-contain .m-overlay-review-link {
  color: #ffffff;
}

.vin-summary-wrapper .m-hero-contain .m-overlay-review-link .icon,
.vin-summary-wrapper .m-hero-enhanced-contain .m-overlay-review-link .icon {
  fill: #ffffff;
}

.vin-summary-wrapper .m-hero-contain .m-overlay-review-star-container .icon,
.vin-summary-wrapper .m-hero-enhanced-contain .m-overlay-review-star-container .icon {
  fill: #ffffff;
}

.vin-summary-wrapper .m-overlay-external-icon {
  display: inline-block;
  height: 0.875rem !important;
  width: 0.875rem !important;
}

.vin-summary-wrapper .m-overlay-icon-review {
  display: inline-block;
}

.vin-summary-wrapper .m-overlay-icon-review .icon {
  margin: 0 0 0.3125rem 0.3125rem !important;
}

.vin-summary-wrapper .m-reviews {
  color: #333333;
  background-color: #f3f3f3;
  text-align: center;
  padding: 2.5rem 1rem;
}

@media (min-width: 640px) {
  .vin-summary-wrapper .m-reviews {
    padding: 2.5rem 2rem;
    height: 100%;
  }
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews {
    padding: 3.5rem 2.625rem 3.9375rem;
  }
}

@media (min-width: 1440px) {
  .vin-summary-wrapper .m-reviews {
    padding: 3.5rem 4.5rem 3.9375rem;
  }
}

.vin-summary-wrapper .m-reviews-top {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
}

.vin-summary-wrapper .m-reviews-top:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #bababa;
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews-top:after {
    border-bottom: none;
  }
}

.vin-summary-wrapper .m-reviews-score-container {
  position: relative;
  max-width: 1440px;
}

@media (min-width: 1440px) {
  .vin-summary-wrapper .m-reviews-score-container {
    margin: 0 4.5rem;
  }
}

.vin-summary-wrapper .m-reviews-carousel-container {
  max-width: 67.375rem;
  margin: 0 auto;
}

@media (max-width: 639px) {
  .vin-summary-wrapper .m-reviews-carousel-container {
    width: 100%;
    padding: 0 1.5rem;
  }
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews-carousel-container .slick-track {
    display: flex;
    justify-content: space-between;
  }
  .vin-summary-wrapper .m-reviews-carousel-container .slick-track:before,
  .vin-summary-wrapper .m-reviews-carousel-container .slick-track:after {
    display: none;
  }
  .vin-summary-wrapper .m-reviews-carousel-container .slick-slide:not(:last-child) {
    margin-right: 3.75rem;
  }
  .vin-summary-wrapper .m-reviews-carousel-container .slick-list {
    cursor: default;
  }
}

.vin-summary-wrapper .m-reviews-slick-nav {
  display: flex;
  justify-content: space-between;
  margin: 1.5rem 0 2.5rem;
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews-slick-nav {
    display: none;
  }
}

.vin-summary-wrapper .m-reviews-slick-prev .icon,
.vin-summary-wrapper .m-reviews-slick-next .icon {
  height: 2rem;
  fill: #002c5e;
}

.vin-summary-wrapper .m-reviews-dots-container .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.vin-summary-wrapper .m-reviews-dots-container .slick-active button {
  background-color: #00aad2;
}

.vin-summary-wrapper .m-reviews-dots-container button {
  background-color: #888888;
  border-radius: 50%;
  color: transparent;
  display: inline-block;
  height: 0.5625rem;
  width: 0.5625rem;
}

.vin-summary-wrapper .m-reviews-dots-container li {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0.625rem;
  border: 0.0625rem solid transparent;
}

.vin-summary-wrapper .m-reviews-dots-container li button:focus {
  outline-width: 0.09375rem;
  outline-style: solid;
  outline-offset: 0.25rem;
}

.vin-summary-wrapper .m-reviews-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews-title {
    font-size: 1.875rem;
  }
}

.vin-summary-wrapper .m-reviews-stars {
  color: #00aad2;
  display: flex;
}

.vin-summary-wrapper .m-reviews-stars .icon {
  margin-right: 0.3125rem;
  fill: #00aad2;
}

.vin-summary-wrapper .m-reviews-overall-stars {
  justify-content: center;
  margin: 0.5rem auto 0.25rem;
}

.vin-summary-wrapper .m-reviews-overall-stars .icon {
  width: 1.875rem;
  height: 1.875rem;
}

.vin-summary-wrapper .m-reviews-review-stars {
  margin-bottom: 0.25rem;
}

.vin-summary-wrapper .m-reviews-review-stars .icon {
  width: 1.25rem;
  height: 1.25rem;
}

.vin-summary-wrapper .m-reviews-score-text,
.vin-summary-wrapper .m-reviews-content {
  font-size: 1rem;
  line-height: 1.375rem;
}

.vin-summary-wrapper .m-reviews-cta {
  display: block;
  text-decoration: none;
  color: #002c5e;
  padding: 1.25rem 0 2rem;
}

.vin-summary-wrapper .m-reviews-cta .icon {
  display: inline-block;
  height: 0.625rem;
  margin-left: 0.125rem;
  width: 0.625rem;
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews-cta {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 0.8125rem;
  }
}

.vin-summary-wrapper .m-reviews-review {
  text-align: left;
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews-review {
    padding-top: 3.5rem;
  }
}

.vin-summary-wrapper .m-reviews-date {
  line-height: 1.25rem;
  color: #888888;
}

.vin-summary-wrapper .m-reviews-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  margin: 1.25rem auto 0.5rem;
}

@media (max-width: 639px) {
  .vin-summary-wrapper .m-reviews-bottom {
    padding: 0 1.5rem;
  }
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews-bottom {
    display: flex;
    align-items: center;
    max-width: 1440px;
    margin: 4.75rem auto 0;
  }
}

@media (min-width: 1440px) {
  .vin-summary-wrapper .m-reviews-bottom {
    padding: 0 4.5rem;
  }
}

.vin-summary-wrapper .m-reviews-reviewer {
  margin-top: 0.75rem;
}

.vin-summary-wrapper .m-reviews-provider-text,
.vin-summary-wrapper .m-reviews-disclaimer {
  color: #bababa;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews-provider-text {
    margin-left: auto;
  }
}

.vin-summary-wrapper .m-reviews-provider-logo {
  margin: 0.5rem auto;
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews-provider-logo {
    margin: 0.5rem 0 0.5rem 0.5rem;
  }
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews-disclaimer {
    order: -1;
    margin-right: 4.25rem;
  }
}

.vin-summary-wrapper .m-reviews-cta,
.vin-summary-wrapper .m-reviews-date,
.vin-summary-wrapper .m-reviews-reviewer,
.vin-summary-wrapper .m-reviews-provider-text,
.vin-summary-wrapper .m-reviews-disclaimer {
  font-size: 0.875rem;
}

.vin-summary-wrapper .m-reviews-title,
.vin-summary-wrapper .m-reviews-cta,
.vin-summary-wrapper .m-reviews-date,
.vin-summary-wrapper .m-reviews-headline,
.vin-summary-wrapper .m-reviews-reviewer,
.vin-summary-wrapper .m-reviews-provider-text,
.vin-summary-wrapper .m-reviews-disclaimer {
  font-weight: 500;
}

.vehicle-overview .sa-item-title {
  font-size: 1rem;
  font-weight: 500;
}

.vehicle-overview .ivd-main-container {
  border: 0;
}

@media (min-width: 1440px) {
  .vehicle-overview .ivd-main-container {
    padding-left: 0;
  }
}

.vehicle-overview .ivd-vehicle-view-txt-auto {
  margin: auto 0;
  line-height: 1.0625rem;
  padding-left: 0.9375rem;
}

@media (min-width: 640px) {
  .vehicle-overview .ivd-vehicle-view-txt-auto {
    padding-left: 0;
    width: 80%;
  }
}

@media (min-width: 1024px) {
  .vehicle-overview .ivd-vehicle-view-txt-auto {
    margin: auto;
    padding-left: 0.9375rem;
  }
}

@media (min-width: 1440px) {
  .vehicle-overview .ivd-vehicle-view-txt-auto {
    margin: auto;
    padding-left: 0;
  }
}

@media (min-width: 640px) {
  .vehicle-overview .ivd-vehicle-view-txt-icon {
    width: 20%;
  }
}

.vehicle-overview .trim-feature-icon {
  background-repeat: no-repeat;
  background-position: center;
  width: 3.25rem;
  height: 3rem;
}

.vehicle-overview .trim-feature-icon .trim-feature-icon__img {
  visibility: hidden;
}

.vehicle-overview .ivd-vehicle-spec {
  display: flex;
  padding-top: 0.75rem;
  align-items: center;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .vehicle-overview .ivd-vehicle-spec {
    padding-top: 0;
  }
}

@media (min-width: 640px) {
  .vehicle-overview .ivd-vehicle-spec {
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  .vehicle-overview .ivd-vehicle-spec {
    flex-basis: 50% !important;
  }
}

@media (min-width: 1440px) {
  .vehicle-overview .ivd-vehicle-spec {
    flex-basis: 50% !important;
    padding-right: 0.5rem;
  }
}

.vehicle-overview .ivd-vehicle-spec-heading {
  line-height: 1.0625rem;
  display: flex;
}

.vehicle-overview .ivd-vehicle-spec-heading svg {
  height: 2.5rem;
  width: 2.5rem;
  vertical-align: middle;
}

.vehicle-overview .tooltip-trigger {
  width: 1rem;
  height: 0.875rem;
  display: inline;
  padding-top: 0.125rem;
}

.vehicle-overview .ivd-offers-link {
  padding: 1rem 0 0;
}

.vehicle-overview .sa-item {
  border-bottom: 0.0625rem solid #bababa;
  padding: 0 0 1.25rem;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .vehicle-overview .sa-item {
    padding: 0 0 0.625rem;
  }
}

.vehicle-overview .sa-item-content div svg {
  vertical-align: middle;
  display: inline-block;
}

.vehicle-overview .sa-item-content .accessories-price {
  text-align: right;
}

.vehicle-overview .sa-item-title:focus-visible {
  outline: none;
}

.vehicle-overview .ivd-vehicle-color-exterior {
  display: inline-block;
  vertical-align: middle;
  height: 2rem;
}

.vehicle-overview .ivd-vehicle-view-txt {
  display: inline-block;
  padding-left: 0.3125rem;
  width: 100%;
}

.vehicle-overview .ivd-vehicle-view-colorTxt {
  display: inline-block;
  padding-left: 0.9375rem;
  margin: auto 0;
}

@media (min-width: 1024px) {
  .vehicle-overview .ivd-vehicle-view-colorTxt {
    padding-left: 1.125rem;
  }
}

.vehicle-overview .ivd-vehicle-spec-heading {
  font-size: 0.875rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  body.chat-opened .vehicle-overview .ivd-vehicle-view-txt-auto {
    padding-left: 0;
    width: 80%;
    margin: auto 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vehicle-overview .ivd-vehicle-view-txt-auto {
    margin: auto;
    padding-left: 0.9375rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .vehicle-overview .ivd-vehicle-view-txt-auto {
    margin: auto;
    padding-left: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vehicle-overview .ivd-vehicle-spec {
    max-width: 100%;
    flex-basis: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vehicle-overview .ivd-vehicle-spec {
    flex-basis: 50% !important;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .vehicle-overview .ivd-vehicle-spec {
    flex-basis: 50% !important;
    padding-right: 0.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vehicle-overview .ivd-vehicle-view-colorTxt {
    padding-left: 0.9375rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vehicle-overview .ivd-vehicle-view-colorTxt {
    padding-left: 1.125rem;
  }
}

.vehicle-overview .sa-item:last-child {
  border: 0;
}

@media (max-width: 639px) {
  .vehicle-overview .sa-item:last-child {
    border-bottom: 1px solid #bababa;
    margin-bottom: 2rem;
  }
}

@media (min-width: 1440px) {
  .ivd-overview-section .ivd-main-container {
    padding-left: 0;
  }
}

.ivd-vehicle-spec-icon {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  min-height: 3rem;
  background-size: contain;
}

@media print {
  .ivd-vehicle-spec-icon {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
  }
}

.ivd-vehicle-spec-text {
  position: relative;
  font-size: 0.875rem;
  font-weight: 700;
  padding-right: 1rem;
}

.sa-item-title-value {
  margin-left: auto;
  font-size: 1rem;
  font-weight: 700;
  color: #333333;
}

.sa-item-title-value .price-details-icon {
  font-size: 0.75rem;
}

.sa-item-label .inTransit-icon .icon {
  width: 1rem;
  height: 0.875rem;
  min-width: 1rem;
  transform: none !important;
  padding: 0;
  border: 0;
  margin-right: 0;
}

.ivd-estimators-container-vehicle {
  display: block;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 0.0625rem solid #bababa;
  flex-direction: column;
}

@media (min-width: 640px) {
  .ivd-estimators-container-vehicle {
    display: block;
  }
}

@media (min-width: 1024px) {
  .ivd-estimators-container-vehicle {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    padding: 1.75rem 0.625rem 0.9375rem 0;
  }
}

@media (min-width: 1440px) {
  .ivd-estimators-container-vehicle {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    padding: 0 0.625rem 0.9375rem 0;
  }
}

@media print {
  .ivd-estimators-container-vehicle {
    display: block;
  }
}

body.chat-opened .ivd-estimators-container-vehicle {
  display: block;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 0.0625rem solid #bababa;
  flex-direction: column;
}

@media (min-width: 1024px) {
  body.chat-opened .ivd-estimators-container-vehicle {
    flex-direction: column;
    flex-wrap: wrap;
    display: block;
    padding: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ivd-estimators-container-vehicle {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    padding: 1.75rem 0.625rem 0.9375rem 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .ivd-estimators-container-vehicle {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    padding: 0 0.625rem 0.9375rem 0;
  }
}

.ivd-estimators-container-header {
  max-width: 100%;
  flex-basis: 50%;
  font-size: 1.5rem;
  color: #333333;
  font-family: "Hyundai Sans Head";
}

@media (min-width: 320px) and (max-width: 1023px) {
  .ivd-estimators-container-header {
    font-size: 1.25rem;
  }
}

.ivd-estimators-container-header-vin {
  max-width: 100%;
  font-size: 0.875rem;
  color: #999;
  flex-basis: 50%;
  padding-top: 0.5rem;
}

@media (min-width: 1024px) {
  .ivd-estimators-container-header-vin {
    text-align: right;
    padding-top: 0.375rem;
  }
}

@media (min-width: 1440px) {
  .ivd-estimators-container-header-vin {
    text-align: right;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ivd-estimators-container-header-vin {
    text-align: inherit;
    padding-top: 0.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ivd-estimators-container-header-vin {
    text-align: right;
    padding-top: 0.375rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .ivd-estimators-container-header-vin {
    text-align: right;
  }
}

.ivd-estimators-container-header-dealer {
  max-width: 100%;
  font-size: 0.875rem;
  color: #888888;
  flex-basis: 50%;
  padding-top: 0.875rem;
}

.ivd-estimators-container-header-window {
  max-width: 100%;
  font-size: 0.875rem;
  color: #888888;
  flex-basis: 50%;
  padding-top: 0.75rem;
  text-align: right;
}

.ivd-estimators-container-header-window .ivd-dealer {
  justify-content: flex-start;
}

.ivd-estimators-container-header-window .ivd-window-sticker {
  justify-content: flex-start;
}

@media (min-width: 1024px) {
  .ivd-estimators-container-header-window .ivd-window-sticker {
    justify-content: flex-end;
  }
}

.ivd-estimators-container-header-window .ivd-external-icon {
  margin-left: 0;
}

.ivd-estimators-container-header-window .ivd-external-icon svg {
  margin-left: 0.25rem;
}

@media (min-width: 1024px) {
  body.chat-opened .ivd-estimators-container-header-window .ivd-window-sticker {
    justify-content: flex-start;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ivd-estimators-container-header-window .ivd-window-sticker {
    justify-content: flex-end;
  }
}

.window-sticker-wrapper {
  display: flex;
}

@media (min-width: 320px) and (max-width: 639px) {
  .window-sticker-wrapper {
    margin-bottom: 0.5625rem;
  }
}

@media (min-width: 1024px) {
  .window-sticker-wrapper {
    justify-content: flex-end;
  }
}

.window-sticker-wrapper .ivd-external-discalimer {
  margin-left: 0.5rem;
  width: 1rem;
  height: 0.9375rem;
  font-size: 100%;
}

@media (min-width: 1024px) {
  body.chat-opened .window-sticker-wrapper {
    justify-content: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .window-sticker-wrapper {
    justify-content: flex-end;
  }
}

.sa-item-main-lable-right {
  max-width: 100%;
  flex-basis: 50%;
}

.sa-item-main-lable-left {
  max-width: 100%;
  flex-basis: 50%;
}

.sa-item-main .sa-item-label {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 1.375rem;
  border: 0;
}

@media (min-width: 320px) and (max-width: 639px) {
  .sa-item-main .sa-item-wrapper {
    max-width: 12rem;
  }
}

.sa-item-main .sa-checkbox {
  opacity: 0;
  position: absolute;
  top: 0.625rem;
}

.sa-item-main .sa-checkbox:checked ~ .sa-item-label .icon,
.sa-item-main .sa-checkbox:checked ~ .sa-feature-title .sa-item-inner-label .icon {
  transform: rotate(180deg);
}

.sa-item-main .sa-checkbox:checked ~ .sa-item-content {
  display: block;
  line-height: 1.375rem;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .sa-item-main .sa-checkbox:checked ~ .sa-item-content {
    margin-top: 0.8rem;
  }
}

.sa-item-main .sa-checkbox:checked ~ .sa-item-content.ivd-overview-text {
  flex-wrap: nowrap;
}

.sa-item-main .sa-checkbox:checked ~ .sa-item-content .icon-info {
  color: #002c5e;
}

.sa-item-main .sa-checkbox:checked ~ .sa-item-content div.ivd-estimators-container-vehicle {
  flex-basis: 100%;
  border: 0;
  padding-bottom: 0;
}

.sa-item-main .sa-checkbox:checked ~ .sa-item-content .ivd-external-icon {
  margin-left: 0;
}

@media (min-width: 1024px) {
  .sa-item-main .sa-checkbox:checked ~ .sa-item-content {
    display: flex;
  }
}

@media (min-width: 640px) {
  .sa-item-main .sa-checkbox:checked ~ .sa-item-content {
    margin-top: 0.2rem;
  }
}

.sa-item-main .sa-checkbox:checked ~ .sa-item-content.accessories {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  font-size: 0.875rem;
  margin-top: 0.75rem;
}

.sa-item-main .sa-checkbox:checked ~ .sa-item-content.accessories:first-of-type {
  padding-top: 0.5rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .sa-item-main .sa-checkbox:checked ~ .sa-item-content.accessories:first-of-type {
    padding-top: 0.3rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .sa-item-main .sa-checkbox:checked ~ .sa-item-content.accessories:first-of-type {
    padding-top: 0.5rem;
  }
}

.sa-item-main .sa-checkbox:checked ~ .sa-item-inner-content {
  display: none;
}

@media (min-width: 1024px) {
  body.chat-opened .sa-item-main .sa-checkbox:checked ~ .sa-item-content {
    margin-top: 0.2rem;
    display: block;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .sa-item-main .sa-checkbox:checked ~ .sa-item-content {
    display: flex;
  }
}

.sa-item-main .sa-checkbox-inner-item {
  opacity: 0;
  position: absolute;
  top: 0.625rem;
}

.sa-item-main .sa-checkbox-inner-item:checked ~ .sa-item-label .icon,
.sa-item-main .sa-checkbox-inner-item:checked ~ .sa-feature-title .sa-item-inner-label .icon {
  transform: rotate(180deg);
}

.sa-item-main .sa-checkbox-inner-item:checked ~ .sa-item-inner-content {
  display: block;
}

.vin-details.sa-item-main .sa-checkbox:checked ~ .sa-item-content .view-full-spec-icon .icon {
  width: 0.4rem !important;
  vertical-align: unset;
}

.accessories-img {
  height: 20rem;
  width: 100%;
  display: inline-block;
  background-size: cover;
  background-position: center;
}

@media (min-width: 375px) and (max-width: 1023px) {
  .accessories-img {
    background-size: 100%;
    background-repeat: no-repeat;
    height: 13rem;
  }
}

.accessories-description {
  font-size: 1.25rem;
  font-weight: 700;
  padding: 1rem 1.5rem 0;
  display: flex;
  justify-content: space-between;
}

.accessories-description-details {
  font-size: 1rem;
  color: #888888;
  padding: 0.625rem 1.5rem 3rem;
}

.accessories-description-title {
  font-size: 1rem;
  color: #333333;
  padding: 1.25rem 1.25rem;
  font-weight: 500;
}

.accessories-name {
  font-size: 0.875rem;
}

.dio-accessories-name {
  width: 80%;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .dio-accessories-name {
    width: 80%;
  }
}

.sa-checkbox:checked ~ .sa-item-label .ivd-link-unlock svg {
  font-size: 0.75rem;
  vertical-align: middle;
  display: inline;
  transform: rotate(0deg) !important;
  border: 0;
}

.sa-checkbox:checked ~ .sa-item-label .ivd-link-unlock svg.price-details-icon {
  font-size: 0.6875rem;
}

.ivd-link-unlock {
  color: #002c5e;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  cursor: pointer;
}

.ivd-link-unlock .unlock-button button {
  color: #002c5e;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.ivd-link-unlock .unlock-button span:nth-child(2) {
  padding-left: 0.5rem;
}

.ivd-link-unlock svg {
  font-size: 0.75rem;
  vertical-align: middle;
}

.sa-item-main .sa-checkbox:checked ~ .sa-item-content .view-full-spec-icon .icon {
  height: 100% !important;
}

.sa-item-main .sa-checkbox:checked ~ .sa-item-content .unlock-button .ivd-external-icon svg {
  vertical-align: super;
}

.sa-item-main .sa-checkbox:checked ~ .sa-item-content .unlock-button .unlock-button-text {
  line-height: 1.5;
}

.ivd-net-price {
  border-top: 0.0625rem solid #bababa;
  padding: 0.625rem 0 0;
}

.price-details {
  width: 100% !important;
  margin: auto;
}

@media (min-width: 1024px) {
  .price-details {
    width: 60% !important;
  }
}

@media (min-width: 1440px) {
  .price-details {
    width: 44% !important;
  }
}

.price-details .modal-box {
  margin: 0;
}

.price-details .modal-content {
  padding: 0;
}

.price-details .modal-box,
.price-details .modal-box-content {
  width: 100%;
}

@media (min-width: 1024px) {
  body.chat-opened .price-details {
    flex-direction: column;
    width: calc(100vw - 375px) !important;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .price-details .price-details-container {
    width: 100%;
    font-weight: 500;
    transform: translate(0, 0);
    left: 0;
  }
}

body.chat-opened .price-details .price-details-half {
  margin-top: 0;
  padding-top: 4.6875rem;
}

@media (min-width: 1024px) {
  body.chat-opened .price-details .price-details-half {
    padding-top: 1.875rem;
  }
}

body.chat-opened .price-details .modal-box {
  margin: auto;
  transform: translateZ(0);
}

@media (min-width: 1299px) {
  body.chat-opened .price-details .modal-box {
    width: 47.75rem;
  }
}

.package-modal {
  width: 100% !important;
  margin: auto;
}

@media (min-width: 1024px) {
  .package-modal {
    width: 40% !important;
  }
}

@media (min-width: 640px) {
  .package-modal {
    width: 50% !important;
  }
}

.package-modal .modal-box {
  margin: 0;
}

@media (min-width: 640px) {
  .package-modal .modal-box {
    margin: auto;
  }
}

.package-modal .modal-content {
  padding: 0;
}

.package-modal .tooltip-content {
  padding: 0 1.25rem;
}

.package-modal .modal-box,
.package-modal .modal-box-content {
  width: 100%;
  max-width: 40rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .package-modal .modal-box,
  .package-modal .modal-box-content {
    max-height: 26rem;
  }
}

.full-specs-modal .sa-item-main .sa-checkbox:checked ~ .sa-item-content div {
  flex-basis: 100%;
}

.price-details-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  position: fixed;
  padding: 1rem 1rem 0.5rem;
  background: #ffffff;
}

@media (min-width: 640px) {
  .price-details-container {
    padding: 2rem 2rem 1.5rem;
  }
}

@media (max-width: 1023px) {
  .price-details-container {
    gap: 1rem;
  }
}

@media (min-width: 1024px) {
  .price-details-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.price-details-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.625rem;
}

.price-details-body {
  display: block;
}

@media (min-width: 1024px) {
  .price-details-body {
    display: flex;
    align-items: center;
  }
}

.price-details-child {
  flex-basis: 50%;
  line-height: 1.5625rem;
  padding: 0;
}

.price-details-child img {
  display: none;
}

@media (min-width: 1024px) {
  .price-details-child img {
    display: block;
  }
}

@media print {
  .price-details-child img {
    display: block;
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
  }
}

.price-details-child-img {
  display: flex;
  flex-basis: 50%;
  padding: 0.3125rem 0;
}

@media (min-width: 1024px) {
  .price-details-child-img {
    padding: 0;
  }
}

.price-details-child-img .child-img {
  margin: auto 0.375rem auto 0;
  font-size: 0.875rem;
  height: 2rem;
  padding: 0.5rem 0;
}

.price-details-child-svg {
  display: flex;
  margin: 0.3125rem 0.15625rem;
  flex-basis: 50%;
}

.price-details-child-svg svg {
  font-size: 2.1875rem;
}

.price-details-child-svg span {
  margin: auto 0.625rem;
  font-size: 0.875rem;
  font-weight: 500;
}

.price-details-child-svg .tooltip-trigger {
  width: 0.8rem;
  vertical-align: middle;
}

.price-details-Packages {
  display: flex;
  justify-content: space-between;
  padding: 0.625rem 0;
  font-size: 0.875rem;
  font-weight: 500;
}

.price-details-Packages span {
  font-size: 0.875rem;
  display: inline-flex;
}

.price-details-Packages .net-dealer-price {
  color: #333333;
  font-size: 1rem;
  font-weight: 700;
}

.price-details-purchase-txt {
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
  font-weight: 500;
  padding-bottom: 0.625rem;
}

.price-details-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

.price-details-toolbar .price-details-head {
  display: flex;
  gap: 0.5rem;
}

.price-details-toolbar .price-details-text-veh {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #333333;
  font-weight: 500;
  padding: 0.375rem 0.5rem;
  margin: auto;
  background: #f3f3f3;
  border-radius: 1.5rem;
  gap: 0.25rem;
  cursor: pointer;
}

.price-details-toolbar .price-details-text-veh svg {
  color: inherit;
  fill: none;
  width: 1rem;
  height: 1rem;
}

.price-details-toolbar .price-details-text-veh span {
  color: #002c5e;
  font-size: 0.875rem;
  line-height: 0.875rem;
}

.price-details-toolbar .price-details-print {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #333333;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.375rem 0.5rem;
  margin: auto;
  background: #f3f3f3;
  border-radius: 1.5rem;
  gap: 0.25rem;
  cursor: pointer;
}

.price-details-toolbar .price-details-print svg {
  color: inherit;
  fill: none;
  width: 0.6875rem;
  height: 0.75rem;
}

.price-details-toolbar .price-details-print span {
  color: #002c5e;
  font-size: 0.875rem;
  line-height: 0.875rem;
}

.price-details-toolbar .price-details-share {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #333333;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.375rem 0.5rem;
  margin: auto;
  background: #f3f3f3;
  border-radius: 1.5rem;
  gap: 0.25rem;
  cursor: pointer;
}

.price-details-toolbar .price-details-share svg {
  color: inherit;
  fill: none;
  width: 0.5625rem;
  height: 0.625rem;
}

.price-details-toolbar .price-details-share span {
  color: #002c5e;
  font-size: 0.875rem;
  line-height: 0.875rem;
}

@media (max-width: 639px) {
  .price-details-toolbar .price-details-close {
    top: 1.25rem;
    right: 1rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .price-details-toolbar .price-details-close {
    top: 2.375rem;
    right: 2rem;
  }
}

@media (max-width: 1023px) {
  .price-details-toolbar .price-details-close {
    position: absolute;
  }
}

.price-details-toolbar .share-popup {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  top: 4.75rem;
  right: 3.125rem;
}

.price-details-toolbar .share-popup-content-arrow {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: -0.5625rem;
  right: 2.5rem;
  overflow: hidden;
  transform: rotate(45deg);
  z-index: 2;
}

.price-details-toolbar .share-popup-content-arrow:after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 0;
  top: 0;
  background: #ffffff;
  box-shadow: -0.125rem 0.25rem 0 rgba(0, 0, 0, 0.05);
}

.price-details-toolbar .share-popup-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 19.0625rem;
  padding: 1.5rem;
  background: #ffffff;
  border-radius: 1rem;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.price-details-toolbar .share-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #333333;
}

.price-details-toolbar .share-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #333333;
}

.price-details-toolbar .share-popup-content .share-textarea {
  width: 100%;
  resize: none;
  overflow: hidden;
  padding: 0.375rem;
  box-sizing: border-box;
  border-radius: 0.5rem;
  border: 0.0625rem solid #e6e6e6;
  background: #f3f3f3;
}

.price-details-toolbar .share-close-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.375rem 2rem;
  position: absolute;
  right: -1.375rem;
  top: 0.25rem;
}

.price-details-toolbar .share-close-button svg {
  fill: #002c5e;
}

.price-details-half {
  margin-top: 6.25rem;
  padding: 1.25rem 1rem;
}

@media (min-width: 640px) {
  .price-details-half {
    margin-top: 8.25rem;
  }
}

@media (min-width: 1024px) {
  .price-details-half {
    margin-top: 5.25rem;
    padding: 0 4.375rem 0.9375rem 4.375rem;
  }
}

.price-details-half-second {
  padding: 1.25rem 1rem;
}

@media (min-width: 1024px) {
  .price-details-half-second {
    padding: 1.25rem 4.375rem;
  }
}

.price-details-print {
  display: none;
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
  margin: auto;
}

@media (min-width: 1024px) {
  .price-details-print {
    display: flex;
  }
}

.price-details-print .build-control-bar {
  padding: 0;
  margin: 0;
}

.price-details-print .build-control-bar .build-control-bar-btn {
  background-color: #f3f3f3;
}

.price-details-text-veh:focus, .price-details-print:focus, .price-details-share:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.price-details-share.inventory-detail-control-bar-dropdown .dropdown-button-text {
  font-size: 0.875rem;
}

.price-details-share.inventory-detail-control-bar-dropdown.dropdown-open .dropdown-button-text, .price-details-share.inventory-detail-control-bar-dropdown.dropdown-open .icon {
  color: #002c5e;
}

.price-details-share.inventory-detail-control-bar-dropdown.dropdown-open .dropdown-button-text:hover svg, .price-details-share.inventory-detail-control-bar-dropdown.dropdown-open .icon:hover svg {
  color: var(--control-bar-hover-color, #8ce7fc);
}

.price-details-share.inventory-detail-control-bar-dropdown.dropdown-open .dropdown-panel .dropdown-item {
  justify-content: center;
}

.trim-name {
  color: #333333;
  font-size: 1rem;
  font-weight: 600;
}

.trim-name-details {
  color: #333333;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.875rem 0;
}

.trim-number {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
}

.finance-summary {
  display: flex;
  justify-content: space-between;
  padding: 1.5625rem 1rem;
  background-color: #f3f3f3;
  margin: 0;
}

@media (min-width: 1024px) {
  .finance-summary {
    margin: 0 0.9375rem;
    padding: 1.5625rem 3.25rem;
  }
}

.add-border-top {
  border-top: 0.0625rem solid #cccccc;
  padding: 1.375rem 0 1rem 0;
}

.add-border-top-prices {
  border-top: 0.0625rem solid #cccccc;
  padding: 0.75rem 0 0.75rem 0;
}

.model-name-section {
  display: flex;
  align-items: center;
}

.price-details-exterior {
  display: none;
  height: 9.375rem;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 1024px) {
  .price-details-exterior {
    display: block;
  }
}

@media print {
  .price-details-exterior {
    height: 25rem;
    margin-top: 5rem;
    margin-bottom: 5rem;
    display: block;
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
  }
}

@media (min-width: 320px) and (max-width: 639px) {
  .review-modal-wrapper {
    position: relative;
    z-index: -1 !important;
  }
}

.totalPurchasesvg svg {
  font-size: 1rem;
  color: #002c5e;
}

.payment-calculator {
  background: #ffffff;
  padding: 0;
}

@media (min-width: 1440px) {
  .payment-calculator {
    padding: 0.3125rem 0.3125rem;
  }
}

.payment-calculator .active {
  border: 0.0625rem solid #00aad2 !important;
  background-color: #ffffff !important;
}

.payment-calculator .down-payment-trade-in {
  display: flex;
  justify-content: space-between;
}

.payment-calculator .down-payment-trade-in .trade-estimate-txt {
  color: #002c5e;
  text-decoration: none;
  cursor: pointer;
}

.payment-calculator .finance-body {
  border-top: 0.0625rem solid #ccc;
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
  margin-top: 1rem;
}

.payment-calculator .finance-trade-in {
  display: block;
  padding-top: 0.625rem;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .payment-calculator .finance-trade-in {
    display: flex;
    padding: 1.875rem 0 1.25rem;
  }
}

.payment-calculator .finance-trade-in input {
  transform: scale(1.5);
  margin-right: 0.25rem;
  vertical-align: middle;
}

.payment-calculator .finance-trade-in label {
  padding-right: 1.25rem;
  color: #333333;
}

.payment-calculator .finance-trade-in .trade-in-section .testdrive-modal-form-contact-option {
  margin: 0;
}

.payment-calculator .finance-trade-in .finance-trade-txt {
  flex-basis: 50%;
  margin-top: 1.25rem;
}

@media (min-width: 1024px) {
  .payment-calculator .finance-trade-in .finance-trade-txt {
    margin: 0;
  }
}

.payment-calculator .Loan-term {
  display: flex;
  justify-content: space-between;
  color: #333333;
}

.payment-calculator .Loan-term .Loan-term-item {
  padding: 0.625rem !important;
  text-align: center;
  border: 0.0625rem solid #e6e6e6;
  background-color: #f3f3f3;
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 500;
  margin: auto;
}

@media (max-width: 320px) {
  .payment-calculator .Loan-term .Loan-term-item {
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  .payment-calculator .Loan-term .Loan-term-item {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
  }
}

.payment-calculator .Loan-term-main .loan-section-error {
  font-size: 0.875rem;
  font-weight: 700;
  color: #e63312;
  line-height: 1.25rem;
  padding-bottom: 0.625rem;
}

.payment-calculator .Loan-term-main .loan-section {
  padding-bottom: 0.625rem;
  width: 100%;
}

.payment-calculator .Loan-term-main .lease-loan-term {
  padding-bottom: 2.5rem;
}

.payment-calculator .down-Payment {
  padding: 1rem 0 2rem;
}

.payment-calculator .down-Payment-monthly {
  padding: 1.875rem 0 0.688rem;
}

.payment-calculator .slider-down-payment {
  display: block;
  padding: 0.6rem 0;
}

@media (min-width: 1024px) {
  .payment-calculator .slider-down-payment {
    display: flex;
    justify-content: space-between;
  }
}

.payment-calculator .slider-down-payment input:nth-child(2) {
  width: 78%;
  display: flex;
  margin: auto;
}

@media (min-width: 1024px) {
  .payment-calculator .slider-down-payment input:nth-child(2) {
    display: block;
    margin-left: 0.3125rem;
  }
}

.payment-calculator .slider-down-payment .slider-payment-input {
  width: 50%;
  height: 2.5rem;
  text-align: center;
  font-size: 1.5rem;
  color: #333333;
  border: 1px solid #00aad2;
}

@media (min-width: 360px) and (max-width: 1023px) {
  .payment-calculator .slider-down-payment .slider-payment-input {
    width: 40%;
  }
}

@media (min-width: 1024px) {
  .payment-calculator .slider-down-payment .slider-payment-input {
    width: 35%;
    height: 2.75rem;
  }
}

@media (min-width: 1440px) {
  .payment-calculator .slider-down-payment .slider-payment-input {
    width: 25%;
  }
}

.payment-calculator .ivd-calculator-slider .slider-payment-input {
  color: #333333;
  border: 1px solid #00aad2;
}

.payment-calculator .Loan-term-rate {
  display: flex;
}

.payment-calculator .Loan-term-rate .Loan-term-data {
  color: #333333;
  flex-basis: 40%;
  text-align: center;
  border: 0.0625rem solid #e6e6e6;
  background-color: #f3f3f3;
  cursor: pointer;
  padding: 1.5625rem 0.75rem;
  margin-right: 1.563rem;
}

@media (min-width: 320px) and (max-width: 359px) {
  .payment-calculator .Loan-term-rate .Loan-term-data {
    padding: 0.5rem 0.5rem;
    width: 50%;
    flex-basis: auto;
    margin-right: 1rem;
  }
}

@media (min-width: 360px) and (max-width: 1023px) {
  .payment-calculator .Loan-term-rate .Loan-term-data {
    padding: 0.5rem 0.5rem;
    margin-right: 1rem;
    flex-basis: 50%;
  }
}

@media (min-width: 1024px) {
  .payment-calculator .Loan-term-rate .Loan-term-data {
    padding: 0.75rem 1.5625rem 0.75rem 1.5625rem;
    flex-basis: 45%;
  }
}

@media (min-width: 1440px) {
  .payment-calculator .Loan-term-rate .Loan-term-data {
    padding: 1rem 1.5625rem 1rem 1.5625rem;
    flex-basis: 42%;
  }
}

.payment-calculator .Loan-term-rate .Loan-term-data .payment-section {
  border-bottom: 0.0625rem solid #ccc;
}

.payment-calculator .intrest-rate {
  display: block;
}

.payment-calculator .intrest-rate .intrest-txt {
  font-size: 1.875rem;
  font-weight: 700;
}

.payment-calculator .intrest-rate .intrest-txts {
  font-size: 1rem;
  font-weight: 500;
}

.payment-calculator .intrest-text {
  font-size: 0.75rem;
  padding-bottom: 0.875rem;
  display: inline-block;
  font-weight: 400;
}

@media (min-width: 320px) and (max-width: 640px) {
  .payment-calculator .intrest-text {
    font-size: 0.73rem;
  }
}

.payment-calculator .intrest-rate-defaultTerm {
  padding: 1.3125rem;
  display: inline-block;
  font-size: 1rem;
}

@media (min-width: 320px) and (max-width: 359px) {
  .payment-calculator .intrest-rate-defaultTerm {
    padding: 1rem 1rem 0rem 1rem;
  }
}

@media (min-width: 360px) and (max-width: 1023px) {
  .payment-calculator .intrest-rate-defaultTerm {
    padding: 1rem 1rem 0rem 1rem;
  }
}

@media (min-width: 1024px) {
  .payment-calculator .intrest-rate-defaultTerm {
    padding: 0.875rem 0 0;
  }
}

.payment-calculator .slider-input {
  border: 2px solid #ccc;
  color: #ccc;
  font-weight: 500;
  margin: 0 auto 1.1875rem;
  width: 100;
  display: flex;
  font-size: 1.25rem;
}

@media (min-width: 1024px) {
  .payment-calculator .slider-input {
    margin: 0;
    font-size: 1.5rem;
  }
}

.payment-calculator .cradit-score {
  margin: 1.1875rem 0 0 0;
  text-align: left;
  font-size: 0.875rem;
  font-weight: 500;
  color: #666666;
}

@media (min-width: 320px) and (max-width: 359px) {
  .payment-calculator .cradit-score {
    font-size: 0.75rem;
  }
}

@media (min-width: 320px) and (max-width: 1024px) {
  .payment-calculator .cradit-score {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .payment-calculator .cradit-score {
    text-align: center;
  }
}

.payment-calculator .cradit-score .cradit-score-section {
  padding-bottom: 0.2rem;
  color: #333333;
  font-weight: 400;
}

.payment-calculator .cradit-score .cradit-score-section .link-show-all-plans {
  font-weight: 700;
  color: #002c5e;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding: 0.4375rem 0;
  font-size: 0.875rem;
  display: inline-flex;
  text-decoration: none;
}

.payment-calculator .cradit-score .cradit-score-txt {
  padding: 1rem 0rem 1.25rem;
}

.payment-calculator .cradit-score .edit-cradit-txt {
  font-weight: 700;
  color: #002C5F;
  cursor: pointer;
}

.payment-calculator .cradit-score .cradit-score-wrapper {
  font-weight: 700;
  color: #002c5e;
  cursor: pointer;
  text-align: center;
}

.payment-calculator .cradit-score .edit {
  display: inline-block;
  margin-left: 0rem;
  text-align: center;
  width: 100%;
}

@media (min-width: 1024px) {
  .payment-calculator .cradit-score .edit {
    text-align: inherit;
    width: auto;
    margin-left: 0.625rem;
  }
}

.payment-calculator .cradit-score .edit .edit-section {
  color: #002C5F;
}

.payment-calculator .cradit-score .edit svg {
  display: inline-block;
  height: 0.75rem;
}

.payment-calculator .cradit-score .cradit-section-txt {
  font-weight: 700;
  color: #333333;
  display: inline-block;
  margin-top: 0.9375rem;
}

@media (min-width: 1024px) {
  .payment-calculator .cradit-score .cradit-section-txt {
    margin-top: 0;
  }
}

.payment-calculator .cradit-score .cradit-section-txt svg {
  display: inline;
  vertical-align: middle;
  font-size: 0.75rem;
  margin-left: 0.3125rem;
  width: 0.5rem;
}

.payment-calculator .cradit-score .credit-score-txt {
  font-weight: 700;
  color: #002c5e !important;
  cursor: pointer;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}

@media (min-width: 1024px) {
  .payment-calculator .cradit-score .credit-score-txt {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.payment-calculator .cradit-score .unlock-button {
  display: inline-block;
  background: #002c5e;
  padding: 0px 0.625rem;
  margin-top: 0.3125rem;
}

.payment-calculator .cradit-score .unlock-button .vin-summary-primary-button {
  margin-top: 0.875rem !important;
}

.payment-calculator .cradit-score .unlock-button svg {
  color: #ffffff !important;
}

.payment-calculator .cradit-score .unlock-button .payment-option-unlock-dealer-button {
  padding: 0.5rem 0rem;
}

.payment-calculator .unlock-dealer-wrapper {
  display: flex;
  justify-content: center;
}

.payment-calculator .unlock-dealer-wrapper .btn-unlock-dealer-price {
  background-color: #002c5e;
  color: #ffffff;
  padding: 0.75rem 1rem;
}

.payment-calculator .unlock-dealer-wrapper .btn-unlock-dealer-price svg path {
  fill: #ffffff;
}

.payment-calculator .test-drive .loading-icon {
  display: none;
  justify-content: center;
}

.payment-calculator .test-drive .statusbar-error {
  display: none;
  padding: 1.25rem 1rem;
}

.payment-calculator .special-programs-head {
  padding: 2.75rem 0 1.25rem;
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
}

.payment-calculator .special-programs-head-cash {
  padding: 1.5rem 0 1.25rem;
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
}

.payment-calculator .special-programs-body {
  padding: 1.375rem 1.875rem 1.375rem 1.875rem;
  background: #f3f3f3;
  align-items: center;
  color: #333333;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
}

@media (max-width: 1023px) {
  .payment-calculator .special-programs-body {
    padding: 1.125rem 0.938rem;
  }
}

@media (min-width: 1024px) {
  .payment-calculator .special-programs-body {
    font-size: 1.25rem;
    padding: 1.375rem 1.375rem 1.375rem 1.375rem;
  }
}

@media (min-width: 1440px) {
  .payment-calculator .special-programs-body {
    padding: 1.375rem 1.875rem 1.375rem 1.875rem;
  }
}

.payment-calculator .special-programs-body input[type=checkbox] {
  margin: auto 1.25rem auto 0;
  transform: scale(1.5);
}

.payment-calculator .special-programs-body .spp-checkbox-label {
  display: flex;
  margin: 0;
  position: relative;
  margin-right: 1.1rem;
  height: 1.125rem;
  width: 1.125rem;
}

.payment-calculator .special-programs-body input[type=checkbox]:checked {
  background-color: #ffffff;
}

.payment-calculator .special-programs-body-ddc {
  padding: 1.875rem 1.875rem 1.625rem 1.875rem;
}

.payment-calculator .special-programs-body .special-program-content {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.payment-calculator .special-programs-body .special-program-content-disclamer {
  display: flex;
  font-size: 1rem;
  width: 100%;
  font-weight: 400;
  font-family: "Hyundai Sans Text";
  padding: 20px 0px;
  justify-content: space-between;
}

.payment-calculator .special-programs-body .special-program-content .per-month {
  margin: 1rem 0 0 -0.3125rem;
  font-size: 1rem;
}

.payment-calculator .special-programs-body .special-program-content span {
  flex-basis: 40%;
  font-size: 1rem;
  margin: auto 0;
}

@media (min-width: 320px) and (max-width: 359px) {
  .payment-calculator .special-programs-body .special-program-content span {
    font-size: 0.875rem;
    flex-basis: 30%;
  }
}

@media (min-width: 360px) and (max-width: 1023px) {
  .payment-calculator .special-programs-body .special-program-content span {
    font-size: 0.9375rem;
    flex-basis: 60%;
  }
}

@media (min-width: 1024px) {
  .payment-calculator .special-programs-body .special-program-content span {
    font-size: 1.25rem;
    flex-basis: 42%;
  }
}

.payment-calculator .special-programs-body .special-program-content span:first-child {
  flex-basis: 60%;
}

@media (min-width: 320px) and (max-width: 359px) {
  .payment-calculator .special-programs-body .special-program-content span:first-child {
    flex-basis: 70%;
  }
}

@media (min-width: 320px) and (max-width: 359px) {
  .payment-calculator .special-programs-body .special-program-content .price-qualify-txt {
    font-size: 0.875rem;
    flex-basis: 62%;
  }
}

.payment-calculator .special-programs-body .special-program-content .price-left {
  text-align: right;
  font-size: 1.5625rem;
}

@media (min-width: 320px) and (max-width: 359px) {
  .payment-calculator .special-programs-body .special-program-content .price-left {
    font-size: 1.125rem;
  }
}

@media (min-width: 360px) and (max-width: 1023px) {
  .payment-calculator .special-programs-body .special-program-content .price-left {
    font-size: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .payment-calculator .special-programs-body .special-program-content .price-left {
    font-size: 1.25rem;
  }
}

.payment-calculator .special-programs-body .special-programs-wrapper {
  display: inline-flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}

.payment-calculator .special-programs-body .special-programs-wrapper .special-programs-wrapper-checkbox {
  display: flex;
  margin: 0;
  position: relative;
  margin-right: 1.1rem;
  height: 1.125rem;
  width: 1.125rem;
}

.payment-calculator .special-programs-body .special-programs-wrapper .tooltip-trigger {
  cursor: pointer;
}

.payment-calculator .redirect {
  font-weight: 700;
  font-size: 0.875rem !important;
  color: #002C5F;
  display: flex;
  justify-content: flex-end;
}

@media (min-width: 320px) and (max-width: 359px) {
  .payment-calculator .redirect {
    font-size: 0.6875rem !important;
  }
}

@media (min-width: 360px) and (max-width: 1023px) {
  .payment-calculator .redirect {
    font-size: 0.75rem !important;
  }
}

.payment-calculator .redirect svg {
  display: inline;
  vertical-align: top;
  font-size: 0.75rem;
  margin-left: 0.3125rem;
}

.payment-calculator .item-tenure {
  font-size: 1rem !important;
}

@media (min-width: 1024px) {
  .payment-calculator .item-tenure {
    max-width: 16.875rem;
  }
}

@media (min-width: 1440px) {
  .payment-calculator .item-tenure {
    max-width: 22.875rem;
  }
}

.payment-calculator .item-tenure svg {
  vertical-align: unset;
}

.payment-calculator .tekion-plancode select {
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: justify;
}

.payment-calculator .see-all {
  font-size: 0.875rem !important;
  display: flex;
  justify-content: center;
  color: #002C5F !important;
  font-weight: 700 !important;
}

.payment-calculator .see-all svg {
  font-size: 0.6rem;
  margin: auto 0 auto 0.3125rem;
}

.payment-calculator .finance-summary-calculater {
  margin-top: 2rem;
  margin-bottom: 1.875rem;
}

.payment-calculator .finance-summary-head {
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 1.5625rem;
}

.payment-calculator .finance-summary-body {
  display: flex;
  justify-content: space-between;
  color: #333333;
  font-size: 1rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .payment-calculator .finance-summary-body {
    font-size: 1.25rem;
  }
}

.payment-calculator .finance-summary-body .finance-amount {
  text-align: right;
  font-size: 1.5625rem;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .payment-calculator .finance-summary-body .finance-amount {
    font-size: 1.125rem;
  }
}

.payment-calculator .finance-summary-body .price-details-link__icon svg {
  font-size: 0.6rem;
  margin-left: 0.25rem;
}

.payment-calculator .quarey-details {
  border-top: 1px solid #ccc;
  text-align: center;
  padding-top: 1.25rem;
}

@media (min-width: 320px) and (max-width: 640px) {
  .payment-calculator .quarey-details {
    padding: 1.25rem 1.25rem;
  }
}

.payment-calculator .approved-credit {
  color: #333333;
  font-size: 0.75rem;
  text-align: right;
  flex-basis: 70%;
  font-weight: 500;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .payment-calculator .approved-credit {
    flex-basis: 52%;
  }
}

.payment-calculator .finance-summary-continue {
  padding: 0.875rem 3.5rem;
  color: #ffffff;
  font-size: 1rem;
  margin-bottom: 1.1875rem;
  background-color: #002c5e;
  display: inline-block;
}

.payment-calculator .finance-summary-continue svg {
  color: #ffffff;
  filter: none;
}

.payment-calculator .test-drive {
  margin: 1.5625rem 0;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #666666;
}

.payment-calculator .test-drive-icon {
  color: #002c5e;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.payment-calculator .test-drive-icon .test-drive-txt {
  margin-right: 0.5rem;
  vertical-align: middle;
  cursor: pointer;
  display: flex;
  width: 100% !important;
  height: auto !important;
  justify-content: center;
}

.payment-calculator .test-drive-icon .test-drive-txt svg {
  vertical-align: middle !important;
  margin-right: 0.375rem !important;
  filter: none;
}

.payment-calculator .test-drive-icon .test-drive-txt svg path {
  fill: #002c5e;
}

.payment-calculator .contact-dealer {
  font-weight: 700;
  color: #002c5e;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding: 1.25rem 0;
  font-size: 0.875rem;
}

.payment-calculator .contact-dealer svg {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.5625rem;
  margin-left: 0.25rem;
}

.payment-calculator .additional-queries {
  color: #333333;
  font-size: 1rem;
}

.payment-calculator .contact-dealer-dir {
  color: #333333;
  font-size: 1rem;
  font-weight: 700;
}

.payment-calculator .contact-dealer-dir a {
  text-decoration: none;
  color: #002c5e;
}

.payment-calculator .disclaimer-display-none {
  display: none !important;
}

.payment-calculator select {
  max-width: 100%;
  background: #f3f3f3;
  border: 0rem;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  -webkit-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 1rem;
  background-size: 0.625rem;
  background-image: url(../../../../etc.clientlibs/hyundai/main/clientlibs/clientlib-dependencies/resources/images/expand-button-down.svg);
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .payment-calculator select {
    font-size: 0.6875rem;
  }
}

@media (min-width: 1024px) {
  .payment-calculator select {
    font-size: 0.875rem;
  }
}

@media (min-width: 1440px) {
  .payment-calculator select {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    word-wrap: break-word;
  }
}

.payment-calculator select option.redirect {
  font-weight: 400;
}

.edit-model .modal-box {
  display: flex;
  width: 100%;
  margin: 0;
}

@media (min-width: 320px) and (max-width: 639px) {
  .edit-model .modal-box {
    background: none;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .edit-model .modal-box {
    width: 80%;
    margin: auto;
  }
}

@media (min-width: 1024px) {
  .edit-model .modal-box {
    width: 45%;
    margin: auto;
  }
}

.edit-model .modal-x {
  top: 0.8rem;
  right: 1.5rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .edit-model .modal-x {
    position: inherit;
    width: auto;
    height: auto;
  }
}

.edit-model .main-header {
  padding: 1.25rem 2.1875rem;
  background-color: #f3f3f3;
  font-size: 1rem;
  color: #333333;
  text-align: left;
  font-weight: 500;
}

@media (min-width: 320px) and (max-width: 639px) {
  .edit-model .main-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.edit-model .modal-content {
  padding: 0;
}

.edit-model .modal-box-content {
  width: 100%;
}

@media (min-width: 320px) and (max-width: 639px) {
  .edit-model .modal-box-content {
    max-height: 32rem;
    background: #ffffff;
  }
}

.edit-model .main-container {
  text-align: center;
}

.edit-model .cradit-discription {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  margin: 2.1875rem 6rem;
  width: 80%;
  line-height: 1.3125rem;
}

@media (min-width: 1024px) {
  .edit-model .cradit-discription {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 320px) and (max-width: 639px) {
  .edit-model .cradit-discription {
    margin: 2rem;
  }
}

.edit-model .status-text {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
}

.edit-model .estimater {
  color: #333333;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 20px;
}

.edit-model .slider-input {
  margin-bottom: 0.625rem;
  border: 2px solid #e6e6e6;
  width: 25%;
  height: 2.5rem;
  text-align: center;
  font-size: 1.5rem;
}

@media (min-width: 640px) {
  .edit-model .slider-input {
    width: 15%;
  }
}

@media (min-width: 1024px) {
  .edit-model .slider-input {
    width: 25%;
  }
}

@media (min-width: 1440px) {
  .edit-model .slider-input {
    width: 15%;
  }
}

.edit-model .Active-text {
  color: #002c5e !important;
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
}

.edit-model .save-cradit {
  display: inline-block;
  background: #002c5e;
  padding: 0.8125rem 4.875rem;
  color: #ffffff;
  font-size: 1rem;
  margin: 2.5rem 0 3.75rem;
  cursor: pointer;
}

.edit-model .slider-input-wrapper {
  display: flex;
  justify-content: center;
}

.edit-model .slider-bar {
  margin: 2rem 0;
}

.edit-model .bldf-mp-slider {
  left: 0;
}

.see-all-plans.modal {
  width: 100%;
  margin: auto;
}

@media (min-width: 1024px) {
  .see-all-plans.modal {
    width: 80%;
  }
}

@media (min-width: 1440px) {
  .see-all-plans.modal {
    width: 60%;
  }
}

.see-all-plans.modal .modal-box {
  height: 100%;
  width: 100%;
}

.see-all-plans.modal .modal-box-content {
  width: 100%;
}

.see-all-plans.modal .modal-content {
  padding: 0;
}

.see-all-plans.modal .header {
  position: fixed;
  top: 0;
  padding: 1.25rem;
  width: 100%;
  background: #f3f3f3;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .see-all-plans.modal .header {
    width: 80%;
  }
}

@media (min-width: 1440px) {
  .see-all-plans.modal .header {
    width: 60%;
  }
}

.see-all-plans.modal .footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 0.9375rem;
  background: #002C5F;
  color: #ffffff;
  display: flex;
  align-items: center;
}

@media (min-width: 1024px) {
  .see-all-plans.modal .footer {
    width: 80%;
  }
}

@media (min-width: 1440px) {
  .see-all-plans.modal .footer {
    width: 60%;
  }
}

.see-all-plans.modal .footer .footer-price {
  font-weight: 700;
  font-size: 1.5rem;
  margin-left: 1.25rem;
}

.see-all-plans.modal .footer .footer-price-month {
  font-size: 18px;
}

.see-all-plans.modal .footer .footer-price-btn-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}

.see-all-plans.modal .footer .footer-price-btn {
  padding: 0.625rem 4.375rem;
  color: #002C5F;
  background: #ffffff;
  font-weight: 500;
  margin-left: -5.125rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .see-all-plans.modal .footer .footer-price-btn {
    padding: 0.625rem 2rem;
    margin-left: 2rem;
  }
}

.see-all-plans.modal .content-title {
  font-size: 1.5rem;
  padding: 1.875rem;
  text-align: center;
}

.see-all-plans.modal .show-all-wrapper {
  display: flex;
}

@media (min-width: 320px) and (max-width: 639px) {
  .see-all-plans.modal .show-all-wrapper {
    display: block;
  }
}

.see-all-plans.modal .packages-container {
  display: block;
}

@media (min-width: 1024px) {
  .see-all-plans.modal .packages-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

.see-all-plans.modal .package-container {
  background: #f3f3f3;
  width: 100%;
  padding: 1.5625rem 1.25rem;
  display: flex;
  flex-basis: 30%;
  margin-bottom: 1.25rem;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid transparent;
}

.see-all-plans.modal .package-container.selected {
  border: 1px solid #00aad2;
  background-color: white;
}

body.chat-opened .see-all-plans.modal {
  margin: 0;
}

body.chat-opened .see-all-plans.modal .modal-box {
  transform: translateZ(0);
}

@media (min-width: 1024px) {
  body.chat-opened .see-all-plans.modal .modal-box {
    width: 80%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .see-all-plans.modal .modal-box {
    width: 60%;
  }
}

body.chat-opened .see-all-plans.modal .header,
body.chat-opened .see-all-plans.modal .footer {
  transform: translate(0, 0);
}

@media (min-width: 1024px) {
  body.chat-opened .see-all-plans.modal .header,
  body.chat-opened .see-all-plans.modal .footer {
    width: 100%;
  }
}

.see-all-plans.modal .show-all-content {
  margin-top: 2.8125rem;
  padding: 1.25rem;
}

@media (min-width: 1024px) {
  .see-all-plans.modal .show-all-content {
    padding: 1.25rem 2.5rem;
  }
}

.see-all-plans.modal .show-all-content .package-name {
  font-size: 1.25rem;
  font-weight: 500;
}

.see-all-plans.modal .show-all-content .package-desc {
  font-size: 0.875rem;
  font-weight: 700;
  color: #888888;
  margin: 0.625rem 0 1.25rem;
}

.see-all-plans.modal .show-all-content .package-description {
  word-break: break-word;
}

.see-all-plans.modal .show-all-content .package-description .spp-description-list-item {
  display: list-item;
  margin-left: 1rem;
  margin-bottom: 0.5rem;
}

.see-all-plans.modal .show-all-content ul {
  padding: 0 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.see-all-plans.modal .show-all-content .package-price {
  font-size: 1.5625rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
}

.see-all-plans.modal .show-all-content .package-category {
  font-size: 0.875rem;
  color: #888888;
  font-weight: 700;
  margin: 0.625rem 0;
}

.see-all-plans.modal .show-all-content .add-btn {
  padding: 12px 15px;
  color: white;
  background-color: #002C5F;
  display: flex;
  margin: auto;
  width: 100%;
}

.see-all-plans.modal .show-all-content .added-button {
  background-color: #ffffff;
  color: #00aad2;
  border: 1px solid #00aad2;
}

.see-all-plans.modal .show-all-content .flex-grid.flex-3 {
  grid-template-columns: 1fr;
}

@media (min-width: 640px) {
  .see-all-plans.modal .show-all-content .flex-grid.flex-3 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1024px) {
  .see-all-plans.modal .show-all-content .flex-grid.flex-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .see-all-plans.modal .show-all-content .flex-grid.flex-3 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .see-all-plans.modal .show-all-content .flex-grid.flex-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.see-all-plans.modal .packages-container-wrapper {
  margin-bottom: 5rem;
}

.see-all-plans.modal .packages-container-wrapper .flex-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  row-gap: 1rem;
  column-gap: 1rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .see-all-plans.modal .packages-container-wrapper .flex-grid {
    grid-template-columns: 1fr;
  }
}

.see-all-plans.modal .packages-container-wrapper .flex-grid.flex-3 {
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 1rem;
}

.see-all-plans.modal .packages-container-wrapper .flex-grid.flex-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 1rem;
}

.see-all-plans.modal .packages-container-wrapper .flex-grid.flex-5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  column-gap: 1rem;
}

.ivd-slider-wrapper {
  width: 70%;
  display: flex;
  align-items: center;
  margin: auto;
}

.ivd-slider-wrapper .bldf-mp-slider-container {
  height: 0.625rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .ivd-slider-wrapper {
    width: 75%;
  }
}

@media (min-width: 640px) {
  .ivd-slider-wrapper {
    width: 60%;
  }
}

.payment-option-disclaimer .link-unlock-dealer {
  color: #002c5e;
  text-decoration: none;
}

.payment-mode .finance-header {
  cursor: pointer;
}

.payment-mode.selectedOption .finance-header {
  cursor: default;
}

.flex-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  row-gap: 1rem;
  column-gap: 1rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .flex-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.flex-grid.flex-3 {
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 1rem;
}

.flex-grid.flex-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 1rem;
}

.flex-grid.flex-5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  column-gap: 1rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .flex-grid.flex-5 {
    column-gap: 0.5rem;
  }
}

.annual-mile-wrapper.flex-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  row-gap: 1rem;
}

.annual-mile-wrapper.flex-grid.flex-3 {
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 1rem;
}

.annual-mile-wrapper.flex-grid.flex-4 {
  grid-template-columns: 1fr 1fr;
  column-gap: 1rem;
}

.annual-mile-wrapper.flex-grid.flex-5 {
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 1rem;
}

.contact-dealer-modal .purchase-request-overlay {
  width: 100%;
}

@media (min-width: 640px) {
  .contact-dealer-modal .purchase-request-overlay {
    width: 40rem;
  }
}

@media (min-width: 1024px) {
  .contact-dealer-modal .purchase-request-overlay {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
  }
}

.contact-dealer-modal .purchase-request-overlay__body {
  height: auto;
  padding-top: 0;
  overflow-y: auto;
  position: relative;
  background-color: #ffffff;
  max-height: 99%;
}

.contact-dealer-modal .purchase-request-overlay__body .raq-form-wrapper {
  width: 100%;
}

.contact-dealer-modal .purchase-request-overlay__body .raq-primary-fields {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
}

@media (min-width: 640px) {
  .contact-dealer-modal .purchase-request-overlay__body .raq-primary-fields {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 1.5rem;
    row-gap: 1.25rem;
  }
}

.contact-dealer-modal .purchase-request-overlay__body .raq-form-input-wrapper {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .contact-dealer-modal .purchase-request-overlay__body .raq-form-input-wrapper {
    flex: 1 1 calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
}

@media (min-width: 640px) {
  .contact-dealer-modal .purchase-request-overlay__body .raq-form-input-wrapper-full-width {
    max-width: 100%;
  }
}

.contact-dealer-modal .purchase-request-overlay__content {
  padding-bottom: 0;
}

.contact-dealer-modal .raq-form-recaptcha {
  padding: 0;
  margin: 0;
}

.contact-dealer-modal .raq-overlay {
  display: block;
  position: relative;
  z-index: 1;
  margin-top: 3.625rem;
}

@media (min-width: 640px) {
  .contact-dealer-modal .raq-overlay {
    margin-top: 3.125rem;
  }
}

.contact-dealer-modal .raq-overlay .raq-header {
  display: none;
}

.contact-dealer-modal .raq-overlay .raq-headline {
  display: none;
}

.contact-dealer-modal .modal-x {
  top: 0.8125rem;
}

@media (min-width: 640px) {
  .contact-dealer-modal .modal-x {
    top: 0.5625rem;
  }
}

.contact-dealer-modal .raq-body {
  background-color: transparent;
  padding-top: 0;
}

.contact-dealer-modal .raq-submit-request-button {
  width: auto;
}

.purchase-request-overlay-modal.contact-dealer-modal {
  height: auto;
  top: 50%;
  transform: translateY(-50%);
  max-height: 100dvh;
  overflow-y: auto;
  z-index: 1002;
}

.special-programs-body--disabled {
  opacity: 0.5;
  pointer-events: none;
}

.payment-calculator .pc-contact-dealer-form {
  display: flex;
  flex-direction: column;
  border-top: 0.0625rem solid #ccc;
  padding-top: 2rem;
}

.payment-calculator .pc-contact-dealer-form .raq-overlay {
  display: block;
  position: relative;
  z-index: 1;
}

.payment-calculator .pc-contact-dealer-form .raq-overlay .raq-body {
  border: none;
}

.payment-calculator .pc-contact-dealer-form .raq-overlay .raq-header {
  display: none;
}

.payment-calculator .pc-contact-dealer-form .raq-overlay .raq-headline {
  display: none;
}

.payment-calculator .pc-contact-dealer-form .raq-overlay .raq-copy {
  display: none;
}

.payment-calculator .pc-contact-dealer-form .raq-body {
  background-color: transparent;
  padding: 0;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .payment-calculator .pc-contact-dealer-form .raq-body .raq-form-user-info-fieldset .raq-form-input-wrapper {
    max-width: 100%;
  }
}

.payment-calculator .pc-contact-dealer-form .raq-submit-request-button {
  width: auto;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .payment-calculator .pc-contact-dealer-form .statusbar-content {
    align-items: center;
  }
}

.payment-calculator .pc-contact-dealer-form .success-message-wrapper .statusbar-success {
  margin: -3rem 0 0;
  padding: 1.25rem 2rem;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .payment-calculator .pc-contact-dealer-form .success-message-wrapper .statusbar-success {
    margin: 0;
    padding: 1.25rem 1rem;
  }
}

.payment-calculator .pc-contact-dealer-form .success-message-wrapper .statusbar-error {
  padding: 1.25rem 2rem;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .payment-calculator .pc-contact-dealer-form .success-message-wrapper .statusbar-error {
    padding: 1.25rem 1rem;
  }
}

.payment-calculator .pc-contact-dealer-form .success-message-raq {
  margin-top: 5rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .payment-calculator .pc-contact-dealer-form .success-message-raq {
    margin-top: 0;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .payment-calculator .pc-contact-dealer-form .success-message-raq {
    margin-top: 0;
  }
}

.service-protection-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.8rem 0 0;
}

@media (min-width: 320px) and (max-width: 639px) {
  .service-protection-price {
    padding: 1rem 0 0;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .service-protection-price {
    padding: 1rem 0.938rem 0 0;
  }
}

.service-protection-price .price-name {
  font-size: 20px;
  font-weight: 700;
  color: #333333;
}

@media (min-width: 320px) and (max-width: 639px) {
  .service-protection-price .price-name {
    font-size: 0.875rem;
  }
}

.service-protection-price .per-month {
  margin: 1rem 0 0 -0.3125rem;
  font-size: 1rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .service-protection-price .per-month {
    margin: 1rem 0 0 -0.1875rem;
  }
}

.service-protection-item-wrapper {
  padding: 1.25rem 1.375rem 0 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

@media (min-width: 320px) and (max-width: 639px) {
  .service-protection-item-wrapper {
    padding: 1.25rem 0 0;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .service-protection-item-wrapper {
    padding: 1rem 0.938rem 0 0;
  }
}

.service-protection-item-wrapper .item-price {
  color: #333333;
  font-size: 1rem;
  font-weight: 500;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .service-protection-item-wrapper .item-price {
    font-size: 0.875rem;
    text-align: end;
  }
}

.service-protection-item-wrapper .service-protection-list-wrapper {
  max-width: 60%;
}

@media (min-width: 1440px) {
  .service-protection-item-wrapper .service-protection-list-wrapper {
    max-width: 70%;
  }
}

.service-protection-items {
  margin: 0;
  padding: 0 0 0.2rem 1rem;
  font-size: 0.9375rem;
  color: #666666;
  font-weight: 700;
}

@media (min-width: 320px) and (max-width: 639px) {
  .service-protection-items {
    font-size: 0.8125rem;
  }
}

.display-block {
  display: block !important;
}

.paymentsvg svg {
  font-size: 1rem;
  color: #002c5e;
}

.inventory-detail-external-icon {
  display: inline-block;
  margin-left: 0.1875rem;
  height: 0.875rem !important;
  width: 0.875rem !important;
}

/* #region INVENTORY MAIN */
.inventory-detail-v2 {
  position: relative;
  max-width: 1440px;
  padding: 0;
  margin: 0 auto;
}

@media (min-width: 1440px) {
  .inventory-detail-v2 {
    max-width: 1440px;
  }
}

.inventory-detail-v2 .ivd-vehicle-no-results-bar-v2 {
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 375px) {
  .inventory-detail-v2 .ivd-vehicle-no-results-bar-v2 {
    padding: 0 1rem 1rem;
  }
}

@media (min-width: 640px) {
  .inventory-detail-v2 .ivd-vehicle-no-results-bar-v2 {
    padding: 0 2rem 1rem;
  }
}

@media (min-width: 1024px) {
  .inventory-detail-v2 .ivd-vehicle-no-results-bar-v2 {
    padding: 0;
  }
}

@media (min-width: 1440px) {
  .inventory-detail-v2 .ivd-vehicle-no-results-bar-v2 {
    padding: 0 4.5rem 1rem;
  }
}

.inventory-detail-v2 .hidden {
  display: none;
}

.inventory-detail-v2 [data-smco-video]:after {
  background-image: none;
}

.inventory-detail-loading {
  min-height: 25rem;
  position: relative;
}

.inventory-detail-section-v2 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  z-index: 1;
}

@media (min-width: 640px) {
  .inventory-detail-section-v2 {
    gap: 3rem;
  }
}

@media (min-width: 1024px) {
  .inventory-detail-section-v2 {
    gap: 5rem;
  }
}

.inventory-detail-cols-v2 {
  display: flex;
  align-items: stretch;
  gap: 0;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .inventory-detail-cols-v2 {
    justify-content: space-between;
    gap: 1rem;
  }
}

@media print {
  .inventory-detail-cols-v2 {
    display: block;
  }
}

.inv-det-cols-top,
.inv-det-cols-bottom {
  flex-direction: column;
}

@media (min-width: 640px) {
  .inv-det-cols-top,
  .inv-det-cols-bottom {
    flex-direction: row;
  }
}

.inv-det-cols-top {
  align-items: center;
  background-color: var(--inv-detail-background-color);
}

@media (min-width: 1024px) {
  .inv-det-cols-top {
    padding: 2rem;
  }
}

@media (min-width: 1440px) {
  .inv-det-cols-top {
    padding: 2rem 4.5rem;
  }
}

.inv-det-cols-bottom {
  padding: 0 1rem;
}

@media (min-width: 1024px) {
  .inv-det-cols-bottom {
    padding: 0 2rem;
  }
}

@media (min-width: 1440px) {
  .inv-det-cols-bottom {
    padding: 0 4.5rem;
  }
}

@media (min-width: 640px) {
  .inventory-detail-col-main-v2 {
    max-width: 50%;
    flex-basis: 50%;
  }
}

@media (min-width: 1024px) {
  .inventory-detail-col-main-v2 {
    max-width: 35.9375rem;
    order: -1;
  }
}

@media print {
  .inventory-detail-col-main-v2 {
    padding: 0;
    max-width: 100%;
  }
}

.ivd-main-container-v2 {
  padding-bottom: 1.375rem;
}

@media (min-width: 640px) {
  .inventory-detail-col-aside-v2 {
    max-width: 50%;
    flex-basis: 50%;
  }
}

@media (min-width: 1024px) {
  .inventory-detail-col-aside-v2 {
    max-width: 31.25rem;
  }
}

@media print {
  .inventory-detail-col-aside-v2 {
    max-width: 100%;
  }
}

.pinned-header {
  background-color: #002C5F;
  width: 100%;
  z-index: 1000;
}

.pinned-header .pinned-header-wrapper {
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  padding: 0.625rem 1.25rem;
}

@media (min-width: 640px) {
  .pinned-header .pinned-header-wrapper {
    padding: 1rem 2rem;
    gap: 5rem;
  }
}

@media (min-width: 1024px) {
  .pinned-header .pinned-header-wrapper {
    padding: 1rem 2rem;
    gap: 5rem;
  }
}

@media (min-width: 1440px) {
  .pinned-header .pinned-header-wrapper {
    padding: 1rem 4.5rem;
    gap: 6.25rem;
    max-width: 90rem;
    margin: 0 auto;
  }
}

.pinned-header .left-col {
  flex: 1;
  margin: auto 0;
}

@media (min-width: 1024px) {
  .pinned-header .left-col {
    display: flex;
  }
}

@media (min-width: 640px) {
  .pinned-header .left-col {
    display: flex;
  }
}

.pinned-header .left-col .model-name {
  font-weight: 700;
}

.pinned-header .left-col .display-name {
  display: block;
}

@media (min-width: 1024px) {
  .pinned-header .left-col .display-name {
    display: inherit;
  }
}

.pinned-header .right-col {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}

@media (min-width: 1024px) {
  .pinned-header .right-col {
    flex-direction: row;
    align-items: center;
    flex: 1;
  }
}

@media (min-width: 640px) {
  .pinned-header .right-col {
    display: flex;
    flex-direction: row;
    flex: 1;
  }
}

.pinned-header .right-col .price {
  margin-right: 0;
  font-size: 1.5rem;
  font-weight: 700;
}

.pinned-header .right-col .price .per-monthly {
  font-size: 1rem;
  font-weight: 400;
  margin: auto 0 0;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .pinned-header .right-col .price .per-monthly {
    margin: auto 0 0.1875rem;
  }
}

@media (min-width: 1024px) {
  .pinned-header .right-col .price .per-monthly {
    margin: auto 0 0.125rem;
  }
}

@media (min-width: 1440px) {
  .pinned-header .right-col .price .per-monthly {
    font-size: 1.25rem;
  }
}

.pinned-header .right-col svg {
  display: inline-block;
  vertical-align: middle;
}

.pinned-header .right-col .icon-info {
  cursor: pointer;
}

.pinned-header .right-col button {
  display: none;
  background: #ffffff;
  padding: 0.625rem 0.9375rem;
}

@media (min-width: 1024px) {
  .pinned-header .right-col button {
    display: block;
    padding: 0.625rem 0.625rem;
  }
}

@media (min-width: 1440px) {
  .pinned-header .right-col button {
    padding: 0.625rem 0.9375rem;
  }
}

.pinned-header .right-col .finance-type {
  margin-right: 0;
  font-size: 0.875rem;
}

@media (min-width: 1024px) {
  .pinned-header .right-col .finance-type {
    margin: auto 0.2rem auto 0;
  }
}

@media (min-width: 1440px) {
  .pinned-header .right-col .finance-type {
    margin: auto 2.5rem auto 0;
  }
}

.pinned-header .right-col .finance-type .payment-type-label {
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .pinned-header .right-col .finance-type .payment-type-label {
    margin-left: 2.5rem;
  }
}

.pinned-header .right-col .continue {
  background-color: #ffffff;
  padding: 0.625rem 1rem;
  color: #002C5F;
  display: none;
}

@media (min-width: 1024px) {
  .pinned-header .right-col .continue {
    display: inherit;
  }
}

.pinned-header.hidden {
  display: none;
}

@media (min-width: 1024px) {
  .pinned-header .hide-from-md {
    margin-left: auto;
  }
}

.pinned-footer {
  position: fixed;
  bottom: 0;
  background-color: #002C5F;
  width: 100%;
  display: flex;
  color: #ffffff;
  padding: 0.625rem 1rem;
  z-index: 10;
  justify-content: center;
}

.pinned-footer .test-drive {
  width: 40%;
  display: flex;
  justify-content: space-between;
  background: none;
}

@media (min-width: 640px) {
  .pinned-footer .test-drive {
    width: 75%;
  }
}

@media (min-width: 1024px) {
  .pinned-footer .test-drive {
    width: 100%;
  }
}

.pinned-footer .test-drive button {
  width: auto;
}

.pinned-footer .test-drive-button {
  background: none;
  border: 0;
}

.pinned-footer .ivd-dual-ctas {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.pinned-footer .ivd-dual-ctas .button {
  border: 1px solid #ffffff;
}

.pinned-footer button {
  background-color: #ffffff;
  padding: 0 0.625rem;
}

.pinned-footer .continue {
  background-color: #ffffff;
  padding: 0.625rem 1rem;
  color: #002C5F;
}

.pinned-footer .continue .ivd-external-icon {
  margin-left: 0.25rem;
  margin-bottom: 0.1875rem;
  cursor: pointer;
}

.pinned-footer.hidden {
  display: none;
}

@media (min-width: 1024px) {
  .pinned-footer {
    display: none;
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  .test-drive svg {
    filter: none;
  }
}

.finance-header-v2 {
  padding-bottom: 0;
}

@media (min-width: 375px) {
  .finance-header-v2 {
    padding-bottom: 1.25rem;
  }
}

.finance-header-v2 label {
  font-size: 1.25rem;
  cursor: pointer;
}

.finance-header-v2 .payment-option-title span {
  font-size: 1rem;
}

@media (min-width: 1024px) {
  .finance-header-v2 .payment-option-title span {
    font-size: 1.25rem;
  }
}

.finance-header-v2 .btn-select-payent-option {
  margin: 0;
}

.finance-header-v2 .finance-checkbox-v2 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0;
  font-weight: 700;
  align-items: center;
}

.finance-header-v2 .finance-checkbox-v2 input[type="radio"] {
  transform: scale(1.5);
  margin-right: 1.25rem;
}

.finance-header-v2 .finance-checkbox-v2 .amount {
  font-size: 1rem;
}

@media (min-width: 1024px) {
  .finance-header-v2 .finance-checkbox-v2 .amount {
    font-size: 1.5625rem;
  }
}

.finance-header-v2 .finance-checkbox-v2 .perMonth {
  margin: auto;
}

@media (min-width: 1024px) {
  .finance-header-v2 .finance-checkbox-v2 .perMonth {
    margin: auto 0 0.25rem;
  }
}

.finance-header-v2 .description {
  width: 100%;
  padding: 1rem 0.5rem 0;
  text-align: center;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

@media (min-width: 640px) {
  .finance-header-v2 .description {
    padding: 1rem 1rem 0 1.8rem;
  }
}

@media (min-width: 1024px) {
  .finance-header-v2 .description {
    align-items: center;
    padding: 1rem 1rem 0 2rem;
  }
}

@media (min-width: 1440px) {
  .finance-header-v2 .description {
    padding: 1rem 1.5rem 0 2.5rem;
  }
}

.finance-header-v2 .description .format-description {
  display: inline-flex;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .finance-header-v2 .description .format-description {
    display: inline;
  }
}

@media (min-width: 1024px) {
  .finance-header-v2 .description .format-description {
    display: inline;
  }
}

.finance-header-v2 .expiration {
  font-style: italic;
  text-align: center;
  padding: 1.5rem 0.375rem 0 0;
  font-size: 0.75rem;
}

@media (min-width: 375px) {
  .finance-header-v2 .expiration {
    padding: 1.0625rem 0 0;
  }
}

@media (min-width: 1024px) {
  .finance-header-v2 .expiration {
    font-size: 0.875rem;
  }
}

.finance-header-v2 button {
  color: #002c5e;
  padding-bottom: 5px;
}

.finance-header-v2 button svg {
  height: 0.6875rem;
}

@media (min-width: 1024px) {
  .finance-header-v2 button svg {
    height: 0.75rem;
  }
}

.finance-header-v2 .financelogo {
  margin-left: -0.1875rem;
}

@media (min-width: 1024px) {
  .finance-header-v2 .testdrive-modal-form-radio-button {
    margin-right: 1.3125rem;
  }
}

@media (min-width: 1440px) {
  .finance-header-v2 .testdrive-modal-form-radio-button {
    margin-right: 1.5625rem;
  }
}

.finance-header-v2 .price-txt {
  margin-right: 0.625rem;
}

#payment-option-v2 {
  margin-top: 0;
}

.inventory-details-payment-options-v2.show-amazon-cta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}

@media (min-width: 1024px) {
  .inventory-details-payment-options-v2.show-amazon-cta {
    flex-direction: row;
  }
}

.inventory-details-payment-options-v2 .inventory-detail-amazon-ctb {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}

.inventory-details-payment-options-v2 .inventory-detail-amazon-icon {
  width: 3rem;
  height: 3rem;
}

@media (min-width: 1024px) {
  .inventory-details-payment-options-v2 .inventory-detail-amazon-icon {
    width: 2rem;
    height: 2rem;
  }
}

@media (min-width: 1440px) {
  .inventory-details-payment-options-v2 .inventory-detail-amazon-icon {
    width: 3rem;
    height: 3rem;
  }
}

.inventory-details-payment-options-v2 .inventory-detail-amazon-icon svg {
  width: 100%;
  height: 100%;
}

.inventory-details-payment-options-v2 .inventory-detail-amazon-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #002c5e;
}

.inventory-details-payment-options-v2 .inventory-detail-amazon-copy-shop {
  display: inline-flex;
  align-items: center;
}

.inventory-details-payment-options-v2 .inventory-detail-amazon-copy-shop svg {
  width: 0.625rem;
  height: 0.625rem;
  font-size: 0.625rem;
  margin-left: 0.3125rem;
}

.inventory-details-payment-options-v2 .payment-mode-v2 {
  padding: 1.25rem;
  border: 1px solid #e6e6e6;
  background-color: #f3f3f3;
}

@media (min-width: 375px) {
  .inventory-details-payment-options-v2 .payment-mode-v2 {
    padding: 1.25rem 1.25rem 0.5rem;
  }
}

@media (min-width: 1024px) {
  .inventory-details-payment-options-v2 .payment-mode-v2 {
    padding: 1.5rem 2rem;
  }
}

.inventory-details-payment-options-v2 .select-payment {
  font-size: 1.25rem;
}

@media (min-width: 1024px) {
  .inventory-details-payment-options-v2 .select-payment {
    font-size: 1.5rem;
  }
}

.inventory-details-payment-options-v2 span {
  font-size: 1rem;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .inventory-details-payment-options-v2 span {
    font-size: 0.875rem;
  }
}

.inventory-details-payment-options-v2 .price-buy-wrapper {
  line-height: 1.0625rem;
}

.inventory-details-payment-options-v2 .ips-clicktobuy-wrapper,
.inventory-details-payment-options-v2 .ips-clicktobuy-no-click-wrapper {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .inventory-details-payment-options-v2 .ips-clicktobuy-wrapper,
  .inventory-details-payment-options-v2 .ips-clicktobuy-no-click-wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-right: 0.625rem;
  }
}

.inventory-details-payment-options-v2 .ips-clicktobuy-wrapper svg,
.inventory-details-payment-options-v2 .ips-clicktobuy-no-click-wrapper svg {
  flex-shrink: 0;
  font-size: 0.625rem;
}

.inventory-details-payment-options-v2 .ips-clicktobuy-wrapper.set-stacked {
  flex-direction: column !important;
  padding: 0;
  margin: 0 !important;
}

.inventory-details-payment-options-v2 .ips-clicktobuy-no-click-wrapper {
  cursor: default;
}

.inventory-details-payment-options-v2 .ips-clicktobuy-icon-and-copy {
  display: flex;
  margin-bottom: 0.75rem;
  cursor: pointer;
}

@media (min-width: 640px) {
  .inventory-details-payment-options-v2 .ips-clicktobuy-icon-and-copy {
    margin: 0;
  }
}

.inventory-details-payment-options-v2 .ips-clicktobuy-copy-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.inventory-details-payment-options-v2 .price-and-buy {
  font-size: 0.875rem;
  color: #002c5e;
}

.inventory-details-payment-options-v2 .ips-clicktobuy-copy {
  width: auto;
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
}

.inventory-details-payment-options-v2 .ips-clicktobuy-copy.remove-bold {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 400;
}

.inventory-details-payment-options-v2 .price-and-buy-watch-wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.inventory-details-payment-options-v2 .price-and-buy-watch-wrapper a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.inventory-details-payment-options-v2 .price-and-buy-watch {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #002c5e;
  line-height: 1.25rem;
  margin-right: 0.3125rem;
}

.set-stacked .ips-clicktobuy-icon {
  width: 3rem;
  height: 3rem;
  margin-right: 0.875rem;
}

@media (min-width: 1024px) {
  .set-stacked .ips-clicktobuy-icon {
    width: 2rem;
    height: 2rem;
    margin-right: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .set-stacked .ips-clicktobuy-icon {
    width: 3rem;
    height: 3rem;
    margin-right: 0.875rem;
  }
}

.payment-mode-v2.selectedOption {
  border: 1px solid #00aad2;
  background-color: #ffffff;
}

.payment-mode-v2.deselectedOption {
  border: 0;
}

.close-payment {
  display: none;
  position: absolute;
  top: 0;
  color: #ffffff;
  right: 0;
  padding: 4px;
  background-color: #00aad2;
}

@media (min-width: 1024px) {
  .close-payment {
    padding: 0.4375rem;
  }
}

.close-payment svg {
  height: 0.75rem;
}

.payment-content {
  display: none;
}

.payment-option-disclaimer {
  padding: 1rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .payment-option-disclaimer {
    padding: 1rem 3rem;
  }
}

@media (min-width: 1024px) {
  .trim-features-section {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.125rem;
  }
}

.trim-features-section .trim-feature-item {
  display: flex;
  flex-basis: 50%;
  margin-top: 0.5rem;
  padding-right: 4rem;
  align-items: center;
}

.trim-features-section .trim-feature-item__icon {
  flex-basis: 2.5rem;
  min-height: 2.5rem;
  margin-right: 1rem;
}

.trim-features-section .trim-feature-item__text {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
}

@media (min-width: 1024px) {
  .trim-features-section .trim-feature-item {
    padding-right: 2rem;
  }
}

@media (min-width: 1440px) {
  .trim-features-section .trim-feature-item {
    margin-top: 1rem;
    padding-right: 4rem;
  }
}

@media print {
  .trim-features-section {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
  }
}

.plllocked-container .ips-lead-heading-text {
  width: 100%;
  font-size: 14px;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

.plllocked-container .form-check-consent::after {
  display: block;
}

.plllocked-container .form-uncheck-consent::after {
  display: none !important;
}

.flex {
  display: flex;
}

.vehicle-details .statusbar {
  padding: 1.25rem 1rem;
}

@media (min-width: 640px) {
  .vehicle-details .statusbar {
    padding: 1.25rem 2rem;
  }
}

@media (min-width: 1024px) {
  .vehicle-details .statusbar {
    padding: 1.25rem 2rem;
  }
}

@media (min-width: 1440px) {
  .vehicle-details .statusbar {
    padding: 1.25rem 7rem;
  }
}

.vehicle-details .statusbar .statusbar-content {
  align-items: center;
}

.ips-lead-modal-content-container .statusbar {
  padding: 1.25rem 2rem;
}

@media print {
  .scroll-lock .global-header,
  .scroll-lock .hma-page,
  .scroll-lock .footer {
    display: none;
  }
  .scroll-lock body {
    overflow-y: scroll;
    position: relative;
    top: 0 !important;
  }
  .scroll-lock .backdrop {
    background-color: transparent;
  }
  .scroll-lock.purchase-request-modal-on .hma-page {
    display: block;
  }
  .scroll-lock.purchase-request-modal-on .hma-page .find-a-dealer-nav,
  .scroll-lock.purchase-request-modal-on .sis,
  .scroll-lock.purchase-request-modal-on .inventory-detail-section {
    display: none !important;
  }
  .scroll-lock.purchase-request-modal-on .purchase-request-overlay-modal {
    position: relative;
  }
  .scroll-lock.purchase-request-modal-on .purchase-request-overlay__body {
    padding-top: 0;
  }
  .scroll-lock.purchase-request-modal-on .backdrop,
  .scroll-lock.purchase-request-modal-on .ips-lead-background {
    background-color: #ffffff;
  }
}

/* #endregion */
/* #region EV LIFE CALCULATOR */
.vdp-fuel-savings-calc {
  position: relative;
  display: flex;
  width: 100%;
  height: auto;
  padding: 0 1rem 1rem 1rem;
}

@media (min-width: 1024px) {
  .vdp-fuel-savings-calc {
    padding: 0;
  }
}

.vdp-fuel-savings-calc-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: auto;
  background-color: var(--fcs-background-color);
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 1.375rem;
}

.vdp-fsc-gradient {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--fcs-gradient);
  z-index: 1;
}

.vdp-fsc-watermark {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  width: 7.875rem;
  height: 7.875rem;
  z-index: 2;
}

.vdp-fsc-watermark svg {
  width: 100%;
  height: 100%;
}

.vdp-fsc-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.5rem;
  z-index: 3;
}

@media (min-width: 1024px) {
  .vdp-fsc-content-wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
}

.vdp-fsc-content-wrapper .vdp-fsc-content {
  display: flex;
  flex-direction: column;
}

.vdp-fsc-content-wrapper .vdp-fsc-icon {
  width: 1.5rem;
  height: 1.5625rem;
  margin-bottom: 1.5rem;
}

.vdp-fsc-content-wrapper .vdp-fsc-icon svg {
  width: 100%;
  height: 100%;
}

.vdp-fsc-content-wrapper .vdp-fsc-header {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  color: #ffffff;
}

.vdp-fsc-content-wrapper .vdp-fsc-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #ffffff;
  margin-top: 0.5rem;
}

.vdp-fsc-content-wrapper .vdp-fsc-cta {
  margin-top: 0.5rem;
}

.vdp-fsc-content-wrapper .vdp-fsc-cta button {
  width: -webkit-max-content;
  width: max-content;
}

.vdp-ev-life-modal-container {
  width: 100%;
  height: 100%;
}

.vdp-ev-life-modal-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  background-color: #ffffff;
  z-index: 1002;
}

@media (min-width: 640px) {
  .vdp-ev-life-modal-wrapper {
    width: 100%;
    max-height: 100vh;
  }
}

@media (min-width: 1024px) {
  .vdp-ev-life-modal-wrapper {
    width: 49.5rem;
    max-height: 65.75rem;
  }
}

@media (min-width: 1440px) {
  .vdp-ev-life-modal-wrapper {
    width: 76.375rem;
    max-height: 49.5625rem;
  }
}

.vdp-ev-life-modal {
  width: 100%;
  max-height: 100%;
  background-color: #ffffff;
}

.ev-life-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.875rem 2rem;
  background-color: #e6e6e6;
}

.ev-life-modal-header .ev-life-modal-header-text {
  color: #000000;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.125rem;
}

.ev-life-modal-header .ev-life-modal-close {
  display: flex;
}

.vdp-ev-life-modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1001;
}

/* #endregion */
/* #region PRICE DETAILS OVERLAY */
.vdp-price-details-overlay {
  width: 100%;
  height: 100dvh;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  background: #ffffff;
  overflow: hidden;
  z-index: 1002;
}

@media (min-width: 1024px) {
  .vdp-price-details-overlay {
    max-width: 49.0625rem;
    border-radius: 0.75rem;
    max-height: calc(100dvh - 144px);
  }
}

.vdp-price-details-overlay .finance-summary {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 1.25rem 1rem;
  margin: 1.875rem 0 0;
  background-color: #f3f3f3;
}

@media (min-width: 1024px) {
  .vdp-price-details-overlay .finance-summary {
    padding: 1.25rem 3.75rem;
  }
}

.vdp-price-details-overlay .trim-name-v2 {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  color: #333333;
}

.vdp-price-details-overlay .add-border-top {
  border-top: 0.0625rem solid #cccccc;
  padding: 1.375rem 0 0.75rem 0;
}

.vdp-price-details-overlay .model-name-section {
  display: flex;
  align-items: center;
}

.vdp-price-details-overlay .price-details-v2-exterior {
  display: none;
  height: 9.375rem;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 1024px) {
  .vdp-price-details-overlay .price-details-v2-exterior {
    display: block;
  }
}

@media print {
  .vdp-price-details-overlay .price-details-v2-exterior {
    height: 25rem;
    margin-top: 5rem;
    margin-bottom: 5rem;
    display: block;
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
  }
}

.vdp-price-details-overlay-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.vdp-price-details-overlay-backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1001;
}

.price-details-v2-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 1rem 1rem 0.5rem;
}

@media (min-width: 640px) {
  .price-details-v2-container {
    padding: 2rem 2rem 1.5rem;
  }
}

@media (max-width: 1023px) {
  .price-details-v2-container {
    gap: 1rem;
  }
}

@media (min-width: 1024px) {
  .price-details-v2-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.price-details-v2-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.625rem;
}

.price-details-v2-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

.price-details-v2-toolbar .price-details-v2-head {
  display: flex;
  gap: 0.5rem;
}

.price-details-v2-toolbar .price-details-v2-text-veh {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #333333;
  font-weight: 500;
  padding: 0.375rem 0.5rem;
  margin: auto;
  background: #f3f3f3;
  border-radius: 1.5rem;
  gap: 0.25rem;
  cursor: pointer;
}

.price-details-v2-toolbar .price-details-v2-text-veh svg {
  color: inherit;
  fill: none;
  width: 1rem;
  height: 1rem;
}

.price-details-v2-toolbar .price-details-v2-text-veh span {
  color: #002c5e;
  font-size: 0.875rem;
  line-height: 0.875rem;
}

.price-details-v2-toolbar .price-details-v2-print {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #333333;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.375rem 0.5rem;
  margin: auto;
  background: #f3f3f3;
  border-radius: 1.5rem;
  gap: 0.25rem;
  cursor: pointer;
}

.price-details-v2-toolbar .price-details-v2-print svg {
  color: inherit;
  fill: none;
  width: 0.6875rem;
  height: 0.75rem;
}

.price-details-v2-toolbar .price-details-v2-print span {
  color: #002c5e;
  font-size: 0.875rem;
  line-height: 0.875rem;
}

.price-details-v2-toolbar .price-details-v2-share {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #333333;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.375rem 0.5rem;
  margin: auto;
  background: #f3f3f3;
  border-radius: 1.5rem;
  gap: 0.25rem;
  cursor: pointer;
}

.price-details-v2-toolbar .price-details-v2-share svg {
  color: inherit;
  fill: none;
  width: 0.5625rem;
  height: 0.625rem;
}

.price-details-v2-toolbar .price-details-v2-share span {
  color: #002c5e;
  font-size: 0.875rem;
  line-height: 0.875rem;
}

@media (max-width: 639px) {
  .price-details-v2-toolbar .price-details-v2-close {
    top: 1.25rem;
    right: 1rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .price-details-v2-toolbar .price-details-v2-close {
    top: 2.375rem;
    right: 2rem;
  }
}

@media (max-width: 1023px) {
  .price-details-v2-toolbar .price-details-v2-close {
    position: absolute;
  }
}

.price-details-v2-toolbar .share-popup {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  top: 4.75rem;
  right: 3.125rem;
}

.price-details-v2-toolbar .share-popup-content-arrow {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: -0.5625rem;
  right: 2.5rem;
  overflow: hidden;
  transform: rotate(45deg);
  z-index: 2;
}

.price-details-v2-toolbar .share-popup-content-arrow:after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 0;
  top: 0;
  background: #ffffff;
  box-shadow: -0.125rem 0.25rem 0 rgba(0, 0, 0, 0.05);
}

.price-details-v2-toolbar .share-popup-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 19.0625rem;
  padding: 1.5rem;
  background: #ffffff;
  border-radius: 1rem;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.price-details-v2-toolbar .share-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #333333;
}

.price-details-v2-toolbar .share-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #333333;
}

.price-details-v2-toolbar .share-popup-content .share-textarea {
  width: 100%;
  resize: none;
  overflow: hidden;
  padding: 0.375rem;
  box-sizing: border-box;
  border-radius: 0.5rem;
  border: 0.0625rem solid #e6e6e6;
  background: #f3f3f3;
}

.price-details-v2-toolbar .share-close-button {
  background: none;
  border: none;
  cursor: pointer;
  position: absolute;
  right: -1.375rem;
  top: 0.25rem;
  padding: 0.375rem 2rem;
}

.price-details-v2-toolbar .share-close-button svg {
  fill: #002c5e;
}

.price-details-v2-body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  height: 9.625rem;
  padding: 2rem 1rem;
  background: #f3f3f3;
  overflow: hidden;
}

@media (min-width: 640px) {
  .price-details-v2-body {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  .price-details-v2-body {
    height: 10.5rem;
    padding: 0 3.75rem;
  }
}

.trim-details-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.trim-details-wrapper .trim-name-v2-details {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  color: #333333;
}

.trim-details-wrapper .trim-number-v2 {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #888888;
}

.price-details-v2-image-wrapper {
  display: flex;
  justify-content: flex-end;
}

.price-details-v2-summary-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.25rem 1rem;
  background-color: #e6e6e6;
}

@media (min-width: 640px) {
  .price-details-v2-summary-header {
    padding: 1.25rem 2rem;
  }
}

@media (min-width: 1024px) {
  .price-details-v2-summary-header {
    padding: 1.25rem 3.75rem;
  }
}

.price-details-v2-summary-header .pd-summary-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.625rem;
  color: #333333;
}

.price-details-v2-summary-header .toggle-all-sub-menus {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.125rem;
  color: #002c5e;
  text-decoration: underline;
  cursor: pointer;
}

.idpo-item-dropdown-v2-wrapper {
  width: 100%;
  padding: 1.375rem 1rem 0;
}

@media (min-width: 1024px) {
  .idpo-item-dropdown-v2-wrapper {
    padding: 1.375rem 3.75rem 0;
  }
}

.idpo-item-dropdown-v2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 1.875rem;
  border-bottom: 0.0625rem solid #bababa;
  cursor: pointer;
}

.idpo-item-dropdown-v2.open .idpo-item-label-v2 .icon {
  transform: rotate(180deg);
}

.idpo-item-dropdown-v2 .idpo-drawer-header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.idpo-item-dropdown-v2 .idpo-drawer-header-wrapper-inner {
  display: flex;
  align-items: center;
}

.idpo-item-title-v2 {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #333333;
}

.idpo-item-title-v2-shown {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
}

.idpo-accordion {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  padding-left: 2.125rem;
  margin-top: 1.875rem;
}

.idpo-accordion .idpo-accessories {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
}

.idpo-accordion .idpo-submenu-header {
  cursor: pointer;
}

.idpo-accordion .idpo-submenu-header.open .icon {
  transform: rotate(180deg);
}

.idpo-accordion .idpo-accessories-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}

.idpo-accordion .idpo-accessories-wrapper svg {
  width: 0.625rem;
  height: 0.375rem;
}

.idpo-accordion .idpo-accessories-header,
.idpo-accordion .idpo-accessories-header-price,
.idpo-accordion .idpo-accessories-name,
.idpo-accordion .idpo-accessories-price {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
}

.idpo-accordion .idpo-accessories-header .icon,
.idpo-accordion .idpo-accessories-header-price .icon,
.idpo-accordion .idpo-accessories-name .icon,
.idpo-accordion .idpo-accessories-price .icon {
  width: 0.75rem;
  height: 0.75rem;
}

.idpo-accordion .idpo-submenu {
  padding-left: 2.125rem;
}

.idpo-accordion .idpo-accessories-name {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 400;
}

.idpo-accordion .idpo-accessories-price {
  flex-shrink: 0;
  font-weight: 400;
}

.idpo-accordion .dio-accessories-name {
  color: #333333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}

.idpo-accessories-header .idpo-accessories-tooltip-wrap {
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}

.idpo-accessories-header .idpo-accessories-item-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}

.idpo-accessories-header .idpo-accessories-item-name .icon {
  width: 0.75rem;
  height: 0.75rem;
}

.idpo-accordion-isTekion .idpo-accessories-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1 0 0;
}

.idpo-accordion-isTekion .idpo-accessories-label span svg {
  width: 0.625rem;
  height: 0.625rem;
  fill: none;
}

.idpo-accordion-isTekion .idpo-tooltip-remove {
  width: 0.625rem;
  height: 0.625rem;
  color: #333333;
}

.idpo-accordion-isTekion .idpo-tooltip {
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.idpo-accordion-isTekion .idpo-tooltip-btn {
  color: #002c5e;
}

.idpo-accordion-isTekion .idpo-tooltip-btn svg {
  fill: none;
}

.idpo-accordion-isTekion .idpo-accessories-header {
  position: relative;
}

.idpo-spp-accessories-tekion {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.25rem;
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  .idpo-spp-accessories-tekion {
    flex-wrap: nowrap;
    align-items: center;
  }
}

.idpo-spp-accessories-tekion .idpo-accessories-header {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  order: 1;
}

.idpo-spp-accessories-tekion .idpo-accessories-terms-wrapper {
  display: flex;
  align-items: center;
  order: 3;
  flex-basis: 100%;
  justify-content: flex-start;
}

@media (min-width: 1024px) {
  .idpo-spp-accessories-tekion .idpo-accessories-terms-wrapper {
    order: 2;
    flex-basis: auto;
    margin-left: auto;
  }
}

.idpo-spp-accessories-tekion .idpo-accessories-header-price {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  order: 2;
  margin-left: auto;
}

@media (min-width: 1024px) {
  .idpo-spp-accessories-tekion .idpo-accessories-header-price {
    order: 3;
    margin-left: 1.875rem;
  }
}

.idpo-accessories-header-tekion {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.idpo-accessories-header-tekion .idpo-accessories-item-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}

.idpo-accessories-header-tekion .idpo-accessories-item-name .icon {
  width: 0.75rem;
  height: 0.75rem;
}

.idpo-accessories-header-tekion .idpo-accessories-tooltip-wrap {
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}

.idpo-accordion-isTekion .idpo-tooltip-modal {
  width: 100%;
  max-width: 30rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  background: #ffffff;
  border: 0.0625rem solid #ededed;
  border-radius: 1.25rem;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  padding: 1.5rem;
  cursor: default;
  z-index: 1300;
}

@media (min-width: 1024px) {
  .idpo-accordion-isTekion .idpo-tooltip-modal {
    width: 30rem;
    max-width: none;
    position: absolute;
    top: auto;
    bottom: 1.625rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

.idpo-accordion-isTekion .idpo-tooltip-backdrop {
  width: 100%;
  height: 100%;
  max-width: 64rem;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  padding: 5.3125rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  z-index: 1299;
}

@media (min-width: 1024px) {
  .idpo-accordion-isTekion .idpo-tooltip-backdrop {
    display: none;
  }
}

.idpo-accordion-isTekion .idpo-tooltip-modal-arrow {
  width: 0.75rem;
  height: 1.5rem;
  position: absolute;
  bottom: -0.5rem;
  right: calc(50% - 8px);
  overflow: hidden;
  transform: rotate(45deg);
}

@media (max-width: 1023px) {
  .idpo-accordion-isTekion .idpo-tooltip-modal-arrow {
    display: none;
  }
}

.idpo-accordion-isTekion .idpo-tooltip-modal-arrow:after {
  content: "";
  width: 0.75rem;
  height: 1.5rem;
  position: absolute;
  left: 0;
  top: 0;
  background: #ffffff;
  border: 0.0625rem solid #ededed;
  border-right: none;
  border-left: none;
  border-top: none;
}

.idpo-accordion-isTekion .idpo-tooltip-modal-close {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.375rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}

.idpo-accordion-isTekion .idpo-tooltip-modal-close svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  stroke-width: 0.0625rem;
  stroke: #002c5e;
}

.idpo-accordion-isTekion .idpo-tooltip-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.3125rem;
  align-self: stretch;
  font-size: 0.75rem;
}

.idpo-accordion-isTekion .idpo-tooltip-content h2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  color: #333333;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.idpo-accordion-isTekion .idpo-tooltip-content h2 span {
  font-size: 1.125rem;
  font-weight: 500 !important;
}

.idpo-accordion-isTekion .idpo-tooltip-content p {
  display: inline;
  color: #333333;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}

.idpo-accordion-isTekion .idpo-tooltip-content a {
  color: #002c5e;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  text-decoration: underline;
}

.idpo-accordion-isTekion .idpo-tooltip-content ul {
  padding-left: 1.5rem;
}

.idpo-item-label-v2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-right: 0.25rem;
}

.idpo-item-label-v2 .icon {
  flex-basis: 1.25rem;
  min-width: 1.25rem;
  border: 0.5px solid #002c5e;
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.25rem;
  margin-right: 0.625rem;
  color: #002c5e;
}

@media (min-width: 640px) {
  .idpo-item-label-v2 .icon {
    flex-basis: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.375rem;
  }
}

.idpo-accessories-total-price {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #333333;
}

.idpo-total-price-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.375rem 1rem;
}

@media (min-width: 1024px) {
  .idpo-total-price-wrapper {
    padding: 1.25rem 3.75rem;
  }
}

.idpo-total-price-wrapper .idpo-total-price {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  color: #333333;
}

.price-details-v2-half-second {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  padding: 1.25rem 1rem;
}

@media (min-width: 1024px) {
  .price-details-v2-half-second {
    padding: 1.25rem 3.75rem 0;
  }
}

.price-details-v2-packages {
  display: flex;
  justify-content: space-between;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #000000;
}

.price-details-v2-packages span {
  font-size: 0.875rem;
  display: inline-flex;
}

.price-details-v2-packages .net-dealer-price {
  color: #333333;
  font-size: 1rem;
  font-weight: 700;
}

/* #endregion */
/* #region HEY HYUNDAI CHAT OVERRIDE */
@media (min-width: 1024px) {
  body.chat-opened .inventory-detail-cols-v2 {
    display: flex;
    justify-content: flex-start;
    gap: 1.25rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .inventory-detail-cols-v2 {
    display: flex;
    align-items: stretch;
    gap: 5rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .inventory-detail-cols-v2 {
    display: flex;
    align-items: stretch;
    gap: 6.25rem;
    padding: 2rem 4.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .inventory-detail-col-main-v2 {
    max-width: 50%;
    flex-basis: 50%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .inventory-detail-col-main-v2 {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
    padding-right: 5rem;
    order: -1;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .inventory-detail-col-main-v2 {
    padding-right: 7.5rem;
  }
}

@media (min-width: 1024px) and (max-width: 2560px) {
  body.chat-opened .inventory-detail-col-aside-v2 {
    max-width: 50%;
    flex-basis: 50%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .inventory-detail-col-aside-v2 {
    max-width: 50%;
    flex-basis: 50%;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .inventory-detail-col-aside-v2 {
    max-width: 50%;
    flex-basis: 50%;
    padding-right: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .plllocked-container {
    position: fixed;
    display: flex;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100vw - 375px);
    z-index: 1008;
    transform: translateZ(0);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vdp-ev-life-modal-wrapper {
    position: fixed;
    display: flex;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100vw - 375px);
    z-index: 1008;
    transform: translateZ(0);
  }
}

/* #endregion */

.idd {
  display: flex;
  align-items: flex-start;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .idd {
    padding: 0 2.625rem 2rem;
  }
}

@media (min-width: 1440px) {
  .idd {
    padding: 0 0 2rem 4.5rem;
  }
}

@media (max-width: 1023px) {
  .idd {
    padding: 0 2rem 2rem;
  }
}

@media (max-width: 639px) {
  .idd {
    padding: 1rem;
  }
}

.idd-container {
  display: flex;
}

@media (min-width: 1024px) {
  .idd-container {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
    padding-right: 5rem;
  }
}

@media (min-width: 1440px) {
  .idd-container {
    padding-right: 10.625rem;
  }
}

@media (max-width: 1023px) {
  .idd-container {
    flex-wrap: wrap;
  }
}

.idd-container a {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
  color: #002c5e;
}

.idd-container .icon {
  margin-left: 0.125rem;
  width: 0.6em;
  height: 0.6em;
  display: inline-block;
}

.idd-item-col-left {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (min-width: 1024px) {
  .idd-item-col-left {
    flex-basis: 50%;
  }
}

.idd-item-col-right {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

@media (min-width: 1024px) {
  .idd-item-col-right {
    flex-basis: 50%;
  }
}

.idd-title-container {
  padding: 0 1rem;
}

.idd-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  margin-bottom: 0.5625rem;
  margin-top: 3rem;
}

@media (min-width: 640px) {
  .idd-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-bottom: 1rem;
    margin-top: 2.9375rem;
  }
}

@media (min-width: 1024px) {
  .idd-title {
    margin-top: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .idd-title {
    margin-top: 5rem;
  }
}

.idd-dealer-distance {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 0.5rem;
}

.idd-dealer-name {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  padding-right: 0.625rem;
}

.idd-dealer-address {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  margin: 0 0 0.5rem;
  overflow-wrap: break-word;
  padding-right: 0.5rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .idd-dealer-address {
    margin-bottom: 0.5rem;
    max-width: 100%;
    width: 100%;
  }
}

.idd-dealer-link {
  margin-top: 2rem;
}

@media (max-width: 639px) {
  .idd-map-img-container {
    order: 2;
  }
}

.idd-test-drive-link {
  margin-top: 1.5rem;
}

@media (max-width: 1023px) {
  .idd-test-drive-link {
    margin-bottom: 1.5rem;
    order: 1;
  }
}

.idd-test-drive-link .button {
  color: #ffffff;
  width: 13.375rem;
}

.inventory-detail-control-bar {
  background-color: #ffffff;
  padding: 1rem 1rem;
}

@media (min-width: 640px) {
  .inventory-detail-control-bar {
    padding: 1.5rem 2rem;
  }
}

.inventory-detail-control-bar-contain {
  display: flex;
  justify-content: space-between;
  max-width: 1440px;
  margin: 0 auto;
}

.inventory-detail-control-bar-side-container {
  display: flex;
  justify-content: flex-start;
  position: relative;
  z-index: 301;
  max-width: 1440px;
}

@media (min-width: 640px) {
  .inventory-detail-control-bar-side-container {
    margin: 0 auto 0 1.25rem;
  }
}

@media (min-width: 1024px) {
  .inventory-detail-control-bar-side-container {
    margin: 0 auto 2rem;
  }
}

@media (min-width: 1440px) {
  .inventory-detail-control-bar-side-container {
    margin-bottom: 2rem;
  }
}

.inventory-detail-control-bar-right > * {
  margin-left: 1.5rem;
}

@media (max-width: 639px) {
  .inventory-detail-control-bar-right > * {
    margin: 0 0.625rem;
  }
}

@media (min-width: 320px) and (max-width: 639px) {
  .inventory-detail-control-bar-right {
    justify-content: center;
    padding: 1rem 1rem 0.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .inventory-detail-control-bar-right {
    justify-content: center;
    padding: 0rem 5rem 1.5rem 0rem;
    margin: 0;
  }
}

.inventory-detail-control-bar-btn:first-child {
  margin-left: 0;
}

.inventory-detail-control-bar-dropdown-close,
.inventory-detail-control-bar-btn {
  align-items: center;
  color: var(--control-bar-color, #ffffff);
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: none;
}

.inventory-detail-control-bar-dropdown-close .icon,
.inventory-detail-control-bar-btn .icon {
  color: var(--control-bar-color, #ffffff);
  flex-shrink: 0;
  margin-right: 0.5rem;
}

.inventory-detail-control-bar-dropdown-close:hover, .inventory-detail-control-bar-dropdown-close:focus,
.inventory-detail-control-bar-dropdown-close:hover .icon,
.inventory-detail-control-bar-dropdown-close:focus .icon,
.inventory-detail-control-bar-btn:hover,
.inventory-detail-control-bar-btn:focus,
.inventory-detail-control-bar-btn:hover .icon,
.inventory-detail-control-bar-btn:focus .icon {
  color: var(--control-bar-hover-color, #8ce7fc);
}

@media print {
  .inventory-detail-control-bar-dropdown-close span,
  .inventory-detail-control-bar-btn span {
    color: #002c5e;
  }
  .inventory-detail-control-bar-dropdown-close .icon,
  .inventory-detail-control-bar-btn .icon {
    color: #002c5e;
  }
}

.inventory-detail-control-bar-dropdown-close {
  width: 100%;
}

.inventory-detail-control-bar-dropdown-close .icon {
  height: 0.75rem;
  margin-left: 0.3125rem;
  margin-right: 0;
  width: 0.75rem;
  color: #002c5e;
}

.inventory-detail-control-bar-dropdown-close .icon:hover, .inventory-detail-control-bar-dropdown-close .icon:focus {
  color: var(--control-bar-hover-color, #8ce7fc);
}

.inventory-detail-control-bar-dropdown-close span, .inventory-detail-control-bar-dropdown-close svg {
  color: #002c5e;
}

.inventory-detail-control-bar-dropdown-close span:hover, .inventory-detail-control-bar-dropdown-close span:focus, .inventory-detail-control-bar-dropdown-close svg:hover, .inventory-detail-control-bar-dropdown-close svg:focus {
  color: var(--control-bar-hover-color, #8ce7fc);
}

.inventory-detail-control-bar-dropdown-close:hover .icon, .inventory-detail-control-bar-dropdown-close:hover svg, .inventory-detail-control-bar-dropdown-close:hover svg.icon, .inventory-detail-control-bar-dropdown-close:focus .icon, .inventory-detail-control-bar-dropdown-close:focus svg, .inventory-detail-control-bar-dropdown-close:focus svg.icon {
  color: var(--control-bar-hover-color, #8ce7fc) !important;
}

@media (max-width: 639px) {
  .inventory-detail-control-bar-btn-print {
    display: none;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .inventory-detail-control-bar-btn-print {
    display: none;
  }
}

.inventory-detail-control-bar-btn-print .icon {
  height: 1.0625rem;
  width: 0.75rem;
}

.inventory-detail-control-bar-saved-icon .icon,
.inventory-detail-control-bar-save-icon .icon {
  height: 1.0625rem;
  width: 1.0625rem;
}

.inventory-detail-control-bar-save-icon {
  display: flex;
}

.inventory-detail-control-bar-save-icon.saved {
  color: var(--control-bar-hover-color, #00aad2);
}

.inventory-detail-control-bar-dropdown {
  display: flex;
}

.inventory-detail-control-bar-dropdown.dropdown-open .dropdown-button .icon {
  color: var(--control-bar-hover-color, #8ce7fc);
  fill: currentColor;
  transform: none;
}

.inventory-detail-control-bar-dropdown .dropdown-button {
  height: auto;
  padding: 0;
  background: none;
}

.inventory-detail-control-bar-dropdown .dropdown-button .icon {
  height: 1rem;
  width: 1rem;
}

.inventory-detail-control-bar-dropdown .dropdown-panel {
  background-color: #ffffff;
  box-shadow: 0 5px 15px 0 rgba(186, 186, 186, 0.25);
  padding: 1.25rem 0 0.9375rem;
  left: -0.75rem;
  right: -0.75rem;
}

.inventory-detail-control-bar-dropdown .dropdown-items {
  padding: 0;
  margin: 0;
}

.inventory-detail-control-bar-dropdown .dropdown-item {
  min-height: auto;
  padding: 0.2rem 0;
  margin-bottom: 0.5rem;
}

.inventory-detail-control-bar-dropdown .dropdown-item:before {
  background-color: transparent;
  height: 0;
}

.inventory-detail-control-bar-dropdown .dropdown-item:hover {
  background-color: white;
}

.inventory-detail-control-bar-dropdown .dropdown-item a {
  color: #bababa;
  margin: 0;
  width: 100%;
}

.inventory-detail-control-bar-dropdown .dropdown-item a:hover, .inventory-detail-control-bar-dropdown .dropdown-item a:focus {
  color: #00aad2;
}

.inventory-detail-control-bar-dropdown .dropdown-item svg {
  fill: currentColor;
  margin: 0 auto;
  width: 1.25rem;
}

@media (min-width: 640px) {
  .inventory-detail-control-bar-modal-container .modal-box {
    max-width: 28.75rem;
  }
}

.inventory-detail-control-bar-modal-container .modal-content {
  padding: 3.125rem 2rem 2.3125rem 2.5rem;
}

@media (min-width: 640px) {
  .inventory-detail-control-bar-modal-container .modal-content {
    padding: 2.875rem 2.5rem 2.5rem;
  }
}

.inventory-detail-control-bar-modal-header {
  align-items: center;
  display: flex;
  padding-bottom: 1.5625rem;
}

@media (min-width: 640px) {
  .inventory-detail-control-bar-modal-header {
    border-bottom: 1px solid #e6e6e6;
  }
}

.inventory-detail-control-bar-modal-header-text {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
}

.inventory-detail-control-bar-modal-header-check {
  flex-shrink: 0;
  height: 1.6875rem;
  margin-right: 0.75rem;
  position: relative;
  width: 2rem;
}

.inventory-detail-control-bar-modal-header-check:before {
  content: '';
  border: solid #00aad2;
  border-width: 0 5px 5px 0;
  display: inline-block;
  height: 1.875rem;
  left: 0.5rem;
  position: absolute;
  top: -0.5rem;
  transform: rotate(40deg);
  width: 0.9375rem;
}

.inventory-detail-control-bar-modal-text {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .inventory-detail-control-bar-modal-text {
    padding-top: 1rem;
  }
}

.inventory-detail-control-bar-modal-form {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .inventory-detail-control-bar-modal-form {
    max-width: 15.75rem;
  }
}

.inventory-detail-control-bar-modal-label span {
  color: #888888;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding-bottom: 0.25rem;
}

.inventory-detail-control-bar-modal-input {
  border: 1px solid #e6e6e6;
  color: #bababa;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 0.625rem 1.0625rem;
  width: 100%;
}

.inventory-detail-control-bar-modal-submit {
  margin-top: 1.6875rem;
}

@media (min-width: 640px) {
  .inventory-detail-control-bar-modal-submit {
    margin-top: 2rem;
  }
}

.idh-v2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

@media (min-width: 640px) {
  .idh-v2 {
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .idh-v2 {
    gap: 1.75rem;
  }
}

.idh-v2-image {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.8125rem;
}

.idh-v2-image-disclaimer {
  font-weight: 700;
  font-size: 0.75rem;
  color: #888888;
  line-height: 1rem;
}

.idh-v2-more-photos {
  position: relative;
  cursor: pointer;
}

@media print {
  .idh-v2-more-photos {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
  }
}

.idh-v2-more-photos-image {
  width: 5.75rem;
  height: 3.4375rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.idh-v2-more-photos-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.idh-v2-more-photos-copy {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1rem;
  z-index: 2;
}

.idh-v2-media-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1200;
}

.idh-v2-media-modal-overlay {
  width: 100%;
  max-width: 40rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  z-index: 1202;
}

.idh-v2-media-modal-overlay-oem {
  width: 100%;
  max-width: 40rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  z-index: 1202;
}

@media (min-width: 640px) {
  .idh-v2-media-modal-overlay-oem {
    max-width: 40rem;
  }
}

@media (min-width: 1024px) {
  .idh-v2-media-modal-overlay-oem {
    max-width: 48rem;
  }
}

@media (min-width: 1440px) {
  .idh-v2-media-modal-overlay-oem {
    max-width: 67.5625rem;
  }
}

@media (min-width: 1920px) {
  .idh-v2-media-modal-overlay-oem {
    max-width: 89.5625rem;
  }
}

.idh-v2-media-modal-controls {
  position: absolute;
  top: 1rem;
  right: 1rem;
  max-width: 11rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  z-index: 1101;
}

.idh-v2-media-modal-navigation {
  width: 8.125rem;
  height: 2.125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 101;
}

.idh-v2-media-modal-navigation .swiper-button-prev,
.idh-v2-media-modal-navigation .swiper-button-next {
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  top: unset;
  font-size: 1.875rem;
  color: #ffffff;
  fill: #ffffff;
  margin: 0;
}

.idh-v2-media-modal-navigation .swiper-button-prev:after,
.idh-v2-media-modal-navigation .swiper-button-next:after {
  content: '';
}

.idh-v2-media-modal-navigation .swiper-button-prev svg,
.idh-v2-media-modal-navigation .swiper-button-next svg {
  fill: currentColor;
}

.idh-v2-media-modal-close {
  background: none;
  border: none;
  color: #ffffff;
  padding: 0.5625rem;
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}

.idh-v2-media-modal-navigation-page {
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.375rem;
}

.idh-v2-media-modal-backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1201;
}

@charset "UTF-8";
.ips-lead-modal.modal {
  display: flex;
  position: relative !important;
}

.ips-lead-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
}

.ips-lead-modal-box {
  z-index: 1001;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  margin: 0;
}

@media (min-width: 1024px) {
  .ips-lead-modal-box {
    max-width: 40rem;
    margin: auto;
  }
}

.ips-lead-modal-box-content {
  width: 100%;
}

.ips-lead-modal-header {
  background-color: #f3f3f3;
  color: #002c5e;
  font-size: 1rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  display: flex;
  position: relative;
  justify-content: space-between;
  padding: 1.25rem 1rem;
}

@media (min-width: 640px) {
  .ips-lead-modal-header {
    padding: 1.25rem 2rem;
  }
}

.ips-lead-modal-heading {
  color: #333333;
}

.ips-lead-modal-description {
  color: #333333;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.625rem;
  display: inline-flex;
}

.ips-lead-modal-description .ips-lead-heading-text {
  width: 80%;
}

.ips-lead-modal-description svg {
  width: 3.0625rem;
  height: 4.625rem;
  margin-left: auto;
}

.ips-lead-modal-body {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #888888;
  padding: 1.5rem 1rem;
}

@media (min-width: 640px) {
  .ips-lead-modal-body {
    padding: 1.5rem 2rem;
  }
}

@media (min-width: 640px) {
  .ips-lead-modal-form-user-info-fieldset {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .ips-lead-modal-form-user-info-fieldset .ips-lead-modal-form-hint {
    flex-basis: 100%;
    width: 100%;
  }
  .ips-lead-modal-form-user-info-fieldset .ips-lead-modal-form-input-wrapper {
    flex-basis: 45%;
    max-width: 45%;
  }
}

.ips-lead-modal-form-fieldset {
  border: none;
  padding: 0;
  margin: 0;
  margin-top: 1.75rem;
}

.ips-lead-modal-form-fieldset fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

.ips-lead-modal-form-hint {
  color: #333333;
}

.ips-lead-model-fieldset {
  margin-bottom: 1.5625rem;
}

.ips-lead-modal-form-label {
  color: #888888;
  display: block;
  margin-top: 1rem;
  text-transform: capitalize;
}

.ips-lead-form-input-error {
  border: 1px solid #e63312;
}

.ips-lead-modal-form-input {
  display: block;
  width: 100%;
  border: 1px solid #e6e6e6;
  margin-top: 0.25rem;
  padding: 0.625rem 0.75rem;
  outline: none;
  font-size: 1rem;
}

.ips-lead-modal-form-contact-option {
  position: relative;
  color: #333333;
  margin: 0.625rem 0.625rem 0 0;
  display: inline-flex;
  align-items: flex-end;
}

.ips-lead-modal-form-custom-radio {
  display: flex;
  align-items: center;
}

.ips-lead-modal-form-radio-input:checked ~ .ips-lead-modal-form-custom-radio .form-radio-button {
  border-color: #00aad2;
}

.ips-lead-modal-form-radio-input:checked ~ .ips-lead-modal-form-custom-radio .form-radio-button:after {
  display: block;
}

.ips-lead-modal-phone-number-form {
  margin: 1.5rem auto;
}

.ips-lead-modal-phone-number-form-show {
  display: block;
}

@media (min-width: 640px) {
  .ips-lead-modal-phone-number-form .ips-lead-phone-number-input {
    width: 45%;
  }
}

.ips-lead-modal-phone-number-form-agreement {
  display: flex;
  margin: 1.5rem auto;
  position: relative;
  flex-wrap: wrap;
}

.ips-lead-modal-phone-number-form-agreement .form-checkbox-input:focus + .form-checkbox-box {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .ips-lead-modal-phone-number-form-agreement .form-checkbox-input:focus + .form-checkbox-box {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.ips-lead-modal-phone-number-form-text {
  margin-left: 1.5625rem;
  line-height: 1.25rem;
  flex-basis: 100%;
  width: 100%;
}

.ips-lead-modal-form-radio-button {
  position: relative;
  margin-right: 0.5rem;
  display: inline-block;
}

.ips-lead-modal-error-msg {
  color: #e63312;
  margin-top: 0.5rem;
}

.ips-lead-footer-text {
  padding-top: 1.75rem;
  position: relative;
}

.ips-lead-footer-text:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: #bababa;
}

.ips-lead-footer-text.agree-text a  {
  color: #002c5e;
  text-decoration: none;
}

.ips-lead-footer-text a {
  color: #002c5f;
  font-weight: 700;
}

.ips-lead-form-zip-code {
  position: relative;
}

.ips-lead-form-zip-code .ips-lead-form-input-zipcode {
  padding-left: 2.25rem;
}

.ips-lead-form-zip-code .icon-location-thick {
  position: absolute;
  top: 50%;
  height: 2rem;
  margin-top: -1rem;
  margin-left: 0.75rem;
}

.ips-lead-form-zip-code .ips-lead-form-input-zipcode:disabled {
  background: none;
  border: none;
  font-weight: 700;
  padding-left: 1.5rem;
}

.ips-lead-form-zip-code .ips-lead-form-input-zipcode:disabled + svg {
  margin-left: 0;
}

.ips-lead-submit-btn {
  display: block;
  height: 2.75rem;
  padding: 0 1.75rem;
  margin-top: 1.875rem;
  font-size: 1rem;
}

.ips-lead-submit-btn svg {
  display: inline-block;
  margin-left: 0.5rem;
}

.ips-lead-loading {
  display: flex;
  align-items: center;
  height: 2.75rem;
  margin-top: 1.875rem;
}

.ips-lead-loading-indicator {
  position: relative;
  width: 1.5625rem;
  height: 1.5625rem;
  margin-right: 0.625rem;
}

.ips-lead-loading-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #888888;
  line-height: 1.25rem;
}

.ips-modal-content {
  visibility: hidden;
}

.ips-modal-content.carousel-initialized {
  visibility: visible;
}

.ips-container {
  margin-bottom: 3rem;
}

@media (min-width: 1024px) {
  .ips-container {
    margin: 0;
  }
}

@media (min-width: 640px) {
  .ips-container {
    margin: 0;
  }
}

@media (min-width: 1440px) {
  .ips-container {
    margin: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ips-container {
    margin: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ips-container {
    margin: 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .ips-container {
    margin: 0;
  }
}

.ips-car-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.375rem;
  padding-bottom: 0.125rem;
  font-size: 1rem;
}

.ips-car-name span {
  display: block;
  font-size: 1.875rem;
  line-height: 2.25rem;
}

@media (min-width: 1024px) {
  .ips-car-name span {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ips-car-name span {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ips-car-name span {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

.ips-vin {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333333;
}

.ips-vin svg {
  display: inline-block;
  margin-left: 0.1875rem;
}

a.ips-vin, p.ips-vin {
  color: #002c5e;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
}

.ips-external-icon {
  display: inline-block;
  margin-left: 0.3125rem;
}

.ivd-external-icon {
  display: inline-block;
  margin-left: 0.3125rem;
  height: 0.875rem !important;
  width: 0.875rem !important;
}

.ivd-external-icon .icon {
  width: 100% !important;
  height: auto !important;
}

.ips-vehicle-delivery {
  display: inline-block;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  background-color: #ffffff;
  padding: 0.125rem 0.375rem;
  margin-top: 0.875rem;
}

.ivd-icon-review {
  display: inline-block;
  height: 0.625rem !important;
  width: 0.625rem !important;
}

.ivd-icon-review .icon {
  margin: 0 0 0.3125rem 0.3125rem !important;
}

.ips-review {
  align-items: center;
  display: flex;
}

.ips-review-star-container {
  display: flex;
  margin-right: 0.4375rem;
  margin-top: -0.125rem;
}

.ips-review-star-container .icon {
  height: 0.75rem;
  width: 0.75rem;
  margin-right: 0.125rem;
}

.ips-clicktobuy-support {
  display: flex;
  margin-top: 1.375rem;
}

.ips-clicktobuy-icon {
  flex-shrink: 0;
  display: inline-block;
  width: 3.125rem;
  margin-right: 0.875rem;
}

.ips-clicktobuy-icon svg {
  width: 100%;
  height: 100%;
  fill: #002c5e;
}

.ips-clicktobuy-copy {
  width: 12.1875rem;
  font-size: 1rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.25rem;
}

.ips-vin-cta {
  text-decoration: none;
}

.ips-vin-cta-button {
  display: block;
  width: 100%;
  height: 2.75rem;
  padding: 0 1.75rem;
  margin-top: 1rem;
  font-size: 1rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

.ips-vin-cta-button svg {
  display: inline-block;
  margin-left: 0.5rem;
}

@media print {
  .ips-vin-cta-button {
    background: none;
    color: #666666;
  }
}

.ips-vin-cta-purchase-button {
  margin-top: 1.875rem;
}

@media print {
  .ips-vin-cta-purchase-button {
    background: none;
    color: #666666;
  }
}

.ips-review-link {
  align-items: center;
  color: #002c5e;
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
}

.ips-review-link .icon {
  height: 0.875rem;
  margin-left: 0.5rem;
  width: 0.3125rem;
}

.ivd-finance-estimator-link .icon {
  height: 0.875rem;
  margin-left: 0.5rem;
  width: 0.3125rem;
}

.ips-table {
  margin: 2rem 0 0 0;
  background-color: #f3f3f3;
  padding: 1.5rem 1rem 0 1rem;
}

@media (min-width: 640px) {
  .ips-table {
    padding: 1.5rem 2rem 0 2rem;
  }
}

@media (min-width: 1024px) {
  .ips-table {
    padding: 1.75rem 1.5rem 0 1.5rem;
  }
}

@media (min-width: 1440px) {
  .ips-table {
    padding: 2.875rem 2.5rem 0 2.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ips-table {
    padding: 1.5rem 2rem 0 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ips-table {
    padding: 1.75rem 1.5rem 0 1.5rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .ips-table {
    padding: 2.875rem 2.5rem 0 2.5rem;
  }
}

.ips-table-row {
  border-bottom: 0.0625rem solid #bababa;
  display: flex;
  font-weight: 400;
  justify-content: space-between;
  line-height: 1.375rem;
  padding: 0.5rem 0;
}

.ips-table-row .tooltip-trigger {
  vertical-align: top;
}

.ips-table-row:last-of-type {
  border: none;
}

.ips-table-row:last-of-type.ips-table-row-monthly {
  border-top: 0.0625rem solid #bababa;
}

.ips-table-row .ips-dt {
  margin-right: 0.75rem;
}

.ips-contact-dealer {
  border-bottom: 0.0625rem solid #bababa;
  padding-bottom: 1.0625rem;
}

.ips-price-header {
  border-bottom: 0.0625rem solid #bababa;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  text-align: left;
  line-height: 1.875rem;
  padding-bottom: 1.25rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

.ips-table-row-big {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.ips-table-row-big .ips-dt {
  font-weight: 400;
}

.ips-table-row-big .ips-dd {
  font-weight: 500;
}

.ips-table-row-total {
  border: none;
  font-weight: 500;
  padding: 1rem 0;
}

.ips-table-row-total-top {
  font-weight: 500;
  padding: 1rem 0;
}

.ips-table-row-monthly {
  border-bottom: none;
  font-weight: 500;
  padding: 1rem 0 0.5rem;
}

.ips-table-row-monthly span {
  color: #888888;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.ips-payment-link {
  color: #002c5e;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding: 0.9375rem 0 1.0625rem 0;
  text-decoration: none;
  margin-left: auto;
}

.ips-payment-link .icon {
  display: inline-block;
  height: 0.75rem;
  width: 0.5625rem;
  fill: #002c5e;
}

.ips-request-quote {
  margin-top: 2rem;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .ips-request-quote {
    padding: 0 2rem;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .ips-request-quote {
    padding: 0 1.5rem;
    margin: 0;
  }
}

@media (min-width: 1440px) {
  .ips-request-quote {
    padding: 0 2.5rem;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ips-request-quote {
    padding: 0 2rem;
    margin: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ips-request-quote {
    padding: 0 1.5rem;
    margin: 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .ips-request-quote {
    padding: 0 2.5rem;
    margin: 0;
  }
}

.ips-request-quote-btn {
  display: block;
  width: 100%;
}

@media (min-width: 1024px) {
  .ips-request-quote-btn {
    display: none;
  }
}

@media (min-width: 640px) {
  .ips-request-quote-btn {
    display: none;
  }
}

@media print {
  .ips-request-quote-btn {
    display: block;
    background: none;
    color: #666666;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ips-request-quote-btn {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ips-request-quote-btn {
    display: none;
  }
}

.ips-in-noprice-header,
.ips-in-transit-header {
  display: inline-block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin-top: 1.75rem;
  padding: 0 0.4375rem;
  width: auto;
}

.ips-in-transit-header {
  margin-bottom: 1.5rem;
}

.ips-in-transit-description {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.ips-modal-accessories {
  width: 100%;
}

@media (min-width: 640px) {
  .ips-modal-accessories {
    max-width: 28.75rem;
  }
}

.ips-modal-text-container {
  background-color: #ffffff;
  padding: 1.5rem 2.5rem 2.5rem;
}

@media (min-width: 640px) {
  .ips-modal-text-container {
    padding: 2.5rem;
  }
}

.ips-packages-modal .ips-modal-text-container {
  padding: 3rem 2.5rem 2.5rem;
}

.ips-options-modal .ips-modal-text-container {
  padding: 3rem 2.5rem 2.5rem;
}

.ips-modal-text-header {
  display: flex;
  flex-direction: column;
  padding-bottom: 1rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
}

@media (min-width: 640px) {
  .ips-modal-text-header {
    flex-direction: row;
    justify-content: space-between;
  }
}

.ips-modal-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

@media (max-width: 639px) {
  .ips-modal-name {
    font-size: 1.5rem;
    line-height: 1.875rem;
    padding-bottom: 0.5rem;
  }
}

.ips-modal-name span {
  color: #666666;
  display: block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.ips-modal-price {
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.ips-modal-description {
  color: #666666;
  line-height: 1.375rem;
}

.ips-modal-disclaimer {
  border-top: 1px solid #bababa;
  color: #666666;
  line-height: 1.375rem;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
}

.ips-packages-modal .modal-box-content,
.ips-options-modal .modal-box-content {
  width: 100%;
}

.ips-packages-modal .modal-content,
.ips-options-modal .modal-content {
  padding: 0;
  width: 100%;
}

.ips-packages-modal .modal-box,
.ips-options-modal .modal-box {
  padding: 0;
  width: 100%;
}

@media (min-width: 640px) {
  .ips-packages-modal .modal-box,
  .ips-options-modal .modal-box {
    width: 35rem;
  }
}

.ips-accessories-modal .modal-x,
.ips-accessories-modal .slick-next,
.ips-accessories-modal .slick-prev {
  background-color: rgba(0, 0, 0, 0.4);
  height: 2.5rem;
  padding: 0.4375rem;
  width: 2.5rem;
}

.ips-accessories-modal .modal-x svg,
.ips-accessories-modal .slick-next svg,
.ips-accessories-modal .slick-prev svg {
  fill: #ffffff;
  max-width: 100%;
}

.ips-accessories-modal .modal-content {
  width: 35rem;
  z-index: 1001;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 0;
}

@media (max-width: 639px) {
  .ips-accessories-modal .modal-content {
    width: 100%;
  }
}

.ips-accessories-carousel {
  position: relative;
  padding-bottom: 1.25rem;
  background-color: #ffffff;
}

.ips-accessories-carousel .ips-modal-slide {
  width: 100%;
}

.ips-accessories-carousel .ips-accessory-image-box {
  position: relative;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
}

.ips-accessories-carousel .ips-accessory-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.ips-accessories-carousel .slick-arrow {
  position: absolute;
  bottom: 1.25rem;
  z-index: 99;
  font-size: 1.875rem;
}

.ips-accessories-carousel .slick-arrow .icon {
  fill: #002c5e;
}

.ips-accessories-carousel .ips-modal-carousel-slick-prev {
  left: 0.75rem;
}

@media (min-width: 640px) {
  .ips-accessories-carousel .ips-modal-carousel-slick-prev {
    left: 2.5rem;
  }
}

.ips-accessories-carousel .ips-modal-carousel-slick-prev.slick-prev {
  background-color: transparent;
}

.ips-accessories-carousel .ips-modal-carousel-slick-next {
  right: 0.75rem;
}

@media (min-width: 640px) {
  .ips-accessories-carousel .ips-modal-carousel-slick-next {
    right: 2.5rem;
  }
}

.ips-accessories-carousel .ips-modal-carousel-slick-next.slick-next {
  background-color: transparent;
}

.ips-accessories-carousel .slick-dots {
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

.ips-accessories-carousel .slick-dots li {
  display: inline-block;
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
  padding: 0;
  margin: 0 0.3125rem;
}

.ips-accessories-carousel .slick-dots button {
  font-size: 0;
  line-height: 0;
  color: transparent;
}

.ips-accessories-carousel .slick-dots button:before {
  content: "•";
  font-size: 2.1875rem;
  line-height: 1.25rem;
  text-align: center;
  color: #888888;
}

.ips-accessories-carousel .slick-dots li.slick-active button:before {
  color: #00aad2;
}

.ips-accessories-carousel .slick-track {
  width: 100%;
}

.ips-header {
  background-color: #f3f3f3;
  padding: 2rem 1.5rem 1rem 1rem;
}

@media (min-width: 640px) {
  .ips-header {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .ips-header {
    padding: 1.75rem 1.75rem 1.25rem 1.75rem;
  }
}

@media (min-width: 1440px) {
  .ips-header {
    padding: 1.875rem 1.875rem 1rem 1.875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .ips-header {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ips-header {
    padding: 1.75rem 1.75rem 1.25rem 1.75rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .ips-header {
    padding: 1.875rem 1.875rem 1rem 1.875rem;
  }
}

.ips-button-vds {
  width: 100%;
  margin: 1rem 0 0 0;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .ips-button-vds {
    width: 40%;
  }
}

.ips-payment-container {
  background-color: #f3f3f3;
  padding: 0 1rem 0 1rem;
}

.ivd-vehicle-no-results-bar {
  padding-bottom: 1rem;
}

.ivd-vehicle-no-results {
  padding: 1rem;
  background-color: #f3f3f3;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .ivd-vehicle-no-results {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.ivd-no-results-text {
  font-weight: 700;
}

.ivd-main-container {
  padding: 2rem 1rem 0;
}

@media (min-width: 640px) {
  .ivd-main-container {
    padding: 2rem 1rem 1rem;
  }
}

@media (min-width: 1024px) {
  .ivd-main-container {
    padding: 0;
  }
}

@media (min-width: 1440px) {
  .ivd-main-container {
    padding: 0 1rem 1rem 5.813rem;
  }
}

@media (min-width: 1440px) and (max-width: 2560px) {
  .ivd-main-container {
    padding: 1.875rem 0 0 7.063rem;
  }
}

.ivd-offers-container {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #bababa;
}

@media (min-width: 1440px) {
  .ivd-offers-container {
    padding-bottom: 0.5rem;
  }
}

.ivd-offers-card {
  padding-bottom: 2rem;
  flex-grow: 1;
}

@media (min-width: 640px) {
  .ivd-offers-card {
    padding-right: 0.625rem;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media (min-width: 1024px) {
  .ivd-offers-card {
    padding-right: 0.375rem;
  }
}

@media (min-width: 1440px) {
  .ivd-offers-card {
    padding-right: 3.125rem;
  }
}

.ivd-offers-heading-txt {
  padding: 2rem 0 1.5rem;
}

@media (min-width: 1440px) {
  .ivd-offers-heading-txt {
    padding: 2.5rem 0 2rem;
  }
}

.ivd-heading {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  flex-basis: 100%;
  max-width: 100%;
}

.ivd-offer-detail-txt {
  padding-left: 1.875rem;
}

.ivd-without-radio .ivd-offer-detail-txt {
  padding-left: 0;
}

.ivd-option-heading {
  color: #888888;
  font-size: 1rem;
  letter-spacing: 0.0625rem;
  line-height: 1.375rem;
  padding: 1.875rem;
}

.ivd-option-rate {
  color: #333333;
  padding: 0.125rem 0 0.375rem;
}

.ivd-option-rate b {
  display: inline-block;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 2.25rem;
}

.ivd-option-rate span {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.875rem;
}

.ivd-option-txt {
  padding-bottom: 0.5rem;
  color: #666666;
  font-size: 1rem;
  line-height: 1.375rem;
}

.ivd-offer-end-txt {
  padding-bottom: 0.875rem;
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.ivd-offers-detail-link {
  padding-bottom: 0;
}

.ivd-offers-detail-link .icon {
  margin-left: 0.125rem;
}

.ivd-link {
  color: #002c5e;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.ivd-link .icon {
  height: 0.625rem;
  width: 0.625rem;
  display: inline-block;
}

.ivd-estimators-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #bababa;
  padding: 0.9375rem 0.625rem 0.9375rem 0;
  flex-direction: column;
}

@media (min-width: 640px) {
  .ivd-estimators-container {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

@media print {
  .ivd-estimators-container {
    display: block;
  }
}

.ivd-last {
  padding-bottom: 0 !important;
}

.ivd-estimators-container button {
  justify-content: space-between;
}

.ivd-credit-estimator-link {
  padding-bottom: 1rem;
}

@media (min-width: 1440px) {
  .ivd-credit-estimator-link {
    padding-bottom: 0;
  }
}

.ivd-vehicle-overview-container {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #bababa;
  padding-bottom: 0.75rem;
}

@media (min-width: 640px) {
  .ivd-vehicle-overview-container {
    padding-bottom: 1rem;
  }
}

@media print {
  .ivd-vehicle-overview-container {
    display: block;
  }
}

.ivd-offers-link {
  padding-bottom: 1rem;
  display: flex;
  text-align: center;
}

@media (min-width: 640px) {
  .ivd-offers-link {
    padding-bottom: 0;
  }
}

@media (max-width: 639px) {
  .ivd-apply-finance {
    width: 8.75rem;
  }
}

.ivd-vehicle-spec {
  flex-basis: 100%;
  max-width: 100%;
}

@media (min-width: 640px) {
  .ivd-vehicle-spec {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media (min-width: 640px) {
  .ivd-feature-container-right {
    flex-basis: 50%;
    max-width: 50%;
    padding-right: 3.25rem;
  }
}

.ivd-vehicle-overview-heading {
  padding: 2rem 0 1.5rem;
}

@media (min-width: 640px) {
  .ivd-vehicle-overview-heading {
    padding: 2.5rem 0 2rem;
  }
}

.ivd-vehicle-spec-heading {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.ivd-vehicle-spec-txt {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .ivd-vehicle-spec-txt {
    padding-bottom: 1.5rem;
  }
}

.ivd-vehicle-color-exterior, .ivd-vehicle-color-interior {
  box-shadow: 0.1875rem 0.1875rem 0.75rem rgba(0, 0, 0, 0.15);
  height: 2.5rem;
  width: 2.5rem;
  display: inline-block;
  background-size: cover;
}

.ivd-vehicle-view-txt {
  padding-left: 0.75rem;
  display: inline-block;
}

.ivd-features-container {
  display: flex;
  flex-wrap: wrap;
  padding: 2rem 0;
  border-bottom: 1px solid #bababa;
}

@media (min-width: 640px) {
  .ivd-features-container {
    padding: 2.5rem 0;
  }
}

@media (min-width: 1024px) {
  .ivd-features-container {
    padding: 2.5rem 0;
  }
}

@media print {
  .ivd-features-container {
    display: block;
  }
}

.ivd-feature-container {
  flex-basis: 100%;
  max-width: 100%;
}

@media (min-width: 640px) {
  .ivd-feature-container {
    padding-right: 3.25rem;
  }
}

.ivd-features-container-left, .ivd-features-container-right {
  flex-basis: 100%;
  max-width: 100%;
}

@media (min-width: 640px) {
  .ivd-features-container-left, .ivd-features-container-right {
    flex-basis: 50%;
    max-width: 50%;
  }
}

.ivd-vehicle-feature-links {
  margin-top: 0.25rem;
  order: 3;
  width: 100%;
}

@media (min-width: 1440px) {
  .ivd-vehicle-feature-links {
    flex-basis: 100%;
    max-width: 100%;
  }
}

.ivd-full-spec-link {
  padding-bottom: 0.5rem;
  display: block;
}

@media (min-width: 640px) {
  .ivd-full-spec-link {
    margin-top: 1.25rem;
  }
}

.ivd-feature-heading {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.625rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .ivd-feature-heading {
    padding-top: 0;
  }
}

.ivd-vehicle-feature {
  padding-bottom: 0.75rem;
  margin-left: 1.375rem;
}

.ivd-vehicle-feature::before {
  content: '';
  position: absolute;
  display: inline-block;
  background-color: transparent;
  border-style: solid;
  border-color: #333333;
  width: 0.4375rem;
  height: 0.8125rem;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
  margin-right: 0.625rem;
  margin-left: -1.0625rem;
}

.ivd-offers-detail-overlay {
  flex-direction: column;
}

.ivd-offers-detail-overlay .modal-box {
  height: 100%;
  width: 100%;
}

@media (min-width: 640px) {
  .ivd-offers-detail-overlay .modal-box {
    height: auto;
    max-width: 41.25rem;
  }
}

.ivd-offers-detail-overlay .modal-content {
  padding: 0;
}

.ivd-offers-detail-overlay .modal-x {
  color: #002c5e;
  top: 0.75rem;
}

@media (min-width: 640px) {
  .ivd-offers-detail-overlay .modal-x {
    top: 1rem;
    right: 1.5rem;
  }
}

.ivd-offers-detail-overlay .ivd-offers-detail-header {
  background-color: #f3f3f3;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 1.1875rem 1rem;
}

@media (min-width: 640px) {
  .ivd-offers-detail-overlay .ivd-offers-detail-header {
    font-size: 1.25rem;
    line-height: 1.625rem;
    padding: 1.375rem 3.125rem 0.875rem;
  }
}

.ivd-offers-detail-overlay .ivd-offers-detail-container {
  padding: 1.5rem 1rem 7rem;
}

@media (min-width: 640px) {
  .ivd-offers-detail-overlay .ivd-offers-detail-container {
    padding: 2.5625rem 3.125rem 3.125rem;
  }
}

.ivd-offers-detail-overlay .ivd-offers-detail-incentive-type {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding: 0 0 0.3125rem;
}

@media (min-width: 640px) {
  .ivd-offers-detail-overlay .ivd-offers-detail-incentive-type {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.ivd-offers-detail-overlay .ivd-offers-detail-description {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0 0 1.25rem;
}

@media (min-width: 640px) {
  .ivd-offers-detail-overlay .ivd-offers-detail-description {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.ivd-offers-detail-overlay .ivd-offers-detail-disclaimer {
  border-top: 0.0625rem solid #bababa;
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding: 1.25rem 0 0;
}

.ivd-credit-estimator-link .icon-chevron-right-thick,
.ivd-tradein-estimator-link .icon-chevron-right-thick {
  margin-top: 0.3125rem;
}

.ivd-spacer {
  display: flex;
  width: 9.375rem;
  height: 0;
}

.ivd-link .icon {
  margin-left: 0.3125rem;
}

.purchase-request-overlay {
  width: 100%;
  height: 100%;
  margin: auto;
  position: relative;
  background-color: #ffffff;
}

@media (min-width: 1024px) {
  .purchase-request-overlay {
    width: 90%;
  }
}

@media (min-width: 1440px) {
  .purchase-request-overlay {
    width: 75%;
  }
}

.purchase-request-overlay .modal-box {
  width: 100%;
  height: 100%;
}

.purchase-request-overlay .modal-box .modal-box-content {
  width: 100%;
}

.purchase-request-overlay .modal-content {
  height: 100%;
  padding: 0;
}

.purchase-request-overlay__modal-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

.purchase-request-overlay__body {
  height: 100%;
  padding-top: 3.125rem;
  overflow-y: scroll;
}

.purchase-request-overlay__control-bar {
  background-color: #f3f3f3;
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 1rem;
  align-items: center;
  z-index: 2;
}

@media (max-width: 320px) {
  .purchase-request-overlay__control-bar {
    padding: 1rem 0 1rem 1rem;
  }
}

@media (min-width: 1024px) {
  .purchase-request-overlay__content {
    display: flex;
    padding-bottom: 3rem;
  }
}

.purchase-request-overlay__raq {
  padding-top: 1rem;
}

@media (min-width: 1024px) {
  .purchase-request-overlay__raq {
    padding-top: 2rem;
  }
}

.purchase-request-overlay__raq .pr-form-para {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #888888;
  padding: 0 1rem;
  line-height: 1.25rem;
}

.purchase-request-overlay__raq .raq-body {
  padding-top: 0;
  background-color: transparent;
}

.purchase-request-overlay__raq .raq-body .raq-form-input-wrapper {
  max-width: 100%;
}

.purchase-request-overlay__raq .raq-headline {
  display: none;
}

.purchase-request-overlay__raq .raq-overlay {
  display: block;
  position: relative;
  z-index: 1;
}

.purchase-request-overlay__raq .raq-overlay .raq-header {
  display: none;
}

.purchase-request-overlay__raq .raq-submit-request-button {
  padding: 0 3rem;
}

.purchase-request-overlay__raq .raq-seperator {
  border-right: 1px solid #e6e6e6;
  height: 100%;
  padding-left: 1.5rem;
  padding-right: 2rem;
}

.purchase-request-overlay__raq .raq-seperator .ivd-external-icon {
  height: 0.5rem !important;
  width: 0.5rem !important;
  cursor: pointer;
}

.purchase-request-overlay__raq .raq-seperator .statusbar {
  padding: 1.25rem 2rem;
}

.purchase-request-overlay__price-details .price-details-title {
  background-color: #f3f3f3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1rem;
}

.purchase-request-overlay__price-details .price-details-title .price-details-head {
  margin: 0;
}

.purchase-request-overlay__price-details .price-details-title .price-details-print {
  display: none;
}

@media (min-width: 1024px) {
  .purchase-request-overlay__price-details .price-details-title {
    display: none;
  }
}

.purchase-request-overlay .price-details-half {
  margin-top: 0;
}

.purchase-request-overlay .pr-h-seperator {
  padding-top: 1rem;
  border-bottom: 1px solid #e6e6e6;
}

@media (min-width: 1024px) {
  .purchase-request-overlay__control-bar {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .purchase-request-overlay__raq {
    flex: 1 1 40%;
    width: 40%;
  }
  .purchase-request-overlay__raq .pr-form-para, .purchase-request-overlay__raq .raq-body {
    padding: 0;
    background-color: transparent;
  }
  .purchase-request-overlay__raq .raq-seperator {
    padding-left: 1rem;
    padding-right: 2rem;
  }
  .purchase-request-overlay__raq .raq-submit-request-button {
    padding: 0 1rem;
    width: auto;
  }
  .purchase-request-overlay__raq .dealer-detail-section .ivd-estimators-container {
    display: block;
    border-top: 1px solid #bababa;
  }
  .purchase-request-overlay__raq .dealer-detail-section .dealer-container {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
    padding-right: 0;
    display: block;
  }
  .purchase-request-overlay__price-details {
    flex: 1 1 60%;
    width: 60%;
  }
  .purchase-request-overlay__price-details .price-details-half {
    padding-top: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .purchase-request-overlay__price-details .price-details-half .price-details-child {
    padding: 0;
  }
  .purchase-request-overlay__price-details .price-details-half-second {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .purchase-request-overlay__price-details .add-border-top {
    padding: 1rem 0;
  }
  .purchase-request-overlay__price-details .trim-features-section .trim-feature-item {
    margin-top: 0.75rem;
  }
  .purchase-request-overlay__price-details .trim-features-section .trim-feature-item__icon {
    flex-basis: 2rem;
    min-height: 2rem;
    margin-right: 1.4rem;
  }
  .purchase-request-overlay__price-details .price-details-Packages {
    padding: 0.5rem 0;
  }
  .purchase-request-overlay__price-details .total-price-details-Packages {
    justify-content: space-between;
    display: flex;
  }
  .purchase-request-overlay__price-details .price-details-section-title {
    padding: 1rem 0;
  }
}

@media (min-width: 1440px) {
  .purchase-request-overlay__control-bar {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .purchase-request-overlay__raq {
    flex: 1 1 35%;
    width: 35%;
  }
  .purchase-request-overlay__raq .pr-form-para, .purchase-request-overlay__raq .raq-body {
    padding: 0;
    background-color: transparent;
  }
  .purchase-request-overlay__raq .raq-seperator {
    padding-left: 2rem;
    padding-right: 3rem;
  }
  .purchase-request-overlay__price-details {
    flex: 1 1 65%;
    width: 65%;
  }
  .purchase-request-overlay__price-details .price-details-half {
    padding-top: 0;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .purchase-request-overlay__price-details .price-details-half .price-details-child {
    padding: 0;
  }
  .purchase-request-overlay__price-details .price-details-half-second {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .purchase-request-overlay__price-details .add-border-top {
    padding: 1rem 0;
  }
  .purchase-request-overlay__price-details .trim-features-section .trim-feature-item__icon {
    flex-basis: 2rem;
    min-height: 2rem;
    margin-right: 1.4rem;
  }
  .purchase-request-overlay__price-details .trim-features-section .trim-feature-item {
    margin-top: 0.75rem;
  }
  .purchase-request-overlay__price-details .finance-summary {
    padding: 1.5rem 2rem;
  }
  .purchase-request-overlay__price-details .price-details-section-title {
    padding: 1rem 0;
  }
}

.purchase-request-overlay-modal {
  position: fixed;
  z-index: 1002;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.purchase-request-overlay-modal.show {
  display: block;
}

@media (min-width: 1024px) {
  body.chat-opened .purchase-request-overlay-modal.show {
    width: calc(100vw - 375px);
  }
}

@media (max-width: 1023px) {
  .raq-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2000;
    background-color: #ffffff;
    overflow-y: auto;
  }
}

@media (min-width: 1024px) {
  .raq-overlay {
    display: block;
  }
}

.raq-overlay-show {
  display: block !important;
}

.raqSuppressionFlag {
  display: none;
}

.raq-header {
  background-color: #f3f3f3;
  color: #002c5e;
  font-size: 1rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 1rem;
}

@media (min-width: 640px) {
  .raq-header {
    padding: 1.25rem 2rem;
  }
}

@media (min-width: 1024px) {
  .raq-header {
    display: none;
  }
}

.raq-selected-trim {
  color: #000000;
  font-weight: 300;
}

.raq-selected-trim-name {
  font-weight: 500;
}

.raq-body {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #888888;
  padding: 1.5rem 1rem;
  background-color: #ffffff;
}

@media (min-width: 640px) {
  .raq-body {
    padding: 1.5rem 2rem 2.875rem;
  }
}

.raq-error-msg {
  color: #e63312;
  margin-top: 0.625rem;
  font-size: 0.875rem;
  font-weight: 400;
  display: none;
  line-height: 0.875rem;
}

.raq-error-msg-show {
  display: block;
}

.raq-headline {
  color: #333333;
  font-size: 1.25rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .raq-headline {
    font-size: 1.5rem;
  }
}

.raq-cancel-button {
  height: 2.75rem;
  color: #002c5e;
  margin-top: 1rem;
  font-weight: 500;
}

.raq-cancel-button .icon {
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.5rem;
}

.raq-submit-new-zip-button {
  height: 2.75rem;
  float: right;
  font-size: 1rem;
  outline: none;
  border: none;
  padding: 0 1.75rem;
  margin-top: 1rem;
}

.raq-form-hint {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #333333;
  padding-bottom: 1rem;
}

.raq-form-fieldset {
  border: none;
  padding: 0;
  margin: 0;
  margin-top: 1.25rem;
}

.raq-form-fieldset fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

.raq-form-label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  line-height: 0.875rem;
  padding-bottom: 0.25rem;
}

.raq-form-label .raq-form-dealers {
  padding-bottom: 0.375rem;
}

.raq-form-input {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  background: #ffffff;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  padding: 0.75rem;
}

.raq-form-input:hover {
  border-color: #00aad2;
}

.raq-form-required-astericks {
  color: #e63312;
}

.raq-form-input-error .ro-v2-input {
  border-color: #e63312;
}

.raq-form-input-error .raq-error-msg {
  display: block;
}

.raq-form-input-error #raq-first-name {
  border: 0.125rem solid var(--first-name-error-color-border) !important;
  padding: 0.6875rem;
}

.raq-form-input-error #raq-last-name {
  border: 0.125rem solid var(--last-name-error-color-border) !important;
  padding: 0.6875rem;
}

.raq-form-input-error #raq-email {
  border: 0.125rem solid var(--email-address-error-color-border) !important;
  padding: 0.6875rem;
}

.raq-form-input-error #raq-form-phone-number {
  border: 0.125rem solid var(--phone-error-color-border) !important;
  padding: 0.6875rem;
}

.raq-form-input-error #raq-form-consent {
  border: 0.125rem solid var(--consent-error-color-border) !important;
}

.raq-form-comment-label {
  color: #002c5e;
  display: flex;
  font-weight: 500;
  cursor: pointer;
}

.raq-form-comment-label .icon {
  width: 0.625rem;
  margin-left: 0.25rem;
  min-height: 1.125rem;
}

.raq-form-comment-label.active .icon {
  transform: rotate(180deg);
}

.raq-form-comment-txtarea {
  width: 100%;
  height: 6.4375rem;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  background-color: #ffffff;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  outline: none;
  resize: none;
  padding: 0.75rem;
  margin-top: 0.75rem;
}

.raq-form-comment-txtarea:hover {
  border-color: #00aad2;
}

.raq-form-char-remaining-hint {
  font-weight: 500;
  font-size: 0.875rem;
  color: #666666;
  line-height: 0.875rem;
}

.raq-form-contact-headline {
  color: #888888;
}

.raq-form-contact-option {
  color: #333333;
  margin: 0.625rem 0.625rem 1.5625rem 0;
  display: inline-flex;
  align-items: flex-end;
}

@media (min-width: 1024px) {
  .raq-form-contact-option {
    margin-right: 1.25rem;
  }
}

.raq-form-radio-input {
  position: relative;
  display: none;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .raq-phone-number-input {
    width: 45%;
  }
}

.raq-phone-number-form-agreement {
  display: flex;
  flex-direction: column;
  margin: 1.5rem auto;
  position: relative;
}

.raq-phone-number-form-agreement .form-checkbox-input:focus + .form-checkbox-box {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .raq-phone-number-form-agreement .form-checkbox-input:focus + .form-checkbox-box {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.raq-phone-number-form-text {
  margin-left: 1.5625rem;
  line-height: 1.25rem;
}

.raq-form-radio-button {
  position: relative;
  margin-right: 0.5rem;
  display: inline-block;
}

.raq-policy-terms-agreement {
  padding-top: 1.75rem;
  position: relative;
}

.raq-policy-terms-agreement a {
  text-decoration: none;
}

.raq-policy-terms-agreement:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: #bababa;
}

.raq-form-recaptcha {
  font-weight: 500;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
}

.raq-form-recaptcha a {
  color: var(--anchor-color);
  text-decoration: none;
  display: inline-block;
  padding-right: 1.25rem;
}

.raq-form-recaptcha a svg {
  display: inline-block;
  margin-left: 0.3125rem;
}

.raq-submit-request-button {
  display: block;
  height: 2.75rem;
  padding: 0 1.75rem;
  margin-top: 1rem;
  font-size: 1rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

@media (min-width: 1024px) {
  .raq-submit-request-button {
    width: 100%;
  }
}

.raq-policy,
.raq-terms {
  color: #002c5e;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .raq-form-user-info-fieldset {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .raq-form-user-info-fieldset .raq-form-hint {
    flex-basis: 100%;
    width: 100%;
  }
  .raq-form-user-info-fieldset .raq-form-input-wrapper {
    flex-basis: 45%;
    max-width: 45%;
  }
}

.raq-form-zip-code {
  position: relative;
}

.raq-form-zip-code .raq-form-input-zipcode {
  padding-left: 2.25rem;
}

.raq-form-zip-code .icon-location-thick {
  position: absolute;
  top: 50%;
  height: 2rem;
  margin-top: -1rem;
  margin-left: 0.75rem;
}

.raq-form-dealer-box {
  position: relative;
}

.raq-form-dealer-box .dealer-loading {
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 1rem;
}

.raq-form-dealer-box .dropdown-button {
  height: auto;
  width: 100%;
  border: 1px solid #e6e6e6;
  margin-top: 0.25rem;
  padding: 1rem 0.75rem;
  font-size: 1rem;
  text-align: left;
}

@media (max-width: 1023px) {
  .raq-form-dealer-box .dropdown-button {
    border: 1px solid #e6e6e6;
    background: #f3f3f3;
  }
}

.raq-form-dealer-box .dropdown-button .dropdown-button-text {
  text-align: left;
}

.raq-form-dealer-box .dropdown-button .raq-dropdown-invalid {
  color: #888888;
  font-weight: 400;
}

.raq-form-dealer-box .dropdown-button.dropdown-item-inventory:disabled {
  color: #666666;
  font-weight: 400;
}

.raq-form-dealer-box .dropdown-button:disabled {
  color: #888888;
}

.raq-form-dealer-box .dropdown-button span:first-of-type {
  margin-right: 0.3125rem;
}

.raq-form-dealer-box .dropdown-item-inventory {
  background: none;
  color: #888888;
  border: 0;
  padding: 0;
}

.raq-form-dealer-box .dropdown-item-inventory .icon-chevron-down-thick {
  display: none;
}

.raq-form-dealer-box.raq-bg-gray .dropdown-button {
  background: #f3f3f3;
}

.raq-form-dealer-box .dropdown-items .dropdown-item {
  display: block;
  text-align: left;
  border-bottom: 1px solid #e6e6e6;
}

.raq-form-dealer-box .dropdown-item {
  padding: 0.625rem 0.75rem;
}

.raq-form-dealer-box .dropdown-item span:first-of-type {
  margin-right: 0.3125rem;
}

.raq-form-dealer-box .dropdown-items .dropdown-item:last-child {
  border-bottom: 0;
}

.raq-form-dealer-box .dropdown-item:hover {
  background: #f3f3f3;
}

.raq-form-dealer-box .dropdown-item-active {
  background-color: #ffffff;
}

.raq-form-dealer-box .dropdown-item + .dropdown-item:before {
  opacity: 0;
}

.raq-form-dealer-box .raq-preferred-dealer {
  color: #888888;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.75rem;
  display: inline-flex;
  font-weight: 400;
  line-height: 1.25rem;
}

.raq-form-dealer-box svg.icon-star-active {
  display: inline-block;
  color: #00aad2;
  margin-left: 0.3125rem;
  width: 1rem;
  height: 1rem;
  transform: none;
}

.raq-form-dealer-box .dropdown-panel {
  position: relative;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background: #ffffff;
  top: 0;
  left: 0;
  right: 0;
  z-index: initial;
}

.raq-electric-salable {
  margin-top: 1rem;
}

@media (min-width: 1024px) {
  .raq-electric-salable {
    margin-top: 1.25rem;
  }
}

.raq-electric-salable-container {
  position: relative;
  background-color: #EEF7F9;
  padding: 1rem 1.25rem 1rem 1.25rem;
}

.raq-electric-salable-warning-icon {
  position: absolute;
  top: 1.25rem;
  left: 0.8125rem;
  width: 1.5rem;
  height: 1.5rem;
}

.raq-electric-salable-warning-icon svg,
.raq-electric-salable-warning-icon img {
  width: 100%;
  height: 100%;
}

.raq-electric-salable-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.raq-form-zip-code .raq-form-input-zipcode:disabled {
  background: none;
  border: none;
  font-weight: 700;
  padding-left: 1.5rem;
}

.raq-form-zip-code .raq-form-input-zipcode:disabled + svg {
  margin-left: 0;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .raq-overlay-v2 .raq-form-input-wrapper {
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  .raq-overlay-v2 {
    padding-top: 2.125rem;
    max-width: 38.75rem;
    margin: auto;
    padding-bottom: 1.25rem;
  }
}

@media (max-width: 1023px) {
  .raq-overlay-v2 {
    padding-top: 0.9375rem;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    overflow-y: auto;
  }
}

@media (max-width: 639px) {
  .raq-overlay-v2 {
    padding-top: 2.125rem;
  }
}

.raq-overlay-v2 .raq-header {
  background-color: #ffffff;
}

.raq-overlay-v2 .raq-form-user-info-fieldset {
  margin-top: 0;
}

.raq-overlay-v2 .raq-headline {
  text-align: center;
  font-size: 1.875rem;
  line-height: 2.25rem;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  padding-bottom: 2.875rem;
}

.raq-overlay-v2 .raq-user-info-form-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 639px) {
  .raq-overlay-v2 .raq-user-info-form-container {
    flex-direction: column;
  }
}

.raq-overlay-v2 .raq-user-info-form-left,
.raq-overlay-v2 .raq-user-info-form-right {
  width: 45%;
}

@media (max-width: 639px) {
  .raq-overlay-v2 .raq-user-info-form-left,
  .raq-overlay-v2 .raq-user-info-form-right {
    width: 100%;
  }
}

.raq-overlay-v2 .raq-form-dealer-box .dropdown-button {
  background: #f3f3f3;
}

.raq-overlay-v2 .raq-submit-request-button {
  display: block;
  height: 2.75rem;
  padding: 0 1.75rem;
  margin-top: 1.875rem;
  font-size: 1rem;
  width: 10.9375rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

@media (min-width: 640px) {
  .raq-overlay-v2 .raq-submit-request-button {
    width: 13.625rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}

.raq-form-fieldset .loading-indicator {
  position: relative;
  height: 5.75rem;
  margin-top: clacRem(8px);
}

.raq-form-fieldset .raq-form-dealers {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.raq-form-dealer-option {
  display: flex;
  align-items: flex-start;
}

.raq-form-dealer-option .raq-form-dealer-item {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
}

.raq-form-dealer-preferred {
  display: inline-flex;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #888888;
  line-height: 1.25rem;
  margin-left: 0.5rem;
}

.raq-form-dealer-preferred .icon-star-active {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  color: #00aad2;
  margin-left: 0.125rem;
  transform: none;
}

.raq-form-dealer-option-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.raq-form-dealer-option-custom-checkbox {
  display: flex;
  align-items: flex-start;
}

.raq-form-dealer-option-checkbox:checked ~ .raq-form-dealer-option-custom-checkbox .raq-form-dealer-option-custom-checkbox-button {
  border: 0.125rem solid #00aad2;
}

.raq-form-dealer-option-checkbox:checked ~ .raq-form-dealer-option-custom-checkbox .raq-form-dealer-option-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.0625rem;
  left: 0.3125rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.raq-form-dealer-option-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  background-color: #ffffff;
  border: 0.125rem solid #bababa;
  margin-right: 0.5rem;
  cursor: pointer;
}

.disable-dealer-checkbox {
  pointer-events: none;
}

.disable-dealer-checkbox .raq-form-dealer-item {
  color: #bababa;
  cursor: not-allowed;
}

.disable-dealer-checkbox .raq-form-dealer-item .raq-form-dealer-preferred {
  color: #bababa;
}

.raq-form-dealer-error-msg, .raq-invalid-dealer-error-msg, .raq-zip-error-msg {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: left;
  color: #e63312;
  padding-bottom: 0.875rem;
}

.raq-form-dealer-error-msg {
  margin-top: 0.5rem;
}

.raq-form-dealer-option-checkbox-error .raq-form-dealer-option-custom-checkbox-button {
  border: 0.0625rem solid #e63312;
}

.raq-form-custom-checkbox-label {
  display: block;
  font-weight: 400;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
}

.raq-form-custom-checkbox-label a {
  font-weight: 400;
  color: #666666;
}

.raq-form-field-legal {
  width: 100%;
  padding-top: 1.25rem;
}

.raq-form-field-legal .raq-form-label {
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  display: block;
  margin-bottom: 0;
}

.raq-form-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.raq-form-custom-checkbox {
  display: flex;
  gap: 0.5rem;
}

.raq-form-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1rem;
  height: 1rem;
  background-color: #ffffff;
  border: 0.09375rem solid #bababa;
  border-radius: 0.1875rem;
  cursor: pointer;
}

.raq-form-custom-checkbox-button:hover {
  border: 0.09375rem solid #00aad2 !important;
}

.raq-form-checkbox:checked ~ .raq-form-custom-checkbox .raq-form-custom-checkbox-button {
  border: 0.09375rem solid #00aad2;
  background-color: #00aad2 !important;
}

.raq-form-checkbox:checked ~ .raq-form-custom-checkbox .raq-form-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0.25rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #ffffff;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.raq-form-divider {
  border-bottom: 0.0625rem solid #e6e6e6;
  margin: 1.5rem 0;
}

.raq-form-recaptcha-divider {
  border-bottom: 0.0625rem solid #e6e6e6;
  margin: 1.5rem 0 1rem;
}

.raq-form-selected-dealer {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  color: #333333;
  padding: 0.75rem;
  background-color: #e6e6e6;
  border-radius: 0.625rem;
}

.raq-form-selected-dealer .raq-form-selected-dealer-text {
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 500;
}

.raq-form-selected-dealer .raq-form-selected-dealer-distance {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  padding-top: 0.25rem;
}

.raq-form-legal-copy {
  font-weight: 400;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
}

.raq-form-legal-copy a {
  color: #666666;
}

.contact-dealer-modal .purchase-request-overlay__control-bar {
  padding: 1.25rem 1rem;
}

@media (min-width: 640px) {
  .contact-dealer-modal .purchase-request-overlay__control-bar {
    padding: 1rem 2rem;
  }
}

.contact-dealer-modal .statusbar {
  padding: 1.25rem 1rem;
}

@media (min-width: 640px) {
  .contact-dealer-modal .statusbar {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

.contact-dealer-modal .raq-body {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #888888;
  padding: 0 1rem 1.5rem;
  background-color: #ffffff;
}

@media (min-width: 640px) {
  .contact-dealer-modal .raq-body {
    padding: 0 2rem 2.875rem;
  }
}

.contact-dealer-modal .raq-form-hint {
  padding-top: 0.25rem;
}

.contact-dealer-modal .raq-form-fieldset {
  margin-top: 1.25rem;
}

.contact-dealer-modal form.raq-user-info-form .raq-form-fieldset:nth-child(3) {
  margin-top: 1.25rem;
}

.contact-dealer-modal .raq-form-label {
  font-weight: 500;
  color: #333333;
  margin: 0;
}

.contact-dealer-modal .raq-form-input {
  display: flex;
  font-size: 0.875rem;
  color: #333333;
  border: 0.0625rem solid #bababa;
  padding: 0.75rem;
  margin-top: 0;
}

.contact-dealer-modal .raq-form-input:hover {
  border-color: #00aad2;
}

.contact-dealer-modal .raq-form-input .raq-form-field-legal {
  padding-top: 0;
}

.contact-dealer-modal .raq-form-input .raq-form-field-legal .raq-form-label {
  padding-bottom: 0;
}

.contact-dealer-modal .raq-form-comment-label {
  font-weight: 500;
}

.contact-dealer-modal .raq-form-comment-label .icon {
  margin-top: 0;
}

.contact-dealer-modal .raq-form-comment-txtarea {
  border: 0.0625rem solid #bababa;
}

.contact-dealer-modal .raq-form-char-remaining-hint {
  color: #666666;
}

.contact-dealer-modal .raq-form-legal-container {
  padding-bottom: 1.25rem;
}

.contact-dealer-modal .raq-submit-request-button {
  margin-top: 1.5rem;
}

.contact-dealer-modal .raq-form-recaptcha {
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
  border: none;
}

.contact-dealer-modal .raq-form-recaptcha a {
  color: var(--anchor-color);
}

.contact-dealer-modal .raq-form-input-error {
  border: none;
}

.contact-dealer-modal .raq-error-msg {
  color: #e63312;
  margin-top: 0.625rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 0.875rem;
}

@supports (-webkit-touch-callout: none) {
  .raq-form-input,
  .raq-form-comment-txtarea {
    font-size: 1rem;
  }
}

.raq-form-input:focus,
.raq-form-comment-txtarea:focus,
.raq-form-comment-label:focus,
.raq-form-custom-checkbox-button:focus,
.raq-form-custom-checkbox-label a:focus,
.raq-form-legal-copy a:focus,
.raq-submit-request-button:focus,
.raq-form-recaptcha a:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.raq-form-input:focus,
.raq-form-comment-txtarea:focus {
  border: 0.125rem solid #00aad2 !important;
  padding: 0.6875rem;
}

.raq-form-custom-checkbox-button:focus {
  border: 0.09375rem solid #00aad2 !important;
}

.raq-submit-request-button:focus {
  box-shadow: none;
}

.tooltip-trigger:focus {
  outline: none;
}

.inventory-detail-raq-inline {
  position: relative;
  display: block;
}

.inventory-detail-raq-inline .raq-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: #f3f3f3;
  border: 0.0625rem solid #e6e6e6;
  border-radius: 0.75rem;
  padding: 1rem;
}

@media (min-width: 640px) {
  .inventory-detail-raq-inline .raq-body {
    padding: 2rem;
  }
}

.inventory-detail-raq-inline .raq-headline-copy {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.inventory-detail-raq-inline .raq-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.875rem;
  color: #333333;
  line-height: 2.25rem;
}

.inventory-detail-raq-inline .raq-copy {
  font-weight: 400;
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
}

.inventory-detail-raq-inline .raq-form-fieldset.raq-form-user-info-fieldset {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

.inventory-detail-raq-inline .raq-user-info-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.inventory-detail-raq-inline .raq-form-fieldset {
  margin: 0;
}

.inventory-detail-raq-inline .raq-form-hint {
  font-weight: 500;
  font-size: 0.75rem;
  color: #333333;
  line-height: 1rem;
  padding: 0;
}

.inventory-detail-raq-inline .raq-form-hint .raq-form-required-astericks {
  font-weight: 700;
  font-size: 0.875rem;
  color: #e63312;
  line-height: 1.25rem;
}

.inventory-detail-raq-inline .raq-primary-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.inventory-detail-raq-inline .raq-form-input-wrapper {
  max-width: 100%;
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.inventory-detail-raq-inline .raq-form-label {
  font-weight: 400;
  font-size: 0.75rem;
  color: #333333;
  line-height: 0.75rem;
  padding: 0;
}

.inventory-detail-raq-inline .raq-form-required-astericks {
  font-weight: 400;
  font-size: 0.75rem;
  color: #e63312;
  line-height: 0.75rem;
}

.inventory-detail-raq-inline .raq-form-comment-label {
  font-weight: 500;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 0.875rem;
}

.inventory-detail-raq-inline .raq-form-divider {
  border-bottom: 0.0625rem solid #bababa;
  margin: 0;
}

.inventory-detail-raq-inline .raq-form-recaptcha-divider {
  border-bottom: 0.0625rem solid #bababa;
  margin: 0;
}

.inventory-detail-raq-inline .raq-submit-request-button {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  font-weight: 500;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1rem;
  margin: 0;
}

.m-reviews {
  color: #333333;
  background-color: #f3f3f3;
  text-align: center;
  padding: 2.5rem 1rem;
}

@media (min-width: 640px) {
  .m-reviews {
    padding: 2.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .m-reviews {
    padding: 3.5rem 2.625rem 3.9375rem;
  }
}

@media (min-width: 1440px) {
  .m-reviews {
    padding: 3.5rem 4.5rem 3.9375rem;
  }
}

@media (min-width: 1440px) {
  .m-reviews {
    padding: 3.5rem 4.5rem 3.9375rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews {
    padding: 2.5rem 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-reviews {
    padding: 3.5rem 2.625rem 3.9375rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .m-reviews {
    padding: 3.5rem 4.5rem 3.9375rem;
  }
}

.m-reviews-top {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
}

.m-reviews-top:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #bababa;
}

@media (min-width: 1024px) {
  .m-reviews-top:after {
    border-bottom: none;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-top:after {
    border-bottom: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-reviews-top:after {
    border-bottom: none;
  }
}

.m-reviews-score-container {
  position: relative;
  max-width: 1440px;
}

@media (min-width: 1440px) {
  .m-reviews-score-container {
    margin: 0 4.5rem;
  }
}

.m-reviews-carousel-container {
  max-width: 67.375rem;
  margin: 0 auto;
}

@media (max-width: 639px) {
  .m-reviews-carousel-container {
    width: 100%;
    padding: 0 1.5rem;
  }
}

@media (min-width: 1024px) {
  .m-reviews-carousel-container .slick-track {
    display: flex;
    justify-content: space-between;
  }
  .m-reviews-carousel-container .slick-track:before,
  .m-reviews-carousel-container .slick-track:after {
    display: none;
  }
  .m-reviews-carousel-container .slick-slide:not(:last-child) {
    margin-right: 3.75rem;
  }
  .m-reviews-carousel-container .slick-list {
    cursor: default;
  }
}


@media (min-width: 1024px) {
  body.chat-opened .m-reviews-carousel-container .slick-track {
    display: block;
  }
  body.chat-opened .m-reviews-carousel-container .slick-slide:not(:last-child) {
    margin-right: inherit;
  }
  body.chat-opened .m-reviews-carousel-container .slick-list {
    cursor: pointer;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-reviews-carousel-container .slick-track {
    display: flex;
    justify-content: space-between;
  }
  body.chat-opened .m-reviews-carousel-container .slick-track:before,
  body.chat-opened .m-reviews-carousel-container .slick-track:after {
    display: none;
  }
  body.chat-opened .m-reviews-carousel-container .slick-slide:not(:last-child) {
    margin-right: 3.75rem;
  }
  body.chat-opened .m-reviews-carousel-container .slick-list {
    cursor: default;
  }
}

.m-reviews-slick-nav {
  display: flex;
  justify-content: space-between;
  margin: 1.5rem 0 2.5rem;
}

@media (min-width: 1024px) {
  .m-reviews-slick-nav {
    display: none;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-slick-nav {
    display: flex;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-reviews-slick-nav {
    display: none;
  }
}

.m-reviews-slick-prev .icon,
.m-reviews-slick-next .icon {
  height: 2rem;
  fill: #002c5e;
}

.m-reviews-dots-container .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.m-reviews-dots-container .slick-active button {
  background-color: #00aad2;
}

.m-reviews-dots-container button {
  background-color: #888888;
  border-radius: 50%;
  color: transparent;
  display: inline-block;
  height: 0.5625rem;
  width: 0.5625rem;
}

.m-reviews-dots-container li {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0.625rem;
  border: 0.0625rem solid transparent;
}

.m-reviews-dots-container li button:focus {
  outline-width: 0.09375rem;
  outline-style: solid;
  outline-offset: 0.25rem;
}

.m-reviews-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

@media (min-width: 1024px) {
  .m-reviews-title {
    font-size: 1.875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-title {
    font-size: 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-reviews-title {
    font-size: 1.875rem;
  }
}

.m-reviews-stars {
  color: #00aad2;
  display: flex;
}

.m-reviews-stars .icon {
  margin-right: 0.3125rem;
}

.m-reviews-overall-stars {
  justify-content: center;
  margin: 0.5rem auto 0.25rem;
}

.m-reviews-overall-stars .icon {
  width: 1.875rem;
  height: 1.875rem;
}

.m-reviews-review-stars {
  margin-bottom: 0.25rem;
}

.m-reviews-review-stars .icon {
  width: 1.25rem;
  height: 1.25rem;
}

.m-reviews-score-text,
.m-reviews-content {
  font-size: 1rem;
  line-height: 1.375rem;
}

.m-reviews-cta {
  display: block;
  text-decoration: none;
  color: #002c5e;
  padding: 1.25rem 0 2rem;
}

.m-reviews-cta .icon {
  display: inline-block;
  height: 0.625rem;
  margin-left: 0.125rem;
  width: 0.625rem;
}

@media (min-width: 1024px) {
  .m-reviews-cta {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 0.8125rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-cta {
    position: inherit;
    top: inherit;
    right: inherit;
    padding-top: 1.25rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-reviews-cta {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 0.8125rem;
  }
}

.m-reviews-review {
  text-align: left;
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .m-reviews-review {
    padding-top: 3.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-review {
    padding-top: 2rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-review {
    padding-top: 3.5rem;
  }
}

.m-reviews-date {
  line-height: 1.25rem;
  color: #888888;
}

.m-reviews-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  margin: 1.25rem auto 0.5rem;
}

@media (max-width: 639px) {
  .m-reviews-bottom {
    padding: 0 1.5rem;
  }
}

@media (min-width: 1024px) {
  .m-reviews-bottom {
    display: flex;
    align-items: center;
    max-width: 1440px;
    margin: 4.75rem auto 0;
  }
}

@media (min-width: 1440px) {
  .m-reviews-bottom {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-bottom {
    display: inherit;
    align-items: inherit;
    max-width: inherit;
    margin: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-reviews-bottom {
    display: flex;
    align-items: center;
    max-width: 1440px;
    margin: 4.75rem auto 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .m-reviews-bottom {
    padding: 0 4.5rem;
  }
}

.m-reviews-reviewer {
  margin-top: 0.75rem;
}

.m-reviews-provider-text,
.m-reviews-disclaimer {
  color: #bababa;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .m-reviews-provider-text {
    margin-left: auto;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-provider-text {
    margin-left: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-reviews-provider-text {
    margin-left: auto;
  }
}

.m-reviews-provider-logo {
  margin: 0.5rem auto;
}

@media (min-width: 1024px) {
  .m-reviews-provider-logo {
    margin: 0.5rem 0 0.5rem 0.5rem;
  }
}

@media (min-width: 1024px) {
  .m-reviews-provider-logo {
    margin: 0.5rem 0 0.5rem 0.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-provider-logo {
    margin: 0.5rem auto;
  }
}


@media (min-width: 1024px) {
  .m-reviews-disclaimer {
    order: -1;
    margin-right: 4.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-disclaimer {
    order: inherit;
    margin-right: inherit;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-reviews-disclaimer {
    order: -1;
    margin-right: 4.25rem;
  }
}

.m-reviews-cta,
.m-reviews-date,
.m-reviews-reviewer,
.m-reviews-provider-text,
.m-reviews-disclaimer {
  font-size: 0.875rem;
}

.m-reviews-title,
.m-reviews-cta,
.m-reviews-date,
.m-reviews-headline,
.m-reviews-reviewer,
.m-reviews-provider-text,
.m-reviews-disclaimer {
  font-weight: 500;
}

.ivs-v2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #002c5e;
}

@media (min-width: 1024px) {
  .ivs-v2 {
    border-radius: 0.5rem;
  }
}

.ivs-v2-top-inner {
  display: flex;
  gap: 0.5rem;
  margin: 1rem;
}

@media (min-width: 1024px) {
  .ivs-v2-top-inner {
    gap: 1rem;
    margin: 2rem;
  }
}

.ivs-v2-top-left {
  width: calc(50% - 4px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  gap: 0.5rem;
}

.ivs-v2-top-right {
  width: calc(50% - 4px);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  gap: 0.75rem;
}

@media (min-width: 1024px) {
  .ivs-v2-top-right {
    width: 10rem;
    gap: 1.0625rem;
  }
}

.ivs-v2-top-model-year {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1rem;
}

.ivs-v2-top-model-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #ffffff;
  line-height: 1.375rem;
}

@media (min-width: 1024px) {
  .ivs-v2-top-model-name {
    font-size: 1.875rem;
    line-height: 2rem;
  }
}

.ivs-v2-top-trim-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1rem;
}

.ivs-v2-top-reviews .mro-inventory .mro-button {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.125rem;
  margin-top: 0.125rem;
}

.ivs-v2-top-section,
.ivs-v2-top-section-no-gap,
.ivs-v2-top-section-align-bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
}

@media (min-width: 1024px) {
  .ivs-v2-top-section,
  .ivs-v2-top-section-no-gap,
  .ivs-v2-top-section-align-bottom {
    gap: 0.5rem;
  }
}

.ivs-v2-top-section-no-gap {
  gap: 0;
}

.ivs-v2-top-section-align-bottom {
  margin-top: auto;
}

.ivs-v2-top-title {
  display: table;
  font-weight: 400;
  font-size: 0.75rem;
  color: #bababa;
  line-height: 0.875rem;
}

@media (min-width: 1024px) {
  .ivs-v2-top-title {
    font-size: 0.875rem;
    line-height: 1rem;
  }
}

.ivs-v2-top-title .sticky-icon-wrap {
  position: static;
}

.ivs-v2-top-title svg {
  width: 0.75rem;
  height: 0.75rem;
  color: #bababa;
}

.ivs-v2-top-value {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #ffffff;
  line-height: 1.375rem;
  margin-top: 0.3125rem;
}

@media (min-width: 1024px) {
  .ivs-v2-top-value {
    font-size: 1.875rem;
    line-height: 2rem;
    margin: 0;
  }
}

.ivs-v2-top-value-months {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
}

@media (min-width: 1024px) {
  .ivs-v2-top-value-months {
    font-size: 0.875rem;
    line-height: 1rem;
  }
}

.ivs-v2-top-details {
  display: table;
  font-weight: 400;
  font-size: 0.75rem;
  color: #e6e6e6;
  line-height: 0.875rem;
}

@media (min-width: 1024px) {
  .ivs-v2-top-details {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.ivs-v2-top-details .sticky-icon-wrap {
  position: static;
}

.ivs-v2-top-details svg {
  width: 0.75rem;
  height: 0.75rem;
  color: #e6e6e6;
}

.ivs-v2-top-price-details {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 700;
  font-size: 0.875rem;
  color: #e6e6e6;
  line-height: 1.25rem;
}

.ivs-v2-middle {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), #002c5e;
}

.ivs-v2-middle-inner {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  margin: 1rem;
}

@media (min-width: 1024px) {
  .ivs-v2-middle-inner {
    gap: 1rem;
    margin: 1.5rem;
  }
}

.ivs-v2-middle-section:last-child {
  flex-shrink: 0;
}

.ivs-v2-middle-dealer {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  font-weight: 500;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1rem;
  text-align: left;
}

.ivs-v2-middle-dealer-svg {
  flex-shrink: 0;
}

.ivs-v2-middle-test-drive {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  font-weight: 500;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1rem;
  text-decoration: none;
}

.ivs-v2-bottom-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  margin: 1rem;
}

@media (min-width: 1024px) {
  .ivs-v2-bottom-inner {
    margin: 2rem;
  }
}

.ivs-v2-bottom-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

.ivs-v2-bottom-click-to-buy-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
}

@media (min-width: 1024px) {
  .ivs-v2-bottom-click-to-buy-title {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

.ivs-v2-bottom-click-to-buy-logo {
  width: 5rem;
  height: auto;
}

@media (min-width: 1024px) {
  .ivs-v2-bottom-click-to-buy-logo {
    width: 7.5rem;
  }
}

.ivs-v2-bottom-click-to-buy-logo svg {
  width: 100%;
  height: auto;
}

.ivs-v2-bottom-click-to-buy-learn-more {
  font-weight: 400;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
}

.ivs-v2-bottom-click-to-buy-button {
  font-weight: 400;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
  text-decoration: underline;
}

.ivs-v2-bottom-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #002c5e;
  line-height: 1.25rem;
}

/* #region DEALER MODAL // // // // // // // // // // // // // // // // // // // // // // // // */
.ivs-v2-dealer-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1200;
  display: flex;
  flex-direction: column;
}

.ivs-v2-dealer-modal-overlay {
  width: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  background: #ffffff;
  overflow: hidden;
  z-index: 1202;
}

@media (max-width: 1023px) {
  .ivs-v2-dealer-modal-overlay {
    height: 100dvh;
  }
}

@media (min-width: 1024px) {
  .ivs-v2-dealer-modal-overlay {
    max-width: 49.0625rem;
    border-radius: 0.75rem;
    max-height: calc(100dvh - 144px);
  }
}

.ivs-v2-dealer-modal-head {
  background: #ffffff;
  border-bottom: 0.0625rem solid #e6e6e6;
}

.ivs-v2-dealer-modal-head-inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}

@media (min-width: 640px) {
  .ivs-v2-dealer-modal-head-inner {
    padding: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .ivs-v2-dealer-modal-head-inner {
    padding: 2rem 2rem 1rem 2rem;
  }
}

.ivs-v2-dealer-modal-head-section {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1024px) {
  .ivs-v2-dealer-modal-head-section {
    flex-direction: row;
  }
}

.ivs-v2-dealer-modal-head-section:first-child {
  flex-direction: row;
}

.ivs-v2-dealer-modal-title {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.ivs-v2-dealer-modal-title button:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.ivs-v2-dealer-modal-title-copy {
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.625rem;
}

.ivs-v2-dealer-modal-title-copy button {
  -webkit-tap-highlight-color: transparent;
}

.ivs-v2-dealer-modal-close {
  padding: 0.375rem;
  margin: -0.375rem;
  cursor: pointer;
}

.ivs-v2-dealer-modal-body {
  height: 100%;
  background: #ffffff;
  overflow: hidden;
  overflow-y: auto;
}

.ivs-v2-dealer-modal-body-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  overflow-y: auto;
  padding: 2rem 1rem;
}

@media (min-width: 1024px) {
  .ivs-v2-dealer-modal-body-inner {
    flex-direction: row;
    padding: 2rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .ivs-v2-dealer-modal-body-inner {
    padding: 2rem;
  }
}

.ivs-v2-dealer-modal-body-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .ivs-v2-dealer-modal-body-section {
    width: calc(50% - 16px);
  }
}

.ivs-v2-dealer-modal-body-dealer-group,
.ivs-v2-dealer-modal-body-dealer-group-align-bottom {
  display: flex;
  flex-direction: column;
}

.ivs-v2-dealer-modal-body-dealer-group-align-bottom {
  margin-top: auto;
}

.ivs-v2-dealer-modal-body-dealer-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.5rem;
}

.ivs-v2-dealer-modal-body-dealer-address {
  font-weight: 400;
  font-size: 1rem;
  color: #666666;
  line-height: 1.375rem;
}

.ivs-v2-dealer-modal-body-dealer-link {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  text-decoration: none;
}

.ivs-v2-dealer-modal-body-dealer-link-svg {
  width: 0.525rem;
  height: 0.525rem;
}

.ivs-v2-dealer-modal-body-dealer-link-svg svg {
  width: 100%;
  height: 100%;
}

.ivs-v2-dealer-modal-body-dealer-button {
  align-self: flex-start;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.25rem;
}

.ivs-v2-dealer-modal-backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1201;
}

/* #endregion */
/* #region CLICK TO BUY MODAL // // // // // // // // // // // // // // // // // // // // // // */
.ivs-v2-click-to-buy-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1200;
  display: flex;
  flex-direction: column;
}

.ivs-v2-click-to-buy-modal-overlay {
  width: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  background: #ffffff;
  overflow: hidden;
  z-index: 1202;
}

@media (max-width: 1023px) {
  .ivs-v2-click-to-buy-modal-overlay {
    height: 100dvh;
  }
}

@media (min-width: 1024px) {
  .ivs-v2-click-to-buy-modal-overlay {
    max-width: 60rem;
    border-radius: 0.75rem;
    max-height: calc(100dvh - 144px);
  }
}

.ivs-v2-click-to-buy-modal-head {
  background: #ffffff;
  border-bottom: 0.0625rem solid #e6e6e6;
}

.ivs-v2-click-to-buy-modal-head-inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}

@media (min-width: 640px) {
  .ivs-v2-click-to-buy-modal-head-inner {
    padding: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .ivs-v2-click-to-buy-modal-head-inner {
    padding: 2rem 2rem 1rem 2rem;
  }
}

.ivs-v2-click-to-buy-modal-head-section {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1024px) {
  .ivs-v2-click-to-buy-modal-head-section {
    flex-direction: row;
  }
}

.ivs-v2-click-to-buy-modal-head-section:first-child {
  flex-direction: row;
}

.ivs-v2-click-to-buy-modal-title {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.ivs-v2-click-to-buy-modal-title button:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.ivs-v2-click-to-buy-modal-title-copy {
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.625rem;
}

.ivs-v2-click-to-buy-modal-title-copy button {
  -webkit-tap-highlight-color: transparent;
}

.ivs-v2-click-to-buy-modal-close {
  padding: 0.375rem;
  margin: -0.375rem;
  cursor: pointer;
}

.ivs-v2-click-to-buy-modal-body {
  height: 100%;
  background: #ffffff;
  overflow: hidden;
  overflow-y: auto;
}

.ivs-v2-click-to-buy-modal-body-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  overflow-y: auto;
  padding: 2rem 0;
}

@media (min-width: 1024px) {
  .ivs-v2-click-to-buy-modal-body-inner {
    padding: 2rem;
  }
}

.ivs-v2-click-to-buy-modal-body-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 2rem;
}

@media (min-width: 1024px) {
  .ivs-v2-click-to-buy-modal-body-section {
    gap: 1.5rem;
  }
}

.ivs-v2-click-to-buy-modal-body-video {
  width: 100%;
  height: 100%;
}

.ivs-v2-click-to-buy-modal-body-video iframe {
  height: 13.1875rem;
}

@media (min-width: 640px) {
  .ivs-v2-click-to-buy-modal-body-video iframe {
    height: 22.5rem;
  }
}

@media (min-width: 1024px) {
  .ivs-v2-click-to-buy-modal-body-video iframe {
    height: 31.5625rem;
  }
}

.ivs-v2-click-to-buy-modal-body-copy {
  width: 100%;
  max-width: 25rem;
  font-weight: 400;
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
  padding: 0 1rem;
}

@media (min-width: 1024px) {
  .ivs-v2-click-to-buy-modal-body-copy {
    width: 37.5rem;
    max-width: none;
    padding: 0 1.5rem;
  }
}

.ivs-v2-click-to-buy-modal-body-link {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 1rem;
  color: #002c5e;
  line-height: 1rem;
  text-decoration: none;
}

.ivs-v2-click-to-buy-modal-body-link svg {
  color: #002c5e;
}

.ivs-v2-click-to-buy-modal-backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1201;
}

/* #endregion */

.vin-modal-placement {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1001;
}

.vin-modal-placement .vin-modal-content {
  padding: 0 !important;
}

@media (min-width: 640px) {
  .vin-modal-placement .vin-modal-content {
    height: 100%;
  }
}

.vin-summary-wrapper .reviews-modal-box {
  max-width: 100%;
  margin: 0;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .vin-summary-wrapper .reviews-modal-box {
    height: 75%;
  }
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .reviews-modal-box {
    margin: auto;
  }
}

.vin-summary-wrapper .m-overlay-review-module {
  display: block;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
}

.vin-summary-wrapper .m-hero-content-left .m-overlay-review-module,
.vin-summary-wrapper .m-hero-enhanced-content-left .m-overlay-review-module {
  margin-left: 0;
}

.vin-summary-wrapper .m-hero-content-right .m-overlay-review-module,
.vin-summary-wrapper .m-hero-enhanced-content-right .m-overlay-review-module {
  margin-right: 0;
}

.vin-summary-wrapper .m-overlay-review {
  display: flex;
  justify-content: center;
}

@media (min-width: 320px) {
  .vin-summary-wrapper .m-overlay-review {
    margin-top: 0.4375rem;
  }
}

@media (min-width: 640px) {
  .vin-summary-wrapper .m-overlay-review {
    margin-top: 0.625rem;
  }
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-overlay-review {
    margin-top: 0.625rem;
  }
}

@media (min-width: 1440px) {
  .vin-summary-wrapper .m-overlay-review {
    margin-top: 1.25rem;
  }
}

@media (min-width: 1920px) {
  .vin-summary-wrapper .m-overlay-review {
    margin-top: 1.25rem;
  }
}

.vin-summary-wrapper .m-overlay-link {
  display: flex;
  margin: 0;
  color: #ffffff;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  cursor: pointer;
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-overlay-link {
    display: block;
  }
}

.vin-summary-wrapper .m-overlay-link .icon {
  height: 0.625rem;
  width: 0.625rem;
  display: inline-block;
}

.vin-summary-wrapper .m-overlay-review-star-container {
  display: flex;
  margin-right: 0.625rem;
  margin-top: 0.125rem;
}

.vin-summary-wrapper .m-overlay-review-star-container .icon {
  height: 0.875rem;
  width: 0.875rem;
  margin-right: 0.125rem;
}

.vin-summary-wrapper .m-overlay-review-star-container span:first-child svg {
  margin: 0;
}

.vin-summary-wrapper .m-overlay-review-link {
  align-items: center;
  display: flex;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.375rem;
  text-decoration: none;
}

.vin-summary-wrapper .m-overlay-review-link:hover {
  text-decoration: none;
}

.vin-summary-wrapper .m-overlay-review-link .icon {
  height: 0.875rem;
  margin-left: 0.5rem;
  width: auto;
  fill: #8ce7fc;
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-overlay-review-link {
    display: block;
  }
}

.vin-summary-wrapper .m-hero-contain .m-overlay-review-link,
.vin-summary-wrapper .m-hero-enhanced-contain .m-overlay-review-link {
  color: #ffffff;
}

.vin-summary-wrapper .m-hero-contain .m-overlay-review-link .icon,
.vin-summary-wrapper .m-hero-enhanced-contain .m-overlay-review-link .icon {
  fill: #ffffff;
}

.vin-summary-wrapper .m-hero-contain .m-overlay-review-star-container .icon,
.vin-summary-wrapper .m-hero-enhanced-contain .m-overlay-review-star-container .icon {
  fill: #ffffff;
}

.vin-summary-wrapper .m-overlay-external-icon {
  display: inline-block;
  height: 0.875rem !important;
  width: 0.875rem !important;
}

.vin-summary-wrapper .m-overlay-icon-review {
  display: inline-block;
}

.vin-summary-wrapper .m-overlay-icon-review .icon {
  margin: 0 0 0.3125rem 0.3125rem !important;
}

.vin-summary-wrapper .m-reviews {
  color: #333333;
  background-color: #f3f3f3;
  text-align: center;
  padding: 2.5rem 1rem;
}

@media (min-width: 640px) {
  .vin-summary-wrapper .m-reviews {
    padding: 2.5rem 2rem;
    height: 100%;
  }
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews {
    padding: 3.5rem 2.625rem 3.9375rem;
  }
}

@media (min-width: 1440px) {
  .vin-summary-wrapper .m-reviews {
    padding: 3.5rem 4.5rem 3.9375rem;
  }
}

.vin-summary-wrapper .m-reviews-top {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
}

.vin-summary-wrapper .m-reviews-top:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #bababa;
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews-top:after {
    border-bottom: none;
  }
}

.vin-summary-wrapper .m-reviews-score-container {
  position: relative;
  max-width: 1440px;
}

@media (min-width: 1440px) {
  .vin-summary-wrapper .m-reviews-score-container {
    margin: 0 4.5rem;
  }
}

.vin-summary-wrapper .m-reviews-carousel-container {
  max-width: 67.375rem;
  margin: 0 auto;
}

@media (max-width: 639px) {
  .vin-summary-wrapper .m-reviews-carousel-container {
    width: 100%;
    padding: 0 1.5rem;
  }
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews-carousel-container .slick-track {
    display: flex;
    justify-content: space-between;
  }
  .vin-summary-wrapper .m-reviews-carousel-container .slick-track:before,
  .vin-summary-wrapper .m-reviews-carousel-container .slick-track:after {
    display: none;
  }
  .vin-summary-wrapper .m-reviews-carousel-container .slick-slide:not(:last-child) {
    margin-right: 3.75rem;
  }
  .vin-summary-wrapper .m-reviews-carousel-container .slick-list {
    cursor: default;
  }
}

.vin-summary-wrapper .m-reviews-slick-nav {
  display: flex;
  justify-content: space-between;
  margin: 1.5rem 0 2.5rem;
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews-slick-nav {
    display: none;
  }
}

.vin-summary-wrapper .m-reviews-slick-prev .icon,
.vin-summary-wrapper .m-reviews-slick-next .icon {
  height: 2rem;
  fill: #002c5e;
}

.vin-summary-wrapper .m-reviews-dots-container .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.vin-summary-wrapper .m-reviews-dots-container .slick-active button {
  background-color: #00aad2;
}

.vin-summary-wrapper .m-reviews-dots-container button {
  background-color: #888888;
  border-radius: 50%;
  color: transparent;
  display: inline-block;
  height: 0.5625rem;
  width: 0.5625rem;
}

.vin-summary-wrapper .m-reviews-dots-container li {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0.625rem;
  border: 0.0625rem solid transparent;
}

.vin-summary-wrapper .m-reviews-dots-container li button:focus {
  outline-width: 0.09375rem;
  outline-style: solid;
  outline-offset: 0.25rem;
}

.vin-summary-wrapper .m-reviews-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews-title {
    font-size: 1.875rem;
  }
}

.vin-summary-wrapper .m-reviews-stars {
  color: #00aad2;
  display: flex;
}

.vin-summary-wrapper .m-reviews-stars .icon {
  margin-right: 0.3125rem;
  fill: #00aad2;
}

.vin-summary-wrapper .m-reviews-overall-stars {
  justify-content: center;
  margin: 0.5rem auto 0.25rem;
}

.vin-summary-wrapper .m-reviews-overall-stars .icon {
  width: 1.875rem;
  height: 1.875rem;
}

.vin-summary-wrapper .m-reviews-review-stars {
  margin-bottom: 0.25rem;
}

.vin-summary-wrapper .m-reviews-review-stars .icon {
  width: 1.25rem;
  height: 1.25rem;
}

.vin-summary-wrapper .m-reviews-score-text,
.vin-summary-wrapper .m-reviews-content {
  font-size: 1rem;
  line-height: 1.375rem;
}

.vin-summary-wrapper .m-reviews-cta {
  display: block;
  text-decoration: none;
  color: #002c5e;
  padding: 1.25rem 0 2rem;
}

.vin-summary-wrapper .m-reviews-cta .icon {
  display: inline-block;
  height: 0.625rem;
  margin-left: 0.125rem;
  width: 0.625rem;
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews-cta {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 0.8125rem;
  }
}

.vin-summary-wrapper .m-reviews-review {
  text-align: left;
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews-review {
    padding-top: 3.5rem;
  }
}

.vin-summary-wrapper .m-reviews-date {
  line-height: 1.25rem;
  color: #888888;
}

.vin-summary-wrapper .m-reviews-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  margin: 1.25rem auto 0.5rem;
}

@media (max-width: 639px) {
  .vin-summary-wrapper .m-reviews-bottom {
    padding: 0 1.5rem;
  }
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews-bottom {
    display: flex;
    align-items: center;
    max-width: 1440px;
    margin: 4.75rem auto 0;
  }
}

@media (min-width: 1440px) {
  .vin-summary-wrapper .m-reviews-bottom {
    padding: 0 4.5rem;
  }
}

.vin-summary-wrapper .m-reviews-reviewer {
  margin-top: 0.75rem;
}

.vin-summary-wrapper .m-reviews-provider-text,
.vin-summary-wrapper .m-reviews-disclaimer {
  color: #bababa;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews-provider-text {
    margin-left: auto;
  }
}

.vin-summary-wrapper .m-reviews-provider-logo {
  margin: 0.5rem auto;
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews-provider-logo {
    margin: 0.5rem 0 0.5rem 0.5rem;
  }
}

@media (min-width: 1024px) {
  .vin-summary-wrapper .m-reviews-disclaimer {
    order: -1;
    margin-right: 4.25rem;
  }
}

.vin-summary-wrapper .m-reviews-cta,
.vin-summary-wrapper .m-reviews-date,
.vin-summary-wrapper .m-reviews-reviewer,
.vin-summary-wrapper .m-reviews-provider-text,
.vin-summary-wrapper .m-reviews-disclaimer {
  font-size: 0.875rem;
}

.vin-summary-wrapper .m-reviews-title,
.vin-summary-wrapper .m-reviews-cta,
.vin-summary-wrapper .m-reviews-date,
.vin-summary-wrapper .m-reviews-headline,
.vin-summary-wrapper .m-reviews-reviewer,
.vin-summary-wrapper .m-reviews-provider-text,
.vin-summary-wrapper .m-reviews-disclaimer {
  font-weight: 500;
}

/* #region VEHICLE OVERVIEW MAIN */
.vehicle-overview-v2 .vo-item-title-v2 {
  font-size: 1rem;
  font-weight: 500;
}

.vehicle-overview-v2 .vo-item-title-v2:focus-visible {
  outline: none;
}

.vehicle-overview-v2 .ivd-vehicle-spec-v2 {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  padding-top: 0.75rem;
}

@media (min-width: 375px) {
  .vehicle-overview-v2 .ivd-vehicle-spec-v2 {
    padding-top: 0;
  }
}

@media (min-width: 640px) {
  .vehicle-overview-v2 .ivd-vehicle-spec-v2 {
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  .vehicle-overview-v2 .ivd-vehicle-spec-v2 {
    flex-basis: 50% !important;
  }
}

@media (min-width: 1440px) {
  .vehicle-overview-v2 .ivd-vehicle-spec-v2 {
    flex-basis: 50% !important;
    padding-right: 0.5rem;
  }
}

.vehicle-overview-v2 .ivd-offers-link {
  padding: 1rem 0 0;
}

.vehicle-overview-v2 .vo-item-content {
  transition: all 0.3s ease;
}

.vehicle-overview-v2 .vo-item-content div svg {
  vertical-align: middle;
  display: inline-block;
}

.vehicle-overview-v2 .vo-item-content .accessories-price {
  text-align: right;
}

.vehicle-overview-v2 .vo-item:last-child {
  border: 0;
}

@media (min-width: 320px) and (max-width: 640px) {
  .vehicle-overview-v2 .vo-item:last-child {
    border-bottom: 0.0625rem solid #bababa;
    padding-bottom: 3.125rem;
  }
}

.ivd-vehicle-spec-v2-icon {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  min-height: 3rem;
  background-size: contain;
}

@media print {
  .ivd-vehicle-spec-v2-icon {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
  }
}

.ivd-vehicle-spec-v2-text {
  position: relative;
  font-size: 0.875rem;
  font-weight: 700;
  padding-right: 1rem;
}

.vo-item-title-value {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  color: #333333;
  margin-left: auto;
}

.vo-item-title-value .price-details-icon {
  font-size: 0.75rem;
}

.vo-item-title-value .unlock-button-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #002c5e;
  cursor: pointer;
}

.vo-item-title-value svg {
  width: 0.875rem;
  height: 0.875rem;
  vertical-align: middle;
}

.vo-item-title-value-shown {
  font-size: 0.875rem;
  font-weight: 500;
}

.inTransit-icon .icon {
  padding: 0;
  border: 0;
  margin-right: 0.3125rem;
  width: 1rem;
  height: 1rem;
  transform: none !important;
}

.ivd-estimators-container-vehicle-v2 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.75rem;
  border-bottom: 0.0625rem solid #bababa;
}

@media (min-width: 1024px) {
  .ivd-estimators-container-vehicle-v2 {
    flex-direction: row;
  }
}

@media print {
  .ivd-estimators-container-vehicle-v2 {
    display: block;
  }
}

.ivd-header-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .ivd-header-wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.ivd-header-wrapper .ivd-estimators-container-header-v2 {
  font-family: "Hyundai Sans Head";
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  color: #333333;
}

@media (min-width: 1024px) {
  .ivd-header-wrapper .ivd-estimators-container-header-v2 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.ivd-header-wrapper .ivd-estimators-container-header-vin-v2 {
  font-size: 0.875rem;
  color: #999;
}

@media (min-width: 1024px) {
  .ivd-header-wrapper .ivd-estimators-container-header-vin-v2 {
    text-align: right;
  }
}

@media (min-width: 1440px) {
  .ivd-header-wrapper .ivd-estimators-container-header-vin-v2 {
    text-align: right;
  }
}

@media (min-width: 1024px) {
  .ivd-header-wrapper body.chat-opened .ivd-estimators-container-header-vin-v2 {
    text-align: inherit;
  }
}

@media (min-width: 1440px) {
  .ivd-header-wrapper body.chat-opened .ivd-estimators-container-header-vin-v2 {
    text-align: right;
  }
}

@media (min-width: 1825px) {
  .ivd-header-wrapper body.chat-opened .ivd-estimators-container-header-vin-v2 {
    text-align: right;
  }
}

.ivd-sticker-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  margin-bottom: 1rem;
}

@media (min-width: 1024px) {
  .ivd-sticker-wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.ivd-sticker-wrapper .ivd-estimators-container-header-window-v2 {
  max-width: 100%;
  font-size: 0.875rem;
  color: #888888;
  text-align: right;
}

.ivd-sticker-wrapper .ivd-estimators-container-header-window-v2 .ivd-dealer {
  justify-content: flex-start;
}

.ivd-sticker-wrapper .ivd-window-sticker {
  justify-content: flex-start;
}

@media (min-width: 1024px) {
  .ivd-sticker-wrapper .ivd-window-sticker {
    justify-content: flex-end;
  }
}

.ivd-sticker-wrapper .ivd-external-icon {
  margin-left: 0;
}

.ivd-sticker-wrapper .ivd-external-icon svg {
  margin-left: 0.25rem;
}

@media (min-width: 1024px) {
  .ivd-sticker-wrapper body.chat-opened .ivd-estimators-container-header-window-v2 .ivd-window-sticker {
    justify-content: flex-start;
  }
}

@media (min-width: 1440px) {
  .ivd-sticker-wrapper body.chat-opened .ivd-estimators-container-header-window-v2 .ivd-window-sticker {
    justify-content: flex-end;
  }
}

.ivd-sticker-wrapper .window-sticker-wrapper {
  display: flex;
}

.ivd-sticker-wrapper .window-sticker-wrapper .ivd-external-discalimer {
  margin-left: 0.5rem;
  width: 1rem;
  height: 0.9375rem;
  font-size: 100%;
}

@media (min-width: 1024px) {
  .ivd-sticker-wrapper body.chat-opened .window-sticker-wrapper {
    justify-content: inherit;
  }
}

@media (min-width: 1440px) {
  .ivd-sticker-wrapper body.chat-opened .window-sticker-wrapper {
    justify-content: flex-end;
  }
}

.vo-item-main-v2 .vo-drawer-header-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 1.375rem;
  padding-bottom: 1.8125rem;
}

.vo-item-main-v2 .vo-item-label-v2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: 0.25rem;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.vo-item-main-v2 .vo-item-label-v2 .icon {
  flex-basis: 1.25rem;
  min-width: 1.25rem;
  border: 0.03125rem solid #002c5e;
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.25rem;
  margin-right: 0.625rem;
  color: #002c5e;
}

@media (min-width: 640px) {
  .vo-item-main-v2 .vo-item-label-v2 .icon {
    flex-basis: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.375rem;
  }
}

.vo-item-main-v2.open .vo-item-label-v2 .icon {
  transform: rotate(180deg);
}

.vo-item-main-v2 .vo-drawer-header-wrapper-inner {
  display: flex;
  align-items: center;
}

.vo-item-main-v2 .vo-drawer-header-wrapper-inner .tooltip-trigger {
  -webkit-tap-highlight-color: transparent;
}

.vo-item-main-v2 .vo-item-label-v2-count {
  font-weight: 400;
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
  margin-left: 0.25rem;
}

.vin-details-v2 {
  display: flex;
  flex-direction: column;
  border-bottom: 0.0625rem solid #bababa;
  padding-bottom: 1.25rem;
}

.vin-details-v2 .vo-item-title-v2 {
  display: block;
  padding-top: 1.375rem;
}

.vin-details-v2 .vo-item-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 1.875rem;
}

.vin-details-v2 .view-full-spec-icon .icon {
  width: 0.4rem !important;
  vertical-align: unset;
}

.vin-details-v2 .ivd-estimators-container-vehicle-v2 {
  margin-top: 1.5rem;
  border: none;
}

@media (min-width: 1024px) {
  .vin-details-v2 .ivd-estimators-container-vehicle-v2 {
    margin-top: 0.75rem;
  }
}

.accessories-img {
  height: 20rem;
  width: 100%;
  display: inline-block;
  background-size: cover;
}

@media (min-width: 375px) and (max-width: 1023px) {
  .accessories-img {
    background-size: 100%;
    background-repeat: no-repeat;
    height: 13rem;
  }
}

.accessories-description {
  font-size: 1.25rem;
  font-weight: 700;
  padding: 1rem 1.5rem 0;
  display: flex;
  justify-content: space-between;
}

.accessories-description-details {
  font-size: 1rem;
  color: #888888;
  padding: 0.625rem 1.5rem 3rem;
}

.accessories-description-title {
  font-size: 1rem;
  color: #333333;
  padding: 1.25rem 1.25rem;
  font-weight: 500;
}

.accessories-name {
  font-size: 0.875rem;
}

.accessories-name .icon {
  width: 0.75rem;
  height: 0.75rem;
}

.dio-accessories-name {
  width: 80%;
}

@media (min-width: 375px) {
  .dio-accessories-name {
    width: 80%;
  }
}

.ps-accordion {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  padding: 0 0 1.25rem 2.125rem;
}

.ps-accessories {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.25rem;
}

.ps-accessories-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}

.ps-accessories-wrapper svg {
  width: 0.625rem;
  height: 0.375rem;
}

.ps-accessories-header,
.ps-accessories-header-price,
.ps-accessories-name,
.ps-accessories-price {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
}

.ps-accessories-header-price {
  flex-shrink: 0;
}

.ps-accessories-name {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 400;
}

.ps-accessories-name .icon {
  width: 0.75rem;
  height: 0.75rem;
}

.ps-accessories-price {
  font-weight: 400;
}

.ps-accessories-unlock {
  display: flex;
}

.ps-accessories-item-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}

.ps-accessories-item-name .icon {
  width: 0.75rem;
  height: 0.75rem;
}

.ps-accessories-tooltip {
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}

.unlock-shown-text {
  flex-shrink: 0;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.375rem;
}

.ps-submenu-header {
  cursor: pointer;
}

.ps-submenu-header.open .icon {
  transform: rotate(180deg);
}

.ps-submenu {
  padding-left: 2.125rem;
}

.ivd-link-unlock {
  color: #002c5e;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  cursor: pointer;
}

.ivd-link-unlock .unlock-button button {
  color: #002c5e;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.ivd-link-unlock .unlock-button span:nth-child(2) {
  padding-left: 0.5rem;
}

.ivd-link-unlock svg {
  font-size: 0.75rem;
  vertical-align: middle;
}

.package-modal {
  width: 100% !important;
  margin: auto;
}

@media (min-width: 1024px) {
  .package-modal {
    width: 40% !important;
  }
}

@media (min-width: 640px) {
  .package-modal {
    width: 50% !important;
  }
}

.package-modal .modal-box {
  margin: 0;
}

@media (min-width: 640px) {
  .package-modal .modal-box {
    margin: auto;
  }
}

.package-modal .modal-content {
  padding: 0;
}

.package-modal .tooltip-content {
  padding: 0 1.25rem;
}

.package-modal .modal-box,
.package-modal .modal-box-content {
  width: 100%;
}

@media (min-width: 320px) and (max-width: 639px) {
  .package-modal .modal-box,
  .package-modal .modal-box-content {
    max-height: 26rem;
  }
}

.totalPurchasesvg svg {
  font-size: 1rem;
  color: #002c5e;
}

.vin-details-price-summary-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 3.5rem;
}

.vin-details-price-summary-wrapper .vin-details-price-summary-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  color: #333333;
  margin-bottom: 0.75rem;
}

.vin-details-price-summary-wrapper .ps-details-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
}

.vin-details-price-summary-wrapper .ps-details-wrapper .toggle-all-sub-menus {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #002c5e;
  text-decoration: underline;
  cursor: pointer;
}

.vin-details-price-summary-wrapper .ivd-link-unlock {
  margin-top: 0.75rem;
}

.vin-details-price-summary-wrapper .vo-item-main-v2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-top: 0.0625rem solid #bababa;
}

.vin-details-price-summary-wrapper .vo-item-main-v2 .vo-drawer-header-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.vin-details-price-summary-wrapper .vo-item-main-v2 .vo-drawer-header-wrapper-inner {
  display: flex;
  align-items: center;
}

.vo-item-main-v2-accessories {
  border-bottom: 0.0625rem solid #bababa;
}

.ps-total-price-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding-top: 1.375rem;
  padding-bottom: 1.8125rem;
  border-top: 0.0625rem solid #bababa;
}

.ps-total-price-wrapper .ps-accessories-total-price {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  color: #333333;
}

.ps-begin-purchase-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1440px) {
  .ps-begin-purchase-wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.ps-begin-purchase-wrapper .ps-begin-purchase-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #000000;
}

.ps-begin-purchase-wrapper .ps-begin-purchase-button a {
  color: unset;
  text-decoration: none;
}

/* #endregion */
/* #region VEHICLE OVERVIEW TEKION OVERRIDE */
.ps-accordion-isTekion .ps-accessories-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1 0 0;
}

.ps-accordion-isTekion .ps-accessories-label span svg {
  width: 0.625rem;
  height: 0.625rem;
  fill: none;
}

.ps-accordion-isTekion .ps-tooltip-remove {
  width: 0.625rem;
  height: 0.625rem;
  color: #333333;
}

.ps-accordion-isTekion .ps-tooltip {
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.ps-accordion-isTekion .ps-tooltip-btn {
  color: #002c5e;
}

.ps-accordion-isTekion .ps-tooltip-btn svg {
  fill: none;
}

.ps-accordion-isTekion .ps-tooltip-modal {
  width: 100%;
  max-width: 30rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  background: #ffffff;
  border: 0.0625rem solid #ededed;
  border-radius: 1.25rem;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  padding: 1.5rem;
  cursor: default;
  z-index: 1300;
}

@media (min-width: 1024px) {
  .ps-accordion-isTekion .ps-tooltip-modal {
    width: 30rem;
    max-width: none;
    position: absolute;
    top: auto;
    bottom: 1.625rem;
    left: calc(50% + 69px);
    transform: translateX(-50%);
  }
}

@media (min-width: 1440px) {
  .ps-accordion-isTekion .ps-tooltip-modal {
    left: 50%;
    transform: translateX(-50%);
  }
}

.ps-accordion-isTekion .ps-tooltip-backdrop {
  width: 100%;
  height: 100%;
  max-width: 64rem;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  padding: 5.3125rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  z-index: 1299;
}

@media (min-width: 1024px) {
  .ps-accordion-isTekion .ps-tooltip-backdrop {
    display: none;
  }
}

.ps-accordion-isTekion .ps-tooltip-modal-arrow {
  width: 1.0625rem;
  height: 1.0625rem;
  position: absolute;
  bottom: -0.5rem;
  right: calc(50% + 61px);
  overflow: hidden;
  transform: rotate(45deg);
}

@media (max-width: 1023px) {
  .ps-accordion-isTekion .ps-tooltip-modal-arrow {
    display: none;
  }
}

@media (min-width: 1440px) {
  .ps-accordion-isTekion .ps-tooltip-modal-arrow {
    right: calc(50% - 8px);
  }
}

.ps-accordion-isTekion .ps-tooltip-modal-arrow:after {
  content: "";
  width: 1.0625rem;
  height: 1.0625rem;
  position: absolute;
  left: 0;
  top: 0;
  background: #ffffff;
  border: 0.0625rem solid #ededed;
  border-right: none;
  border-left: none;
  border-top: none;
}

.ps-accordion-isTekion .ps-tooltip-modal-close {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.375rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}

.ps-accordion-isTekion .ps-tooltip-modal-close svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  stroke-width: 0.0625rem;
  stroke: #002c5e;
}

.ps-accordion-isTekion .ps-tooltip-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.3125rem;
  align-self: stretch;
  font-size: 0.75rem;
}

.ps-accordion-isTekion .ps-tooltip-content h2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  color: #333333;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.ps-accordion-isTekion .ps-tooltip-content h2 span {
  font-size: 1.125rem;
  font-weight: 500 !important;
}

.ps-accordion-isTekion .ps-tooltip-content p {
  display: inline;
  color: #333333;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}

.ps-accordion-isTekion .ps-tooltip-content a {
  color: #002c5e;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  text-decoration: underline;
}

.ps-accordion-isTekion .ps-tooltip-content ul {
  padding-left: 1.5rem;
}

.ps-accessories-header-tekion {
  display: flex;
  flex-grow: 1;
  align-items: center;
  gap: 0.5rem;
}

.ps-spp-accessories-tekion {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.25rem;
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  .ps-spp-accessories-tekion {
    flex-wrap: nowrap;
    align-items: center;
  }
}

.ps-spp-accessories-tekion .ps-accessories-header {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  order: 1;
}

.ps-spp-accessories-tekion .ps-accessories-terms-wrapper {
  display: flex;
  align-items: center;
  order: 3;
  flex-basis: 100%;
  justify-content: flex-start;
}

@media (min-width: 1024px) {
  .ps-spp-accessories-tekion .ps-accessories-terms-wrapper {
    order: 2;
    flex-basis: auto;
    margin-left: auto;
  }
}

.ps-spp-accessories-tekion .ps-accessories-header-price {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  order: 2;
  margin-left: auto;
}

@media (min-width: 1024px) {
  .ps-spp-accessories-tekion .ps-accessories-header-price {
    order: 3;
    margin-left: 1.875rem;
  }
}

/* #endregion VEHICLE OVERVIEW TEKION OVERRIDE */
/* #region HEY HYUNDAI CHAT OVERRIDE */
@media (min-width: 1024px) {
  body.chat-opened .vehicle-overview-v2 .ivd-vehicle-view-txt-auto {
    padding-left: 0;
    width: 80%;
    margin: auto 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vehicle-overview-v2 .ivd-vehicle-view-txt-auto {
    margin: auto;
    padding-left: 0.9375rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .vehicle-overview-v2 .ivd-vehicle-view-txt-auto {
    margin: auto;
    padding-left: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vehicle-overview-v2 .ivd-vehicle-spec-v2 {
    max-width: 100%;
    flex-basis: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vehicle-overview-v2 .ivd-vehicle-spec-v2 {
    flex-basis: 50% !important;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .vehicle-overview-v2 .ivd-vehicle-spec-v2 {
    flex-basis: 50% !important;
    padding-right: 0.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vehicle-overview-v2 .ivd-vehicle-view-colorTxt {
    padding-left: 0.9375rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vehicle-overview-v2 .ivd-vehicle-view-colorTxt {
    padding-left: 1.125rem;
  }
}

body.chat-opened .ivd-estimators-container-vehicle-v2 {
  display: block;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 0.0625rem solid #bababa;
  flex-direction: column;
}

@media (min-width: 1024px) {
  body.chat-opened .ivd-estimators-container-vehicle-v2 {
    flex-direction: column;
    flex-wrap: wrap;
    display: block;
    padding: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .ivd-estimators-container-vehicle-v2 {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    padding: 1.75rem 0.625rem 0.9375rem 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .ivd-estimators-container-vehicle-v2 {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    padding: 0 0.625rem 0.9375rem 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .price-details-v2 {
    flex-direction: column;
    width: calc(100vw - 375px) !important;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .price-details-v2 .price-details-container {
    width: 100%;
    font-weight: 500;
    transform: translate(0, 0);
    left: 0;
  }
}

body.chat-opened .price-details-v2 .price-details-half {
  margin-top: 0;
  padding-top: 4.6875rem;
}

@media (min-width: 1024px) {
  body.chat-opened .price-details-v2 .price-details-half {
    padding-top: 1.875rem;
  }
}

body.chat-opened .price-details-v2 .modal-box {
  margin: auto;
  transform: translateZ(0);
}

@media (min-width: 1299px) {
  body.chat-opened .price-details-v2 .modal-box {
    width: 47.75rem;
  }
}

/* #endregion */

.payment-calculator-v2 {
  background: #ffffff;
  padding: 0;
}

@media (min-width: 1440px) {
  .payment-calculator-v2 {
    padding: 0.3125rem 0.3125rem;
  }
}

.payment-calculator-v2 .active {
  border: 0.0625rem solid #00aad2 !important;
  background-color: #ffffff !important;
}

.payment-calculator-v2 .down-payment-trade-in {
  display: flex;
  justify-content: space-between;
}

.payment-calculator-v2 .down-payment-trade-in .trade-estimate-txt {
  color: #002c5e;
  text-decoration: none;
  cursor: pointer;
}

.payment-calculator-v2 .finance-body {
  border-top: 0.0625rem solid #ccc;
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
  margin-top: 1rem;
}

.payment-calculator-v2 .finance-trade-in {
  display: block;
  padding-top: 0.625rem;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .payment-calculator-v2 .finance-trade-in {
    display: flex;
    padding: 1.875rem 0 0;
  }
}

.payment-calculator-v2 .finance-trade-in input {
  transform: scale(1.5);
  margin-right: 0.25rem;
  vertical-align: middle;
}

.payment-calculator-v2 .finance-trade-in label {
  padding-right: 1.25rem;
  color: #333333;
}

.payment-calculator-v2 .finance-trade-in .trade-in-section .testdrive-modal-form-contact-option {
  margin: 0;
}

.payment-calculator-v2 .finance-trade-in .finance-trade-txt {
  flex-basis: 50%;
  margin-top: 1.25rem;
}

@media (min-width: 1024px) {
  .payment-calculator-v2 .finance-trade-in .finance-trade-txt {
    margin: 0;
  }
}

.payment-calculator-v2 .Loan-term {
  display: flex;
  justify-content: space-between;
  color: #333333;
}

.payment-calculator-v2 .Loan-term .Loan-term-item {
  padding: 0.625rem !important;
  text-align: center;
  border: 0.0625rem solid #e6e6e6;
  background-color: #f3f3f3;
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 500;
  margin: auto;
}

@media (max-width: 320px) {
  .payment-calculator-v2 .Loan-term .Loan-term-item {
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  .payment-calculator-v2 .Loan-term .Loan-term-item {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
  }
}

.payment-calculator-v2 .Loan-term-main {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-top: 2.5rem;
}

.payment-calculator-v2 .Loan-term-main .loan-section-error {
  font-size: 0.875rem;
  font-weight: 700;
  color: #e63312;
  line-height: 1.25rem;
}

.payment-calculator-v2 .Loan-term-main .loan-section {
  width: 100%;
}

.payment-calculator-v2 .down-Payment {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  line-height: 1.125rem;
  margin-top: 1.25rem;
}

.payment-calculator-v2 .down-Payment-monthly {
  padding: 1.875rem 0 0.688rem;
}

.payment-calculator-v2 .slider-down-payment {
  display: block;
  padding: 0;
}

@media (min-width: 1024px) {
  .payment-calculator-v2 .slider-down-payment {
    display: flex;
    justify-content: space-between;
  }
}

.payment-calculator-v2 .slider-down-payment input:nth-child(2) {
  width: 78%;
  display: flex;
  margin: auto;
}

@media (min-width: 1024px) {
  .payment-calculator-v2 .slider-down-payment input:nth-child(2) {
    display: block;
    margin-left: 0.3125rem;
  }
}

.payment-calculator-v2 .slider-down-payment .slider-payment-input {
  width: 50%;
  height: 2.5rem;
  text-align: center;
  font-size: 1.5rem;
  color: #333333;
  border: 0.0625rem solid #00aad2;
}

@media (min-width: 360px) and (max-width: 1023px) {
  .payment-calculator-v2 .slider-down-payment .slider-payment-input {
    width: 40%;
  }
}

@media (min-width: 1024px) {
  .payment-calculator-v2 .slider-down-payment .slider-payment-input {
    width: 35%;
    height: 2.75rem;
  }
}

@media (min-width: 1440px) {
  .payment-calculator-v2 .slider-down-payment .slider-payment-input {
    width: 25%;
  }
}

.payment-calculator-v2 .ivd-calculator-slider .slider-payment-input {
  color: #333333;
  border: 0.0625rem solid #00aad2;
}

.payment-calculator-v2 .Loan-term-rate {
  display: flex;
}

.payment-calculator-v2 .Loan-term-rate .Loan-term-data {
  color: #333333;
  flex-basis: 40%;
  text-align: center;
  border: 0.0625rem solid #e6e6e6;
  background-color: #f3f3f3;
  cursor: pointer;
  padding: 1.5625rem 0.75rem;
  margin-right: 1.563rem;
}

@media (min-width: 320px) and (max-width: 359px) {
  .payment-calculator-v2 .Loan-term-rate .Loan-term-data {
    padding: 0.5rem 0.5rem;
    width: 50%;
    flex-basis: auto;
    margin-right: 1rem;
  }
}

@media (min-width: 360px) and (max-width: 1023px) {
  .payment-calculator-v2 .Loan-term-rate .Loan-term-data {
    padding: 0.5rem 0.5rem;
    margin-right: 1rem;
    flex-basis: 50%;
  }
}

@media (min-width: 1024px) {
  .payment-calculator-v2 .Loan-term-rate .Loan-term-data {
    padding: 0.75rem 1.5625rem 0.75rem 1.5625rem;
    flex-basis: 45%;
  }
}

@media (min-width: 1440px) {
  .payment-calculator-v2 .Loan-term-rate .Loan-term-data {
    padding: 1rem 1.5625rem 1rem 1.5625rem;
    flex-basis: 42%;
  }
}

.payment-calculator-v2 .Loan-term-rate .Loan-term-data .payment-section {
  border-bottom: 0.0625rem solid #ccc;
}

.payment-calculator-v2 .intrest-rate {
  display: block;
}

.payment-calculator-v2 .intrest-rate .intrest-txt {
  font-size: 1.875rem;
  font-weight: 700;
}

.payment-calculator-v2 .intrest-rate .intrest-txts {
  font-size: 1rem;
  font-weight: 500;
}

.payment-calculator-v2 .intrest-text {
  font-size: 0.75rem;
  padding-bottom: 0.875rem;
  display: inline-block;
  font-weight: 400;
}

@media (min-width: 320px) and (max-width: 640px) {
  .payment-calculator-v2 .intrest-text {
    font-size: 0.73rem;
  }
}

.payment-calculator-v2 .intrest-rate-defaultTerm {
  padding: 1.3125rem;
  display: inline-block;
  font-size: 1rem;
}

@media (min-width: 320px) and (max-width: 359px) {
  .payment-calculator-v2 .intrest-rate-defaultTerm {
    padding: 1rem 1rem 0rem 1rem;
  }
}

@media (min-width: 360px) and (max-width: 1023px) {
  .payment-calculator-v2 .intrest-rate-defaultTerm {
    padding: 1rem 1rem 0rem 1rem;
  }
}

@media (min-width: 1024px) {
  .payment-calculator-v2 .intrest-rate-defaultTerm {
    padding: 0.875rem 0 0;
  }
}

.payment-calculator-v2 .slider-input {
  border: 0.125rem solid #ccc;
  color: #ccc;
  font-weight: 500;
  margin: 0 auto 1.1875rem;
  width: 100;
  display: flex;
  font-size: 1.25rem;
}

@media (min-width: 1024px) {
  .payment-calculator-v2 .slider-input {
    margin: 0;
    font-size: 1.5rem;
  }
}

.payment-calculator-v2 .credit-score {
  margin: 2.5rem 0 0 0;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 500;
  color: #666666;
}

@media (min-width: 320px) and (max-width: 359px) {
  .payment-calculator-v2 .credit-score {
    font-size: 0.75rem;
  }
}

@media (min-width: 320px) and (max-width: 1024px) {
  .payment-calculator-v2 .credit-score {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .payment-calculator-v2 .credit-score {
    text-align: center;
  }
}

.payment-calculator-v2 .credit-score .credit-score-section {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.625rem;
  color: #333333;
  font-weight: 400;
  line-height: 1rem;
}

.payment-calculator-v2 .credit-score .credit-score-section .link-show-all-plans {
  font-weight: 700;
  color: #002c5e;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding: 0.4375rem 0;
  font-size: 0.875rem;
  display: inline-flex;
  text-decoration: none;
}

.payment-calculator-v2 .credit-score .edit-credit-txt {
  font-weight: 700;
  color: #002C5F;
  cursor: pointer;
}

.payment-calculator-v2 .credit-score .credit-score-wrapper {
  font-weight: 700;
  color: #002c5e;
  cursor: pointer;
  text-align: center;
}

.payment-calculator-v2 .credit-score .edit {
  display: inline-block;
  text-align: center;
  width: 100%;
}

@media (min-width: 1024px) {
  .payment-calculator-v2 .credit-score .edit {
    text-align: inherit;
    width: auto;
  }
}

.payment-calculator-v2 .credit-score .edit .edit-section {
  color: #002C5F;
}

.payment-calculator-v2 .credit-score .edit svg {
  display: inline-block;
  height: 0.75rem;
}

.payment-calculator-v2 .credit-score .credit-section-txt {
  font-weight: 700;
  color: #333333;
  display: inline-block;
  margin-top: 0.9375rem;
}

@media (min-width: 1024px) {
  .payment-calculator-v2 .credit-score .credit-section-txt {
    margin-top: 0;
  }
}

.payment-calculator-v2 .credit-score .credit-section-txt svg {
  display: inline;
  vertical-align: middle;
  font-size: 0.75rem;
  margin-left: 0.3125rem;
  width: 0.5rem;
}

.payment-calculator-v2 .credit-score .credit-score-txt {
  font-weight: 700;
  color: #002c5e !important;
  cursor: pointer;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}

@media (min-width: 1024px) {
  .payment-calculator-v2 .credit-score .credit-score-txt {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.payment-calculator-v2 .credit-score .unlock-button {
  display: inline-block;
  background: #002c5e;
  padding: 0px 0.625rem;
  margin-top: 0.3125rem;
}

.payment-calculator-v2 .credit-score .unlock-button .vin-summary-primary-button-v2 {
  margin-top: 0.875rem !important;
}

.payment-calculator-v2 .credit-score .unlock-button svg {
  color: #ffffff !important;
}

.payment-calculator-v2 .credit-score .unlock-button .payment-option-unlock-dealer-button {
  padding: 0.5rem 0rem;
}

.payment-calculator-v2 .unlock-dealer-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 1.25rem;
}

.payment-calculator-v2 .unlock-dealer-wrapper .btn-unlock-dealer-price {
  width: 100%;
  background-color: #002c5e;
  color: #ffffff;
  padding: 0.75rem 1rem;
}

.payment-calculator-v2 .unlock-dealer-wrapper .btn-unlock-dealer-price svg path {
  fill: #ffffff;
}

.payment-calculator-v2 .test-drive .loading-icon {
  display: none;
  justify-content: center;
}

.payment-calculator-v2 .test-drive .statusbar-error {
  display: none;
  padding: 1.25rem 1rem;
}

.payment-calculator-v2 .special-programs-isTekion {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  align-self: stretch;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.payment-calculator-v2 .special-programs-head {
  padding: 2.75rem 0 1.25rem;
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
}

.payment-calculator-v2 .special-programs-head-isTekion {
  display: flex;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
}

.payment-calculator-v2 .special-programs-head-isTekion .special-program-head-text {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 0 0.5rem;
  flex: 1 0 0;
  flex-wrap: wrap;
}

.payment-calculator-v2 .special-programs-head-isTekion .special-program-head-text-label {
  color: #666666;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1rem;
}

.payment-calculator-v2 .special-programs-head-isTekion .special-program-head-text-count {
  color: #666666;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}

.payment-calculator-v2 .special-programs-head-isTekion .special-program-head-price {
  color: #333333;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}

.payment-calculator-v2 .special-programs-head-cash {
  padding: 1.5rem 0 1.25rem;
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
}

.payment-calculator-v2 .special-programs-body {
  background: #f3f3f3;
  align-items: center;
  color: #333333;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
  padding: 1.375rem 1.875rem 1.375rem 1.875rem;
}

@media (max-width: 1023px) {
  .payment-calculator-v2 .special-programs-body {
    padding: 1.125rem 0.938rem;
  }
}

@media (min-width: 1024px) {
  .payment-calculator-v2 .special-programs-body {
    font-size: 1.25rem;
    padding: 1.375rem 1.375rem 1.375rem 1.375rem;
  }
}

@media (min-width: 1440px) {
  .payment-calculator-v2 .special-programs-body {
    padding: 1.375rem 1.875rem 1.375rem 1.875rem;
  }
}

.payment-calculator-v2 .special-programs-body input[type=checkbox] {
  margin: auto 1.25rem auto 0;
  transform: scale(1.5);
}

.payment-calculator-v2 .special-programs-body .spp-checkbox-label {
  display: flex;
  margin: 0;
  position: relative;
  margin-right: 1.1rem;
  height: 1.125rem;
  width: 1.125rem;
}

.payment-calculator-v2 .special-programs-body input[type=checkbox]:checked {
  background-color: #ffffff;
}

.payment-calculator-v2 .special-programs-body-isTekion {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  background: #f3f3f3;
  padding: 1rem;
}

@media (min-width: 1024px) {
  .payment-calculator-v2 .special-programs-body-isTekion {
    padding: 1.375rem 1.875rem;
  }
}

.payment-calculator-v2 .special-programs-body-ddc {
  padding: 1.875rem 1.875rem 1.625rem 1.875rem;
}

.payment-calculator-v2 .special-programs-body .special-program-content {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.payment-calculator-v2 .special-programs-body .special-program-content .special-program-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
}

.payment-calculator-v2 .special-programs-body .special-program-content-disclamer {
  display: flex;
  font-size: 1rem;
  width: 100%;
  font-weight: 400;
  font-family: "Hyundai Sans Text";
  padding: 1.25rem 0;
  justify-content: space-between;
}

.payment-calculator-v2 .special-programs-body .special-program-content .per-month {
  margin: 1rem 0 0 -0.3125rem;
  font-size: 1rem;
}

.payment-calculator-v2 .special-programs-body .special-program-content span.special-program-content-text {
  font-size: 0.9375rem;
  flex-basis: 60% !important;
}

@media (min-width: 1024px) {
  .payment-calculator-v2 .special-programs-body .special-program-content span.special-program-content-text {
    font-size: 1.25rem;
  }
}

.payment-calculator-v2 .special-programs-body .special-program-content .price-qualify-txt {
  font-size: 1.25rem;
  flex-basis: 40%;
}

.payment-calculator-v2 .special-programs-body .special-program-content .price-qualify-txt .price-left {
  font-size: 1.25rem !important;
}

.payment-calculator-v2 .spp-content .spp-v2-tooltip-wrapper {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}

.payment-calculator-v2 .spp-content .spp-text-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.payment-calculator-v2 .spp-content .spp-price-left {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4375rem;
}

.payment-calculator-v2 .spp-content .spp-per-month {
  font-size: 1rem;
}

.payment-calculator-v2 .special-programs-body .special-programs-wrapper {
  display: inline-flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}

.payment-calculator-v2 .special-programs-body .special-programs-wrapper .special-programs-wrapper-checkbox {
  display: flex;
  margin: 0;
  position: relative;
  margin-right: 1.1rem;
  height: 1.125rem;
  width: 1.125rem;
}

.payment-calculator-v2 .special-programs-body .special-programs-wrapper .tooltip-trigger {
  cursor: pointer;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-programs-wrapper-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-programs-wrapper-section .special-programs-wrapper-isTekion {
  display: flex;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-programs-wrapper-section .special-program-wrapper-content {
  display: flex;
  align-items: center;
  gap: 1.125rem;
  flex: 1 0 0;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-programs-wrapper-section .special-programs-wrapper-checkbox-isTekion {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-top: 0.125rem;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-programs-wrapper-section .special-programs-wrapper-label {
  width: 1.125rem;
  height: 1.125rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.1875rem;
  border: 0.09375rem solid #bababa;
  background: #ffffff;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-programs-wrapper-section .special-programs-wrapper-label:focus {
  border: 0.09375rem solid #00aad2;
  outline: 0.125rem solid #002c5e;
  outline-offset: 0.125rem;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-programs-wrapper-section .special-programs-wrapper-checkbox-input {
  position: absolute;
  opacity: 0;
  transform: scale(1.5);
  margin: 0;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-programs-wrapper-section .special-programs-wrapper-checkbox-input ~ span.special-programs-wrapper-label svg {
  width: 0.8125rem;
  height: 1rem;
  flex-shrink: 0;
  fill: none;
  padding-left: 0.125rem;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-programs-wrapper-section .special-programs-wrapper-checkbox-input:checked ~ span.special-programs-wrapper-label {
  border: 0.09375rem solid #00aad2;
  background: #00aad2;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-programs-wrapper-section .special-programs-wrapper-checkbox-input:checked ~ span.special-programs-wrapper-label svg {
  stroke-width: 0.09375rem;
  stroke: #ffffff;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-programs-wrapper-section .redirectLink-container {
  position: relative;
  margin-left: 2.25rem;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-programs-wrapper-section .redirectLink {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-programs-wrapper-section .redirect-isTekion {
  color: #002c5e;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
  text-decoration: underline;
  cursor: pointer;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-programs-wrapper-section .price-qualify-txt-isTekion {
  color: #333333;
  text-align: right;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4375rem;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-programs-wrapper-section .special-program-content-isTekion {
  color: #333333;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4375rem;
}

@media (min-width: 1024px) {
  .payment-calculator-v2 .special-programs-body-isTekion .special-programs-wrapper-section .special-program-content-isTekion {
    font-size: 1.25rem;
  }
}

.payment-calculator-v2 .special-programs-body-isTekion .special-program-tooltip-modal {
  width: 100%;
  max-width: 30rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  background: #ffffff;
  border: 0.0625rem solid #ededed;
  border-radius: 1.25rem;
  box-shadow: 8px 4px 30px 0 rgba(0, 0, 0, 0.2);
  padding: 1.5rem;
  cursor: default;
  z-index: 1300;
}

@media (min-width: 1024px) {
  .payment-calculator-v2 .special-programs-body-isTekion .special-program-tooltip-modal {
    width: 30rem;
    max-width: none;
    position: absolute;
    top: 1.625rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

.payment-calculator-v2 .special-programs-body-isTekion .special-program-tooltip-backdrop {
  width: 100%;
  height: 100%;
  max-width: 64rem;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  padding: 5.3125rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  z-index: 1299;
}

@media (min-width: 1024px) {
  .payment-calculator-v2 .special-programs-body-isTekion .special-program-tooltip-backdrop {
    display: none;
  }
}

.payment-calculator-v2 .special-programs-body-isTekion .special-program-tooltip-modal-arrow {
  width: 0.75rem;
  height: 1.5rem;
  position: absolute;
  top: -0.5rem;
  right: calc(30% - 14px);
  overflow: hidden;
  transform: rotate(45deg);
}

@media (max-width: 1023px) {
  .payment-calculator-v2 .special-programs-body-isTekion .special-program-tooltip-modal-arrow {
    display: none;
  }
}

@media (min-width: 1024px) {
  .payment-calculator-v2 .special-programs-body-isTekion .special-program-tooltip-modal-arrow {
    right: calc(50% - 8px);
  }
}

.payment-calculator-v2 .special-programs-body-isTekion .special-program-tooltip-modal-arrow:after {
  content: "";
  width: 0.75rem;
  height: 1.5rem;
  position: absolute;
  left: 0;
  top: 0;
  background: #ffffff;
  border: 0.0625rem solid #ededed;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-program-tooltip-modal-close {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.375rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-program-tooltip-modal-close svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  stroke-width: 0.0625rem;
  stroke: #002c5e;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-program-tooltip-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.3125rem;
  align-self: stretch;
  font-size: 0.75rem;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-program-tooltip-content h2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  color: #333333;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-program-tooltip-content h2 span {
  font-size: 1.125rem;
  font-weight: 500 !important;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-program-tooltip-content p {
  display: inline;
  color: #333333;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-program-tooltip-content a {
  color: #002c5e;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  text-decoration: underline;
}

.payment-calculator-v2 .special-programs-body-isTekion .special-program-tooltip-content ul {
  padding-left: 1.5rem;
}

.payment-calculator-v2 .special-programs-see-all,
.payment-calculator-v2 .spp-plans-see-all {
  width: 100%;
  display: flex;
}

.payment-calculator-v2 .special-programs-see-all a,
.payment-calculator-v2 .special-programs-see-all button,
.payment-calculator-v2 .spp-plans-see-all a,
.payment-calculator-v2 .spp-plans-see-all button {
  width: 100%;
  display: flex;
  padding: 0.75rem 1.875rem;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border: 0.0625rem solid #002c5e;
  text-decoration: none;
}

.payment-calculator-v2 .special-programs-see-all a span,
.payment-calculator-v2 .special-programs-see-all button span,
.payment-calculator-v2 .spp-plans-see-all a span,
.payment-calculator-v2 .spp-plans-see-all button span {
  color: #002c5e;
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}

.payment-calculator-v2 .redirect {
  font-weight: 700;
  font-size: 0.875rem !important;
  color: #002C5F;
  display: flex;
  justify-content: flex-end;
}

@media (min-width: 320px) and (max-width: 359px) {
  .payment-calculator-v2 .redirect {
    font-size: 0.6875rem !important;
  }
}

@media (min-width: 360px) and (max-width: 1023px) {
  .payment-calculator-v2 .redirect {
    font-size: 0.75rem !important;
  }
}

.payment-calculator-v2 .redirect svg {
  display: inline;
  vertical-align: top;
  font-size: 0.75rem;
  margin-left: 0.3125rem;
}

.payment-calculator-v2 .item-tenure {
  font-size: 1rem !important;
  align-self: stretch;
}

.payment-calculator-v2 .item-tenure svg {
  vertical-align: unset;
}

.payment-calculator-v2 .tekion-plancode select {
  max-width: 12.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: justify;
}

.payment-calculator-v2 .see-all {
  font-size: 0.875rem !important;
  display: flex;
  justify-content: center;
  color: #002C5F !important;
  font-weight: 700 !important;
}

.payment-calculator-v2 .see-all svg {
  font-size: 0.6rem;
  margin: auto 0 auto 0.3125rem;
}

.payment-calculator-v2 .finance-summary-calculater {
  margin-top: 2rem;
  margin-bottom: 1.875rem;
}

.payment-calculator-v2 .finance-summary-head {
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 1.5625rem;
}

.payment-calculator-v2 .finance-summary-body {
  display: flex;
  justify-content: space-between;
  color: #333333;
  font-size: 1rem;
  font-weight: 700;
}

.payment-calculator-v2 .finance-summary-body .finance-summary-body-text {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.payment-calculator-v2 .finance-summary-body .finance-amount {
  text-align: right;
  font-size: 1.5625rem;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .payment-calculator-v2 .finance-summary-body .finance-amount {
    font-size: 1.125rem;
  }
}

.payment-calculator-v2 .finance-summary-body .price-details-link__icon svg {
  font-size: 0.6rem;
  margin-left: 0.25rem;
}

.payment-calculator-v2 .finance-summary-footer {
  font-size: 0.75rem;
  font-weight: 400;
  color: #666666;
  line-height: 1rem;
  text-align: center;
  margin-top: 1.875rem;
}

.payment-calculator-v2 .quarey-details {
  border-top: 0.0625rem solid #ccc;
  text-align: center;
  padding-top: 1.25rem;
}

@media (min-width: 320px) and (max-width: 640px) {
  .payment-calculator-v2 .quarey-details {
    padding: 1.25rem 1.25rem;
  }
}

.payment-calculator-v2 .approved-credit {
  color: #333333;
  font-size: 0.75rem;
  text-align: right;
  flex-basis: 70%;
  font-weight: 500;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .payment-calculator-v2 .approved-credit {
    flex-basis: 52%;
  }
}

.payment-calculator-v2 .finance-summary-continue {
  width: 100%;
  padding: 0.875rem 3.5rem;
  color: #ffffff;
  font-size: 1rem;
  margin-bottom: 1.1875rem;
  background-color: #002c5e;
  display: inline-block;
  cursor: pointer;
}

.payment-calculator-v2 .finance-summary-continue svg {
  color: #ffffff;
  filter: none;
}

.payment-calculator-v2 .test-drive {
  margin: 1.5625rem 0;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #666666;
}

.payment-calculator-v2 .test-drive-icon {
  color: #002c5e;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.payment-calculator-v2 .test-drive-icon .test-drive-txt {
  margin-right: 0.5rem;
  vertical-align: middle;
  cursor: pointer;
  display: flex;
  width: 100% !important;
  height: auto !important;
  justify-content: center;
}

.payment-calculator-v2 .test-drive-icon .test-drive-txt svg {
  vertical-align: middle !important;
  margin-right: 0.375rem !important;
  filter: none;
}

.payment-calculator-v2 .test-drive-icon .test-drive-txt svg path {
  fill: #002c5e;
}

.payment-calculator-v2 .contact-dealer {
  font-weight: 700;
  color: #002c5e;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding: 1.25rem 0;
  font-size: 0.875rem;
}

.payment-calculator-v2 .contact-dealer svg {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.5625rem;
  margin-left: 0.25rem;
}

.payment-calculator-v2 .additional-queries {
  color: #333333;
  font-size: 1rem;
}

.payment-calculator-v2 .contact-dealer-dir {
  color: #333333;
  font-size: 1rem;
  font-weight: 700;
}

.payment-calculator-v2 .contact-dealer-dir a {
  text-decoration: none;
  color: #002c5e;
}

.payment-calculator-v2 .disclaimer-display-none {
  display: none !important;
}

.payment-calculator-v2 select {
  max-width: 100%;
  background: #f3f3f3;
  border: 0rem;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  appearance: none;
  -webkit-appearance: none;
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 1rem;
  background-size: 0.625rem;
  background-image: url(../../../../etc.clientlibs/hyundai/main/clientlibs/clientlib-dependencies/resources/images/expand-button-down.svg);
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .payment-calculator-v2 select {
    font-size: 0.6875rem;
  }
}

@media (min-width: 1024px) {
  .payment-calculator-v2 select {
    font-size: 0.875rem;
  }
}

@media (min-width: 1440px) {
  .payment-calculator-v2 select {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    word-wrap: break-word;
  }
}

.payment-calculator-v2 select option.redirect {
  font-weight: 400;
}

.edit-model-v2 {
  width: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  background: #ffffff;
  overflow: hidden;
  z-index: 1002;
}

@media (min-width: 1024px) {
  .edit-model-v2 {
    max-width: 49.0625rem;
  }
}

.edit-model-v2 .modal-box {
  display: flex;
  width: 100%;
  margin: 0;
}

.edit-model-v2 .modal-x {
  top: 0.8rem;
  right: 1.5rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .edit-model-v2 .modal-x {
    position: inherit;
    width: auto;
    height: auto;
  }
}

.edit-model-v2 .main-header {
  padding: 1.25rem 2.1875rem;
  background-color: #f3f3f3;
  font-size: 1rem;
  color: #333333;
  text-align: left;
  font-weight: 500;
}

@media (min-width: 320px) and (max-width: 639px) {
  .edit-model-v2 .main-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.edit-model-v2 .modal-content {
  padding: 0;
}

.edit-model-v2 .modal-box-content {
  width: 100%;
}

@media (min-width: 320px) and (max-width: 639px) {
  .edit-model-v2 .modal-box-content {
    max-height: 32rem;
    background: #ffffff;
  }
}

.edit-model-v2 .main-container {
  text-align: center;
}

.edit-model-v2 .credit-discription {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  margin: 2.1875rem 6rem;
  width: 80%;
  line-height: 1.3125rem;
}

@media (min-width: 1024px) {
  .edit-model-v2 .credit-discription {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 320px) and (max-width: 639px) {
  .edit-model-v2 .credit-discription {
    margin: 2rem;
  }
}

.edit-model-v2 .status-text {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
}

.edit-model-v2 .estimater {
  color: #333333;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1.25rem;
}

.edit-model-v2 .slider-input {
  margin-bottom: 0.625rem;
  border: 0.125rem solid #e6e6e6;
  width: 25%;
  height: 2.5rem;
  text-align: center;
  font-size: 1.5rem;
}

@media (min-width: 640px) {
  .edit-model-v2 .slider-input {
    width: 15%;
  }
}

@media (min-width: 1024px) {
  .edit-model-v2 .slider-input {
    width: 25%;
  }
}

@media (min-width: 1440px) {
  .edit-model-v2 .slider-input {
    width: 15%;
  }
}

.edit-model-v2 .Active-text {
  color: #002c5e !important;
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
}

.edit-model-v2 .save-credit {
  display: inline-block;
  background: #002c5e;
  padding: 0.8125rem 4.875rem;
  color: #ffffff;
  font-size: 1rem;
  margin: 2.5rem 0 3.75rem;
  cursor: pointer;
}

.edit-model-v2 .slider-input-wrapper {
  display: flex;
  justify-content: center;
}

.edit-model-v2 .slider-bar {
  margin: 2rem 0;
}

.edit-model-v2 .bldf-mp-slider {
  left: 0;
}

.edit-model-backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1001;
}

.see-all-special-programs {
  width: 100%;
  max-width: 40rem;
  height: 100%;
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  z-index: 1300;
  background: #f3f3f3;
}

@media (min-width: 640px) {
  .see-all-special-programs {
    max-width: 64rem;
  }
}

@media (min-width: 1024px) {
  .see-all-special-programs {
    width: 60rem;
    height: 41rem;
    max-width: none;
    max-height: calc(100dvh - 144px);
    align-items: flex-start;
    border-radius: 0.75rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.see-all-special-programs .see-all-programs-acc {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  padding: 1rem;
  overflow-y: auto;
}

@media (min-width: 640px) {
  .see-all-special-programs .see-all-programs-acc {
    gap: 2rem;
    padding: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .see-all-special-programs .see-all-programs-acc {
    padding: 2rem;
  }
}

.see-all-special-programs .see-all-programs-summary-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  border-bottom: 0.0625rem solid #e6e6e6;
  background: #ffffff;
  padding: 1rem;
}

@media (min-width: 640px) {
  .see-all-special-programs .see-all-programs-summary-panel {
    padding: 1rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .see-all-special-programs .see-all-programs-summary-panel {
    border-radius: 0.75rem 0.75rem 0 0;
    padding: 2rem 2rem 1rem 2rem;
  }
}

.special-programs-modal-backdrop {
  width: 100%;
  height: 100%;
  max-width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1299;
}

.see-all-programs-acc .see-all-programs-acc-row {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
}

@media (max-width: 639px) {
  .see-all-programs-acc .see-all-programs-acc-row {
    flex-direction: column;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .see-all-programs-acc .see-all-programs-acc-row {
    gap: 1.5rem;
  }
}

@media (min-width: 640px) {
  .see-all-programs-acc .see-all-programs-acc-row {
    align-self: stretch;
    flex-wrap: wrap;
  }
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  flex: 1 0 0;
}

@media (min-width: 640px) {
  .see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item {
    flex: 0 1 calc(50% - 12px);
  }
}

@media (min-width: 1024px) {
  .see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item {
    flex: 0 1 calc(50% - 16px);
  }
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item img {
  height: 11.125rem;
  align-self: stretch;
  max-width: calc(100% * (343 / 178));
  border-radius: 0.5rem;
  background: #C4C4C4;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-desc-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-checkBox {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-selectorT {
  display: flex;
  padding-right: 1.375rem;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-selector {
  display: flex;
  padding: 0.125rem 0;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-checkBox-selector {
  display: flex;
  width: 1rem;
  height: 1rem;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.1875rem;
  border: 0.09375rem solid #bababa;
  background: #ffffff;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-checkBox-selector:focus {
  border: 0.09375rem solid #00aad2;
  outline: 0.125rem solid #002c5e;
  outline-offset: 0.125rem;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc input[type=checkbox] {
  opacity: 0;
  position: absolute;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-checkBox-selector svg {
  fill: none;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-checkBox-selector.selected svg {
  width: 0.75rem;
  height: 1rem;
  flex-shrink: 0;
  stroke-width: 0.09375rem;
  stroke: #ffffff;
  fill: none;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-checkBox-selector.selected {
  border: 0.09375rem solid #00aad2;
  background: #00aad2;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-checkBox-text {
  color: #333333;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-text {
  color: #333333;
  text-align: right;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-desc-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .divider {
  width: 100%;
  height: 0.0625rem;
  background: #e6e6e6;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-desc-section-text {
  /* stylelint-disable-next-line value-no-vendor-prefix */
  display: -webkit-box;
  align-self: stretch;
  color: #333333;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-desc-section-text h2 {
  color: #333333;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-desc-section-text h2 span {
  font-size: 0.875rem;
  font-weight: 500 !important;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-desc-section-text p {
  display: inline;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-desc-section-text ul {
  padding-left: 1.5rem;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-desc-section.expanded .see-all-programs-desc-section-text {
  line-clamp: unset;
  -webkit-line-clamp: unset;
  max-height: none;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-desc-section.expanded .see-all-programs-readM-chevron {
  transform: rotate(180deg);
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-desc-section.expanded .see-all-programs-desc-section-text a {
  color: #002c5e;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  text-decoration: underline;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-readM {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  align-self: stretch;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-readM-link {
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  padding-right: 0.25rem;
  text-decoration: none;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-readM-text {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  padding-top: 0.125rem;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-readM-text span {
  color: #002c5e;
  text-align: center;
  font-family: "Hyundai Sans Head";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-readM-chevron {
  width: 0.75rem;
  height: 0.75rem;
}

.see-all-programs-acc .see-all-programs-acc-row .see-all-programs-acc-item .see-all-programs-desc .see-all-programs-readM-chevron svg {
  width: 0.75rem;
  height: 0.75rem;
  stroke-width: 0.09375rem;
  stroke: #002c5e;
  fill: none;
}

.see-all-programs-summary-panel .see-all-programs-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.see-all-programs-summary-panel .see-all-programs-head .see-all-programs-heading {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.see-all-programs-summary-panel .see-all-programs-head .see-all-programs-heading span {
  color: #333333;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.625rem;
}

.see-all-programs-summary-panel .see-all-programs-head .see-all-programs-close {
  cursor: pointer;
}

.see-all-programs-summary-panel .see-all-programs-head .see-all-programs-close svg {
  width: 1.5rem;
  height: 1.5rem;
}

.see-all-programs-summary-panel .see-all-programs-head .see-all-programs-close svg svg {
  width: 1rem;
  height: 1rem;
  fill: #002c5e;
}

.see-all-programs-summary-panel .see-all-programs-line svg {
  width: 100%;
  height: 0.0625rem;
  align-self: stretch;
  stroke-width: 0.0625rem;
  stroke: #E1E1E1;
}

.see-all-programs-summary-panel .see-all-programs-bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
}

@media (min-width: 1024px) {
  .see-all-programs-summary-panel .see-all-programs-bottom {
    justify-content: flex-end;
    align-items: center;
    gap: 2rem;
  }
}

@media (max-width: 1023px) {
  .see-all-programs-summary-panel .see-all-programs-bottom .see-all-programs-bottom-count {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.25rem;
  }
}

.see-all-programs-summary-panel .see-all-programs-bottom .see-all-programs-bottom-count span {
  color: #333333;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
}

.see-all-programs-summary-panel .see-all-programs-bottom .see-all-programs-bottom-count span:nth-child(2) {
  display: none;
}

@media (max-width: 1023px) {
  .see-all-programs-summary-panel .see-all-programs-bottom .see-all-programs-bottom-count span:nth-child(2) {
    display: block;
    font-size: 1.25rem;
    font-weight: 500;
  }
}

.see-all-programs-summary-panel .see-all-programs-bottom .see-all-programs-bottom-right {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.see-all-programs-summary-panel .see-all-programs-bottom .see-all-programs-bottom-info-cta-price {
  display: none;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 0.25rem;
}

@media (min-width: 1024px) {
  .see-all-programs-summary-panel .see-all-programs-bottom .see-all-programs-bottom-info-cta-price {
    display: flex;
  }
}

.see-all-programs-summary-panel .see-all-programs-bottom .see-all-programs-bottom-info-cta-price span {
  color: #333333;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem;
}

.see-all-programs-summary-panel .see-all-programs-bottom .see-all-programs-bottom-btn-cta {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2rem;
}

.see-all-programs-summary-panel .see-all-programs-bottom .see-all-programs-bottom-btn {
  display: flex;
  height: 2.75rem;
  align-items: center;
}

.see-all-programs-summary-panel .see-all-programs-bottom .see-all-programs-bottom-btn-cont {
  width: 6.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  background: #bababa;
  padding: 0.75rem 1.5rem;
  border: 0.125rem solid #bababa;
}

.see-all-programs-summary-panel .see-all-programs-bottom .see-all-programs-bottom-btn-cont:focus {
  box-shadow: inset 0 0 0 0.125rem #ffffff;
  box-sizing: border-box;
}

.see-all-programs-summary-panel .see-all-programs-bottom .see-all-programs-bottom-btn-cont.selected {
  background: #002c5e;
  border: 0.125rem solid #002c5e;
}

.see-all-programs-summary-panel .see-all-programs-bottom .see-all-programs-bottom-btn-cont span {
  color: #888888;
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}

.see-all-programs-summary-panel .see-all-programs-bottom .see-all-programs-bottom-btn-cont.selected span {
  color: #ffffff;
}

.see-all-plans.modal {
  width: 100%;
  margin: auto;
}

@media (min-width: 1024px) {
  .see-all-plans.modal {
    width: 80%;
  }
}

@media (min-width: 1440px) {
  .see-all-plans.modal {
    width: 60%;
  }
}

.see-all-plans.modal .modal-box {
  height: 100%;
  width: 100%;
}

.see-all-plans.modal .modal-box-content {
  width: 100%;
}

.see-all-plans.modal .modal-content {
  padding: 0;
}

.see-all-plans.modal .header {
  position: fixed;
  top: 0;
  padding: 1.25rem;
  width: 100%;
  background: #f3f3f3;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .see-all-plans.modal .header {
    width: 80%;
  }
}

@media (min-width: 1440px) {
  .see-all-plans.modal .header {
    width: 60%;
  }
}

.see-all-plans.modal .footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 0.9375rem;
  background: #002C5F;
  color: #ffffff;
  display: flex;
  align-items: center;
}

@media (min-width: 1024px) {
  .see-all-plans.modal .footer {
    width: 80%;
  }
}

@media (min-width: 1440px) {
  .see-all-plans.modal .footer {
    width: 60%;
  }
}

.see-all-plans.modal .footer .footer-price {
  font-weight: 700;
  font-size: 1.5rem;
  margin-left: 1.25rem;
}

.see-all-plans.modal .footer .footer-price-month {
  font-size: 18px;
}

.see-all-plans.modal .footer .footer-price-btn-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}

.see-all-plans.modal .footer .footer-price-btn {
  padding: 0.625rem 4.375rem;
  color: #002C5F;
  background: #ffffff;
  font-weight: 500;
  margin-left: -5.125rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .see-all-plans.modal .footer .footer-price-btn {
    padding: 0.625rem 2rem;
    margin-left: 2rem;
  }
}

.see-all-plans.modal .content-title {
  font-size: 1.5rem;
  padding: 1.875rem;
  text-align: center;
}

.see-all-plans.modal .show-all-wrapper {
  display: flex;
}

@media (min-width: 320px) and (max-width: 639px) {
  .see-all-plans.modal .show-all-wrapper {
    display: block;
  }
}

.see-all-plans.modal .packages-container {
  display: block;
}

@media (min-width: 1024px) {
  .see-all-plans.modal .packages-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

.see-all-plans.modal .package-container {
  background: #f3f3f3;
  width: 100%;
  padding: 1.5625rem 1.25rem;
  display: flex;
  flex-basis: 30%;
  margin-bottom: 1.25rem;
  flex-direction: column;
  justify-content: space-between;
  border: 0.0625rem solid transparent;
}

.see-all-plans.modal .package-container.selected {
  border: 0.0625rem solid #00aad2;
  background-color: #ffffff;
}

body.chat-opened .see-all-plans.modal {
  margin: 0;
}

body.chat-opened .see-all-plans.modal .modal-box {
  transform: translateZ(0);
}

@media (min-width: 1024px) {
  body.chat-opened .see-all-plans.modal .modal-box {
    width: 80%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .see-all-plans.modal .modal-box {
    width: 60%;
  }
}

body.chat-opened .see-all-plans.modal .header,
body.chat-opened .see-all-plans.modal .footer {
  transform: translate(0, 0);
}

@media (min-width: 1024px) {
  body.chat-opened .see-all-plans.modal .header,
  body.chat-opened .see-all-plans.modal .footer {
    width: 100%;
  }
}

.see-all-plans.modal .show-all-content {
  margin-top: 2.8125rem;
  padding: 1.25rem;
}

@media (min-width: 1024px) {
  .see-all-plans.modal .show-all-content {
    padding: 1.25rem 2.5rem;
  }
}

.see-all-plans.modal .show-all-content .package-name {
  font-size: 1.25rem;
  font-weight: 500;
}

.see-all-plans.modal .show-all-content .package-desc {
  font-size: 0.875rem;
  font-weight: 700;
  color: #888888;
  margin: 0.625rem 0 1.25rem;
}

.see-all-plans.modal .show-all-content .package-description {
  word-break: break-word;
}

.see-all-plans.modal .show-all-content .package-description .spp-description-list-item {
  display: list-item;
  margin-left: 1rem;
  margin-bottom: 0.5rem;
}

.see-all-plans.modal .show-all-content ul {
  padding: 0 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.see-all-plans.modal .show-all-content .package-price {
  font-size: 1.5625rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
}

.see-all-plans.modal .show-all-content .package-category {
  font-size: 0.875rem;
  color: #888888;
  font-weight: 700;
  margin: 0.625rem 0;
}

.see-all-plans.modal .show-all-content .add-btn {
  padding: 0.75rem 0.9375rem;
  color: white;
  background-color: #002C5F;
  display: flex;
  margin: auto;
  width: 100%;
}

.see-all-plans.modal .show-all-content .added-button {
  background-color: #ffffff;
  color: #00aad2;
  border: 0.0625rem solid #00aad2;
}

.see-all-plans.modal .show-all-content .flex-grid.flex-3 {
  grid-template-columns: 1fr;
}

@media (min-width: 640px) {
  .see-all-plans.modal .show-all-content .flex-grid.flex-3 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1024px) {
  .see-all-plans.modal .show-all-content .flex-grid.flex-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.see-all-plans.modal .show-all-content .header {
  position: fixed;
  top: 0;
  padding: 1.25rem;
  width: 100%;
  background: #f3f3f3;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .see-all-plans.modal .show-all-content .header {
    width: 80%;
  }
}

@media (min-width: 1440px) {
  .see-all-plans.modal .show-all-content .header {
    width: 60%;
  }
}

.see-all-plans.modal .show-all-content .content-title {
  font-size: 1.5rem;
  padding: 1.875rem;
  text-align: center;
}

.see-all-plans.modal .show-all-content .show-all-wrapper {
  display: flex;
}

@media (min-width: 320px) and (max-width: 639px) {
  .see-all-plans.modal .show-all-content .show-all-wrapper {
    display: block;
  }
}

.see-all-plans.modal .show-all-content .packages-container-wrapper {
  margin-bottom: 5rem;
}

.see-all-plans.modal .show-all-content .flex-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  row-gap: 1rem;
  column-gap: 1rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .see-all-plans.modal .show-all-content .flex-grid {
    grid-template-columns: 1fr;
  }
}

.see-all-plans.modal .show-all-content .flex-grid.flex-3 {
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 1rem;
}

.see-all-plans.modal .show-all-content .flex-grid.flex-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 1rem;
}

.see-all-plans.modal .show-all-content .flex-grid.flex-5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  column-gap: 1rem;
}

.see-all-plans.modal .show-all-content .packages-container {
  display: block;
}

@media (min-width: 1024px) {
  .see-all-plans.modal .show-all-content .packages-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

.see-all-plans.modal .show-all-content .package-container {
  background: #f3f3f3;
  width: 100%;
  padding: 1.5625rem 1.25rem;
  display: flex;
  flex-basis: 30%;
  margin-bottom: 1.25rem;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid transparent;
}

.see-all-plans.modal .show-all-content .package-container.selected {
  border: 1px solid #00aad2;
  background-color: white;
}

.see-all-plans.modal .show-all-content .footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 0.9375rem;
  background: #002C5F;
  color: #ffffff;
  display: flex;
  align-items: center;
}

@media (min-width: 1024px) {
  .see-all-plans.modal .show-all-content .footer {
    width: 80%;
  }
}

@media (min-width: 1440px) {
  .see-all-plans.modal .show-all-content .footer {
    width: 60%;
  }
}

.see-all-plans.modal .show-all-content .footer .footer-price {
  font-weight: 700;
  font-size: 1.5rem;
  margin-left: 1.25rem;
}

.see-all-plans.modal .show-all-content .footer .footer-price-month {
  font-size: 18px;
}

.see-all-plans.modal .show-all-content .footer .footer-price-btn-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}

.see-all-plans.modal .show-all-content .footer .footer-price-btn {
  padding: 0.625rem 4.375rem;
  color: #002C5F;
  background: #ffffff;
  font-weight: 500;
  margin-left: -5.125rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .see-all-plans.modal .show-all-content .footer .footer-price-btn {
    padding: 0.625rem 2rem;
    margin-left: 2rem;
  }
}

.see-all-plans.modal .show-all-content .ivd-slider-wrapper {
  width: 70%;
  display: flex;
  align-items: center;
  margin: auto;
}

.see-all-plans.modal .show-all-content .ivd-slider-wrapper .bldf-mp-slider-container {
  height: 0.625rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .see-all-plans.modal .show-all-content .ivd-slider-wrapper {
    width: 75%;
  }
}

@media (min-width: 640px) {
  .see-all-plans.modal .show-all-content .ivd-slider-wrapper {
    width: 60%;
  }
}

body.chat-opened .see-all-plans.modal {
  margin: 0;
}

body.chat-opened .see-all-plans.modal .modal-box {
  transform: translateZ(0);
}

@media (min-width: 1024px) {
  body.chat-opened .see-all-plans.modal .modal-box {
    width: 80%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .see-all-plans.modal .modal-box {
    width: 60%;
  }
}

body.chat-opened .see-all-plans.modal .header,
body.chat-opened .see-all-plans.modal .footer {
  transform: translate(0, 0);
}

@media (min-width: 1024px) {
  body.chat-opened .see-all-plans.modal .header,
  body.chat-opened .see-all-plans.modal .footer {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .see-all-plans.modal .flex-grid.flex-3 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .see-all-plans.modal .flex-grid.flex-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.payment-option-disclaimer .link-unlock-dealer {
  color: #002c5e;
  text-decoration: none;
}

.payment-mode-v2 .finance-header-v2 {
  cursor: pointer;
}

.payment-mode-v2.selectedOption .finance-header-v2 {
  cursor: default;
}

.flex-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  row-gap: 1rem;
  column-gap: 1rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .flex-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.flex-grid.flex-3 {
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 1rem;
}

.flex-grid.flex-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 1rem;
}

.flex-grid.flex-5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  column-gap: 1rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .flex-grid.flex-5 {
    column-gap: 0.5rem;
  }
}

.annual-mile-wrapper.flex-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  row-gap: 1rem;
}

.annual-mile-wrapper.flex-grid.flex-3 {
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 1rem;
}

.annual-mile-wrapper.flex-grid.flex-4 {
  grid-template-columns: 1fr 1fr;
  column-gap: 1rem;
}

.annual-mile-wrapper.flex-grid.flex-5 {
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 1rem;
}

@media (min-width: 1024px) {
  .contact-dealer-modal .purchase-request-overlay {
    width: 75%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
  }
}

@media (min-width: 1440px) {
  .contact-dealer-modal .purchase-request-overlay {
    width: 50%;
  }
}

.contact-dealer-modal .purchase-request-overlay__content {
  padding-bottom: 0;
}

.contact-dealer-modal .raq-header-wrapper {
  margin-top: 3rem;
}

.contact-dealer-modal .raq-header-wrapper .statusbar {
  padding: 1.25rem 2rem;
}

.contact-dealer-modal .raq-overlay {
  display: block;
  position: relative;
  z-index: 1;
}

.contact-dealer-modal .raq-overlay .raq-header {
  display: none;
}

.contact-dealer-modal .raq-overlay .raq-headline {
  display: none;
}

.contact-dealer-modal .raq-body {
  background-color: transparent;
  padding-top: 0;
}

.contact-dealer-modal .raq-submit-request-button {
  width: auto;
}

.contact-dealer-modal .purchase-request-overlay__body {
  height: auto;
  padding-top: 0;
  overflow-y: scroll;
  position: relative;
  background-color: #ffffff;
  max-height: 99%;
}

.contact-dealer-modal .purchase-request-overlay__body .raq-primary-fields {
  width: 100%;
}

@media (min-width: 1024px) {
  .contact-dealer-modal .purchase-request-overlay__body .raq-primary-fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .contact-dealer-modal .purchase-request-overlay__body .raq-primary-fields .raq-form-input-wrapper {
    flex: 1 1 45%;
    max-width: 45%;
  }
}

.special-programs-body--disabled {
  opacity: 0.5;
  pointer-events: none;
}

.payment-calculator-v2 .pc-contact-dealer-form {
  display: flex;
  flex-direction: column;
  border-top: 0.0625rem solid #ccc;
  padding-top: 2rem;
}

.payment-calculator-v2 .pc-contact-dealer-form .raq-overlay {
  display: block;
  position: relative;
  z-index: 1;
}

.payment-calculator-v2 .pc-contact-dealer-form .raq-overlay .raq-body {
  border: none;
}

.payment-calculator-v2 .pc-contact-dealer-form .raq-overlay .raq-header {
  display: none;
}

.payment-calculator-v2 .pc-contact-dealer-form .raq-overlay .raq-headline {
  display: none;
}

.payment-calculator-v2 .pc-contact-dealer-form .raq-overlay .raq-copy {
  display: none;
}

.payment-calculator-v2 .pc-contact-dealer-form .raq-body {
  background-color: transparent;
  padding: 0;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .payment-calculator-v2 .pc-contact-dealer-form .raq-body .raq-form-user-info-fieldset .raq-form-input-wrapper {
    max-width: 100%;
  }
}

.payment-calculator-v2 .pc-contact-dealer-form .raq-submit-request-button {
  width: auto;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .payment-calculator-v2 .pc-contact-dealer-form .statusbar-content {
    align-items: center;
  }
}

.payment-calculator-v2 .pc-contact-dealer-form .success-message-wrapper .statusbar-success {
  margin: -3rem 0 0;
  padding: 1.25rem 2rem;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .payment-calculator-v2 .pc-contact-dealer-form .success-message-wrapper .statusbar-success {
    margin: 0;
    padding: 1.25rem 1rem;
  }
}

.payment-calculator-v2 .pc-contact-dealer-form .success-message-wrapper .statusbar-error {
  padding: 1.25rem 2rem;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .payment-calculator-v2 .pc-contact-dealer-form .success-message-wrapper .statusbar-error {
    padding: 1.25rem 1rem;
  }
}

.payment-calculator-v2 .pc-contact-dealer-form .success-message-raq {
  margin-top: 5rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .payment-calculator-v2 .pc-contact-dealer-form .success-message-raq {
    margin-top: 0;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .payment-calculator-v2 .pc-contact-dealer-form .success-message-raq {
    margin-top: 0;
  }
}

.service-protection-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.8rem 0 0;
}

@media (min-width: 320px) and (max-width: 639px) {
  .service-protection-price {
    padding: 1rem 0 0;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .service-protection-price {
    padding: 1rem 0.938rem 0 0;
  }
}

.service-protection-price .price-name {
  font-size: 1.25rem;
  font-weight: 700;
  color: #333333;
}

@media (min-width: 320px) and (max-width: 639px) {
  .service-protection-price .price-name {
    font-size: 0.875rem;
  }
}

.service-protection-price .per-month {
  margin: 1rem 0 0 -0.3125rem;
  font-size: 1rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .service-protection-price .per-month {
    margin: 1rem 0 0 -0.1875rem;
  }
}

.service-protection-item-wrapper {
  padding: 1.25rem 1.375rem 0 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

@media (min-width: 320px) and (max-width: 639px) {
  .service-protection-item-wrapper {
    padding: 1.25rem 0 0;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .service-protection-item-wrapper {
    padding: 1rem 0.938rem 0 0;
  }
}

.service-protection-item-wrapper .item-price {
  color: #333333;
  font-size: 1rem;
  font-weight: 500;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .service-protection-item-wrapper .item-price {
    font-size: 0.875rem;
    text-align: end;
  }
}

.service-protection-item-wrapper .service-protection-list-wrapper {
  max-width: 60%;
}

@media (min-width: 1440px) {
  .service-protection-item-wrapper .service-protection-list-wrapper {
    max-width: 70%;
  }
}

.service-protection-items {
  margin: 0;
  padding: 0 0 0.2rem 1rem;
  font-size: 0.9375rem;
  color: #666666;
  font-weight: 700;
}

@media (min-width: 320px) and (max-width: 639px) {
  .service-protection-items {
    font-size: 0.8125rem;
  }
}

.paymentsvg svg {
  font-size: 0.875rem;
  color: #002c5e;
}

.inventory-detail-external-icon {
  display: inline-block;
  margin-left: 0.1875rem;
  height: 0.875rem !important;
  width: 0.875rem !important;
}

.spp-v2-tooltip {
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.spp-v2-tooltip-button {
  color: #002c5e;
  -webkit-tap-highlight-color: transparent;
}

.spp-v2-tooltip-button svg {
  fill: none;
}

.spp-v2-tooltip-modal,
.spp-v2-rates-terms-modal {
  width: 100%;
  max-width: 21.4375rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border: 0.0625rem solid #ededed;
  border-radius: 1rem;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  padding: 1.5rem;
  cursor: default;
  z-index: 1300;
}

@media (min-width: 1024px) {
  .spp-v2-tooltip-modal,
  .spp-v2-rates-terms-modal {
    width: 21.4375rem;
    max-width: none;
    position: absolute;
    top: 1.625rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

.spp-v2-tooltip-modal-inner,
.spp-v2-rates-terms-modal-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.spp-v2-tooltip-modal-arrow,
.spp-v2-rates-terms-modal-arrow {
  width: 1.0625rem;
  height: 1.0625rem;
  position: absolute;
  top: -0.5rem;
  right: calc(50% - 8px);
  overflow: hidden;
  transform: rotate(45deg);
}

@media (max-width: 1023px) {
  .spp-v2-tooltip-modal-arrow,
  .spp-v2-rates-terms-modal-arrow {
    display: none;
  }
}

.spp-v2-tooltip-modal-arrow:after,
.spp-v2-rates-terms-modal-arrow:after {
  content: "";
  width: 1.0625rem;
  height: 1.0625rem;
  position: absolute;
  left: 0;
  top: 0;
  background: #ffffff;
  border: 0.0625rem solid #ededed;
  border-right: none;
  border-bottom: none;
}

.spp-v2-tooltip-modal-title-close,
.spp-v2-rates-terms-modal-title-close {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.spp-v2-tooltip-modal-title,
.spp-v2-rates-terms-modal-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.25rem;
}

.spp-v2-tooltip-modal-close {
  padding: 0.375rem;
  margin: -0.375rem;
  cursor: pointer;
}

.spp-v2-tooltip-modal-copy,
.spp-v2-rates-terms-modal-copy {
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .spp-v2-tooltip-modal-copy,
  .spp-v2-rates-terms-modal-copy {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.spp-v2-tooltip-backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  cursor: default;
  z-index: 1200;
}

@media (min-width: 1024px) {
  .spp-v2-tooltip-backdrop {
    display: none;
  }
}

/* #region TEKION RATES MODAL */
.spp-plan-list {
  position: relative;
  height: 1.375rem;
}

.spp-plan-display {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.375rem;
}

.spp-plan-selected-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 0.875rem;
  color: #333333;
}

.spp-plan-btn-wrapper {
  position: relative;
}

.spp-plan-edit-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #002c5e;
}

.spp-plan-edit-button svg {
  width: 0.6875rem;
  height: 0.6875rem;
  fill: #002c5e;
}

.spp-plan-edit-button .spp-plan-edit-text {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.75rem;
  text-decoration: underline;
}

.spp-v2-rates-terms-modal .spp-v2-rates-terms-modal-copy .spp-plan-options {
  overflow-y: auto;
  max-height: 11.625rem;
}

.spp-v2-rates-terms-modal .spp-v2-rates-terms-modal-copy .spp-plan-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-height: 1rem;
}

.spp-v2-rates-terms-modal .spp-v2-rates-terms-modal-copy .spp-plan-radio-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}

@media (min-width: 1024px) {
  .spp-v2-rates-terms-modal--up {
    top: auto;
    bottom: 1.625rem;
  }
}

.spp-v2-rates-terms-modal--up .spp-v2-rates-terms-modal-arrow {
  top: auto;
  bottom: -0.5rem;
}

.spp-v2-rates-terms-modal--up .spp-v2-rates-terms-modal-arrow:after {
  border: 0.0625rem solid #ededed;
  border-left: none;
  border-top: none;
}

.spp-v2-rates-terms-modal-title-close {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.spp-v2-rates-terms-modal-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #333333;
}

.spp-v2-rates-terms-modal-close {
  cursor: pointer;
}

.spp-v2-rates-terms-modal-close svg {
  width: 1rem;
  height: 1rem;
  fill: #002c5e;
}

.spp-v2-rates-terms-modal-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #333333;
}

.spp-plan-options {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.spp-plan-option {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.spp-plan-radio-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem !important;
  font-weight: 400;
  line-height: 0.875rem;
  color: #333333;
}

.spp-plan-radio-price {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem !important;
  font-weight: 500;
  line-height: 0.875rem;
  color: #333333;
}

/* #endregion */
/* #region TEKION MODAL */
.see-all-plans-tekion.modal {
  width: 100%;
  max-height: 100dvh;
  display: flex;
}

.see-all-plans-tekion.modal .packages-container-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

@media (min-width: 640px) {
  .see-all-plans-tekion.modal .packages-container-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

.see-all-plans-tekion.modal .modal-box {
  width: 100%;
  max-height: 100dvh;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  background: #ffffff;
  overflow: hidden;
  z-index: 1202;
}

@media (min-width: 1024px) {
  .see-all-plans-tekion.modal .modal-box {
    max-width: 60rem;
    border-radius: 0.75rem;
    max-height: calc(100dvh - 144px);
  }
}

.see-all-plans-tekion.modal .modal-content {
  padding: 0;
}

.see-all-plans-tekion.modal .tekion-header-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.see-all-plans-tekion.modal .tekion-modal-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-bottom: 0.0625rem solid #E1E1E1;
}

.see-all-plans-tekion.modal .header-tekion {
  width: 100%;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  color: #333333;
  font-weight: 500;
  line-height: 1.625rem;
}

.see-all-plans-tekion.modal .total-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-bottom: 0.0625rem solid #e6e6e6;
}

@media (min-width: 1024px) {
  .see-all-plans-tekion.modal .total-section {
    justify-content: flex-end;
    gap: 2rem;
  }
}

.see-all-plans-tekion.modal .selected-plans {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .see-all-plans-tekion.modal .selected-plans {
    flex-direction: row;
    align-items: center;
    gap: 2rem;
  }
}

.see-all-plans-tekion.modal .total-plans {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1rem;
  color: #333333;
}

.see-all-plans-tekion.modal .total-price {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #333333;
}

.see-all-plans-tekion.modal .show-all-content {
  padding: 1rem;
  margin: 0 !important;
  background-color: #f3f3f3;
}

.see-all-plans-tekion.modal .package-container {
  padding: 0;
}

.see-all-plans-tekion.modal .package-container .spp-plan-list {
  line-height: 0.875rem;
  margin-top: 0.5rem;
}

.see-all-plans-tekion.modal .package-container .spp-plan-selected-text {
  font-size: 0.875rem;
}

.see-all-plans-tekion.modal .package-asset-wrapper {
  width: 100%;
  height: 11.125rem;
  background-color: #C4C4C4;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  overflow: hidden;
}

@media (min-width: 640px) {
  .see-all-plans-tekion.modal .package-asset-wrapper {
    height: 9.25rem;
  }
}

@media (min-width: 1024px) {
  .see-all-plans-tekion.modal .package-asset-wrapper {
    height: 14.0625rem;
  }
}

.see-all-plans-tekion.modal .package-asset-wrapper img,
.see-all-plans-tekion.modal .package-asset-wrapper video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.see-all-plans-tekion.modal .package-checkbox-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.see-all-plans-tekion.modal .package-title-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.see-all-plans-tekion.modal .package-checkbox-label {
  width: 1rem;
  height: 1rem;
}

.see-all-plans-tekion.modal .package-checkbox-label .form-checkbox-input {
  position: relative;
  width: 1rem;
  height: 1rem;
  margin: 0;
  opacity: 1;
}

.see-all-plans-tekion.modal .package-name {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #333333;
}

.see-all-plans-tekion.modal .package-price {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 0.875rem;
  color: #333333;
  margin: 0;
}

.see-all-plans-tekion.modal .package-provider {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  color: #666666;
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
}

.see-all-plans-tekion.modal .package-description {
  padding-top: 0.5rem;
  border-top: 0.0625rem solid #e6e6e6;
}

.see-all-plans-tekion.modal .package-description--truncated {
  /* stylelint-disable-next-line value-no-vendor-prefix */
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.see-all-plans-tekion.modal .package-read-more-btn {
  background: none;
  border: none;
  color: #002c5e;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 0 0;
  text-decoration: none;
}

.see-all-plans-tekion.modal .package-read-more-btn:hover {
  color: #00154d;
}

.see-all-plans-tekion.modal .package-read-more-btn:focus {
  outline: 0.125rem solid #002c5e;
  outline-offset: 0.125rem;
}

.see-all-plans-tekion.modal .package-expand-icon {
  transition: transform 0.3s ease;
  display: inline-block;
  margin-left: 4px;
}

.see-all-plans-tekion.modal .package-expand-icon.icon-rotated {
  transform: rotate(180deg);
}

/* #endregion */

.ia-idpo-v2 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ia-idpo-v2-accessories {
  display: flex;
  justify-content: space-between;
}

.ia-idpo-v2-accessories-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.ia-idpo-v2-accessories-title-svg {
  width: 0.625rem;
  height: 0.375rem;
}

.ia-idpo-v2-accessories-title-svg svg {
  width: 100%;
  height: 100%;
}

.ia-idpo-v2-accessories-open .ia-idpo-v2-accessories-title-svg {
  transform: rotate(180deg);
}

.ia-idpo-v2-accessories-title,
.ia-idpo-v2-accessories-price {
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.375rem;
}

.ia-idpo-v2-accessories-hyundai,
.ia-idpo-v2-accessories-third-party {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ia-idpo-v2-accessory-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: 2.125rem;
}

.ia-idpo-v2-accessory-title,
.ia-idpo-v2-accessory-price {
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.375rem;
}

.ia-idpo-v2-accessory-price {
  margin-left: auto;
}

.ia-idpo-v2-accessory-tooltip {
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}

.ia-idpo-v2-accessory-tooltip-button {
  color: #002c5e;
}

.ia-idpo-v2-accessory-tooltip-button svg {
  fill: none;
}

.ia-idpo-v2-accessory-tooltip-modal {
  width: 100%;
  max-width: 21.4375rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border: 0.0625rem solid #ededed;
  border-radius: 1rem;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  padding: 1.5rem;
  cursor: default;
  z-index: 1300;
}

@media (min-width: 1024px) {
  .ia-idpo-v2-accessory-tooltip-modal {
    width: 21.4375rem;
    max-width: none;
    position: absolute;
    top: 1.625rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

.ia-idpo-v2-accessory-tooltip-modal-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ia-idpo-v2-accessory-tooltip-modal-arrow {
  width: 1.0625rem;
  height: 1.0625rem;
  position: absolute;
  top: -0.5rem;
  right: calc(50% - 8px);
  overflow: hidden;
  transform: rotate(45deg);
}

@media (max-width: 1023px) {
  .ia-idpo-v2-accessory-tooltip-modal-arrow {
    display: none;
  }
}

.ia-idpo-v2-accessory-tooltip-modal-arrow:after {
  content: "";
  width: 1.0625rem;
  height: 1.0625rem;
  position: absolute;
  left: 0;
  top: 0;
  background: #ffffff;
  border: 0.0625rem solid #ededed;
  border-right: none;
  border-bottom: none;
}

.ia-idpo-v2-accessory-tooltip-modal-title-close {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ia-idpo-v2-accessory-tooltip-modal-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.25rem;
}

.ia-idpo-v2-accessory-tooltip-modal-close {
  padding: 0.375rem;
  margin: -0.375rem;
  cursor: pointer;
}

.ia-idpo-v2-accessory-tooltip-modal-image {
  width: 100%;
  height: 10.9375rem;
  position: relative;
  border-radius: 0.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 1024px) {
  .ia-idpo-v2-accessory-tooltip-modal-image {
    height: 12.125rem;
  }
}

.ia-idpo-v2-accessory-tooltip-modal-copy {
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .ia-idpo-v2-accessory-tooltip-modal-copy {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.ia-idpo-v2-accessory-tooltip-backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  cursor: default;
  z-index: 1200;
}

@media (min-width: 1024px) {
  .ia-idpo-v2-accessory-tooltip-backdrop {
    display: none;
  }
}

.ia-ps-v2 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ia-ps-v2-accessories {
  display: flex;
  justify-content: space-between;
}

.ia-ps-v2-accessories-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.ia-ps-v2-accessories-title-svg {
  width: 0.625rem;
  height: 0.375rem;
}

.ia-ps-v2-accessories-title-svg svg {
  width: 100%;
  height: 100%;
}

.ia-ps-v2-accessories-open .ia-ps-v2-accessories-title-svg {
  transform: rotate(180deg);
}

.ia-ps-v2-accessories-title,
.ia-ps-v2-accessories-price {
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.375rem;
}

.ia-ps-v2-accessories-hyundai,
.ia-ps-v2-accessories-third-party {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ia-ps-v2-accessory-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: 2.125rem;
}

.ia-ps-v2-accessory-title,
.ia-ps-v2-accessory-price {
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.375rem;
}

.ia-ps-v2-accessory-price {
  margin-left: auto;
}

.ia-ps-v2-accessory-tooltip {
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}

.ia-ps-v2-accessory-tooltip-button {
  color: #002c5e;
}

.ia-ps-v2-accessory-tooltip-button svg {
  fill: none;
}

.ia-ps-v2-accessory-tooltip-modal {
  width: 100%;
  max-width: 21.4375rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border: 0.0625rem solid #ededed;
  border-radius: 1rem;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  padding: 1.5rem;
  cursor: default;
  z-index: 1300;
}

@media (min-width: 1024px) {
  .ia-ps-v2-accessory-tooltip-modal {
    width: 21.4375rem;
    max-width: none;
    position: absolute;
    top: 1.625rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

.ia-ps-v2-accessory-tooltip-modal-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ia-ps-v2-accessory-tooltip-modal-arrow {
  width: 1.0625rem;
  height: 1.0625rem;
  position: absolute;
  top: -0.5rem;
  right: calc(50% - 8px);
  overflow: hidden;
  transform: rotate(45deg);
}

@media (max-width: 1023px) {
  .ia-ps-v2-accessory-tooltip-modal-arrow {
    display: none;
  }
}

.ia-ps-v2-accessory-tooltip-modal-arrow:after {
  content: "";
  width: 1.0625rem;
  height: 1.0625rem;
  position: absolute;
  left: 0;
  top: 0;
  background: #ffffff;
  border: 0.0625rem solid #ededed;
  border-right: none;
  border-bottom: none;
}

.ia-ps-v2-accessory-tooltip-modal-title-close {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ia-ps-v2-accessory-tooltip-modal-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.25rem;
}

.ia-ps-v2-accessory-tooltip-modal-close {
  padding: 0.375rem;
  margin: -0.375rem;
  cursor: pointer;
}

.ia-ps-v2-accessory-tooltip-modal-image {
  width: 100%;
  height: 10.9375rem;
  position: relative;
  border-radius: 0.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 1024px) {
  .ia-ps-v2-accessory-tooltip-modal-image {
    height: 12.125rem;
  }
}

.ia-ps-v2-accessory-tooltip-modal-copy {
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .ia-ps-v2-accessory-tooltip-modal-copy {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.ia-ps-v2-accessory-tooltip-backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  cursor: default;
  z-index: 1200;
}

@media (min-width: 1024px) {
  .ia-ps-v2-accessory-tooltip-backdrop {
    display: none;
  }
}

.ia-vo-v2 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ia-vo-v2-accessories {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessories {
    flex-direction: row;
  }
}

.ia-vo-v2-accessory {
  width: 100%;
  flex: 0 0 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  gap: 0.5rem;
  box-shadow: 0.1875rem 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.1);
  padding: 0.5rem;
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessory {
    width: calc(50% - 5px);
    flex: 0 0 calc(50% - 5px);
    align-items: center;
    flex-direction: column;
    gap: 0;
    padding: 0;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .ia-vo-v2-accessory:nth-child(3) {
    display: none;
  }
}

@media (min-width: 1440px) {
  .ia-vo-v2-accessory {
    width: calc(33.3333% - 6.6667px);
    flex: 0 0 calc(33.3333% - 6.6667px);
  }
}

.ia-vo-v2-accessory-image {
  width: 4.5rem;
  height: 2.5rem;
  position: relative;
  flex-shrink: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessory-image {
    width: 100%;
    height: 7.8125rem;
  }
}

.ia-vo-v2-accessory-content {
  width: calc(100% - 96px);
  flex: 1 1 auto;
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 0.5rem;
  padding: 0;
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessory-content {
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 1rem 0.5rem;
  }
}

.ia-vo-v2-accessory-title {
  width: auto;
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  order: 2;
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessory-title {
    width: 100%;
    flex: 1 0 100%;
    order: 1;
  }
}

.ia-vo-v2-accessory-title-ellipsis {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.ia-vo-v2-accessory-title-copy {
  min-width: 0;
  flex: 1 1 auto;
  font-weight: 500;
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ia-vo-v2-accessory-tooltip {
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.ia-vo-v2-accessory-tooltip-button {
  -webkit-tap-highlight-color: transparent;
}

.ia-vo-v2-accessory-tooltip-button svg {
  fill: none;
}

.ia-vo-v2-accessory-tooltip-modal {
  width: 100%;
  max-width: 21.4375rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border: 0.0625rem solid #ededed;
  border-radius: 1rem;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  padding: 1.5rem;
  cursor: default;
  z-index: 1300;
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessory-tooltip-modal {
    width: 21.4375rem;
    max-width: none;
    position: absolute;
    top: 1.625rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

.ia-vo-v2-accessory-tooltip-modal-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ia-vo-v2-accessory-tooltip-modal-arrow {
  width: 1.0625rem;
  height: 1.0625rem;
  position: absolute;
  top: -0.5rem;
  right: calc(50% - 8px);
  overflow: hidden;
  transform: rotate(45deg);
}

@media (max-width: 1023px) {
  .ia-vo-v2-accessory-tooltip-modal-arrow {
    display: none;
  }
}

.ia-vo-v2-accessory-tooltip-modal-arrow:after {
  content: "";
  width: 1.0625rem;
  height: 1.0625rem;
  position: absolute;
  left: 0;
  top: 0;
  background: #ffffff;
  border: 0.0625rem solid #ededed;
  border-right: none;
  border-bottom: none;
}

.ia-vo-v2-accessory-tooltip-modal-title-close {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ia-vo-v2-accessory-tooltip-modal-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.25rem;
}

.ia-vo-v2-accessory-tooltip-modal-close {
  padding: 0.375rem;
  margin: -0.375rem;
  cursor: pointer;
}

.ia-vo-v2-accessory-tooltip-modal-image {
  width: 100%;
  height: 10.9375rem;
  position: relative;
  border-radius: 0.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessory-tooltip-modal-image {
    height: 12.125rem;
  }
}

.ia-vo-v2-accessory-tooltip-modal-copy {
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessory-tooltip-modal-copy {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.ia-vo-v2-accessory-tooltip-backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  cursor: default;
  z-index: 1200;
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessory-tooltip-backdrop {
    display: none;
  }
}

.ia-vo-v2-accessory-price {
  font-weight: 500;
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.25rem;
  order: 3;
  margin-left: auto;
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessory-price {
    order: 2;
    margin-left: 0;
  }
}

.ia-vo-v2-accessory-checkbox-label {
  position: relative;
  margin-left: 0;
  order: 1;
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessory-checkbox-label {
    margin-left: auto;
    order: 3;
  }
}

.ia-vo-v2-accessory-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.ia-vo-v2-accessory-custom-checkbox {
  display: flex;
  gap: 0.5rem;
}

.ia-vo-v2-accessory-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.09375rem solid #bababa;
  border-radius: 0.1875rem;
  cursor: pointer;
}

.ia-vo-v2-accessory-custom-checkbox-button:focus {
  border: 0.09375rem solid #00aad2;
  outline: 0.125rem solid #002c5e;
  outline-offset: 0.125rem;
}

.ia-vo-v2-accessory-custom-checkbox-button:hover {
  border: 0.09375rem solid #00aad2;
}

.ia-vo-v2-accessory-checkbox:checked ~ .ia-vo-v2-accessory-custom-checkbox .ia-vo-v2-accessory-custom-checkbox-button {
  border: 0.09375rem solid #00aad2;
  background-color: #00aad2;
}

.ia-vo-v2-accessory-checkbox:checked ~ .ia-vo-v2-accessory-custom-checkbox .ia-vo-v2-accessory-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.0625rem;
  left: 0.3125rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: 0.125rem solid #ffffff;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.ia-vo-v2-no-accessories {
  background-color: #f3f3f3;
}

.ia-vo-v2-no-accessories-inner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
}

@media (min-width: 1024px) {
  .ia-vo-v2-no-accessories-inner {
    padding: 1.5rem;
  }
}

@media (min-width: 1440px) {
  .ia-vo-v2-no-accessories-inner {
    padding: 2.125rem 2rem;
  }
}

.ia-vo-v2-no-accessories-title {
  font-weight: 700;
  font-size: 1rem;
  color: #333333;
  line-height: 1.15rem;
}

@media (min-width: 1024px) {
  .ia-vo-v2-no-accessories-title {
    font-size: 1.25rem;
    line-height: 1.4375rem;
  }
}

.ia-vo-v2-no-accessories-copy {
  font-weight: 400;
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .ia-vo-v2-no-accessories-copy {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.ia-vo-v2-explore-accessories-button {
  -webkit-tap-highlight-color: transparent;
}

.ia-vo-v2-explore-accessories-copy {
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
}

.ia-vo-v2-accessories-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1200;
  display: flex;
  flex-direction: column;
}

.ia-vo-v2-accessories-modal-overlay {
  width: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  background: #ffffff;
  overflow: hidden;
  z-index: 1202;
}

@media (max-width: 1023px) {
  .ia-vo-v2-accessories-modal-overlay {
    height: 100dvh;
  }
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessories-modal-overlay {
    max-width: 60rem;
    border-radius: 0.75rem;
    max-height: calc(100dvh - 144px);
  }
}

.ia-vo-v2-accessories-modal-head-inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}

@media (min-width: 640px) {
  .ia-vo-v2-accessories-modal-head-inner {
    padding: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessories-modal-head-inner {
    padding: 2rem 2rem 1rem 2rem;
  }
}

.ia-vo-v2-accessories-modal-head-section {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessories-modal-head-section {
    flex-direction: row;
  }
}

.ia-vo-v2-accessories-modal-head-section:first-child {
  flex-direction: row;
}

.ia-vo-v2-accessories-modal-title {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.ia-vo-v2-accessories-modal-title button:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.ia-vo-v2-accessories-modal-title-copy {
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.625rem;
}

.ia-vo-v2-accessories-modal-title-copy button {
  -webkit-tap-highlight-color: transparent;
}

.ia-vo-v2-accessories-modal-close {
  padding: 0.375rem;
  margin: -0.375rem;
  cursor: pointer;
}

.ia-vo-v2-accessories-modal-divider {
  width: 100%;
  height: 0.0625rem;
  background-color: #e1e1e1;
}

.ia-vo-v2-accessories-modal-toggles {
  display: flex;
  align-items: center;
  align-self: flex-start;
  gap: 0.5rem;
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessories-modal-toggles {
    align-self: center;
  }
}

.ia-vo-v2-accessories-modal-toggle {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #666666;
  line-height: 0.875rem;
  border-bottom: 0.125rem solid #ffffff;
  padding: 0.5rem 0.25rem;
  -webkit-tap-highlight-color: transparent;
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessories-modal-toggle {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.ia-vo-v2-accessories-modal-toggle-active {
  color: #333333;
  border-bottom: 0.125rem solid #00aad2;
}

.ia-vo-v2-accessories-modal-count-total-apply {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessories-modal-count-total-apply {
    width: auto;
    gap: 2rem;
    margin-left: auto;
  }
}

.ia-vo-v2-accessories-modal-count-total {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.25rem;
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessories-modal-count-total {
    align-items: center;
    flex-direction: row;
    gap: 2rem;
  }
}

.ia-vo-v2-accessories-modal-count {
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1rem;
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessories-modal-count {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}

.ia-vo-v2-accessories-modal-total {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
  line-height: 1.625rem;
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessories-modal-total {
    font-size: 1.25rem;
    line-height: 1.375rem;
  }
}

.ia-vo-v2-accessories-modal-body {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.ia-vo-v2-accessories-modal-body-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  overflow-y: auto;
  padding: 2rem 1rem;
}

@media (min-width: 640px) {
  .ia-vo-v2-accessories-modal-body-inner {
    padding: 2rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessories-modal-body-inner {
    padding: 2rem;
  }
}

.ia-vo-v2-accessories-modal-body-section {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.ia-vo-v2-accessories-modal-body-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.25rem;
}

.ia-vo-v2-accessories-modal-body-copy {
  width: 100%;
  max-width: 35rem;
  font-weight: 400;
  font-size: 0.75rem;
  color: #333333;
  line-height: 1rem;
}

.ia-vo-v2-accessories-modal-body-accessories {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

@media (min-width: 640px) {
  .ia-vo-v2-accessories-modal-body-accessories {
    gap: 2rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessories-modal-body-accessories {
    gap: 2rem;
  }
}

.ia-vo-v2-accessories-modal-body-accessory {
  width: 100%;
  flex: 0 0 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 640px) {
  .ia-vo-v2-accessories-modal-body-accessory {
    width: calc(50% - 12px);
    flex: 0 0 calc(50% - 12px);
  }
}

@media (min-width: 1024px) {
  .ia-vo-v2-accessories-modal-body-accessory {
    width: calc(33.3333% - 21.3333px);
    flex: 0 0 calc(33.3333% - 21.3333px);
  }
}

.ia-vo-v2-accessories-modal-body-accessory-image {
  width: 100%;
  position: relative;
  flex-shrink: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.5rem;
  overflow: hidden;
  padding-bottom: 56.25%;
}

.ia-vo-v2-accessories-modal-body-accessory-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ia-vo-v2-accessories-modal-body-accessory-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ia-vo-v2-accessories-modal-body-accessory-checkbox-price {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.ia-vo-v2-accessories-modal-body-accessory-checkbox {
  width: auto;
  flex: 1 1 auto;
  min-width: 0;
}

.ia-vo-v2-accessories-modal-body-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.ia-vo-v2-accessories-modal-body-custom-checkbox {
  display: inline-flex;
  gap: 0.5rem;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.ia-vo-v2-accessories-modal-body-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.09375rem solid #bababa;
  border-radius: 0.1875rem;
  cursor: pointer;
}

.ia-vo-v2-accessories-modal-body-custom-checkbox-button:focus {
  border: 0.09375rem solid #00aad2;
  outline: 0.125rem solid #002c5e;
  outline-offset: 0.125rem;
}

.ia-vo-v2-accessories-modal-body-custom-checkbox-button:hover {
  border: 0.09375rem solid #00aad2;
}

.ia-vo-v2-accessories-modal-body-checkbox:checked ~ .ia-vo-v2-accessories-modal-body-custom-checkbox .ia-vo-v2-accessories-modal-body-custom-checkbox-button {
  border: 0.09375rem solid #00aad2;
  background-color: #00aad2;
}

.ia-vo-v2-accessories-modal-body-checkbox:checked ~ .ia-vo-v2-accessories-modal-body-custom-checkbox .ia-vo-v2-accessories-modal-body-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.0625rem;
  left: 0.3125rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: 0.125rem solid #ffffff;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.ia-vo-v2-accessories-modal-body-custom-checkbox-label {
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.ia-vo-v2-accessories-modal-body-accessory-price {
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  flex-shrink: 0;
}

.ia-vo-v2-accessories-modal-body-accessory-divider {
  width: 100%;
  height: 0.0625rem;
  background-color: #e6e6e6;
}

.ia-vo-v2-accessories-modal-body-accessory-copy {
  /* stylelint-disable-next-line value-no-vendor-prefix */
  display: -webkit-box;
  font-weight: 400;
  font-size: 0.75rem;
  color: #333333;
  line-height: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.ia-vo-v2-accessories-modal-body-accessory-content-read-more .ia-vo-v2-accessories-modal-body-accessory-copy {
  line-clamp: unset;
  -webkit-line-clamp: unset;
  max-height: none;
}

.ia-vo-v2-accessories-modal-body-accessory-read {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 0.25rem;
  -webkit-tap-highlight-color: transparent;
}

.ia-vo-v2-accessories-modal-body-accessory-read-copy {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  line-height: 0.875rem;
}

.ia-vo-v2-accessories-modal-body-accessory-read-icon {
  transform: rotate(90deg);
}

.ia-vo-v2-accessories-modal-body-accessory-content-read-more .ia-vo-v2-accessories-modal-body-accessory-read-icon {
  transform: rotate(270deg);
}

.ia-vo-v2-accessories-modal-backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1201;
}

.ifti-v2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1.5rem;
  margin-top: 1.25rem;
}

.ifti-v2-logo img {
  display: block;
}

.ifti-v2-copy {
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.ifti-v2-offer {
  width: 100%;
  position: relative;
}

.ifti-v2-trade-in {
  width: 100%;
  display: flex;
  background-color: #f3f3f3;
}

.ifti-v2-trade-in-inner {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1.125rem;
  padding: 1.125rem 0.9375rem;
}

@media (min-width: 1024px) {
  .ifti-v2-trade-in-inner {
    padding: 1.375rem 1.875rem;
  }
}

.ifti-v2-trade-in-checkbox-label {
  position: relative;
  margin-left: 0;
}

.ifti-v2-trade-in-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.ifti-v2-trade-in-custom-checkbox {
  display: flex;
  gap: 0.5rem;
}

.ifti-v2-trade-in-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.09375rem solid #bababa;
  border-radius: 0.1875rem;
  cursor: pointer;
}

.ifti-v2-trade-in-custom-checkbox-button:focus {
  border: 0.09375rem solid #00aad2;
  outline: 0.125rem solid #002c5e;
  outline-offset: 0.125rem;
}

.ifti-v2-trade-in-custom-checkbox-button:hover {
  border: 0.09375rem solid #00aad2;
}

.ifti-v2-trade-in-checkbox:checked ~ .ifti-v2-trade-in-custom-checkbox .ifti-v2-trade-in-custom-checkbox-button {
  border: 0.09375rem solid #00aad2;
  background-color: #00aad2;
}

.ifti-v2-trade-in-checkbox:checked ~ .ifti-v2-trade-in-custom-checkbox .ifti-v2-trade-in-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.0625rem;
  left: 0.3125rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: 0.125rem solid #ffffff;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.ifti-v2-trade-in-copy {
  width: 100%;
  max-width: 10.875rem;
  font-weight: 700;
  font-size: 0.9375rem;
  color: #333333;
  line-height: 1.078125rem;
  text-align: left;
}

@media (min-width: 640px) {
  .ifti-v2-trade-in-copy {
    max-width: 13.75rem;
  }
}

@media (min-width: 1440px) {
  .ifti-v2-trade-in-copy {
    font-size: 1.25rem;
    line-height: 1.4375rem;
  }
}

.ifti-v2-trade-in-value {
  font-weight: 700;
  font-size: 1.25rem;
  color: #333333;
  line-height: 1.4375rem;
  margin-left: auto;
}

.ifti-v2-offer-button {
  width: 100%;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #002c5e;
  line-height: 1.25rem;
  border: 0.0625rem solid #002c5e;
  padding: 0;
}

.ifti-v2-offer-button:hover {
  border: 0.0625rem solid #002c5e;
}

.ifti-v2-offer-tooltip-modal {
  width: 100%;
  max-width: 21.4375rem;
  position: fixed;
  top: 50%;
  right: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border: 0.0625rem solid #ededed;
  border-radius: 1rem;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  padding: 1.5rem;
  cursor: default;
  z-index: 1300;
}

@media (min-width: 640px) {
  .ifti-v2-offer-tooltip-modal {
    width: 21.4375rem;
    max-width: none;
    position: absolute;
    top: 3.4375rem;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (min-width: 640px) and (max-width: 803px) {
  .ifti-v2-offer-tooltip-modal {
    left: calc(50% - 67px);
  }
}

.ifti-v2-offer-tooltip-modal-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: left;
}

.ifti-v2-offer-tooltip-modal-arrow {
  width: 1.0625rem;
  height: 1.0625rem;
  position: absolute;
  top: -0.5rem;
  right: calc(50% - 8px);
  overflow: hidden;
  transform: rotate(45deg);
}

@media (max-width: 639px) {
  .ifti-v2-offer-tooltip-modal-arrow {
    display: none;
  }
}

@media (min-width: 640px) and (max-width: 803px) {
  .ifti-v2-offer-tooltip-modal-arrow {
    right: calc(50% - 67px);
  }
}

.ifti-v2-offer-tooltip-modal-arrow:after {
  content: "";
  width: 1.0625rem;
  height: 1.0625rem;
  position: absolute;
  left: 0;
  top: 0;
  background: #ffffff;
  border: 0.0625rem solid #ededed;
  border-right: none;
  border-bottom: none;
}

.ifti-v2-offer-tooltip-modal-close {
  position: absolute;
  top: 0.875rem;
  right: 0.875rem;
  padding: 0.375rem;
  margin: -0.375rem;
  cursor: pointer;
}

.ifti-v2-offer-tooltip-modal-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.25rem;
}

.ifti-v2-offer-tooltip-modal-copy {
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.ifti-v2-offer-tooltip-modal-buttons {
  display: flex;
  gap: 1rem;
}

.ifti-v2-offer-tooltip-modal-button.button-white {
  border: 0.0625rem solid #002c5e;
}

.ifti-v2-offer-tooltip-modal-button.button-white:hover {
  border: 0.0625rem solid #002c5e;
}

.ifti-v2-offer-tooltip-backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  cursor: default;
  z-index: 1200;
}

@media (min-width: 640px) {
  .ifti-v2-offer-tooltip-backdrop {
    display: none;
  }
}

.ifti-v2-legal {
  font-weight: 400;
  font-size: 0.75rem;
  color: #333333;
  line-height: 1rem;
}

.ifti-v2-legal a {
  color: #002c5e;
  text-decoration: underline;
}

.ifti-v2-divider {
  width: 100%;
  height: 0.0625rem;
  background-color: #9a9a9a;
}

.ifti-v2-modal-overlay {
  width: 100%;
  height: 100dvh;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  background: #ffffff;
  overflow: hidden;
  z-index: 1202;
}

@media (min-width: 1024px) {
  .ifti-v2-modal-overlay {
    max-width: 40rem;
    border-radius: 0.75rem;
    max-height: 40rem;
  }
}

.ifti-v2-modal-head {
  border-bottom: 0.0625rem solid #e6e6e6;
}

.ifti-v2-modal-head-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem 1rem;
}

@media (min-width: 640px) {
  .ifti-v2-modal-head-inner {
    padding: 1.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .ifti-v2-modal-head-inner {
    padding: 2rem 2rem 1rem;
  }
}

.ifti-v2-modal-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.625rem;
}

.ifti-v2-modal-close {
  flex-shrink: 0;
  padding: 0.375rem;
  margin: -0.375rem;
  cursor: pointer;
}

.ifti-v2-modal-body {
  height: 100%;
  overflow: hidden;
}

.ifti-v2-modal-body-inner {
  height: 100%;
  display: flex;
  overflow-y: auto;
}

.ifti-v2-modal-body-inner .kbbico {
  width: 100%;
  margin-bottom: 2rem;
  padding: 1rem 0.375rem;
}

@media (min-width: 640px) {
  .ifti-v2-modal-body-inner .kbbico {
    padding: 2rem 1.375rem;
  }
}

.ifti-v2-modal-backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1201;
}

.offdtl {
  padding: 1rem;
}

@media (min-width: 640px) {
  .offdtl {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  .offdtl {
    padding: 2rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .offdtl {
    padding: 2rem 4.5rem;
  }
}

.offdtl-cols {
  max-width: 1440px;
  margin: 0 auto;
  min-height: 25rem;
  position: relative;
}

.offdtl-cols.loading {
  padding: 0;
}

@media (min-width: 1024px) {
  .offdtl-cols {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}

@media (min-width: 1024px) {
  .offdtl-col-main {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
    padding-right: 5rem;
    order: -1;
  }
}

@media (min-width: 1440px) {
  .offdtl-col-main {
    padding-right: 7.5rem;
  }
}

@media (min-width: 1024px) {
  .offdtl-col-aside {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
    padding-left: 1rem;
  }
}

.oi-image-disclaimer {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 400;
  margin-top: 0.5rem;
  z-index: 100000;
  text-align: left;
}

.ops {
  margin-bottom: 3rem;
}

.ops-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
}

.ops-title span {
  display: block;
  font-size: 1.875rem;
  line-height: 2.25rem;
}

@media (min-width: 1024px) {
  .ops-title span {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

.ops-electric-salable-container {
  position: relative;
  background-color: #EEF7F9;
  padding: 1rem;
}

.ops-electric-salable-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.ops-net-price {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.75rem;
  padding: 1rem 0;
  border-top: 1px solid #bababa;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.ops-net-price .ops-net-price-label {
  font-weight: 400;
}

.ops-net-price .ops-net-price-value {
  font-weight: 500;
}

.ops-net-price .tooltip-trigger {
  vertical-align: top;
}

.ops-net-price-value {
  margin-left: auto;
}

.ops-monthly-term {
  color: #888888;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.ops-payment-link {
  color: #002c5e;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
}

.ops-payment-link .icon {
  display: inline-block;
  fill: currentColor;
  height: 0.75rem;
  margin-right: 0.5rem;
  vertical-align: middle;
  width: 0.5625rem;
}

.ops-actions {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1.25rem;
}

.ops-button-inventory,
.ops-button-drive {
  flex: 1;
  padding: 0;
}

.ops-button-inventory .icon-external,
.ops-button-drive .icon-external {
  margin-left: 0.5rem;
}

.ops-button-drive {
  margin-right: 1rem;
}

.ops-button-quote {
  flex: 100%;
  margin-top: 1rem;
}

@media (min-width: 640px) {
  .ops-actions {
    flex-wrap: nowrap;
  }
  .ops-button-inventory,
  .ops-button-drive {
    flex: 0 1 auto;
    padding: 0 1.75rem;
  }
  .ops-button-drive {
    margin-right: 0.5rem;
  }
  .ops-button-quote {
    flex: 0 1 auto;
    margin-left: auto;
    margin-top: 0;
    padding: 0 1.75rem;
  }
}

@media (min-width: 1024px) {
  .ops-actions {
    flex-wrap: wrap;
  }
  .ops-button-inventory,
  .ops-button-drive {
    flex: 1;
    padding: 0;
  }
  .ops-button-drive {
    margin-right: 1rem;
  }
  .ops-button-quote {
    display: none;
  }
}

.oi-image-container {
  overflow: hidden;
}

.oi-image {
  display: block;
  width: 100%;
  transform: scale(1.3);
}

.offers-detail-text {
  padding: 2.5rem 0 0;
}

.odt-checkbox {
  display: none;
}

.odt-checkbox:checked ~ .odt-heading .icon {
  transform: rotate(180deg);
}

.odt-checkbox:checked ~ .odt-panel {
  display: block;
}

.odt-heading {
  padding-bottom: 1.5rem;
  color: #002c5e;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  text-align: left;
}

@media (min-width: 640px) {
  .odt-heading {
    color: #888888;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 400;
  }
}

.odt-heading-label {
  cursor: pointer;
}

.odt-heading-label .icon {
  display: inline-block;
  height: 0.625rem;
  width: 0.625rem;
  margin-left: 0.3125rem;
}

@media (min-width: 640px) {
  .odt-heading-label .icon {
    display: none;
  }
}

@media (min-width: 640px) {
  .odt-heading-label {
    cursor: default;
    pointer-events: none;
  }
}

.odt-panel {
  color: #333333;
  font-size: 1rem;
  line-height: 1.375rem;
  display: none;
}

.odt-panel h1, .odt-panel h2, .odt-panel h3, .odt-panel h4, .odt-panel h5, .odt-panel h6 {
  font-size: 1rem;
  line-height: 1.375rem;
  margin-top: 1.5rem;
}

.odt-panel ul, .odt-panel ol {
  margin: 0;
  padding-left: 2rem;
}

.odt-panel a {
  color: #002c5e;
  text-decoration: none;
}

.odt-panel .odt-details {
  margin-top: 1.5rem;
}

@media (min-width: 640px) {
  .odt-panel {
    display: block;
  }
}

.odt-terms-and-conditions {
  border-top: 1px solid #bababa;
  margin: 1rem 0;
  width: 100%;
}

@media (min-width: 640px) {
  .odt-terms-and-conditions {
    margin-top: 3.5rem;
    margin-bottom: 1.5rem;
  }
}

.odt-terms-and-conditions .odt-terms-title {
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding: 1.5625rem 0;
}

.odt-terms-and-conditions .odt-terms-text {
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.offdtl-no-results-bar {
  padding-bottom: 1rem;
}

.offdtl-no-results {
  padding: 1rem;
  background-color: #f3f3f3;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .offdtl-no-results {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.offdtl-no-results-text {
  font-weight: 700;
}

.price-detail-container {
  display: flex;
  font-size: 1.25rem;
  line-height: 1.625rem;
  padding: 20px 0 0;
}

@media (max-width: 639px) {
  .price-detail-container {
    flex-direction: column;
  }
}

.price-detail-title {
  color: #333333;
  font-size: 3.375rem;
  line-height: 3.5rem;
  font-weight: 500;
}

@media (max-width: 639px) {
  .price-detail-title {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

.price-detail-title span {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  padding: 0 4px 0 0;
}

@media (max-width: 639px) {
  .price-detail-title span {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.price-detail-description {
  align-self: flex-end;
  color: #666666;
  font-size: 1.25rem;
  line-height: 1.625rem;
  padding: 0 0 5px 10px;
}

@media (min-width: 1440px) {
  .price-detail-description {
    width: 60%;
  }
}

@media (max-width: 639px) {
  .price-detail-description {
    align-self: flex-start;
    padding: 0;
  }
}

@media (max-width: 1023px) {
  .raq-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2000;
    background-color: #ffffff;
    overflow-y: auto;
  }
}

@media (min-width: 1024px) {
  .raq-overlay {
    display: block;
  }
}

.raq-overlay-show {
  display: block !important;
}

.raqSuppressionFlag {
  display: none;
}

.raq-header {
  background-color: #f3f3f3;
  color: #002c5e;
  font-size: 1rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 1rem;
}

@media (min-width: 640px) {
  .raq-header {
    padding: 1.25rem 2rem;
  }
}

@media (min-width: 1024px) {
  .raq-header {
    display: none;
  }
}

.raq-selected-trim {
  color: #000000;
  font-weight: 300;
}

.raq-selected-trim-name {
  font-weight: 500;
}

.raq-body {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #888888;
  padding: 1.5rem 1rem;
  background-color: #ffffff;
}

@media (min-width: 640px) {
  .raq-body {
    padding: 1.5rem 2rem 2.875rem;
  }
}

.raq-error-msg {
  color: #e63312;
  margin-top: 0.625rem;
  font-size: 0.875rem;
  font-weight: 400;
  display: none;
  line-height: 0.875rem;
}

.raq-error-msg-show {
  display: block;
}

.raq-headline {
  color: #333333;
  font-size: 1.25rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .raq-headline {
    font-size: 1.5rem;
  }
}

.raq-cancel-button {
  height: 2.75rem;
  color: #002c5e;
  margin-top: 1rem;
  font-weight: 500;
}

.raq-cancel-button .icon {
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.5rem;
}

.raq-submit-new-zip-button {
  height: 2.75rem;
  float: right;
  font-size: 1rem;
  outline: none;
  border: none;
  padding: 0 1.75rem;
  margin-top: 1rem;
}

.raq-form-hint {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #333333;
  padding-bottom: 1rem;
}

.raq-form-fieldset {
  border: none;
  padding: 0;
  margin: 0;
  margin-top: 1.25rem;
}

.raq-form-fieldset fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

.raq-form-label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  line-height: 0.875rem;
  padding-bottom: 0.25rem;
}

.raq-form-label .raq-form-dealers {
  padding-bottom: 0.375rem;
}

.raq-form-input {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  background: #ffffff;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  padding: 0.75rem;
}

.raq-form-input:hover {
  border-color: #00aad2;
}

.raq-form-required-astericks {
  color: #e63312;
}

.raq-form-input-error .ro-v2-input {
  border-color: #e63312;
}

.raq-form-input-error .raq-error-msg {
  display: block;
}

.raq-form-input-error #raq-first-name {
  border: 0.125rem solid var(--first-name-error-color-border) !important;
  padding: 0.6875rem;
}

.raq-form-input-error #raq-last-name {
  border: 0.125rem solid var(--last-name-error-color-border) !important;
  padding: 0.6875rem;
}

.raq-form-input-error #raq-email {
  border: 0.125rem solid var(--email-address-error-color-border) !important;
  padding: 0.6875rem;
}

.raq-form-input-error #raq-form-phone-number {
  border: 0.125rem solid var(--phone-error-color-border) !important;
  padding: 0.6875rem;
}

.raq-form-input-error #raq-form-consent {
  border: 0.125rem solid var(--consent-error-color-border) !important;
}

.raq-form-comment-label {
  color: #002c5e;
  display: flex;
  font-weight: 500;
  cursor: pointer;
}

.raq-form-comment-label .icon {
  width: 0.625rem;
  margin-left: 0.25rem;
  min-height: 1.125rem;
}

.raq-form-comment-label.active .icon {
  transform: rotate(180deg);
}

.raq-form-comment-txtarea {
  width: 100%;
  height: 6.4375rem;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  background-color: #ffffff;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  outline: none;
  resize: none;
  padding: 0.75rem;
  margin-top: 0.75rem;
}

.raq-form-comment-txtarea:hover {
  border-color: #00aad2;
}

.raq-form-char-remaining-hint {
  font-weight: 500;
  font-size: 0.875rem;
  color: #666666;
  line-height: 0.875rem;
}

.raq-form-contact-headline {
  color: #888888;
}

.raq-form-contact-option {
  color: #333333;
  margin: 0.625rem 0.625rem 1.5625rem 0;
  display: inline-flex;
  align-items: flex-end;
}

@media (min-width: 1024px) {
  .raq-form-contact-option {
    margin-right: 1.25rem;
  }
}

.raq-form-radio-input {
  position: relative;
  display: none;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .raq-phone-number-input {
    width: 45%;
  }
}

.raq-phone-number-form-agreement {
  display: flex;
  flex-direction: column;
  margin: 1.5rem auto;
  position: relative;
}

.raq-phone-number-form-agreement .form-checkbox-input:focus + .form-checkbox-box {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .raq-phone-number-form-agreement .form-checkbox-input:focus + .form-checkbox-box {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.raq-phone-number-form-text {
  margin-left: 1.5625rem;
  line-height: 1.25rem;
}

.raq-form-radio-button {
  position: relative;
  margin-right: 0.5rem;
  display: inline-block;
}

.raq-policy-terms-agreement {
  padding-top: 1.75rem;
  position: relative;
}

.raq-policy-terms-agreement a {
  text-decoration: none;
}

.raq-policy-terms-agreement:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: #bababa;
}

.raq-form-recaptcha {
  font-weight: 500;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
}

.raq-form-recaptcha a {
  color: var(--anchor-color);
  text-decoration: none;
  display: inline-block;
  padding-right: 1.25rem;
}

.raq-form-recaptcha a svg {
  display: inline-block;
  margin-left: 0.3125rem;
}

.raq-submit-request-button {
  display: block;
  height: 2.75rem;
  padding: 0 1.75rem;
  margin-top: 1rem;
  font-size: 1rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

@media (min-width: 1024px) {
  .raq-submit-request-button {
    width: 100%;
  }
}

.raq-policy,
.raq-terms {
  color: #002c5e;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .raq-form-user-info-fieldset {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .raq-form-user-info-fieldset .raq-form-hint {
    flex-basis: 100%;
    width: 100%;
  }
  .raq-form-user-info-fieldset .raq-form-input-wrapper {
    flex-basis: 45%;
    max-width: 45%;
  }
}

.raq-form-zip-code {
  position: relative;
}

.raq-form-zip-code .raq-form-input-zipcode {
  padding-left: 2.25rem;
}

.raq-form-zip-code .icon-location-thick {
  position: absolute;
  top: 50%;
  height: 2rem;
  margin-top: -1rem;
  margin-left: 0.75rem;
}

.raq-form-dealer-box {
  position: relative;
}

.raq-form-dealer-box .dealer-loading {
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 1rem;
}

.raq-form-dealer-box .dropdown-button {
  height: auto;
  width: 100%;
  border: 1px solid #e6e6e6;
  margin-top: 0.25rem;
  padding: 1rem 0.75rem;
  font-size: 1rem;
  text-align: left;
}

@media (max-width: 1023px) {
  .raq-form-dealer-box .dropdown-button {
    border: 1px solid #e6e6e6;
    background: #f3f3f3;
  }
}

.raq-form-dealer-box .dropdown-button .dropdown-button-text {
  text-align: left;
}

.raq-form-dealer-box .dropdown-button .raq-dropdown-invalid {
  color: #888888;
  font-weight: 400;
}

.raq-form-dealer-box .dropdown-button.dropdown-item-inventory:disabled {
  color: #666666;
  font-weight: 400;
}

.raq-form-dealer-box .dropdown-button:disabled {
  color: #888888;
}

.raq-form-dealer-box .dropdown-button span:first-of-type {
  margin-right: 0.3125rem;
}

.raq-form-dealer-box .dropdown-item-inventory {
  background: none;
  color: #888888;
  border: 0;
  padding: 0;
}

.raq-form-dealer-box .dropdown-item-inventory .icon-chevron-down-thick {
  display: none;
}

.raq-form-dealer-box.raq-bg-gray .dropdown-button {
  background: #f3f3f3;
}

.raq-form-dealer-box .dropdown-items .dropdown-item {
  display: block;
  text-align: left;
  border-bottom: 1px solid #e6e6e6;
}

.raq-form-dealer-box .dropdown-item {
  padding: 0.625rem 0.75rem;
}

.raq-form-dealer-box .dropdown-item span:first-of-type {
  margin-right: 0.3125rem;
}

.raq-form-dealer-box .dropdown-items .dropdown-item:last-child {
  border-bottom: 0;
}

.raq-form-dealer-box .dropdown-item:hover {
  background: #f3f3f3;
}

.raq-form-dealer-box .dropdown-item-active {
  background-color: #ffffff;
}

.raq-form-dealer-box .dropdown-item + .dropdown-item:before {
  opacity: 0;
}

.raq-form-dealer-box .raq-preferred-dealer {
  color: #888888;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.75rem;
  display: inline-flex;
  font-weight: 400;
  line-height: 1.25rem;
}

.raq-form-dealer-box svg.icon-star-active {
  display: inline-block;
  color: #00aad2;
  margin-left: 0.3125rem;
  width: 1rem;
  height: 1rem;
  transform: none;
}

.raq-form-dealer-box .dropdown-panel {
  position: relative;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background: #ffffff;
  top: 0;
  left: 0;
  right: 0;
  z-index: initial;
}

.raq-electric-salable {
  margin-top: 1rem;
}

@media (min-width: 1024px) {
  .raq-electric-salable {
    margin-top: 1.25rem;
  }
}

.raq-electric-salable-container {
  position: relative;
  background-color: #EEF7F9;
  padding: 1rem 1.25rem 1rem 1.25rem;
}

.raq-electric-salable-warning-icon {
  position: absolute;
  top: 1.25rem;
  left: 0.8125rem;
  width: 1.5rem;
  height: 1.5rem;
}

.raq-electric-salable-warning-icon svg,
.raq-electric-salable-warning-icon img {
  width: 100%;
  height: 100%;
}

.raq-electric-salable-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.raq-form-zip-code .raq-form-input-zipcode:disabled {
  background: none;
  border: none;
  font-weight: 700;
  padding-left: 1.5rem;
}

.raq-form-zip-code .raq-form-input-zipcode:disabled + svg {
  margin-left: 0;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .raq-overlay-v2 .raq-form-input-wrapper {
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  .raq-overlay-v2 {
    padding-top: 2.125rem;
    max-width: 38.75rem;
    margin: auto;
    padding-bottom: 1.25rem;
  }
}

@media (max-width: 1023px) {
  .raq-overlay-v2 {
    padding-top: 0.9375rem;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    overflow-y: auto;
  }
}

@media (max-width: 639px) {
  .raq-overlay-v2 {
    padding-top: 2.125rem;
  }
}

.raq-overlay-v2 .raq-header {
  background-color: #ffffff;
}

.raq-overlay-v2 .raq-form-user-info-fieldset {
  margin-top: 0;
}

.raq-overlay-v2 .raq-headline {
  text-align: center;
  font-size: 1.875rem;
  line-height: 2.25rem;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  padding-bottom: 2.875rem;
}

.raq-overlay-v2 .raq-user-info-form-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 639px) {
  .raq-overlay-v2 .raq-user-info-form-container {
    flex-direction: column;
  }
}

.raq-overlay-v2 .raq-user-info-form-left,
.raq-overlay-v2 .raq-user-info-form-right {
  width: 45%;
}

@media (max-width: 639px) {
  .raq-overlay-v2 .raq-user-info-form-left,
  .raq-overlay-v2 .raq-user-info-form-right {
    width: 100%;
  }
}

.raq-overlay-v2 .raq-form-dealer-box .dropdown-button {
  background: #f3f3f3;
}

.raq-overlay-v2 .raq-submit-request-button {
  display: block;
  height: 2.75rem;
  padding: 0 1.75rem;
  margin-top: 1.875rem;
  font-size: 1rem;
  width: 10.9375rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

@media (min-width: 640px) {
  .raq-overlay-v2 .raq-submit-request-button {
    width: 13.625rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}

.raq-form-fieldset .loading-indicator {
  position: relative;
  height: 5.75rem;
  margin-top: clacRem(8px);
}

.raq-form-fieldset .raq-form-dealers {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.raq-form-dealer-option {
  display: flex;
  align-items: flex-start;
}

.raq-form-dealer-option .raq-form-dealer-item {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
}

.raq-form-dealer-preferred {
  display: inline-flex;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #888888;
  line-height: 1.25rem;
  margin-left: 0.5rem;
}

.raq-form-dealer-preferred .icon-star-active {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  color: #00aad2;
  margin-left: 0.125rem;
  transform: none;
}

.raq-form-dealer-option-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.raq-form-dealer-option-custom-checkbox {
  display: flex;
  align-items: flex-start;
}

.raq-form-dealer-option-checkbox:checked ~ .raq-form-dealer-option-custom-checkbox .raq-form-dealer-option-custom-checkbox-button {
  border: 0.125rem solid #00aad2;
}

.raq-form-dealer-option-checkbox:checked ~ .raq-form-dealer-option-custom-checkbox .raq-form-dealer-option-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.0625rem;
  left: 0.3125rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.raq-form-dealer-option-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  background-color: #ffffff;
  border: 0.125rem solid #bababa;
  margin-right: 0.5rem;
  cursor: pointer;
}

.disable-dealer-checkbox {
  pointer-events: none;
}

.disable-dealer-checkbox .raq-form-dealer-item {
  color: #bababa;
  cursor: not-allowed;
}

.disable-dealer-checkbox .raq-form-dealer-item .raq-form-dealer-preferred {
  color: #bababa;
}

.raq-form-dealer-error-msg, .raq-invalid-dealer-error-msg, .raq-zip-error-msg {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: left;
  color: #e63312;
  padding-bottom: 0.875rem;
}

.raq-form-dealer-error-msg {
  margin-top: 0.5rem;
}

.raq-form-dealer-option-checkbox-error .raq-form-dealer-option-custom-checkbox-button {
  border: 0.0625rem solid #e63312;
}

.raq-form-custom-checkbox-label {
  display: block;
  font-weight: 400;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
}

.raq-form-custom-checkbox-label a {
  font-weight: 400;
  color: #666666;
}

.raq-form-field-legal {
  width: 100%;
  padding-top: 1.25rem;
}

.raq-form-field-legal .raq-form-label {
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  display: block;
  margin-bottom: 0;
}

.raq-form-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.raq-form-custom-checkbox {
  display: flex;
  gap: 0.5rem;
}

.raq-form-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1rem;
  height: 1rem;
  background-color: #ffffff;
  border: 0.09375rem solid #bababa;
  border-radius: 0.1875rem;
  cursor: pointer;
}

.raq-form-custom-checkbox-button:hover {
  border: 0.09375rem solid #00aad2 !important;
}

.raq-form-checkbox:checked ~ .raq-form-custom-checkbox .raq-form-custom-checkbox-button {
  border: 0.09375rem solid #00aad2;
  background-color: #00aad2 !important;
}

.raq-form-checkbox:checked ~ .raq-form-custom-checkbox .raq-form-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0.25rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #ffffff;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.raq-form-divider {
  border-bottom: 0.0625rem solid #e6e6e6;
  margin: 1.5rem 0;
}

.raq-form-recaptcha-divider {
  border-bottom: 0.0625rem solid #e6e6e6;
  margin: 1.5rem 0 1rem;
}

.raq-form-selected-dealer {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  color: #333333;
  padding: 0.75rem;
  background-color: #e6e6e6;
  border-radius: 0.625rem;
}

.raq-form-selected-dealer .raq-form-selected-dealer-text {
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 500;
}

.raq-form-selected-dealer .raq-form-selected-dealer-distance {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  padding-top: 0.25rem;
}

.raq-form-legal-copy {
  font-weight: 400;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
}

.raq-form-legal-copy a {
  color: #666666;
}

.contact-dealer-modal .purchase-request-overlay__control-bar {
  padding: 1.25rem 1rem;
}

@media (min-width: 640px) {
  .contact-dealer-modal .purchase-request-overlay__control-bar {
    padding: 1rem 2rem;
  }
}

.contact-dealer-modal .statusbar {
  padding: 1.25rem 1rem;
}

@media (min-width: 640px) {
  .contact-dealer-modal .statusbar {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

.contact-dealer-modal .raq-body {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #888888;
  padding: 0 1rem 1.5rem;
  background-color: #ffffff;
}

@media (min-width: 640px) {
  .contact-dealer-modal .raq-body {
    padding: 0 2rem 2.875rem;
  }
}

.contact-dealer-modal .raq-form-hint {
  padding-top: 0.25rem;
}

.contact-dealer-modal .raq-form-fieldset {
  margin-top: 1.25rem;
}

.contact-dealer-modal form.raq-user-info-form .raq-form-fieldset:nth-child(3) {
  margin-top: 1.25rem;
}

.contact-dealer-modal .raq-form-label {
  font-weight: 500;
  color: #333333;
  margin: 0;
}

.contact-dealer-modal .raq-form-input {
  display: flex;
  font-size: 0.875rem;
  color: #333333;
  border: 0.0625rem solid #bababa;
  padding: 0.75rem;
  margin-top: 0;
}

.contact-dealer-modal .raq-form-input:hover {
  border-color: #00aad2;
}

.contact-dealer-modal .raq-form-input .raq-form-field-legal {
  padding-top: 0;
}

.contact-dealer-modal .raq-form-input .raq-form-field-legal .raq-form-label {
  padding-bottom: 0;
}

.contact-dealer-modal .raq-form-comment-label {
  font-weight: 500;
}

.contact-dealer-modal .raq-form-comment-label .icon {
  margin-top: 0;
}

.contact-dealer-modal .raq-form-comment-txtarea {
  border: 0.0625rem solid #bababa;
}

.contact-dealer-modal .raq-form-char-remaining-hint {
  color: #666666;
}

.contact-dealer-modal .raq-form-legal-container {
  padding-bottom: 1.25rem;
}

.contact-dealer-modal .raq-submit-request-button {
  margin-top: 1.5rem;
}

.contact-dealer-modal .raq-form-recaptcha {
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
  border: none;
}

.contact-dealer-modal .raq-form-recaptcha a {
  color: var(--anchor-color);
}

.contact-dealer-modal .raq-form-input-error {
  border: none;
}

.contact-dealer-modal .raq-error-msg {
  color: #e63312;
  margin-top: 0.625rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 0.875rem;
}

@supports (-webkit-touch-callout: none) {
  .raq-form-input,
  .raq-form-comment-txtarea {
    font-size: 1rem;
  }
}

.raq-form-input:focus,
.raq-form-comment-txtarea:focus,
.raq-form-comment-label:focus,
.raq-form-custom-checkbox-button:focus,
.raq-form-custom-checkbox-label a:focus,
.raq-form-legal-copy a:focus,
.raq-submit-request-button:focus,
.raq-form-recaptcha a:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.raq-form-input:focus,
.raq-form-comment-txtarea:focus {
  border: 0.125rem solid #00aad2 !important;
  padding: 0.6875rem;
}

.raq-form-custom-checkbox-button:focus {
  border: 0.09375rem solid #00aad2 !important;
}

.raq-submit-request-button:focus {
  box-shadow: none;
}

.tooltip-trigger:focus {
  outline: none;
}

.inventory-detail-raq-inline {
  position: relative;
  display: block;
}

.inventory-detail-raq-inline .raq-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: #f3f3f3;
  border: 0.0625rem solid #e6e6e6;
  border-radius: 0.75rem;
  padding: 1rem;
}

@media (min-width: 640px) {
  .inventory-detail-raq-inline .raq-body {
    padding: 2rem;
  }
}

.inventory-detail-raq-inline .raq-headline-copy {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.inventory-detail-raq-inline .raq-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.875rem;
  color: #333333;
  line-height: 2.25rem;
}

.inventory-detail-raq-inline .raq-copy {
  font-weight: 400;
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
}

.inventory-detail-raq-inline .raq-form-fieldset.raq-form-user-info-fieldset {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

.inventory-detail-raq-inline .raq-user-info-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.inventory-detail-raq-inline .raq-form-fieldset {
  margin: 0;
}

.inventory-detail-raq-inline .raq-form-hint {
  font-weight: 500;
  font-size: 0.75rem;
  color: #333333;
  line-height: 1rem;
  padding: 0;
}

.inventory-detail-raq-inline .raq-form-hint .raq-form-required-astericks {
  font-weight: 700;
  font-size: 0.875rem;
  color: #e63312;
  line-height: 1.25rem;
}

.inventory-detail-raq-inline .raq-primary-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.inventory-detail-raq-inline .raq-form-input-wrapper {
  max-width: 100%;
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.inventory-detail-raq-inline .raq-form-label {
  font-weight: 400;
  font-size: 0.75rem;
  color: #333333;
  line-height: 0.75rem;
  padding: 0;
}

.inventory-detail-raq-inline .raq-form-required-astericks {
  font-weight: 400;
  font-size: 0.75rem;
  color: #e63312;
  line-height: 0.75rem;
}

.inventory-detail-raq-inline .raq-form-comment-label {
  font-weight: 500;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 0.875rem;
}

.inventory-detail-raq-inline .raq-form-divider {
  border-bottom: 0.0625rem solid #bababa;
  margin: 0;
}

.inventory-detail-raq-inline .raq-form-recaptcha-divider {
  border-bottom: 0.0625rem solid #bababa;
  margin: 0;
}

.inventory-detail-raq-inline .raq-submit-request-button {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  font-weight: 500;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1rem;
  margin: 0;
}

.local-inv {
  background-color: #f3f3f3;
  min-height: 25rem;
  text-align: center;
  padding: 3.5rem 1rem 2.5rem;
  position: relative;
}

@media (min-width: 640px) {
  .local-inv {
    padding: 3.5rem 2rem 2.5rem;
  }
}

@media (min-width: 1024px) {
  .local-inv {
    padding: 3.5rem 2.625rem 3rem;
  }
}

@media (min-width: 1440px) {
  .local-inv {
    padding: 5rem 4.5rem;
  }
}

.local-inv.loading {
  padding: 0;
}

.local-inv.error {
  display: none;
}

.local-inv-heading {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  text-align: center;
  padding-bottom: 1rem;
}

.local-inv-sub-heading {
  display: block;
  justify-content: center;
  padding-bottom: 2.125rem;
  font-size: 1rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
}

@media (min-width: 640px) {
  .local-inv-sub-heading {
    display: flex;
    align-items: flex-end;
    padding-bottom: 2.5rem;
  }
}

.local-inv-location-map {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.local-inv-location-map .icon {
  padding: 0 0.1875rem;
  width: 1rem;
  height: 1rem;
  fill: #002c5e;
}

.local-inv-location-map .icon-location-thick {
  margin-left: 0.3125rem;
}

.local-inv-zip-code {
  text-decoration: none;
  font-weight: 700;
  color: #002c5e;
}

.local-inv-card-container {
  display: none;
  padding-bottom: 3rem;
}

@media (min-width: 1024px) {
  .local-inv-card-container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
}

.local-inv-card-carousel-container {
  display: block;
  max-width: 60rem;
  margin: 0 auto;
}

.local-inv-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
  padding-top: 1.875rem;
}

@media (min-width: 640px) {
  .local-inv-button {
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  .local-inv-button {
    padding-top: 0;
  }
}

.local-inv-button a,
.local-inv-button .amazon-btn-container {
  width: 100%;
}

@media (min-width: 640px) {
  .local-inv-button a,
  .local-inv-button .amazon-btn-container {
    width: auto;
  }
}

.amazon-btn-container {
  position: relative;
}

.amazon-btn-tooltip {
  width: 100%;
  max-width: 19.5rem;
  position: absolute;
  bottom: 3.75rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: #002c5e;
}

@media (min-width: 640px) {
  .amazon-btn-tooltip {
    width: 19.5rem;
    left: -25%;
    transform: none;
  }
}

.amazon-btn-tooltip-modal-x {
  color: #ffffff;
}

.amazon-btn-tooltip-content {
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: 1rem;
  padding: 0.75rem 1rem;
}

.amazon-btn-tooltip-title {
  width: 100%;
  max-width: 15.75rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.375rem;
}

.amazon-btn-tooltip-text {
  width: 100%;
  max-width: 15.75rem;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
}

.amazon-btn-tooltip-arrow {
  width: 0;
  height: 0;
  position: absolute;
  bottom: -0.5625rem;
  left: 50%;
  transform: translateX(-50%);
  border-top: 0.75rem solid #002c5e;
  border-right: 0.875rem solid transparent;
  border-left: 0.875rem solid transparent;
}

.amazon-btn {
  border-color: #002c5e;
}

.amazon-btn:hover {
  border-color: #002c5e;
}

.amazon-btn svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  margin-left: 0.5rem;
  fill: currentColor;
}

.local-inv-mile-dropdown .dropdown-button {
  background: transparent;
  height: auto;
  padding-left: 0.1875rem;
  padding-right: 0.1875rem;
}

.local-inv-mile-dropdown .dropdown-button-text {
  padding-right: 0.125rem;
}

.local-inv-mile-dropdown .dropdown-panel {
  width: 12.5rem;
  box-shadow: 0 5px 15px 0 rgba(186, 186, 186, 0.25);
}

.local-inv-card {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  padding: 1.5rem;
  max-width: 18.75rem;
  text-align: left;
  background: #ffffff;
  cursor: initial;
}

.local-inv-model-year {
  font-size: 1rem;
  line-height: 1.25rem;
}

.local-inv-model-edition {
  font-size: 1.875rem;
  line-height: 2rem;
  padding-bottom: 0.5rem;
  font-weight: 500;
}

.local-inv-price-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.local-inv-price-number {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
}

.local-inv-price-label {
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.local-inv-vehicle-image {
  padding-top: 1.4375rem;
}

.local-inv-vehicle-image img {
  transform: scale(1.2);
}

.local-inv-package-options {
  margin: 0;
  padding: 0 0 1rem 0.875rem;
  font-weight: 700;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  min-height: 3rem;
}

.local-inv-separator {
  border-top: 1px solid #bababa;
  padding: 0.875rem 0 1.25rem;
}

.local-inv-city-name {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.local-inv-distance {
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.local-inv-viewdetails-btn {
  height: 2.625rem;
}

.local-inv-carousel-container {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
}

.local-inv-carousel-slick-nav {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  padding: 0 1rem;
}

.local-inv-carousel-arrow-container {
  position: static;
}

@media (min-width: 640px) {
  .local-inv-carousel-arrow-container {
    position: relative;
  }
}

.local-inv-carousel-arrow-container .slick-slide {
  background-color: #f3f3f3;
}

@media (min-width: 640px) {
  .local-inv-carousel-arrow-container .slick-arrow {
    top: 50%;
    bottom: auto;
  }
}

.local-inv-carousel-slick-prev,
.local-inv-carousel-slick-next {
  position: absolute;
  top: 50%;
  color: #002c5e;
}

@media (max-width: 1023px) {
  .local-inv-carousel-slick-prev,
  .local-inv-carousel-slick-next {
    display: none;
  }
}

.local-inv-carousel-slick-prev .icon,
.local-inv-carousel-slick-next .icon {
  height: 1.875rem;
}

.local-inv-carousel-slick-prev.slick-disabled,
.local-inv-carousel-slick-next.slick-disabled {
  opacity: 0;
  visibility: hidden;
}

.local-inv-carousel-slick-next {
  right: 0.2rem;
  top: auto;
  bottom: 0;
  z-index: 1;
}

.local-inv-carousel-slick-prev {
  left: 0.2rem;
  z-index: 1;
  top: auto;
  bottom: 0;
}

.local-inv-carousel-dots-container {
  margin: 0 auto;
}

.local-inv-carousel-dots-container .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.local-inv-carousel-dots-container .slick-active button {
  background-color: #00aad2;
}

.local-inv-carousel-dots-container button {
  background-color: #888888;
  border-radius: 50%;
  color: transparent;
  display: inline-block;
  height: 0.5625rem;
  width: 0.5625rem;
}

.local-inv-carousel-dots-container button:focus {
  outline-width: 0.09375rem;
  outline-style: solid;
  outline-offset: 0.25rem;
}

.local-inv-carousel-dots-container li {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0.625rem;
  border: 0.0625rem solid transparent;
}

@media (min-width: 640px) {
  .local-inv-carousel-dots-container li {
    padding: 0.625rem 0.9375rem;
  }
}

.local-inv-carousel {
  padding-bottom: 1.375rem;
}

@media (min-width: 1024px) {
  .local-inv-carousel {
    padding-bottom: 3rem;
  }
}

.local-inv-carousel .slick-slide {
  padding: 0.5rem;
}

.local-inv-amount {
  min-height: 60px;
}

.local-inv-in-transit {
  background-color: #e6e6e6;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.125rem 0.5rem;
}

@media (min-width: 1024px) {
  .local-inv-carousel .slick-list {
    display: flex;
  }
  .local-inv-carousel .slick-list .slick-slide > div {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .local-inv-carousel .slick-list .slick-track {
    display: flex;
    flex: 1 0 auto;
  }
  .local-inv-carousel .slick-list .local-inv-card {
    height: 100%;
    display: flex !important;
    flex-direction: column;
  }
  .local-inv-carousel .slick-list .local-inv-card .button-gray, .local-inv-carousel .slick-list .local-inv-card .button-navy {
    margin-top: auto;
    align-self: flex-start;
  }
}

/* Build Summary-v2 changes */
.bldsum-v2-contents .local-inv {
  background-color: #ffffff;
}

.bldsum-v2-contents .local-inv-card-carousel-container {
  max-width: 67.375rem;
}

.bldsum-v2-contents .local-inv-card {
  max-width: 19.375rem;
  background: #f3f3f3;
  border: 1px solid #D8D8D8;
}

.bldsum-v2-contents .local-inv-model-year {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  color: #333333;
}

.bldsum-v2-contents .local-inv-carousel-arrow-container .slick-slide {
  background-color: transparent;
}

.fso-modal {
  display: none;
}

.fso-modal.modal {
  display: flex;
}

.fso-modal-box {
  width: 100%;
  margin: 0;
}

@media (min-width: 1024px) {
  .fso-modal-box {
    max-width: 40rem;
    margin: auto;
  }
}

.fso-modal-box-content {
  width: 100%;
  padding-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .fso-modal-box-content {
    padding-bottom: 2.5rem;
  }
}

.fso-header {
  background-color: #f3f3f3;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 1rem;
  margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
  .fso-header {
    padding: 1.25rem 2rem;
  }
}

.fso-vehicle-info {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  color: #333333;
}

.fso-vehicle-name {
  font-weight: 500;
}

.fso-close-btn {
  color: #002c5e;
}

.fso-body {
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .fso-body {
    padding: 0 2rem;
  }
}

.fso-actions {
  margin-bottom: 2rem;
}

.fso-display-all-btn {
  display: block;
  color: #002c5e;
  font-weight: 700;
  line-height: 1.375rem;
  padding: 0.25rem 0;
  cursor: pointer;
}

.fso-display-all-btn svg {
  display: inline-block;
  fill: #002c5e;
  height: 1rem;
  margin-right: 0.625rem;
  width: 0.875rem;
  vertical-align: middle;
}

.fso-hide-text {
  display: none;
}

.fso-checkbox-toggle-accordion:checked ~ .icon {
  transform: rotate(180deg);
}

.fso-checkbox-toggle-accordion:checked ~ .fso-expand-text {
  display: none;
}

.fso-checkbox-toggle-accordion:checked ~ .fso-hide-text {
  display: inline-block;
}

.fso-checkbox-toggle-accordion:focus ~ .fso-expand-text,
.fso-checkbox-toggle-accordion:focus ~ .fso-hide-text {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .fso-checkbox-toggle-accordion:focus ~ .fso-expand-text,
  .fso-checkbox-toggle-accordion:focus ~ .fso-hide-text {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.fso-accordions {
  margin-bottom: 3rem;
}

.fso-wrapper {
  margin-bottom: 1.5rem;
}

.fso-item {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}

.fso-item-label {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  border-bottom: 1px solid #bababa;
  padding-bottom: 0.5rem;
}

.fso-item-inner-label {
  color: #002c5e;
  cursor: pointer;
}

.fso-item-inner-label .icon {
  display: inline-block;
  width: 0.9375rem;
  height: 0.9375rem;
  padding: 0.1875rem;
  position: relative;
  top: 0.125rem;
  color: #002c5e;
  margin-right: 0.625rem;
}

.fso-item-label .icon {
  flex-basis: 1.25rem;
  min-width: 1.25rem;
  border: 0.5px solid #002c5e;
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.25rem;
  margin-right: 0.625rem;
  color: #002c5e;
}

@media (min-width: 640px) {
  .fso-item-label .icon {
    flex-basis: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.375rem;
  }
}

.fso-item-title {
  font-size: 1.125rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

@media (min-width: 640px) {
  .fso-item-title {
    font-size: 1.25rem;
  }
}

.fso-item-content {
  margin-top: 1.5rem;
}

.fso-item-inner-content {
  position: relative;
  width: 100%;
}

.fso-item-content,
.fso-item-inner-content {
  display: none;
}

.fso-item-inner-text {
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 0.5rem;
  position: relative;
}

.fso-item-inner-text:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0.5rem;
  right: 0.5rem;
  height: 0.0625rem;
  background-color: #e6e6e6;
}

@media (min-width: 640px) {
  .fso-item-inner-text {
    padding: 1rem;
  }
  .fso-item-inner-text:before {
    left: 1rem;
    right: 1rem;
  }
}

.fso-item-inner-text p + p {
  margin-top: 0.5rem;
}

@media (min-width: 640px) {
  .fso-item-inner-text p + p {
    margin-top: 1rem;
  }
}

.fso-checkbox {
  opacity: 0;
  position: absolute;
  top: 0.625rem;
}

.fso-checkbox:checked ~ .fso-item-label .icon,
.fso-checkbox:checked ~ .fso-feature-title .fso-item-inner-label .icon {
  transform: rotate(180deg);
}

.fso-checkbox:checked ~ .fso-item-content {
  display: block;
}

.fso-checkbox:checked ~ .fso-item-inner-content {
  display: none;
}

.fso-checkbox:focus ~ .fso-item-label .fso-item-title {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .fso-checkbox:focus ~ .fso-item-label .fso-item-title {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.fso-checkbox-inner-item {
  opacity: 0;
  position: absolute;
  top: 0.625rem;
}

.fso-checkbox-inner-item:checked ~ .fso-item-label .icon,
.fso-checkbox-inner-item:checked ~ .fso-feature-title .fso-item-inner-label .icon {
  transform: rotate(180deg);
}

.fso-checkbox-inner-item:checked ~ .fso-item-inner-content {
  display: block;
}

.fso-checkbox-inner-item:focus ~ .fso-feature-title .fso-item-inner-label {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .fso-checkbox-inner-item:focus ~ .fso-feature-title .fso-item-inner-label {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.fso-item-row {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.0625rem;
}

.fso-item-row:nth-child(2n + 1) {
  background-color: #f6f3f2;
}

.fso-item-row:last-child {
  margin-bottom: 0;
}

.fso-item-row-emphasized .fso-item-inner-row,
.fso-item-row-emphasized .fso-item-inner-text {
  background-color: #f6f3f2;
}

.fso-item-row-emphasized .fso-item-inner-row:first-child:before,
.fso-item-row-emphasized .fso-item-inner-text:first-child:before {
  display: none;
}

.fso-item-inner-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0;
  align-items: center;
  position: relative;
}

.fso-item-inner-row:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0.5rem;
  right: 0.5rem;
  height: 0.0625rem;
  background-color: #e6e6e6;
}

@media (min-width: 640px) {
  .fso-item-inner-row:before {
    left: 1rem;
    right: 1rem;
  }
}

.fso-feature-title {
  flex-shrink: 0;
  flex-basis: 100%;
  overflow-wrap: break-word;
  padding: 0.75rem 0.5rem 0.5rem;
}

@media (min-width: 640px) {
  .fso-feature-title {
    text-align: center;
  }
}

.fso-feature-value {
  display: block;
  font-weight: 700;
  flex-basis: 100%;
  max-width: 100%;
  padding: 0 0.5rem 0.75rem;
}

@media (min-width: 640px) {
  .fso-feature-value {
    text-align: center;
  }
}

.fso-feature-value-na {
  color: #bababa;
}

.fso-item-sub-title {
  color: #888888;
  margin: 2rem 0 1rem;
  position: relative;
  padding-bottom: 0.5rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
}

.fso-item-sub-title:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.125rem;
  width: 1.5rem;
  background-color: currentColor;
}

.fso-modal .ftc {
  padding-top: 0;
  padding-bottom: 0;
}

.fso-modal .ftc-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.fso-modal .ftc-item {
  display: block;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 0;
  max-width: 100%;
  flex-basis: 100%;
}

@media (min-width: 640px) {
  .fso-modal .ftc-item {
    max-width: 50%;
    flex-basis: 50%;
  }
}

.fso-modal .cmp-text-standard {
  padding: 0;
}

.fso-modal .sectag-heading.sectag-heading {
  padding-left: 1rem;
  padding-right: 1rem;
}

@charset "UTF-8";
@media (min-width: 1024px) {
  .bo-page {
    display: flex;
    flex-direction: column;
  }
}

.bo-layout {
  border-top: 1px solid #bababa;
}

@media (min-width: 1024px) {
  .bo-container {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-direction: row-reverse;
    max-width: 1440px;
    margin: 0 auto;
  }
}

.bo-controls {
  background: #f3f3f3;
}

@media (min-width: 1024px) {
  .bo-controls {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    flex-basis: 30%;
    width: 30%;
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .bo-viewer {
    flex-basis: 70%;
    width: 70%;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}

.bo-layout-loading-indicator .loading-indicator {
  height: 80vh;
}

.bo-choices-container {
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .bo-choices-container {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .bo-choices-container {
    flex-grow: 1;
    overflow-y: auto;
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .bo-choices-container {
    padding: 0 4.5rem;
  }
}

.bo-choice-options {
  border-bottom: 0.0625rem solid #bababa;
}

.bo-choice-category {
  cursor: pointer;
  font-size: 1rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  color: #002c5e;
  border-bottom: 0;
  padding: 1.5rem 0;
}

.bo-choice-checkbox {
  display: none;
}

.bo-choice-checkbox:checked ~ .bo-choice-options {
  display: block;
}

.bo-choice-checkbox:checked ~ .bo-choice-category {
  color: #333333;
  border-bottom: 0;
}

.bo-choice-checkbox:checked ~ .bo-choice-category .icon {
  transform: rotate(180deg);
}

.bo-choice-category {
  position: relative;
  width: 100%;
  display: block;
}

.bo-choice-category .icon {
  position: absolute;
  right: 0;
  top: 1.5rem;
  fill: #002c5e;
  width: 0.75rem;
  height: 0.75rem;
  display: none;
}

.bo-choice-list {
  list-style: none;
  margin: 0;
  padding: 0.9375rem 0 0.9375rem 0;
  border-bottom: 0.0625rem solid #bababa;
}

.bo-choice-list:last-child {
  border-bottom: 0;
}

.bo-choice-list:first-child {
  padding-top: 0;
}

.bo-choice-list:first-child .bo-choice-list-item:first-child {
  padding-top: 0;
}

.bo-choice-list-item {
  margin: 0;
  padding: 0.625rem 0;
}

.bo-choice-content {
  display: flex;
  width: 100%;
  line-height: 1.1;
}

.bo-choice-content .form-radio-input,
.bo-choice-content .form-checkbox-input {
  display: none;
}

.bo-choice-label {
  font-size: 0.875rem;
  font-weight: 700;
}

.bo-choice-price {
  display: block;
  text-align: right;
  font-weight: 700;
  font-size: 0.875rem;
  margin-left: auto;
  padding-left: 0.5rem;
}

.bo-choice-message {
  flex: 100%;
  padding: 0.5rem 0 0 1.875rem;
  color: #002c5e;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.875rem;
}

.bo-choice-message .icon {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
}

.bo-choice-item-disabled .bo-choice-text,
.bo-choice-item-disabled .bo-choice-price {
  color: #bababa;
}

.bo-choice-text-tail {
  white-space: nowrap;
  display: inline-block;
}

.bo-choice-item-disabled .form-checkbox-input:checked ~ .form-checkbox-box {
  border-color: #bababa;
}

.bo-choice-item-disabled .form-checkbox-input:checked ~ .form-checkbox-box:after {
  border-color: #bababa;
}

.bo-swatch-group + .bo-swatch-group {
  padding-top: 0.5rem;
}

@media (min-width: 640px) {
  .bo-swatch-group + .bo-swatch-group {
    padding-top: 0;
  }
}

.bo-swatches {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  transform: translate3d(0, 0, 0);
  filter: drop-shadow(3px 3px 12px rgba(0, 0, 0, 0.15));
}

@media (min-width: 640px) {
  .bo-swatch-group-int .bo-swatches {
    justify-content: flex-start;
  }
}

.bo-swatch {
  position: relative;
  margin-bottom: 0.75rem;
  height: 1.5rem;
  flex-basis: 2.375rem;
  max-width: 2.375rem;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .bo-swatch {
    flex-basis: 2.125rem;
    max-width: 2.125rem;
  }
}

@media (min-width: 1260px) {
  .bo-swatch {
    flex-basis: 3rem;
    max-width: 3rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bo-swatch {
    box-shadow: 0.1875rem 0.1875rem 0.75rem rgba(0, 0, 0, 0.15);
  }
}

.bo-swatch-active {
  height: 3rem;
  flex-basis: 4.25rem;
  max-width: 4.25rem;
}

@media (min-width: 1260px) {
  .bo-swatch-active {
    flex-basis: 4.625rem;
    max-width: 4.625rem;
  }
}

.bo-swatch-off {
  display: none;
}

.bo-swatch-tile {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
}

@media (min-width: 640px) {
  .bo-swatch-tile {
    top: 0;
  }
}

.bo-swatch-active .bo-swatch-tile {
  top: 0;
}

.bo-swatch-name {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.bo-swatch-label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #333333;
  padding-bottom: 1.5rem;
}

@media (min-width: 1024px) {
  .bo-swatch-label {
    font-size: 0.875rem;
  }
}

.bo-pricing-container {
  margin-top: auto;
}

@media (min-width: 1024px) {
  .bo-pricing-container {
    position: relative;
    z-index: 305;
    background: #f3f3f3;
    box-shadow: 0 -8px 30px 0 rgba(0, 0, 0, 0.04);
  }
}

.bo-pricing {
  padding: 1rem;
}

@media (min-width: 640px) {
  .bo-pricing {
    padding: 1rem 2rem;
  }
}

@media (min-width: 1024px) {
  .bo-pricing {
    padding: 1.5rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .bo-pricing {
    padding: 1.5rem 4.5rem;
  }
}

.bo-pricing-upgrades {
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
  padding-bottom: 0.5rem;
}

.bo-pricing-base {
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  color: #888888;
}

.bo-pricing-upgrades-value,
.bo-pricing-base-value {
  margin-left: auto;
}

.bo-viewer {
  position: relative;
}

@media screen and (min-width: 1024px) {
  .bo-container,
  .bo-viewer {
    height: calc(100vh - 145px);
    max-width: 100%;
  }
  .bo-viewer {
    padding-bottom: 9rem;
    overflow: auto;
    align-items: center;
    max-width: 1600px;
  }
}

.bo-spin-container {
  padding: 1.5rem 1rem 2.5rem;
}

@media (min-width: 640px) {
  .bo-spin-container {
    padding: 1.5rem 2rem 3.75rem;
  }
}

@media (min-width: 1024px) {
  .bo-spin-container {
    padding: 0 !important;
    width: 100%;
  }
}

@media (min-width: 1440px) {
  .bo-spin-container {
    padding: 2.625rem 4.5rem 2rem;
  }
}

@media screen and (min-width: 1024px) and (max-height: 850px) {
  .bo-spin-container {
    padding: 0 0 1rem !important;
  }
}

.bo-spin-container .loading-indicator {
  z-index: 990;
  background-color: rgba(255, 255, 255, 0.5);
}

.bo-spin-media-objects {
  position: relative;
}

.bo-spin-views {
  display: flex;
  justify-content: center;
  padding: 0;
}

@media (min-width: 1024px) {
  .bo-spin-views {
    position: relative;
    padding-bottom: 0;
  }
}

.bo-spin-view {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #666666;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
}

.bo-spin-view:first-child {
  margin-right: 0.5rem;
}

.bo-spin-view:last-child {
  margin-left: 0.5rem;
}

.bo-spin-view-active {
  color: #333333;
  border-color: #00aad2;
}

.bo-spin-disclaimer {
  color: #888888;
  font-size: 0.875rem;
  margin: 0 auto;
  max-width: 28.75rem;
  padding: 0.5rem 0;
  text-align: center;
}

.bo-spin-media-contain {
  position: relative;
}

@media (min-width: 1024px) {
  .bo-spin-media-contain {
    margin-bottom: 0rem;
  }
}

.bo-spin-media {
  display: none;
}

.bo-spin-media .media-360-trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: none;
  top: 0;
  left: 0;
  margin: 1.25rem 0;
}

.bo-spin-media .media-360-trigger .spin-inactive-button,
.bo-spin-media .media-360-trigger .spin-active-button {
  position: relative;
  transform: none;
  top: 0;
  left: 0;
}

.bo-spin-media .media-static-trigger, .bo-spin-media .static-pano-text {
  margin: 0 0 1.25rem 0;
}

.bo-spin-media svg {
  display: inline-block;
  fill: #000000;
  width: 2.4375rem;
  height: 1.1875rem;
  vertical-align: middle;
}

@media (min-width: 1024px) {
  .bo-spin-media {
    margin: -3rem 0 0 !important;
  }
}

.bo-spin-media-active {
  display: block;
}

.bo-spin-media-images {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: 56.25%;
}

.bo-spin-media-image {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  transform: translateX(-110%);
  opacity: 0;
  z-index: 1;
}

.bo-spin-media-image-active {
  opacity: 1;
  transform: translateX(0);
}

.bo-viewer-header {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
}

.bo-viewer-header .bo-header-trim {
  font-size: 1.875rem;
}

@media (min-width: 640px) {
  .bo-viewer-header .bo-header-trim {
    font-size: 2.5rem;
  }
}

.bo-viewer-header .bo-header-year {
  font-weight: 400;
}

@media (min-width: 640px) {
  .bo-viewer-header {
    display: none;
  }
}

.bo-ev-banner {
  padding: 0.8125rem 2.125rem 0.8125rem 1rem;
  background-color: #EEF7F9;
  z-index: 400;
}

@media (min-width: 640px) {
  .bo-ev-banner {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 31.25rem;
  }
}

.bo-ev-banner span {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #000000;
  line-height: 1.0625rem;
}

@media (min-width: 1024px) {
  .bo-spin-media-spin > button,
  .bo-spin-views {
    margin-top: 0rem;
    z-index: 300;
  }
  .media-360-trigger > span {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    color: #000;
    margin: 0 0 0 0.5rem;
    font-size: 0.7rem;
    content: "Load";
  }
  #__styleurl_create_styleurl_shadowdom {
    height: 0 !important;
    overflow: hidden;
  }
  .bo-spin-media .media-360-trigger > button {
    margin: 0.75rem 0;
  }
  .sv-bl-header-wrapper,
  .build-control-bar-contain {
    max-width: 100%;
  }
}

@media screen and (min-width: 1024px) and (max-height: 1200px) {
  .bo-spin-container {
    max-width: 1200px;
  }
}

@media screen and (min-width: 1024px) and (max-height: 1023px) {
  .bo-spin-container {
    max-width: 1023px;
  }
}

@media screen and (min-width: 1024px) and (max-height: 820px) {
  .bo-spin-container {
    max-width: 800px;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) and (max-height: 850px) {
  .bo-spin-media-window {
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
    height: 0;
    padding-top: 54%;
  }
  .bo-spin-media-objects {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
  }
}

.bo-summary-container {
  margin-top: auto;
}

@media (min-width: 1024px) {
  .bo-summary-container {
    position: fixed;
    margin-top: auto;
    bottom: 0;
    width: 70%;
    z-index: 300;
    box-shadow: 0 -8px 30px 0 rgba(0, 0, 0, 0.04);
    background-color: #ffffff;
  }
}

.bo-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

@media (min-width: 640px) {
  .bo-summary {
    flex-wrap: nowrap;
    margin-bottom: 2.5rem;
    padding: 0 1rem;
  }
}

@media (min-width: 1024px) {
  .bo-summary {
    padding: 0 2.625rem 0 3.125rem;
    margin: 1rem 0 1.5rem;
  }
}

@media (min-width: 1440px) {
  .bo-summary {
    align-items: center;
    padding: 0 5.125rem 0 2.625rem;
  }
}

.bo-summary .bo-summary-remove {
  display: none;
}

.bo-summary-hide {
  display: none;
}

@media (min-width: 1440px) {
  .bo-summary-hide {
    display: block;
  }
}

.bo-summary-inv-link {
  margin-right: 0.25rem;
}

@media (min-width: 1440px) {
  .bo-summary-inv-link {
    font-size: 1rem;
    font-weight: 400;
  }
}

.bo-summary-value {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  display: block;
}

.bo-summary-label {
  font-size: 0.875rem;
  color: #888888;
  font-weight: 700;
  margin-top: 0.25rem;
}

@media (min-width: 640px) {
  .bo-summary-label {
    display: inline-block;
    border-right: 0.125rem solid #888888;
    padding-right: 0.375rem;
    margin-right: 0.375rem;
  }
}

@media (min-width: 1440px) {
  .bo-summary-label {
    border: 0;
    display: block;
  }
}

.bo-summary-label.bo-summary-hide-border {
  border: none;
}

.bo-summary-toggle {
  font-size: 0.875rem;
  color: #002c5e;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  margin-top: 0.25rem;
}

@media (max-width: 639px) {
  .bo-summary-toggle {
    display: block;
  }
}

@media (min-width: 1440px) {
  .bo-summary-toggle {
    display: none;
  }
}

.bo-summary-toggle .icon {
  display: inline-block;
  height: 0.625rem;
  width: 0.625rem;
  fill: #002c5e;
}

.bo-summary-item {
  order: 1;
  flex-shrink: 0;
  padding-left: 1rem;
}

@media (min-width: 640px) {
  .bo-summary-item {
    padding-right: 1rem;
    border-right: 1px solid #bababa;
  }
}

@media (min-width: 1024px) {
  .bo-summary-item {
    padding-left: 0;
  }
}

@media (min-width: 1440px) {
  .bo-summary-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.bo-summary-finish {
  order: 2;
  flex-shrink: 0;
  text-align: right;
  padding-right: 1rem;
  margin-left: auto;
}

@media (min-width: 640px) {
  .bo-summary-finish {
    order: 3;
    padding-right: 0;
  }
}

.bo-summary-matches {
  display: flex;
  order: 3;
  flex-grow: 1;
  flex-direction: column;
  padding: 2.5rem 0;
  text-align: center;
  width: 100%;
}

@media (min-width: 640px) {
  .bo-summary-matches {
    order: 2;
    text-align: left;
    width: auto;
    padding: 0 0 0 1rem;
  }
}

@media (min-width: 1440px) {
  .bo-summary-matches {
    align-items: center;
    flex-direction: row;
    padding-left: 1.5rem;
  }
}

.bo-summary-matches a {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #888888;
  text-decoration: none;
}

@media (min-width: 1440px) {
  .bo-summary-matches a {
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
  }
}

.bo-summary-matches .icon {
  display: inline-block;
  fill: #002c5e;
}

.bo-summary-matches-count {
  color: #333333;
}

@media (min-width: 1440px) {
  .bo-summary-matches-count {
    font-weight: 700;
  }
}

.bo-summary-matches-zip {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  margin-left: 0.125rem;
}

@media (min-width: 1440px) {
  .bo-summary-matches-zip {
    font-size: 1rem;
  }
}

.bo-summary-zip-link {
  text-decoration: none;
  margin-left: 0.375rem;
}

.bo-summary-dropdown {
  display: inline-block;
}

.bo-summary-dropdown .dropdown-button {
  padding: 0;
  height: auto;
  margin-right: 1.5625rem;
}

.bo-summary-dropdown .dropdown-button .icon {
  position: absolute;
  right: 8px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bo-summary-dropdown .dropdown-button .icon {
    top: 2px;
  }
}

.bo-summary-dropdown .dropdown-button-text {
  align-self: flex-end;
  font-size: 0.875rem;
}

@media (min-width: 1440px) {
  .bo-summary-dropdown .dropdown-button-text {
    font-size: 1rem;
    font-weight: 700;
  }
}

.bo-summary-dropdown .dropdown-panel {
  width: 190px;
  top: auto;
  bottom: 100%;
  box-shadow: 0 5px 15px 0 rgba(186, 186, 186, 0.25);
}

.bo-summary-matches-distance {
  color: #888888;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 700;
}

@media (max-width: 639px) {
  .bo-summary-matches-distance {
    justify-content: center;
  }
}

@media (min-width: 1440px) {
  .bo-summary-matches-distance {
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
  }
}

@media (max-width: 639px) {
  .bo-summary-toggle-text {
    padding-right: 0.5rem;
  }
}

.bo-monthly-disclaimer {
  display: none;
}

.bo-do-backdrop {
  z-index: 1005;
}

.bo-do-backdrop-desc {
  z-index: 1015;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.bo-do-content {
  width: 100%;
  max-width: 1024px;
  z-index: 1010;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #ffffff;
}

@media (max-width: 1023px) {
  .bo-do-content {
    width: 100%;
    top: 0;
    transform: translate(-50%, 0);
    height: 100%;
    overflow-y: hidden;
  }
}

.bo-do-modal-title,
.bo-do-modal-title-mobile {
  padding-bottom: 1.125rem;
  padding-left: 1.5rem;
  padding-top: 1.125rem;
  box-shadow: 0 3px 20px 8px rgba(0, 0, 0, 0.05);
}

@media (max-width: 1023px) {
  .bo-do-modal-title,
  .bo-do-modal-title-mobile {
    line-height: 1.875rem;
  }
}

.bo-do-modal-title h2,
.bo-do-modal-title-mobile h2 {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #888888;
}

@media (max-width: 1023px) {
  .bo-do-modal-title h2,
  .bo-do-modal-title-mobile h2 {
    line-height: 1.875rem;
  }
}

.bo-do-modal-title .modal-x,
.bo-do-modal-title-mobile .modal-x {
  top: 0.8125rem;
}

@media (max-width: 1023px) {
  .bo-do-modal-title .modal-x,
  .bo-do-modal-title-mobile .modal-x {
    top: 0.9375rem;
    right: 1rem;
  }
}

@media (max-width: 1023px) {
  .bo-do-modal-title {
    display: none;
  }
}

@media (min-width: 1023px) {
  .bo-do-modal-title-mobile {
    display: none;
  }
}

.bo-do-c-container {
  position: relative;
}

@media (max-width: 1023px) {
  .bo-do-c-container {
    height: inherit;
  }
}

.bo-do-c-container .bo-do-slick-number {
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #000000;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
}

.bo-do-c-container .slick-dots {
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

.bo-do-c-container .slick-dots li {
  display: inline-block;
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
  padding: 0;
  margin: 0 0.3125rem;
}

.bo-do-c-container .slick-dots button {
  font-size: 0;
  line-height: 0;
  color: transparent;
}

.bo-do-c-container .slick-dots button:before {
  content: '•';
  font-size: 2.1875rem;
  line-height: 1.25rem;
  text-align: center;
  color: #888888;
}

.bo-do-c-container .slick-dots li.slick-active button:before {
  color: #00aad2;
}

.bo-do-c-container .slick-track {
  width: 100%;
}

@media (max-width: 1023px) {
  .bo-do-c {
    height: inherit;
  }
}

@media (max-width: 1023px) {
  .bo-do-c .slick-list, .bo-do-c .slick-track {
    height: inherit;
  }
}

.bo-do-slick-arrows {
  position: absolute;
  bottom: 0.5rem;
  right: 0;
  display: flex;
  width: 7.5rem;
  justify-content: space-between;
  align-items: center;
  margin-right: 0.5rem;
}

.bo-do-slick-arrows .slick-arrow {
  z-index: 99;
  height: 1.875rem;
  width: 1.875rem;
  font-size: 1.875rem;
}

.bo-do-slick-arrows .slick-arrow .icon {
  fill: #002c5e;
}

.bo-do-c-slide {
  width: 100%;
}

.bo-do-image-container {
  position: relative;
  width: 60%;
}

@media (max-width: 1023px) {
  .bo-do-image-container {
    width: 100%;
  }
}

.bo-do-content-container {
  width: 40%;
  position: relative;
}

@media (max-width: 1023px) {
  .bo-do-content-container {
    width: 100%;
  }
}

.bo-do-image {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}

@media (max-width: 1023px) {
  .bo-do-image {
    position: relative;
  }
}

.bo-do-scrolling-content {
  height: 15rem;
  overflow-y: auto;
  padding: 2.1875rem 1rem 1.25rem 1.5rem;
}

@media (max-width: 1023px) {
  .bo-do-scrolling-content {
    background-color: #ffffff;
    padding-right: 1.5rem;
    padding-top: 1.875rem;
    height: 100%;
  }
}

.bo-do-title {
  display: flex;
}

.bo-do-title-text {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

@media (max-width: 1023px) {
  .bo-do-title-text {
    font-size: 1rem;
  }
}

.bo-do-title-amount {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  margin-left: auto;
  text-align: right;
}

@media (max-width: 1023px) {
  .bo-do-title-amount {
    font-size: 1rem;
    line-height: 1.875rem;
  }
}

.bo-pkge-requires {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

@media (max-width: 1023px) {
  .bo-pkge-requires {
    margin-top: 1.875rem;
  }
}

.bo-pkge-requires-title {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: #333333;
}

@media (max-width: 1023px) {
  .bo-pkge-requires-title {
    font-size: 0.875rem;
  }
}

.bo-pkge-requires-price {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  color: #333333;
}

@media (max-width: 1023px) {
  .bo-pkge-requires-price {
    font-size: 0.875rem;
    line-height: 1.875rem;
    font-weight: 700;
  }
}

.bo-do-description {
  padding: 1.25rem 0 1rem;
  width: 80%;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
}

@media (max-width: 1023px) {
  .bo-do-description {
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

.bo-do-description-info {
  left: 0;
  height: auto;
  width: auto;
  max-height: 100%;
  z-index: 3000;
  position: fixed;
  display: flex;
  right: 0;
  bottom: 0;
}

@media (min-width: 640px) {
  .bo-do-description-info {
    padding: 0 1.875rem;
  }
}

@media (min-width: 1024px) {
  .bo-do-description-info {
    padding: 0 2.5rem;
  }
}

@media (max-width: 1023px) {
  .bo-do-pkge {
    padding-top: 3.125rem;
  }
}

.bo-do-pkge-title {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

.bo-do-pkge-price {
  font-size: 1rem;
  line-height: 1.625rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  margin-left: auto;
  text-align: right;
}

.bo-do-select-option {
  position: absolute;
  bottom: 0;
  padding: 0.9375rem 0 0.9375rem 1.5rem;
  width: 100%;
  box-shadow: 0 3px 20px 8px rgba(0, 0, 0, 0.05);
}

@media (max-width: 1023px) {
  .bo-do-select-option {
    background-color: #ffffff;
    position: fixed;
    bottom: 4.1875rem;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  }
}

.bo-do-option-text {
  font-weight: 700;
  font-size: 0.875rem;
}

.bo-choice-item-disabled .bo-do-option-text {
  color: #bababa;
}

@media (max-width: 639px) {
  .bo-do-c-multiple .slick-dots {
    width: 60%;
    margin: 0 auto -0.625rem;
  }
}

.bo-do-c-content {
  display: flex;
  height: 21.5625rem;
}

@media (max-width: 1023px) {
  .bo-do-c-content {
    flex-direction: column;
    height: 81%;
    overflow-y: auto;
    padding-bottom: 2.3125rem;
  }
}

.bo-do-select {
  opacity: 0;
}

.slick-active .bo-do-select {
  animation: fadeinout 3s linear forwards;
}

@keyframes fadeinout {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.bo-pkge-modal {
  display: none;
}

.bo-pkge-modal.modal-open {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bo-pkge-modal .modal-box {
  width: 100%;
}

@media (min-width: 640px) {
  .bo-pkge-modal .modal-box {
    max-width: 28.75rem;
  }
}

@media (max-width: 639px) {
  .bo-pkge-modal-box {
    position: static;
  }
}

.bo-pkge-modal-box-content {
  padding: 2.5rem;
}

@media (max-width: 639px) {
  .bo-pkge-modal-box-content {
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (min-width: 640px) {
  .bo-pkge-modal-box-content {
    width: 23.75rem;
  }
}

@media (min-width: 1024px) {
  .bo-pkge-modal-box-content {
    width: 28.625rem;
  }
}

.bo-pkge-heading-primary {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  color: #333333;
  margin-bottom: 1.5rem;
}

.bo-pkge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.bo-pkge-title,
.bo-pkge-price {
  font-size: 0.875rem;
  font-weight: 700;
  line-break: 1.125rem;
  color: #333333;
}

.bo-pkge-heading-secondary {
  font-size: 1rem;
  line-height: 1.375rem;
  color: #666666;
  margin-bottom: 2rem;
}

@media (min-width: 640px) {
  .bo-pkge-ctas {
    display: flex;
    justify-content: space-between;
  }
}

.bo-pkge-cta {
  width: 100%;
}

.bo-pkge-cta:first-child {
  margin-bottom: 1rem;
}

@media (min-width: 640px) {
  .bo-pkge-cta:first-child {
    margin-bottom: 0;
    margin-right: 1rem;
  }
}

.bo-pkge-text {
  font-size: 1rem;
  line-height: 1.375rem;
  color: #666666;
  margin-bottom: 1.25rem;
}

@media (min-width: 0) and (max-width: 1023px) {
  .bo-pkge-ctas-remove {
    display: block;
  }
  .bo-pkge-ctas-remove .bo-pkge-cta:first-child {
    margin-bottom: 1rem;
  }
}

.bldsum {
  padding: 1rem;
}

@media (min-width: 640px) {
  .bldsum {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  .bldsum {
    padding: 2rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .bldsum {
    padding: 2rem 4.5rem;
  }
}

.bldsum-cols {
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .bldsum-cols {
    display: flex;
    align-items: flex-start;
  }
}

@media (min-width: 1024px) {
  .bldsum-col-main {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
    padding-right: 5rem;
    order: -1;
  }
}

@media (min-width: 1440px) {
  .bldsum-col-main {
    padding-right: 7.5rem;
  }
}

@media (min-width: 1024px) {
  .bldsum-col-aside {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
    padding-left: 1rem;
  }
}

.bs-net-price-disclaimer, .bs-monthly-disclaimer {
  display: none;
}

.bs-hide {
  display: none;
}

.bsfs-accordions {
  background-color: #ffffff;
  padding: 0 2rem;
}

.bsfs-accordion-wrapper {
  padding-top: 2rem;
}

.bsfs-ftc-item {
  padding: 1rem;
  text-align: center;
  color: #333333;
  flex-basis: 100%;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .bsfs-ftc-item {
    flex-basis: 50%;
    max-width: 50%;
  }
}

.bsfs-overlay-content {
  max-width: 640px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  margin: 0 auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.bsfs-overlay-content .fso-modal {
  display: block;
  background-color: #ffffff;
}

.build-control-bar {
  background-color: #ffffff;
}

.build-control-bar-contain {
  display: flex;
  justify-content: space-between;
  max-width: 1440px;
  margin: 0 auto;
  padding: 1rem;
}

@media (min-width: 640px) {
  .build-control-bar-contain {
    padding: 1.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .build-control-bar-contain {
    padding: 1.5rem 2.625rem;
    max-width: 100%;
  }
}

@media (min-width: 1440px) {
  .build-control-bar-contain {
    padding: 1.5rem 4.5rem;
  }
}

.bo-page .build-control-bar-contain {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.build-control-bar-side-container {
  display: flex;
}

.build-control-bar-right > * {
  margin-left: 1.5rem;
}

@media (max-width: 639px) {
  .build-control-bar-right {
    flex-direction: row-reverse;
  }
}

.build-control-bar-right .icon-star-active {
  color: #00aad2;
}

.build-control-bar-right .icon-star-inactive {
  color: #002c5e;
}

.build-control-bar-dropdown-close,
.build-control-bar-btn {
  align-items: center;
  color: #002c5e;
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: none;
}

.build-control-bar-dropdown-close .icon,
.build-control-bar-btn .icon {
  flex-shrink: 0;
  margin-right: 0.5rem;
}

.build-control-bar-btn:hover, .build-control-bar-btn:focus {
  color: #00aad2;
}

.build-control-bar-btn:hover .icon {
  color: #00aad2;
}

.build-control-bar-dropdown-close {
  width: 100%;
}

.build-control-bar-dropdown-close .icon {
  height: 0.75rem;
  margin-left: 0.3125rem;
  margin-right: 0;
  width: 0.75rem;
}

.build-control-bar-dropdown-close:hover, .build-control-bar-dropdown-close:focus {
  color: #00aad2;
}

@media (max-width: 639px) {
  .build-control-bar-btn-print {
    display: none;
  }
}

.build-control-bar-btn-print .icon {
  height: 1.0625rem;
  width: 0.75rem;
}

.build-control-bar-finish-button {
  margin-left: auto;
}

.build-control-bar-saved-icon .icon,
.build-control-bar-save-icon .icon {
  height: 1.0625rem;
  width: 1.0625rem;
}

.build-control-bar-save-icon {
  display: flex;
  color: #00aad2;
}

.build-control-bar-dropdown {
  display: flex;
}

.build-control-bar-dropdown.dropdown-open .dropdown-button .icon {
  fill: currentColor;
  transform: none;
}

.build-control-bar-dropdown.dropdown-open .dropdown-button {
  color: #00aad2;
}

.build-control-bar-dropdown .dropdown-button {
  height: auto;
  padding: 0;
}

.build-control-bar-dropdown .dropdown-button .icon {
  height: 1rem;
  width: 1rem;
}

.build-control-bar-dropdown .dropdown-panel {
  background-color: #ffffff;
  box-shadow: 0 5px 15px 0 rgba(186, 186, 186, 0.25);
  padding: 0.3125rem 0 0.9375rem;
  left: -0.75rem;
  right: -0.75rem;
}

.build-control-bar-dropdown .dropdown-items {
  padding: 0;
  margin: 0;
}

.build-control-bar-dropdown .dropdown-item {
  min-height: auto;
  padding: 0 0 1rem;
}

.build-control-bar-dropdown .dropdown-item-active {
  background-color: transparent;
}

.build-control-bar-dropdown .dropdown-item:before {
  background-color: transparent;
  height: 0;
}

.build-control-bar-dropdown .dropdown-item:hover {
  background-color: white;
}

.build-control-bar-dropdown .dropdown-item a {
  color: #bababa;
  width: 100%;
}

.build-control-bar-dropdown .dropdown-item a:hover, .build-control-bar-dropdown .dropdown-item a:focus {
  color: #00aad2;
}

.build-control-bar-dropdown .dropdown-item svg {
  fill: currentColor;
  margin: 0 auto;
  width: 1.25rem;
}

.build-control-bar-modal-container {
  width: 100%;
  height: 100%;
  flex-direction: column;
}

.build-control-bar-modal-container .modal-box {
  width: 100%;
}

@media (min-width: 640px) {
  .build-control-bar-modal-container .modal-box {
    max-width: 28.75rem;
  }
}

.build-control-bar-modal-container .modal-content {
  padding: 3.125rem 2rem 2.3125rem 2.5rem;
}

@media (min-width: 640px) {
  .build-control-bar-modal-container .modal-content {
    padding: 2.875rem 2.5rem 2.5rem;
  }
}

.build-control-bar-modal-container .at-icon-wrapper {
  display: none;
}

.build-control-bar-modal-header {
  align-items: center;
  display: flex;
  padding-bottom: 1.5625rem;
}

@media (min-width: 640px) {
  .build-control-bar-modal-header {
    border-bottom: 1px solid #e6e6e6;
  }
}

.build-control-bar-modal-header-text {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
}

.build-control-bar-modal-header-check {
  flex-shrink: 0;
  height: 1.6875rem;
  margin-right: 0.75rem;
  position: relative;
  width: 2rem;
}

.build-control-bar-modal-header-check:before {
  content: '';
  border: solid #00aad2;
  border-width: 0 5px 5px 0;
  display: inline-block;
  height: 1.875rem;
  left: 0.5rem;
  position: absolute;
  top: -0.5rem;
  transform: rotate(40deg);
  width: 0.9375rem;
}

.build-control-bar-modal-header-warning {
  width: 0;
  height: 0;
  border-left: 0.9375rem solid transparent;
  border-right: 0.9375rem solid transparent;
  border-bottom: 1.625rem solid red;
  margin-right: 0.75rem;
  position: relative;
}

.build-control-bar-modal-header-warning:before {
  content: '!';
  color: white;
  position: absolute;
  top: 0.4375rem;
  left: -0.125rem;
}

.build-control-bar-modal-text {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .build-control-bar-modal-text {
    padding-top: 1rem;
  }
}

.build-control-bar-modal-form {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .build-control-bar-modal-form {
    max-width: 15.75rem;
  }
}

.build-control-bar-modal-label span {
  color: #888888;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding-bottom: 0.25rem;
}

.build-control-bar-modal-input {
  border: 1px solid #e6e6e6;
  color: #bababa;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 0.625rem 1.0625rem;
  width: 100%;
}

.build-control-bar-modal-submit {
  margin-top: 1.6875rem;
}

@media (min-width: 640px) {
  .build-control-bar-modal-submit {
    margin-top: 2rem;
  }
}

.bcs-container {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  padding: 2.625rem 0 1.1875rem;
  color: #333333;
  font-size: 1rem;
  line-height: 1.375rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
}

@media (min-width: 640px) {
  .bcs-container {
    padding: 2.625rem 0;
  }
}

@media (min-width: 1024px) {
  .bcs-container {
    padding: 2.625rem 0 4.5rem;
  }
}

.bcs-head {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 0.1875rem;
}

@media (min-width: 640px) {
  .bcs-head {
    margin-bottom: 0.5rem;
  }
}

.bcs-head-text {
  font-size: 1.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.875rem;
  width: 100%;
}

@media (min-width: 640px) {
  .bcs-head-text {
    width: 70%;
  }
}

.bcs-vfs-link {
  width: 100%;
  margin-top: 0.5rem;
}

@media (min-width: 640px) {
  .bcs-vfs-link {
    width: 30%;
    text-align: right;
    margin-top: 0;
  }
}

.bcs-link-btn {
  color: #002c5e;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}

.bcs-link-btn .icon {
  margin-left: 0.3125rem;
  height: 0.625rem;
  width: 0.625rem;
}

.bcs-data-content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.bcs-data-block {
  display: flex;
  flex-wrap: wrap;
  padding: 1.5rem 0 1rem;
  border-bottom: 1px solid #bababa;
  width: 100%;
}

.bcs-data-row {
  display: flex;
  width: 100%;
  margin-bottom: 0.5rem;
}

.bcs-data-col-left {
  width: 70%;
}

.bcs-data-col-right {
  width: 30%;
  text-align: right;
}

.bcs-data-subhead {
  font-weight: 700;
}

.bcs-data-year {
  font-weight: 400;
}

.bcs-custom-radio-block {
  position: relative;
}

.bcs-custom-radio {
  position: relative;
  display: none;
}

.bcs-radio-btn {
  display: flex;
}

.bcs-custom-radio-heading {
  width: 100%;
  color: #888888;
}

.bcs-so-text {
  color: #666666;
  max-width: 85%;
}

@media (min-width: 640px) {
  .bcs-so-text {
    max-width: 80%;
  }
}

@media (min-width: 1024px) {
  .bcs-offer-btn-savings-mv {
    display: none;
  }
}

.bcs-custom-radio-lbl {
  width: 100%;
  color: #888888;
}

.bcs-form-radio-button {
  top: 0.25rem;
  position: relative;
  margin-right: 0.75rem;
  display: inline-block;
}

.bcs-custom-radio:checked ~ .bcs-data-subhead {
  display: block;
}

.bcs-special-offer {
  margin: 1rem 0 1rem;
}

@media (min-width: 1024px) {
  .bcs-special-offer {
    margin: 1.5rem 0 0.5rem;
  }
}

.bcs-special-offer .bcs-data-col-left {
  width: 100%;
}

.bcs-special-offer .bcs-data-subhead {
  display: block;
}

@media (min-width: 1024px) {
  .bcs-sd-link-lease {
    margin-bottom: 0.5rem;
  }
}

.bcs-so-subhead {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 700;
}

.bcs-sd-link-btn {
  margin-top: 0.5rem;
}

.bcs-offer-btn-savings-mv {
  color: #002c5e;
}

.bcs-offer-btn-savings-mv .icon {
  width: 0.625rem;
  height: 0.625rem;
  margin-left: 0.3125rem;
}

@media (min-width: 1024px) {
  .bcs-offer-btn-savings-mv {
    display: none;
  }
}

.bcs-so-validity {
  color: #666666;
  font-weight: 700;
  display: block;
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.bcs-details-modal-container {
  display: none;
}

.bcs-vso-dropdown-label {
  display: inline-flex;
  color: #002c5e;
  font-weight: 700;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
}

.bcs-vso-dropdown-label .icon {
  margin-left: 0.5rem;
  height: 0.625rem;
  width: 0.625rem;
}

.bcs-vso-dropdown-body {
  display: none;
  margin-top: 0.5rem;
}

.bcs-vso-dropdown-checkbox {
  display: none;
}

.bcs-vso-dropdown-checkbox:checked ~ .bcs-vso-dropdown-label .icon {
  transform: rotate(180deg);
}

.bcs-vso-dropdown-checkbox:checked ~ .bcs-vso-dropdown-body {
  display: block;
}

.bcs-vso-section {
  display: block;
  position: relative;
  padding-left: 2.25rem;
  margin-top: 1.75rem;
}

.bcs-vso-label-title {
  color: #888888;
}

.bcs-vsp-dropdown-label {
  display: inline-flex;
  color: #002c5e;
  font-weight: 700;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
}

.bcs-vsp-dropdown-label .icon {
  margin-left: 0.5rem;
  height: 0.625rem;
  width: 0.625rem;
}

.bcs-vsp-dropdown-body {
  display: none;
  margin-top: 0.5rem;
}

.bcs-vsp-dropdown-checkbox {
  display: none;
}

.bcs-vsp-dropdown-checkbox:checked ~ .bcs-vsp-dropdown-label .icon {
  transform: rotate(180deg);
}

.bcs-vsp-dropdown-checkbox:checked ~ .bcs-vsp-dropdown-body {
  display: block;
}

.bcs-vsp-section {
  display: block;
  position: relative;
  padding-left: 2.25rem;
  margin-top: 1.75rem;
}

.bcs-vsp-label-title {
  color: #888888;
}

.bcs-vsp-label-text {
  color: #666666;
  margin: 0.3125rem 0;
}

.bcs-estimated-selected {
  line-height: 1.5rem;
}

.bcs-estimated-selected .bcs-estimated-text {
  font-size: 1.125rem;
  font-weight: 700;
}

.bcs-estimated-selected .bcs-estimated-value {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
}

.bcs-monthly-small-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #888888;
  font-weight: 700;
}

.bcs-data-estimated-block {
  border: 0;
  padding-bottom: 0.8125rem;
}

.bcs-calc-fin-block {
  border: 0;
  padding: 0;
}

.bcs-items-align-right {
  flex-direction: column-reverse;
  align-items: flex-end;
}

.bcs-calc-fin-btn {
  color: #002c5e;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}

.bcs-calc-fin-btn .icon {
  margin-right: 0.5rem;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bcs-sd-modal {
    flex-direction: column;
    align-items: center;
  }
}

@media (min-width: 640px) {
  .bcs-sd-modal .modal-box {
    max-width: 75%;
  }
}

.bcs-sd-modal .modal-content {
  padding-top: 5.75rem;
}

.bcs-details-header {
  position: absolute;
  top: 0;
  background: #f3f3f3;
  width: 100%;
  left: 0;
  padding: 0.75rem 2.5rem;
  z-index: 9;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .bcs-details-header {
    padding: 0.75rem 3.25rem;
  }
}

.bcs-details-content-body {
  line-height: 1.5rem;
}

.bcs-retail-bonus-list {
  padding-left: 1.5rem;
}

.bcs-details-content-footer {
  padding-top: 1.5rem;
  margin-top: 1.5rem;
  border-top: 1px solid #bababa;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #888888;
}

.bcs-gray-back-wrap {
  background-color: #F3F3F3;
  padding: 1.1875rem 2.375rem;
  width: 100%;
  margin: 0.625rem 0;
}

@media (max-width: 640px) {
  .bcs-gray-back-wrap {
    padding: 0.9375rem 1.5625rem;
  }
}

.bcs-clear {
  clear: both;
}

.bcs-acc-subhead {
  width: 100%;
  float: left;
}

.bcs-acc-pricetotal {
  width: 19%;
  float: right;
  text-align: right;
}

.bcs-model-name {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #888888;
  text-align: left;
}

.bcs-checkbox-input {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 0.9375rem;
  color: #3A3A3A;
  padding: 0.9375rem 0 0 0;
}

.bcs-checkbox-input label {
  display: block;
}

.bcs-checkbox-input [type="checkbox"]:not(:checked),
.bcs-checkbox-input [type="checkbox"]:checked {
  position: absolute;
  left: -624.9375rem;
}

.bcs-checkbox-input [type="checkbox"]:not(:checked) + label,
.bcs-checkbox-input [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.5625rem;
  cursor: pointer;
}

.bcs-checkbox-input [type="checkbox"]:not(:checked) + label:before {
  border: 0.0625rem solid #bababa !important;
}

.bcs-checkbox-input [type="checkbox"]:not(:checked) + label:before,
.bcs-checkbox-input [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  width: 1.125rem;
  height: 1.125rem;
  box-sizing: border-box;
  border: 0.0625rem solid #00aad2;
  background: #ffffff;
  background-color: #ffffff;
  outline: none;
}

.bcs-checkbox-input [type="checkbox"]:not(:checked) + label:after,
.bcs-checkbox-input [type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  width: 0.3125rem;
  height: 0.625rem;
  top: 0.45rem;
  left: 0.575rem;
  border: solid #00aad2;
  border-width: 0 2px 2px 0;
}

.bcs-checkbox-input [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.bcs-checkbox-input [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(45deg);
}

.cb-add-dropdown {
  align-items: center;
  color: #002c5e;
  display: block;
  font-weight: 700;
  justify-content: left;
  line-height: 1.375rem;
  padding: 0.25rem 0;
  opacity: 0;
  position: absolute;
}

.cb-compare-add {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cb-modal {
  display: none;
}

.cb-modal.modal {
  display: flex;
}

.cb-modal-box {
  width: 100%;
  margin: 0;
}

@media (min-width: 1024px) {
  .cb-modal-box {
    margin: auto;
    max-width: 60.25rem;
  }
}

.cb-modal-box-content {
  width: 100%;
  padding-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .cb-modal-box-content {
    padding-bottom: 2.5rem;
  }
}

.cb-header {
  width: 100%;
  background-color: #f3f3f3;
  text-align: right;
}

.cb-close-btn {
  padding: 1rem;
}

.cb-body {
  padding: 1.5rem 1rem;
}

@media (min-width: 640px) {
  .cb-body {
    padding: 1.5rem 2rem;
  }
}

@media (min-width: 640px) {
  .cb-body {
    padding: 1.5rem 2.625rem;
  }
}

.cb-actions {
  margin-bottom: 2rem;
}

.cb-accordions {
  margin-bottom: 3rem;
}

.cb-action-group {
  margin-bottom: 1.6875rem;
}

@media (min-width: 1024px) {
  .cb-action-group {
    display: flex;
    justify-content: space-between;
  }
}

.cb-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
}

.cb-item-inner-label {
  color: #002c5e;
  cursor: pointer;
}

.cb-item-inner-label .icon {
  display: inline-block;
  width: 0.9375rem;
  height: 0.9375rem;
  padding: 0.1875rem;
  position: relative;
  top: 0.125rem;
  color: #002c5e;
  margin-right: 0.625rem;
}

.cb-item-label .icon {
  flex-basis: 1.25rem;
  min-width: 1.25rem;
  border: 0.5px solid #002c5e;
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.25rem;
  margin-right: 0.625rem;
  color: #002c5e;
}

@media (min-width: 640px) {
  .cb-item-label .icon {
    flex-basis: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.375rem;
  }
}

.cb-item-title {
  font-size: 1.125rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

@media (min-width: 640px) {
  .cb-item-title {
    font-size: 1.25rem;
  }
}

.cb-item-content {
  margin-top: 1.5rem;
}

.cb-item-inner-content {
  position: relative;
  width: 100%;
  display: none;
}

.cb-item-inner-text {
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 0.5rem;
  position: relative;
}

.cb-item-inner-text:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0.5rem;
  right: 0.5rem;
  height: 0.0625rem;
  background-color: #e6e6e6;
}

@media (min-width: 640px) {
  .cb-item-inner-text {
    padding: 1rem;
  }
  .cb-item-inner-text:before {
    left: 1rem;
    right: 1rem;
  }
}

.cb-item-inner-text p + p {
  margin-top: 0.5rem;
}

@media (min-width: 640px) {
  .cb-item-inner-text p + p {
    margin-top: 1rem;
  }
}

.cb-checkbox {
  opacity: 0;
  position: absolute;
  top: 0.625rem;
}

.cb-checkbox:checked ~ .cb-feature-title .cb-item-inner-label .icon {
  transform: rotate(180deg);
}

.cb-checkbox:checked ~ .cb-item-inner-content {
  display: block;
}

.cb-checkbox:focus ~ .cb-feature-title .cb-item-inner-label {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .cb-checkbox:focus ~ .cb-feature-title .cb-item-inner-label {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.cb-item-row {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.0625rem;
}

.cb-item-row:nth-child(2n + 1) {
  background-color: #f6f3f2;
}

.cb-item-row:last-child {
  margin-bottom: 0;
}

.cb-item-inner-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0;
  align-items: center;
  position: relative;
}

.cb-item-inner-row:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0.5rem;
  right: 0.5rem;
  height: 0.0625rem;
  background-color: #e6e6e6;
}

@media (min-width: 640px) {
  .cb-item-inner-row:before {
    left: 1rem;
    right: 1rem;
  }
}

.cb-feature-title {
  flex-shrink: 0;
  flex-basis: 100%;
  overflow-wrap: break-word;
  padding: 0.75rem 0.75rem 0.25rem;
}

@media (min-width: 640px) {
  .cb-feature-title {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .cb-feature-title {
    flex-basis: 25%;
    max-width: 25%;
    text-align: left;
  }
}

.cb-feature-values {
  display: flex;
  align-items: center;
  flex-basis: 100%;
  max-width: 100%;
  padding: 0 0.75rem 0.75rem;
}

@media (min-width: 1024px) {
  .cb-feature-values {
    flex-basis: 75%;
    max-width: 75%;
  }
}

@media (min-width: 1024px) {
  .cb-feature-title,
  .cb-feature-values {
    padding: 1rem;
  }
}

.cb-feature-value {
  font-weight: 700;
  flex-basis: 50%;
  max-width: 50%;
}

@media (max-width: 639px) {
  .cb-feature-value:last-child {
    display: none;
  }
}

@media (min-width: 640px) {
  .cb-feature-value {
    text-align: center;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

.cb-feature-value-na {
  color: #bababa;
}

.cb-item-sub-title {
  color: #888888;
  margin: 2rem 0 1rem;
  position: relative;
  padding-bottom: 0.5rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
}

.cb-item-sub-title:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.125rem;
  width: 1.5rem;
  background-color: currentColor;
}

.cb-model-container {
  display: flex;
  margin-top: 2rem;
  padding: 0 0.75rem;
}

@media (min-width: 1024px) {
  .cb-model-container {
    width: 75%;
    flex-basis: 75%;
    margin-top: 0;
    justify-content: flex-start;
  }
}

.cb-model {
  width: 50%;
  flex-basis: 50%;
}

@media (max-width: 639px) {
  .cb-model:last-child {
    display: none;
  }
}

@media (min-width: 640px) {
  .cb-model {
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
    text-align: center;
  }
  .cb-model .cb-model-img {
    width: 90%;
  }
}

.cb-model-name, .cb-add {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
}

.cb-year {
  font-weight: 400;
}

@media (max-width: 639px) {
  .cb-model,
  .cb-trim {
    font-weight: 700;
  }
}

.cb-trim {
  display: block;
  word-wrap: break-word;
}

.cb-model-price-num {
  font-size: 1rem;
  line-height: 1.375rem;
}

.cb-model-price-text {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #888888;
  display: block;
}

@media (min-width: 1024px) {
  .cb-model-price-text {
    display: inline-block;
  }
}

.cb-model-cta {
  margin-top: 0.5rem;
}

@media (min-width: 640px) {
  .cb-model-cta {
    display: flex;
    justify-content: space-around;
  }
}

.cb-btn {
  color: #002c5e;
  display: none;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding: 0 10px 0 0;
  position: relative;
  text-decoration: none;
}

@media (min-width: 640px) {
  .cb-btn {
    padding: 0 10px;
  }
}

.cb-model-cta .cb-btn {
  display: block;
}

.cb-btn.cb-row-value {
  color: #002c5e;
}

.cb-btn svg {
  position: relative;
  top: -0.0625rem;
  display: inline-block;
  fill: currentColor;
  height: 0.625rem;
  margin-left: 0.375rem;
  width: 0.5rem;
  vertical-align: middle;
}

.cb-btn .cb-btn-chevron-stick {
  white-space: nowrap;
  display: inline;
}

.sv-bl-header-main {
  width: 100vw;
  position: relative;
  z-index: 1000;
  background: #ffffff;
  border-bottom: 1px solid #bababa;
}

@media (min-width: 1024px) {
  body.chat-opened .sv-bl-header-main {
    width: calc(100vw - 375px);
  }
}

.sv-bl-header-wrapper {
  display: flex;
  align-items: center;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0.5rem 1rem;
}

@media (min-width: 640px) {
  .sv-bl-header-wrapper {
    padding: 1.6875rem 2rem 1.625rem;
  }
}

@media (min-width: 1024px) {
  .sv-bl-header-wrapper {
    padding: 1.6875rem 2.625rem 1.625rem;
  }
}

@media (min-width: 1440px) {
  .sv-bl-header-wrapper {
    padding: 1.6875rem 4.5rem 1.625rem;
  }
}

.sv-bl-compare-panel {
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 1440px) {
  .sv-bl-compare-panel {
    padding: 0 4.5rem;
  }
}

.sv-bl-logo-container {
  max-width: 30%;
  flex-basis: 30%;
}

.sv-bl-header {
  max-width: 40%;
  flex-basis: 40%;
  text-align: center;
}

.sv-bl-dropdown {
  max-width: 30%;
  flex-basis: 30%;
}

.sv-bl-item-link {
  text-align: center;
  display: flex;
  text-decoration: none;
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}

.sv-bl-item-link .icon {
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.625rem;
  margin-left: 0.375rem;
  display: inline-block;
  font-weight: 700;
}

.sv-bl-item-link-open .sv-bl-item-link .icon {
  transform: rotate(180deg);
}

.sv-bl-item-link-active .sv-bl-item-link .icon {
  color: #00aad2;
}

.sv-bl-item-link-active .sv-bl-builds-count-txt {
  color: #00aad2;
}

.sv-bl-builds-count {
  display: flex;
  flex-shrink: 0;
  text-align: center;
  border-radius: 50%;
  background-color: #00aad2;
  color: #ffffff;
  width: 1.25rem;
  height: 1.25rem;
}

@media (min-width: 640px) {
  .sv-bl-builds-count {
    width: 1.375rem;
    height: 1.375rem;
  }
}

.sv-bl-builds-count-value {
  line-height: 1;
  margin: auto;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .sv-bl-builds-count-value {
    padding-top: 0.25rem;
  }
}

.sv-bl-builds-count-txt {
  margin-left: 0.3125rem;
}

.sv-bl-unavailable {
  opacity: 0.2;
}

.sv-bl-unavailable-text {
  font-size: 1.5rem;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.sv-bl-link-disabled {
  pointer-events: none;
}

.sv-bl-visible-desktop {
  display: none;
}

@media (min-width: 640px) {
  .sv-bl-visible-desktop {
    display: block;
  }
}

.sv-bl-visible-mobile {
  display: block;
}

@media (min-width: 640px) {
  .sv-bl-visible-mobile {
    display: none;
  }
}

.sv-bl-summary-header {
  align-self: center;
}

.sv-bl-summary-header .sv-bl-optnl-txt-your,
.sv-bl-summary-header .sv-bl-optnl-txt-build {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.375rem;
}

@media (min-width: 640px) {
  .sv-bl-summary-header {
    display: flex;
    justify-content: center;
  }
  .sv-bl-summary-header .sv-bl-optnl-txt-your,
  .sv-bl-summary-header .sv-bl-optnl-txt-build {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

.sv-bl-dropdown {
  color: #002c5e;
  display: flex;
  align-items: flex-end;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: right;
  justify-content: flex-end;
}

.sv-bl-action-icon-lg {
  flex-shrink: 0;
  margin-right: 0.4375rem;
}

.sv-bl-action {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #002c5e;
  text-align: left;
}

.sv-bl-checkbox-label {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.125rem;
  height: 1.125rem;
}

.sv-bl-checkbox-txt {
  padding-left: 1.625rem;
  justify-content: flex-end;
}

.sv-bl-header-logo {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.sv-bl-header-logo-small {
  max-width: 1.75rem;
}

@media (min-width: 640px) {
  .sv-bl-header-logo-small {
    display: none;
  }
}

@media (max-width: 639px) {
  .sv-bl-header-logo-large {
    display: none;
  }
}

.sv-bl-item {
  text-align: left;
  position: relative;
  padding: 1rem;
}

@media (min-width: 640px) {
  .sv-bl-item {
    padding: 1rem 1.5rem;
    margin-right: 1.25rem;
    width: 13.75rem;
  }
}

@media (min-width: 1440px) {
  .sv-bl-item {
    margin-right: 3.125rem;
  }
}

.sv-bl-delete-overlay {
  padding: 45px;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 2;
}

.sv-bl-delete-btns {
  display: flex;
  justify-content: space-between;
  width: 11.875rem;
}

.sv-bl-delete-text {
  font-size: 1.5rem;
  font-weight: 500;
  padding-bottom: 1.5rem;
  text-align: center;
  max-width: 23.4375rem;
}

.sv-bl-text {
  display: flex;
  padding-right: 1rem;
  position: relative;
}

.sv-bl-model-content {
  width: 100%;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

@media (min-width: 640px) {
  .sv-bl-model-content {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.sv-bl-vehicle-model-name {
  font-weight: 700;
}

.sv-bl-vehicle-heading {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  padding-bottom: 0.5rem;
}

.sv-bl-amount {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  margin-bottom: 1.25rem;
}

.sv-bl-price-number {
  display: block;
  color: #333333;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 500;
}

.sv-bl-price-label {
  color: #888888;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.sv-bl-item-clr-btn {
  margin: 0.1875rem 0 0 0.625rem;
}

.sv-bl-remove-filter {
  margin-top: 2.5rem;
  display: flex;
  align-items: flex-start;
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  order: 2;
}

@media (min-width: 640px) {
  .sv-bl-remove-filter {
    order: 0;
    margin-left: 0;
    margin-top: 2rem;
  }
}

.sv-bl-clear-filter-container {
  padding: 0.9375rem 0 1.9375rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 640px) {
  .sv-bl-clear-filter-container {
    padding-top: 0;
  }
}

@media (min-width: 1024px) {
  .sv-bl-clear-filter-container {
    justify-content: space-between;
  }
}

.sv-bl-compare-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.sv-bl-compare-back-main {
  width: 30%;
}

@media (min-width: 640px) {
  .sv-bl-compare-back-main {
    width: 7%;
  }
}

.sv-bl-compare-btn {
  width: 70%;
  text-align: right;
  order: 1;
}

@media (min-width: 640px) {
  .sv-bl-compare-btn {
    order: 0;
  }
}

.sv-bl-compare-back {
  display: flex;
  color: #002c5e;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  order: 0;
}

@media (min-width: 640px) {
  .sv-bl-compare-back {
    order: 0;
  }
}

.sv-bl-compare-back .icon {
  width: 0.375rem;
  fill: #002c5e;
  margin-right: 0.25rem;
}

.sv-bl-compare-back-btn {
  margin-top: 0.125rem;
}

.sv-bl-compare-back-btn .icon {
  fill: #002c5e;
  height: 0.8125rem;
  width: 0.8125rem;
}

.sv-bl-compare-txt {
  width: 100%;
  justify-content: space-between;
  order: 2;
  padding-top: 1.25rem;
}

@media (min-width: 640px) {
  .sv-bl-compare-txt {
    width: 23%;
    white-space: nowrap;
    order: 0;
    justify-content: center;
    padding: 0 1rem 0;
  }
}

.sv-bl-compare-txt-first {
  display: block;
}

@media (min-width: 640px) {
  .sv-bl-compare-txt-first {
    display: inline;
  }
}

.sv-bl-compare-trigger {
  padding: 0.5rem 0.9375rem;
  background-color: #bababa;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
}

.sv-bl-item-clr-btn .icon {
  fill: #002c5e;
}

.sv-bl-compare-open-btn {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-left: auto;
  padding: 0.375rem 0.875rem;
  text-align: center;
  order: 1;
}

@media (min-width: 640px) {
  .sv-bl-compare-open-btn {
    order: 0;
    padding: 0.6875rem 1.75rem;
  }
}

.sv-bl-done-trigger {
  margin-top: 2.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  padding: 0.6875rem 1.75rem;
  order: 3;
}

@media (min-width: 640px) {
  .sv-bl-done-trigger {
    order: 0;
    margin-right: 0;
  }
}

.sv-bl-updates,
.sv-bl-date {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
}

.sv-bl-updates {
  color: #666666;
}

.sv-bl-date {
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  color: #888888;
  border-bottom: 1px solid #bababa;
}

.sv-bl-compare-date {
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  color: #888888;
}

.sv-bl-item-close {
  position: absolute;
  top: 0;
  right: 0;
}

.sv-bl-item-close-btn {
  display: flex;
  color: #002c5e;
}

.sv-bl-item-close-btn .icon {
  width: 1.125rem;
  height: 1.125rem;
}

.sv-bl-item-build-cta {
  color: #002c5e;
  text-decoration: none;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
}

@media (min-width: 640px) {
  .sv-bl-item-build-cta {
    font-size: 0.875rem;
  }
}

.sv-bl-item-build-cta svg {
  display: inline-block;
  fill: currentColor;
  height: 0.625rem;
  margin-left: 0.375rem;
  width: 0.5rem;
  vertical-align: middle;
}

.sv-bl-item-build-btn {
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
}

.sv-bl-item-build-btn svg {
  display: inline-block;
  fill: currentColor;
  height: 0.625rem;
  margin-left: 0.375rem;
  width: 0.5rem;
  vertical-align: middle;
}

.sv-bl-arrow-container {
  position: relative;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .sv-bl-arrow-container {
    padding: 0 3.75rem;
  }
}

@media (min-width: 1024px) {
  .sv-bl-arrow-container {
    padding: 0 7.5rem;
  }
}

.sv-bl-slick-prev,
.sv-bl-slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #002c5e;
  z-index: 2;
}

@media (max-width: 639px) {
  .sv-bl-slick-prev,
  .sv-bl-slick-next {
    display: none;
  }
}

.sv-bl-slick-prev .icon,
.sv-bl-slick-next .icon {
  width: 1.5rem;
  height: 1.5rem;
}

.sv-bl-slick-next {
  right: 0;
}

.sv-bl-slick-prev {
  left: 0;
}

.sv-bl-slick-nav {
  width: 100%;
  margin: auto;
  justify-content: space-between;
}

@media (min-width: 640px) {
  .sv-bl-slick-nav {
    width: auto;
    margin-top: 2rem;
  }
}

@media (min-width: 1024px) {
  .sv-bl-slick-nav {
    justify-content: center;
    padding: 0 1rem 0;
  }
}

.sv-bl-slick-next-mobile,
.sv-bl-slick-prev-mobile,
.sv-bl-slick-next,
.sv-bl-slick-prev {
  color: #002c5e;
}

.sv-bl-slick-next-mobile.slick-disabled,
.sv-bl-slick-prev-mobile.slick-disabled,
.sv-bl-slick-next.slick-disabled,
.sv-bl-slick-prev.slick-disabled {
  cursor: default;
  color: #bababa;
}

.sv-bl-slick-nav .sv-bl-slick-next-mobile,
.sv-bl-slick-nav .sv-bl-slick-prev-mobile {
  position: absolute;
  display: block;
  top: 46%;
}

.sv-bl-slick-nav .sv-bl-slick-next-mobile .icon,
.sv-bl-slick-nav .sv-bl-slick-prev-mobile .icon {
  height: 0.8125rem;
  width: 0.8125rem;
}

@media (min-width: 640px) {
  .sv-bl-slick-nav .sv-bl-slick-next-mobile,
  .sv-bl-slick-nav .sv-bl-slick-prev-mobile {
    display: none;
  }
}

.sv-bl-slick-nav .sv-bl-slick-prev-mobile {
  left: 1rem;
}

.sv-bl-slick-nav .sv-bl-slick-next-mobile {
  right: 1rem;
}

.sv-bl-dots-container .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.sv-bl-dots-container .slick-active button {
  background-color: #00aad2;
}

.sv-bl-dots-container button {
  background-color: #888888;
  border-radius: 50%;
  color: transparent;
  display: inline-block;
  height: 0.5625rem;
  width: 0.5625rem;
}

@media (min-width: 640px) {
  .sv-bl-dots-container button {
    outline: none;
  }
}

.sv-bl-dots-container li {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0.625rem;
  padding-right: 0.6875rem;
  border: 0.0625rem solid transparent;
}

@media (min-width: 640px) {
  .sv-bl-dots-container li {
    padding: 0.625rem 0.9375rem;
  }
}

.sv-bl-dots-container li button:focus {
  outline: none;
}

@media (min-width: 640px) {
  .sv-bl-dots-container li.slick-active {
    border-color: #002c5e;
    border-radius: 1rem;
    padding: 0.625rem 0.9375rem;
  }
  .sv-bl-dots-container li.slick-active:before {
    content: "";
    background-color: #00aad2;
    border-radius: 50%;
    color: transparent;
    height: 0.5625rem;
    margin-right: 2rem;
    width: 0.5625rem;
  }
}

@media (min-width: 1024px) {
  .sv-bl-dots-container li.slick-active:after {
    content: "";
    background-color: #00aad2;
    border-radius: 50%;
    color: transparent;
    height: 0.5625rem;
    margin-left: 2rem;
    width: 0.5625rem;
  }
}

.slick-current .sv-bl-item {
  padding-right: 0.5rem;
}

@media (min-width: 640px) {
  .slick-current .sv-bl-item {
    padding-right: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .slick-current .sv-bl-item {
    padding-right: 1.5rem;
  }
}

.sv-bl-container {
  width: 100%;
  position: relative;
  background: #ffffff;
}

.sv-bl-carousel-wrapper {
  display: none;
  position: absolute;
  left: 0;
  top: 74%;
  z-index: 990;
  width: 100%;
  background: #ffffff;
  padding-top: 2rem;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 640px) {
  .sv-bl-carousel-wrapper {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 1024px) {
  .sv-bl-carousel-wrapper {
    padding-right: 2.625rem;
    padding-left: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .sv-bl-carousel-wrapper {
    padding-right: 0;
    padding-left: 0;
  }
}

.sv-bl-show-panel {
  display: block;
}

.sv-bl-backdrop {
  z-index: 980;
}

.sv-bl-compare-checkbox-box {
  padding-left: 14px;
}

.sv-bl-compare-header-back-btn {
  align-items: center;
  color: #002c5e;
  display: inline-flex;
  margin-right: 1rem;
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: none;
  order: 0;
}

@media (min-width: 640px) {
  .sv-bl-compare-header-back-btn {
    order: 0;
  }
}

.sv-bl-compare-header-back-btn .icon {
  flex-shrink: 0;
  margin-right: 0.5rem;
}

.sv-bl-compare-count-txt {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  order: 2;
  padding-top: 1.5rem;
  width: 100%;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .sv-bl-compare-count-txt {
    order: 0;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.sv-bl-compare-count {
  display: flex;
  align-items: center;
}

.sv-bl-compare-mode-header {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

@media (min-width: 640px) {
  .sv-bl-compare-mode-header {
    justify-content: space-between;
    align-items: center;
  }
}

.sv-bl-compare-section {
  display: flex;
  align-items: center;
  min-height: 2.8125rem;
}

.sv-bl-carousel .slick-initialized .slick-slide {
  display: flex;
  justify-content: center;
}

.bh-spin-container {
  min-height: 25rem;
  position: relative;
}

.bh-spin-container .loading-indicator {
  z-index: 990;
  background-color: rgba(255, 255, 255, 0.5);
}

.bh-spin-views {
  display: block;
  padding: 0.5rem 1rem;
}

@media (min-width: 1024px) {
  .bh-spin-views {
    padding: 0.5rem 3rem;
  }
}

@media (min-width: 640px) {
  .bh-spin-views {
    display: flex;
    padding: 0.5rem 2rem;
  }
}

.bh-spin-view {
  padding: 0.5rem 0;
  border-bottom: 0.125rem solid transparent;
  margin-right: 4.0625rem;
  text-align: left;
}

.bh-spin-view + .bh-spin-view {
  margin-top: 1rem;
}

@media (min-width: 640px) {
  .bh-spin-view + .bh-spin-view {
    margin-top: 0;
  }
}

@media (min-width: 640px) {
  .bh-spin-view:last-child {
    margin-right: 0;
  }
}

@media (min-width: 1024px) {
  .bh-spin-view {
    margin-right: 6.25rem;
  }
}

.bh-spin-view-active {
  border-color: #00aad2;
}

.bh-spin-media-contain {
  position: relative;
}

.bh-spin-media {
  display: none;
}

.bh-spin-media-active {
  display: block;
}

.bh-media-objects {
  position: relative;
}

.bh-spin-media-images {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: 56.25%;
}

.bh-spin-media-image {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  transform: scale(1.2);
}

.bh-no-spin-media-images {
  transform: scale(1);
}

.bh-spin-media-spin,
.bh-spin-media-pano {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.bh-swatch-tile {
  background-size: cover;
  box-shadow: 0.1875rem 0.1875rem 0.75rem rgba(0, 0, 0, 0.15);
  height: 2.5rem;
  width: 2.5rem;
  margin-right: 0.75rem;
}

.bh-swatch-label-title {
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.bh-swatch-label-value {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.625rem;
  display: flex;
  align-items: center;
}

.bh-swatch-label-value span {
  margin-left: 0.25rem;
}

.bh-spin-media .media-360-trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1.25rem 0;
}

.bh-spin-media .media-360-trigger .spin-inactive-button,
.bh-spin-media .media-360-trigger .spin-active-button {
  position: relative;
  transform: none;
  top: 0;
  left: 0;
}

.bh-spin-media svg {
  display: inline-block;
  fill: #000000;
  width: 2.4375rem;
  height: 1.1875rem;
  vertical-align: middle;
}

.bh-spin-disclaimer {
  color: #888888;
  font-size: 0.875rem;
  margin: 0 auto;
  padding: 0.625rem 0;
  text-align: center;
}
.bfb-wrapper {
  height: 0 !important;
  overflow: hidden;
}

.bfb {
  background: #ffffff;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
  transform: translateY(-105%);
  transition: transform .35s ease-out;
}

.bfb.sticky-bar-on {
  transform: translateY(0);
}

.bfb-contain {
  display: flex;
  align-items: center;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0.75rem 1rem;
}

@media (min-width: 640px) {
  .bfb-contain {
    padding: 0.75rem 2rem;
  }
}

@media (min-width: 1024px) {
  .bfb-contain {
    padding: 0.75rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .bfb-contain {
    padding: 0.75rem 4.5rem;
  }
}

.bfb-title {
  font-size: 1rem;
  display: none;
  margin-right: auto;
}

@media (min-width: 1024px) {
  .bfb-title {
    display: block;
    flex-shrink: 0;
  }
}

.bfb-title-year {
  font-weight: 200;
}

.bfb-price.bfb-hide {
  display: none;
}

.bfb-price {
  display: flex;
  flex-direction: column;
  padding-right: 1rem;
}

@media (min-width: 1024px) {
  .bfb-price {
    flex-direction: row-reverse;
    margin-left: auto;
    padding-right: 1.5rem;
  }
}

.bfb-price-value {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
}

@media (min-width: 1024px) {
  .bfb-price-value {
    font-size: 1.125rem;
    font-weight: 500;
    padding-left: 0.375rem;
  }
}

.bfb-price-label {
  font-size: 0.875rem;
  color: #888888;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .bfb-price-label {
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    color: #333333;
    font-size: 1.125rem;
    font-weight: 200;
  }
}

.bfb-price-label-mobile {
  display: inline;
}

@media (min-width: 1024px) {
  .bfb-price-label-mobile {
    display: none;
  }
}

.bfb-price-label-desktop {
  display: none;
}

@media (min-width: 1024px) {
  .bfb-price-label-desktop {
    display: inline;
  }
}

.bfb-button-container {
  margin-left: auto;
  max-width: 50%;
}

@media (min-width: 1024px) {
  .bfb-button-container {
    margin-left: 0;
  }
}

.bfb-button {
  text-align: center;
  padding: 0.75rem 1.75rem;
  height: auto;
}

@media (min-width: 1024px) {
  .bfb-button {
    padding: 0 1.75rem;
    height: 2.75rem;
  }
}

.bps {
  margin-bottom: 3rem;
}

.bps-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

.bps-title-year {
  font-size: 1rem;
  font-weight: 400;
}

.bps-title-model {
  font-size: 1rem;
  font-weight: 700;
}

.bps-title-trim {
  font-size: 1.875rem;
  display: block;
  font-weight: 500;
}

.bps-electric-salable-container {
  position: relative;
  background-color: #EEF7F9;
  padding: 1rem;
}

.bps-electric-salable-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.bps-net-price {
  display: flex;
  flex-wrap: wrap;
  font-size: 1rem;
  padding: 1rem 0;
  margin-top: 0.75rem;
  border-top: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
}

.bps-net-price-value {
  margin-left: auto;
}

.bps-net-prominent .bps-net-price-label {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
}

.bps-net-prominent .bps-net-price-value {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
}

.bps-row {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 0;
  border-bottom: 1px solid #bababa;
}

.bps-monthly-value, .bps-monthly-msrp-value {
  margin-left: auto;
}

.bps-monthly-prominent .bps-monthly-label {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
}

.bps-monthly-prominent .bps-monthly-value {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
}

.bps-monthly-term {
  flex: 100%;
  color: #888888;
  font-size: 0.875rem;
  font-weight: 500;
}

.bps-calculate {
  color: #002c5e;
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  margin-top: 0.5rem;
}

.bps-calculate .icon {
  display: inline-block;
  height: 12px;
}

.bps-actions {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1.25rem;
}

.bps-button-inventory,
.bps-button-drive {
  flex: 1;
  padding: 0;
}

.bps-button-inventory .icon,
.bps-button-drive .icon {
  margin-left: 0.5rem;
}

.bps-button-inventory {
  margin-right: 1rem;
}

.bps-button-quote {
  flex: 100%;
  margin-top: 1rem;
}

@media (min-width: 640px) {
  .bps-monthly-label {
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.25rem;
  }
  .bps-title-trim {
    font-size: 2.5rem;
  }
  .bps-actions {
    flex-wrap: nowrap;
  }
  .bps-button-inventory,
  .bps-button-drive {
    flex: 0 1 auto;
    padding: 0 1.75rem;
  }
  .bps-button-inventory {
    margin-right: 0.5rem;
  }
  .bps-button-quote {
    flex: 0 1 auto;
    margin-left: auto;
    margin-top: 0;
    padding: 0 1.75rem;
  }
}

@media (min-width: 1024px) {
  .bps-monthly-label {
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.5rem;
  }
  .bps-monthly-value {
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.5rem;
  }
  .bps-actions {
    flex-wrap: wrap;
  }
  .bps-button-inventory,
  .bps-button-drive {
    flex: 1;
    padding: 0;
  }
  .bps-button-inventory {
    margin-right: 1rem;
  }
  .bps-button-quote {
    display: none;
  }
  .bps-net-prominent .bps-net-price-label,
  .bps-net-prominent .bps-net-price-value {
    font-size: 1.5rem;
  }
  .bps-monthly-prominent .bps-monthly-label,
  .bps-monthly-prominent .bps-monthly-value {
    font-size: 1.5rem;
  }
}

.cb-add-dropdown {
  align-items: center;
  color: #002c5e;
  display: block;
  font-weight: 700;
  justify-content: left;
  line-height: 1.375rem;
  padding: 0.25rem 0;
  opacity: 0;
  position: absolute;
}

.cb-compare-add {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cb-modal {
  display: none;
}

.cb-modal.modal {
  display: flex;
}

.cb-modal-box {
  width: 100%;
  margin: 0;
}

@media (min-width: 1024px) {
  .cb-modal-box {
    margin: auto;
    max-width: 60.25rem;
  }
}

.cb-modal-box-content {
  width: 100%;
  padding-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .cb-modal-box-content {
    padding-bottom: 2.5rem;
  }
}

.cb-header {
  width: 100%;
  background-color: #f3f3f3;
  text-align: right;
}

.cb-close-btn {
  padding: 1rem;
}

.cb-body {
  padding: 1.5rem 1rem;
}

@media (min-width: 640px) {
  .cb-body {
    padding: 1.5rem 2rem;
  }
}

@media (min-width: 640px) {
  .cb-body {
    padding: 1.5rem 2.625rem;
  }
}

.cb-actions {
  margin-bottom: 2rem;
}

.cb-accordions {
  margin-bottom: 3rem;
}

.cb-action-group {
  margin-bottom: 1.6875rem;
}

@media (min-width: 1024px) {
  .cb-action-group {
    display: flex;
    justify-content: space-between;
  }
}

.cb-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
}

.cb-item-inner-label {
  color: #002c5e;
  cursor: pointer;
}

.cb-item-inner-label .icon {
  display: inline-block;
  width: 0.9375rem;
  height: 0.9375rem;
  padding: 0.1875rem;
  position: relative;
  top: 0.125rem;
  color: #002c5e;
  margin-right: 0.625rem;
}

.cb-item-label .icon {
  flex-basis: 1.25rem;
  min-width: 1.25rem;
  border: 0.5px solid #002c5e;
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.25rem;
  margin-right: 0.625rem;
  color: #002c5e;
}

@media (min-width: 640px) {
  .cb-item-label .icon {
    flex-basis: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.375rem;
  }
}

.cb-item-title {
  font-size: 1.125rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

@media (min-width: 640px) {
  .cb-item-title {
    font-size: 1.25rem;
  }
}

.cb-item-content {
  margin-top: 1.5rem;
}

.cb-item-inner-content {
  position: relative;
  width: 100%;
  display: none;
}

.cb-item-inner-text {
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 0.5rem;
  position: relative;
}

.cb-item-inner-text:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0.5rem;
  right: 0.5rem;
  height: 0.0625rem;
  background-color: #e6e6e6;
}

@media (min-width: 640px) {
  .cb-item-inner-text {
    padding: 1rem;
  }
  .cb-item-inner-text:before {
    left: 1rem;
    right: 1rem;
  }
}

.cb-item-inner-text p + p {
  margin-top: 0.5rem;
}

@media (min-width: 640px) {
  .cb-item-inner-text p + p {
    margin-top: 1rem;
  }
}

.cb-checkbox {
  opacity: 0;
  position: absolute;
  top: 0.625rem;
}

.cb-checkbox:checked ~ .cb-feature-title .cb-item-inner-label .icon {
  transform: rotate(180deg);
}

.cb-checkbox:checked ~ .cb-item-inner-content {
  display: block;
}

.cb-checkbox:focus ~ .cb-feature-title .cb-item-inner-label {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .cb-checkbox:focus ~ .cb-feature-title .cb-item-inner-label {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.cb-item-row {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.0625rem;
}

.cb-item-row:nth-child(2n + 1) {
  background-color: #f6f3f2;
}

.cb-item-row:last-child {
  margin-bottom: 0;
}

.cb-item-inner-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0;
  align-items: center;
  position: relative;
}

.cb-item-inner-row:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0.5rem;
  right: 0.5rem;
  height: 0.0625rem;
  background-color: #e6e6e6;
}

@media (min-width: 640px) {
  .cb-item-inner-row:before {
    left: 1rem;
    right: 1rem;
  }
}

.cb-feature-title {
  flex-shrink: 0;
  flex-basis: 100%;
  overflow-wrap: break-word;
  padding: 0.75rem 0.75rem 0.25rem;
}

@media (min-width: 640px) {
  .cb-feature-title {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .cb-feature-title {
    flex-basis: 25%;
    max-width: 25%;
    text-align: left;
  }
}

.cb-feature-values {
  display: flex;
  align-items: center;
  flex-basis: 100%;
  max-width: 100%;
  padding: 0 0.75rem 0.75rem;
}

@media (min-width: 1024px) {
  .cb-feature-values {
    flex-basis: 75%;
    max-width: 75%;
  }
}

@media (min-width: 1024px) {
  .cb-feature-title,
  .cb-feature-values {
    padding: 1rem;
  }
}

.cb-feature-value {
  font-weight: 700;
  flex-basis: 50%;
  max-width: 50%;
}

@media (max-width: 639px) {
  .cb-feature-value:last-child {
    display: none;
  }
}

@media (min-width: 640px) {
  .cb-feature-value {
    text-align: center;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

.cb-feature-value-na {
  color: #bababa;
}

.cb-item-sub-title {
  color: #888888;
  margin: 2rem 0 1rem;
  position: relative;
  padding-bottom: 0.5rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
}

.cb-item-sub-title:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.125rem;
  width: 1.5rem;
  background-color: currentColor;
}

.cb-model-container {
  display: flex;
  margin-top: 2rem;
  padding: 0 0.75rem;
}

@media (min-width: 1024px) {
  .cb-model-container {
    width: 75%;
    flex-basis: 75%;
    margin-top: 0;
    justify-content: flex-start;
  }
}

.cb-model {
  width: 50%;
  flex-basis: 50%;
}

@media (max-width: 639px) {
  .cb-model:last-child {
    display: none;
  }
}

@media (min-width: 640px) {
  .cb-model {
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
    text-align: center;
  }
  .cb-model .cb-model-img {
    width: 90%;
  }
}

.cb-model-name, .cb-add {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
}

.cb-year {
  font-weight: 400;
}

@media (max-width: 639px) {
  .cb-model,
  .cb-trim {
    font-weight: 700;
  }
}

.cb-trim {
  display: block;
  word-wrap: break-word;
}

.cb-model-price-num {
  font-size: 1rem;
  line-height: 1.375rem;
}

.cb-model-price-text {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #888888;
  display: block;
}

@media (min-width: 1024px) {
  .cb-model-price-text {
    display: inline-block;
  }
}

.cb-model-cta {
  margin-top: 0.5rem;
}

@media (min-width: 640px) {
  .cb-model-cta {
    display: flex;
    justify-content: space-around;
  }
}

.cb-btn {
  color: #002c5e;
  display: none;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding: 0 10px 0 0;
  position: relative;
  text-decoration: none;
}

@media (min-width: 640px) {
  .cb-btn {
    padding: 0 10px;
  }
}

.cb-model-cta .cb-btn {
  display: block;
}

.cb-btn.cb-row-value {
  color: #002c5e;
}

.cb-btn svg {
  position: relative;
  top: -0.0625rem;
  display: inline-block;
  fill: currentColor;
  height: 0.625rem;
  margin-left: 0.375rem;
  width: 0.5rem;
  vertical-align: middle;
}

.cb-btn .cb-btn-chevron-stick {
  white-space: nowrap;
  display: inline;
}

.spacer-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.spacer-max-width {
  max-width: 90rem;
}

.spacer {
  width: 100%;
}

.spacer-bg-white {
  background-color: #ffffff;
}

.spacer-bg-light-gray {
  background-color: #bababa;
}

.spacer-bg-transparent {
  background-color: transparent;
}

.spacer-320-8 {
  height: 0.5rem;
}

.spacer-320-16 {
  height: 1rem;
}

.spacer-320-32 {
  height: 2rem;
}

.spacer-320-48 {
  height: 3rem;
}

.spacer-320-64 {
  height: 4rem;
}

.spacer-320-80 {
  height: 5rem;
}

.spacer-320-96 {
  height: 6rem;
}

.spacer-320-112 {
  height: 7rem;
}

.spacer-320-128 {
  height: 8rem;
}

@media (min-width: 640px) {
  .spacer-640-8 {
    height: 0.5rem;
  }
  .spacer-640-16 {
    height: 1rem;
  }
  .spacer-640-32 {
    height: 2rem;
  }
  .spacer-640-48 {
    height: 3rem;
  }
  .spacer-640-64 {
    height: 4rem;
  }
  .spacer-640-80 {
    height: 5rem;
  }
  .spacer-640-96 {
    height: 6rem;
  }
  .spacer-640-112 {
    height: 7rem;
  }
  .spacer-640-128 {
    height: 8rem;
  }
}

@media (min-width: 1024px) {
  .spacer-1024-8 {
    height: 0.5rem;
  }
  .spacer-1024-16 {
    height: 1rem;
  }
  .spacer-1024-32 {
    height: 2rem;
  }
  .spacer-1024-48 {
    height: 3rem;
  }
  .spacer-1024-64 {
    height: 4rem;
  }
  .spacer-1024-80 {
    height: 5rem;
  }
  .spacer-1024-96 {
    height: 6rem;
  }
  .spacer-1024-112 {
    height: 7rem;
  }
  .spacer-1024-128 {
    height: 8rem;
  }
}

@media (min-width: 1440px) {
  .spacer-1440-8 {
    height: 0.5rem;
  }
  .spacer-1440-16 {
    height: 1rem;
  }
  .spacer-1440-32 {
    height: 2rem;
  }
  .spacer-1440-48 {
    height: 3rem;
  }
  .spacer-1440-64 {
    height: 4rem;
  }
  .spacer-1440-80 {
    height: 5rem;
  }
  .spacer-1440-96 {
    height: 6rem;
  }
  .spacer-1440-112 {
    height: 7rem;
  }
  .spacer-1440-128 {
    height: 8rem;
  }
}

.competitor-conquest-wrapper {
  background: white;
  background: linear-gradient(180deg, white 0%, #f3f3f3 50%);
  width: 100%;
  padding: 0.9375rem 0.9375rem 4.0625rem 0.9375rem;
  margin: 0 auto;
}

.conquest-header-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  text-align: center;
  margin: 2.3125rem 0 3.6875rem 0;
  position: relative;
}

@media (max-width: 1023px) {
  .conquest-header-title {
    width: 80%;
    margin: 2.3125rem 3.125rem 2.4375rem 3.125rem;
  }
}

@media (max-width: 639px) {
  .conquest-header-title {
    width: 100%;
    margin: 0.625rem 0 1.5625rem 0;
    line-height: 1.875rem;
    padding-top: 2.1875rem;
  }
}

@media (max-width: 320px) {
  .conquest-header-title {
    width: 70%;
    margin: 0 auto 1.5625rem 2.1875rem;
  }
}

.conquest-container {
  margin: 3.125rem auto;
  clear: both;
  width: 90rem;
}

@media (max-width: 1440px) {
  .conquest-container {
    width: 64rem;
  }
}

@media (max-width: 1023px) {
  .conquest-container {
    margin: -1.875rem auto 0.625rem auto;
    width: 40.6875rem;
  }
}

@media (max-width: 639px) {
  .conquest-container {
    width: 20rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .conquest-container {
    width: calc(100vw - 375px);
  }
}

.conquest-img-wrapper {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 1.5625rem;
  margin-left: 0.5rem;
}

@media (min-width: 640px) {
  .conquest-img-wrapper {
    gap: 3.4375rem;
    margin-left: 3.75rem;
  }
}

@media (min-width: 1024px) {
  .conquest-img-wrapper {
    margin-left: 18.75rem;
  }
}

@media (min-width: 1440px) {
  .conquest-img-wrapper {
    gap: 4.6875rem;
    margin-left: 18.75rem;
  }
}

@media (min-width: 1441px) {
  .conquest-img-wrapper {
    margin-left: 31.25rem;
  }
}

.conquest-hma-img {
  display: flex;
  flex-direction: column;
  width: 9.75rem;
}

@media (min-width: 640px) {
  .conquest-hma-img {
    width: 16.8125rem;
  }
}

@media (min-width: 1024px) {
  .conquest-hma-img {
    width: 22.875rem;
  }
}

.conquest-competitor-img {
  display: flex;
  flex-direction: column;
  width: 12.75rem;
}

@media (max-width: 1023px) {
  .conquest-competitor-img {
    width: 7.4375rem;
  }
}

@media (max-width: 639px) {
  .conquest-competitor-img {
    width: 5.6875rem;
  }
}

.conquest-img-disclaimer-wrapper {
  display: flex;
  flex-direction: row;
  margin-left: 0.4375rem;
}

@media (min-width: 640px) {
  .conquest-img-disclaimer-wrapper {
    margin-left: 3.75rem;
  }
}

@media (min-width: 1024px) {
  .conquest-img-disclaimer-wrapper {
    margin-left: 20rem;
  }
}

@media (min-width: 1441px) {
  .conquest-img-disclaimer-wrapper {
    margin-left: 30.8125rem;
  }
}

.conquest-img-disclaimer-wrapper .conquest-hma-img-disclaimer {
  width: 9.5rem;
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  text-wrap: pretty;
  padding: 0 0.5rem;
}

@media (min-width: 640px) {
  .conquest-img-disclaimer-wrapper .conquest-hma-img-disclaimer {
    width: 16.625rem;
  }
}

@media (min-width: 1024px) {
  .conquest-img-disclaimer-wrapper .conquest-hma-img-disclaimer {
    width: 21.25rem;
    padding: 0 1rem;
  }
}

@media (min-width: 1441px) {
  .conquest-img-disclaimer-wrapper .conquest-hma-img-disclaimer {
    width: 23.75rem;
  }
}

.conquest-img-disclaimer-wrapper .conquest-hma-img-disclaimer.left {
  text-align: left;
}

.conquest-img-disclaimer-wrapper .conquest-hma-img-disclaimer.center {
  text-align: center;
}

.conquest-img-disclaimer-wrapper .conquest-hma-img-disclaimer.right {
  text-align: right;
}

@media (min-width: 1024px) {
  .conquest-hma-img-disclaimer:last-of-type {
    width: 19.0625rem;
  }
}

@media (min-width: 1441px) {
  .conquest-hma-img-disclaimer:last-of-type {
    width: 23.75rem;
  }
}

.conquest-title-competitor,
.conquest-title-hma,
.conquest-title {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem !important;
}

@media (max-width: 1023px) {
  .conquest-title-competitor,
  .conquest-title-hma,
  .conquest-title {
    padding-left: 0.625rem !important;
  }
}

@media (max-width: 639px) {
  .conquest-title-competitor,
  .conquest-title-hma,
  .conquest-title {
    padding-left: 0.3125rem !important;
    line-height: 1rem !important;
    font-size: 0.875rem;
  }
}

.conquest-title-competitor {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

@media (max-width: 639px) {
  .conquest-header-row .conquest-column3 {
    margin-left: 0.4375rem;
  }
}

.conquest-header-row .conquest-title-competitor,
.conquest-header-row .conquest-title-hma,
.conquest-header-row .conquest-title {
  font-size: 1.5rem;
  text-align: center;
  line-height: 1.875rem !important;
}

.conquest-title-compare {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  text-align: left !important;
}

.conquest-header-row .conquest-column2 {
  margin-top: 0.5rem;
}

@media (max-width: 1440px) {
  .conquest-header-row .conquest-column2 {
    margin-left: 2.8125rem;
  }
}

@media (max-width: 1023px) {
  .conquest-header-row .conquest-column2 {
    margin-top: -1.5625rem;
  }
}

@media (max-width: 639px) {
  .conquest-header-row .conquest-column2 {
    margin: -1.5625rem 0 0 0.3125rem;
  }
}

.conquest-header-row .conquest-column3 {
  margin-top: -1.375rem;
}

@media (max-width: 1023px) {
  .conquest-header-row .conquest-column3 {
    margin-top: -0.5rem;
  }
}

@media (max-width: 639px) {
  .conquest-header-row .conquest-column3 {
    margin-top: -0.4375rem;
  }
}

.conquest-header-row .conquest-column1 {
  padding-top: 1.6875rem;
  margin-left: 0.9375rem;
  width: 18.3125rem;
}

@media (max-width: 1440px) {
  .conquest-header-row .conquest-column1 {
    margin-left: 0.5rem;
    width: 16rem;
  }
}

@media (max-width: 1023px) {
  .conquest-header-row .conquest-column1 {
    display: none;
  }
}

.conquest-header-row .conquest-title-competitor span,
.conquest-header-row .conquest-title-hma span,
.conquest-header-row .conquest-title span {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.25rem !important;
}

.conquest-title-hma {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

@media (min-width: 639px) and (max-width: 1023px) {
  .conquest-title-hma {
    margin-left: 1.875rem !important;
  }
}

.conquest-shadow-border,
.conquest-column1-mobile,
.conquest-column1,
.conquest-column2,
.conquest-column3 {
  width: 17.75rem;
  height: 4.9375rem;
  float: left;
  text-align: center;
  padding-top: 1.125rem;
  position: relative;
}

@media (max-width: 1440px) {
  .conquest-shadow-border,
  .conquest-column1-mobile,
  .conquest-column1,
  .conquest-column2,
  .conquest-column3 {
    width: 15.625rem;
  }
}

@media (max-width: 1023px) {
  .conquest-shadow-border,
  .conquest-column1-mobile,
  .conquest-column1,
  .conquest-column2,
  .conquest-column3 {
    width: 12.5rem;
    text-align: left;
  }
}

@media (max-width: 639px) {
  .conquest-shadow-border,
  .conquest-column1-mobile,
  .conquest-column1,
  .conquest-column2,
  .conquest-column3 {
    width: 8.3125rem;
    padding-top: 0.625rem;
    text-align: left;
  }
}

@media (max-width: 1023px) {
  .conquest-gray-row .conquest-column2,
  .conquest-transparent-row .conquest-column2 {
    padding-top: 1.25rem;
  }
}

.conquest-column1 {
  margin-left: 1.5rem;
}

@media (max-width: 1440px) {
  .conquest-column1 {
    margin-left: 0.875rem;
  }
}

@media (max-width: 639px) {
  .conquest-column1 {
    margin-left: 0.3125rem;
  }
}

.conquest-column2,
.conquest-column3 {
  margin-left: 3.125rem;
}

@media (max-width: 1440px) {
  .conquest-column2,
  .conquest-column3 {
    margin-left: 2.8125rem;
  }
}

@media (max-width: 1023px) {
  .conquest-column2,
  .conquest-column3 {
    padding-top: 1.875rem;
    margin-left: 1.5rem;
  }
}

@media (max-width: 639px) {
  .conquest-column2,
  .conquest-column3 {
    margin-left: 0.9375rem;
  }
}

@media (max-width: 639px) {
  .conquest-column3 {
    margin-top: 0.625rem;
  }
}

.conquest-column1-mobile {
  display: none;
  text-align: left;
  margin-left: 0.875rem;
}

@media (max-width: 1023px) {
  .conquest-column1-mobile {
    display: block;
    width: 15rem;
  }
}

@media (max-width: 639px) {
  .conquest-column1-mobile {
    margin-left: 0.375rem;
    width: 8.3125rem;
  }
}

.conquest-column1 {
  text-align: left;
}

@media (max-width: 639px) {
  .conquest-column2 {
    margin: 0.9375rem 0 0 0.6875rem;
  }
}

.conquest-responsive-row-odd .conquest-shadow-border {
  box-shadow: 0 6px 0px 0px white, 0 -6px 0px 0px white, 6px 0 4px 0 rgba(0, 0, 0, 0.025), -6px 0 4px 0 rgba(0, 0, 0, 0.025);
  width: 23.75rem;
}

@media (max-width: 1440px) {
  .conquest-responsive-row-odd .conquest-shadow-border {
    width: 21.25rem;
  }
}

@media (max-width: 1023px) {
  .conquest-responsive-row-odd .conquest-shadow-border {
    box-shadow: 0 8px 0px 0px white, 0 -8px 0px 0px white, 2px 0 4px 2px rgba(0, 0, 0, 0.025), -2px 0 4px 2px rgba(0, 0, 0, 0.025);
    width: 16.8125rem;
  }
}

@media (max-width: 639px) {
  .conquest-responsive-row-odd .conquest-shadow-border {
    box-shadow: 0 8px 0px 0px white, 0 -8px 0px 0px white, 2px 0 4px 2px rgba(0, 0, 0, 0.025), -2px 0 4px 1px rgba(0, 0, 0, 0.025);
    width: 9.6875rem;
  }
}

.conquest-responsive-row-even .conquest-shadow-border {
  box-shadow: 0 6px 0px 0px #F7F7F7, 0 -6px 0px 0px #F7F7F7, 6px 0 4px 0 rgba(0, 0, 0, 0.025), -6px 0 4px 0 rgba(0, 0, 0, 0.025);
  width: 23.75rem;
}

@media (max-width: 1440px) {
  .conquest-responsive-row-even .conquest-shadow-border {
    width: 21.25rem;
  }
}

@media (max-width: 1023px) {
  .conquest-responsive-row-even .conquest-shadow-border {
    box-shadow: 0 8px 0px 0px #F7F7F7, 0 -8px 0px 0px #F7F7F7, 2px 0 4px 2px rgba(0, 0, 0, 0.025), -2px 0 4px 2px rgba(0, 0, 0, 0.025);
    width: 16.8125rem;
  }
}

@media (max-width: 639px) {
  .conquest-responsive-row-even .conquest-shadow-border {
    box-shadow: 0 8px 0px 0px #F7F7F7, 0 -8px 0px 0px #F7F7F7, 2px 0 4px 2px rgba(0, 0, 0, 0.025), -2px 0 4px 1px rgba(0, 0, 0, 0.025);
    width: 9.6875rem;
  }
}

.conquest-gray-background,
.conquest-white-background {
  width: 23.75rem;
  height: 7.25rem;
  background-color: #ffffff;
  position: absolute;
  display: block;
  margin-top: 0.4375rem;
}

@media (max-width: 1440px) {
  .conquest-gray-background,
  .conquest-white-background {
    width: 21.25rem;
  }
}

@media (max-width: 1023px) {
  .conquest-gray-background,
  .conquest-white-background {
    width: 16.8125rem;
    height: 8.875rem;
  }
}

@media (max-width: 639px) {
  .conquest-gray-background,
  .conquest-white-background {
    width: 9.6875rem;
    height: 9.8125rem;
    margin-top: 0.9375rem;
  }
}

.conquest-gray-background {
  background-color: #F7F7F7;
}

.conquest-header-row .conquest-white-background {
  height: 8.25rem;
  margin-top: -1.4375rem;
  border-radius: 5px 5px 0 0;
}

@media (max-width: 1023px) {
  .conquest-header-row .conquest-white-background {
    height: 8.25rem;
    margin-top: -1.1875rem;
  }
}

@media (max-width: 639px) {
  .conquest-header-row .conquest-white-background {
    margin-top: -0.625rem;
    height: 8.125rem;
  }
}

.conquest-button-row .conquest-white-background {
  height: 8.625rem;
  margin-top: -0.75rem;
  border-radius: 0 0 5px 5px;
}

.conquest-last .conquest-white-background {
  border-radius: 0 0 5px 5px;
}

@media (max-width: 1023px) {
  .conquest-last .conquest-white-background {
    margin-top: 0.8125rem;
    height: 8rem;
  }
}

@media (max-width: 639px) {
  .conquest-last .conquest-white-background {
    margin-top: 1.5625rem;
    height: 9.6875rem;
  }
}

.conquest-header-row .conquest-shadow-border {
  box-shadow: 6px -8px 6px 0 rgba(0, 0, 0, 0.025), -6px -8px 6px 0 rgba(0, 0, 0, 0.025);
  width: 23.75rem;
  height: 8.25rem;
  margin: -1.5625rem 0 -1.5625rem 0;
  border-radius: 5px 5px 0 0;
}

@media (max-width: 1440px) {
  .conquest-header-row .conquest-shadow-border {
    width: 21.25rem;
  }
}

@media (max-width: 1023px) {
  .conquest-header-row .conquest-shadow-border {
    box-shadow: 6px -6px 6px 0 rgba(0, 0, 0, 0.025), -6px -6px 6px 0 rgba(0, 0, 0, 0.025);
    width: 16.8125rem;
    height: 8.25rem;
    margin: 1.125rem 0 0 0;
  }
}

@media (max-width: 639px) {
  .conquest-header-row .conquest-shadow-border {
    box-shadow: 6px -6px 6px 0px rgba(0, 0, 0, 0.025), -6px -6px 6px 0px rgba(0, 0, 0, 0.025);
    width: 9.6875rem;
    height: 8.125rem;
    margin: 1.125rem 0 0 0;
  }
}

.conquest-button-row .conquest-shadow-border {
  box-shadow: 6px 3px 8px -4px rgba(0, 0, 0, 0.1), -6px 3px 8px -4px rgba(0, 0, 0, 0.1) !important;
  border-radius: 0 0 5px 5px;
  height: 8.875rem;
  margin: -0.4375rem 0 -1.5625rem 0;
  width: 23.75rem;
}

@media (max-width: 1440px) {
  .conquest-button-row .conquest-shadow-border {
    width: 21.25rem;
  }
}

@media (max-width: 1023px) {
  .conquest-last {
    box-shadow: 0 -8px 0px 0px #F7F7F7, 6px 4px 8px 0px rgba(0, 0, 0, 0.025), -6px 4px 8px 0px rgba(0, 0, 0, 0.025) !important;
    border-radius: 0 0 5px 5px;
    height: 10.625rem;
  }
}

@media (max-width: 639px) {
  .conquest-last {
    height: 11.875rem;
    border-radius: 0 0 5px 5px;
  }
}

.conquest-header-row,
.conquest-gray-row,
.conquest-transparent-row,
.conquest-button-row {
  clear: both;
  height: 7.25rem;
  width: 67rem;
  margin: auto;
}

@media (max-width: 1440px) {
  .conquest-header-row,
  .conquest-gray-row,
  .conquest-transparent-row,
  .conquest-button-row {
    width: 56.9375rem;
  }
}

@media (max-width: 1023px) {
  .conquest-header-row,
  .conquest-gray-row,
  .conquest-transparent-row,
  .conquest-button-row {
    width: 33.375rem;
    height: 8.125rem;
  }
}

@media (max-width: 639px) {
  .conquest-header-row,
  .conquest-gray-row,
  .conquest-transparent-row,
  .conquest-button-row {
    width: 19.125rem;
    height: 9.375rem;
  }
}

.conquest-header-row {
  height: 4.75rem;
  margin-bottom: 1.5625rem;
}

@media (max-width: 1023px) {
  .conquest-header-row {
    height: 5.625rem;
  }
}

@media (max-width: 639px) {
  .conquest-header-row {
    height: 8.125rem;
    margin-bottom: 1.1875rem;
  }
}

@media (min-width: 1024px) {
  .conquest-header-row {
    margin-top: 2.1875rem;
  }
}

.conquest-button-row-mobile {
  width: 100%;
  display: none;
  margin: 2.1875rem auto 0.3125rem auto;
  text-align: center;
}

@media (max-width: 1023px) {
  .conquest-button-row-mobile {
    display: block;
  }
}

.conquest-button-row-mobile .conquest-button {
  margin: 0 auto 1.875rem auto;
}

.conquest-chromedata-logo {
  margin: -5.1875rem 0 0 45.9375rem;
}

@media (max-width: 1440px) {
  .conquest-chromedata-logo {
    margin: -5.1875rem 0 0 40.3125rem;
  }
}

@media (max-width: 1023px) {
  .conquest-chromedata-logo {
    margin: 0.625rem auto 1.75rem 18.75rem;
  }
}

@media (max-width: 639px) {
  .conquest-chromedata-logo {
    margin: 0.625rem auto 1.5rem 9.6875rem;
  }
}

.conquest-chromedata-logo img {
  width: 12.6875rem;
  height: 1.3125rem;
}

@media (max-width: 1023px) {
  .conquest-chromedata-logo img {
    width: 11.5rem;
    height: 1.1875rem;
  }
}

@media (max-width: 639px) {
  .conquest-chromedata-logo img {
    width: 7.25rem;
    height: 0.75rem;
  }
}

@media (max-width: 1023px) {
  .conquest-button-row {
    display: none;
  }
}

.conquest-button-row .conquest-button {
  margin: 1.25rem auto 2.875rem auto;
}

@media (max-width: 1023px) {
  .conquest-button-row .conquest-column1 {
    display: none;
  }
}

.conquest-gray-row {
  background-color: #EBEBEB;
}

.conquest-button {
  width: 13.9375rem;
  height: auto;
  display: block;
  background-color: #002c5e;
  color: #ffffff;
  padding: 0.75rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  text-decoration: none;
}

.conquest-modal-wrapper {
  display: none;
}

@media (min-width: 1024px) {
  body.chat-opened .conquest-modal {
    width: calc(100vw - 375px);
    right: 2.4375rem;
  }
}

.conquest-modal.modal.modal-open {
  width: 100%;
  max-width: 1440px;
  margin: auto;
}

.conquest-modal .modal-box {
  background: transparent;
}

.conquest-modal .modal-content {
  padding: 0;
  width: 100%;
  background: #ffffff;
}

.conquest-modal .modal-box,
.conquest-modal .modal-box-content {
  width: 100%;
}

.conquest-modal .modal-x {
  background-color: rgba(0, 0, 0, 0.4);
  height: 2.5rem;
  padding: 0.4375rem;
  width: 2.5rem;
  right: 1rem;
  top: 1rem;
}

@media (min-width: 640px) {
  .conquest-modal .modal-x {
    right: 2rem;
  }
}

.conquest-modal .modal-x svg {
  fill: #ffffff;
  max-height: 100%;
  max-width: 100%;
}

/** DYNAMIC ROWS **/
.conquest-container-responsive {
  width: 67rem;
  margin: 0 auto;
}

@media (max-width: 1440px) {
  .conquest-container-responsive {
    width: 56.9375rem;
  }
}

@media (max-width: 1023px) {
  .conquest-container-responsive {
    width: 33.375rem;
  }
}

@media (max-width: 639px) {
  .conquest-container-responsive {
    width: 19.125rem;
  }
}

.conquest-col2-mobile,
.conquest-col2,
.conquest-col3 {
  padding: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1023px) {
  .conquest-col2-mobile,
  .conquest-col2,
  .conquest-col3 {
    margin-top: auto;
  }
}

@media (max-width: 1023px) {
  .conquest-col2 {
    display: none;
  }
}

.conquest-col2-mobile .conquest-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.875rem;
}

.conquest-responsive-row-odd {
  background-color: #EBEBEB;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  width: 100%;
}

.conquest-responsive-row-even {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  width: 100%;
}

.conquest-col1 {
  padding: 1.25rem;
  text-align: left;
  width: 19.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem !important;
  position: relative;
}

@media (max-width: 1440px) {
  .conquest-col1 {
    width: 16.5rem;
  }
}

@media (max-width: 1023px) {
  .conquest-col1 {
    display: none;
  }
}

.conquest-col2-mobile {
  display: none;
}

@media (max-width: 1023px) {
  .conquest-col2-mobile {
    display: block;
    width: 16.8125rem;
    text-align: left !important;
  }
}

.conquest-col2-mobile p {
  text-align: left;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem !important;
}

.conquest-responsive-row-odd .conquest-col2,
.conquest-responsive-row-odd .conquest-col2-mobile {
  width: 23.75rem;
  background-color: #F7F7F7;
  text-align: center;
  height: auto;
}

@media (max-width: 1440px) {
  .conquest-responsive-row-odd .conquest-col2,
  .conquest-responsive-row-odd .conquest-col2-mobile {
    width: 21.25rem;
  }
}

@media (max-width: 1023px) {
  .conquest-responsive-row-odd .conquest-col2,
  .conquest-responsive-row-odd .conquest-col2-mobile {
    width: 16.8125rem;
  }
}

@media (max-width: 639px) {
  .conquest-responsive-row-odd .conquest-col2,
  .conquest-responsive-row-odd .conquest-col2-mobile {
    width: 9.6875rem;
  }
}

.conquest-responsive-row-even .conquest-col2,
.conquest-responsive-row-even .conquest-col2-mobile {
  width: 23.75rem;
  background-color: #ffffff;
  text-align: center;
  height: auto;
}

@media (max-width: 1440px) {
  .conquest-responsive-row-even .conquest-col2,
  .conquest-responsive-row-even .conquest-col2-mobile {
    width: 21.25rem;
  }
}

@media (max-width: 1023px) {
  .conquest-responsive-row-even .conquest-col2,
  .conquest-responsive-row-even .conquest-col2-mobile {
    width: 16.8125rem;
  }
}

@media (max-width: 639px) {
  .conquest-responsive-row-even .conquest-col2,
  .conquest-responsive-row-even .conquest-col2-mobile {
    width: 9.6875rem;
  }
}

.conquest-col3 {
  text-align: center;
  width: 23.75rem;
}

@media (max-width: 1440px) {
  .conquest-col3 {
    width: 19.0625rem;
  }
}

@media (max-width: 1023px) {
  .conquest-col3 {
    width: 15.625rem;
    padding-bottom: 1.625rem;
  }
}

@media (max-width: 639px) {
  .conquest-col3 {
    text-align: left;
    justify-content: left;
    line-height: 1.1875rem;
    width: 8.4375rem;
    padding-bottom: 1.5625rem;
  }
}

.conquest-white-background-two-button {
  height: 13.625rem !important;
}

.conquest-shadow-border-two-button {
  height: 13.625rem !important;
}

.conquest-button-row-two-button {
  height: 10.625rem !important;
}

.conquest-button-row-two-button .conquest-column1,
.conquest-button-row-two-button .conquest-shadow-border,
.conquest-button-row-two-button .conquest-white-background,
.conquest-button-row-two-button .conquest-column2,
.conquest-button-row-two-button .conquest-column3 {
  height: 10.625rem !important;
}

.conquest-button-row-two-button .conquest-column2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  margin: 0;
  padding-top: 2.3125rem;
}

.conquest-button-row-two-button .conquest-button {
  margin: 0;
}

.conquest-button-row-two-button .button-gray {
  background-color: #888888;
  border: 0.125rem solid #888888;
  color: #ffffff;
}

@media (max-width: 1023px) {
  .conquest-button-row-mobile-two-button {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.625rem;
  }
}

.conquest-button-row-mobile-two-button .conquest-button {
  margin: 0;
}

.conquest-button-row-mobile-two-button .button-gray {
  background-color: #888888;
  border: 0.125rem solid #888888;
  color: #ffffff;
}

.mrs-reviews {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f3f3f3;
}

.mrs-reviews-inner {
  width: 100%;
  max-width: 99rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #f3f3f3;
  padding: 2.5rem 1rem;
}

@media (min-width: 640px) {
  .mrs-reviews-inner {
    padding: 2.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .mrs-reviews-inner {
    padding: 3.5rem 2.625rem 3.9375rem;
  }
}

@media (min-width: 1440px) {
  .mrs-reviews-inner {
    padding: 3.5rem 4.5rem 3.9375rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mrs-reviews-inner {
    padding: 2.5rem 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mrs-reviews-inner {
    padding: 3.5rem 2.625rem 3.9375rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .mrs-reviews-inner {
    padding: 3.5rem 4.5rem 3.9375rem;
  }
}

.mrs-reviews-header {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 0.0625rem solid #bababa;
  margin-bottom: 2rem;
}

@media (min-width: 1024px) {
  .mrs-reviews-header {
    border: 0;
    margin-bottom: 3.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mrs-reviews-header {
    border-bottom: 0.0625rem solid #bababa;
    margin-bottom: 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mrs-reviews-header {
    border: 0;
    margin-bottom: 3.5rem;
  }
}

.mrs-reviews-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.875rem;
}

@media (min-width: 1024px) {
  .mrs-reviews-headline {
    font-size: 1.875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mrs-reviews-headline {
    font-size: 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mrs-reviews-headline {
    font-size: 1.875rem;
  }
}

.mrs-reviews-stars {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 0.3125rem;
  margin: 0.5rem 0 0.25rem;
}

.mrs-reviews-stars svg {
  width: 1.875rem;
  height: 1.875rem;
  fill: var(--header-star-color);
}

.mrs-reviews-overall {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
}

.mrs-reviews-total {
  font-size: 0.875rem;
  font-weight: 500;
  color: #002c5e;
  line-height: 1rem;
  text-decoration: none;
  padding: 1.25rem 0 2rem;
  -webkit-tap-highlight-color: transparent;
}

@media (min-width: 1024px) {
  .mrs-reviews-total {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 1.25rem 0 1.6875rem;
  }
}

@media (min-width: 1440px) {
  .mrs-reviews-total {
    right: 4.5rem;
  }
}

.mrs-reviews-total svg {
  width: 0.625rem;
  height: 0.625rem;
  display: inline-block;
  margin-left: 0.125rem;
}

@media (min-width: 1024px) {
  body.chat-opened .mrs-reviews-total {
    position: relative;
    bottom: auto;
    right: auto;
    padding: 1.25rem 0 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mrs-reviews-total {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 1.25rem 0 1.6875rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .mrs-reviews-total {
    right: 4.5rem;
  }
}

.mrs-reviews-body {
  width: 100%;
  max-width: 67.375rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 3.875rem;
}

@media (min-width: 1024px) {
  .mrs-reviews-body {
    margin-bottom: 5.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mrs-reviews-body {
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mrs-reviews-body {
    margin-bottom: 5.25rem;
  }
}

.mrs-reviews-review {
  text-align: left;
}

.mrs-reviews-review-stars {
  display: flex;
  gap: 0.3125rem;
  margin-bottom: 0.25rem;
}

.mrs-reviews-review-stars svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: var(--body-star-color);
}

.mrs-reviews-review-date {
  font-size: 0.875rem;
  font-weight: 500;
  color: #888888;
  line-height: 1.25rem;
  margin-bottom: 1.25rem;
}

.mrs-reviews-review-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.4375rem;
  margin-bottom: 0.5rem;
}

.mrs-reviews-review-copy {
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.375rem;
  margin-bottom: 0.75rem;
}

.mrs-reviews-review-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
}

@media (min-width: 1024px) {
  body.chat-opened .mrs .swiper-pagination {
    display: flex;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mrs .swiper-pagination {
    display: none;
  }
}

.mrs-reviews-footer {
  width: 100%;
  max-width: 90rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 1.5rem;
}

@media (min-width: 1024px) {
  .mrs-reviews-footer {
    flex-direction: row;
    align-items: center;
    gap: 4.25rem;
    padding: 0;
  }
}

@media (min-width: 1440px) {
  .mrs-reviews-footer {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mrs-reviews-footer {
    flex-direction: column;
    gap: 0.5rem;
    padding: 0 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mrs-reviews-footer {
    flex-direction: row;
    align-items: center;
    gap: 4.25rem;
    padding: 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .mrs-reviews-footer {
    padding: 0 4.5rem;
  }
}

.mrs-reviews-disclaimer {
  order: 2;
  font-size: 0.875rem;
  font-weight: 500;
  color: #bababa;
  line-height: 1.25rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .mrs-reviews-disclaimer {
    order: 1;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mrs-reviews-disclaimer {
    order: 2;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mrs-reviews-disclaimer {
    order: 1;
  }
}

.mrs-reviews-logo {
  order: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.mrs-reviews-logo img {
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  .mrs-reviews-logo img {
    gap: 0.5rem;
  }
}

@media (min-width: 1024px) {
  .mrs-reviews-logo {
    order: 2;
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mrs-reviews-logo {
    order: 1;
    flex-direction: column;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mrs-reviews-logo {
    order: 2;
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mrs-reviews-logo img {
    gap: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mrs-reviews-logo img {
    gap: 0.5rem;
  }
}

.mrs-reviews-logo-copy {
  width: 100%;
  font-size: 0.875rem;
  font-weight: 500;
  color: #bababa;
  line-height: 1.25rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .mrs-reviews-logo-copy {
    max-width: 6.75rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mrs-reviews-logo-copy {
    max-width: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mrs-reviews-logo-copy {
    max-width: 6.75rem;
  }
}

.mrs .mrs-reviews-swiper {
  width: 100%;
}

.mrs .mrs-wrapper {
  position: relative;
  margin-top: 0.625rem;
  display: block;
}

@media (min-width: 1024px) {
  .mrs .mrs-wrapper {
    display: none;
  }
}

.mrs .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin: 0;
  text-align: center;
  bottom: -0.625rem;
}

.mrs .swiper-pagination-horizontal .swiper-pagination-bullet {
  background: #888888;
  height: 0.5625rem;
  width: 0.5625rem;
  opacity: 1;
}

.mrs .swiper-pagination-horizontal .swiper-pagination-bullet-active {
  background: #00aad2;
}

.mrs .swiper-button-prev,
.mrs .swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0.75rem;
  bottom: 0;
  width: 0.625rem;
  height: 2rem;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.875rem;
  color: #002c5e;
  z-index: 99;
}

.mrs .swiper-button-prev:after,
.mrs .swiper-button-next:after {
  content: '';
}

.mrs .swiper-button-prev:focus,
.mrs .swiper-button-next:focus {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.mrs .swiper-button-prev svg,
.mrs .swiper-button-next svg {
  fill: currentColor;
}

.mrs .swiper-button-prev {
  left: 0;
}

.mrs .swiper-button-next {
  right: 0;
}

.utce {
  display: flex;
  justify-content: center;
}

.utce-content {
  width: 100%;
  display: flex;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .utce-content {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .utce-content {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .utce-content {
    padding: 0 4.5rem;
  }
}

.utce-tiles {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 1rem;
}

@media (min-width: 640px) {
  .utce-tiles {
    gap: 2.5rem 1.25rem;
  }
}

.utce-tile {
  width: 100%;
  display: flex;
}

.utce-tile-icon-section,
.utce-tile-content-section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.utce-tile-content-section {
  height: 100%;
}

.utce-tile-icon svg {
  width: 100%;
  height: 100%;
}

.utce-tile-icon .hyundaiBlue {
  fill: #00aad2;
}

.utce-tile-caption {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}

.utce-tile-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #000000;
  line-height: 1.875rem;
  margin-bottom: 0.5rem;
  word-break: break-word;
}

.utce-tile-copy {
  font-size: 1rem;
  color: #000000;
  line-height: 1.375rem;
}

.utce-tile-link-style {
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  text-decoration: none;
}

.utce-tile-link-style svg {
  width: 0.6875rem;
  height: 0.6875rem;
  display: inline-block;
  margin-left: 0.375rem;
}

@media (min-width: 640px) {
  .utce-columns-four.utce-tile-vertical .utce-content {
    max-width: 43.875rem;
  }
}

@media (min-width: 1024px) {
  .utce-columns-four.utce-tile-vertical .utce-content {
    max-width: 65.6875rem;
  }
}

@media (min-width: 1440px) {
  .utce-columns-four.utce-tile-vertical .utce-content {
    max-width: 90rem;
  }
}

@media (min-width: 640px) {
  .utce-columns-four.utce-tile-vertical .utce-tile {
    max-width: calc(50% - 10px);
    flex: 1 0 calc(50% - 10px);
  }
}

@media (min-width: 1024px) {
  .utce-columns-four.utce-tile-vertical .utce-tile {
    max-width: calc((1/3 * 100%) - 13.33px);
    flex: 1 0 calc((1/3 * 100%) - 13.33px);
  }
}

@media (min-width: 1440px) {
  .utce-columns-four.utce-tile-vertical .utce-tile {
    max-width: calc(25% - 15px);
    flex: 1 0 calc(25% - 15px);
  }
}

@media (min-width: 640px) {
  .utce-columns-three.utce-tile-vertical .utce-content {
    max-width: 43.875rem;
  }
}

@media (min-width: 1024px) {
  .utce-columns-three.utce-tile-vertical .utce-content {
    max-width: 65.6875rem;
  }
}

@media (min-width: 1440px) {
  .utce-columns-three.utce-tile-vertical .utce-content {
    max-width: 69.4375rem;
  }
}

@media (min-width: 640px) {
  .utce-columns-three.utce-tile-vertical .utce-tile {
    max-width: calc(50% - 10px);
    flex: 1 0 calc(50% - 10px);
  }
}

@media (min-width: 1024px) {
  .utce-columns-three.utce-tile-vertical .utce-tile {
    max-width: calc((1/3 * 100%) - 13.33px);
    flex: 1 0 calc((1/3 * 100%) - 13.33px);
  }
}

@media (min-width: 640px) {
  .utce-columns-two.utce-tile-vertical .utce-content {
    max-width: 43.875rem;
  }
}

@media (min-width: 1024px) {
  .utce-columns-two.utce-tile-vertical .utce-content {
    max-width: 45.125rem;
  }
}

@media (min-width: 1440px) {
  .utce-columns-two.utce-tile-vertical .utce-content {
    max-width: 48.875rem;
  }
}

@media (min-width: 640px) {
  .utce-columns-two.utce-tile-vertical .utce-tile {
    max-width: calc(50% - 10px);
    flex: 1 0 calc(50% - 10px);
  }
}

@media (min-width: 640px) {
  .utce-columns-three.utce-tile-horizontal .utce-content {
    max-width: 58.875rem;
  }
}

@media (min-width: 1024px) {
  .utce-columns-three.utce-tile-horizontal .utce-content {
    max-width: 90.0625rem;
  }
}

@media (min-width: 640px) {
  .utce-columns-three.utce-tile-horizontal .utce-tile {
    max-width: calc(50% - 10px);
    flex: 1 0 calc(50% - 10px);
  }
}

@media (min-width: 1024px) {
  .utce-columns-three.utce-tile-horizontal .utce-tile {
    max-width: calc((1/3 * 100%) - 13.33px);
    flex: 1 0 calc((1/3 * 100%) - 13.33px);
  }
}

@media (min-width: 640px) {
  .utce-columns-two.utce-tile-horizontal .utce-content {
    max-width: 58.875rem;
  }
}

@media (min-width: 1440px) {
  .utce-columns-two.utce-tile-horizontal .utce-content {
    max-width: 62.625rem;
  }
}

@media (min-width: 640px) {
  .utce-columns-two.utce-tile-horizontal .utce-tile {
    max-width: calc(50% - 10px);
    flex: 1 0 calc(50% - 10px);
  }
}

@media (max-width: 639px) {
  .utce-columns-mobile-two.utce-tile-vertical .utce-tile {
    max-width: calc(50% - 8px);
    flex: 1 0 calc(50% - 8px);
  }
}

@media (max-width: 639px) {
  .utce-columns-mobile-one.utce-tile-vertical .utce-tile {
    max-width: 19.3125rem;
    flex: 1 0 100%;
  }
}

@media (max-width: 639px) {
  .utce-columns-mobile-one.utce-tile-horizontal .utce-tile {
    max-width: 26.1875rem;
    flex: 1 0 100%;
  }
}

.utce-tile-align-left .utce-tiles {
  justify-content: flex-start;
}

.utce-tile-align-center .utce-tiles {
  justify-content: center;
}

.utce-tile-content-left .utce-tile-icon-section,
.utce-tile-content-left .utce-tile-content-section {
  align-items: flex-start;
  text-align: left;
}

.utce-tile-content-left .utce-tile-headline,
.utce-tile-content-left .utce-tile-copy {
  padding-right: 1.25rem;
}

.utce-tile-content-center .utce-tile-icon-section,
.utce-tile-content-center .utce-tile-content-section {
  align-items: center;
  text-align: center;
}

.utce-tile-content-center .utce-tile-headline,
.utce-tile-content-center .utce-tile-copy {
  padding: 0 1.25rem;
}

.utce-tile-icon-small .utce-tile-icon {
  width: 4rem;
  height: 4rem;
}

.utce-tile-icon-medium .utce-tile-icon {
  width: 5rem;
  height: 5rem;
}

.utce-tile-icon-large .utce-tile-icon {
  width: 6rem;
  height: 6rem;
}

.utce-tile-link-style-text .utce-tile-link-style {
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  text-decoration: none;
}

.utce-tile-link-style-text .utce-tile-link-style svg {
  width: 0.6875rem;
  height: 0.6875rem;
  display: inline-block;
  margin-left: 0.375rem;
}

.utce-tile-link-style-button-navy .utce-tile-link-style,
.utce-tile-link-style-button-gray .utce-tile-link-style {
  height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  text-decoration: none;
  padding: 0 1.75rem;
  cursor: pointer;
}

.utce-tile-link-style-button-navy .utce-tile-link-style svg,
.utce-tile-link-style-button-gray .utce-tile-link-style svg {
  width: 0.6875rem;
  height: 0.6875rem;
  display: inline-block;
  margin-left: 0.375rem;
}

.utce-tile-link-style-button-navy .utce-tile-link-style .sticky-icon-wrap,
.utce-tile-link-style-button-gray .utce-tile-link-style .sticky-icon-wrap {
  position: relative;
}

.utce-tile-link-style-button-navy .utce-tile-link-style {
  color: #ffffff;
  background-color: #002c5e;
  border: 0.125rem solid #002c5e;
}

.utce-tile-link-style-button-navy .utce-tile-link-style:hover {
  color: #ffffff;
  background-color: #001A38;
  border-color: #001A38;
}

.utce-tile-link-style-button-navy .utce-tile-link-style:focus {
  box-shadow: inset 0 0 0 0.125rem #ffffff;
  box-sizing: border-box;
}

.utce-tile-link-style-button-navy .utce-tile-link-style:disabled {
  color: #ffffff;
  background-color: #bababa;
  border-color: #bababa;
}

.utce-tile-link-style-button-gray .utce-tile-link-style {
  color: #ffffff;
  background-color: #888888;
  border: 0.125rem solid #888888;
}

.utce-tile-link-style-button-gray .utce-tile-link-style:hover {
  color: #ffffff;
  background-color: #666666;
  border-color: #666666;
}

.utce-tile-link-style-button-gray .utce-tile-link-style:focus {
  box-shadow: inset 0 0 0 0.125rem #ffffff;
  box-sizing: border-box;
}

.utce-tile-link-style-button-gray .utce-tile-link-style:disabled {
  color: #ffffff;
  background-color: #bababa;
  border-color: #bababa;
}

.utce-tile-vertical .utce-tile {
  flex-direction: column;
}

.utce-tile-vertical .utce-tile-icon {
  margin-bottom: 0.5rem;
}

.utce-tile-vertical .utce-tile-link-style {
  margin-top: 1rem;
}

.utce-tile-horizontal .utce-tile {
  flex-direction: row;
}

.utce-tile-horizontal .utce-tile-icon {
  margin-right: 1rem;
}

.utce-tile-horizontal .utce-tile-link-style {
  margin-top: 0.5rem;
}

.utce-margin {
  margin: 0 1rem;
}

@media (min-width: 640px) {
  .utce-margin {
    margin: 0 3rem;
  }
}

@media (min-width: 1024px) {
  .utce-margin {
    margin: 0 4.5rem;
  }
}

@media (min-width: 1440px) {
  .utce-margin {
    margin: 0 7.5rem;
  }
}

.utce-top-padding {
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .utce-top-padding {
    padding-top: 3rem;
  }
}

@media (min-width: 1440px) {
  .utce-top-padding {
    padding-top: 4.5rem;
  }
}

.utce-bottom-padding {
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .utce-bottom-padding {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .utce-bottom-padding {
    padding-bottom: 4.5rem;
  }
}
.utce-main {
  max-width: 19.375rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  margin: 0 auto;
}

.utce-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.utce-inner {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.utce-max-width {
  max-width: 90rem;
}

.utce-main-gray {
  background-color: #F3F3F3;
  margin: 0 auto;
  max-width: 58.75rem;
}

@media (min-width: 1440px) {
  .utce-main-gray {
    max-width: 75rem;
  }
}

@media (min-width: 640px) {
  [data-column="five"] .utce-main {
    max-width: 31.25rem;
  }
}

@media (min-width: 1024px) {
  [data-column="five"] .utce-main {
    max-width: 46.875rem;
  }
}

@media (min-width: 1440px) {
  [data-column="five"] .utce-main {
    max-width: 78.125rem;
  }
}

@media (min-width: 640px) {
  [data-column="four"] .utce-main {
    max-width: 31.25rem;
  }
}

@media (min-width: 1024px) {
  [data-column="four"] .utce-main {
    max-width: 62.5rem;
  }
}

@media (min-width: 640px) {
  [data-column="three"] .utce-main {
    max-width: 31.25rem;
  }
}

@media (min-width: 1024px) {
  [data-column="three"] .utce-main {
    max-width: 46.875rem;
  }
}

@media (min-width: 640px) {
  [data-column="two"] .utce-main {
    max-width: 31.25rem;
  }
}

.utce-item {
  flex-basis: 13.75rem;
  text-align: center;
  padding: 1.5rem 0.9375rem 0;
  margin: 0 0.25rem;
}

.utce-icon-container {
  width: 100%;
  margin-bottom: 1rem;
}

.utce-icon {
  display: block;
  margin: 0 auto;
}

[data-icon="small"] .utce-icon {
  width: 3rem;
  height: 3rem;
}

[data-icon="medium"] .utce-icon {
  width: 4.5rem;
  height: 4.5rem;
}

[data-icon="large"] .utce-icon {
  width: 90%;
}

.utce-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
  line-height: 1.625rem;
  margin-bottom: 0.3125rem;
}

.utce-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #888888;
  line-height: 1.25rem;
  padding-top: 0.8125rem;
}

.utce-copy a {
  color: #002c5e;
  text-decoration: underline;
}

.utce-link {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-top: 1.25rem;
  cursor: pointer;
}

.utce-link a {
  color: #002c5e;
  text-decoration: none;
}

.utce-link a:hover {
  text-decoration: underline;
}

.utce-link .icon {
  width: .6em;
  height: .6em;
  display: inline-block;
  margin-left: 0.5rem;
}

.utce-link [data-smco-video]:after {
  background-image: none;
}

.utce-item [data-smco-video]:after,
[data-smco-video] .il-media-ratio:after {
  height: 2.875rem;
  width: 2.875rem;
}

.utce-main-head {
  width: 100%;
  padding-bottom: 2.5rem;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.875rem;
}

.utce-margin {
  margin: 0 1rem;
}

@media (min-width: 640px) {
  .utce-margin {
    margin: 0 3rem;
  }
}

@media (min-width: 1024px) {
  .utce-margin {
    margin: 0 4.5rem;
  }
}

@media (min-width: 1440px) {
  .utce-margin {
    margin: 0 7.5rem;
  }
}

.utce-top-padding {
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .utce-top-padding {
    padding-top: 3rem;
  }
}

@media (min-width: 1440px) {
  .utce-top-padding {
    padding-top: 4.5rem;
  }
}

.utce-bottom-padding {
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .utce-bottom-padding {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .utce-bottom-padding {
    padding-bottom: 4.5rem;
  }
}

.utc-main {
  max-width: 15.625rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}

@media (min-width: 640px) {
  [data-column="five"] .utc-main {
    max-width: 31.25rem;
  }
}

@media (min-width: 1024px) {
  [data-column="five"] .utc-main {
    max-width: 46.875rem;
  }
}

@media (min-width: 1440px) {
  [data-column="five"] .utc-main {
    max-width: 78.125rem;
  }
}

@media (min-width: 640px) {
  [data-column="four"] .utc-main {
    max-width: 31.25rem;
  }
}

@media (min-width: 1024px) {
  [data-column="four"] .utc-main {
    max-width: 62.5rem;
  }
}

@media (min-width: 640px) {
  [data-column="three"] .utc-main {
    max-width: 31.25rem;
  }
}

@media (min-width: 1024px) {
  [data-column="three"] .utc-main {
    max-width: 46.875rem;
  }
}

@media (min-width: 640px) {
  [data-column="two"] .utc-main {
    max-width: 31.25rem;
  }
}

.utc-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.utc-inner {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.utc-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-basis: 15.625rem;
  text-align: center;
  padding: 0 0.9375rem 1.5rem;
}

.utc-icon-container {
  width: 100%;
  margin-bottom: 1rem;
}

.utc-max-width {
  max-width: 90rem;
  margin: auto;
}

.utc-icon {
  display: block;
  margin: 0 auto;
}

[data-icon="small"] .utc-icon {
  width: 3rem;
  height: 3rem;
}

[data-icon="medium"] .utc-icon {
  width: 4.5rem;
  height: 4.5rem;
}

[data-icon="large"] .utc-icon {
  width: 100%;
}

.utc-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.375rem;
  margin-bottom: 0.3125rem;
}

.utc-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  color: #666666;
  line-height: 1.25rem;
}

.utc-copy a {
  color: #002c5e;
  text-decoration: underline;
}

.utc-link {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-top: 1.25rem;
}

.utc-link a {
  color: #002c5e;
  text-decoration: none;
}

.utc-link a:hover {
  text-decoration: underline;
}

.utc-link .icon {
  width: .6em;
  height: .6em;
  display: inline-block;
  margin-left: 0.5rem;
}

.utc-margin {
  margin: 0 1rem;
}

@media (min-width: 640px) {
  .utc-margin {
    margin: 0 3rem;
  }
}

@media (min-width: 1024px) {
  .utc-margin {
    margin: 0 4.5rem;
  }
}

@media (min-width: 1440px) {
  .utc-margin {
    margin: 0 7.5rem;
  }
}

.utc-top-padding {
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .utc-top-padding {
    padding-top: 3rem;
  }
}

@media (min-width: 1440px) {
  .utc-top-padding {
    padding-top: 4.5rem;
  }
}

.utc-bottom-padding {
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .utc-bottom-padding {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .utc-bottom-padding {
    padding-bottom: 4.5rem;
  }
}

.utc {
  display: flex;
  justify-content: center;
}

.rev-configurator-container {
  border-top: 0.0625rem solid #e6e6e6;
  border-bottom: 0.0625rem solid #bababa;
}

@media (min-width: 1024px) {
  .rev-configurator-container {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-direction: row-reverse;
    max-width: 1440px;
    margin: 0 auto;
  }
}

@media (max-width: 1023px) {
  .show {
    visibility: visible;
  }
}

.rev-config-title {
  max-width: 1440px;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: #424242;
  padding: 1.125rem 2.625rem 1.125rem;
  margin: 0 auto;
  text-align: left;
  border-top: 0.0625rem solid #e6e6e6;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .rev-config-title {
    font-size: 1.25rem;
    padding-left: 1rem;
  }
}

.rev-config-container {
  background: #f3f3f3;
  padding-top: 0.375rem;
}

@media (min-width: 1024px) {
  .rev-config-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    flex-basis: 30%;
    width: 30%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
  }
}

.rev-config-dropdown {
  padding: 0 1.625rem;
}

.config-selections-wrapper {
  background: #f3f3f3;
  display: none;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .config-selections-wrapper {
    display: flex;
    flex-direction: column;
    padding: 2.25rem 1.875rem 1.75rem 1.875rem;
    overflow-y: auto;
  }
}

.config-selection-item {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #002c5e;
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  border-bottom: 0.0625rem solid #bababa;
}

.config-selection-item:first-of-type {
  border-top: 0.0625rem solid #bababa;
}

.config-selection-sub-item {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
}

.selection {
  text-transform: capitalize;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
}

.config-button {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #888888;
  padding-bottom: 0.5rem;
}

.config-button.active {
  color: #333333;
  font-weight: 700;
  border-bottom: 0.125rem solid #00aad2;
}

.enter-form-info {
  display: none;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .enter-form-info {
    display: block;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    color: #333333;
    padding: 1.25rem 0 1.25rem 1.875rem;
    background-color: #ffffff;
  }
}

.rev-config-dropdown-hide {
  display: none;
}

.rev-config-dropdown-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.rev-config-list-item {
  list-style: none;
}

.form-button {
  font-size: 0.875rem;
  text-align: center;
  padding-top: 2.3125rem;
  padding-bottom: 2.125rem;
}

@media (min-width: 320px) and (max-width: 1024px) {
  .form-button {
    padding-bottom: 0;
  }
}

@media (min-width: 320px) and (max-width: 1024px) {
  .form-button button {
    width: 100%;
    height: 3.3125rem;
  }
}

.form-button svg {
  display: none;
}

@media (min-width: 320px) and (max-width: 1024px) {
  .form-button svg {
    display: block;
    height: 0.5625rem;
  }
}

.rev-main-wrapper {
  margin-bottom: 0.875rem;
}

@media (min-width: 1024px) {
  .rev-main-wrapper {
    flex-basis: auto;
    width: 70%;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}

.rev-model-container {
  width: 100%;
  padding-top: 1.9375rem;
  margin-bottom: 1.6875rem;
}

.rev-image-container {
  position: relative;
  display: block;
}

.rev-image-container img {
  margin: 0 auto;
}

.rev-slick-container {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  z-index: 2;
}

.rev-offscreen {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.rev-img-title {
  width: 100%;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  padding-bottom: 0.75rem;
  padding-left: 4rem;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .rev-img-title {
    padding-left: 1.875rem;
  }
}

.rev-img-title-year {
  font-size: 1rem;
  font-weight: 400;
}

.rev-img-title-model {
  font-size: 1rem;
  font-weight: 700;
}

.rev-img-title-trim {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 2.5rem;
  display: block;
  font-weight: 500;
}

.rev-ev-banner-container {
  position: relative;
  display: flex;
  max-width: 100%;
  padding-left: 4rem;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .rev-ev-banner-container {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

.rev-ev-banner-container-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.0625rem;
  color: #333333;
  text-align: left;
  padding: 0.625rem 1.375rem 0.625rem 1.1875rem;
  background-color: #EEF7F9;
}

.image {
  max-width: 100%;
}

.int-image {
  padding-bottom: 0.25rem;
}

.image-desc {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  color: #717171;
  margin-top: 0.5rem;
}

.rev-image-selector-wrapper {
  height: 1.75rem;
  margin-bottom: 1.25rem;
}

.rev-image-selector {
  display: block;
  text-align: center;
}

.rev-image-selector-item {
  display: inline;
}

.rev-image-selector-item:first-child {
  margin-right: 1.1875rem;
}

.rev-image-button {
  text-decoration: none;
  display: inline-block;
  color: #666666;
  font-weight: 700;
  font-size: 0.875rem;
  padding-bottom: 0.5rem;
}

.rev-image-button.selected {
  color: #333333;
  border-bottom: 0.125rem solid #00aad2;
}

.config-choices-container {
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .config-choices-container {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .config-choices-container {
    flex-grow: 1;
    overflow-y: auto;
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .config-choices-container {
    padding: 0 4.5rem;
  }
}

.config-choice-options {
  display: none;
}

.config-choice-options:last-of-type {
  border-bottom: 0.0625rem solid #bababa;
}

.config-choice-category-type {
  font-size: 0.875rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  color: #333333;
}

.rev-config-dropdown-title {
  cursor: pointer;
  font-size: 1rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  color: #002c5e;
  border-bottom: 0.0625rem solid #bababa;
  padding: 1.5rem 0;
}

.config-choice-checkbox {
  display: none;
}

.config-choice-checkbox:checked ~ .config-choice-options {
  display: block;
}

.config-choice-checkbox:checked ~ .rev-config-dropdown-title {
  color: #333333;
  border-bottom: 0;
}

.config-choice-checkbox:checked ~ .rev-config-dropdown-title .icon {
  transform: rotate(180deg);
}

.rev-config-dropdown-title {
  position: relative;
  width: 100%;
  display: block;
}

.rev-config-dropdown-title .icon {
  position: absolute;
  right: 0;
  top: 1.5rem;
  fill: #002c5e;
  width: 0.75rem;
  height: 0.75rem;
}

.config-choice-list {
  list-style: none;
  margin: 0;
  padding: 0.9375rem 0 0.9375rem 0;
  border-bottom: 0.0625rem solid #bababa;
}

.config-choice-list:last-child {
  border-bottom: 0;
}

.config-choice-list:first-child {
  padding-top: 0;
}

.config-choice-list:first-child .config-choice-list-item:first-child {
  padding-top: 0;
}

.config-choice-list-item {
  margin: 0;
  padding: 0;
}

.config-choice-list-item:last-child .config-choice-content {
  margin-bottom: 0;
}

.config-choice-content {
  display: flex;
  width: 100%;
  line-height: 1.1;
  margin-bottom: 0.5rem;
}

.config-choice-content .form-radio-input,
.config-choice-content .form-checkbox-input {
  display: none;
}

.config-choice-label {
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.config-choice-price {
  display: block;
  text-align: right;
  font-weight: 700;
  font-size: 0.875rem;
  margin-left: auto;
  padding-left: 0.5rem;
}

.config-choice-message {
  flex: 100%;
  padding: 0.5rem 0 0 1.875rem;
  color: #002c5e;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.875rem;
}

.config-choice-message .icon {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
}

.config-choice-item-disabled .config-choice-text, .config-choice-item-disabled .config-choice-price {
  color: #bababa;
}

.config-choice-text-tail {
  white-space: nowrap;
  display: inline-block;
}

.config-choice-item-disabled .form-checkbox-input:checked ~ .form-checkbox-box {
  border-color: #bababa;
}

.config-choice-item-disabled .form-checkbox-input:checked ~ .form-checkbox-box:after {
  border-color: #bababa;
}

.config-swatches {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  transform: translate3d(0, 0, 0);
  filter: drop-shadow(3px 3px 12px rgba(0, 0, 0, 0.15));
}

@media (min-width: 640px) {
  .bo-swatch-group-int .config-swatches {
    justify-content: flex-start;
  }
}

.config-swatch {
  position: relative;
  margin-bottom: 0.75rem;
  height: 1.5rem;
  flex-basis: 2.375rem;
  max-width: 2.375rem;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .config-swatch {
    flex-basis: 2.125rem;
    max-width: 2.125rem;
  }
}

@media (min-width: 1260px) {
  .config-swatch {
    flex-basis: 3rem;
    max-width: 3rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .config-swatch {
    box-shadow: 0.1875rem 0.1875rem 0.75rem rgba(0, 0, 0, 0.15);
  }
}

.config-swatch-active {
  height: 3rem;
  flex-basis: 4.25rem;
  max-width: 4.25rem;
}

@media (min-width: 1260px) {
  .config-swatch-active {
    flex-basis: 4.625rem;
    max-width: 4.625rem;
  }
}

.config-swatch-off {
  display: none;
}

.config-swatch-tile {
  position: static;
  width: 100%;
  border: none;
}

.config-swatch-name {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.config-swatch-label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #333333;
  padding-bottom: 1.5rem;
}

@media (min-width: 1024px) {
  .config-swatch-label {
    font-size: 0.875rem;
  }
}

@media (min-width: 320px) and (max-width: 1023px) {
  .desktop-only {
    display: none;
  }
}

.rev-summary {
  padding-left: 4rem;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .rev-summary {
    padding-left: 1.875rem;
  }
}

.rev-summary-value {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  display: block;
}

.rev-summary-label {
  font-size: 0.875rem;
  color: #888888;
  font-weight: 700;
  margin-top: 0.25rem;
}

@media (min-width: 640px) {
  .rev-summary-label {
    display: inline-block;
    padding-right: 0.375rem;
    margin-right: 0.375rem;
  }
}

@media (min-width: 1440px) {
  .rev-summary-label {
    border: 0;
    display: block;
  }
}

.rev-configurator-container .slick-list {
  cursor: default;
}

.rev-config-modal-container .modal-box .modal-box-content {
  width: 100%;
}

.rev-config-modal-container .modal-box .modal-content {
  padding: 0;
}

.rev-config-modal-container {
  flex-direction: column;
}

@media (min-width: 1024px) {
  .rev-config-modal-container .modal-box {
    width: 35rem;
  }
}

.rev-config-modal-category {
  position: absolute;
  width: 100%;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  padding: 1.1875rem 1rem;
  border-bottom: 0.0625rem solid #e6e6e6;
}

@media (min-width: 640px) {
  .rev-config-modal-category {
    padding: 0.9375rem 1rem;
  }
}

.rev-config-content {
  text-align: center;
  padding-top: 3.125rem;
}

.rev-config-logo {
  width: 97%;
  margin: 0.625rem;
}

.rev-config-modal-header {
  display: flex;
  margin: 2.1875rem 1rem 0.6875rem;
}

@media (min-width: 640px) {
  .rev-config-modal-header {
    margin: 2.8125rem 2.5rem 1rem;
  }
}

.rev-config-modal-title {
  color: #333333;
  font-weight: 700;
  font-size: 1rem;
  text-align: left;
}

@media (min-width: 640px) {
  .rev-config-modal-title {
    font-size: 1.25rem;
  }
}

.rev-config-modal-price {
  font-weight: 700;
  font-size: 1.25rem;
  margin-left: auto;
  text-align: right;
}

.rev-config-modal-desc {
  font-size: 1rem;
  color: #888888;
  font-weight: 200;
  text-align: left;
  margin: 0 1rem 1.5rem;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .rev-config-modal-desc {
    margin: 0 2.5rem 1.5rem;
  }
}

.rev-config-solution {
  padding: 0 1.5rem 0 0;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .rev-config-solution {
    padding: 0 2.5rem 0 0;
  }
}

@media (min-width: 1024px) {
  .rev-config-solution {
    padding: 0 2rem 0 0;
  }
}

.rev-config-modal-button {
  margin: 0.5rem auto 1rem;
}

@media (min-width: 640px) {
  .rev-config-modal-button {
    margin: 0.75rem auto 0.875rem;
  }
}

@media (min-width: 1024px) {
  .rev-config-modal-button {
    margin: 1rem auto 0;
  }
}

.rev-config-modal-content {
  text-align: left;
}

@media (min-width: 640px) {
  .rev-config-modal-content {
    column-count: 2;
    column-gap: 2.25rem;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .rev-config-modal-content {
    column-gap: 4.25rem;
    padding: 0 3.5rem;
  }
}

.rev-config-modal-container .modal-x {
  right: 1rem;
}

.rhr-error-banner {
  display: none;
  align-items: center;
  background: #fceae7;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #e63312;
  padding: 1.125rem 1.5rem;
}

.rhr-error-banner .rhr-error-icon {
  display: inline-block;
  font-size: 1.5625rem;
  margin-right: 0.75rem;
}

@media (min-width: 640px) {
  .rhr-error-banner {
    justify-content: center;
  }
}

.rhr-submit-error .rhr-error-banner {
  display: flex;
}

.rhr-hide {
  display: none;
}

.rhr-container {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 3.75rem 0;
}

.rhr-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #000000;
  line-height: 1.5rem;
  text-align: center;
  padding: 0 1.25rem;
  margin-bottom: 1.875rem;
}

@media (min-width: 1024px) {
  .rhr-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.rhr-form-container {
  width: 100%;
  max-width: 75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f3f3f3;
}

.rhr-status-bar {
  width: 100%;
}

.rhr-form {
  max-width: 39.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.5rem 0.9375rem;
}

@media (min-width: 1024px) {
  .rhr-form {
    padding: 2.5rem 0;
  }
}

.rhr-required {
  width: 100%;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #000000;
  margin-bottom: 1.25rem;
}

.rhr-field-container {
  width: 100%;
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.rhr-field {
  width: 100%;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 1.5625rem;
}

@media (min-width: 1024px) {
  .rhr-field {
    width: 48%;
  }
}

.rhr-label {
  display: block;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #000000;
  margin-bottom: 0.1875rem;
}

.rhr-input {
  width: 100%;
  color: #333333;
  background: #ffffff;
  border: 1px solid #bababa;
  border-radius: 0;
  padding: 0.5625rem 0.75rem;
}

.rhr-error-label {
  display: none;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #e63312;
  margin-top: 0.5rem;
}

.rhr-field-error .rhr-input {
  border-color: #e63312;
}

.rhr-field-error .rhr-error-label {
  display: block;
}

.rhr-contact-methods-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-bottom: 0.0625rem solid #bababa;
  padding-bottom: 1.25rem;
  margin-bottom: 1.875rem;
}

.rhr-contact-method-copy {
  font-weight: 500;
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.25rem;
  margin-bottom: 0.9375rem;
}

.rhr-contact-methods {
  display: flex;
  flex-flow: column;
}

@media (min-width: 640px) {
  .rhr-contact-methods {
    flex-flow: row;
  }
}

.rhr-contact-method {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 0.625rem 0.625rem 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.rhr-custom-radio-button {
  position: relative;
  margin-right: 0.5rem;
}

.rhr-custom-radio-label {
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.125rem;
}

.rhr-toggle-container {
  width: 100%;
  background: #e6e6e6;
  padding: 1.75rem;
}

.rhr-toggle {
  display: flex;
}

.rhr-toggle-slider {
  position: relative;
  display: inline-flex;
  align-items: flex-end;
}

.rhr-slider {
  opacity: 0;
  width: 0;
  height: 0;
}

.rhr-custom-slider {
  display: flex;
  align-items: center;
}

.rhr-custom-slider-button {
  flex-shrink: 0;
  position: relative;
  display: inline-block;
  width: 3.125rem;
  height: 1.5rem;
  background-color: #ffffff;
  border: 0.125rem solid #666666;
  border-radius: 1.125rem;
  margin-right: 0.5rem;
  cursor: pointer;
}

.rhr-custom-slider-button:before {
  content: '';
  position: absolute;
  width: 1rem;
  height: 1rem;
  bottom: 0.125rem;
  left: 0.125rem;
  background-color: #666666;
  border-radius: 50%;
}

.rhr-slider:checked ~ .rhr-custom-slider .rhr-custom-slider-button {
  border: 0.125rem solid #00aad2;
}

.rhr-slider:checked ~ .rhr-custom-slider .rhr-custom-slider-button:before {
  background-color: #00aad2;
  transform: translateX(1.625rem);
}

.rhr-custom-slider-label {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #000000;
}

.rhr-custom-handraiser {
  color: #666666;
}

.rhr-raq,
.rhr-handraiser {
  width: 100%;
}

.rhr-copy-form {
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #333333;
  margin-bottom: 1.3125rem;
}

.rhr-copy-form span {
  font-weight: 500;
  color: #000000;
}

.rhr-copy-legal {
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #666666;
  margin-bottom: 3.125rem;
}

.rhr-copy-legal a {
  color: #666666;
  text-decoration: underline;
}

.rhr-copy-legal ol {
  padding-left: 1.4375rem;
}

.rhr-copy-legal li {
  line-height: 1.25rem;
  padding-left: 0.8125rem;
  margin-bottom: 0.1875rem;
}

.rhr-raq .rhr-copy-form {
  margin-bottom: 0.46875rem;
}

.rhr-raq .rhr-field {
  margin-bottom: 1.09375rem;
}

.rhr-raq .rhr-copy-form,
.rhr-raq .rhr-field,
.rhr-raq .rhr-field-legal {
  padding: 0 1.75rem;
}

.rhr-raq-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #e6e6e6;
  padding-bottom: 1.75rem;
  margin-bottom: 1.5625rem;
}

.rhr-raq-electric-salable-container {
  position: relative;
  background-color: #EEF7F9;
  padding: 1rem;
}

.rhr-raq-electric-salable-warning-icon {
  position: absolute;
  top: 1.25rem;
  left: 0.8125rem;
  width: 1.5rem;
  height: 1.5rem;
}

.rhr-raq-electric-salable-warning-icon svg,
.rhr-raq-electric-salable-warning-icon img {
  width: 100%;
  height: 100%;
}

.rhr-raq-electric-salable-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.rhr-dealer-field {
  width: 100%;
  margin-top: 0.46875rem;
}

.rhr-dealer-dropdown-button {
  height: inherit;
  border: 0.0625rem solid #bababa;
  padding: 0.5625rem 0.75rem;
}

.rhr-dealer-dropdown-button.dropdown-open .icon-chevron-down-thick {
  transform: rotate(180deg);
}

.rhr-dealer-dropdown-button span {
  height: 1.25rem;
}

.rhr-dealer-dropdown-error,
.rhr-dealer-dropdown-loading {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  font-style: italic;
  color: #888888;
}

.rhr-dealer-dropdown {
  position: relative;
  background-color: #ffffff;
  border-right: 0.0625rem solid #e6e6e6;
  border-left: 0.0625rem solid #e6e6e6;
}

.rhr-dealer-dropdown-item {
  min-height: inherit;
  border-bottom: 0.0625rem solid #e6e6e6;
  padding: 0.5625rem 0.75rem;
}

.rhr-dealer-dropdown-item.dropdown-item-active {
  background-color: #ffffff;
}

.rhr-dealer-dropdown-item:hover {
  background-color: #f3f3f3;
}

.rhr-dealer-dropdown-item + .rhr-dealer-dropdown-item:before {
  opacity: 0;
}

.rhr-dealer-preferred {
  display: inline-flex;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  color: #888888;
  line-height: 1.25rem;
  margin-left: 0.3125rem;
}

.rhr-dealer-preferred .icon-star-active {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  color: #00aad2;
  margin-left: 0.3125rem;
  transform: none;
}

.rhr-phone-field {
  margin-top: 0.46875rem;
}

.rhr-field-legal {
  margin-top: 0.46875rem;
}

.rhr-legal {
  position: relative;
  display: inline-flex;
  align-items: flex-end;
}

.rhr-legal-checkbox {
  opacity: 0;
  width: 0;
  height: 0;
}

.rhr-custom-legal-checkbox {
  display: flex;
  align-items: flex-start;
}

.rhr-custom-legal-checkbox-button {
  flex-shrink: 0;
  display: inline-block;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.0625rem solid #bababa;
  margin-right: 0.5rem;
  cursor: pointer;
}

.rhr-legal-checkbox:checked ~ .rhr-custom-legal-checkbox .rhr-custom-legal-checkbox-button {
  border: 0.0625rem solid #00aad2;
}

.rhr-legal-checkbox:checked ~ .rhr-custom-legal-checkbox .rhr-custom-legal-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.125rem;
  left: 0.375rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.rhr-custom-legal-checkbox-label {
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #666666;
}

.rhr-handraiser {
  display: flex;
  flex-direction: column;
  color: #666666;
  margin-top: 1.875rem;
}

.rhr-handraiser .rhr-field {
  margin-bottom: 0.9375rem;
}

.rhr-handraiser .rhr-label {
  color: #666666;
  margin: 0;
}

.rhr-handraiser .rhr-copy-legal {
  margin-top: 0.9375rem;
}

.rhr-handraiser-copy {
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #666666;
  margin-bottom: 1.3125rem;
}

.rhr-field-model {
  margin-bottom: 0.9375rem;
}

.rhr-model {
  display: block;
  margin-top: 0.9375rem;
}

@media (min-width: 1024px) {
  .rhr-model {
    display: inline-flex;
    align-items: flex-end;
    margin-right: 1.875rem;
  }
}

.rhr-model-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.rhr-custom-model-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.rhr-custom-model-checkbox-button {
  display: inline-block;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.0625rem solid #bababa;
  margin-right: 0.5rem;
}

.rhr-model-checkbox:checked ~ .rhr-custom-model-checkbox .rhr-custom-model-checkbox-button {
  border: 0.0625rem solid #00aad2;
}

.rhr-model-checkbox:checked ~ .rhr-custom-model-checkbox .rhr-custom-model-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.125rem;
  left: 0.375rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.rhr-custom-model-checkbox-label {
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #333333;
}

.rhr-handraiser-electric-salable {
  margin-bottom: 0.9375rem;
}

.rhr-handraiser-electric-salable-container {
  position: relative;
  background-color: #EEF7F9;
  padding: 1rem;
  border: #8ED8E9 1px solid;
}

.rhr-handraiser-electric-salable-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.rhr-square-form {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2147483647;
}

#form-container {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 31.25rem;
  background: #ffffff;
  border-radius: 2px;
  padding: 3.125rem 0.9375rem 0.9375rem 0.9375rem;
}

.rhr-square-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 2rem;
  height: 2rem;
  color: #002c5e;
}

#sq-card-number {
  margin-bottom: 16px;
}

.rhr-square-form-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#sq-expiration-date,
#sq-cvv,
#sq-postal-code {
  width: calc((100% - 32px) / 3);
  margin-bottom: 16px;
}

.sq-input {
  height: 3.5rem;
  box-sizing: border-box;
  background: #ffffff;
  border: 0.0625rem solid #bababa;
  border-radius: 0.375rem;
  transition: border-color .2s ease-in-out;
}

.sq-input.sq-input--focus {
  border: 0.0625rem solid #00aad2;
}

.sq-input.sq-input--error {
  border: 0.0625rem solid #e63312;
}

#sq-creditcard {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.5rem;
  background: #002c5e;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: background .2s ease-in-out;
}

#sq-creditcard:hover {
  background: #001A38;
}

#sq-creditcard:disabled {
  background: #bababa;
}

.rhr-success-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f3f3f3;
  text-align: center;
  padding: 2.5rem 0.9375rem;
  z-index: 9999;
}

@media (min-width: 1024px) {
  .rhr-success-container {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    max-width: 75rem;
    padding: 3.75rem 0;
    z-index: 1;
  }
}

.rhr-success-inner {
  width: 100%;
  max-width: 32.8125rem;
}

.rhr-success-close .modal-x {
  width: auto;
  top: 0;
  right: 0;
  color: #333333;
}

@media (min-width: 1024px) {
  .rhr-success-close .modal-x {
    top: 0.9375rem;
    right: 0.9375rem;
  }
}

.rhr-success-close-copy {
  font-size: 1rem;
  color: #333333;
  line-height: 2rem;
  margin-left: 0.4375rem;
}

.rhr-success-icon-container {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto 1.25rem;
}

.rhr-success-icon {
  width: 100%;
  height: 100%;
}

.rhr-success-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.875rem;
  margin-bottom: 1.25rem;
}

.rhr-success-subhead {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.875rem;
  margin-bottom: 1.25rem;
}

.rhr-success-copy {
  font-size: 1rem;
  color: #666666;
  line-height: 1.25rem;
  text-align: left;
  margin-bottom: 3.75rem;
}

.rhr-success-copy:last-child {
  margin-bottom: 0;
}

.rhr-success-copy span {
  font-weight: 500;
}

.rhr-success-list {
  text-align: left;
  margin: 0;
  padding-left: 1.5625rem;
}

.rhr-success-list-item {
  font-size: 1rem;
  color: #666666;
  line-height: 1.375rem;
  margin-bottom: 1.5625rem;
  padding-left: 0.625rem;
}

.rhr-success-list-item span {
  font-weight: 500;
}

.vch-hcs {
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .vch-hcs {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .vch-hcs {
    padding: 0;
  }
}

.vch-hcs.vch-hcs-full-width {
  padding: 0;
}

.vch-hcs + .vch-hcs .vch-hcs-container {
  padding-top: 0;
}

.vch-hcs-container {
  width: 100%;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .vch-hcs-container {
    flex-direction: row;
    padding: 2rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .vch-hcs-container {
    padding: 2rem 11.3125rem;
  }
}

.vch-hcs-container.vch-hcs-container-hide {
  display: none;
}

.vch-hcs-full-width .vch-hcs-container {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 1024px) {
  .vch-hcs-content-main {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media (min-width: 640px) {
  .vch-hcs-full-width .vch-hcs-content-main {
    flex-basis: 50%;
    max-width: 50%;
  }
}

.vch-hcs-image-contain {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.vch-hcs-video-contain {
  display: flex;
  position: static;
}

.vch-hcs-video-contain:focus:after {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .vch-hcs-video-contain:focus:after {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.vch-hcs-bg-gray .vch-hcs-content-main {
  background: #f3f3f3;
}

.vch-hcs-image-main {
  display: flex;
  position: relative;
  width: 100%;
}

@media (min-width: 640px) {
  .vch-hcs-image-right .vch-hcs-image-main {
    order: 1;
  }
  .vch-hcs-image-left .vch-hcs-image-main {
    order: -1;
  }
}

@media (min-width: 1024px) {
  .vch-hcs-image-main {
    flex-basis: 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #000000;
  }
}

@media (min-width: 640px) {
  .vch-hcs-full-width .vch-hcs-image-main {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media (min-width: 1024px) {
  .vch-hcs-full-width .vch-hcs-image-main {
    background-color: transparent;
  }
}

.vch-hcs-ratio-16-9 .media-cinemagraph-placeholder,
.vch-hcs-ratio-4-3 .media-cinemagraph-placeholder {
  position: relative;
  z-index: 1;
}

.vch-hcs-ratio-16-9 .media-cinemagraph-player,
.vch-hcs-ratio-4-3 .media-cinemagraph-player {
  position: absolute;
  width: auto;
  max-width: none;
  min-width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

.vch-hcs-image {
  display: block;
  width: 100%;
  height: 100%;
}

.vch-hcs-full-width .vch-hcs-image {
  max-width: 100%;
  width: 100%;
  position: relative;
}

.vch-hcs-icon {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  z-index: 3;
}

@media (min-width: 640px) {
  .vch-hcs-icon {
    top: 2.5rem;
    left: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .vch-hcs-icon {
    top: 1.875rem;
    left: 1.875rem;
  }
}

@media (min-width: 1440px) {
  .vch-hcs-icon {
    top: 1.875rem;
    left: 2.5rem;
  }
}

.vch-hcs-icon svg {
  width: 58%;
  height: 100%;
}

@media (min-width: 640px) {
  .vch-hcs-icon svg {
    width: auto;
    height: auto;
  }
}

.vch-offline-icon {
  width: 3.125rem;
  height: 3.125rem;
}

.vch-online-icon {
  width: 8.1875rem;
  height: 3.125rem;
}

.vch-hcs-content-contain {
  order: 0;
}

.vch-hcs-full-width .vch-hcs-content-contain {
  padding: 0;
}

.vch-hcs-content {
  text-align: left;
  padding: 1.25rem 1.5625rem;
}

@media (min-width: 640px) {
  .vch-hcs-content {
    padding: 2.875rem 2.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .vch-hcs-content {
    padding: 2.875rem 2.5rem;
  }
}

.vch-hcs-full-width .vch-hcs-content {
  padding: 0;
}

.vch-hcs-eyebrow {
  color: #888888;
  font-size: 1rem;
  letter-spacing: 0.0625rem;
  line-height: 1.125rem;
  margin-bottom: 1.25rem;
}

.vch-hcs-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: initial;
  font-size: 1.25rem;
  line-height: 1.875rem;
  text-align: left;
}

@media (min-width: 640px) {
  .vch-hcs-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.vch-hcs-subtitle {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-bottom: 1rem;
  margin-top: -0.25rem;
}

.vch-hcs-title-container {
  width: 100%;
}

.vch-hcs-vehicle-model-container {
  width: 100%;
  margin-bottom: 0.75rem;
}

@media (min-width: 640px) {
  .vch-hcs-vehicle-model-container {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .vch-hcs-vehicle-model-container {
    margin-bottom: 1rem;
    width: 100%;
  }
}

.vch-hcs-vehicle-model {
  display: inline-block;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

@media (min-width: 1024px) {
  .vch-hcs-vehicle-model {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.vch-hcs-model-yr {
  font-weight: 400;
}

.vch-hcs-model-name {
  font-weight: 500;
}

.vch-hcs-content-tagline {
  display: flex;
  flex-wrap: wrap;
}

.vch-hcs-badge-container {
  padding-bottom: 1.25rem;
  display: flex;
  align-items: center;
  width: 100%;
}

@media (min-width: 640px) {
  .vch-hcs-badge-container {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .vch-hcs-badge-container {
    width: 100%;
  }
}

.vch-hcs-badge-icon {
  height: 2.4375rem;
  width: 2.4375rem;
}

.vch-hcs-tagline {
  color: #666666;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding-left: 0.4375rem;
}

.vch-hcs-text {
  color: #888888;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  margin-bottom: 1.25rem;
}

.vch-hcs-schedlue-times {
  display: flex;
  flex-direction: row;
  gap: 0.375rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.875rem;
  text-align: left;
  margin-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .vch-hcs-schedlue-times {
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-bottom: 1rem;
  }
}

.vch-hcs-ctas-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.vch-hcs-full-width .vch-hcs-cta-container {
  padding-top: 0;
}

.vch-hcs-cta-button .vch-hcs-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  height: 2.75rem;
  padding: 0 1.75rem;
  font-size: 1rem;
  background-color: #002c5e;
  color: #ffffff;
  border: 2px solid #002c5e;
  height: auto;
  min-height: 1.125rem;
  padding: 0.625rem 1rem;
}

.vch-hcs-cta-button .vch-hcs-cta:disabled {
  cursor: default;
  pointer-events: none;
}

.vch-hcs-cta-button .vch-hcs-cta:hover {
  background-color: #001A38;
  color: #ffffff;
}

.vch-hcs-cta-button .vch-hcs-cta:disabled {
  background-color: #bababa;
  color: #ffffff;
}

.vch-hcs-cta-button .vch-hcs-cta:focus {
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  box-sizing: border-box;
}

@media (min-width: 640px) {
  .vch-hcs-cta-button .vch-hcs-cta {
    padding: 0.625rem 1.75rem;
  }
}

.vch-hcs-cta-button .vch-hcs-cta .icon {
  flex-shrink: 0;
  margin-left: 0.375rem;
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
  bottom: 0.125rem;
}

.vch-hcs-full-width .vch-hcs-container {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 640px) {
  .vch-hcs-full-width .vch-hcs-container {
    flex-wrap: nowrap;
  }
}

.vch-hcs-full-width .vch-hcs-content-main h1.vch-hcs-title,
.vch-hcs-full-width .vch-hcs-content-main h2.vch-hcs-title,
.vch-hcs-full-width .vch-hcs-content-main h3.vch-hcs-title,
.vch-hcs-full-width .vch-hcs-content-main h4.vch-hcs-title,
.vch-hcs-full-width .vch-hcs-content-main h5.vch-hcs-title,
.vch-hcs-full-width .vch-hcs-content-main h6.vch-hcs-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
}

.vch-hcs-full-width .vch-hcs-content-main h1,
.vch-hcs-full-width .vch-hcs-content-main h2 {
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.vch-hcs-full-width .vch-hcs-content-main h3,
.vch-hcs-full-width .vch-hcs-content-main h4 {
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.vch-hcs-full-width .vch-hcs-content-main .vch-hcs-text {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 1rem;
}

.vch-hcs-full-width .vch-hcs-content-main a .icon {
  display: inline-block;
  margin-left: 0.375rem;
  width: .8em;
  height: .8em;
}

.vch-hcs-full-width .vch-hcs-content-main a .icon-chevron-right-thick {
  width: .7em;
  height: .7em;
}

.vch-hcs-full-width.vch-hcs-image-left .vch-hcs-content-main {
  order: 2;
}

@media (max-width: 639px) {
  .vch-hcs-full-width.vch-hcs-image-left .vch-hcs-content-main {
    padding: 1.25rem 1rem;
  }
}

@media (min-width: 640px) {
  .vch-hcs-full-width.vch-hcs-image-left .vch-hcs-content-main {
    flex-basis: 50%;
    padding: 0 3rem 0 1.5rem;
  }
}

@media (min-width: 1024px) {
  .vch-hcs-full-width.vch-hcs-image-left .vch-hcs-content-main {
    padding: 0 4.5rem 0 2.5rem;
  }
}

@media (min-width: 1440px) {
  .vch-hcs-full-width.vch-hcs-image-left .vch-hcs-content-main {
    padding: 0 7.25rem 0 3.375rem;
  }
}

.vch-hcs-full-width.vch-hcs-image-left .vch-hcs-image-main {
  order: 1;
}

@media (min-width: 640px) {
  .vch-hcs-full-width.vch-hcs-image-left .vch-hcs-image-main {
    flex-basis: 50%;
    padding: 0 1.375rem 0 0;
  }
}

@media (min-width: 1024px) {
  .vch-hcs-full-width.vch-hcs-image-left .vch-hcs-image-main {
    padding: 0 2.5rem 0 0;
  }
}

@media (min-width: 1440px) {
  .vch-hcs-full-width.vch-hcs-image-left .vch-hcs-image-main {
    padding: 0 3.375rem 0 0;
  }
}

.vch-hcs-full-width.vch-hcs-image-right .vch-hcs-image-main {
  order: 1;
}

@media (min-width: 640px) {
  .vch-hcs-full-width.vch-hcs-image-right .vch-hcs-image-main {
    flex-basis: 50%;
    padding: 0 0 0 1.375rem;
  }
}

@media (min-width: 1024px) {
  .vch-hcs-full-width.vch-hcs-image-right .vch-hcs-image-main {
    padding: 0 0 0 2.5rem;
  }
}

@media (min-width: 1440px) {
  .vch-hcs-full-width.vch-hcs-image-right .vch-hcs-image-main {
    padding: 0 0 0 3.375rem;
  }
}

@media (max-width: 639px) {
  .vch-hcs-full-width.vch-hcs-image-right .vch-hcs-content-main {
    order: 2;
    padding: 1.25rem 1rem;
  }
}

@media (min-width: 640px) {
  .vch-hcs-full-width.vch-hcs-image-right .vch-hcs-content-main {
    flex-basis: 50%;
    padding: 0 1.5rem 0 3rem;
  }
}

@media (min-width: 1024px) {
  .vch-hcs-full-width.vch-hcs-image-right .vch-hcs-content-main {
    padding: 0 2.5rem 0 4.5rem;
  }
}

@media (min-width: 1440px) {
  .vch-hcs-full-width.vch-hcs-image-right .vch-hcs-content-main {
    padding: 0 3.375rem 0 7.25rem;
  }
}

.vch-hcs-full-width .vch-hcs-title-container {
  width: 100%;
}

.vch-hcs-full-width .vch-hcs-badge-container {
  padding-bottom: 1.25rem;
  display: flex;
  width: 100%;
}

.vch-hcs-large-media.vch-hcs-image-left .vch-hcs-content-main {
  order: 2;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .vch-hcs-large-media.vch-hcs-image-left .vch-hcs-content-main {
    flex-basis: 33%;
    max-width: 33%;
  }
}

.vch-hcs-large-media.vch-hcs-image-left .vch-hcs-image-main {
  order: 1;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .vch-hcs-large-media.vch-hcs-image-left .vch-hcs-image-main {
    flex-basis: 67%;
    max-width: 67%;
  }
}

.vch-hcs-large-media.vch-hcs-image-right .vch-hcs-image-main {
  order: 2;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .vch-hcs-large-media.vch-hcs-image-right .vch-hcs-image-main {
    flex-basis: 67%;
    max-width: 67%;
  }
}

.vch-hcs-large-media.vch-hcs-image-right .vch-hcs-content-main {
  order: 1;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .vch-hcs-large-media.vch-hcs-image-right .vch-hcs-content-main {
    flex-basis: 33%;
    max-width: 33%;
  }
}

.vch-hcs-cta-link .vch-hcs-cta {
  text-decoration: none;
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.vch-hcs-cta-link .vch-hcs-cta .icon {
  display: inline-block;
  margin-left: 0.375rem;
  width: .8em;
  height: .8em;
}

.vch-hcs-cta-link .vch-hcs-cta .icon-chevron-right-thick {
  width: .7em;
  height: .7em;
}

.vch-hcs-cta-button .icon-chevron-right-thick {
  bottom: 0;
}

.vch-hcs-cta .vch-hcs-inline-svg {
  display: inline;
  vertical-align: text-top;
  margin-left: 0.25rem;
}

.vch-hcs-cta .vch-hcs-inline-svg svg {
  display: inline-flex;
}
.vch-hero {
  position: relative;
  overflow: hidden;
}

.vch-hero-image {
  display: block;
  width: 100%;
}

.vch-hero-content {
  display: block;
  text-align: left;
  width: 100%;
  padding: 2rem 1rem;
  background: #ffffff;
}

@media (min-width: 640px) {
  .vch-hero-content {
    padding: 2rem 2rem;
  }
}

@media (min-width: 1024px) {
  .vch-hero-content {
    background: transparent;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    display: flex;
    padding-left: 0;
    padding-right: 0;
  }
}

.vch-hero-content-contain {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1440px;
  margin: 0;
}

@media (min-width: 1024px) {
  .vch-hero-content-contain {
    padding-left: 2.625rem;
    padding-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .vch-hero-content-contain {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

.vch-hero-text {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  color: #333333;
  width: 100%;
}

@media (min-width: 1024px) {
  .vch-hero-text {
    max-width: 35%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    color: #ffffff;
  }
  .vch-hero-top .vch-hero-text {
    margin-top: 0;
    margin-bottom: 0;
  }
  .vch-hero-left .vch-hero-text {
    margin-right: 0;
    margin-left: 0;
  }
  .vch-hero-dark .vch-hero-text {
    color: #333333;
  }
}

.vch-hero-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 2rem;
}

@media (min-width: 1024px) {
  .vch-hero-title {
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

.vch-hero-description {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  line-height: 1.875rem;
  margin-top: 0.9375rem;
  margin-bottom: 1rem;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .vch-hero-description {
    font-size: 1.5625rem;
    line-height: 1.875rem;
    margin-top: 0.625rem;
    margin-bottom: 1.25rem;
  }
}

.vch-hero-badge-icon {
  display: none;
  padding-bottom: 0.4375rem;
}

@media (min-width: 1024px) {
  .vch-hero-badge-icon {
    display: block;
    padding-bottom: 1.625rem;
  }
}

.vch-hero-badge-icon svg {
  height: auto;
  width: auto;
}

.vch-hero-badge-icon-mobile {
  display: none;
  padding-bottom: 0.4375rem;
}

@media (max-width: 1024px) {
  .vch-hero-badge-icon-mobile {
    display: block;
    padding-bottom: 1.625rem;
  }
}

.vch-hero-badge-icon-mobile svg {
  height: auto;
  width: auto;
}

/* #region MAIN */
.vch-hcs-v2 {
  width: 100%;
}

.vch-hcs-v2-container {
  width: 100%;
  max-width: 90rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .vch-hcs-v2-container {
    flex-direction: row;
  }
}

@media (min-width: 1440px) {
  .vch-hcs-v2-container {
    padding: 4.5rem 7.5rem;
  }
}

.vch-hcs-v2-container.vch-hcs-v2-container-hide {
  display: none;
}

.vch-hcs-v2-content-main {
  display: flex;
  align-items: center;
}

@media (min-width: 1024px) {
  .vch-hcs-v2-content-main {
    flex-basis: 50%;
    max-width: 50%;
  }
}

.vch-hcs-v2-image-main {
  display: flex;
  position: relative;
  width: 100%;
}

@media (min-width: 640px) {
  .vch-hcs-v2-image-right .vch-hcs-v2-image-main {
    order: 1;
  }
  .vch-hcs-v2-image-left .vch-hcs-v2-image-main {
    order: -1;
  }
}

@media (min-width: 1024px) {
  .vch-hcs-v2-image-main {
    flex-basis: 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #000000;
  }
}

.vch-hcs-v2-image-contain {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.vch-hcs-v2-image-contain .vch-hcs-v2-image {
  display: block;
  width: 100%;
  height: 100%;
}

.vch-hcs-v2-video-contain {
  display: flex;
  position: static;
}

.vch-hcs-v2-video-contain:focus:after {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .vch-hcs-v2-video-contain:focus:after {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.vch-hcs-v2-content-contain {
  order: 0;
}

.vch-hcs-v2-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 2rem 1rem;
}

@media (min-width: 640px) {
  .vch-hcs-v2-content {
    padding: 2rem 2rem 2.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .vch-hcs-v2-content {
    padding: 0 2.5rem;
    gap: 0;
  }
}

.vch-hcs-v2-title-container {
  width: 100%;
}

.vch-hcs-v2-title-container .vch-hcs-v2-title {
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 500;
  text-align: left;
}

@media (min-width: 640px) {
  .vch-hcs-v2-title-container .vch-hcs-v2-title {
    font-weight: 400;
  }
}

.vch-hcs-v2-text {
  color: #ffffff;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 400;
}

/* #endregion */
/* #region CTAs */
.vch-hcs-v2-ctas-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1024px) {
  .vch-hcs-v2-ctas-wrapper {
    flex-direction: row;
    align-items: center;
    gap: 2rem;
    margin-top: 1.5rem;
  }
}

.vch-hcs-v2-cta-button .vch-hcs-v2-cta .icon {
  flex-shrink: 0;
  margin-left: 0.375rem;
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
  bottom: 0.125rem;
}

.vch-hcs-v2-cta-button .icon-chevron-right-thick {
  bottom: 0;
}

.vch-hcs-v2-cta-link .vch-hcs-v2-cta {
  text-decoration: none;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.vch-hcs-v2-cta-link .vch-hcs-v2-cta .icon {
  display: inline-block;
  margin-left: 0.375rem;
  width: .8em;
  height: .8em;
}

.vch-hcs-v2-cta-link .vch-hcs-v2-cta .icon-chevron-right-thick {
  width: .7em;
  height: .7em;
}

.vch-hcs-v2-cta {
  display: inline-flex;
  align-items: center;
}

.vch-hcs-v2-cta.vch-hcs-v2-chevron svg {
  width: 2.25rem;
  height: 1rem;
}

.vch-hcs-v2-cta.vch-hcs-v2-external svg {
  width: 2.25rem;
  height: 1.5rem;
}

.vch-hcs-v2-cta .vch-hcs-v2-inline-svg {
  display: inline;
  vertical-align: text-top;
  margin-left: 0.25rem;
}

.vch-hcs-v2-cta .vch-hcs-v2-inline-svg svg {
  display: inline-flex;
}

/* #endregion */

.vchl {
  position: relative;
  overflow: hidden;
}

.vchl-heading {
  max-width: 45.625rem;
  text-align: center;
  padding: 0 0.9375rem;
  margin: 0 auto 1.625rem;
}

.vchl-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.625rem;
}

@media (min-width: 1024px) {
  .vchl-title {
    font-siz.vchm-icone: 1.5rem;
    line-height: 1.875rem;
  }
}

.vchl-description {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #888888;
  margin-top: 0.9375rem;
  margin-bottom: 1.625rem;
}

@media (min-width: 1024px) {
  .vchl-description {
    margin-top: 0.9375rem;
    margin-bottom: 3.5625rem;
  }
}

.vchl-image {
  display: block;
  width: 100%;
}

.vchl-current-week {
  width: 100%;
  margin-bottom: 5rem;
}

.vchl-next-week {
  width: 100%;
}

.vchl-week-heading {
  max-width: 27.6875rem;
  text-align: center;
  padding: 0 0.9375rem;
  margin: 0.375rem auto 2.3125rem;
}

@media (min-width: 1024px) {
  .vchl-week-heading {
    margin-bottom: 2.875rem;
  }
}

.vchl-header {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.625rem;
}

@media (min-width: 1024px) {
  .vchl-header {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.vchl-subheader {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #888888;
}

.vchl-content {
  max-width: 1440px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  margin: 0 auto;
}

.vchl-content-contain {
  max-width: 26.25rem;
  flex-grow: 1;
}

.vchl-ended {
  opacity: 0.5;
}

.vchl-vehicle-description {
  max-width: 20rem;
  text-align: center;
  margin: 1.1875rem auto 2.5rem;
  margin-top: 1.1875rem;
}

@media (min-width: 1024px) {
  .vchl-vehicle-description {
    margin-top: 2.0625rem;
  }
}

.vchl-vehicle-title {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: #666666;
  margin-bottom: 0.5rem;
}

.vchl-vehicle-date {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #333333;
  margin-top: 0.5rem;
  margin-bottom: 1.125rem;
}

.vchl-vehicle-cta {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #002c5e;
}

.vchl-icon-left svg {
  margin-right: 0.375rem;
}

.vchl-icon-right {
  align-items: baseline;
}

.vchl-icon-right svg {
  font-size: 0.75rem;
  margin-left: 0.375rem;
}

.vchl {
  padding: 2rem 0;
}

@media (min-width: 1024px) {
  .vchl {
    padding: 3.25rem 0;
  }
}
.vchm-wrapper {
  text-align: center;
  max-width: 90rem;
  margin: 0 auto;
}

.vchm-image-container {
  display: flex;
  align-items: center;
  margin: 3.75rem auto 0;
}

@media (max-width: 639px) {
  .vchm-image-container {
    max-width: 18rem;
    margin-top: 2.5rem;
  }
}

@media (min-width: 640px) {
  .vchm-image-container {
    max-width: 36rem;
    margin-top: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .vchm-image-container {
    max-width: 43.75rem;
    margin-top: 3.75rem;
  }
}

.vchm-video-contain {
  display: flex;
  margin: 0 auto;
}

.vchm-video-contain:focus:after {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .vchm-video-contain:focus:after {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.vchm-image {
  width: 36.6875rem;
  margin: 0 auto;
}

.vchm-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.vchm-column {
  display: flex;
  flex-flow: column;
  align-items: center stretch;
  justify-content: center;
  width: 13.75rem;
  margin: 0 2rem;
}

.vchm-copy-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #888888;
  max-width: 45.625rem;
  margin: 0 auto;
  padding: 0 0.9375rem;
}

@media (max-width: 639px) {
  .vchm-copy-text {
    text-align: left;
    padding: 0 1.5625rem;
  }
}

.vchm-main-title,
.vchm-copy-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.875rem;
  color: #333333;
  padding: 1.5625rem;
}

@media (max-width: 639px) {
  .vchm-main-title,
  .vchm-copy-title {
    font-size: 1.25rem;
  }
}

.vchm-img-title {
  padding: 1.25rem 1rem 0;
}

.vchm-copy-subtitle {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #888888;
  max-width: 45.625rem;
  margin: 0 auto;
  padding: 0.625rem 1rem 0 1rem;
}

.vchm-main-title {
  padding: 0 0 1.25rem 0;
}

.vchm-icon {
  width: 3.75rem;
  height: 3.06125rem;
  margin-top: 1.25rem;
}

.vchm-cta .vchm-icon {
  width: 0.875rem;
  height: 0.875rem;
  margin: 0 0.1875rem 0.1875rem 0;
}

.vchm-column-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
  padding: 0.9375rem 0.9375rem 0.625rem 0.9375rem;
  display: flex;
  flex-grow: 1;
  justify-content: center;
}

.vchm-column-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #888888;
  padding-bottom: 0.625rem;
  display: flex;
  flex-grow: 1;
  justify-content: center;
}

.vchm-cta {
  display: flex;
  justify-content: center;
}

.vchm-cta [data-smco-video]:after {
  background-image: none;
}

.vchm-cta a, .vchm-cta button {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #002c5e;
  text-decoration: none;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vchm-hidden-tiles {
  display: none;
}

.vchm-image-disclaimer-container {
  width: 100%;
  max-width: 18rem;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 0.75rem 0 0 0;
}

@media (min-width: 640px) {
  .vchm-image-disclaimer-container {
    max-width: 36rem;
  }
}

@media (min-width: 1024px) {
  .vchm-image-disclaimer-container {
    max-width: 43.75rem;
  }
}

.vchm-image-disclaimer {
  position: relative;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  color: #888888;
  line-height: 1rem;
  text-align: center;
  z-index: 2;
}

.vchm-image-disclaimer-cg-icon {
  color: #002c5e;
  padding-left: 0.25rem;
}

.vchm-horizontal-padding {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .vchm-horizontal-padding {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .vchm-horizontal-padding {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .vchm-horizontal-padding {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
}

.vchm-top-padding {
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .vchm-top-padding {
    padding-top: 3rem;
  }
}

@media (min-width: 1440px) {
  .vchm-top-padding {
    padding-top: 4.5rem;
  }
}

.vchm-bottom-padding {
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .vchm-bottom-padding {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .vchm-bottom-padding {
    padding-bottom: 4.5rem;
  }
}

.vchm-copy-title {
  padding-bottom: 0;
}

.vchm-wrapper {
  text-align: center;
  max-width: 90rem;
  margin: 0 auto;
}

.vchm-image-container {
  display: flex;
  align-items: center;
  margin: 3.75rem auto 0;
}

@media (max-width: 639px) {
  .vchm-image-container {
    max-width: 18rem;
    margin-top: 2.5rem;
  }
}

@media (min-width: 640px) {
  .vchm-image-container {
    max-width: 36rem;
    margin-top: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .vchm-image-container {
    max-width: 43.75rem;
    margin-top: 3.75rem;
  }
}

.vchm-video-contain {
  display: flex;
  margin: 0 auto;
}

.vchm-video-contain:focus:after {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .vchm-video-contain:focus:after {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.vchm-image {
  width: 36.6875rem;
  margin: 0 auto;
}

.vchm-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.vchm-column {
  display: flex;
  flex-flow: column;
  align-items: center stretch;
  justify-content: center;
  width: 13.75rem;
  margin: 0 2rem;
}

.vchm-copy-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #888888;
  max-width: 45.625rem;
  margin: 0 auto;
  padding: 0 0.9375rem;
}

@media (max-width: 639px) {
  .vchm-copy-text {
    text-align: left;
    padding: 0 1.5625rem;
  }
}

.vchm-main-title,
.vchm-copy-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.875rem;
  color: #333333;
  padding: 1.5625rem;
}

@media (max-width: 639px) {
  .vchm-main-title,
  .vchm-copy-title {
    font-size: 1.25rem;
  }
}

.vchm-img-title {
  padding: 1.25rem 1rem 0;
}

.vchm-copy-subtitle {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #888888;
  max-width: 45.625rem;
  margin: 0 auto;
  padding: 0.625rem 1rem 0 1rem;
}

.vchm-main-title {
  padding: 0 0 1.25rem 0;
}

.vchm-icon {
  width: 3.75rem;
  height: 3.06125rem;
  margin-top: 1.25rem;
}

.vchm-cta .vchm-icon {
  width: 0.875rem;
  height: 0.875rem;
  margin: 0 0.1875rem 0.1875rem 0;
}

.vchm-column-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
  padding: 0.9375rem 0.9375rem 0.625rem 0.9375rem;
  display: flex;
  flex-grow: 1;
  justify-content: center;
}

.vchm-column-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #888888;
  padding-bottom: 0.625rem;
  display: flex;
  flex-grow: 1;
  justify-content: center;
}

.vchm-cta {
  display: flex;
  justify-content: center;
}

.vchm-cta [data-smco-video]:after {
  background-image: none;
}

.vchm-cta a, .vchm-cta button {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #002c5e;
  text-decoration: none;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vchm-hidden-tiles {
  display: none;
}

.vchm-image-disclaimer-container {
  width: 100%;
  max-width: 18rem;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 0.75rem 0 0 0;
}

@media (min-width: 640px) {
  .vchm-image-disclaimer-container {
    max-width: 36rem;
  }
}

@media (min-width: 1024px) {
  .vchm-image-disclaimer-container {
    max-width: 43.75rem;
  }
}

.vchm-image-disclaimer {
  position: relative;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  color: #888888;
  line-height: 1rem;
  text-align: center;
  z-index: 2;
}

.vchm-image-disclaimer-cg-icon {
  color: #002c5e;
  padding-left: 0.25rem;
}

.vchm-horizontal-padding {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .vchm-horizontal-padding {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .vchm-horizontal-padding {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .vchm-horizontal-padding {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
}

.vchm-top-padding {
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .vchm-top-padding {
    padding-top: 3rem;
  }
}

@media (min-width: 1440px) {
  .vchm-top-padding {
    padding-top: 4.5rem;
  }
}

.vchm-bottom-padding {
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .vchm-bottom-padding {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .vchm-bottom-padding {
    padding-bottom: 4.5rem;
  }
}

.vchm-copy-title {
  padding-bottom: 0;
}

.brb-wrapper {
  max-width: 160rem;
  background-color: #002c5e;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 3.125rem 1rem;
}

.brb-wrapper .tooltip-trigger svg {
  color: #ffffff;
}

@media (min-width: 320px) and (max-width: 359px) {
  .brb-wrapper {
    min-height: 17.125rem;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .brb-wrapper {
    min-height: 17.125rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .brb-wrapper {
    min-height: 18.75rem;
    padding: 3.75rem 1rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .brb-wrapper {
    min-height: 18.75rem;
    padding: 3.75rem 1rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .brb-wrapper {
    min-height: 22.375rem;
    padding: 5.625rem 1rem;
  }
}

@media (min-width: 1920px) {
  .brb-wrapper {
    min-height: 22.375rem;
    padding: 5.625rem 1rem;
  }
}

.brb-cta {
  font-weight: 700;
}

.brb-cta svg {
  display: inline-block;
  margin-left: 0.375rem;
  vertical-align: baseline;
  width: 0.625rem;
  height: 0.625rem;
}

.brb-container {
  text-align: center;
  color: #ffffff;
  max-width: 18.0625rem;
  margin: auto;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  line-height: 1.5rem;
}

.brb-container .brb-title {
  font-size: 2.5rem;
  line-height: 1.875rem;
  font-weight: 500;
}

.brb-container .brb-text {
  margin: 0.9375rem 0 0.9375rem 0;
}

.brb-container .brb-cta {
  text-decoration: none;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #ffffff;
}

@media (min-width: 320px) and (max-width: 359px) {
  .brb-container {
    max-width: 37.9375rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .brb-container .brb-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
  .brb-container .brb-text {
    margin: 0.625rem 0 0.625rem 0;
    padding: 0 0.625rem;
  }
  .brb-container .brb-cta {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .brb-container {
    max-width: 37.9375rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .brb-container .brb-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .brb-container .brb-text {
    margin: 0.625rem 0 0.625rem 0;
    padding: 0 0.625rem;
  }
  .brb-container .brb-cta {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .brb-container {
    max-width: 36rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .brb-container .brb-title {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
  .brb-container .brb-text {
    margin: 0.9375rem 0 0.9375rem 0;
  }
  .brb-container .brb-cta {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .brb-container {
    max-width: 43.75rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .brb-container .brb-title {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
  .brb-container .brb-text {
    margin: 0.9375rem 0 0.9375rem 0;
  }
  .brb-container .brb-cta {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .brb-container {
    max-width: 43.75rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
  .brb-container .brb-title {
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
  .brb-container .brb-text {
    margin: 0.9375rem 0 0.9375rem 0;
  }
  .brb-container .brb-cta {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 2560px) {
  .brb-container {
    max-width: 56.25rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
  .brb-container .brb-title {
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
  .brb-container .brb-text {
    margin: 0.9375rem 0 0.9375rem 0;
  }
  .brb-container .brb-cta {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

.hero-enhanced {
  position: relative;
  background: #ffffff;
  overflow: hidden;
  max-width: 160rem;
  height: 25rem;
  margin: 0 auto;
}

@media (min-width: 320px) {
  .hero-enhanced {
    height: 22.5rem;
  }
}

@media (min-width: 360px) {
  .hero-enhanced {
    height: 28.75rem;
  }
}

@media (min-width: 640px) {
  .hero-enhanced {
    height: 32.5rem;
  }
}

@media (min-width: 1024px) {
  .hero-enhanced {
    height: 32.5rem;
  }
}

@media (min-width: 1440px) {
  .hero-enhanced {
    height: 43.75rem;
  }
}

@media (min-width: 1920px) {
  .hero-enhanced {
    height: 50rem;
  }
}

@media (max-width: 639px) {
  .hero-enhanced-extended-height {
    height: 30rem !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hero-enhanced-extended-height {
    height: 40rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .hero-enhanced-extended-height {
    height: 43.75rem !important;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .hero-enhanced-extended-height {
    height: 55rem !important;
  }
}

@media (min-width: 1920px) and (max-width: 2560px) {
  .hero-enhanced-extended-height {
    height: 61.25rem !important;
  }
}

.hero-cinemagraph .media-cinemagraph-enhanced-container {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 45rem;
  min-height: 25rem;
}

@media (min-width: 320px) {
  .hero-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 22.5rem;
    min-height: 22.5rem;
  }
}

@media (min-width: 321px) and (max-width: 374px) {
  .hero-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 40rem;
    min-height: 28.75rem;
    transform: translate(-50%, -45%);
  }
}

@media (min-width: 640px) {
  .hero-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 65rem;
    min-height: 32.5rem;
  }
}

@media (min-width: 1024px) {
  .hero-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 90rem;
    min-height: 32.5rem;
  }
}

@media (min-width: 1440px) {
  .hero-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 120rem;
    min-height: 43.75rem;
  }
}

@media (min-width: 1920px) {
  .hero-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 160rem;
    min-height: 43.75rem;
  }
}

.hero-cinemagraph .media-cinemagraph-enhanced-placeholder {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  display: block;
}

.hero-cinemagraph .media-cinemagraph-enhanced-container.media-cinemagraph-enhanced-loaded .media-cinemagraph-enhanced-placeholder {
  display: block;
}

.hero-cinemagraph .media-cinemagraph-enhanced-player {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.hero-enhanced-image {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  text-align: center;
  margin: 0 auto;
}

.hero-enhanced-image picture {
  display: block;
  line-height: 0;
}

.hero-gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1;
}

@media (min-width: 320px) and (max-width: 359px) {
  .hero-gradient-overlay.xsmall {
    display: block;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .hero-gradient-overlay.small {
    display: block;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hero-gradient-overlay.medium {
    display: block;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .hero-gradient-overlay.large {
    display: block;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .hero-gradient-overlay.xlarge {
    display: block;
  }
}

@media (min-width: 1920px) {
  .hero-gradient-overlay.huge {
    display: block;
  }
}

.hero-gradient-overlay.vid-gradient {
  height: 75%;
}

.hero-enhanced-img-container {
  display: block;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero-enhanced-content {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  padding: 3rem 2.5rem 0;
  z-index: 1;
}

.hero-enhanced-content .icon {
  fill: #ffffff;
}

@media (min-width: 640px) {
  .hero-enhanced-content {
    padding: 4rem 4.5rem 0;
  }
}

@media (min-width: 1024px) {
  .hero-enhanced-content {
    padding: 6rem 4.5rem 0;
  }
}

.hero-content-slider {
  padding-top: 1.875rem;
}

.hero-logo-slider {
  pointer-events: none;
}

.hero-enhanced-content.hero-content-left {
  text-align: left;
  margin: 0 auto;
  right: 0;
  left: 0;
  max-width: 90rem;
  padding: 2rem 1.5rem 0;
}

@media (min-width: 640px) {
  .hero-enhanced-content.hero-content-left {
    padding: 2rem 2.5rem 0;
  }
}

@media (min-width: 1024px) {
  .hero-enhanced-content.hero-content-left {
    padding: 2.5rem 2.5rem 0;
  }
}

@media (min-width: 1440px) {
  .hero-enhanced-content.hero-content-left {
    padding: 4rem 4.375rem 0;
  }
}

@media (min-width: 1920px) {
  .hero-enhanced-content.hero-content-left {
    padding: 5.25rem 4.375rem 0;
  }
}

.hero-enhanced-double-image {
  display: flex;
  justify-content: space-between;
  left: 0;
  right: 0;
}

@media (max-width: 1023px) {
  .hero-enhanced-double-image {
    flex-direction: column;
    height: 100%;
  }
}

@media (min-width: 320px) and (max-width: 359px) {
  .hero-enhanced-double-image {
    padding-top: 1.875rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 360px) {
  .hero-enhanced-double-image {
    padding-top: 2.125rem;
    padding-left: 1.0625rem;
    padding-right: 1.0625rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hero-enhanced-double-image {
    padding-top: 2.1875rem;
    padding-left: 8.9375rem;
    padding-right: 8.9375rem;
  }
}

@media (min-width: 1024px) {
  .hero-enhanced-double-image {
    padding-top: 1.8125rem;
    padding-left: 2.625rem;
    padding-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .hero-enhanced-double-image {
    padding-top: 3.875rem;
    padding-left: 4.375rem;
    padding-right: 4.375rem;
  }
}

@media (min-width: 1920px) {
  .hero-enhanced-double-image {
    padding-top: 3.375rem;
    padding-left: 8.75rem;
    padding-right: 8.75rem;
  }
}

.hero-content-left .hero-enhanced-double-img-wrapper {
  max-width: 50%;
}

@media (max-width: 1023px) {
  .hero-content-left .hero-enhanced-double-img-wrapper {
    max-width: 100%;
    text-align: left;
  }
}

@media (min-width: 320px) and (max-width: 359px) {
  .hero-enhanced-double-img-wrapper .hero-image-title {
    height: auto;
    width: 17rem;
    max-height: 100%;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 360px) {
  .hero-enhanced-double-img-wrapper .hero-image-title {
    height: auto;
    width: 20.375rem;
    max-height: 100%;
    margin: 0 auto 1.625rem;
  }
}

@media (min-width: 640px) {
  .hero-enhanced-double-img-wrapper .hero-image-title {
    height: auto;
    width: 22.125rem;
    max-height: 100%;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 641px) {
  .hero-enhanced-double-img-wrapper .hero-image-title {
    height: auto;
  }
}

@media (min-width: 1024px) {
  .hero-enhanced-double-img-wrapper .hero-image-title {
    width: 25.5rem;
  }
}

@media (min-width: 1440px) {
  .hero-enhanced-double-img-wrapper .hero-image-title {
    width: 34rem;
  }
}

@media (min-width: 1920px) {
  .hero-enhanced-double-img-wrapper .hero-image-title {
    width: 40.8125rem;
  }
}

.hero-enhanced-double-img-wrapper .hero-enhanced-subhead {
  margin: 0 auto 1.25rem !important;
}

@media (max-width: 1023px) {
  .hero-enhanced-double-img-wrapper {
    text-align: center;
  }
  .hero-enhanced-double-img-wrapper .hero-enhanced-title {
    margin: 0 auto !important;
  }
  .hero-enhanced-double-img-wrapper .hero-enhanced-subhead {
    margin: 0 auto 0.625rem !important;
  }
}

.hero-enhanced-second-image-container-top {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

@media (min-width: 320px) and (max-width: 359px) {
  .hero-enhanced-second-image-container-top {
    width: 17rem;
    height: 6.25rem;
    margin: 0 auto 0.8125rem;
  }
}

@media (min-width: 360px) {
  .hero-enhanced-second-image-container-top {
    width: 20.375rem;
    height: 7.5rem;
    margin: 0 auto 0.8125rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hero-enhanced-second-image-container-top {
    width: 22.125rem;
    height: 8.125rem;
    margin: 0 auto 0.625rem;
  }
}

@media (min-width: 1024px) {
  .hero-enhanced-second-image-container-top {
    justify-content: left;
    width: 25.5rem;
    height: 9.375rem;
    margin: 0 0 0.625rem;
  }
}

@media (min-width: 1440px) {
  .hero-enhanced-second-image-container-top {
    width: 34rem;
    height: 12.5rem;
    margin: 0 0 1.25rem;
  }
}

@media (min-width: 1920px) {
  .hero-enhanced-second-image-container-top {
    width: 40.8125rem;
    height: 15rem;
  }
}

.hero-enhanced-second-image-container {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
}

@media (min-width: 320px) and (max-width: 359px) {
  .hero-enhanced-second-image-container {
    width: 17rem;
    height: 6.25rem;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 360px) {
  .hero-enhanced-second-image-container {
    width: 20.375rem;
    height: 7.5rem;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hero-enhanced-second-image-container {
    width: 22.125rem;
    height: 8.125rem;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 1024px) {
  .hero-enhanced-second-image-container {
    align-items: flex-start;
    width: 25.5rem;
    height: 9.375rem;
    margin: 0;
    text-align: right;
    justify-content: right;
  }
}

@media (min-width: 1440px) {
  .hero-enhanced-second-image-container {
    width: 34rem;
    height: 12.5rem;
    margin: 0;
  }
}

@media (min-width: 1920px) {
  .hero-enhanced-second-image-container {
    width: 40.8125rem;
    height: 15rem;
    margin: 0;
  }
}

.hero-enhanced-second-image {
  width: auto;
  max-height: 100%;
}

.hero-enhanced-content.hero-content-right {
  text-align: right;
  max-width: 1440px;
  margin: 0 auto;
  right: 0;
  left: 0;
}

.hero-enhanced-content.hero-content-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
}

.hero-enhanced-content.hero-content-top-center {
  top: 2.1875rem;
  left: 0;
  right: 0;
  padding: 0;
}

@media (min-width: 320px) and (max-width: 359px) {
  .hero-enhanced-content.hero-content-top-center {
    top: 1.875rem;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .hero-enhanced-content.hero-content-top-center {
    top: 2.1875rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hero-enhanced-content.hero-content-top-center {
    top: 2.1875rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .hero-enhanced-content.hero-content-top-center {
    top: 2.1875rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .hero-enhanced-content.hero-content-top-center {
    top: 4.6875rem;
  }
}

@media (min-width: 1920px) {
  .hero-enhanced-content.hero-content-top-center {
    top: 6.5625rem;
  }
}

.hero-content-dark {
  background: #ffffff;
}

.hero-content-dark .icon {
  fill: #002c5e;
}

.hero-image-title {
  margin: 0 auto;
}

.hero-content-left .hero-image-title {
  margin: 0;
}

.hero-content-right .hero-image-title {
  margin: 0 0 0 auto;
}

@media (min-width: 320px) and (max-width: 359px) {
  .hero-image-title {
    height: 6.25rem;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .hero-image-title {
    height: 7.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hero-image-title {
    height: 7.5rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .hero-image-title {
    height: 9.375rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .hero-image-title {
    height: 12.5rem;
  }
}

@media (min-width: 1920px) and (max-width: 2559px) {
  .hero-image-title {
    height: 12.5rem;
  }
}

@media (min-width: 2560px) {
  .hero-image-title {
    height: 12.5rem;
  }
}

.hero-enhanced-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 2.5rem;
}

.hero-content-dark .hero-enhanced-title {
  color: #333333;
}

@media (min-width: 320px) {
  .hero-content-center .hero-enhanced-title {
    margin: 0 auto 0.625rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .hero-content-center .hero-enhanced-title {
    margin: 0 auto 0.3125rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 1.875rem;
    line-height: 2.3125rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hero-content-center .hero-enhanced-title {
    margin: 0 auto 1.3125rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 2.625rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .hero-content-center .hero-enhanced-title {
    margin: 0 auto 1.1875rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 2.75rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .hero-content-center .hero-enhanced-title {
    margin: 0 auto 0.4375rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 3.375rem;
    line-height: 4.1875rem;
  }
}

@media (min-width: 1920px) and (max-width: 2559px) {
  .hero-content-center .hero-enhanced-title {
    margin: 0 auto 0.4375rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 3.375rem;
    line-height: 4.1875rem;
  }
}

@media (min-width: 2560px) {
  .hero-content-center .hero-enhanced-title {
    margin: 0 auto 0.4375rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 3.375rem;
    line-height: 4.1875rem;
  }
}

@media (min-width: 320px) {
  .hero-content-top-center .hero-enhanced-title {
    margin: 0 auto 0.1875rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .hero-content-top-center .hero-enhanced-title {
    margin: 0 auto 0.1875rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hero-content-top-center .hero-enhanced-title {
    margin: 0 auto 0.5625rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .hero-content-top-center .hero-enhanced-title {
    margin: 0 auto 0.5625rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .hero-content-top-center .hero-enhanced-title {
    margin: 0 auto 0.5rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

@media (min-width: 1920px) and (max-width: 2559px) {
  .hero-content-top-center .hero-enhanced-title {
    margin: 0 auto 0.5rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

@media (min-width: 2560px) {
  .hero-content-top-center .hero-enhanced-title {
    margin: 0 auto 0.5rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

@media (min-width: 320px) {
  .hero-enhanced-content.hero-content-left .hero-enhanced-title,
  .hero-enhanced-content.hero-content-right .hero-enhanced-title {
    margin: 0 auto 0.1875rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .hero-enhanced-content.hero-content-left .hero-enhanced-title,
  .hero-enhanced-content.hero-content-right .hero-enhanced-title {
    margin: 0 auto 0.1875rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hero-enhanced-content.hero-content-left .hero-enhanced-title,
  .hero-enhanced-content.hero-content-right .hero-enhanced-title {
    margin: 0 auto 0.5625rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .hero-enhanced-content.hero-content-left .hero-enhanced-title,
  .hero-enhanced-content.hero-content-right .hero-enhanced-title {
    margin: 0 auto 0.5625rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .hero-enhanced-content.hero-content-left .hero-enhanced-title,
  .hero-enhanced-content.hero-content-right .hero-enhanced-title {
    margin: 0 auto 0.5rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

@media (min-width: 1920px) and (max-width: 2559px) {
  .hero-enhanced-content.hero-content-left .hero-enhanced-title,
  .hero-enhanced-content.hero-content-right .hero-enhanced-title {
    margin: 0 auto 0.5rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

@media (min-width: 2560px) {
  .hero-enhanced-content.hero-content-left .hero-enhanced-title,
  .hero-enhanced-content.hero-content-right .hero-enhanced-title {
    margin: 0 auto 0.5rem;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

.hero-enhanced-content.hero-content-left .hero-enhanced-title {
  justify-content: flex-start;
  margin-left: 0;
}

.hero-enhanced-content.hero-content-right .hero-enhanced-title {
  justify-content: flex-end;
  margin-right: 0;
}

.hero-enhanced-subhead {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}

.hero-enhanced-subhead span {
  display: block;
}

@media (min-width: 1024px) {
  .hero-enhanced-subhead {
    font-size: 1.25rem;
    line-height: 1.625rem;
    margin: 1rem 0 2rem;
  }
}

.hero-content-dark .hero-enhanced-subhead {
  color: #333333;
}

@media (min-width: 320px) {
  .hero-content-center .hero-enhanced-subhead {
    margin: 0 auto 1rem;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .hero-content-center .hero-enhanced-subhead {
    margin: 0 auto 0.8125rem;
  }
}

@media (min-width: 640px) {
  .hero-content-center .hero-enhanced-subhead {
    margin: 0 auto 1.4375rem;
  }
}

@media (min-width: 1440px) {
  .hero-content-center .hero-enhanced-subhead {
    margin: 0 auto 1.5625rem;
  }
}

@media (min-width: 320px) {
  .hero-content-top-center .hero-enhanced-subhead,
  .hero-enhanced-content.hero-content-left .hero-enhanced-subhead,
  .hero-enhanced-content.hero-content-right .hero-enhanced-subhead {
    margin: 0 auto 0.75rem;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .hero-content-top-center .hero-enhanced-subhead,
  .hero-enhanced-content.hero-content-left .hero-enhanced-subhead,
  .hero-enhanced-content.hero-content-right .hero-enhanced-subhead {
    margin: 0 auto 0.9375rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hero-content-top-center .hero-enhanced-subhead,
  .hero-enhanced-content.hero-content-left .hero-enhanced-subhead,
  .hero-enhanced-content.hero-content-right .hero-enhanced-subhead {
    margin: 0 auto 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .hero-content-top-center .hero-enhanced-subhead,
  .hero-enhanced-content.hero-content-left .hero-enhanced-subhead,
  .hero-enhanced-content.hero-content-right .hero-enhanced-subhead {
    margin: 0 auto 1.6875rem;
  }
}

@media (min-width: 1920px) {
  .hero-content-top-center .hero-enhanced-subhead,
  .hero-enhanced-content.hero-content-left .hero-enhanced-subhead,
  .hero-enhanced-content.hero-content-right .hero-enhanced-subhead {
    margin: 0 auto 1.5625rem;
  }
}

.hero-enhanced-content.hero-content-left .hero-enhanced-subhead {
  margin-left: 0;
}

.hero-enhanced-content.hero-content-right .hero-enhanced-subhead {
  margin-right: 0;
}

.hero-enhanced .s7controlbar {
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: 1440px !important;
  height: 1.6875rem !important;
  margin: 0 auto 1rem !important;
}

@media (max-width: 359px) {
  .hero-enhanced .s7controlbar {
    padding-left: 1rem !important;
    transform: translate(0, 150px) !important;
  }
}

@media (min-width: 360px) and (max-width: 374px) {
  .hero-enhanced .s7controlbar {
    padding-left: 1rem !important;
    transform: translate(0, 201px) !important;
  }
}

@media (min-width: 375px) and (max-width: 640px) {
  .hero-enhanced .s7controlbar {
    padding-left: 1rem !important;
    transform: translate(0, 230px) !important;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .hero-enhanced .s7controlbar {
    padding-left: 2rem !important;
    transform: translate(0, 260px) !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .hero-enhanced .s7controlbar {
    padding-left: 2.625rem !important;
    transform: translate(0, 260px) !important;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .hero-enhanced .s7controlbar {
    padding-left: 4.5rem !important;
    transform: translate(0, 350px) !important;
  }
}

@media (min-width: 1920px) {
  .hero-enhanced .s7controlbar {
    padding-left: 4.5rem !important;
    transform: translate(0, 400px) !important;
  }
}

.hero-enhanced .s7innercontrolbarcontainer {
  height: 1.6875rem !important;
}

.hero-enhanced .s7videoviewer.s7mouseinput .s7playpausebutton {
  top: 0 !important;
  left: 0 !important;
}

@media (min-width: 1024px) and (max-width: 1439px) and (max-height: 850px) {
  .hero-cinemagraph .media-cinemagraph-enhanced-container {
    transform: translate(-50%, -54%);
  }
}

.hero-two-ctas .hero-enhanced-title {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 2.625rem;
}

.hero-two-ctas-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  max-width: 27.5rem;
  margin: 0 auto;
}

.hero-two-ctas-container a {
  display: inline-block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #ffffff;
  text-decoration: none;
}

.hero-two-ctas-container svg {
  display: inline-block;
  font-size: 0.625rem;
  fill: #ffffff;
  margin-left: 0.5rem;
}

.hero-two-ctas-container .hero-cta {
  margin-right: 1rem;
}

.hero-two-ctas-container .hero-cta:last-of-type {
  margin-right: 0;
}

@media (max-width: 1023px) {
  .hero-two-ctas .hero-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
  .hero-two-ctas .hero-subhead {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .hero-two-ctas-container {
    flex-direction: column;
  }
  .hero-two-ctas-container .hero-cta {
    margin-right: 0;
    margin-bottom: 0.8125rem;
  }
  .hero-two-ctas-container .hero-cta:last-of-type {
    margin: 0;
  }
}

.hero-content-left .hero-two-ctas-container {
  justify-content: normal;
  margin: 0;
}

.hero-content-right .hero-two-ctas-container {
  justify-content: flex-end;
  margin-right: 0;
}

@media (min-width: 375px) {
  .hero-enhanced-content .hero-cta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3125rem;
  }
}

@media (min-width: 640px) {
  .hero-enhanced-content .hero-cta {
    flex-direction: row;
  }
}

.hero-content-left .hero-cta {
  justify-content: flex-start;
  align-items: flex-start;
}

.hero-content-right .hero-cta {
  justify-content: flex-end;
  align-items: flex-end;
}

.hero-content-center .hero-cta {
  justify-content: center;
  align-items: center;
}

.hero-content-top-center .hero-cta {
  justify-content: center;
  align-items: center;
}

.hero-content-dark .hero-two-ctas-container a {
  color: #333333;
}

.hero-content-dark .hero-two-ctas-container svg {
  fill: #333333;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .hero-enhanced-double-image {
    flex-direction: column;
    height: 100%;
    padding: 2rem 2.5rem 0;
  }
  body.chat-opened .hero-enhanced-double-img-wrapper {
    max-width: 100%;
    text-align: left;
  }
  body.chat-opened .hero-enhanced-second-image-container-top {
    width: 22.125rem;
    height: 8.125rem;
    margin: 0 auto 0.625rem;
  }
  body.chat-opened .hero-enhanced-second-image-container {
    width: 22.125rem;
    height: 8.125rem;
    margin: 0 auto 1.25rem;
  }
  body.chat-opened .hero-content-top-center {
    top: 2.1875rem;
  }
  body.chat-opened .hero-image-title {
    height: 7.5rem;
  }
}

/*
 * For cinemagraphs, using the media built in play/pause
 * button so that it can control video playing state.
 * Hiding all other elements in the control bar.
*/
.media-cinemagraph-enhanced-container {
  position: relative;
}

.media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar {
  background-image: none;
}

.media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar .s7videotime,
.media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar .s7videoscrubber,
.media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar .s7mutablevolume,
.media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar .s7fullscreenbutton {
  display: none;
}

.media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar .s7playpausebutton {
  position: relative;
  background: none !important;
  width: 1.6875rem !important;
  height: 1.6875rem !important;
}

.media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar .s7playpausebutton[selected='true']:before,
.media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar .s7playpausebutton[selected='false']:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: 0 0;
  cursor: pointer;
}

.media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar .s7playpausebutton[selected='true']:before {
  background-image: url("../../../../etc.clientlibs/hyundai/common/clientlibs/clientlib-dependencies/resources/images/play-small.svg");
}

.media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar .s7playpausebutton[selected='false']:after {
  background-image: url("../../../../etc.clientlibs/hyundai/common/clientlibs/clientlib-dependencies/resources/images/pause-small.svg");
}

.media-cinemagraph-enhanced-container .s7videoviewer .s7socialshare {
  display: none;
}

.hero .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar,
.m-hero .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar {
  bottom: 50%;
  left: 50%;
  max-width: 100vw;
  transform: translate(-50%, 200px);
}

@media (min-width: 640px) {
  .hero .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar,
  .m-hero .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar {
    transform: translate(-50%, 288px);
  }
}

@media (min-width: 1024px) {
  .hero .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar,
  .m-hero .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar {
    transform: translate(-50%, 350px);
  }
}

@media (min-width: 1024px) and (max-width: 1439px) and (max-height: 850px) {
  .hero .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar,
  .m-hero .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar {
    transform: translate(-50%, 290px);
  }
}

@media (min-width: 1024px) and (max-width: 1439px) and (max-height: 850px) {
  .m-hero .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar {
    transform: translate(-50%, 260px);
  }
}

.media-cinemagraph-enhanced-placeholder {
  opacity: 1;
  position: absolute;
  transition: opacity .5s ease-out;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.media-cinemagraph-enhanced-player {
  min-height: 0.0625rem;
  min-width: 0.0625rem;
  opacity: 0;
  transition: opacity .5s ease-in;
}

[data-loop='false'].media-cinemagraph-enhanced-player .s7playpausebutton[selected='true']:before {
  background-image: url("../../../../etc.clientlibs/hyundai/common/clientlibs/clientlib-dependencies/resources/images/replay.svg") !important;
}

.media-cinemagraph-enhanced-player-with-delay {
  transition-delay: .5s;
}

.media-cinemagraph-enhanced-container.media-cinemagraph-enhanced-loaded .media-cinemagraph-enhanced-placeholder {
  opacity: 0;
}

.media-cinemagraph-enhanced-container.media-cinemagraph-enhanced-loaded .media-cinemagraph-enhanced-player {
  opacity: 1;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .m-hero .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar {
    transform: translate(-50%, 200px) !important;
    width: calc(100vw - 375px) !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .m-hero .media-cinemagraph-enhanced-container .s7videoviewer .s7controlbar {
    transform: translate(-50%, 288px) !important;
    width: calc(100vw - 375px) !important;
  }
}

.countdown-clock {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  top: 0;
  color: #333333;
}

.countdown {
  display: flex;
}

.countdown .block {
  display: flex;
  flex-direction: column;
  margin: 0 1rem;
}

.countdown .text {
  font-size: 0.875rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  text-align: center;
}

.countdown .digit {
  font-size: 3.375rem;
  font-weight: 500;
  line-height: 3.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-feature-settings: 'tnum';
  font-variant-numeric: tabular-nums;
  margin: auto;
  text-align: center;
  position: relative;
}

@media (max-width: 640px) {
  .countdown .digit {
    font-size: 2.5rem;
    line-height: 1.25rem;
  }
}

.countdown .separator:after {
  top: 0;
  bottom: 0;
  width: 2.1875rem;
  position: absolute;
  content: ':';
  z-index: 2;
}

.hero-content-dark {
  background: #ffffff;
}

.hero-content-dark .hero-enhanced-countdown-timer-footer a {
  color: #002c5e;
}

.hero-content-dark .hero-enhanced-countdown-timer-footer svg {
  fill: #002c5e;
}

.hero-content-dark .countdown {
  color: #333333 !important;
}

.hero-enhanced-title .countdown {
  color: #ffffff;
}

.hero-enhanced-title .countdown .text {
  line-height: 2.25rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .hero-enhanced-title .countdown .text {
    margin-top: -0.625rem;
  }
}

@media (min-width: 320px) {
  .hero-content-top-center .hero-enhanced-countdown-timer-title {
    margin: 0 auto 0.3125rem;
  }
}

.hero-content-top-center .hero-enhanced-countdown-timer-title .countdown-clock {
  margin: auto;
}

@media (min-width: 360px) and (max-width: 639px) {
  .hero-content-top-center .hero-enhanced-countdown-timer-title .countdown-clock {
    max-width: 20.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hero-content-top-center .hero-enhanced-countdown-timer-title .countdown-clock {
    max-width: 26.25rem;
    line-height: 2.625rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .hero-content-top-center .hero-enhanced-countdown-timer-title .countdown-clock {
    max-width: 27.5rem;
  }
}

.hero-enhanced-countdown-timer-subhead {
  font-weight: 400;
}

@media (min-width: 320px) {
  .hero-content-center .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.125rem;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .hero-content-center .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.125rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .hero-content-center .hero-enhanced-countdown-timer-subhead {
    max-width: 30rem;
    margin: 0 auto 1.375rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .hero-content-center .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.375rem;
  }
}

@media (min-width: 1920px) and (max-width: 2559px) {
  .hero-content-center .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.375rem;
  }
}

@media (min-width: 2560px) {
  .hero-content-center .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.375rem;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .hero-content-top-center .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 0.75rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hero-content-top-center .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.375rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .hero-content-top-center .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.375rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .hero-content-top-center .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.375rem;
  }
}

.hero-enhanced-countdown-timer-footer {
  line-height: 1.125rem;
}

.hero-enhanced-countdown-timer-footer a {
  display: inline-block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  text-decoration: none;
}

.hero-enhanced-countdown-timer-footer a.hero-enhanced-countdown-timer-calendar-cta {
  margin-right: 3rem;
}

.hero-enhanced-countdown-timer-footer a.hero-enhanced-countdown-timer-calendar-cta svg {
  margin-left: 0.4375rem;
  width: 0.875rem;
  height: 1rem;
}

.hero-enhanced-countdown-timer-footer svg {
  display: inline-block;
  font-size: 0.625rem;
  fill: #ffffff;
  margin-left: 0.5rem;
}

.hero-enhanced .hero-cta [data-smco-video]:after,
.hero-enhanced .hero-cta [data-smco-video] .il-media-ratio:after {
  display: none;
}

.three-col-raq-title-thankyou-header {
  max-width: 1440px;
  margin: 0 auto;
  padding: 2rem 1rem;
  text-align: center;
}

@media (min-width: 640px) {
  .three-col-raq-title-thankyou-header {
    padding: 2rem 2rem 1rem;
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .three-col-raq-title-thankyou-header {
    padding: 2rem 4.5625rem 2.5rem;
  }
}

.three-col-raq-hide {
  display: none;
}

.toggle-thankyou-msg-container {
  text-align: center;
}

.three-col-raq-thankyou-msg {
  line-height: 1.375rem;
  font-size: 1rem;
  margin: 0 auto;
  padding: 1.25rem;
}

.three-col-raq-thankyou-content {
  max-width: 31.25rem;
  margin: 0 auto 1.25rem;
}

.three-col-raq-thankyou-content h2 {
  line-height: 1.875rem;
}

.three-column-raq-raqlink {
  display: inline-flex;
  color: #002c5e;
  font-weight: 700;
  text-decoration: none;
}

.three-column-raq-richText {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  margin: 3.4375rem 0.875rem 1.875rem;
}

@media (min-width: 640px) {
  .three-column-raq-richText {
    margin: 6.25rem 6.875rem 1rem;
  }
}

@media (min-width: 1024px) {
  .three-column-raq-richText {
    margin: 5.25rem 0 2.3125rem;
  }
}

.three-column-raq-icon {
  margin-bottom: 20px;
}

.three-column-raq-icon img {
  height: 2.5625rem;
  width: 2.5625rem;
  display: inline-block;
}

.ev-available-states-banner {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #EEF7F9;
  margin: auto;
}

.ev-banner-container {
  max-width: 1440px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.875rem 1rem;
}

@media (min-width: 640px) {
  .ev-banner-container {
    padding: 2.625rem 2rem;
  }
}

@media (min-width: 1024px) {
  .ev-banner-container {
    padding: 2.625rem;
    flex-direction: row;
  }
}

@media (min-width: 1440px) {
  .ev-banner-container {
    padding: 2.625rem 4.5rem;
  }
}

.ev-banner-container-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  text-align: center;
  padding-bottom: 1rem;
}

.ev-banner-container-text a {
  display: inline-flex;
  color: #002c5e;
  margin-left: 0.125rem;
}

@media (min-width: 1024px) {
  .ev-banner-container-text {
    padding-bottom: 0;
  }
}

.ev-banner-container-button {
  display: block;
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  .ev-banner-container-button {
    margin-left: 3.125rem;
  }
}

.m-hero-enhanced {
  position: relative;
  background: #ffffff;
  max-width: 160rem;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .m-hero-enhanced {
    margin-bottom: 6rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-enhanced {
    margin-bottom: 0;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .m-hero-enhanced {
    margin: 0 auto;
  }
}

@media (min-width: 1024px) and (max-width: 1919px) {
  body.chat-opened .m-hero-enhanced {
    margin-bottom: 6rem;
  }
}

.m-hero-enhanced-top {
  position: relative;
  background: #000000;
}

.m-hero-enhanced-bottom .m-hero-enhanced-contain {
  width: 100%;
  max-width: 90rem;
  display: flex;
  align-items: center;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .m-hero-enhanced-bottom .m-hero-enhanced-contain {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-enhanced-bottom .m-hero-enhanced-contain {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .m-hero-enhanced-bottom .m-hero-enhanced-contain {
    padding: 0 4.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .m-hero-enhanced-bottom .m-hero-enhanced-contain {
    padding: 0 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-hero-enhanced-bottom .m-hero-enhanced-contain {
    padding: 0 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-hero-enhanced-bottom .m-hero-enhanced-contain {
    padding: 0 2.625rem;
  }
}

@media (min-width: 640px) {
  .m-hero-enhanced-bottom.m-hero-enhanced-cinemagraph-enable-playPause-btn .m-hero-enhanced-contain {
    padding-left: 0.1875rem !important;
  }
}

@media (min-width: 1024px) {
  .m-hero-enhanced-bottom.m-hero-enhanced-cinemagraph-enable-playPause-btn .m-hero-enhanced-contain {
    padding-left: 1.6875rem !important;
  }
}

@media (min-width: 1440px) {
  .m-hero-enhanced-bottom.m-hero-enhanced-cinemagraph-enable-playPause-btn .m-hero-enhanced-contain {
    padding-left: 4.6875rem !important;
  }
}

@media (min-width: 320px) and (max-width: 1023px) {
  .m-hero-enhanced-cta-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 320px) and (max-width: 1023px) and (min-width: 640px) {
  .m-hero-enhanced-cta-container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-enhanced-cta-container-hide {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .m-hero-enhanced-specs-center-align {
    margin: 0 auto;
  }
}

.m-hero-enhanced-cinemagraph .media-cinemagraph-enhanced-container {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 45rem;
  min-height: 25rem;
}

@media (min-width: 320px) {
  .m-hero-enhanced-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 22.5rem;
    min-height: 22.5rem;
  }
}

@media (min-width: 360px) {
  .m-hero-enhanced-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 40rem;
    min-height: 28.75rem;
  }
}

@media (min-width: 640px) {
  .m-hero-enhanced-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 65rem;
    min-height: 32.5rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-enhanced-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 90rem;
    min-height: 32.5rem;
  }
}

@media (min-width: 1440px) {
  .m-hero-enhanced-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 120rem;
    min-height: 43.75rem;
  }
}

@media (min-width: 1920px) {
  .m-hero-enhanced-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 160rem;
    min-height: 43.75rem;
  }
}

.m-hero-enhanced-cinemagraph .media-cinemagraph-enhanced-placeholder {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  display: block;
}

.m-hero-enhanced-cinemagraph .media-cinemagraph-enhanced-container.media-cinemagraph-enhanced-loaded .media-cinemagraph-enhanced-placeholder {
  display: block;
}

.m-hero-enhanced-cinemagraph .media-cinemagraph-enhanced-player {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.m-hero-cinemagraph-tall-container {
  height: 25rem;
}

@media (min-width: 320px) {
  .m-hero-cinemagraph-tall-container {
    height: 22.5rem;
  }
}

@media (min-width: 360px) {
  .m-hero-cinemagraph-tall-container {
    height: 22.5rem;
  }
}

@media (min-width: 640px) {
  .m-hero-cinemagraph-tall-container {
    height: 36.25rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-cinemagraph-tall-container {
    height: 43.75rem;
  }
}

@media (min-width: 1440px) {
  .m-hero-cinemagraph-tall-container {
    height: 55rem;
  }
}

@media (min-width: 1920px) {
  .m-hero-cinemagraph-tall-container {
    height: 61.25rem;
  }
}

@media (min-width: 1024px) and (max-height: 850px) {
  .m-hero-cinemagraph-tall-container {
    height: 32.5rem;
  }
}

@media (min-width: 1440px) and (max-height: 850px) {
  .m-hero-cinemagraph-tall-container {
    height: 45rem;
  }
}

@media (min-width: 1920px) and (max-height: 850px) {
  .m-hero-cinemagraph-tall-container {
    height: 48.75rem;
  }
}

.m-hero-tall {
  display: block;
  height: 25rem;
  z-index: 0;
}

@media (min-width: 320px) {
  .m-hero-tall {
    height: 22.5rem;
  }
}

@media (min-width: 360px) {
  .m-hero-tall {
    height: 22.5rem;
  }
}

@media (min-width: 640px) {
  .m-hero-tall {
    height: 36.25rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-tall {
    height: 43.75rem;
  }
}

@media (min-width: 1440px) {
  .m-hero-tall {
    height: 55rem;
  }
}

@media (min-width: 1920px) {
  .m-hero-tall {
    height: 61.25rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .m-hero-tall {
    height: 22.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-hero-tall {
    height: 36.25rem;
  }
}

.m-hero-short {
  display: none;
  z-index: 0;
}

@media (min-width: 1024px) {
  .m-hero-short {
    height: 32.5rem;
  }
}

@media (min-width: 1440px) {
  .m-hero-short {
    height: 45rem;
  }
}

@media (min-width: 1920px) {
  .m-hero-short {
    height: 48.75rem;
  }
}

.m-hero-enhanced-image {
  width: 100%;
  position: relative;
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
}

.m-hero-enhanced-image picture {
  display: block;
  line-height: 0;
}

.m-hero-enhanced-cinema-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  padding: 0 1rem;
  overflow: hidden;
}

@media (min-width: 640px) {
  .m-hero-enhanced-cinema-wrapper {
    padding: 0 3rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-enhanced-cinema-wrapper {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1440px) {
  .m-hero-enhanced-cinema-wrapper {
    padding: 0 7.5rem;
  }
}

.m-hero-gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1;
}

@media (min-width: 320px) and (max-width: 359px) {
  .m-hero-gradient-overlay.xsmall {
    display: block;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .m-hero-gradient-overlay.small {
    display: block;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .m-hero-gradient-overlay.medium {
    display: block;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .m-hero-gradient-overlay.large {
    display: block;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .m-hero-gradient-overlay.xlarge {
    display: block;
  }
}

@media (min-width: 1920px) {
  .m-hero-gradient-overlay.huge {
    display: block;
  }
}

.m-hero-gradient-overlay.vid-gradient {
  height: 75%;
}

.m-hero-enhanced-img-container {
  display: block;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
}

.m-hero-enhanced-image-left {
  left: 0;
  transform: none;
}

.m-hero-enhanced-image-right {
  left: inherit;
  right: 0;
  transform: none;
}

.m-hero-enhanced-content {
  position: absolute;
  top: 0;
  width: 100%;
  padding-top: 1.5rem;
  text-align: center;
}

@media (min-width: 640px) {
  .m-hero-enhanced-content {
    padding-top: 3rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-enhanced-content {
    padding-top: 3.5rem;
  }
}

.m-hero-enhanced-content .m-hero-enhanced-contain {
  margin: 0 auto;
  max-width: 90rem;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .m-hero-enhanced-content .m-hero-enhanced-contain {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-enhanced-content .m-hero-enhanced-contain {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .m-hero-enhanced-content .m-hero-enhanced-contain {
    padding: 0 4.5rem;
  }
}

.m-hero-enhanced-content .pt-toggle-stack .m-hero-ptb-buttons {
  justify-content: center;
  align-items: center;
}

.m-hero-enhanced-content .m-overlay-link {
  margin-top: 0.5rem;
}

@media (min-width: 1440px) {
  .m-hero-enhanced-content .m-overlay-link {
    margin-top: 1rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .m-hero-enhanced-content {
    padding-top: 1.5rem;
  }
}

@media (min-width: 640px) {
  body.chat-opened .m-hero-enhanced-content {
    padding-top: 3.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .m-hero-enhanced-content .m-hero-enhanced-contain {
    padding: 0 1rem;
  }
}

@media (min-width: 640px) {
  body.chat-opened .m-hero-enhanced-content .m-hero-enhanced-contain {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-hero-enhanced-content .m-hero-enhanced-contain {
    padding: 0 4.5rem;
  }
}

.m-hero-enhanced-content.m-hero-enhanced-content-left {
  text-align: left;
}

.m-hero-enhanced-content.m-hero-enhanced-content-left .pt-toggle-stack {
  align-items: flex-start;
}

.m-hero-enhanced-content.m-hero-enhanced-content-left .pt-toggle-stack .m-hero-ptb-buttons {
  justify-content: left;
}

.m-hero-enhanced-content.m-hero-enhanced-content-left .m-hero-ptb-buttons {
  width: 100%;
}

.m-hero-enhanced-content.m-hero-enhanced-content-left .m-hero-enhanced-title {
  margin-left: 0;
  text-align: left;
  text-wrap: nowrap;
}

.m-hero-enhanced-content.m-hero-enhanced-content-left .m-hero-enhanced-subhead {
  text-align: left;
  margin-left: 0;
}

.m-hero-enhanced-content.m-hero-enhanced-content-right {
  text-align: right;
}

.m-hero-enhanced-content.m-hero-enhanced-content-right .m-hero-enhanced-pt-toggle {
  justify-content: flex-end;
}

.m-hero-enhanced-content.m-hero-enhanced-content-right .m-hero-enhanced-pt-toggle.pt-toggle-stack {
  align-items: flex-end;
}

.m-hero-enhanced-content.m-hero-enhanced-content-right .m-hero-enhanced-title {
  text-align: right;
  margin-right: 0;
}

.m-hero-enhanced-content.m-hero-enhanced-content-right .m-hero-enhanced-subhead {
  text-align: right;
  margin-right: 0;
}

.m-hero-header-img-container-center {
  display: block;
  margin: 0 auto 1.25rem;
  height: auto;
}

@media (min-width: 320px) and (max-width: 639px) {
  .m-hero-header-img-container-center {
    max-height: 4.6875rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .m-hero-header-img-container-center {
    max-height: 8.125rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .m-hero-header-img-container-center {
    max-height: 9.375rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .m-hero-header-img-container-center {
    max-height: 12.5rem;
  }
}

@media (min-width: 1920px) {
  .m-hero-header-img-container-center {
    max-height: 15rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .m-hero-header-img-container-center {
    max-height: 4.6875rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .m-hero-header-img-container-center {
    max-height: 8.125rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  body.chat-opened .m-hero-header-img-container-center {
    max-height: 9.375rem;
  }
}

@media (min-width: 1920px) {
  body.chat-opened .m-hero-header-img-container-center {
    max-height: 12.5rem;
  }
}

.m-hero-enhanced-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  color: #ffffff;
  font-size: 1.875rem;
  line-height: 2.25rem;
}

@media (min-width: 320px) {
  .m-hero-enhanced-title {
    margin: 0 auto 0.3125rem;
  }
}

@media (min-width: 640px) {
  .m-hero-enhanced-title {
    margin: 0 auto 0.625rem;
    font-size: 3.375rem;
    line-height: 3.875rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-enhanced-title {
    font-size: 4.5rem;
    line-height: 4.625rem;
  }
}

@media (min-width: 1440px) {
  .m-hero-enhanced-title {
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .m-hero-enhanced-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin: 0 auto 0.3125rem;
  }
}

@media (min-width: 1024px) and (max-width: 1440px) {
  body.chat-opened .m-hero-enhanced-title {
    font-size: 3.375rem;
    line-height: 3.875rem;
  }
}

.m-hero-enhanced-subhead {
  margin: 0.25rem auto 0;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  color: #ffffff;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.m-hero-enhanced-subhead .tooltip-trigger {
  color: #ffffff;
}

.m-hero-enhanced-subhead span {
  display: block;
}

@media (min-width: 640px) {
  .m-hero-enhanced-subhead {
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin: 0.5rem auto 0;
  }
}

@media (min-width: 1440px) {
  .m-hero-enhanced-subhead {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin: 1rem auto 0;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .m-hero-enhanced-subhead {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin: 0.25rem auto 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-hero-enhanced-subhead {
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin: 0.5rem auto 0;
  }
}

.m-hero-enhanced-year {
  margin: 0 auto 0.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #ffffff;
}

@media (min-width: 640px) {
  .m-hero-enhanced-year {
    margin: 0 auto 0.5rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1440px) {
  .m-hero-enhanced-year {
    margin: 0 auto 1rem;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .m-hero-enhanced-year {
    margin: 0 auto 0.25rem;
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-hero-enhanced-year {
    margin: 0 auto 0.5rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

.m-hero-img-header-center .m-hero-enhanced-content {
  padding-top: 1.875rem;
}

.m-hero-img-header-center .m-hero-enhanced-title {
  font-size: 1.125rem;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .m-hero-img-header-center .m-hero-enhanced-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-bottom: 0.625rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-img-header-center .m-hero-enhanced-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-bottom: 0.625rem;
  }
}

@media (min-width: 1440px) {
  .m-hero-img-header-center .m-hero-enhanced-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
    margin-bottom: 0.625rem;
  }
}

@media (min-width: 1920px) {
  .m-hero-img-header-center .m-hero-enhanced-title {
    font-size: 2.625rem;
    line-height: 3rem;
    margin-bottom: 0.625rem;
  }
}

.m-hero-img-header-center .m-hero-enhanced-subhead {
  font-size: 1rem;
  line-height: 1.375rem;
}

@media (min-width: 640px) {
  .m-hero-img-header-center .m-hero-enhanced-subhead {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-img-header-center .m-hero-enhanced-subhead {
    line-height: 1.5rem;
  }
}

.m-hero-img-header-split.m-hero-img-header-split {
  margin-bottom: 0;
}

.m-hero-img-header-split .m-hero-enhanced-content {
  padding-top: 1.875rem;
}

.m-hero-img-header-split .m-hero-contain-split {
  display: flex;
  justify-content: space-between;
  max-width: 90rem;
}

.m-hero-img-header-split .m-hero-contain-split .m-hero-enhanced-title {
  margin: 0;
}

.m-hero-img-header-split .m-hero-contain-split .m-hero-enhanced-subhead {
  margin: 0;
}

.m-hero-img-header-split .m-overlay-review-module {
  margin: 0;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .m-hero-img-header-split .m-hero-enhanced-content {
    bottom: 2.25rem;
  }
  .m-hero-img-header-split .m-hero-header-img-container-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -7.875rem;
    height: 8.125rem;
    max-height: none;
    margin: 0;
    z-index: 2;
  }
  .m-hero-img-header-split .m-hero-enhanced-bottom {
    position: relative;
    left: 0;
    right: 0;
    padding-top: 5.625rem;
    padding-bottom: 1rem;
    background: #f3f3f3;
  }
  .m-hero-img-header-split .m-hero-enhanced-spec-label {
    color: #333333;
  }
  .m-hero-img-header-split .m-hero-enhanced-spec-value {
    color: #333333;
  }
  .m-hero-img-header-split .m-hero-enhanced-spec svg {
    fill: currentColor;
  }
  .m-hero-img-header-split .m-hero-enhanced-cta-container {
    position: relative;
    left: 0;
    right: 0;
  }
}

@media (min-width: 320px) and (max-width: 639px) {
  .m-hero-img-header-split .m-hero-header-img-container-center {
    bottom: -7.25rem;
  }
  .m-hero-img-header-split .m-hero-enhanced-bottom {
    padding-top: 5rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .m-hero-img-header-split .m-hero-header-img-container-center {
    bottom: -7.875rem;
  }
  .m-hero-img-header-split .m-hero-enhanced-bottom {
    padding-top: 5.625rem;
  }
}

.m-hero-contain-split .m-hero-header-left .pt-toggle-stack {
  align-items: flex-start !important;
}

.m-hero-header-left {
  text-align: left;
}

.m-hero-enhanced-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
  background: #f3f3f3;
}

@media (min-width: 640px) {
  .m-hero-enhanced-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    background: none;
    z-index: 1;
  }
}

@media (min-width: 1024px) {
  .m-hero-enhanced-bottom {
    left: 0;
    right: 0;
    margin: auto;
    flex-direction: row;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .m-hero-enhanced-bottom {
    position: inherit;
    left: inherit;
    right: inherit;
    bottom: inherit;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    background: #f3f3f3;
    z-index: inherit;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-hero-enhanced-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    background: none;
    z-index: 1;
  }
}

.m-hero-enhanced-bottom.m-hero-enhanced-cinemagraph-enable-playPause-btn {
  pointer-events: none;
}

.m-hero-enhanced-bottom.m-hero-enhanced-cinemagraph-enable-playPause-btn button {
  pointer-events: auto;
}

.m-hero-enhanced-bottom-content {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}

@media (min-width: 1024px) {
  .m-hero-enhanced-specs-left-align {
    justify-content: flex-start;
  }
}

.m-hero-enhanced-specs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
}

@media (min-width: 640px) {
  .m-hero-enhanced-specs {
    max-width: 46.875rem;
    padding-bottom: 2.1875rem;
  }
}

@media (min-width: 640px) and (max-width: 43.75rem) {
  .m-hero-enhanced-specs {
    max-width: 33rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-enhanced-specs {
    max-width: 35.625rem;
    margin: inherit;
  }
}

@media (min-width: 1440px) {
  .m-hero-enhanced-specs {
    max-width: 46.875rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .m-hero-enhanced-specs {
    max-width: inherit;
    padding-bottom: inherit;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-hero-enhanced-specs {
    max-width: 46.875rem;
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-hero-enhanced-specs {
    max-width: 35.625rem;
    margin: inherit;
  }
}

.m-hero-enhanced-spec {
  text-align: center;
  flex-basis: 50%;
  max-width: 50%;
  padding: 0.625rem 1rem;
}

@media (min-width: 640px) {
  .m-hero-enhanced-spec {
    flex-basis: 25%;
    max-width: 25%;
    padding: 1rem 0.3125rem;
  }
  .m-hero-enhanced-spec .icon {
    fill: #ffffff;
  }
  .m-hero-enhanced-spec svg {
    fill: #ffffff;
  }
}

@media (min-width: 1024px) {
  .m-hero-enhanced-spec {
    text-align: left;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .m-hero-enhanced-spec {
    flex-basis: 50%;
    max-width: 50%;
    padding: 0.625rem 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-hero-enhanced-spec {
    flex-basis: 25%;
    max-width: 25%;
    padding: 1rem 0.3125rem;
  }
  body.chat-opened .m-hero-enhanced-spec .icon {
    fill: #ffffff;
  }
  body.chat-opened .m-hero-enhanced-spec svg {
    fill: #ffffff;
  }
}

.m-hero-enhanced-spec-label,
.m-hero-enhanced-spec-value {
  display: block;
  width: 100%;
}

@media (min-width: 640px) {
  .m-hero-enhanced-spec-label,
  .m-hero-enhanced-spec-value {
    color: #ffffff;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .m-hero-enhanced-spec-label {
    color: #888888;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .m-hero-enhanced-spec-value {
    color: inherit;
    font-size: 1.5rem;
  }
}

.m-hero-enhanced-spec-label {
  font-size: 0.875rem;
  color: #888888;
  font-weight: 700;
}

@media (min-width: 640px) {
  .m-hero-enhanced-spec-label {
    color: #ffffff;
  }
}

.m-hero-enhanced-spec-value {
  font-size: 1.5rem;
}

@media (min-width: 640px) {
  .m-hero-enhanced-spec-value {
    font-size: 1.25rem;
  }
}

.m-hero-enhanced-spec-small {
  font-size: 1rem;
}

@media (min-width: 640px) {
  .m-hero-enhanced-spec-small {
    font-size: 0.875rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .m-hero-enhanced-spec-small {
    font-size: 1rem;
  }
}

.m-hero-enhanced-spec-msrp .m-hero-enhanced-spec-value {
  display: inline;
}

.m-hero-enhanced-cta-container {
  background-color: #f3f3f3;
  display: flex;
  justify-content: center;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .m-hero-enhanced-cta-container {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  }
}

@media (min-width: 1024px) {
  .m-hero-enhanced-cta-container {
    top: auto;
    left: auto;
    bottom: 0;
    right: 2.625rem;
    background: transparent;
    padding-bottom: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .m-hero-enhanced-cta-container {
    top: auto;
    left: auto;
    bottom: 0;
    right: 4.5rem;
    background: transparent;
    padding-bottom: 2.625rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .m-hero-enhanced-cta-container {
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    position: inherit;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .m-hero-enhanced-cta-container {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .m-hero-enhanced-cta-container {
    top: auto;
    left: auto;
    bottom: 0;
    right: 2.625rem;
    background: transparent;
    padding-bottom: 2.625rem;
  }
}

.m-hero-enhanced-cta-desktop {
  display: none;
}

@media (min-width: 1024px) and (max-width: 1920px) {
  .m-hero-enhanced-cta-desktop {
    display: block;
    right: 0;
  }
}

@media (min-width: 1024px) and (max-width: 1919px) {
  body.chat-opened .m-hero-enhanced-cta-desktop {
    display: none;
  }
}

@media (min-width: 1024px) and (max-width: 1920px) {
  .m-hero-enhanced-cta-mobile {
    display: none;
  }
}

@media (min-width: 1024px) and (max-width: 1919px) {
  body.chat-opened .m-hero-enhanced-cta-mobile {
    display: flex;
  }
}

.m-hero-enhanced-cta {
  border: 2px solid #002c5e;
  background-color: #002c5e;
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 0.75rem 1.75rem;
}

.m-hero-enhanced-cta:hover {
  border-color: #001A38;
  background-color: #001A38;
  color: #ffffff;
}

.m-hero-enhanced-cta:focus {
  box-shadow: inset 0px 0px 0px 2px #ffffff;
}

@media (min-width: 1024px) {
  .m-hero-enhanced-cta {
    border: 2px solid #ffffff;
    background-color: #ffffff;
    color: #002c5e;
  }
  .m-hero-enhanced-cta:hover {
    border-color: #f3f3f3;
    background-color: #f3f3f3;
    color: #002c5e;
  }
  .m-hero-enhanced-cta:focus {
    box-shadow: inset 0px 0px 0px 2px #002c5e;
  }
}

@media (min-width: 1024px) and (max-width: 1919px) {
  body.chat-opened .m-hero-enhanced-cta {
    border: 0.125rem solid #002c5e;
    background-color: #002c5e;
    color: #ffffff;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    padding: 0.75rem 1.75rem;
  }
  body.chat-opened .m-hero-enhanced-cta:hover {
    border-color: #001A38;
    background-color: #001A38;
    color: #ffffff;
  }
  body.chat-opened .m-hero-enhanced-cta:focus {
    box-shadow: inset 0px 0px 0px 0.125rem #ffffff;
  }
}

.m-hero-enhanced .s7controlbar {
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  height: 1.6875rem !important;
  margin: 0 auto 1rem !important;
  padding-left: 1rem !important;
}

@media (max-width: 360px) {
  .m-hero-enhanced .s7controlbar {
    transform: translate(0, 180px) !important;
  }
}

@media (min-width: 361px) and (max-width: 640px) {
  .m-hero-enhanced .s7controlbar {
    transform: translate(0, 180px) !important;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .m-hero-enhanced .s7controlbar {
    transform: translate(0, 290px) !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .m-hero-enhanced .s7controlbar {
    transform: translate(0, 350px) !important;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .m-hero-enhanced .s7controlbar {
    transform: translate(0, 440px) !important;
  }
}

@media (min-width: 1920px) {
  .m-hero-enhanced .s7controlbar {
    transform: translate(0, 490px) !important;
  }
}

@media (min-width: 1024px) and (max-height: 850px) {
  .m-hero-enhanced .s7controlbar {
    transform: translate(0, 260px) !important;
  }
}

@media (min-width: 1440px) and (max-height: 850px) {
  .m-hero-enhanced .s7controlbar {
    transform: translate(0, 360px) !important;
  }
}

@media (min-width: 1920px) and (max-height: 850px) {
  .m-hero-enhanced .s7controlbar {
    transform: translate(0, 390px) !important;
  }
}

.m-hero-enhanced .s7innercontrolbarcontainer {
  height: 1.6875rem !important;
}

.m-hero-enhanced .s7videoviewer.s7touchinput .s7playpausebutton {
  top: 0 !important;
  left: 0 !important;
}

.mhpc-swiper {
  display: block;
  max-width: 160rem;
  margin: 0 auto;
}

.mhpc-swiper .m-hero-enhanced-subhead {
  margin: 0;
}

.mhpc-swiper .m-hero-enhanced-bottom .m-hero-enhanced-specs {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

@media (min-width: 640px) {
  .mhpc-swiper .m-hero-enhanced-bottom .m-hero-enhanced-specs {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1rem;
  }
}

.mhpc-swiper .m-hero-enhanced-bottom .m-hero-enhanced-spec {
  max-width: 100%;
  padding: 0.625rem 0;
}

@media (min-width: 640px) {
  .mhpc-swiper .m-hero-enhanced-bottom .m-hero-enhanced-spec {
    flex-basis: auto;
    max-width: none;
    padding: 1rem 0;
  }
}

.mhpc-swiper .m-hero-enhanced-cta-container {
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .mhpc-swiper .m-hero-enhanced-cta-container {
    padding-bottom: 2.1875rem;
  }
}

@media (min-width: 1024px) {
  .mhpc-swiper .m-hero-enhanced-cta-container {
    padding-bottom: 3.3125rem;
  }
}

.m-hero-enhanced-pt-toggle {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.25rem;
}

@media (min-width: 375px) {
  .m-hero-enhanced-pt-toggle {
    margin-bottom: 0.25rem;
  }
}

@media (min-width: 640px) {
  .m-hero-enhanced-pt-toggle {
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .m-hero-enhanced-pt-toggle {
    margin-bottom: 1rem;
  }
}

.m-hero-enhanced-pt-toggle.pt-toggle-stack {
  flex-direction: column;
  gap: 0.25rem;
  margin: 0 auto 0.5rem;
}

@media (min-width: 1024px) {
  .m-hero-enhanced-pt-toggle.pt-toggle-stack {
    gap: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .m-hero-enhanced-pt-toggle.pt-toggle-stack {
    margin: 0 auto 1rem;
  }
}

.m-hero-enhanced-pt-toggle.pt-toggle-stack .m-hero-enhanced-title {
  margin-bottom: 0;
}

.m-hero-enhanced-pt-toggle.pt-toggle-stack .m-hero-ptb-buttons {
  padding-left: 0;
  border: none;
}

.m-hero-enhanced-pt-toggle .m-hero-enhanced-title {
  margin: 0;
}

.pt-toggle-stack .m-hero-ptb-divider {
  display: none;
}

.m-hero-ptb-buttons {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  gap: 1rem;
  overflow-x: auto;
}

.m-hero-ptb-buttons::-webkit-scrollbar {
  display: none;
}

.m-hero-ptb-buttons #fuel-gas {
  margin-right: -0.25rem;
}

.m-hero-ptb-button {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.25rem;
  color: #ffffff;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  border-bottom: 0.125rem solid transparent;
  padding-bottom: 0.25rem;
  opacity: 0.7;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.m-hero-ptb-button:hover {
  opacity: 1;
}

@media (min-width: 375px) {
  .m-hero-ptb-button {
    font-size: 1.375rem;
  }
}

@media (min-width: 640px) {
  .m-hero-ptb-button {
    font-size: 1.5rem;
    line-height: 1.875rem;
    align-items: baseline;
  }
}

.m-hero-ptb-button svg {
  width: auto;
  height: 1.1875rem;
  margin-right: 0.0625rem;
}

@media (max-width: 320px) {
  .m-hero-ptb-button svg {
    display: none;
  }
}

@media (min-width: 640px) {
  .m-hero-ptb-button svg {
    height: 1.3125rem;
    margin-right: 0.125rem;
  }
}

@media (min-width: 1024px) {
  .m-hero-ptb-button svg {
    margin-right: 0.25rem;
  }
}

.m-hero-ptb-button-active {
  border-bottom: 0.125rem solid #00aad2;
  opacity: 1;
}

@media (min-width: 1024px) and (max-width: 2560px) and (max-height: 850px) {
  .m-hero-tall {
    display: none;
  }
  .m-hero-short {
    display: block;
  }
  .mhpc-swiper .m-hero-enhanced-top .m-hero-enhanced-year {
    margin-bottom: 0;
  }
  .mhpc-swiper .m-hero-enhanced-top .m-hero-enhanced-pt-toggle {
    margin: 0.25rem 0;
  }
}

@media (min-width: 1024px) and (max-width: 2560px) and (max-height: 850px) and (min-width: 640px) {
  .mhpc-swiper .m-hero-enhanced-top .m-hero-enhanced-pt-toggle {
    margin: 0.5rem 0;
  }
}

@media (min-width: 1024px) and (max-width: 2560px) and (max-height: 850px) and (min-width: 1024px) {
  .mhpc-swiper .m-hero-enhanced-top .m-hero-enhanced-pt-toggle.pt-toggle-stack {
    gap: 0.25rem;
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 1024px) and (max-width: 2560px) and (max-height: 850px) and (min-width: 1440px) {
  .mhpc-swiper .m-hero-enhanced-top .m-hero-enhanced-pt-toggle.pt-toggle-stack {
    gap: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 1024px) and (max-width: 2560px) and (max-height: 850px) {
  .mhpc-swiper .m-hero-enhanced-content {
    padding-top: 2.5rem;
  }
  .mhpc-swiper .m-hero-enhanced-content .m-overlay-link {
    margin-top: 0.5rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 2560px) and (max-height: 850px) and (min-width: 1440px) {
  .mhpc-swiper .pt-toggle-stack {
    gap: 0.5rem;
  }
}

@media (min-width: 1024px) and (max-width: 2560px) and (max-height: 850px) {
  .mhpc-swiper .m-hero-enhanced-subhead {
    margin-top: 0;
  }
}

.m-hero-enhanced .m-overlay-review-module .modal-open {
  width: 100vw;
}

@media (min-width: 1024px) {
  body.chat-opened .m-hero-enhanced .m-overlay-review-module .modal-open {
    width: calc(100vw - 375px);
  }
}

.mhpc-swiper .m-hero-enhanced-top .m-hero-enhanced-contain,
.mhpc-swiper .m-hero-enhanced-bottom .m-hero-enhanced-contain {
  width: 100%;
  max-width: 88rem;
}

@media (min-width: 640px) {
  .mhpc-swiper .m-hero-enhanced-top .m-hero-enhanced-contain,
  .mhpc-swiper .m-hero-enhanced-bottom .m-hero-enhanced-contain {
    max-width: 86rem;
  }
}

@media (min-width: 1024px) {
  .mhpc-swiper .m-hero-enhanced-top .m-hero-enhanced-contain,
  .mhpc-swiper .m-hero-enhanced-bottom .m-hero-enhanced-contain {
    max-width: 84.75rem;
  }
}

@media (min-width: 1440px) {
  .mhpc-swiper .m-hero-enhanced-top .m-hero-enhanced-contain,
  .mhpc-swiper .m-hero-enhanced-bottom .m-hero-enhanced-contain {
    max-width: 81rem;
  }
}

.ips-lead-modal.modal {
  display: flex;
  position: relative !important;
}

.ips-lead-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1001;
}

.ips-lead-modal-box {
  z-index: 1002;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  margin: 0;
}

@media (min-width: 640px) {
  .ips-lead-modal-box {
    max-width: 40rem;
    margin: auto;
  }
}

.ips-lead-modal-box-content {
  width: 100%;
  scrollbar-width: none;
}

.ips-lead-modal-header {
  background-color: #f3f3f3;
  color: #002c5e;
  font-size: 1rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  display: flex;
  position: relative;
  justify-content: space-between;
  padding: 1.25rem 3rem 1.25rem 1rem;
}

@media (min-width: 640px) {
  .ips-lead-modal-header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.ips-lead-modal-header .modal-x {
  top: 20%;
}

.ips-lead-modal-heading {
  color: #333333;
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 400;
}

.ips-lead-modal-description {
  color: #333333;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.625rem;
  display: inline-flex;
}

.ips-lead-modal-description .ips-lead-heading-text {
  width: 80%;
}

.ips-lead-modal-description svg {
  width: 3.0625rem;
  height: 4.625rem;
  margin-left: auto;
}

.ips-lead-modal-body {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #888888;
  line-height: 1rem;
  padding: 1.5rem 1rem;
}

@media (min-width: 640px) {
  .ips-lead-modal-body {
    padding: 1.5rem 2rem;
  }
}

.ips-lead-modal-body > div {
  padding-bottom: 1rem;
  color: #666666;
}

@media (min-width: 640px) {
  .ips-lead-modal-form-user-info-fieldset {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .ips-lead-modal-form-user-info-fieldset .ips-lead-modal-form-hint {
    flex-basis: 100%;
    width: 100%;
  }
}

.ips-lead-modal-form-input-wrapper {
  width: 100%;
}

@media (min-width: 640px) {
  .ips-lead-modal-form-input-wrapper {
    width: 17.25rem;
  }
}

.ips-lead-modal-form-fieldset {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.25rem;
  border: none;
  padding: 0;
  margin: 0;
}

.ips-lead-modal-form-fieldset fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

.ips-lead-modal-form-hint {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #333333;
  padding-bottom: 1rem;
}

.ips-lead-form-astericks {
  color: #e63312;
}

.ips-lead-model-fieldset {
  margin-bottom: 1.5625rem;
}

.ips-lead-modal-form-label {
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: #333333;
  display: block;
  font-weight: 500;
  text-transform: capitalize;
}

.ips-lead-form-input-error input {
  border: 0.125rem solid #e63312 !important;
}

.ips-lead-form-input-error #ips-lead-form-consent, .ips-lead-form-input-error #consent-custom-checkbox {
  border: 0.125rem solid #e63312;
}

.ips-lead-modal-form-input {
  display: block;
  width: 100%;
  height: 2.75rem;
  font-size: 0.875rem;
  color: #666666;
  font-weight: 400;
  line-height: 1.25rem;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
  padding: 0.75rem;
}

.ips-lead-modal-form-input:hover {
  border-color: #00aad2;
}

.ips-lead-modal-form-input:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border: 0.125rem solid #00aad2;
}

.ips-lead-modal-form-contact-option {
  position: relative;
  color: #333333;
  margin: 0.625rem 0.625rem 0 0;
  display: inline-flex;
  align-items: flex-end;
}

.ips-lead-modal-form-custom-radio {
  display: flex;
  align-items: center;
}

.ips-lead-modal-form-radio-input:checked ~ .ips-lead-modal-form-custom-radio .form-radio-button {
  border-color: #00aad2;
}

.ips-lead-modal-form-radio-input:checked ~ .ips-lead-modal-form-custom-radio .form-radio-button:after {
  display: block;
}

.ips-lead-modal-phone-number-form {
  margin: 1.5rem auto;
}

.ips-lead-modal-phone-number-form-show {
  display: block;
}

@media (min-width: 640px) {
  .ips-lead-modal-phone-number-form .ips-lead-phone-number-input {
    width: 45%;
  }
}

.ips-lead-modal-phone-number-form-agreement {
  display: flex;
  margin: 1.5rem auto;
  position: relative;
  flex-wrap: wrap;
}

.ips-lead-modal-phone-number-form-agreement .form-checkbox-input:focus + .form-checkbox-box {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .ips-lead-modal-phone-number-form-agreement .form-checkbox-input:focus + .form-checkbox-box {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.ips-lead-modal-phone-number-form-text {
  margin-left: 1.5625rem;
  line-height: 1.25rem;
  flex-basis: 100%;
  width: 100%;
  color: #888888;
}

.ips-lead-modal-form-radio-button {
  position: relative;
  margin-right: 0.5rem;
  display: inline-block;
}

.ips-lead-modal-error-msg {
  color: #e63312;
  font-weight: 400;
  line-height: 0.875rem;
  margin-top: 0.25rem;
}

.ips-lead-modal-phone-error {
  margin-top: 0.5rem;
}

.ips-lead-form-cta-error {
  margin-top: 0.625rem;
}

.ips-lead-footer-text {
  position: relative;
  font-size: 0.75rem;
  font-weight: 400;
  color: #666666;
  line-height: 1rem;
  padding-top: 1.5rem;
}

.ips-lead-footer-text:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: #e6e6e6;
}

.ips-lead-footer-text a {
  color: #666666;
}

.ips-lead-footer-text a:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.ips-lead-form-zip-code {
  position: relative;
}

.ips-lead-form-zip-code .ips-lead-form-input-zipcode {
  padding-left: 2.25rem;
}

.ips-lead-form-zip-code .icon-location-thick {
  position: absolute;
  top: 50%;
  height: 2rem;
  margin-top: -1rem;
  margin-left: 0.75rem;
}

.ips-lead-form-zip-code .ips-lead-form-input-zipcode:disabled {
  background: none;
  border: none;
  font-weight: 700;
  padding-left: 1.5rem;
}

.ips-lead-form-zip-code .ips-lead-form-input-zipcode:disabled + svg {
  margin-left: 0;
}

.ips-lead-submit-btn {
  display: block;
  height: 2.75rem;
  padding: 0 1.75rem;
  margin-top: 1.875rem;
  font-size: 1rem;
  line-height: 1rem;
}

.ips-lead-submit-btn svg {
  display: inline-block;
  margin-left: 0.5rem;
}

.ips-lead-submit-btn:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  box-shadow: none;
}

.ips-lead-loading {
  display: flex;
  align-items: center;
  height: 2.75rem;
  margin-top: 1.875rem;
}

.ips-lead-loading-pc {
  display: flex;
  align-items: initial;
  margin-left: 30%;
}

.ips-lead-loading-indicator {
  position: relative;
  width: 1.5625rem;
  height: 1.5625rem;
  margin-right: 0.625rem;
}

.ips-lead-loading-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #888888;
  line-height: 1.25rem;
}

.ips-lead-form-dealer {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 100%;
  background-color: #e6e6e6;
  border-radius: 0.625rem;
  padding: 0.75rem;
  margin-bottom: 1.5rem;
  margin-top: 1.25rem;
}

.ips-lead-form-dealer .ips-lead-form-dealer-inner {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.ips-lead-form-dealer .ips-lead-form-dealer-name-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.375rem;
  text-transform: capitalize;
  color: #333333;
  padding-right: 0.5rem;
}

.ips-lead-form-dealer .ips-lead-form-distance {
  display: flex;
  gap: 0.5rem;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.ips-lead-form-legal {
  width: 100%;
  margin-top: 1.25rem;
}

.ips-lead-form-legal .ips-lead-modal-form-label {
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  display: block;
  margin-bottom: 0;
}

.ips-lead-form-legal a:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.ips-lead-modal-phone-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.ips-lead-form-custom-checkbox {
  display: flex;
  gap: 0.5rem;
}

.ips-lead-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1rem;
  height: 1rem;
  background-color: #ffffff;
  border: 0.09375rem solid #bababa;
  border-radius: 0.1875rem;
  cursor: pointer;
}

.ips-lead-custom-checkbox-button:hover {
  border-color: #00aad2;
}

.ips-lead-custom-checkbox-button:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border-color: #00aad2;
}

.ips-lead-custom-checkbox-label {
  display: block;
  font-weight: 400;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
  text-transform: none;
}

.ips-lead-custom-checkbox-label a {
  font-weight: 400;
  color: #666666;
}

.ips-lead-modal-phone-checkbox:checked ~ .ips-lead-form-custom-checkbox .ips-lead-custom-checkbox-button {
  border: 0.125rem solid #00aad2;
}

.ips-lead-modal-phone-checkbox:checked ~ .ips-lead-form-custom-checkbox .ips-lead-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0.25rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg) scale(0.8);
}

.ips-lead-modal-phone-checkbox:checked ~ .ips-lead-form-custom-checkbox .ips-lead-custom-checkbox-button {
  background-color: #00aad2 !important;
}

.ips-lead-modal-phone-checkbox:checked ~ .ips-lead-form-custom-checkbox .ips-lead-custom-checkbox-button:after {
  border: solid #ffffff;
  border-width: 0 0.125rem 0.125rem 0;
}

.ips-lead-form-opt-check {
  margin-top: 1rem;
  padding-top: 0;
}

.ips-lead-form-recaptcha-legal-container {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 0.0625rem solid #e6e6e6;
}

.ips-lead-form-recaptcha-legal-copy {
  position: relative;
  font-size: 0.75rem;
  font-weight: 500;
  color: #666666;
  line-height: 1rem;
}

.ips-lead-form-recaptcha-legal-copy a {
  color: #002c5e;
  text-decoration: none;
  display: inline-block;
  padding-right: 1.25rem;
}

.ips-lead-form-recaptcha-legal-copy a svg {
  display: inline-block;
  margin-left: 0.3125rem;
}

.ips-lead-form-recaptcha-legal-copy a:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.countdown-reveal {
  position: relative;
  overflow: hidden;
  text-align: center;
  max-width: 160rem;
  margin: 0 auto;
  height: auto;
}

.countdown-reveal-image {
  position: relative;
  overflow: hidden;
  text-align: center;
  max-width: 160rem;
  height: 15.9375rem;
  margin: 0 auto;
}

@media screen and (max-width: 639px) {
  .countdown-reveal-image {
    height: 14.3125rem;
  }
}

@media screen and (min-width: 1023px) {
  .countdown-reveal-image {
    height: 15.5625rem;
  }
}

.countdown-watch-now {
  position: relative;
  overflow: hidden;
  text-align: center;
  max-width: 160rem;
  margin: 0 auto;
  height: auto;
}

.countdown-watch-now button, .countdown-watch-now a {
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 639px) {
  .countdown-watch-now button, .countdown-watch-now a {
    margin-bottom: 2.5rem;
  }
}

.countdown-watch-now .vchm-cta {
  margin: auto;
}

.countdown-watch-now .vchm-cta a, .countdown-watch-now .vchm-cta button {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
}

.countdown-watch-now-image {
  position: relative;
  overflow: hidden;
  text-align: center;
  width: 100%;
  height: 11.1875rem;
  margin: 0 auto;
}

@media screen and (min-width: 640px) {
  .countdown-watch-now-image {
    height: 11.1875rem;
  }
}

@media screen and (min-width: 1023px) {
  .countdown-watch-now-image {
    height: 11.5rem;
  }
}

.countdown-watch-now-image .vchm-cta {
  margin: auto;
}

.countdown-watch-now-image .vchm-cta a, .countdown-watch-now-image .vchm-cta button {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
}

.countdown-reveal-light {
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
}

.countdown-reveal-light .countdown-clock {
  position: relative;
  color: #ffffff;
  margin: 2.25rem 0 auto 0;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

@media (min-width: 1023px) {
  .countdown-reveal-light .countdown-clock {
    margin: 2.5rem 0 auto 0;
    font-size: 1.875rem;
    line-height: 1.5625rem;
  }
}

@media screen and (max-width: 640px) {
  .countdown-reveal-light .text {
    margin-top: 0.5rem;
  }
}

.countdown-reveal-footer-links {
  margin-bottom: 1.625rem;
  position: relative;
}

.countdown-reveal-footer-links a {
  display: inline-block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  text-decoration: none;
}

.countdown-reveal-footer-links svg {
  display: inline-block;
  font-size: 0.625rem;
  fill: #ffffff;
  margin-left: 0.4375rem;
  width: 0.875rem;
  height: 1rem;
}

@media screen and (min-width: 640px) {
  .countdown-reveal-footer-links {
    margin-bottom: 1.625rem;
  }
}

@media screen and (min-width: 1023px) {
  .countdown-reveal-footer-links {
    margin-bottom: 2.5rem;
  }
}

.countdown-reveal-background-image {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  margin: 0 auto;
}

.countdown-reveal-background-image picture {
  display: block;
  line-height: 0;
}

.countdown-reveal-img-container {
  display: block;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.countdown-reveal-dark {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
}

.countdown-reveal-dark .countdown-clock {
  position: relative;
  color: #333333;
  margin: 2.25rem 0 auto 0;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

@media screen and (min-width: 1023px) {
  .countdown-reveal-dark .countdown-clock {
    margin: 2.5rem 0 auto 0;
    font-size: 1.875rem;
    line-height: 1.5625rem;
  }
}

@media screen and (max-width: 640px) {
  .countdown-reveal-dark .text {
    margin-top: 0.5rem;
  }
}

.countdown-reveal-dark .countdown-reveal-footer-links a {
  color: #002c5e;
}

.countdown-reveal-dark svg {
  fill: #002c5e;
}

.countdown-reveal-dark .vchm-cta a, .countdown-reveal-dark .vchm-cta button {
  color: #ffffff;
}

.countdown-reveal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  width: 100%;
  background: none;
}

.countdown-reveal-content button, .countdown-reveal-content a {
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 1023px) {
  .countdown-reveal-content button, .countdown-reveal-content a {
    margin-bottom: 2.5rem;
  }
}

.countdown-reveal-content-center {
  position: relative;
  margin: 1.375rem auto 1.375rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  max-width: 17.5rem;
}

@media screen and (min-width: 640px) {
  .countdown-reveal-content-center {
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.25rem;
    max-width: 43.75rem;
    margin: 1.5rem auto 1.375rem;
  }
}

.countdown-reveal-heading-text {
  font-weight: 500;
  letter-spacing: 0;
  font-size: 1.875rem;
  line-height: 2.25rem;
  max-width: 160rem;
}

@media screen and (max-width: 640px) {
  .countdown-reveal-heading-text {
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-top: 1.5rem;
    max-width: 22.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .countdown-reveal-heading-text {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-top: 2.5rem;
    max-width: 160rem;
  }
}

.countdown-reveal-subtext {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  max-width: 160rem;
  margin: 0.3125rem auto 0 auto;
  font-weight: 500;
  letter-spacing: 0;
}

@media screen and (max-width: 640px) {
  .countdown-reveal-subtext {
    max-width: 20rem;
  }
}

.competitor-conquest-header {
  display: flex;
  justify-content: space-between;
}

.competitor-conquest-header p {
  position: relative;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: left;
  color: #888888;
}

@media (max-width: 640px) {
  .competitor-conquest-header p {
    width: 8.125rem;
  }
}

.competitor-conquest-header p:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.125rem;
  width: 1.5rem;
  background-color: #888888;
}

.competitor-conquest-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  text-align: center;
  color: #333333;
  padding-top: 2rem;
}

@media (max-width: 639px) {
  .competitor-conquest-title {
    padding-left: 1.4375rem;
    padding-right: 1.4375rem;
  }
}

@media (min-width: 1024px) {
  .competitor-conquest-title {
    padding-top: 3rem;
  }
}

@media (min-width: 1440px) {
  .competitor-conquest-title {
    padding-top: 4.5rem;
  }
}

.competitor-conquest-title h2 {
  font-size: 1.875rem;
  line-height: 1.875rem;
  font-weight: 500;
}

.competitor-conquest-title-text {
  color: #666666;
  padding-top: 0.75rem;
}

@media (max-width: 639px) {
  .competitor-conquest-title-text {
    padding-top: 1rem;
  }
}

.competitor-conquest-title-text p {
  font-size: 1rem;
  line-height: 1.375rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
}

.competitor-conquest-title-text .tooltip-trigger {
  margin-left: 0.75rem;
}

@media (max-width: 640px) {
  .competitor-conquest-title-text .tooltip-trigger {
    margin-left: 0;
  }
}

.conquest-competitor-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

@media (min-width: 640px) {
  .conquest-competitor-wrapper {
    padding: 2rem 3rem;
  }
}

@media (min-width: 1024px) {
  .conquest-competitor-wrapper {
    padding: 3rem 4.5rem;
  }
}

@media (min-width: 1440px) {
  .conquest-competitor-wrapper {
    padding: 4.5rem 7.5rem;
  }
}

.conquest-competitor-slick .slick-track {
  display: flex;
}

.conquest-competitor-slick .slick-slide {
  height: inherit;
}

.conquest-competitor-slick .slick-slide > div {
  height: 100%;
}

.conquest-competitor-slick .ccc-item-container {
  height: inherit;
}

.conquest-competitor-slick .ccc-item-container .ccc-item {
  height: inherit;
  position: relative;
}

.display-horizontal .tooltip-trigger {
  margin-left: 0;
}

@media (max-width: 639px) {
  .display-horizontal .competitor-conquest-title {
    padding-left: 1.4375rem;
    padding-right: 1.4375rem;
  }
}

@media (min-width: 1024px) {
  .display-horizontal .competitor-conquest-title {
    padding-top: 3rem;
  }
}

@media (min-width: 1440px) {
  .display-horizontal .competitor-conquest-title {
    padding-top: 4.5rem;
  }
}

@media (min-width: 1024px) {
  .display-horizontal .competitor-conquest-title {
    text-align: left;
    padding-left: 8.4375rem;
    padding-right: 8.4375rem;
  }
  .display-horizontal .competitor-conquest-title-text {
    max-width: 33%;
  }
  .display-horizontal .competitor-conquest-container-image {
    display: inline-block;
    width: 43%;
    vertical-align: top;
  }
  .display-horizontal .conquest-competitor-carousel {
    display: inline-block;
    width: 55%;
    background-color: #ffffff;
  }
  .display-horizontal .conquest-competitor-slick {
    padding: 2.5rem 0 1.25rem;
    background-color: #f3f3f3;
    margin: 0 auto 0 0;
  }
  .display-horizontal .conquest-competitor-carousel-nav {
    padding: 1.5625rem 0 0 0;
  }
  .display-horizontal .ccc-item-name {
    padding: 1.625rem 0.3125rem 1.75rem 0;
  }
}

@media (min-width: 1024px) {
  .display-horizontal .slick-current + .slick-active + .slick-active .ccc-item {
    border-right: 0 !important;
  }
}

.competitor-conquest-container-image {
  display: flex;
  justify-content: center;
}

.conquest-competitor-carousel {
  width: 100%;
  background-color: #f3f3f3;
}

@media (max-width: 1023px) {
  .conquest-competitor-carousel {
    padding-top: 1.4375rem;
  }
}

@media (min-width: 1024px) {
  .conquest-competitor-slick {
    padding: 2.5rem 8% 0 13%;
    max-width: 1440px;
    margin: 0 auto;
  }
  .conquest-competitor-slick .slick-current .ccc-item,
  .conquest-competitor-slick .slick-current + .slick-active .ccc-item,
  .conquest-competitor-slick .slick-current + .slick-active + .slick-active .ccc-item {
    border-right: 0.0625rem solid #888888;
  }
  .conquest-competitor-slick .ccc-item-img-container {
    padding-top: 0.625rem;
  }
  .conquest-competitor-slick .ccc-item-img {
    transform: scale(1.3);
  }
}

@media (min-width: 640px) {
  .conquest-competitor-slick .slick-current .ccc-item {
    border-right: 0.0625rem solid #888888;
  }
}

.ccc-item-img-container [data-smco-video]:after {
  width: 3.75rem;
  height: 3.75rem;
}

.ccc-item-name {
  padding: 1.625rem 0.3125rem 1.875rem;
  text-align: center;
}

@media (max-width: 640px) {
  .ccc-item-name {
    padding: 1.25rem 3.125rem 1.875rem;
  }
}

.ccc-item-name p {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  color: #666666;
}

@media (min-width: 640px) {
  .ccc-item-name p {
    text-align: center;
  }
}

.ccc-item-link,
.ccc-item-video-link {
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.ccc-item-video-heading {
  padding: 1.375rem 0.3125rem 1.875rem;
  text-align: center;
}

@media (max-width: 640px) {
  .ccc-item-video-heading {
    padding: 0.9375rem 3.125rem 1.875rem;
  }
}

.ccc-item-video-heading p {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  color: #666666;
}

@media (min-width: 640px) {
  .ccc-item-video-heading p {
    text-align: center;
  }
}

.ccc-item-compare-link {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  text-decoration: none;
  color: #002c5e;
  line-height: 1.25rem;
  display: initial;
}

.ccc-item-compare-link svg {
  margin-left: 0.4375rem;
  width: 0.5rem;
  height: 0.625rem;
  fill: currentColor;
  display: inline-block;
  vertical-align: middle;
}

button.ccc-item-compare-link {
  padding-top: 0.625rem;
}

.conquest-competitor-carousel-nav {
  display: flex;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  padding: 2.5rem 0 2.5rem;
  position: static;
}

@media (max-width: 639px) {
  .conquest-competitor-carousel-nav {
    padding: 1.875rem 0 2.5rem;
    justify-content: space-between;
  }
}

.conquest-competitor-carousel-nav .ccc-slick-nav-prev,
.conquest-competitor-carousel-nav .ccc-slick-nav-h-prev {
  padding-right: 0.9375rem;
}

@media (min-width: 1024px) {
  .conquest-competitor-carousel-nav .ccc-slick-nav-prev,
  .conquest-competitor-carousel-nav .ccc-slick-nav-h-prev {
    padding: 0 1.8125rem;
  }
}

@media (max-width: 639px) {
  .conquest-competitor-carousel-nav .ccc-slick-nav-prev,
  .conquest-competitor-carousel-nav .ccc-slick-nav-h-prev {
    padding-left: 0.9375rem;
  }
}

.conquest-competitor-carousel-nav .ccc-slick-nav-next,
.conquest-competitor-carousel-nav .ccc-slick-nav-h-next {
  padding-left: 0.9375rem;
}

@media (min-width: 1024px) {
  .conquest-competitor-carousel-nav .ccc-slick-nav-next,
  .conquest-competitor-carousel-nav .ccc-slick-nav-h-next {
    padding: 0 1.8125rem;
  }
}

@media (max-width: 639px) {
  .conquest-competitor-carousel-nav .ccc-slick-nav-next,
  .conquest-competitor-carousel-nav .ccc-slick-nav-h-next {
    padding-right: 0.9375rem;
  }
}

.conquest-carousel-slick-prev-mobile svg,
.conquest-carousel-slick-next-mobile svg {
  height: 1.875rem;
}

.conquest-carousel-slick-prev-mobile.slick-disabled,
.conquest-carousel-slick-next-mobile.slick-disabled {
  color: #bababa;
}

.conquest-competitor-carousel-dots-container .slick-dots,
.conquest-competitor-carousel-dots-container-horizontal .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.conquest-competitor-carousel-dots-container .slick-active button,
.conquest-competitor-carousel-dots-container-horizontal .slick-active button {
  background-color: #00aad2;
}

.conquest-competitor-carousel-dots-container button,
.conquest-competitor-carousel-dots-container-horizontal button {
  background-color: #888888;
  border-radius: 50%;
  color: transparent;
  display: inline-block;
  height: 0.5625rem;
  width: 0.5625rem;
}

.conquest-competitor-carousel-dots-container button::selection,
.conquest-competitor-carousel-dots-container-horizontal button::selection {
  color: transparent;
}

.conquest-competitor-carousel-dots-container button:focus,
.conquest-competitor-carousel-dots-container-horizontal button:focus {
  outline-width: 0.09375rem;
  outline-style: solid;
  outline-offset: 0.25rem;
}

@media (min-width: 640px) {
  .conquest-competitor-carousel-dots-container button:focus,
  .conquest-competitor-carousel-dots-container-horizontal button:focus {
    outline-width: 0.09375rem;
    outline-style: none;
    outline-offset: 0.25rem;
  }
}

.conquest-competitor-carousel-dots-container li,
.conquest-competitor-carousel-dots-container-horizontal li {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0.625rem;
  border: 0.0625rem solid transparent;
}

@media (min-width: 640px) {
  .conquest-competitor-carousel-dots-container li,
  .conquest-competitor-carousel-dots-container-horizontal li {
    padding: 0.625rem 0.9375rem;
  }
}

@media (min-width: 640px) {
  .conquest-competitor-carousel-dots-container li.slick-active,
  .conquest-competitor-carousel-dots-container-horizontal li.slick-active {
    border-color: #002c5e;
    border-radius: 1rem;
    padding: 0.625rem 0.9375rem;
  }
  .conquest-competitor-carousel-dots-container li.slick-active:before,
  .conquest-competitor-carousel-dots-container-horizontal li.slick-active:before {
    content: '';
    background-color: #00aad2;
    border-radius: 50%;
    color: transparent;
    height: 0.5625rem;
    margin-right: 2rem;
    width: 0.5625rem;
  }
}

@media (min-width: 1024px) {
  .conquest-competitor-carousel-dots-container li.slick-active:after,
  .conquest-competitor-carousel-dots-container-horizontal li.slick-active:after {
    content: '';
    background-color: #00aad2;
    border-radius: 50%;
    color: transparent;
    height: 0.5625rem;
    margin-left: 4.5rem;
    width: 0.5625rem;
  }
}

@media (min-width: 640px) {
  .conquest-competitor-carousel-dots-container-horizontal li.slick-active {
    border-color: #002c5e;
    border-radius: 1rem;
    padding: 0.625rem 0.9375rem;
  }
  .conquest-competitor-carousel-dots-container-horizontal li.slick-active:before {
    content: '';
    background-color: #00aad2;
    border-radius: 50%;
    color: transparent;
    height: 0.5625rem;
    margin-right: 2rem;
    width: 0.5625rem;
  }
}

@media (min-width: 1201px) {
  .conquest-competitor-carousel-dots-container-horizontal li.slick-active:after {
    content: '';
    background-color: #00aad2;
    border-radius: 50%;
    color: transparent;
    height: 0.5625rem;
    margin-left: 4.5rem;
    width: 0.5625rem;
  }
}

@media (min-width: 1024px) {
  .conquest-competitor-carousel-dots-container-horizontal li.slick-active:after {
    margin-left: 2rem;
  }
}

@media (min-width: 1024px) {
  .conquest-competitor-carousel-dots-container li.slick-active button:before {
    content: '';
    background-color: #00aad2;
    border-radius: 50%;
    color: transparent;
    height: 0.5625rem;
    margin-left: 2.5rem;
    width: 0.5625rem;
    display: list-item;
  }
}

#dg360rte {
  display: flex;
  justify-content: center;
}

#dg360rte[v-cloak] {
  display: none;
}

.dg-360-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1280px;
}

#loading {
  position: absolute;
  width: 100%;
  height: 100%;
}

#loading.show {
  z-index: 1000;
  cursor: wait;
}

#loading.hide {
  display: none;
}

.dg-top-menu {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0.9375rem;
}

@media (min-width: 1024px) {
  .dg-top-menu {
    padding: 0.9375rem 2.8125rem;
  }
}

.dg-top-menu-right {
  display: flex;
}

/* PANELS */
.dg-trim-panel {
  display: none;
}

.dg-enviroment-panel {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 0.125rem;
}

@media (min-width: 1024px) {
  .dg-enviroment-panel {
    margin-bottom: 0.5rem;
  }
}

.dg-enviroment-panel label {
  margin-right: 1.25rem;
  cursor: pointer;
}

.dg-enviroment-panel label:last-child {
  margin-right: 0;
}

.dg-enviroment-panel input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.dg-enviroment-panel input:disabled ~ .box {
  display: none;
}

.dg-enviroment-panel input:hover ~ .box svg,
.dg-enviroment-panel input:checked ~ .box svg {
  fill: none;
  stroke: #00aad2;
}

.dg-enviroment-panel svg {
  width: 100%;
  height: auto;
  align-self: flex-end;
  fill: none;
  stroke: #333333;
}

.dg-enviroment-panel .box {
  display: flex;
  align-self: flex-end;
  width: 1.75rem;
  height: 1.75rem;
}

@media (min-width: 1024px) {
  .dg-enviroment-panel .box {
    width: 2.25rem;
    height: 2.25rem;
  }
}

.dg-enviroment-panel .box h1, .dg-enviroment-panel .box h2, .dg-enviroment-panel .box h3, .dg-enviroment-panel .box div {
  display: none;
}

.dg-enviroment-panel-icons {
  display: none;
}

/* LABELS */
.dg-enviroment-label {
  min-height: 1.0625rem;
  /* This can probably be removed later */
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.8125rem;
  color: #333333;
  line-height: 1rem;
}

@media (min-width: 1024px) {
  .dg-enviroment-label {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

.dg-viewport {
  position: relative;
  display: flex;
  width: 100%;
  height: 20rem;
}

@media (min-width: 1024px) {
  .dg-viewport {
    height: 35.9375rem;
  }
}

.dg-viewport-images div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}

.dg-viewport-images div.trackpadShow {
  opacity: 1;
}

.dg-viewport-images div.trackpadHide {
  opacity: 0;
}

.dg-viewport-images div.trackpadFadeIn {
  opacity: 1;
  transition: all 0.5s ease;
}

.dg-viewport-images div.trackpadFadeOut {
  opacity: 0;
  transition: all 0.5s ease;
}

.dg-viewport-game {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}

.dg-viewport-game.canvasShow {
  opacity: 1;
}

.dg-viewport-game.canvasHide {
  opacity: 0;
  transition: all 0.25s ease;
}

.dg-viewport-game canvas {
  position: absolute;
}

.dg-viewport-loading-image {
  position: fixed;
  width: 100%;
  height: 100%;
}

.dg-viewport-drag-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.5625rem;
  color: #ffffff;
  line-height: 0.6875rem;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

@media (min-width: 640px) {
  .dg-viewport-drag-image {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

.dg-viewport-drag-image-svg {
  width: 1.875rem;
  height: 1.875rem;
  margin-bottom: 0.4375rem;
}

@media (min-width: 640px) {
  .dg-viewport-drag-image-svg {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 0.625rem;
  }
}

.dg-viewport-drag-image-svg svg {
  width: 100%;
  height: 100%;
  fill: #ffffff;
}

.dg-viewport-drag-image-svg:hover {
  transform: scale(1.3);
}

.dg-viewport-zoom-image {
  position: absolute;
  right: 1.0625rem;
  bottom: 1.0625rem;
  width: 1.125rem;
  height: 1.125rem;
}

@media (min-width: 1024px) {
  .dg-viewport-zoom-image {
    right: 1.3125rem;
    bottom: 1.3125rem;
    width: 1.875rem;
    height: 1.875rem;
  }
}

.dg-viewport-zoom-image:hover {
  transform: scale(1.3);
}

.dg-viewport-zoom-in svg,
.dg-viewport-zoom-out svg {
  width: 100%;
  height: 100%;
  fill: #ffffff;
  stroke: #ffffff;
}

.dg-viewport-zoom-image-dark .dg-viewport-zoom-in svg,
.dg-viewport-zoom-image-dark .dg-viewport-zoom-out svg {
  fill: #333333;
  stroke: #333333;
}

.dg-bottom-menu {
  display: flex;
  flex-direction: column;
  padding: 0.9375rem;
}

@media (min-width: 640px) {
  .dg-bottom-menu {
    flex-direction: row;
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .dg-bottom-menu {
    padding: 0.9375rem 2.8125rem;
  }
}

.dg-bottom-menu-left {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .dg-bottom-menu-left {
    flex-direction: row;
  }
}

.dg-bottom-menu-right {
  display: flex;
}

.dg-bottom-section {
  margin-bottom: 0.75rem;
}

@media (min-width: 1024px) {
  .dg-bottom-section {
    margin-bottom: 0;
  }
}

/* PANELS */
.dg-exterior-panel,
.dg-interior-panel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 0.125rem;
}

@media (min-width: 1024px) {
  .dg-exterior-panel,
  .dg-interior-panel {
    margin-bottom: 0.5rem;
  }
}

.dg-exterior-panel label,
.dg-interior-panel label {
  cursor: pointer;
}

.dg-exterior-panel input,
.dg-interior-panel input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.dg-exterior-panel input:checked ~ .box,
.dg-interior-panel input:checked ~ .box {
  width: 3rem;
  height: 1.875rem;
}

@media (min-width: 1024px) {
  .dg-exterior-panel input:checked ~ .box,
  .dg-interior-panel input:checked ~ .box {
    width: 4rem;
    height: 2.5rem;
  }
}

.dg-exterior-panel input:disabled ~ .box,
.dg-interior-panel input:disabled ~ .box {
  display: none;
}

.dg-exterior-panel .box,
.dg-interior-panel .box {
  width: 1.5rem;
  height: 0.9375rem;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .dg-exterior-panel .box,
  .dg-interior-panel .box {
    width: 2.25rem;
    height: 1.25rem;
  }
}

.dg-exterior-panel .box h1, .dg-exterior-panel .box h2, .dg-exterior-panel .box h3,
.dg-interior-panel .box h1,
.dg-interior-panel .box h2,
.dg-interior-panel .box h3 {
  display: none;
}

.dg-exterior-panel .box img,
.dg-interior-panel .box img {
  width: 100%;
  height: 100%;
}

@media (min-width: 640px) {
  .dg-exterior-panel {
    margin-right: 2.8125rem;
  }
}

.dg-camera-panel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 0.125rem;
}

@media (min-width: 1024px) {
  .dg-camera-panel {
    margin-bottom: 0.5rem;
  }
}

.dg-camera-panel label {
  margin-right: 1.25rem;
  cursor: pointer;
}

.dg-camera-panel label:last-child {
  margin-right: 0;
}

.dg-camera-panel input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.dg-camera-panel input:disabled ~ .box {
  display: none;
}

.dg-camera-panel input:hover ~ .box svg,
.dg-camera-panel input:checked ~ .box svg {
  fill: none;
  stroke: #00aad2;
}

.dg-camera-panel svg {
  width: 100%;
  height: auto;
  align-self: flex-end;
  fill: none;
  stroke: #333333;
}

.dg-camera-panel .box {
  display: flex;
  align-self: flex-end;
  width: 1.75rem;
  height: 1.75rem;
}

@media (min-width: 1024px) {
  .dg-camera-panel .box {
    width: 2.25rem;
    height: 2.25rem;
  }
}

.dg-camera-panel .box h1, .dg-camera-panel .box h2, .dg-camera-panel .box h3, .dg-camera-panel .box div {
  display: none;
}

.dg-camera-panel-icons {
  display: none;
}

/* LABELS */
.dg-exterior-label,
.dg-interior-label,
.dg-camera-label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.8125rem;
  color: #333333;
  line-height: 1rem;
}

@media (min-width: 1024px) {
  .dg-exterior-label,
  .dg-interior-label,
  .dg-camera-label {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

.dg-custom-trim-panel {
  position: relative;
  z-index: 1;
  margin-right: 1.25rem;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.dg-custom-dropdown-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  border: 0.0625rem solid #666666;
  padding: 0.3125rem 1.875rem 0.3125rem 0.625rem;
}

@media (min-width: 1024px) {
  .dg-custom-dropdown-button {
    padding: 0.5625rem 3.25rem 0.3125rem 0.9375rem;
  }
}

.dg-custom-dropdown-button-title {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.625rem;
  color: #333333;
  line-height: 0.75rem;
}

@media (min-width: 1024px) {
  .dg-custom-dropdown-button-title {
    font-size: 0.75rem;
    line-height: 0.9375rem;
  }
}

.dg-custom-dropdown-button-trim {
  height: 1rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1rem;
}

@media (min-width: 1024px) {
  .dg-custom-dropdown-button-trim {
    height: 1.875rem;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.dg-custom-dropdown-button-trim span {
  font-weight: 700;
}

.dg-custom-dropdown-button-arrow {
  position: absolute;
  top: 1.4375rem;
  right: 0.625rem;
}

@media (min-width: 1024px) {
  .dg-custom-dropdown-button-arrow {
    top: 2.25rem;
    right: 0.75rem;
  }
}

.dg-custom-dropdown-button-arrow svg {
  fill: #002c5e;
  width: 0.375rem;
  height: 0.25rem;
}

@media (min-width: 1024px) {
  .dg-custom-dropdown-button-arrow svg {
    width: 0.75rem;
    height: 0.5rem;
  }
}

.dg-custom-trim-dropdown {
  position: absolute;
  top: -0.9375rem;
  left: 0.9375rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: #f3f3f3;
  box-shadow: 0 0.0625rem 0.375rem 0 rgba(211, 211, 211, 0.5);
  z-index: 2;
}

@media (min-width: 1024px) {
  .dg-custom-trim-dropdown {
    left: 2.8125rem;
  }
}

.dg-custom-trim-dropdown-items {
  padding: 0.6875rem 0 0.6875rem;
}

@media (min-width: 1024px) {
  .dg-custom-trim-dropdown-items {
    padding: 1rem 0 1rem;
  }
}

.dg-custom-trim-dropdown-item {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.5625rem;
  color: #666666;
  line-height: 1.25rem;
  padding: 0 0.6875rem 0 0.6875rem;
}

@media (min-width: 1024px) {
  .dg-custom-trim-dropdown-item {
    font-size: 0.875rem;
    line-height: 1.875rem;
    padding: 0 2.5625rem 0 1rem;
  }
}

.dg-custom-trim-dropdown-item:hover {
  background-color: #ffffff;
}

.dg-custom-trim-dropdown-item:hover .dg-custom-trim-item {
  color: #002c5e;
}

.dg-custom-trim-dropdown-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.trim-item-active {
  font-weight: 500;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  background-color: #ffffff;
}

@media (min-width: 1024px) {
  .trim-item-active {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.trim-item-active:hover {
  background-color: #ffffff;
}

.trim-item-active:hover .dg-custom-trim-item {
  color: #002c5e;
}

.trim-item-active .dg-custom-trim-item span {
  font-weight: 700;
}

.dg-custom-trim-item {
  position: relative;
  flex-shrink: 0;
}

.dg-custom-trim-item span {
  font-weight: 700;
}
.mro {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mro-left {
  justify-content: flex-start;
}

.mro-right {
  justify-content: flex-end;
}

.m-hero-enhanced-content-left .mro {
  justify-content: flex-start;
}

.m-hero-enhanced-content-right .mro {
  justify-content: flex-end;
}

.mro-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  margin-top: 0.625rem;
  -webkit-tap-highlight-color: transparent;
}

.mro-button-stars {
  display: flex;
  gap: 0.125rem;
}

.mro-button-stars svg {
  fill: var(--button-star-color);
}

.mro-button-copy {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.375rem;
}

.mro-button-copy svg {
  width: 0.875rem;
  height: 0.625rem;
  color: var(--button-svg-color);
}

.mro-decision-tree .mro-button {
  margin: 0;
}

.mro-decision-tree .mro-button-copy {
  font-weight: 700;
  line-height: 1.0625rem;
}

@media (min-width: 640px) {
  .mro-decision-tree .mro-button-copy {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

.mro-expanded-image-card .mro-button {
  margin: 0;
  padding: 0.3125rem 0 0.625rem;
}

.mro-expanded-image-card .mro-button-copy {
  font-weight: 900;
}

.mro-inventory {
  justify-content: flex-start;
}

.mro-inventory .mro-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.625rem;
  margin: 0.625rem 0;
}

@media (min-width: 1024px) {
  .mro-inventory .mro-button {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    margin: 1rem 0 0 0;
  }
}

.mro-inventory .mro-button-stars {
  height: 0.875rem;
  gap: 0.625rem;
}

.mro-inventory .mro-button-stars svg {
  width: auto;
  height: 0.875rem;
  margin: 0;
}

.mro-inventory .mrob-button-copy {
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.mro-modal-reviews {
  width: 100%;
  position: fixed;
  top: 50vh;
  left: 50vw;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(-50%, -50%);
  z-index: 1002;
}

.mro .mro-reviews-swiper {
  width: 100%;
}

.mro .mro-wrapper {
  position: relative;
  margin-top: 0.625rem;
}

@media (min-width: 1024px) {
  .mro .mro-wrapper {
    display: none !important;
  }
}

.mro .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin: 0;
  text-align: center;
  bottom: -0.625rem;
}

.mro .swiper-pagination-horizontal .swiper-pagination-bullet {
  background: #888888;
  height: 0.5625rem;
  width: 0.5625rem;
  opacity: 1;
}

.mro .swiper-pagination-horizontal .swiper-pagination-bullet-active {
  background: #00aad2;
}

.mro .swiper-button-prev,
.mro .swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0.75rem;
  bottom: 0;
  width: 0.625rem;
  height: 2rem;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.875rem;
  color: #002c5e;
  z-index: 99;
}

.mro .swiper-button-prev:after,
.mro .swiper-button-next:after {
  content: '';
}

.mro .swiper-button-prev:focus,
.mro .swiper-button-next:focus {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.mro .swiper-button-prev svg,
.mro .swiper-button-next svg {
  fill: currentColor;
  height: 100%;
  width: 100%;
  margin-left: 0;
}

.mro .swiper-button-prev {
  left: 0;
}

.mro .swiper-button-next {
  right: 0;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .mro-modal-reviews {
    width: calc(100% - 375px);
    left: calc(50% - 375px);
    transform: translate(calc(-50% + calc(375px / 2)), -50%);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mro-modal-reviews {
    width: calc(100% - 375px);
    left: calc(50% - 375px);
    transform: translate(calc(-50% + calc(375px / 2)), -50%);
  }
}

.mro-modal-reviews-scroll {
  max-height: 100vh;
  overflow: hidden;
  overflow-y: auto;
}

.mro-modal-reviews-inner {
  width: 100vw;
  max-width: 99rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #f3f3f3;
  padding: 2.5rem 1rem;
}

@media (min-width: 640px) {
  .mro-modal-reviews-inner {
    padding: 2.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .mro-modal-reviews-inner {
    padding: 3.5rem 2.625rem 3.9375rem;
  }
}

@media (min-width: 1440px) {
  .mro-modal-reviews-inner {
    padding: 3.5rem 4.5rem 3.9375rem;
  }
}

body.chat-opened .mro-modal-reviews-inner {
  width: 100%;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .mro-modal-reviews-inner {
    padding: 2.5rem 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mro-modal-reviews-inner {
    padding: 2.5rem 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-modal-reviews-inner {
    padding: 3.5rem 2.625rem 3.9375rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .mro-modal-reviews-inner {
    padding: 3.5rem 4.5rem 3.9375rem;
  }
}

.mro-modal-reviews-header {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 0.0625rem solid #bababa;
  margin-bottom: 2rem;
}

@media (min-width: 1024px) {
  .mro-modal-reviews-header {
    border: 0;
    margin-bottom: 3.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mro-modal-reviews-header {
    border-bottom: 0.0625rem solid #bababa;
    margin-bottom: 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-modal-reviews-header {
    border: 0;
    margin-bottom: 3.5rem;
  }
}

.mro-modal-reviews-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.875rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .mro-modal-reviews-headline {
    font-size: 1.875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mro-modal-reviews-headline {
    font-size: 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-modal-reviews-headline {
    font-size: 1.875rem;
  }
}

.mro-modal-reviews-stars {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 0.3125rem;
  margin: 0.5rem 0 0.25rem;
}

.mro-modal-reviews-stars svg {
  width: 1.875rem !important;
  height: 1.875rem !important;
  display: block !important;
  fill: var(--header-star-color);
  margin: 0 !important;
}

.mro-modal-reviews-overall {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.375rem;
}

.mro-modal-reviews-total {
  font-size: 0.875rem;
  font-weight: 500;
  color: #002c5e;
  line-height: 1rem;
  text-decoration: none;
  padding: 1.25rem 0 2rem;
  -webkit-tap-highlight-color: transparent;
}

@media (min-width: 1024px) {
  .mro-modal-reviews-total {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 1.25rem 0 1.6875rem;
  }
}

@media (min-width: 1440px) {
  .mro-modal-reviews-total {
    right: 4.5rem;
  }
}

.mro-modal-reviews-total svg {
  width: 0.625rem;
  height: 0.625rem;
  display: inline-block;
  margin-left: 0.125rem !important;
}

@media (min-width: 1024px) {
  body.chat-opened .mro-modal-reviews-total {
    position: relative;
    bottom: auto;
    right: auto;
    padding: 1.25rem 0 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-modal-reviews-total {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 1.25rem 0 1.6875rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .mro-modal-reviews-total {
    right: 4.5rem;
  }
}

.mro-modal-reviews-body {
  width: 100%;
  max-width: 67.375rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {
  .mro-modal-reviews-body {
    margin-bottom: 5.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mro-modal-reviews-body {
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-modal-reviews-body {
    margin-bottom: 5.25rem;
  }
}

.mro-modal-reviews-review {
  text-align: left;
}

.mro-modal-reviews-review-stars {
  display: flex;
  gap: 0.3125rem;
  margin-bottom: 0.25rem;
}

.mro-modal-reviews-review-stars svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  display: block !important;
  fill: var(--body-star-color);
  margin: 0 !important;
}

.mro-modal-reviews-review-date {
  font-size: 0.875rem;
  font-weight: 500;
  color: #888888;
  line-height: 1.25rem;
  margin-bottom: 1.25rem;
}

.mro-modal-reviews-review-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.4375rem;
  margin-bottom: 0.5rem;
}

.mro-modal-reviews-review-copy {
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.375rem;
  margin-bottom: 0.75rem;
}

.mro-modal-reviews-review-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
}

@media (min-width: 1024px) {
  body.chat-opened .mro-modal-reviews-swiper-nav {
    display: flex;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-modal-reviews-swiper-nav {
    display: none;
  }
}

.mro-modal-reviews-footer {
  width: 100%;
  max-width: 90rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 1.5rem;
}

@media (min-width: 1024px) {
  .mro-modal-reviews-footer {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 4.25rem;
    padding: 0;
  }
}

@media (min-width: 1440px) {
  .mro-modal-reviews-footer {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mro-modal-reviews-footer {
    flex-direction: column;
    gap: 0.5rem;
    padding: 0 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-modal-reviews-footer {
    flex-direction: row;
    align-items: center;
    gap: 4.25rem;
    padding: 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .mro-modal-reviews-footer {
    padding: 0 4.5rem;
  }
}

.mro-modal-reviews-disclaimer {
  order: 2;
  font-size: 0.875rem;
  font-weight: 500;
  color: #bababa;
  line-height: 1.25rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .mro-modal-reviews-disclaimer {
    order: 1;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mro-modal-reviews-disclaimer {
    order: 2;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-modal-reviews-disclaimer {
    order: 1;
  }
}

.mro-modal-reviews-logo {
  order: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.mro-modal-reviews-logo img {
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  .mro-modal-reviews-logo img {
    gap: 0.5rem;
  }
}

@media (min-width: 1024px) {
  .mro-modal-reviews-logo {
    order: 2;
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mro-modal-reviews-logo {
    order: 1;
    flex-direction: column;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-modal-reviews-logo {
    order: 2;
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mro-modal-reviews-logo img {
    gap: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-modal-reviews-logo img {
    gap: 0.5rem;
  }
}

.mro-modal-reviews-logo-copy {
  width: 100%;
  font-size: 0.875rem;
  font-weight: 500;
  color: #bababa;
  line-height: 1.25rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .mro-modal-reviews-logo-copy {
    max-width: 6.75rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mro-modal-reviews-logo-copy {
    max-width: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mro-modal-reviews-logo-copy {
    max-width: 6.75rem;
  }
}

.mro-modal-background {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1001;
}

@media (min-width: 1024px) {
  .mro-modal-background {
    -webkit-backdrop-filter: blur(var(--backdrop-filter-blur));
            backdrop-filter: blur(var(--backdrop-filter-blur));
  }
}

.m-hero .mro-button-stars,
.m-hero-enhanced .mro-button-stars {
  gap: 0.375rem;
}

@media (min-width: 1024px) {
  .m-hero .mro-button-stars,
  .m-hero-enhanced .mro-button-stars {
    gap: 0.5rem;
  }
}

.m-hero .mro-button-stars svg,
.m-hero-enhanced .mro-button-stars svg {
  width: 1.125rem;
  height: 1.0625rem;
}

@media (min-width: 1024px) {
  .m-hero .mro-button-stars svg,
  .m-hero-enhanced .mro-button-stars svg {
    width: 1.4375rem;
    height: 1.375rem;
  }
}

.m-hero .mro-button-copy,
.m-hero-enhanced .mro-button-copy {
  font-size: 1rem;
  line-height: 1rem;
}

.st-container {
  max-width: 1440px;
  margin: auto;
}

.st-header {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 3rem;
  text-align: center;
  line-height: 3.6875rem;
  padding: 2.5rem 0;
}

@media (max-width: 639px) {
  .st-header {
    font-size: 1.125rem;
    line-height: 1.4375rem;
    padding-top: 1.875rem;
  }
}

.st-header-text {
  text-align: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}

@media (max-width: 639px) {
  .st-header-text {
    padding: 0 2.5rem;
  }
}

.st-header-text-condition {
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  text-align: center;
  padding: 1.875rem 0 0.3125rem;
}

@media (max-width: 639px) {
  .st-header-text-condition {
    padding-bottom: 2.1875rem;
  }
}

.st-vehicles {
  margin-top: 1.25rem;
}

.st-nav {
  display: flex;
  justify-content: flex-end;
  margin-right: 5.3125rem;
  max-width: 1440px;
}

@media (max-width: 1023px) {
  .st-nav {
    justify-content: center;
    margin-right: 0;
  }
}

.st-button {
  background-color: #f3f3f3;
  border: 2px solid #ffffff;
  font-size: 0.875rem;
  line-height: 0.875rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 600;
  padding: 0 0.625rem;
  color: #00008B;
}

.st-button:hover {
  border-color: #f3f3f3;
  background-color: #f3f3f3;
  color: #002c5e;
}

.st-button:focus {
  box-shadow: inset 0px 0px 0px 2px #002c5e;
  box-sizing: border-box;
}

.st-button svg {
  margin-right: 0.625rem;
}

.st-active {
  color: #00aad2;
}

.disableVehicleHeader {
  display: none;
}

.st-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 55.3125rem;
  transform: translate(-50%, -50%);
  max-height: 100%;
  background-color: #ffffff;
  z-index: 1002;
  margin: auto;
  padding: 1.875rem 2.5rem 2.5rem 3.125rem;
  overflow-y: auto;
}

@media (max-width: 1023px) {
  .st-modal {
    width: 100%;
    margin-left: 0;
    padding-left: 1.375rem;
    padding-right: 1.375rem;
  }
}

@media (max-width: 639px) {
  .st-modal {
    left: 0;
    top: 0;
    transform: translate(0, 0);
    padding: 1.875rem 1rem 2.5rem;
  }
}

.st-modal .modal-x {
  top: 0;
  justify-content: flex-end;
}

@media (max-width: 639px) {
  .st-modal .modal-x {
    top: -15px;
  }
}

.st-modal-header {
  position: relative;
}

@media (max-width: 639px) {
  .st-modal-title {
    padding-top: 2.1875rem;
  }
}

.st-modal-title h1 {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 2.3125rem;
  text-align: left;
  padding-bottom: 1.875rem;
}

@media (max-width: 639px) {
  .st-modal-title h1 {
    font-size: 1.25rem;
    line-height: 1.4375rem;
  }
}

.st-modal-condition-text {
  font-weight: 700;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: left;
  color: #666666;
}

@media (max-width: 639px) {
  .st-modal-condition-text {
    font-size: 0.875rem;
  }
}

.st-modal-grey {
  color: #888888;
}

.st-modal-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.st-filter-column {
  flex: 50%;
}

@media (max-width: 639px) {
  .st-filter-column {
    flex: 100%;
  }
}

.st-filter-column h3 {
  padding: 1.875rem 0 0.3125rem;
  position: relative;
  margin-bottom: 0.9375rem;
  color: #666666;
  font-size: 1rem;
  line-height: 1.375rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
}

.st-filter-column h3:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.125rem;
  width: 1.5rem;
  background-color: #888888;
}

@media (max-width: 639px) {
  .st-filter-column h3 {
    margin-bottom: 1.25rem;
  }
}

.st-filter-item {
  position: relative;
  margin: 0.5625rem 0 1.125rem;
}

.st-filter-item-text {
  font-size: 1rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  line-height: 1.25rem;
  margin-left: 1.625rem;
  text-align: left;
}

.st-filter-item-label {
  position: relative;
}

.st-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1001;
}

.disableFilterValue {
  color: #bababa;
}

.st-filter-footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-top: 2.1875rem;
}

.st-btn-right {
  justify-content: flex-end;
}

.st-filter-button-clear {
  font-weight: 600;
  color: #032853;
}

.st-filter-button-clear svg {
  margin-left: 0.3125rem;
}

.st-vehicle-heading {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  padding-bottom: 1.25rem;
  text-align: center;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .st-vehicle-heading {
    font-size: 1.75rem;
    padding-bottom: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .st-vehicle-heading {
    font-size: 1.875rem;
    line-height: 2.25rem;
    padding-bottom: 0.25rem;
  }
}

.st-vehicle-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 1440px) {
  .st-vehicle-row .st-vehicle-card:last-child {
    margin-right: 0;
  }
}

.st-vehicle-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
  width: 17.875rem;
  padding: 1.25rem 0 2.0625rem 0;
  position: relative;
}

@media (max-width: 640px) {
  .st-vehicle-card {
    justify-content: center;
  }
}

@media (min-width: 640px) {
  .st-vehicle-card {
    width: 18rem;
    text-align: left;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px) {
  .st-vehicle-card {
    width: 18.3125rem;
    margin: 0 1.25rem 2.3125rem 0;
  }
}

@media (min-width: 1440px) {
  .st-vehicle-card {
    width: 19.6875rem;
    margin: 0 1.25rem 2.3125rem 0;
    padding-left: 2rem;
  }
}

.st-vehicle-card:hover {
  background: #ffffff;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .st-vehicle-card > div {
    height: 100%;
  }
}

.st-vehicle-image {
  max-width: 17.1875rem;
}

@media (max-width: 22.5rem) {
  .st-vehicle-image {
    max-width: 17.875rem;
  }
}

.st-vehicle-image img {
  margin-left: -15px;
}

@media (max-width: 639px) {
  .st-vehicle-image img {
    margin-left: 0;
  }
}

.st-vehicle-price-box {
  width: 100%;
  display: flex;
  justify-content: center;
}

@media (min-width: 640px) {
  .st-vehicle-price-box {
    display: block;
    justify-content: flex-start;
  }
}

.st-vehicle-spec-label {
  color: #888888;
  white-space: nowrap;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding: 0.1875rem 0.5rem 0 0;
  display: inline-block;
}

.st-vehicle-feature {
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  padding-bottom: 0.5rem;
}

.st-vehicle-model-content {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.st-vehicle-model-year {
  font-weight: 400;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #333333;
  font-size: 1rem;
  line-height: 1.375rem;
}

.st-vehicle-model-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 2.25rem;
  display: inline-block;
  color: #002c5e;
  text-decoration: none;
  max-width: 100%;
}

.st-vehicle-model-name:hover {
  color: #00aad2;
}

.st-vehicle-model-name .icon {
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  margin-left: 0.25rem;
  margin-bottom: 0.3125rem;
}

.st-vehicle-amount {
  position: relative;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.st-no-vehicles-match {
  text-align: center;
}

.st-vehicle-model-desc .desp {
  font-size: 0.75rem;
  flex-grow: 1;
  line-height: 1rem;
  padding-bottom: 0.75rem;
  font-weight: 700;
}

.st-vehicle-model-desc .desp .tooltip-trigger {
  height: auto;
  width: auto;
  padding: 0.875rem;
  margin: -0.875rem;
}

@media (min-width: 640px) {
  .st-vehicle-model-desc .desp:has(span.sticky-icon-wrap) {
    padding-right: 0.75rem;
  }
}

.rrf-header {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 640px) {
  .rrf-header {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .rrf-header {
    padding: 0 7.625rem;
  }
}

@media (min-width: 1440px) {
  .rrf-header {
    padding: 0 20.625rem;
  }
}

.rrf-header-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.5rem;
}

.rrf-header-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.875rem;
  color: #000000;
  line-height: 2.25rem;
  margin-bottom: 1rem;
}

.rrf-header-copy {
  font-size: 1rem;
  color: #000000;
  line-height: 1.375rem;
  text-align: center;
}

.rrf-form-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 0 2rem;
}

@media (min-width: 640px) {
  .rrf-form-container {
    padding: 0 2rem 2rem;
  }
}

@media (min-width: 1024px) {
  .rrf-form-container {
    padding: 0 7.625rem 2rem;
  }
}

@media (min-width: 1440px) {
  .rrf-form-container {
    padding: 0 20.625rem 2rem;
  }
}

.rrf-form-status-bar {
  width: 100%;
}

.rrf-form-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background: #f3f3f3;
  padding: 2.5rem 1.5rem;
}

.rrf-form {
  display: flex;
  flex-direction: column;
}

.rrf-form-required {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #000000;
  margin-bottom: 1.25rem;
}

.rrf-form-field-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.rrf-form-field {
  width: 100%;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 1.5625rem;
}

@media (min-width: 640px) {
  .rrf-form-field {
    width: 48%;
  }
}

.rrf-form-label {
  display: block;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #000000;
  margin-bottom: 0.1875rem;
}

.rrf-form-input {
  width: 100%;
  color: #333333;
  background: #ffffff;
  border: 1px solid #bababa;
  border-radius: 0;
  padding: 0.5625rem 0.75rem;
}

.rrf-form-label-error {
  display: none;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #e63312;
  margin-top: 0.5rem;
}

.rrf-form-field-error .rrf-form-input {
  border-color: #e63312;
}

.rrf-form-field-error .rrf-form-label-error {
  display: block;
}

.rrf-form-dealer-field {
  width: 100%;
}

.rrf-form-dealer-dropdown-button {
  height: auto;
  border: 0.0625rem solid #bababa;
  padding: 0.5625rem 0.75rem;
  -webkit-tap-highlight-color: transparent;
}

.rrf-form-dealer-dropdown-button.dropdown-open .icon-chevron-down-thick {
  transform: rotate(180deg);
}

.rrf-form-dealer-dropdown-selected {
  text-align: left;
}

.rrf-form-dealer-dropdown-error,
.rrf-form-dealer-dropdown-loading {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  font-style: italic;
  color: #888888;
}

.rrf-form-dealer-dropdown {
  position: relative;
  background-color: #ffffff;
  border-right: 0.0625rem solid #e6e6e6;
  border-left: 0.0625rem solid #e6e6e6;
}

.rrf-form-dealer-dropdown-item {
  min-height: inherit;
  text-align: left;
  border-bottom: 0.0625rem solid #e6e6e6;
  padding: 0.5625rem 0.75rem;
}

.rrf-form-dealer-dropdown-item.dropdown-item-active {
  background-color: #ffffff;
}

.rrf-form-dealer-dropdown-item:hover {
  background-color: #f3f3f3;
}

.rrf-form-dealer-dropdown-item + .rrf-form-dealer-dropdown-item:before {
  opacity: 0;
}

.rrf-form-dealer-preferred {
  display: inline-flex;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  color: #888888;
  line-height: 1.25rem;
  margin-left: 0.3125rem;
}

.rrf-form-dealer-preferred .icon-star-active {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  color: #00aad2;
  margin-left: 0.3125rem;
  transform: none;
}

.rrf-form-contact-method-copy {
  font-weight: 500;
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.125rem;
  margin-bottom: 0.625rem;
}

.rrf-form-contact-methods {
  display: flex;
  flex-flow: column;
}

@media (min-width: 640px) {
  .rrf-form-contact-methods {
    flex-flow: row;
  }
}

.rrf-form-contact-method {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 0.625rem 0.625rem 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.rrf-form-custom-radio-button {
  position: relative;
  margin-right: 0.5rem;
}

.rrf-form-custom-radio-label {
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.125rem;
}

.rrf-contact-method-copy {
  font-weight: 500;
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.125rem;
  margin-top: 0.9375rem;
}

.rrf-contact-methods {
  display: flex;
  flex-flow: column;
}

@media (min-width: 640px) {
  .rrf-contact-methods {
    flex-flow: row;
  }
}

.rrf-contact-method {
  margin: 0.625rem 0.625rem 0 0;
}

.rrf-contact-method-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.rrf-contact-method-custom-checkbox {
  display: flex;
  align-items: center;
}

.rrf-contact-method-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.0625rem solid #bababa;
  margin-right: 0.5rem;
  cursor: pointer;
}

.rrf-contact-method-checkbox:checked ~ .rrf-contact-method-custom-checkbox .rrf-contact-method-custom-checkbox-button {
  border: 0.0625rem solid #00aad2;
}

.rrf-contact-method-checkbox:checked ~ .rrf-contact-method-custom-checkbox .rrf-contact-method-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.125rem;
  left: 0.375rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.rrf-contact-method-custom-checkbox-label {
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.0625rem;
}

.rrf-form-legal-field {
  margin-top: 0.6875rem;
}

.rrf-form-legal {
  position: relative;
  display: inline-flex;
  align-items: flex-end;
}

.rrf-legal-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.rrf-legal-custom-checkbox {
  display: flex;
  align-items: flex-start;
}

.rrf-legal-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.0625rem solid #bababa;
  margin-right: 0.5rem;
  cursor: pointer;
}

.rrf-legal-checkbox:checked ~ .rrf-legal-custom-checkbox .rrf-legal-custom-checkbox-button {
  border: 0.0625rem solid #00aad2;
}

.rrf-legal-checkbox:checked ~ .rrf-legal-custom-checkbox .rrf-legal-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.125rem;
  left: 0.375rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.rrf-legal-custom-checkbox-label {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.0625rem;
}

.rrf-form-field-error .rrf-form-input,
.rrf-form-field-error .multiselect__tags {
  border-color: #e63312;
}

.rrf-form-field-error .rrf-form-label-error {
  display: block;
}

.multiselect-caret {
  position: absolute;
  top: 50%;
  right: 0.0625rem;
  transform: translateY(-50%);
  padding: 0.5625rem 0.75rem;
}

.multiselect-caret svg {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: auto;
  flex-shrink: 0;
}

.multiselect--active .multiselect-caret {
  transform: translateY(-50%) rotate(180deg);
}

.rrf-full-width {
  width: 100% !important;
  margin-bottom: 4.375rem !important;
}

@media (min-width: 640px) {
  .rrf-full-width {
    margin-bottom: 3.5rem !important;
  }
}

.rrf-form-model-select-copy {
  font-size: 0.875rem;
  font-weight: 700;
  color: #666666;
  line-height: 1.25rem;
  margin-bottom: 0.25rem;
}

.rrf-form-model-select-sub-copy {
  font-size: 0.875rem;
  font-weight: 500;
  color: #666666;
  line-height: 1rem;
  margin-bottom: 0.25rem;
}

.rrf-form-electric-salable-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5625rem;
}

.rrf-form-electric-salable-banner {
  background-color: #EEF7F9;
  margin-bottom: 0.625rem;
}

.rrf-form-electric-salable-banner:last-of-type {
  margin-bottom: 0;
}

.rrf-form-electric-salable-banner-inner {
  padding: 0.9375rem 1.25rem;
}

.rrf-form-electric-salable-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.rrf-form-electric-salable-copy a {
  display: inline-flex;
  color: #002c5e;
  margin-left: 0.125rem;
}

.rff-form-legal-container {
  border-top: 0.0625rem solid #bababa;
  margin: 1.5rem 0;
  padding-top: 1.5rem;
}

.rff-form-legal-copy {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.125rem;
}

.rff-form-legal-copy a {
  color: #666666;
}

.rff-success-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.rff-success-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background: #f3f3f3;
  padding: 2.5rem 1.5rem;
}

.rff-success-icon-container {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto 1.25rem;
}

.rff-success-icon {
  width: 100%;
  height: 100%;
}

.rff-success-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.875rem;
  margin-bottom: 1.25rem;
}

.rff-success-subhead {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.875rem;
  margin-bottom: 1.25rem;
}

.rff-success-copy {
  font-size: 1rem;
  color: #666666;
  line-height: 1.25rem;
  text-align: left;
  margin-bottom: 3.75rem;
}

.rff-success-copy:last-child {
  margin-bottom: 0;
}

.rff-success-copy span {
  font-weight: 500;
}

.rrf-form-recaptcha-legal-container {
  margin-top: 2.1875rem;
  padding-top: 0.75rem;
  border-top: 0.0625rem solid #bababa;
}

.rrf-form-recaptcha-legal-copy {
  font-weight: 500;
  font-size: 0.875rem;
  color: #bababa;
  line-height: 1.125rem;
}

.rrf-form-recaptcha-legal-copy a {
  color: #002c5e;
  text-decoration: none;
  display: inline-block;
  padding-right: 1.25rem;
}

.rrf-form-recaptcha-legal-copy a svg {
  display: inline-block;
  margin-left: 0.3125rem;
}

.rrf-header {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 640px) {
  .rrf-header {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .rrf-header {
    padding: 0 7.625rem;
  }
}

@media (min-width: 1440px) {
  .rrf-header {
    padding: 0 20.625rem;
  }
}

.rrf-header-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.5rem;
  max-width: 48.75rem;
}

.rrf-header-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.625rem;
  color: #333333;
  margin-bottom: 1rem;
}

@media (min-width: 640px) {
  .rrf-header-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.rrf-header-copy {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333333;
  text-align: center;
}

.rrf-form-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 48.75rem;
  padding: 0 0 2rem;
  margin: 0 auto;
}

.rrf-form-status-bar {
  width: 100%;
}

.rrf-form-status-bar .statusbar-error {
  margin-bottom: 1.5rem;
}

@media (min-width: 1024px) {
  .rrf-form-status-bar .statusbar-error {
    padding: 1.25rem 2rem;
  }
}

.rrf-form-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background: #f3f3f3;
  padding: 2.5rem 1rem;
}

@media (min-width: 640px) {
  .rrf-form-inner {
    padding: 2.5rem 3rem;
  }
}

.rrf-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.rrf-form-required {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333333;
  margin-bottom: 0;
}

.rrf-form-field-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
}

.rrf-form-field {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 0;
  line-height: unset;
  font-size: unset;
}

@media (min-width: 1024px) {
  .rrf-form-field {
    width: 20.625rem;
  }
}

.rrf-form-field .tooltip-trigger:focus {
  outline: none;
}

.rrf-form-field .tooltip-trigger:focus svg {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.rrf-form-field-legal {
  width: 100%;
}

.rrf-form-field-legal .rrf-form-label {
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  display: block;
  margin-bottom: 0;
}

.rrf-form-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.rrf-form-custom-checkbox {
  display: flex;
  gap: 0.5rem;
}

.rrf-form-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-top: 0.125rem;
  background-color: #ffffff;
  border: 0.09375rem solid #bababa;
  border-radius: 0.1875rem;
  cursor: pointer;
}

.rrf-form-custom-checkbox-button:hover {
  border-color: #00aad2;
}

.rrf-form-custom-checkbox-button:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border-color: #00aad2;
}

.rrf-form-custom-checkbox-label {
  display: block;
  font-weight: 400;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
}

.rrf-form-custom-checkbox-label a {
  font-weight: 400;
  color: #666666;
}

.rrf-form-custom-checkbox-label a:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.rrf-form-checkbox:checked ~ .rrf-form-custom-checkbox .rrf-form-custom-checkbox-button {
  border: 0.125rem solid #00aad2;
}

.rrf-form-checkbox:checked ~ .rrf-form-custom-checkbox .rrf-form-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0.25rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.rrf-form-checkbox:checked ~ .rrf-form-custom-checkbox .rrf-form-custom-checkbox-button {
  background-color: #00aad2 !important;
}

.rrf-form-checkbox:checked ~ .rrf-form-custom-checkbox .rrf-form-custom-checkbox-button:after {
  border: solid #ffffff;
  border-width: 0 0.125rem 0.125rem 0;
}

.rrf-form-label {
  display: block;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: #666666;
  margin-bottom: 0.25rem;
  align-self: baseline;
}

.rrf-form-field .rrf-form-label {
  color: #333333;
}

.rrf-form-input {
  width: 100%;
  color: #333333;
  background: #ffffff;
  font-size: 0.875rem;
  border-radius: 0.25rem;
  padding: 0.75rem;
  height: 2.75rem;
  line-height: 1.25rem;
  border: 0.0625rem solid #bababa;
}

.rrf-form-input:hover {
  border-color: #00aad2;
}

.rrf-form-input:focus {
  padding: 0.75rem 0.6875rem;
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border: 0.125rem solid #00aad2;
}

.rrf-form-collapsed-dealer {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  background-color: #0000000D;
  border-radius: 0.625rem;
  padding: 0.75rem;
}

.rrf-form-collapsed-dealer .rrf-form-dealer-inner {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.rrf-form-collapsed-dealer .rrf-form-dealer-inner .rrf-form-dealer-name {
  display: flex;
  align-items: center;
}

.rrf-form-collapsed-dealer .rrf-form-dealer-name-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #333333;
  padding-right: 0.5rem;
}

.rrf-form-collapsed-dealer .rrf-form-dealer-preferred-copy {
  font-weight: 500;
  font-size: 0.75rem;
  color: #333333;
  line-height: 0.75rem;
}

.rrf-form-collapsed-dealer .rrf-form-dealer-distance {
  display: flex;
  gap: 0.5rem;
}

.rrf-form-collapsed-dealer .rrf-form-dealer-distance-copy {
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.rrf-form-collapsed-dealer .rrf-form-dealer-distance-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #002c5e;
  text-decoration: underline;
}

.rrf-form-collapsed-dealer .rrf-form-dealer-distance-button:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

@media (min-width: 1440px) {
  .rrf-form-collapsed-dealer .rrf-form-electric-salable {
    width: 100%;
    order: 1;
  }
}

.rrf-form-edit-dealer {
  display: flex;
  flex-direction: column;
  background-color: #0000000D;
  border-radius: 0.625rem;
  gap: 1rem;
}

@media (min-width: 640px) {
  .rrf-form-edit-dealer {
    flex-direction: row;
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .rrf-form-edit-dealer {
    flex-direction: column;
    gap: 1rem;
  }
}

@media (min-width: 1440px) {
  .rrf-form-edit-dealer {
    flex-direction: row;
    gap: 1.5rem;
  }
}

.rrf-form-edit-dealer .rrf-form-dealer-preferred-copy {
  font-weight: 500;
  font-size: 0.75rem;
  color: #333333;
  line-height: 0.75rem;
}

.rrf-form-edit-dealer-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  gap: 1.5rem;
}

@media (min-width: 1024px) {
  .rrf-form-edit-dealer-inner {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.rrf-form-edit-dealer-inner .rrf-form-group-electric-salable {
  order: 1;
}

@media (min-width: 1024px) {
  .rrf-form-edit-dealer-inner .rrf-form-group-electric-salable {
    order: 0;
  }
}

.rrf-form-edit-dealer-inner .rrf-form-field {
  order: 0;
}

@media (min-width: 1024px) {
  .rrf-form-edit-dealer-inner .rrf-form-field {
    order: 1;
    width: 17%;
  }
}

.rrf-form-edit-dealer-inner .rrf-form-dealer-list {
  order: 2;
}

@media (min-width: 1024px) {
  .rrf-form-edit-dealer-inner .rrf-form-dealer-list {
    width: 79%;
  }
}

.rrf-zipcode-field {
  position: relative;
  width: 100%;
}

.rrf-zipcode-field .rrf-form-label {
  color: #333333;
}

.rrf-zipcode-field .rrf-form-input {
  width: 100%;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  padding: 0.5625rem 2rem 0.5625rem 0.75rem;
  -webkit-appearance: none;
}

.rrf-zipcode-field .rrf-form-input:focus {
  padding: 0.5625rem 2rem 0.5625rem 0.6875rem;
}

.rrf-zipcode-field .rrf-form-input::-webkit-outer-spin-button,
.rrf-zipcode-field .rrf-form-input::-webkit-inner-spin-button {
  appearance: none;
  -webkit-appearance: none;
}

.rrf-zipcode-field button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding: 0.75rem;
}

.rrf-zipcode-field button svg {
  width: 1rem;
  height: 1rem;
}

.rrf-form-dealer-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.rrf-form-dealer-list .rrf-form-dealer-list-label {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.75rem;
  letter-spacing: 0;
}

.rrf-form-dealer-list .rrf-form-dealers {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1024px) {
  .rrf-form-dealer-list .rrf-form-dealers {
    gap: 0.625rem;
  }
}

.rrf-form-dealer-list .rrf-form-dealer {
  display: flex;
  flex-direction: row;
}

.rrf-form-dealer-list .rrf-form-custom-checkbox {
  align-items: flex-start;
}

.rrf-form-dealer-list .rrf-form-custom-checkbox-label {
  display: flex;
  font-weight: inherit;
  font-size: unset;
  color: unset;
  line-height: unset;
}

.rrf-form-dealer-list .rrf-form-custom-checkbox-label .rrf-form-dealer-item {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rrf-form-dealer-list .rrf-form-custom-checkbox-label .rrf-form-dealer-item-copy {
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  padding-right: 0.5rem;
  vertical-align: middle;
}

.rrf-form-dealer-list .rrf-form-dealer-checkbox-disabled {
  pointer-events: none;
  opacity: 0.3;
}

.rrf-form .rrf-form-dealer-preferred {
  height: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  background-color: #ffffff;
  border-radius: 1.5rem;
  padding: 0 0.5rem 0 0.1875rem;
  margin-left: 0;
  vertical-align: middle;
}

.rrf-form .rrf-form-dealer-preferred .rrf-form-dealer-preferred-svg, .rrf-form .rrf-form-dealer-preferred .rrf-form-dealer-preferred-svg svg {
  width: 100%;
  height: 100%;
  padding-bottom: 0.0625rem;
}

.rrf-form-electric-salable {
  display: none;
}

.rrf-form-electric-salable-banner {
  background-color: #EEF7F9;
}

.rrf-form-electric-salable-banner-inner {
  padding: 1rem;
}

.rrf-form-electric-salable-banner-inner .tooltip-trigger:focus {
  outline: none;
}

.rrf-form-electric-salable-banner-inner .tooltip-trigger:focus svg {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.rrf-form-electric-salable-copy {
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.0625rem;
}

.rrf-form-label-error {
  display: none;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: #e63312;
  margin-top: 0.25rem;
}

.rrf-form-required-astericks {
  color: #e63312;
}

.rrf-form-loading-indicator {
  position: relative;
}

.rrf-form-loading-indicator .loading-indicator {
  background-color: transparent;
}

.rrf-form-dealer-field {
  width: 100%;
}

.rrf-form-dealer-dropdown-button {
  height: auto;
  border: 0.0625rem solid #bababa;
  padding: 0.5625rem 0.75rem;
  -webkit-tap-highlight-color: transparent;
}

.rrf-form-dealer-dropdown-button.dropdown-open .icon-chevron-down-thick {
  transform: rotate(180deg);
}

.rrf-form-dealer-dropdown-selected {
  text-align: left;
}

.rrf-form-dealer-dropdown-error,
.rrf-form-dealer-dropdown-loading {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  font-style: italic;
  color: #888888;
}

.rrf-form-dealer-dropdown {
  position: relative;
  background-color: #ffffff;
  border-right: 0.0625rem solid #e6e6e6;
  border-left: 0.0625rem solid #e6e6e6;
}

.rrf-form-dealer-dropdown-item {
  min-height: inherit;
  text-align: left;
  border-bottom: 0.0625rem solid #e6e6e6;
  padding: 0.5625rem 0.75rem;
}

.rrf-form-dealer-dropdown-item.dropdown-item-active {
  background-color: #ffffff;
}

.rrf-form-dealer-dropdown-item:hover {
  background-color: #f3f3f3;
}

.rrf-form-dealer-dropdown-item + .rrf-form-dealer-dropdown-item:before {
  opacity: 0;
}

.rrf-form-dealer-preferred {
  display: inline-flex;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  color: #888888;
  line-height: 1.25rem;
  margin-left: 0.3125rem;
}

.rrf-form-dealer-preferred .icon-star-active {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  color: #00aad2;
  margin-left: 0.3125rem;
  transform: none;
}

.rrf-form-contact-method-copy {
  font-weight: 500;
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.125rem;
  margin-bottom: 0.625rem;
}

.rrf-form-contact-methods {
  display: flex;
  flex-flow: column;
}

@media (min-width: 640px) {
  .rrf-form-contact-methods {
    flex-flow: row;
  }
}

.rrf-form-contact-method {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 0.625rem 0.625rem 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.rrf-form-custom-radio-button {
  position: relative;
  margin-right: 0.5rem;
}

.rrf-form-custom-radio-label {
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.125rem;
}

.rrf-contact-method-copy {
  font-weight: 500;
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.125rem;
  margin-top: 0.9375rem;
}

.rrf-contact-methods {
  display: flex;
  flex-flow: column;
}

@media (min-width: 640px) {
  .rrf-contact-methods {
    flex-flow: row;
  }
}

.rrf-contact-method {
  margin: 0.625rem 0.625rem 0 0;
}

.rrf-contact-method-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.rrf-contact-method-custom-checkbox {
  display: flex;
  align-items: center;
}

.rrf-contact-method-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.0625rem solid #bababa;
  margin-right: 0.5rem;
  cursor: pointer;
}

.rrf-contact-method-checkbox:checked ~ .rrf-contact-method-custom-checkbox .rrf-contact-method-custom-checkbox-button {
  border: 0.0625rem solid #00aad2;
}

.rrf-contact-method-checkbox:checked ~ .rrf-contact-method-custom-checkbox .rrf-contact-method-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.125rem;
  left: 0.375rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.rrf-contact-method-custom-checkbox-label {
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.0625rem;
}

.rrf-form-legal-field {
  margin-top: 0.6875rem;
}

.rrf-form-legal {
  position: relative;
  display: inline-flex;
  align-items: flex-end;
}

.rrf-legal-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.rrf-legal-custom-checkbox {
  display: flex;
  align-items: flex-start;
}

.rrf-legal-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.0625rem solid #bababa;
  margin-right: 0.5rem;
  cursor: pointer;
}

.rrf-legal-checkbox:checked ~ .rrf-legal-custom-checkbox .rrf-legal-custom-checkbox-button {
  border: 0.0625rem solid #00aad2;
}

.rrf-legal-checkbox:checked ~ .rrf-legal-custom-checkbox .rrf-legal-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.125rem;
  left: 0.375rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.rrf-legal-custom-checkbox-label {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.0625rem;
}

#rrf-multiselect .multiselect-caret {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translateY(-50%);
  padding: 0;
}

#rrf-multiselect .multiselect-caret svg {
  width: 0.625rem;
  height: 0.375rem;
  margin-left: auto;
  flex-shrink: 0;
  color: #002c5e;
}

#rrf-multiselect .multiselect--active .multiselect-caret {
  transform: translateY(-50%) rotate(180deg);
}

.rrf-full-width {
  width: 100% !important;
  margin-bottom: 0 !important;
}

.rrf-form-model-select-copy {
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
  line-height: 0.875rem;
  margin-bottom: 0.5rem;
}

.rrf-form-model-select-sub-copy {
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.875rem;
  margin-bottom: 0.25rem;
}

.rrf-form-electric-salable-container {
  display: flex;
  flex-direction: column;
  order: 0;
}

.rrf-form-not-salable {
  order: 1;
}

.rrf-form-electric-salable-banner {
  background-color: #EEF7F9;
  margin-bottom: 0.625rem;
}

.rrf-form-electric-salable-banner:last-of-type {
  margin-bottom: 0;
}

.rrf-form-electric-salable-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.rrf-form-electric-salable-copy a {
  display: inline-flex;
  color: #002c5e;
  margin-left: 0.125rem;
}

.rff-form-legal-container {
  margin: 0;
  padding-top: 1rem;
  border-top: 0.0625rem solid #bababa;
  order: 2;
}

.rff-form-legal-copy {
  font-weight: 400;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
}

.rff-form-legal-copy a {
  color: #666666;
}

.rff-form-legal-copy a:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.rff-success-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.rff-success-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background: #f3f3f3;
  padding: 2.5rem 1.5rem;
  max-width: 48.75rem;
  margin-bottom: 2rem;
}

.rff-success-icon-container {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto 1.25rem;
}

.rff-success-icon-container svg {
  width: 100%;
  height: 100%;
}

.rff-success-icon {
  width: 100%;
  height: 100%;
}

.rff-success-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.875rem;
  margin-bottom: 1.25rem;
}

.rff-success-subhead {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.875rem;
  margin-bottom: 1.25rem;
}

.rff-success-copy {
  font-size: 1rem;
  color: #666666;
  line-height: 1.25rem;
  text-align: center;
  margin-bottom: 3.75rem;
}

.rff-success-copy:last-child {
  margin-bottom: 0;
}

.rff-success-copy span {
  font-weight: 500;
}

.rrf-form-recaptcha-legal-container {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 0.0625rem solid #bababa;
}

.rrf-form-recaptcha-legal-copy {
  font-weight: 500;
  font-size: 0.75rem;
  color: #888888;
  line-height: 1rem;
}

.rrf-form-recaptcha-legal-copy a {
  color: #002c5e;
  text-decoration: none;
  display: inline-block;
  padding-right: 1.25rem;
}

.rrf-form-recaptcha-legal-copy a svg {
  display: inline-block;
  margin-left: 0.3125rem;
}

.rrf-form-recaptcha-legal-copy a:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.multiselect:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border-radius: 0.125rem;
}

.multiselect:focus .multiselect__tags {
  border: 0.125rem solid #00aad2;
  padding: 0.40625rem 2.5rem 0.40625rem 0.6875rem;
}

.multiselect__tags {
  display: flex;
  min-height: 2.75rem;
  border-radius: 0.25rem;
  padding: 0.46875rem 2.5rem 0.46875rem 0.75rem;
  align-items: center;
}

.multiselect__tags:hover {
  border-color: #00aad2;
}

.multiselect__tags .multiselect__tags-wrap {
  gap: 0.375rem;
  display: flex;
  height: 1.5rem;
}

@media (min-width: 1024px) {
  .multiselect__tags .multiselect__tags-wrap {
    height: 1.75rem;
  }
}

.multiselect__tags .multiselect__tags-wrap .multiselect__tag {
  display: flex;
  border-radius: 0.25rem;
  margin: 0;
  padding: 0.125rem 0.125rem 0.125rem 0.5rem;
}

@media (min-width: 1024px) {
  .multiselect__tags .multiselect__tags-wrap .multiselect__tag {
    padding-top: 0.25rem;
  }
}

.multiselect__tags .multiselect__tags-wrap .multiselect__tag span {
  line-height: 0.75rem;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .multiselect__tags .multiselect__tags-wrap .multiselect__tag span {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}

.multiselect .multiselect__single {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  height: 100%;
  color: #333333;
}

.rrf-form-field-error .rrf-form-input,
.rrf-form-field-error .multiselect__tags {
  border-color: #e63312 !important;
  border-width: 0.125rem;
}

.rrf-form-field-error .rrf-form-label-error {
  display: block;
}

.rrf-form-field-error .rrf-form-input:focus {
  padding: 0.75rem 0.6875rem;
}

.rrf-form-field-error .multiselect__tags {
  padding: 0.40625rem 2.5rem 0.40625rem 0.6875rem;
}

.rrf-form-field-error .multiselect:focus .multiselect__tags {
  padding: 0.40625rem 2.5rem 0.40625rem 0.6875rem;
}

.rrf-form-dropdown-wrapper {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  order: 1;
}

@media (min-width: 640px) {
  .rrf-form-dropdown-wrapper .rrf-form-field {
    width: 100%;
  }
}

.rrf-form-dropdown-container, .rrf-form-field-trims {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  order: 1;
}

.rrf-form-dropdown-container .rrf-form-label .sticky-icon-wrap, .rrf-form-field-trims .rrf-form-label .sticky-icon-wrap {
  margin-top: -0.125rem;
  margin-left: -0.1875rem;
}

.rrf-form-dropdown-container .rrf-form-label .rrf-form-required-astericks, .rrf-form-field-trims .rrf-form-label .rrf-form-required-astericks {
  margin-left: -0.1875rem;
}

.rrf-form-dropdown-container .rrf-form-dropdown-field, .rrf-form-field-trims .rrf-form-dropdown-field {
  width: 100%;
  position: relative;
}

.rrf-form-dropdown-container .rrf-form-dropdown-field svg, .rrf-form-field-trims .rrf-form-dropdown-field svg {
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #002c5e;
}

.rrf-form-dropdown-container .rrf-form-dropdown, .rrf-form-field-trims .rrf-form-dropdown {
  width: 100%;
  height: 2.75rem;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  background: #ffffff;
  -webkit-appearance: none;
          appearance: none;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  padding: 0.75rem;
}

.rrf-form-dropdown-container .rrf-form-dropdown:focus, .rrf-form-field-trims .rrf-form-dropdown:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border: 0.125rem solid #00aad2;
  padding: 0.6875rem;
}

.rrf-form-dropdown-container .rrf-form-vehicle-image, .rrf-form-field-trims .rrf-form-vehicle-image {
  display: flex;
  justify-content: center;
  width: 100%;
}

.rrf-form-dropdown-container .rrf-form-vehicle-image .rrf-form-model-image, .rrf-form-field-trims .rrf-form-vehicle-image .rrf-form-model-image {
  width: 100%;
  max-width: 19.8125rem;
}

@media (min-width: 640px) {
  .rrf-form-dropdown-container .rrf-form-vehicle-image .rrf-form-model-image, .rrf-form-field-trims .rrf-form-vehicle-image .rrf-form-model-image {
    max-width: 23.8125rem;
  }
}

@media (min-width: 1024px) {
  .rrf-form-dropdown-container .rrf-form-vehicle-image .rrf-form-model-image, .rrf-form-field-trims .rrf-form-vehicle-image .rrf-form-model-image {
    max-width: 30rem;
  }
}

.rrf-form-dropdown-container .rrf-form-vehicle-image .rrf-form-model-packshot-image, .rrf-form-field-trims .rrf-form-vehicle-image .rrf-form-model-packshot-image {
  width: 100%;
  max-width: 20.375rem;
  margin-top: 1.9375rem;
}

@media (min-width: 640px) {
  .rrf-form-dropdown-container .rrf-form-vehicle-image .rrf-form-model-packshot-image, .rrf-form-field-trims .rrf-form-vehicle-image .rrf-form-model-packshot-image {
    max-width: 33.375rem;
  }
}

@media (min-width: 1024px) {
  .rrf-form-dropdown-container .rrf-form-vehicle-image .rrf-form-model-packshot-image, .rrf-form-field-trims .rrf-form-vehicle-image .rrf-form-model-packshot-image {
    max-width: 34.75rem;
  }
}

.rrf-form-dropdown-container .rrf-form-vehicle-image-disclaimer, .rrf-form-field-trims .rrf-form-vehicle-image-disclaimer {
  font-weight: 700;
  font-size: 0.75rem;
  color: #888888;
  line-height: 1rem;
  text-align: center;
  align-self: center;
}

.rrf-form-dropdown-container .rrf-form-vehicle-image-disclaimer svg, .rrf-form-field-trims .rrf-form-vehicle-image-disclaimer svg {
  color: #002c5e;
}

.rrf-form-dropdown-container .rrf-form-vehicle-image-disclaimer .tooltip-trigger:focus, .rrf-form-field-trims .rrf-form-vehicle-image-disclaimer .tooltip-trigger:focus {
  outline: none;
}

.rrf-form-dropdown-container .rrf-form-vehicle-image-disclaimer .tooltip-trigger:focus svg, .rrf-form-field-trims .rrf-form-vehicle-image-disclaimer .tooltip-trigger:focus svg {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.rrf-form-dropdown-container .rrf-form-vehicle-image-disclaimer-inner, .rrf-form-field-trims .rrf-form-vehicle-image-disclaimer-inner {
  margin: 0.5rem 1rem;
}

.rrf-form-dropdown-container .rrf-form-vehicle-image-disclaimer-inner span, .rrf-form-field-trims .rrf-form-vehicle-image-disclaimer-inner span {
  color: #666666;
}

.rrf-form-dropdown-container.is-electric-salable, .rrf-form-field-trims.is-electric-salable {
  order: 0;
  margin-bottom: 1.5rem;
}

.rrf-form-dropdown-container.is-electric-salable:not(:last-child), .rrf-form-field-trims.is-electric-salable:not(:last-child) {
  margin-bottom: 0.625rem;
}

.rrf-form-dropdown-container .rrf-form-field:not(.rrf-form-field-error) .rrf-form-dropdown:hover, .rrf-form-field-trims:not(.rrf-form-field-error) .rrf-form-dropdown:hover {
  border-color: #00aad2;
}

.rrf-form-field-error .rrf-form-input, .rrf-form-field-error #rrf-form-consent, .rrf-form-field-error #rrf-form-phone-number, .rrf-form-field-error #rrf-form-dealer, .rrf-form-field-error .rrf-form-dropdown {
  border-color: #e63312 !important;
  border-width: 0.125rem;
}

.rrf-form-field-error .rrf-form-label-error {
  display: block;
}

.rrf-form-field-error .rrf-form-dropdown {
  padding: 0.6875rem;
}

.rrf-form-field-error .rrf-form-input {
  padding: 0.75rem 0.6875rem;
}

.rrf-form-field.rrf-form-field-trims {
  order: 0;
  align-items: baseline;
}

@media (min-width: 1024px) {
  .rrf-form-field.rrf-form-field-trims {
    width: 100%;
  }
}

.rrf-form-submit-container {
  order: 3;
}

.rrf-form-submit-container .rrf-form-submit:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  box-shadow: none;
}

.rrf-form-submit-container .rrf-form-submit-error {
  margin-top: 0.625rem;
}

.rrf-form-dealers .rrf-form-select-dealers-error {
  margin-top: -0.125rem;
}

.rrf-dark-mode .rrf-form-input, .rrf-dark-mode .rrf-form-field-trims .rrf-form-dropdown, .rrf-dark-mode .multiselect__tags, .rrf-dark-mode .multiselect__tags .multiselect__single, .rrf-dark-mode .rrf-form-dropdown-field .rrf-form-dropdown {
  background-color: transparent;
  color: white !important;
}

.rrf-dark-mode .rrf-form-input option, .rrf-dark-mode .rrf-form-field-trims .rrf-form-dropdown option, .rrf-dark-mode .multiselect__tags option, .rrf-dark-mode .multiselect__tags .multiselect__single option, .rrf-dark-mode .rrf-form-dropdown-field .rrf-form-dropdown option {
  color: #333333;
}

.rrf-dark-mode .rrf-zipcode-field button svg, .rrf-dark-mode .rff-success-icon-container svg {
  fill: white;
}

.rrf-dark-mode .rrf-header-title, .rrf-dark-mode .rrf-header-copy, .rrf-dark-mode .rrf-form-required, .rrf-dark-mode .rrf-form-label, .rrf-dark-mode .rrf-form-dealer-list .rrf-form-dealer-item-copy, .rrf-dark-mode .rrf-form-dealer-distance-button, .rrf-dark-mode .rrf-form-recaptcha-legal-copy a, .rrf-dark-mode .rrf-form-label .sticky-icon-wrap .tooltip-trigger svg, .rrf-dark-mode .rrf-form-recaptcha-legal-copy svg, .rrf-dark-mode .rrf-form-field-trims .rrf-form-dropdown-field svg, .rrf-dark-mode .rrf-form-dealer-name-copy, .rrf-dark-mode .rrf-form-dealer-distance-copy, .rrf-dark-mode .rrf-form-dealer-list-label, .rrf-dark-mode .rrf-form-model-select-copy, .rrf-dark-mode .rrf-form-model-select-sub-copy, .rrf-dark-mode .multiselect-caret svg, .rrf-dark-mode .rrf-form-dropdown-field .icon-chevron-down-thick, .rrf-dark-mode .rff-success-headline, .rrf-dark-mode .rff-success-copy, .rrf-dark-mode .rff-success-subhead {
  color: #ffffff !important;
}

.rrf-dark-mode .rrf-form-custom-checkbox-label, .rrf-dark-mode .rrf-form-custom-checkbox-label a, .rrf-dark-mode .rrf-form-vehicle-image-disclaimer-inner span, .rrf-dark-mode .rff-form-legal-copy, .rrf-dark-mode .rff-form-legal-copy a, .rrf-dark-mode .rrf-form-recaptcha-legal-copy, .rrf-dark-mode .rrf-form-vehicle-image-disclaimer svg {
  color: #bababa;
}

.rrf-dark-mode .rff-form-legal-container, .rrf-dark-mode .rrf-form-recaptcha-legal-container {
  border-color: #888888;
}

.rrf-dark-mode .rrf-form-submit-container .rrf-form-submit {
  background-color: #ffffff;
  color: #002c5e;
  border: none;
}

.rrf-dark-mode .rrf-form-submit-container .rrf-form-submit:hover {
  filter: brightness(0.9);
}

.rrf-dark-mode .rrf-form-submit-container .rrf-form-submit:focus {
  outline: 0.125rem solid #ffffff;
  outline-offset: 0.125rem;
}

.rrf-dark-mode .rrf-form-collapsed-dealer, .rrf-dark-mode .rrf-form-edit-dealer {
  background-color: #FFFFFF0D;
}

.rrf-dark-mode .rrf-form-field-error .rrf-form-input, .rrf-dark-mode .rrf-form-field-error #rrf-form-consent, .rrf-dark-mode .rrf-form-field-error #rrf-form-phone-number, .rrf-dark-mode .rrf-form-field-error #rrf-form-dealer, .rrf-dark-mode .rrf-form-field-error .rrf-form-dropdown, .rrf-dark-mode .rrf-form-field-error .multiselect__tags {
  border-color: #FF7575 !important;
  border-width: 0.125rem;
}

.rrf-dark-mode .rrf-form-label-error, .rrf-dark-mode .rrf-form-required-astericks {
  color: #FF7575;
}

.rrf-dark-mode .rrf-form-input:focus, .rrf-dark-mode .multiselect:focus, .rrf-dark-mode .rrf-form-custom-checkbox-button:focus, .rrf-dark-mode .rrf-form-dropdown:focus {
  outline-color: #ffffff !important;
}

.rrf-dark-mode .tooltip-trigger:focus {
  outline: none;
}

.rrf-dark-mode .rrf-form-dealer-distance-button:focus, .rrf-dark-mode .tooltip-trigger:focus svg, .rrf-dark-mode .rff-form-legal-copy a:focus, .rrf-dark-mode .rrf-form-recaptcha-legal-copy a:focus, .rrf-dark-mode .rrf-form-custom-checkbox-label a:focus, .rrf-dark-mode .rrf-form-vehicle-image-disclaimer .tooltip-trigger:focus svg {
  outline: 0.125rem solid #ffffff;
  outline-offset: 0.125rem;
}

.rrf-dark-mode .rrf-form-custom-checkbox-button {
  background-color: transparent;
}

.aon-header {
  display: flex;
  justify-content: center;
}

@media (min-width: 1024px) {
  .aon-header {
    border-bottom: 0.0625rem solid #bababa;
  }
}

.aon-header-inner {
  width: 100%;
  max-width: 90rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (min-width: 1024px) {
  .aon-header-inner {
    flex-direction: row;
  }
}

.aon-header-container-top {
  width: 100%;
  position: relative;
  display: flex;
  flex: 5;
  padding: 0.5625rem 0 0.5625rem 1rem;
}

@media (min-width: 640px) {
  .aon-header-container-top {
    flex: 3;
    padding: 1.25rem 0 1.875rem 2.625rem;
    border-bottom: none;
  }
}

.aon-header-container-top:after {
  content: '';
  width: 100%;
  position: absolute;
  right: 0;
  bottom: -0.0625rem;
  border-bottom: 0.0625rem solid #bababa;
}

@media (min-width: 1024px) {
  .aon-header-container-top:after {
    display: none;
  }
}

.aon-header-container-top .aon-header-left {
  display: flex;
  flex: 1;
}

.aon-header-container-top .aon-header-center {
  display: flex;
  justify-content: center;
  flex: 4;
  text-align: center;
}

@media (min-width: 640px) {
  .aon-header-container-top .aon-header-center {
    flex: 2;
  }
}

.aon-header-container-top .aon-header-right {
  display: flex;
  flex: 1;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .aon-header-container-top .aon-header-right {
    padding-right: 2.625rem;
  }
}

@media (min-width: 1024px) {
  .aon-header-container-top .aon-header-right {
    display: none;
  }
}

.aon-header-container-bottom {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex: 1;
  padding: 0.5625rem 1rem 0 1rem;
}

@media (min-width: 640px) {
  .aon-header-container-bottom {
    padding: 1.25rem 2.625rem 0 0;
  }
}

@media (min-width: 1024px) {
  .aon-header-container-bottom {
    padding: 1.25rem 2.625rem 1.25rem 0;
  }
}

.aon-header-container-bottom .aon-header-right {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex: 1;
}

.aon-header-logo-mobile {
  width: 1.625rem;
  height: 0.8125rem;
  display: block;
}

@media (min-width: 640px) {
  .aon-header-logo-mobile {
    display: none;
  }
}

.aon-header-logo-desktop {
  width: 7.875rem;
  height: 1.0625rem;
  display: none;
}

@media (min-width: 640px) {
  .aon-header-logo-desktop {
    display: block;
  }
}

.aon-header-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #000000;
  line-height: 1.375rem;
}

@media (min-width: 640px) {
  .aon-header-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.aon-header-transaction {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.aon-header-transaction-id {
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.25rem;
  text-align: right;
}

.aon-header-transaction-logout {
  align-self: flex-end;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  text-decoration: underline;
}

.aon-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.aon-footer-contact {
  width: 100%;
  display: flex;
  justify-content: center;
  border-top: 0.0625rem solid #bababa;
}

.aon-footer-contact-inner {
  width: 100%;
  max-width: 40.625rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 3.125rem 1rem;
}

@media (min-width: 640px) {
  .aon-footer-contact-inner {
    margin: 3.125rem 2rem;
  }
}

.aon-footer-contact-inner h4 {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #666666;
  margin-bottom: 1.25rem;
}

.aon-footer-contact-inner p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #666666;
}

.aon-footer-contact-inner p a {
  font-weight: 700;
  color: #002c5e;
  text-decoration: none;
}

.aon-footer-contact-title {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #666666;
  margin-bottom: 1.25rem;
}

.aon-footer-contact-copy {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #666666;
}

.aon-footer-contact-copy a {
  font-weight: 700;
  color: #002c5e;
  text-decoration: none;
}

.aon-footer-legal {
  width: 100%;
  display: flex;
  justify-content: center;
  background: #000000;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #ffffff;
  padding: 1.25rem 1rem;
}

@media (min-width: 640px) {
  .aon-footer-legal {
    padding: 1.25rem 1.875rem;
  }
}

.aon-login {
  display: flex;
  flex-direction: column;
}

.aon-login-horizontal-content-strip {
  padding: 0.5rem 0;
}

.aon-login-form-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.aon-login-form-status-bar {
  width: 100%;
  max-width: 75rem;
}

.aon-login-form-inner-wrapper {
  width: 100%;
  max-width: 75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f3f3f3 no-repeat center top;
  background-size: cover;
  padding: 1.875rem 1rem 3.75rem;
}

@media (min-width: 640px) {
  .aon-login-form-inner-wrapper {
    padding: 1.875rem 2rem 3.75rem;
  }
}

.aon-login-form-inner {
  width: 100%;
  max-width: 40.625rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.aon-login-form-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #000000;
  line-height: 1.875rem;
  margin-bottom: 0.9375rem;
}

.aon-login-form-copy {
  font-size: 1rem;
  color: #666666;
  line-height: 1.375rem;
  margin-bottom: 1.875rem;
}

.aon-login-form {
  display: flex;
  flex-direction: column;
}

.aon-login-form-required {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #000000;
  margin-bottom: 1.25rem;
}

.aon-login-form-field-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 0.9375rem;
}

.aon-login-form-field {
  width: 100%;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 1.5625rem;
}

@media (min-width: 640px) {
  .aon-login-form-field {
    width: 48%;
  }
}

.aon-login-form-label {
  display: block;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #000000;
  margin-bottom: 0.1875rem;
}

.aon-login-form-input {
  width: 100%;
  color: #333333;
  background: #ffffff;
  border: 1px solid #bababa;
  border-radius: 0;
  padding: 0.5625rem 0.75rem;
}

.aon-login-form-label-error {
  display: none;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #e63312;
  margin-top: 0.5rem;
}

.aon-login-form-field-error .aon-login-form-input {
  border-color: #e63312;
}

.aon-login-form-field-error .aon-login-form-label-error {
  display: block;
}

.aon-configurator-container {
  border-top: 0.0625rem solid #e6e6e6;
}

@media (min-width: 1024px) {
  .aon-configurator-container {
    position: relative;
    display: flex;
    flex-grow: 1;
    max-width: 1440px;
    margin: 0 auto;
  }
}

.aon-config-title {
  max-width: 1440px;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: #424242;
  padding: 1.125rem 2.625rem 1.125rem 1.625rem;
  margin: 0 auto;
  text-align: left;
  border-top: 0.0625rem solid #e6e6e6;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .aon-config-title {
    font-size: 1.25rem;
    padding-left: 1rem;
  }
}

.aon-config-container {
  background: #f3f3f3;
}

@media (min-width: 1024px) {
  .aon-config-container {
    height: 100%;
    flex-basis: 30%;
    width: 30%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
  }
}

.aon-config-wrapper {
  margin: 0 1rem;
}

@media (min-width: 1024px) {
  .aon-config-wrapper {
    margin: 0 1.875rem 0 1.25rem;
  }
}

.aon-zip {
  margin-bottom: 2.4375rem;
}

.aon-filters-location {
  padding: 1.25rem 0 0.625rem;
  border-bottom: 0.0625rem solid #bababa;
}

.aon-filters-location-search {
  display: flex;
  color: #666666;
}

.aon-filters-location-search .dropdown {
  display: flex;
  flex-wrap: wrap;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
}

.aon-filters-location-search .dropdown-panel {
  display: block;
  box-shadow: 0 0.1875rem 0.5625rem 0 rgba(186, 186, 186, 0.3);
}

@media (max-width: 1024px) {
  .aon-filters-location-search .dropdown {
    margin: 0;
  }
}

.aon-dropdown-open {
  box-shadow: 0px 20px 9px -2px #bababa;
}

.aon-dropdown-open .dropdown-panel {
  display: block;
}

.aon-filters-location-text {
  margin-right: 0.625rem;
}

.aon-filters-location-text2 {
  margin: 0 0.625rem;
}

.aon-filters-location-dropdown {
  width: auto;
  height: auto;
  color: #002c5e;
  font-weight: 700;
  padding: 0;
  background-color: transparent;
}

.aon-filters-location-dropdown .aon-filters-location-pin .icon {
  height: 1rem;
  margin: 0 0.125rem;
}

.aon-filters-location-dropdown .icon {
  width: 0.625rem;
  height: 0.625rem;
  margin-left: 0.3125rem;
}

.aon-config-section {
  margin-bottom: 1.8125rem;
  border-bottom: 0.0625rem solid #bababa;
}

.aon-last-dropdown {
  border: none;
  padding-bottom: 2.625rem;
}

@media (min-width: 1024px) {
  .aon-last-dropdown {
    padding-bottom: 7.5rem;
  }
}

.aon-config-dropdown-title {
  display: block;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #333333;
  margin-bottom: 0.625rem;
}

.aon-config-choice-options {
  display: block;
}

.aon-config-choice-category-type {
  font-size: 0.875rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  color: #333333;
}

.aon-config-choice-list {
  list-style: none;
  margin: 0;
  padding: 0.9375rem 0 0.9375rem 0.5rem;
}

.aon-config-choice-list:first-child {
  padding-top: 0;
}

.aon-config-choice-list:first-child .config-choice-list-item:first-child {
  padding-top: 0;
}

.aon-config-choice-list-item {
  margin: 0;
  padding: 0;
}

.aon-config-choice-list-item:last-child .aon-config-choice-content {
  margin-bottom: 0;
}

.aon-config-choice-content {
  width: 100%;
  line-height: 1.1;
  margin-bottom: 0.5rem;
}

.aon-config-choice-content .form-radio-input,
.aon-config-choice-content .form-checkbox-input {
  display: none;
}

.aon-config-choice-label {
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.aon-config-choice-price {
  display: block;
  text-align: right;
  font-weight: 700;
  font-size: 0.875rem;
  margin-left: auto;
  padding-left: 0.5rem;
}

.aon-config-swatches {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  transform: translate3d(0, 0, 0);
  filter: drop-shadow(3px 3px 12px rgba(0, 0, 0, 0.15));
}

@media (min-width: 640px) {
  .bo-swatch-group-int .aon-config-swatches {
    justify-content: flex-start;
  }
}

.aon-config-swatch {
  position: relative;
  margin-bottom: 0.75rem;
  height: 1.5rem;
  flex-basis: 2.375rem;
  max-width: 2.375rem;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .aon-config-swatch {
    flex-basis: 2.125rem;
    max-width: 2.125rem;
  }
}

@media (min-width: 1260px) {
  .aon-config-swatch {
    flex-basis: 3rem;
    max-width: 3rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .aon-config-swatch {
    box-shadow: 0.1875rem 0.1875rem 0.75rem rgba(0, 0, 0, 0.15);
  }
}

.aon-config-swatch-active {
  height: 3rem;
  flex-basis: 4.25rem;
  max-width: 4.25rem;
}

@media (min-width: 1260px) {
  .aon-config-swatch-active {
    flex-basis: 4.625rem;
    max-width: 4.625rem;
  }
}

.aon-config-swatch-tile {
  position: static;
  width: 100%;
  border: none;
}

.aon-config-swatch-label {
  display: flex;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #333333;
  margin-bottom: 0.625rem;
}

@media (min-width: 1024px) {
  .aon-config-swatch-label {
    font-size: 0.875rem;
  }
}

.aon-config-swatch-label-title {
  margin-right: 0.3125rem;
}

.aon-config-swatch-label-price {
  text-align: right;
  margin-left: auto;
}

.aon-config-modal-container .modal-box .modal-box-content {
  width: 100%;
}

.aon-config-modal-container .modal-box .modal-content {
  padding: 0;
}

.aon-config-modal-container {
  flex-direction: column;
}

@media (min-width: 1024px) {
  .aon-config-modal-container .modal-box {
    width: 35rem;
  }
}

.aon-config-modal-category {
  position: absolute;
  width: 100%;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  padding: 1.1875rem 1rem;
  border-bottom: 0.0625rem solid #e6e6e6;
}

@media (min-width: 640px) {
  .aon-config-modal-category {
    padding: 0.9375rem 1rem;
  }
}

.aon-config-content {
  text-align: center;
  padding-top: 3.125rem;
}

.aon-config-logo {
  width: 97%;
  margin: 0.625rem;
}

.aon-config-modal-header {
  display: flex;
  margin: 2.1875rem 1rem 0.6875rem;
}

@media (min-width: 640px) {
  .aon-config-modal-header {
    margin: 2.8125rem 2.5rem 1rem;
  }
}

.aon-config-modal-title {
  color: #333333;
  font-weight: 700;
  font-size: 1rem;
  text-align: left;
}

@media (min-width: 640px) {
  .aon-config-modal-title {
    font-size: 1.25rem;
  }
}

.aon-config-modal-price {
  font-weight: 700;
  font-size: 1.25rem;
  margin-left: auto;
  text-align: right;
}

.aon-config-modal-desc {
  font-size: 1rem;
  color: #888888;
  font-weight: 200;
  text-align: left;
  margin: 0 1rem 1.5rem;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .aon-config-modal-desc {
    margin: 0 2.5rem 1.5rem;
  }
}

.aon-config-modal-button {
  margin: 0.5rem auto 1rem;
}

@media (min-width: 640px) {
  .aon-config-modal-button {
    margin: 0.75rem auto 0.875rem;
  }
}

@media (min-width: 1024px) {
  .aon-config-modal-button {
    margin: 1rem auto 0;
  }
}

.aon-config-modal-container .modal-x {
  right: 1rem;
}

.aon-main-wrapper {
  margin-bottom: 0.875rem;
}

@media (min-width: 1024px) {
  .aon-main-wrapper {
    flex-basis: auto;
    width: 70%;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}

.aon-handraiser {
  display: flex;
  flex-direction: column;
  background: #002c5e;
  margin-top: 2.5rem;
}

.aon-handraiser-form-header {
  display: flex;
  justify-content: center;
}

.aon-handraiser-form-header-inner {
  width: 100%;
  max-width: 75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin: 1.25rem 1.5rem;
}

@media (min-width: 640px) {
  .aon-handraiser-form-header-inner {
    flex-direction: row;
    align-items: center;
  }
}

.aon-handraiser-form-header-left {
  display: flex;
  justify-content: flex-start;
}

.aon-handraiser-form-header-right {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
}

.aon-handraiser-form-header-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  color: #ffffff;
  line-height: 1.5rem;
  margin-bottom: 1.375rem;
  padding-right: 2.5rem;
}

@media (min-width: 640px) {
  .aon-handraiser-form-header-title {
    margin-bottom: 0;
  }
}

.aon-handraiser-form-container {
  display: flex;
  justify-content: center;
}

.aon-handraiser-form-inner {
  width: 100%;
  max-width: 75rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0.375rem 1.5rem 3.125rem;
}

.aon-handraiser-form-copy-container {
  margin-bottom: 1.25rem;
}

.aon-handraiser-form-copy-container b {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #ffffff;
}

.aon-handraiser-form-copy-container p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #ffffff;
  margin-bottom: 1.25rem;
}

.aon-handraiser-form-copy-container a {
  color: #ffffff;
  text-decoration: underline;
}

.aon-handraiser-form-copy {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #ffffff;
  margin-bottom: 2.5rem;
}

.aon-handraiser-form-copy-bold {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #ffffff;
  margin-bottom: 1.25rem;
}

.aon-handraiser-form-copy-bold a {
  color: #ffffff;
  text-decoration: underline;
}

.aon-handraiser-form {
  display: flex;
  flex-direction: column;
}

.aon-handraiser-form-required {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #ffffff;
  margin-bottom: 1.25rem;
}

.aon-handraiser-form-field-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.aon-handraiser-form-fields {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (min-width: 640px) {
  .aon-handraiser-form-fields {
    width: 48%;
    flex-direction: row;
    justify-content: space-between;
  }
}

.aon-handraiser-form-fields .aon-handraiser-form-field {
  width: 100%;
}

@media (min-width: 640px) {
  .aon-handraiser-form-fields .aon-handraiser-form-field {
    width: 46%;
  }
}

.aon-handraiser-form-field {
  width: 100%;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 1.5625rem;
}

@media (min-width: 640px) {
  .aon-handraiser-form-field {
    width: 48%;
  }
}

.aon-handraiser-form-label {
  display: block;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #ffffff;
  margin-bottom: 0.1875rem;
}

.aon-handraiser-form-input {
  width: 100%;
  color: #333333;
  background: #ffffff;
  border: 1px solid #bababa;
  border-radius: 0;
  padding: 0.5625rem 0.75rem;
}

.aon-handraiser-form-label-error {
  display: none;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #e63312;
  margin-top: 0.5rem;
}

.aon-handraiser-form-field-error .aon-handraiser-form-input {
  border-color: #e63312;
}

.aon-handraiser-form-field-error .aon-handraiser-form-label-error {
  display: block;
}

.aon-handraiser-form-field-legal {
  margin: 0.6875rem 0 1.1875rem;
}

.aon-handraiser-form-legal {
  position: relative;
  display: inline-flex;
  align-items: flex-end;
}

.aon-handraiser-form-legal-checkbox {
  opacity: 0;
  width: 0;
  height: 0;
}

.aon-handraiser-form-custom-legal-checkbox {
  display: flex;
  align-items: flex-start;
}

.aon-handraiser-form-custom-legal-checkbox-button {
  flex-shrink: 0;
  display: inline-block;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.0625rem solid #bababa;
  margin-right: 0.5rem;
  cursor: pointer;
}

.aon-handraiser-form-legal-checkbox:checked ~ .aon-handraiser-form-custom-legal-checkbox .aon-handraiser-form-custom-legal-checkbox-button {
  border: 0.0625rem solid #00aad2;
}

.aon-handraiser-form-legal-checkbox:checked ~ .aon-handraiser-form-custom-legal-checkbox .aon-handraiser-form-custom-legal-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.125rem;
  left: 0.375rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.aon-handraiser-form-custom-legal-checkbox-label {
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #ffffff;
}

.aon-handraiser-form-copy-legal {
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #ffffff;
  margin-bottom: 2.125rem;
}

.aon-handraiser-form-copy-legal a {
  color: #ffffff;
  text-decoration: underline;
}

.aon-handraiser-form-copy-legal ol {
  padding-left: 1.4375rem;
}

.aon-handraiser-form-copy-legal li {
  line-height: 1.25rem;
  padding-left: 0.8125rem;
  margin-bottom: 0.1875rem;
}

.aon-handraiser-form-hide {
  display: none;
}

.aon-success-form-header {
  display: flex;
  justify-content: center;
}

.aon-success-form-header-inner {
  width: 100%;
  max-width: 75rem;
  height: 2.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1.25rem 1.5rem;
}

.aon-success-form-header-left {
  display: flex;
  justify-content: flex-start;
}

.aon-success-form-header-icon {
  width: 2.5625rem;
  height: 2.5625rem;
  margin-right: 0.625rem;
}

.aon-success-form-header-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #ffffff;
  line-height: 1.875rem;
}

.aon-success-form-container {
  display: flex;
  justify-content: center;
}

.aon-success-form-inner {
  width: 100%;
  max-width: 75rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0.375rem 1.5rem 3.125rem;
}

.aon-success-form-inner div:last-child {
  margin-bottom: 0;
}

.aon-success-form-inner b {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #ffffff;
}

.aon-success-form-inner p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #ffffff;
  margin-bottom: 1.25rem;
}

.aon-success-form-inner a {
  color: #ffffff;
  text-decoration: underline;
}

.aon-success-form-copy {
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  margin-bottom: 1.25rem;
}

.aon-success-form-copy-bold {
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  margin-bottom: 1.25rem;
}

.aon-success-form-copy-bold a {
  color: #ffffff;
  text-decoration: underline;
}

.aon-returning {
  display: flex;
  flex-direction: column;
}

.aon-returning-horizontal-content-strip {
  padding: 0.5rem 0;
}

.aon-returning-header-container {
  display: flex;
  justify-content: center;
}

.aon-returning-header-inner {
  width: 100%;
  max-width: 90rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 0.0625rem solid #bababa;
  padding: 1.25rem 1.5rem 0.625rem;
}

.aon-returning-header {
  width: 100%;
}

.aon-returning-header-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.875rem;
}

.aon-returning-container {
  display: flex;
  justify-content: center;
}

.aon-returning-inner-wrapper {
  width: 100%;
  max-width: 90rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f3f3f3 no-repeat center top;
  background-size: cover;
  border-bottom: 0.0625rem solid #bababa;
  padding: 3.75rem 1.5rem 1.875rem;
}

.aon-returning-inner {
  width: 100%;
  max-width: 40.625rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.aon-returning-vehicle {
  width: 100%;
  margin-bottom: 2rem;
}

.aon-returning-vehicle-row {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 0.0625rem solid #bababa;
  padding: 1.875rem 0;
}

@media (min-width: 640px) {
  .aon-returning-vehicle-row {
    padding: 0.9375rem 0 1.8125rem;
  }
}

.aon-returning-vehicle-row-inner {
  width: 100%;
  max-width: 15rem;
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .aon-returning-vehicle-row-inner {
    max-width: 40.625rem;
    flex-wrap: wrap;
    flex-direction: row;
  }
}

.aon-returning-vehicle-image-container,
.aon-returning-vehicle-model-container,
.aon-returning-vehicle-price-container {
  width: 100%;
}

@media (min-width: 640px) {
  .aon-returning-vehicle-image-container,
  .aon-returning-vehicle-model-container,
  .aon-returning-vehicle-price-container {
    width: 33%;
  }
}

.aon-returning-vehicle-image-container {
  position: relative;
  order: 3;
}

@media (min-width: 640px) {
  .aon-returning-vehicle-image-container {
    order: 0;
  }
}

.aon-returning-vehicle-model-container {
  order: 1;
}

@media (min-width: 640px) {
  .aon-returning-vehicle-model-container {
    order: 0;
  }
}

.aon-returning-vehicle-price-container {
  order: 2;
  margin-bottom: 1.875rem;
}

@media (min-width: 640px) {
  .aon-returning-vehicle-price-container {
    order: 0;
    margin-bottom: 0;
  }
}

.aon-returning-vehicle-image-disclaimer {
  font-size: 0.75rem;
  line-height: 0.875rem;
}

@media (min-width: 640px) {
  .aon-returning-vehicle-image-disclaimer {
    position: absolute;
    white-space: nowrap;
  }
}

.aon-returning-vehicle-copy-model {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
  line-height: 1.625rem;
  margin-bottom: 0.25rem;
}

@media (min-width: 640px) {
  .aon-returning-vehicle-copy-model {
    font-size: 1rem;
    line-height: 1.375rem;
    margin-bottom: 0;
  }
}

.aon-returning-vehicle-copy-model span {
  font-weight: initial;
}

.aon-returning-vehicle-copy-trim {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.875rem;
  color: #333333;
  line-height: 2.25rem;
  margin-bottom: 0.25rem;
}

@media (min-width: 640px) {
  .aon-returning-vehicle-copy-trim {
    font-size: 1.375rem;
    line-height: 1.8125rem;
    margin-bottom: 0;
  }
}

.aon-returning-vehicle-copy-aon {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  color: #333333;
  line-height: 1.375rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .aon-returning-vehicle-copy-aon {
    margin-bottom: 0;
  }
}

.aon-returning-vehicle-copy-msrp {
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .aon-returning-vehicle-copy-msrp {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.aon-returning-vehicle-copy-estimated {
  font-weight: 700;
  font-size: 0.875rem;
  color: #888888;
  line-height: 1.25rem;
}

.aon-returning-vehicle-delivery-row {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.aon-returning-vehicle-delivery {
  display: inline-block;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  background-color: #ffffff;
  padding: 0.125rem 0.375rem;
}

.aon-returning-vehicle-delivery-container,
.aon-returning-vehicle-specs-container,
.aon-returning-vehicle-colors-container,
.aon-returning-vehicle-dealer-container,
.aon-returning-vehicle-packages-container,
.aon-returning-vehicle-accessories-container {
  width: 100%;
}

@media (min-width: 640px) {
  .aon-returning-vehicle-delivery-container,
  .aon-returning-vehicle-specs-container,
  .aon-returning-vehicle-colors-container,
  .aon-returning-vehicle-dealer-container,
  .aon-returning-vehicle-packages-container,
  .aon-returning-vehicle-accessories-container {
    width: 33.33%;
    margin-bottom: 1rem;
    padding-right: 1.25rem;
  }
}

.aon-returning-vehicle-specs-container,
.aon-returning-vehicle-colors-container,
.aon-returning-vehicle-packages-container,
.aon-returning-vehicle-accessories-container {
  order: 0;
}

.aon-returning-vehicle-delivery-row {
  order: 1;
}

@media (min-width: 640px) {
  .aon-returning-vehicle-delivery-row {
    order: 0;
  }
}

.aon-returning-vehicle-delivery-row:before {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  border-top: 0.0625rem solid #bababa;
}

@media (min-width: 640px) {
  .aon-returning-vehicle-delivery-row:before {
    display: none;
  }
}

.aon-returning-vehicle-delivery-container {
  padding-top: 1.875rem;
}

@media (min-width: 640px) {
  .aon-returning-vehicle-delivery-container {
    padding-top: 0;
  }
}

.aon-returning-vehicle-delivery {
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .aon-returning-vehicle-delivery {
    margin-bottom: 0;
  }
}

.aon-returning-vehicle-dealer-container {
  order: 2;
}

@media (min-width: 640px) {
  .aon-returning-vehicle-dealer-container {
    order: 0;
  }
}

.aon-returning-vehicle-dealer-container .aon-returning-vehicle-dealer-copy-bold {
  display: block;
}

.aon-returning-vehicle-accessories-container {
  margin-bottom: 30px;
}

@media (min-width: 640px) {
  .aon-returning-vehicle-accessories-container {
    margin-bottom: 0;
  }
}

.aon-returning-vehicle-copy-medium,
.aon-returning-vehicle-dealer-copy-medium {
  display: none;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .aon-returning-vehicle-copy-medium,
  .aon-returning-vehicle-dealer-copy-medium {
    display: block;
  }
}

.aon-returning-vehicle-copy-bold,
.aon-returning-vehicle-dealer-copy-bold {
  display: list-item;
  list-style-position: inside;
  font-weight: 700;
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.25rem;
}

.aon-returning-vehicle-copy-bold span {
  margin-left: -0.625rem;
}

.aon-returning-vehicle-dealer-copy-bold {
  margin-top: 0;
}

.aon-returning-vehicle-dealer-copy-bold-lighter {
  font-weight: 700;
  font-size: 0.875rem;
  color: #888888;
  line-height: 1.25rem;
}

.aon-returning-vehicle-no-packages,
.aon-returning-vehicle-no-accessories {
  display: none;
}

@media (min-width: 640px) {
  .aon-returning-vehicle-no-packages,
  .aon-returning-vehicle-no-accessories {
    display: block;
  }
}

.aon-returning-link-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0.625rem;
}

@media (min-width: 640px) {
  .aon-returning-link-container {
    margin-bottom: 1.875rem;
  }
}

.aon-returning-print,
.aon-returning-link {
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  text-decoration: none;
  margin-bottom: 1.25rem;
}

.aon-returning-print svg,
.aon-returning-link svg {
  width: 0.7em;
  height: 0.7em;
  display: inline-block;
  margin-left: 0.375rem;
}

.aon-returning-print {
  display: block;
}

.aon-returning-logout {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.aon-returning-logout-copy-container {
  margin: 1.875rem 0;
}

.aon-returning-logout-copy-container b {
  font-weight: 700;
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.25rem;
}

.aon-returning-logout-copy-container p {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.25rem;
}

.aon-returning-logout-copy {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.25rem;
}

.aon-returning-logout-copy-bold {
  font-weight: 700;
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.25rem;
}

.aon-returning-logout-button {
  align-self: center;
}

.aon-returning-long-container {
  padding: 1.25rem 0;
}

.aon-success {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
}

@media (min-width: 1024px) {
  .aon-success {
    margin-top: 0;
  }
}

.aon-success-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.aon-success-inner-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f3f3f3 no-repeat center top;
  background-size: cover;
  padding: 3.75rem 1.5rem 1.875rem;
}

.aon-success-inner {
  width: 100%;
  max-width: 40.625rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.aon-success-headline-container {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.25rem;
}

.aon-success-headline-icon {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.625rem;
}

.aon-success-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.875rem;
}

.aon-success-copy-container {
  margin-bottom: 1.875rem;
}

.aon-success-copy-container b {
  font-weight: 700;
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.25rem;
}

.aon-success-copy-container p {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.25rem;
}

.aon-success-copy-bold {
  font-weight: 700;
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.25rem;
  margin-bottom: 1.25rem;
}

.aon-success-copy {
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.25rem;
}

.aon-success-link-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0.625rem;
}

@media (min-width: 640px) {
  .aon-success-link-container {
    margin-bottom: 1.875rem;
  }
}

.aon-success-print,
.aon-success-link {
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  text-decoration: none;
  margin-bottom: 1.25rem;
}

.aon-success-print svg,
.aon-success-link svg {
  width: 0.7em;
  height: 0.7em;
  display: inline-block;
  margin-left: 0.375rem;
}

.aon-success-print {
  display: block;
}

.aon-success-vehicle {
  width: 100%;
}

.aon-success-vehicle-row {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 0.0625rem solid #bababa;
  padding: 1.875rem 0;
}

@media (min-width: 640px) {
  .aon-success-vehicle-row {
    padding: 0.9375rem 0 1.8125rem;
  }
}

.aon-success-vehicle-row-inner {
  width: 100%;
  max-width: 15rem;
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .aon-success-vehicle-row-inner {
    max-width: 40.625rem;
    flex-wrap: wrap;
    flex-direction: row;
  }
}

.aon-success-vehicle-image-container,
.aon-success-vehicle-model-container,
.aon-success-vehicle-price-container {
  width: 100%;
}

@media (min-width: 640px) {
  .aon-success-vehicle-image-container,
  .aon-success-vehicle-model-container,
  .aon-success-vehicle-price-container {
    width: 33%;
  }
}

.aon-success-vehicle-image-container {
  position: relative;
  order: 3;
}

@media (min-width: 640px) {
  .aon-success-vehicle-image-container {
    order: 0;
  }
}

.aon-success-vehicle-model-container {
  order: 1;
}

@media (min-width: 640px) {
  .aon-success-vehicle-model-container {
    order: 0;
  }
}

.aon-success-vehicle-price-container {
  order: 2;
  margin-bottom: 1.875rem;
}

@media (min-width: 640px) {
  .aon-success-vehicle-price-container {
    order: 0;
    margin-bottom: 0;
  }
}

.aon-success-vehicle-image-disclaimer {
  font-size: 0.75rem;
  line-height: 0.875rem;
}

@media (min-width: 640px) {
  .aon-success-vehicle-image-disclaimer {
    position: absolute;
    white-space: nowrap;
  }
}

.aon-success-vehicle-copy-model {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
  line-height: 1.625rem;
  margin-bottom: 0.25rem;
}

@media (min-width: 640px) {
  .aon-success-vehicle-copy-model {
    font-size: 1rem;
    line-height: 1.375rem;
    margin-bottom: 0;
  }
}

.aon-success-vehicle-copy-model span {
  font-weight: initial;
}

.aon-success-vehicle-copy-trim {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.875rem;
  color: #333333;
  line-height: 2.25rem;
  margin-bottom: 0.25rem;
}

@media (min-width: 640px) {
  .aon-success-vehicle-copy-trim {
    font-size: 1.375rem;
    line-height: 1.8125rem;
    margin-bottom: 0;
  }
}

.aon-success-vehicle-copy-aon {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  color: #333333;
  line-height: 1.375rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .aon-success-vehicle-copy-aon {
    margin-bottom: 0;
  }
}

.aon-success-vehicle-copy-msrp {
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .aon-success-vehicle-copy-msrp {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.aon-success-vehicle-copy-estimated {
  font-weight: 700;
  font-size: 0.875rem;
  color: #888888;
  line-height: 1.25rem;
}

.aon-success-vehicle-delivery-row {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.aon-success-vehicle-delivery {
  display: inline-block;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  background-color: #ffffff;
  padding: 0.125rem 0.375rem;
}

.aon-success-vehicle-delivery-container,
.aon-success-vehicle-specs-container,
.aon-success-vehicle-colors-container,
.aon-success-vehicle-dealer-container,
.aon-success-vehicle-packages-container,
.aon-success-vehicle-accessories-container {
  width: 100%;
}

@media (min-width: 640px) {
  .aon-success-vehicle-delivery-container,
  .aon-success-vehicle-specs-container,
  .aon-success-vehicle-colors-container,
  .aon-success-vehicle-dealer-container,
  .aon-success-vehicle-packages-container,
  .aon-success-vehicle-accessories-container {
    width: 33.33%;
    margin-bottom: 1rem;
    padding-right: 1.25rem;
  }
}

.aon-success-vehicle-specs-container,
.aon-success-vehicle-colors-container,
.aon-success-vehicle-packages-container,
.aon-success-vehicle-accessories-container {
  order: 0;
}

.aon-success-vehicle-delivery-row {
  order: 1;
}

@media (min-width: 640px) {
  .aon-success-vehicle-delivery-row {
    order: 0;
  }
}

.aon-success-vehicle-delivery-row:before {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  border-top: 0.0625rem solid #bababa;
}

@media (min-width: 640px) {
  .aon-success-vehicle-delivery-row:before {
    display: none;
  }
}

.aon-success-vehicle-delivery-container {
  padding-top: 1.875rem;
}

@media (min-width: 640px) {
  .aon-success-vehicle-delivery-container {
    padding-top: 0;
  }
}

.aon-success-vehicle-delivery {
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .aon-success-vehicle-delivery {
    margin-bottom: 0;
  }
}

.aon-success-vehicle-dealer-container {
  order: 2;
}

@media (min-width: 640px) {
  .aon-success-vehicle-dealer-container {
    order: 0;
  }
}

.aon-success-vehicle-dealer-container .aon-success-vehicle-dealer-copy-bold {
  display: block;
}

.aon-success-vehicle-accessories-container {
  margin-bottom: 30px;
}

@media (min-width: 640px) {
  .aon-success-vehicle-accessories-container {
    margin-bottom: 0;
  }
}

.aon-success-vehicle-copy-medium,
.aon-success-vehicle-dealer-copy-medium {
  display: none;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .aon-success-vehicle-copy-medium,
  .aon-success-vehicle-dealer-copy-medium {
    display: block;
  }
}

.aon-success-vehicle-copy-bold,
.aon-success-vehicle-dealer-copy-bold {
  display: list-item;
  list-style-position: inside;
  font-weight: 700;
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.25rem;
}

.aon-success-vehicle-copy-bold span {
  margin-left: -0.625rem;
}

.aon-success-vehicle-dealer-copy-bold {
  margin-top: 0;
}

.aon-success-vehicle-dealer-copy-bold-lighter {
  font-weight: 700;
  font-size: 0.875rem;
  color: #888888;
  line-height: 1.25rem;
}

.aon-success-vehicle-no-packages,
.aon-success-vehicle-no-accessories {
  display: none;
}

@media (min-width: 640px) {
  .aon-success-vehicle-no-packages,
  .aon-success-vehicle-no-accessories {
    display: block;
  }
}

.aon-success-logout {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.aon-success-logout-copy-container {
  margin: 1.875rem 0;
}

.aon-success-logout-copy-container b {
  font-weight: 700;
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.25rem;
}

.aon-success-logout-copy-container p {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.25rem;
}

.aon-success-logout-copy {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.25rem;
}

.aon-success-logout-copy-bold {
  font-weight: 700;
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.25rem;
}

.aon-success-logout-button {
  align-self: center;
}

.aon-vc-wrapper {
  width: 100%;
  margin: 0 0 0.9375rem 0.9375rem;
  position: relative;
}

.aon-vc-results-eyebrow {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0.9375rem 1.875rem 0.9375rem 0;
}

.aon-vc-showing {
  position: relative;
}

.aon-vc-showing-numbers {
  font-weight: 700;
}

.aon-vc-results-banner-exact,
.aon-vc-results-banner-similar,
.aon-vc-results-banner-none {
  width: 100%;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  padding: 1.25rem 1.5rem;
  margin-bottom: 1.5rem;
}

.aon-vc-results-banner-exact {
  background: #00aad2;
  color: #ffffff;
}

.aon-vc-results-banner-similar {
  background: #FFF9E5;
  color: #4A4A4A;
}

.aon-vc-results-banner-none {
  background: #FFF9E5;
  color: #4A4A4A;
}

.aon-vc-card-banner {
  width: 100%;
  font-size: 0.875rem;
  font-weight: 700;
  color: #000000;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.9375rem 1.5rem;
}

.aon-vc-evstate {
  background-color: #F7B500;
}

.aon-vc-ev-message {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #000000;
}

.aon-vc-card-container {
  width: 100%;
  background-color: #E6E6E6;
  padding: 0.9375rem 1.5rem;
}

.aon-vc-card-vehicle-row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #333333;
  flex-wrap: wrap;
}

.aon-vc-card-vehicle-details,
.aon-vc-card-vehicle-image,
.aon-vc-card-price {
  width: 33%;
  text-align: left;
}

@media (max-width: 640px) {
  .aon-vc-card-vehicle-details,
  .aon-vc-card-vehicle-image,
  .aon-vc-card-price {
    width: 100%;
  }
}

.aon-vc-card-vehicle-options {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.aon-vc-card-row {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.aon-vc-card-delivery,
.aon-vc-card-specs,
.aon-vc-card-colors,
.aon-vc-card-dealer,
.aon-vc-card-packages,
.aon-vc-card-accessories,
.aon-vc-card-cta {
  width: 33%;
  padding-top: 0.9375rem;
}

@media (max-width: 640px) {
  .aon-vc-card-delivery,
  .aon-vc-card-specs,
  .aon-vc-card-colors,
  .aon-vc-card-dealer,
  .aon-vc-card-packages,
  .aon-vc-card-accessories,
  .aon-vc-card-cta {
    width: 100%;
    padding: 0;
  }
}

.aon-vc-card-planned-delivery {
  display: inline-block;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333333;
  background-color: #ffffff;
  padding: 0.125rem 0.375rem;
}

.aon-vc-dealer-name {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #666666;
  padding-top: 0.5rem;
}

.aon-vc-dealer-distance {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #888888;
}

.aon-vc-card-cta button {
  background-color: #002957;
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 0.9375rem 2.1875rem;
}

@media (max-width: 640px) {
  .aon-vc-card-cta button {
    margin-top: 0.9375rem;
  }
}

.aon-vc-year-model {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.375rem;
}

.aon-ac-trim {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.375rem;
  line-height: 1.5rem;
}

.aon-vc-aonnum {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.375rem;
}

.aon-vc-pricetype {
  font-weight: 700;
  font-size: 0.875rem;
  color: #888888;
}

.aon-vc-options-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333333;
}

.aon-vc-card-vehicle-options ul {
  padding-left: 1.125rem;
  margin-top: 0.5rem;
}

@media (max-width: 640px) {
  .aon-vc-card-vehicle-options ul {
    margin: 0;
  }
}

.aon-vc-card-vehicle-options ul li {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #666666;
}

.aon-vc-card-vehicle-options ul li span {
  position: relative;
  left: -0.3125rem;
}

.aon-vc-vehicle {
  margin-top: 1.25rem;
}

.aon-vc-image-disclaimer {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.875rem;
  text-align: center;
  margin-top: -0.3125rem;
  padding-bottom: 0.9375rem;
}

@media (max-width: 640px) {
  .aon-vc-image-disclaimer {
    margin-top: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 640px) {
  .aon-vc-wrapper {
    margin: 0 0 0.9375rem 0;
  }
  .aon-vc-results-eyebrow {
    padding: 0.9375rem;
  }
  .aon-vc-options-title {
    display: none;
  }
  .aon-vc-card-vehicle-image {
    order: 3;
    padding: 1.5625rem;
  }
  .aon-vc-card-vehicle-details {
    order: 1;
    padding: 0 1.5625rem 0 1.5625rem;
  }
  .aon-vc-card-price {
    order: 2;
    padding: 0.3125rem 1.5625rem 0 1.5625rem;
  }
  .aon-vc-hide-on-mobile {
    display: none;
  }
  .aon-vc-card-vehicle-options {
    padding-top: 1.5625rem;
  }
  .aon-vc-card-accessories {
    padding: 0 1.5625rem 1.5625rem 1.5625rem;
    border-bottom: 1px solid #333333;
  }
  .aon-vc-card-row {
    order: 5;
    padding: 1.5625rem 1.5625rem 0 1.5625rem;
  }
  .aon-vc-card-planned-delivery {
    margin-bottom: 0.5rem;
  }
  .aon-vc-card-specs {
    order: 1;
    padding: 0 1.5625rem 0 1.5625rem;
  }
  .aon-vc-card-colors {
    order: 2;
    padding: 0 1.5625rem 0 1.5625rem;
  }
  .aon-vc-card-dealer {
    order: 6;
    padding: 0 1.5625rem 1.5625rem 1.5625rem;
  }
  .aon-vc-card-packages {
    order: 3;
    padding: 0 1.5625rem 0 1.5625rem;
  }
  .aon-vc-card-accessories {
    order: 4;
  }
  .aon-vc-card-cta {
    order: 7;
    padding-bottom: 2.1875rem;
  }
  .aon-vc-dealer-name {
    padding: 0;
  }
  .aon-vc-year-model {
    font-size: 1.5rem;
    line-height: 1.625rem;
  }
  .aon-ac-trim {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.aon-vc-pagination {
  display: flex;
  justify-content: center;
  margin: 0.875rem 0 3.375rem;
}

.aon-vc-pagination-link {
  color: #002c5e;
  margin: 0 0.3125rem;
  padding: 0.625rem 0.9375rem;
}

.aon-vc-pagination-link .icon {
  height: 0.875rem;
  width: 0.875rem;
}

@media (max-width: 420px) {
  .aon-vc-pagination-link {
    padding: 0.625rem 0.75rem;
  }
}

@media (max-width: 320px) {
  .aon-vc-pagination-link {
    padding: 0.5rem 0.5rem;
  }
}

.aon-vc-pagination-disabled,
.aon-vc-pagination-current,
.aon-vc-pagination-ellip {
  cursor: default;
}

.aon-vc-pagination-ellip {
  outline: none;
}

.aon-vc-pagination-disabled {
  color: #888888;
}

.aon-vc-pagination-current {
  color: #00aad2;
}

.aon-vc-pagination-extended-neighbor {
  display: none;
}

@media (min-width: 1024px) {
  .aon-vc-pagination-extended-neighbor {
    display: block;
  }
}

.aon-vc-summary-sort {
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  padding: 0;
}

.aon-vc-summary-sort .icon {
  color: #002c5e;
  height: 0.625rem;
  margin-left: 0.5rem;
  width: 0.625rem;
}

.aon-vc-summary-sort-type-container {
  display: none;
}

.aon-vc-summary-sort-type {
  color: #002c5e;
}

.aon-vc-sortby {
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
}

.aon-vc-sortby .dropdown {
  position: static;
}

.aon-vc-sortby .dropdown-panel {
  box-shadow: 0 0.1875rem 0.5625rem 0 rgba(186, 186, 186, 0.3);
  display: block;
  top: 2.8125rem;
}

@media (min-width: 640px) {
  .aon-vc-sortby .dropdown {
    position: relative;
  }
  .aon-vc-sortby .dropdown-panel {
    left: auto;
    margin-top: 0.25rem;
    top: 100%;
    width: 8.625rem;
  }
}

.aon-vc-modal-box-wrapper {
  height: 100%;
  width: auto;
  position: fixed;
  display: flex;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
}

.aon-vc-modal-box {
  display: flex;
  flex-direction: column;
}

.aon-vc-modal-box-inner {
  position: relative;
}

.aon-vc-modal-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.875rem;
  color: #000000;
}

.aon-vc-modal-copy {
  margin-right: 18.75rem;
  max-width: 21.8125rem;
}

@media (max-width: 640px) {
  .aon-vc-modal-copy {
    margin-right: 0;
  }
}

.aon-vc-modal-copy p {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #000000;
  padding-top: 1.5625rem;
}

.aon-vc-modal-cta {
  margin: 1.0625rem 0 3.125rem 0;
}

.aon-vc-keepres-header-inner {
  width: 100%;
  max-width: 75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  border: 1px solid #bababa;
  color: #000000;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-top: 2.5rem;
}

@media (max-width: 640px) {
  .aon-vc-keepres-header-inner {
    display: block;
  }
}

.aon-vc-keepres-header-left {
  display: flex;
  justify-content: flex-start;
}

@media (max-width: 640px) {
  .aon-vc-keepres-header-left {
    width: 100%;
    display: block;
  }
}

.aon-vc-keepres-header-right {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
}

@media (max-width: 640px) {
  .aon-vc-keepres-header-right {
    width: 100%;
    display: block;
    margin-top: 0.9375rem;
  }
}

.aon-vc-modal-background {
  background: #f3f3f3 no-repeat center top;
  background-size: cover;
}

.aon-vc-modal-backdrop {
  z-index: 1002;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.hero-mini {
  display: flex;
  justify-content: center;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .hero-mini {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .hero-mini {
    padding: 0;
  }
}

.hero-mini-content-center .hero-mini-content-inner {
  text-align: center;
}

.hero-mini-borderless {
  padding: 0;
}

@media (min-width: 640px) {
  .hero-mini-borderless {
    padding: 0;
  }
}

@media (min-width: 2560px) {
  .hero-mini-borderless {
    background-size: auto;
  }
}

.hero-mini-inner-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  background: #f3f3f3 no-repeat center top;
  background-size: cover;
}

@media (min-width: 2560px) {
  .hero-mini-inner-wrapper {
    background: no-repeat center top;
    background-size: auto;
  }
}

.hero-mini-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 1024px) {
  .hero-mini-inner {
    max-width: 90rem;
    flex-direction: row;
    padding: 2.5rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .hero-mini-inner {
    padding: 5rem 11.3125rem;
  }
}

.hero-mini-image-container {
  width: 100%;
  order: 1;
}

@media (min-width: 1024px) {
  .hero-mini-image-container {
    width: 50%;
  }
}

.hero-mini-image-inner {
  display: flex;
  justify-content: center;
}

.hero-mini-image-inner img {
  width: 100%;
}

/* Image Right */
.hero-mini-image-right .hero-mini-image-container {
  order: 1;
}

@media (min-width: 1024px) {
  .hero-mini-image-right .hero-mini-image-container {
    order: 2;
  }
}

.hero-mini-content-container {
  width: 100%;
  order: 2;
}

@media (max-width: 1023px) {
  .hero-mini-content-container {
    padding-top: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .hero-mini-content-container {
    width: 50%;
  }
}

.hero-mini-content-inner {
  padding: 1.25rem 1.5rem 2.1875rem;
}

@media (min-width: 640px) {
  .hero-mini-content-inner {
    padding: 1.25rem 2rem 2.1875rem;
  }
}

@media (min-width: 1024px) {
  .hero-mini-content-inner {
    padding: 0 2.5rem;
  }
}

.hmc-blue .hero-mini-cta {
  color: #002c5e !important;
}

.hmc-blue .tooltip-trigger {
  color: #002c5e !important;
}

.hero-mini-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #ffffff;
  line-height: 1.875rem;
  margin-bottom: 1rem;
}

.hero-mini-headline .tooltip-trigger {
  color: #ffffff;
}

.hero-mini-copy {
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
  margin-bottom: 1rem;
}

.hero-mini-copy .tooltip-trigger {
  color: #ffffff;
}

.hero-mini-cta {
  display: block;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
  margin-bottom: 1rem;
}

.hero-mini-cta svg {
  width: 0.5rem;
  height: 0.625rem;
  display: inline-block;
  margin-left: 0.375rem;
}

/* Content Right */
.hero-mini-image-right .hero-mini-content-container {
  order: 2;
}

@media (min-width: 1024px) {
  .hero-mini-image-right .hero-mini-content-container {
    order: 1;
  }
}

/* Content Dark */
.hero-mini-content-dark .hero-mini-headline,
.hero-mini-content-dark .hero-mini-copy,
.hero-mini-content-dark .hero-mini-cta,
.hero-mini-content-dark .tooltip-trigger {
  color: #333333;
}

.hero-mini-headline .tooltip-trigger, .hero-mini-copy .tooltip-trigger {
  color: inherit;
}
.fuel-calc {
  position: relative;
  overflow: hidden;
}

.fuel-calc-background-image {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  margin: 0 auto;
}

.fuel-calc-background-image picture {
  display: block;
  line-height: 0;
}

.fuel-card-separator {
  margin: 0 auto;
  width: 70%;
  opacity: 0.3;
}

@media (min-width: 1024px) {
  .fuel-card-separator {
    align-self: stretch;
    height: auto;
    margin: 1rem 0;
    width: 0.0625rem;
    flex-shrink: 0;
    border-bottom: none;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .fuel-card-separator {
    align-self: stretch;
    height: auto;
    margin: 0.375rem 0;
    width: 0.0625rem;
    flex-shrink: 0;
    border-bottom: none;
  }
}

.fuel-card-separator:last-child {
  display: none;
}

.fuel-calc-cards {
  padding: 0.3125rem 2.5rem 1.4375rem;
  position: relative;
}

.fuel-calc-card-light-text {
  color: #ffffff;
}

.fuel-calc-card-light-text a {
  color: #ffffff;
}

.fuel-calc-card-light-text svg {
  fill: #ffffff;
}

.fuel-calc-card-light-text .fuel-card-separator {
  border-bottom: 1px solid #f3f3f3;
}

@media (min-width: 1024px) {
  .fuel-calc-card-light-text .fuel-card-separator {
    background-color: #f3f3f3;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .fuel-calc-card-light-text .fuel-card-separator {
    background-color: #f3f3f3;
  }
}

.fuel-calc-card-dark-text {
  color: #333333;
}

.fuel-calc-card-dark-text a {
  color: #002c5e;
}

.fuel-calc-card-dark-text svg {
  fill: #002c5e;
}

.fuel-calc-card-dark-text .fuel-calc-input {
  border: #e6e6e6 0.0625rem solid !important;
}

.fuel-calc-card-dark-text .fuel-card-separator {
  border-bottom: 1px solid #333333;
}

@media (min-width: 1024px) {
  .fuel-calc-card-dark-text .fuel-card-separator {
    background-color: #333333;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .fuel-calc-card-dark-text .fuel-card-separator {
    background-color: #333333;
  }
}

.fuel-calculator-img-container {
  display: block;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fuel-calc-card {
  text-align: center;
  padding: 1.5625rem 0;
}

.fuel-calc-card a.fuel-calc-card-link {
  margin-top: auto;
  margin-bottom: 3.75rem;
}

@media screen and (max-width: 639px) {
  .fuel-calc-card a.fuel-calc-card-link {
    display: block;
    margin-bottom: 2.1875rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .fuel-calc-card a.fuel-calc-card-link {
    margin-bottom: 10.875rem;
  }
}

.fuel-calc-card .fuel-calc-header {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.375rem;
  padding: 0 0 1.4375rem;
  text-align: center;
  display: block;
}

@media (max-width: 640px) {
  .fuel-calc-card .fuel-calc-header {
    padding-top: 1.75rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .fuel-calc-card .fuel-calc-header {
    margin-top: 0.625rem;
  }
}

.fuel-calc-card .fuel-calc-input-form {
  display: inline-flex;
  margin: auto;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .fuel-calc-card .fuel-calc-input-form {
    display: inline-block;
  }
}

.fuel-calc-card-dark-text .fuel-calc-card {
  flex: 1;
  height: auto;
}

@media screen and (max-width: 640px) {
  .fuel-calc-card-dark-text .fuel-calc-card {
    text-align: center;
  }
}

.fuel-calc-form {
  text-align: center;
  margin: 0 0.375rem;
}

.fuel-calc-form .fuel-calc-input {
  width: 5.75rem;
  padding: 0.875rem;
  text-align: center;
  font-size: 1rem;
  border: none;
}

.fuel-calc-form .fuel-calc-form-label {
  font-size: 1rem;
  display: block;
  margin: 1.0625rem;
  width: 6.4375rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .fuel-calc-form .fuel-calc-form-label {
    margin: 1.0625rem auto;
  }
}

@media (max-width: 639px) {
  .fuel-calc-form {
    margin: 0 -0.375rem;
  }
}

.fuel-calc-icon svg {
  height: 0.875rem;
  width: 0.875rem;
  margin-left: 0.3125rem;
  display: inline-block;
}

.fuel-calc-card-text {
  display: block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  margin: 0 auto;
  margin-bottom: 1.75rem;
  line-height: 1.375rem;
  font-size: 1rem;
  width: 13.25rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .fuel-calc-card-text {
    width: 10.375rem;
  }
}

@media (max-width: 639px) {
  .fuel-calc-card-text {
    width: 14.8125rem;
  }
}

.fuel-calc-estimate {
  display: block;
  margin-bottom: 0.375rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.375rem;
  text-align: center;
  margin-top: 0.9375rem;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .fuel-calc-estimate {
    display: inline-block;
    width: 9.375rem;
  }
}

.fuel-calc-card-subtext {
  font-size: 1rem;
  margin-bottom: 1.5625rem;
}

.fuel-calc-card-link {
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: none;
}

.fuel-calc-card-link svg {
  height: 0.875rem;
  width: 0.875rem;
  margin-left: 0.5625rem;
  display: inline-block;
}

@media (min-width: 640px) {
  .fuel-calc-cards {
    padding: 3rem 1.5625rem 3.5rem;
    display: flex;
  }
  .fuel-calc-card {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 0.3125rem 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .fuel-calc-cards {
    width: 100%;
    padding: 5rem 1.5625rem;
  }
  .fuel-calc-card {
    padding: 0.3125rem 2.5rem;
  }
}

@media (min-width: 1440px) {
  .fuel-calc-cards {
    justify-content: center;
    padding: 6rem 1.5625rem;
  }
  .fuel-calc-card {
    max-width: 28.4375rem;
    flex-basis: 28.4375rem;
  }
}

.hrb-banner-container {
  width: 100%;
  display: flex;
  background: #002c5e;
}

.hrb-banner-inner {
  width: 100%;
  display: flex;
  margin: 1.125rem 0.9375rem;
}

@media (min-width: 1024px) {
  .hrb-banner-inner {
    margin: 1rem 1.5rem;
  }
}

.hrb-banner-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1024px) {
  .hrb-banner-form {
    flex-direction: row;
  }
}

.hrb-banner-form-copy {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.0625rem;
}

.hrb-banner-field {
  width: 100%;
  max-width: 18.125rem;
  margin: 1.125rem 0;
}

@media (min-width: 1024px) {
  .hrb-banner-field {
    margin: 0 1.5625rem;
  }
}

.hrb-banner-form-input {
  width: 100%;
  background: #ffffff;
  border: 1px solid #bababa;
  border-radius: 0;
  padding: 0.5625rem 0.75rem;
}

.hrb-banner-form-input:-ms-input-placeholder {
  color: #333333;
}

.hrb-banner-form-input::placeholder {
  color: #333333;
}

.hrb-banner-field-error .hrb-banner-form-input {
  border-color: #e63312;
}

.hrb-banner-field-error .hrb-banner-form-input:-ms-input-placeholder {
  color: #e63312;
}

.hrb-banner-field-error .hrb-banner-form-input::placeholder {
  color: #e63312;
}

.hrb-banner-form-submit {
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
  -webkit-tap-highlight-color: transparent;
}
.hrb-modal-form {
  width: 100%;
  max-width: 40rem;
  max-height: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  overflow-y: auto;
  z-index: 1002;
}

@media (min-width: 640px) {
  .hrb-modal-form {
    max-height: 100vh;
  }
}

.hrb-modal-form::-webkit-scrollbar {
  display: none;
}

.hrb-model-form-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.5rem 0 1.875rem;
}

@media (min-width: 640px) {
  .hrb-model-form-inner {
    padding: 2.5rem 1.875rem 1.875rem;
  }
}

.hrb-modal .hrb-model-form-inner {
  padding: 1.25rem 0 1.875rem;
}

@media (min-width: 640px) {
  .hrb-modal .hrb-model-form-inner {
    padding: 1.25rem 2rem 1.875rem;
  }
}

.hrb-form-close .modal-x {
  width: 0.9375rem;
  height: 0.9375rem;
  top: 1.5rem;
  right: 1.25rem;
  color: #002c5e;
}

@media (min-width: 1024px) {
  .hrb-form-close .modal-x {
    top: 0.875rem;
    right: 0.875rem;
  }
}

.hrb-form-close .modal-x:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.hrb-inline {
  display: flex;
  justify-content: center;
}

.hrb-inline-form {
  width: 100%;
}

.hrb-inline-form-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.25rem 0 1.875rem;
}

@media (min-width: 640px) {
  .hrb-inline-form-inner {
    padding: 1.25rem 1.875rem 1.875rem;
  }
}

.hrb-inline .hrb-form-header {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  text-align: center;
  padding: 1.25rem 1rem 1.875rem;
}

@media (min-width: 640px) {
  .hrb-inline .hrb-form-header {
    padding: 1.25rem 1rem;
  }
}

@media (min-width: 1024px) {
  .hrb-inline .hrb-form-header {
    gap: 1rem;
  }
}

.hrb-modal .hrb-form-header {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  text-align: center;
  padding: 1.25rem 1rem;
}

@media (min-width: 640px) {
  .hrb-modal .hrb-form-header {
    gap: 1rem;
    padding: 1.25rem 1rem;
  }
}

@media (min-width: 1024px) {
  .hrb-modal .hrb-form-header {
    gap: 1rem;
  }
}

.hrb-form-headline p {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.875rem;
}

.hrb-form-copy p {
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
  font-weight: 400;
}

.hrb-form-status-bar {
  margin: 0 auto;
  max-width: 48.75rem;
  width: 100%;
}

.hrb-form-status-bar .statusbar {
  padding: 1.25rem 1rem;
}

@media (min-width: 640px) {
  .hrb-form-status-bar .statusbar {
    padding: 1.25rem 2rem;
  }
}

@media (min-width: 1440px) {
  .hrb-form-status-bar .statusbar {
    padding: 1.25rem 3rem;
  }
}

.hrb-modal .hrb-form-status-bar .statusbar {
  margin-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .hrb-modal .hrb-form-status-bar .statusbar {
    margin-bottom: 1rem;
  }
}

@media (min-width: 640px) {
  .hrb-modal .hrb-form-status-bar .statusbar {
    padding: 1.25rem 1rem;
  }
}

.hrb-form {
  width: 100%;
  max-width: 48.75rem;
  margin: 0 auto;
  background-color: #f3f3f3;
}

.hrb-modal .hrb-form {
  width: 100%;
  max-width: 48.75rem;
  margin: 0 auto;
  background-color: #ffffff;
}

.hrb-inline .hrb-form-inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 0 1rem 2.5rem;
}

@media (min-width: 640px) {
  .hrb-inline .hrb-form-inner {
    padding: 0 2rem 2.5rem;
  }
}

@media (min-width: 1440px) {
  .hrb-inline .hrb-form-inner {
    padding: 0 3rem 2.5rem;
  }
}

.hrb-modal .hrb-form-inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 0 1rem 1.25rem;
}

@media (min-width: 640px) {
  .hrb-modal .hrb-form-inner {
    padding: 0;
  }
}

.hrb-form-required {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333333;
  margin-bottom: 1rem;
}

.hrb-inline .hrb-form-required {
  padding: 2.5rem 1rem 0;
}

@media (min-width: 640px) {
  .hrb-inline .hrb-form-required {
    padding: 2.5rem 2rem 0;
  }
}

@media (min-width: 1440px) {
  .hrb-inline .hrb-form-required {
    padding: 2.5rem 3rem 0;
  }
}

.hrb-modal .hrb-form-required {
  padding: 1.25rem 1rem 0;
}

@media (min-width: 640px) {
  .hrb-modal .hrb-form-required {
    padding: 0;
  }
}

.hrb-form-required-astericks {
  color: #e63312;
}

.hrb-form-field-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5rem;
}

@media (min-width: 640px) {
  .hrb-form-field-container {
    column-gap: 0.625rem;
    row-gap: 1.5rem;
  }
}

.hrb-inline .hrb-form-field {
  width: 100%;
}

@media (min-width: 640px) {
  .hrb-inline .hrb-form-field {
    width: 48.5%;
  }
}

.hrb-modal .hrb-form-field {
  width: 100%;
}

@media (min-width: 640px) {
  .hrb-modal .hrb-form-field {
    width: 48%;
  }
}

.hrb-form-field-edit {
  width: 100%;
}

@media (min-width: 1024px) {
  .hrb-form-field-edit {
    order: 1;
    width: 17%;
  }
}

.hrb-form-field.hrb-form-field-legal, .hrb-form-model-select-container .hrb-form-field {
  width: 100%;
}

.hrb-form-model-select-container {
  margin: 0;
}

.hrb-form-field-legal {
  width: 100%;
}

.hrb-form-field-legal .hrb-form-label {
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  display: block;
  margin-bottom: 0;
}

.hrb-form-field-legal .hrb-form-label-error {
  line-height: 0.875rem;
}

.hrb-form-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.hrb-form-custom-checkbox {
  display: flex;
  gap: 0.5rem;
}

.hrb-form-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-top: 0.125rem;
  background-color: #ffffff;
  border: 0.09375rem solid #bababa;
  border-radius: 0.1875rem;
  cursor: pointer;
}

.hrb-form-custom-checkbox-button:hover {
  border-color: #00aad2;
}

.hrb-form-custom-checkbox-button:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border-color: #00aad2;
}

.hrb-form-custom-checkbox-label {
  display: block;
  font-weight: 400;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
}

.hrb-form-custom-checkbox-label a {
  font-weight: 400;
  color: #666666;
}

.hrb-form-custom-checkbox-label a:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.hrb-form-label-check .hrb-form-custom-checkbox-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.hrb-form-label-check #hrb-form-optional-checkbox {
  margin-top: 0;
}

.hrb-form-checkbox:checked ~ .hrb-form-custom-checkbox .hrb-form-custom-checkbox-button {
  border: 0.125rem solid #00aad2;
}

.hrb-form-checkbox:checked ~ .hrb-form-custom-checkbox .hrb-form-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0.25rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.hrb-form-checkbox:checked ~ .hrb-form-custom-checkbox .hrb-form-custom-checkbox-button {
  background-color: #00aad2 !important;
}

.hrb-form-checkbox:checked ~ .hrb-form-custom-checkbox .hrb-form-custom-checkbox-button:after {
  border: solid #ffffff;
  border-width: 0 0.125rem 0.125rem 0;
}

.hrb-form-label {
  display: block;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: #333333;
  margin-bottom: 0.25rem;
}

.hrb-form-input {
  width: 100%;
  color: #333333;
  background: #ffffff;
  font-size: 0.875rem;
  border-radius: 0.25rem;
  padding: 0.75rem;
  height: 2.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  border: 0.0625rem solid #bababa;
}

.hrb-form-input:hover {
  border-color: #00aad2;
}

.hrb-form-input:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border: 0.125rem solid #00aad2;
  padding: 0.75rem 0.6875rem;
}

.hrb-form-label-error {
  display: none;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.75rem;
  color: #e63312;
  margin-top: 0.25rem;
}

.hrb-form-field-legal .hrb-form-label-error, .hrb-form-model-select-container .hrb-form-label-error {
  margin-top: 0.5rem;
}

.hrb-form-submit-field .hrb-form-label-error {
  line-height: 0.875rem;
  margin-top: 0.625rem;
}

.hrb-form-field-error .hrb-form-input,
.hrb-form-field-error .multiselect__tags {
  border-color: #e63312;
}

.hrb-form-field-error .hrb-form-label-error {
  display: block;
}

#hrb-form-consent {
  margin: 0;
}

.hrb-form-field-error .hrb-form-input, .hrb-form-field-error #hrb-form-consent, .hrb-form-field-error #hrb-form-phone-number, .hrb-form-field-error #hrb-form-dealer, .hrb-form-field-error .hrb-form-dropdown {
  border-color: #e63312 !important;
  border-width: 0.125rem;
}

.hrb-form-field-error .hrb-form-label-error {
  display: block;
}

.hrb-form-field-error .hrb-form-input {
  padding: 0.75rem 0.6875rem;
}

.hrb-form-field.hrb-form-field-error:not(.hrb-form-field-legal) .hrb-form-label-error {
  font-size: 0.75rem;
}

#hrb-multiselect .hrb-form-field .hrb-form-label-error {
  font-size: 0.875rem;
  line-height: 0.875rem;
}

.hrb-modal .hrb-form-edit-dealer .hrb-form-label-error {
  font-size: 0.75rem;
  line-height: 0.75rem;
}

@media (min-width: 640px) {
  .hrb-modal .hrb-form-edit-dealer .hrb-form-label-error {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}

.hrb-form .multiselect:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border-radius: 0.125rem;
}

.hrb-form .multiselect:focus .multiselect__tags {
  border: 0.125rem solid #00aad2;
  padding: 0.40625rem 2.5rem 0.40625rem 0.6875rem;
}

.hrb-form .multiselect__tags {
  display: flex;
  min-height: 2.625rem;
  border-radius: 0.25rem;
  padding: 0.46875rem 2.5rem 0.46875rem 0.75rem;
  align-items: center;
}

.hrb-form .multiselect__tags:hover {
  border-color: #00aad2;
}

.hrb-form .multiselect__tags .multiselect__tags-wrap {
  gap: 0.375rem;
  display: flex;
}

.hrb-form .multiselect__tags .multiselect__tags-wrap .multiselect__tag {
  display: flex;
  border-radius: 0.25rem;
  margin: 0;
  padding: 0 0.125rem 0 0.5625rem;
  max-height: 1.5rem;
}

.hrb-form .multiselect__tags .multiselect__tags-wrap .multiselect__tag span {
  line-height: 1.5rem;
  font-weight: 500;
}

.hrb-form .multiselect__tags .multiselect__tag-remove {
  display: flex;
  margin: 0 0.0625rem 0 0.3125rem;
}

.hrb-form .multiselect__tags .multiselect__tag-remove:focus {
  outline: 2px solid #001A38;
  outline-offset: 2px;
}

.hrb-form .multiselect__tags .multiselect__tag-icon {
  margin-left: 0;
  width: 100%;
}

.hrb-form .multiselect .multiselect__single {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  height: 100%;
  line-height: 1.25rem;
  font-weight: 400;
  color: #333333;
}

.hrb-form-field-error .hrb-form-input,
.hrb-form-field-error .multiselect__tags {
  border-color: #e63312 !important;
  border-width: 0.125rem;
}

.hrb-form-field-error .hrb-form-label-error {
  display: block;
}

.hrb-form-field-error .hrb-form-input:focus {
  padding: 0.75rem 0.6875rem;
}

.hrb-form-field-error .multiselect__tags {
  padding: 0.40625rem 2.5rem 0.40625rem 0.6875rem;
}

.hrb-form-field-error .multiselect:focus .multiselect__tags {
  padding: 0.40625rem 2.5rem 0.40625rem 0.6875rem;
}

#hrb-multiselect .multiselect-caret {
  position: absolute;
  top: 50%;
  right: 0.0625rem;
  transform: translateY(-50%);
  padding: 0.5625rem 0.75rem;
}

#hrb-multiselect .multiselect-caret svg {
  width: 0.625rem;
  height: 0.375rem;
  margin-left: auto;
  flex-shrink: 0;
  color: #002c5e;
}

#hrb-multiselect .multiselect--active .multiselect-caret {
  transform: translateY(-50%) rotate(180deg);
}

.hrb-form-model-select-copy {
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.875rem;
  margin-bottom: 0.1875rem;
}

.hrb-form-model-select-sub-copy {
  font-size: 0.875rem;
  font-weight: 400;
  color: #666666;
  line-height: 1rem;
  margin-bottom: 0.25rem;
}

.hrb-form-electric-salable-container {
  display: flex;
  flex-direction: column;
}

.hrb-form-electric-salable-container .tooltip-trigger:focus {
  outline: none;
}

.hrb-form-electric-salable-container .tooltip-trigger:focus svg {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.hrb-form-electric-salable-banner {
  background-color: #EEF7F9;
  margin-bottom: 0.625rem;
}

.hrb-form-electric-salable-banner:last-of-type {
  margin-bottom: 0;
}

.hrb-form-electric-salable-banner-inner {
  padding: 0.9375rem 1.25rem;
}

.hrb-form-electric-salable-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.hrb-form-electric-salable-copy a {
  display: inline-flex;
  color: #002c5e;
  margin-left: 0.125rem;
}

.hrb-form-purchase-windows-container {
  margin-bottom: 0;
}

.hrb-form-purchase-windows-copy {
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  line-height: 0.875rem;
}

.hrb-form-purchase-windows {
  display: flex;
  flex-flow: column;
  gap: 0.75rem;
  margin-top: 0.75rem;
}

@media (min-width: 640px) {
  .hrb-form-purchase-windows {
    flex-flow: row;
    flex-wrap: wrap;
    column-gap: 0;
    row-gap: 0.75rem;
  }
}

.hrb-form-purchase-window {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

@media (min-width: 640px) {
  .hrb-form-purchase-window {
    max-width: 12.9375rem;
    width: 100%;
  }
}

@media (min-width: 640px) {
  .hrb-modal .hrb-form-purchase-window {
    max-width: 11.875rem;
  }
}

.hrb-form-custom-radio-button {
  position: relative;
  margin-right: 0.5rem;
}

.hrb-form-custom-radio-button:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border: 0.125rem solid #00aad2;
}

.hrb-form-custom-radio-label {
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  font-weight: 400;
}

.hrb-form-collapsed-dealer {
  height: 100%;
  min-height: 4.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  background-color: #e6e6e6;
  border-radius: 0.625rem;
  padding: 0.75rem;
}

.hrb-form-collapsed-dealer .hrb-form-dealer-inner {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.hrb-form-collapsed-dealer .hrb-form-dealer-inner .hrb-form-dealer-name {
  display: flex;
  align-items: center;
}

.hrb-form-collapsed-dealer .hrb-form-dealer-name-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #333333;
  padding-right: 0.5rem;
}

.hrb-form-collapsed-dealer .hrb-form-dealer-preferred-copy {
  font-weight: 500;
  font-size: 0.75rem;
  color: #333333;
  line-height: 0.75rem;
}

.hrb-form-collapsed-dealer .hrb-form-dealer-distance {
  display: flex;
  gap: 0.5rem;
}

.hrb-form-collapsed-dealer .hrb-form-dealer-distance-copy {
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.hrb-form-collapsed-dealer .hrb-form-dealer-distance-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #002c5e;
  text-decoration: underline;
}

.hrb-form-collapsed-dealer .hrb-form-dealer-distance-button:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

@media (min-width: 1440px) {
  .hrb-form-collapsed-dealer .hrb-form-electric-salable {
    width: 100%;
    order: 1;
  }
}

.hrb-form-edit-dealer {
  display: flex;
  flex-direction: column;
  background-color: #e6e6e6;
  border-radius: 0.625rem;
  gap: 1rem;
}

@media (min-width: 640px) {
  .hrb-form-edit-dealer {
    flex-direction: row;
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .hrb-form-edit-dealer {
    flex-direction: column;
    gap: 1rem;
  }
}

@media (min-width: 1440px) {
  .hrb-form-edit-dealer {
    flex-direction: row;
    gap: 1.5rem;
  }
}

.hrb-form-edit-dealer .hrb-form-dealer-preferred-copy {
  font-weight: 500;
  font-size: 0.75rem;
  color: #333333;
  line-height: 0.75rem;
}

.hrb-form-edit-dealer-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  gap: 1.5rem;
}

@media (min-width: 1024px) {
  .hrb-form-edit-dealer-inner {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.hrb-form-edit-dealer-inner .hrb-form-group-electric-salable {
  order: 1;
}

@media (min-width: 1024px) {
  .hrb-form-edit-dealer-inner .hrb-form-group-electric-salable {
    order: 0;
  }
}

.hrb-form-edit-dealer-inner .hrb-form-field {
  order: 0;
}

@media (min-width: 1024px) {
  .hrb-form-edit-dealer-inner .hrb-form-field {
    order: 1;
    width: 17%;
  }
}

.hrb-form-edit-dealer-inner .hrb-form-dealer-list {
  order: 2;
}

@media (min-width: 1024px) {
  .hrb-form-edit-dealer-inner .hrb-form-dealer-list {
    width: 77%;
  }
}

.hrb-form-edit-dealer .hrb-form-label-error {
  margin-top: 0.5rem;
}

.hrb-form-dealer-list .hrb-form-label-error {
  margin-top: 0;
}

.hrb-zipcode-field {
  position: relative;
  width: 100%;
}

.hrb-zipcode-field .hrb-form-label {
  color: #333333;
}

.hrb-zipcode-field .hrb-form-input {
  width: 100%;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  padding: 0.5625rem 2rem 0.5625rem 0.75rem;
  -webkit-appearance: none;
          appearance: none;
}

.hrb-zipcode-field .hrb-form-input:focus {
  padding: 0.5625rem 2rem 0.5625rem 0.6875rem;
}

.hrb-zipcode-field .hrb-form-input::-webkit-outer-spin-button,
.hrb-zipcode-field .hrb-form-input::-webkit-inner-spin-button {
  appearance: none;
  -webkit-appearance: none;
}

.hrb-zipcode-field button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding: 0.75rem;
}

.hrb-zipcode-field button svg {
  width: 1rem;
  height: 1rem;
}

.hrb-form-dealer-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.hrb-form-dealer-list .hrb-form-dealer-list-label {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.75rem;
  letter-spacing: 0;
}

.hrb-form-dealer-list .hrb-form-dealers {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1024px) {
  .hrb-form-dealer-list .hrb-form-dealers {
    gap: 0.625rem;
  }
}

.hrb-form-dealer-list .hrb-form-dealer {
  display: flex;
  flex-direction: row;
}

.hrb-form-dealer-list .hrb-form-custom-checkbox {
  align-items: flex-start;
}

.hrb-form-dealer-list .hrb-form-custom-checkbox-label {
  display: flex;
  font-weight: inherit;
  font-size: unset;
  color: unset;
  line-height: unset;
}

.hrb-form-dealer-list .hrb-form-custom-checkbox-label .hrb-form-dealer-item {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hrb-form-dealer-list .hrb-form-custom-checkbox-label .hrb-form-dealer-item-copy {
  font-size: 0.875rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.25rem;
  padding-right: 0.5rem;
  vertical-align: middle;
}

.hrb-form-dealer-list .hrb-form-dealer-checkbox-disabled {
  pointer-events: none;
  opacity: 0.3;
}

.hrb-form .hrb-form-dealer-preferred {
  height: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  background-color: #ffffff;
  border-radius: 1.5rem;
  padding: 0 0.5rem 0 0.1875rem;
  margin-left: 0;
  vertical-align: middle;
}

.hrb-form .hrb-form-dealer-preferred .hrb-form-dealer-preferred-svg, .hrb-form .hrb-form-dealer-preferred .hrb-form-dealer-preferred-svg svg {
  width: 100%;
  height: 100%;
  padding-bottom: 0.0625rem;
}

#hrb-form-dealers.hrb-form-field-error .hrb-form-select-dealers-error {
  margin-top: -0.125rem;
}

.hrb-form-field-error #hrb-form-consent, .hrb-form-field-error #hrb-form-dealer {
  background: #e6e6e6;
  border-width: 0.0625rem;
}

.hrb-form-dealer-fields {
  width: 100%;
  background-color: #bababa;
  margin-bottom: 1.5625rem;
}

.hrb-form-dealer-fields .hrb-form-label {
  color: #333333;
}

.hrb-form-dealer-fields .hrb-form-field {
  width: 100%;
}

.hrb-form-dealer-field-inner {
  padding: 1.875rem 0.9375rem;
}

@media (min-width: 640px) {
  .hrb-form-dealer-field-inner {
    padding: 1.875rem 2.5rem;
  }
}

.hrb-form-dealer-dropdown-box {
  position: relative;
}

.hrb-form-dealer-dropdown-button {
  height: auto;
  padding: 0.5625rem 0.75rem;
  -webkit-tap-highlight-color: transparent;
}

.hrb-form-dealer-dropdown-button.dropdown-open .icon-chevron-down-thick {
  transform: rotate(180deg);
}

.hrb-form-dealer-dropdown-selected {
  text-align: left;
}

.hrb-form-dealer-dropdown-error,
.hrb-form-dealer-dropdown-loading {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  font-style: italic;
  color: #888888;
}

.hrb-form-dealer-dropdown {
  width: 100%;
  position: absolute;
  left: 0;
  background-color: #ffffff;
  z-index: 2;
}

.hrb-form-dealer-dropdown-items {
  display: flex;
  flex-direction: column;
}

.hrb-form-dealer-dropdown-item {
  min-height: inherit;
  text-align: left;
  padding: 0.5625rem 0.75rem;
}

.hrb-form-dealer-dropdown-item.dropdown-item-active {
  background-color: #ffffff;
}

.hrb-form-dealer-dropdown-item:hover {
  background-color: #f3f3f3;
}

.hrb-form-dealer-dropdown-item:before,
.hrb-form-dealer-dropdown-item + .hrb-form-dealer-dropdown-item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0.75rem;
  right: 0.75rem;
  height: 0.0625rem;
  opacity: 1 !important;
  background-color: #bababa;
}

.hrb-inline .form-radio-button:after, .hrb-modal .form-radio-button:after {
  top: 0.21875rem;
  left: 0.21875rem;
}

.hrb-form-dealer-preferred {
  display: inline-flex;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  color: #888888;
  line-height: 1.25rem;
  margin-left: 0.3125rem;
}

.hrb-form-dealer-preferred .icon-star-active {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  color: #00aad2;
  margin-left: 0.3125rem;
  transform: none;
}

.hrb-form-legal-field {
  margin-top: 0.6875rem;
}

.hrb-form-legal {
  position: relative;
  display: inline-flex;
  align-items: flex-end;
}

.hrb-legal-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.hrb-legal-custom-checkbox {
  display: flex;
  align-items: flex-start;
}

.hrb-legal-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.0625rem solid #bababa;
  margin-right: 0.5rem;
  cursor: pointer;
}

.hrb-legal-checkbox:checked ~ .hrb-legal-custom-checkbox .hrb-legal-custom-checkbox-button {
  border: 0.0625rem solid #00aad2;
}

.hrb-legal-checkbox:checked ~ .hrb-legal-custom-checkbox .hrb-legal-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.125rem;
  left: 0.375rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.hrb-legal-custom-checkbox-label {
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.0625rem;
}

.hrb-form-dealer-dropdown-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
}

.hrb-form-legal-container {
  margin: 0;
  padding-top: 1.5rem;
  border-top: 0.0625rem solid #bababa;
}

.hrb-form-legal-copy {
  font-weight: 400;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
}

.hrb-form-legal-copy a {
  color: inherit;
}

.hrb-form-legal-copy a:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.hrb-form-submit-container {
  margin-top: 0;
}

.hrb-form-submit-container .hrb-form-submit {
  max-width: 6.4375rem;
}

.hrb-form-submit-container .hrb-form-submit:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  box-shadow: none;
}

.hrb-form-submit-container .hrb-form-submit-error {
  margin-top: 0.625rem;
}

.hrb-success {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  background-color: #f3f3f3;
  max-width: 48.75rem;
  margin: 0 auto;
}

.hrb-success-inner {
  width: 100%;
  max-width: 30.625rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 2.5rem 1rem;
}

@media (min-width: 1024px) {
  .hrb-success-inner {
    margin: 2.5rem 0;
  }
}

.hrb-success-icon-container {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto 1.25rem;
}

.hrb-success-icon {
  width: 100%;
  height: 100%;
}

.hrb-success-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.875rem;
  margin-bottom: 1.25rem;
}

.hrb-success-copy {
  font-size: 1rem;
  color: #666666;
  line-height: 1.375rem;
}

.hrb-success-copy b {
  font-weight: 700;
}

.hrb-success-copy p {
  display: inline;
}

.hrb-form-recaptcha-legal-container {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 0.0625rem solid #bababa;
}

.hrb-form-recaptcha-legal-copy {
  font-weight: 500;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1rem;
}

.hrb-form-recaptcha-legal-copy a {
  color: #002c5e;
  text-decoration: none;
  display: inline-block;
  padding-right: 1.25rem;
}

.hrb-form-recaptcha-legal-copy a svg {
  display: inline-block;
  margin-left: 0.3125rem;
}

.hrb-form-recaptcha-legal-copy a:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.hrb-modal-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1001;
}

@media (min-width: 1024px) {
  body.chat-opened .hrb-modal {
    position: fixed;
    display: flex;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100vw - 375px);
    z-index: 1008;
    transform: translateZ(0);
  }
}

.eic-navigation {
  background-color: #ffffff;
  height: 5rem;
  position: relative;
  z-index: 995;
}

.eic-navigation[data-trigger="sticky.bar"] {
  position: static;
}

.eic-bar {
  background-color: #ffffff;
  z-index: 995;
  display: flex;
  align-items: center;
  height: 5rem;
  box-shadow: 0 1px 3px 0 rgba(222, 222, 222, 0.5);
}

@media (min-width: 640px) {
  body.chat-opened .eic-bar {
    width: calc(100vw - 375px);
  }
}

.eic-bar-contain {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 0 0 1rem;
  text-align: left;
  overflow-x: auto;
  white-space: nowrap;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: none;
}

.eic-bar-contain::-webkit-scrollbar {
  display: none;
}

@media (min-width: 640px) {
  .eic-bar-contain {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .eic-bar-contain {
    padding: 0 2.625rem;
  }
}

.eic-bar-title {
  display: block;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.0625rem;
  margin-right: 5rem;
}

@media (max-width: 639px) {
  .eic-bar-title {
    display: none;
  }
}

.eic-bar-options {
  display: flex;
}

.eic-bar-option {
  align-items: flex-start;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #666666;
  line-height: 1.0625rem;
  margin: 0 0.75rem;
}

.eic-bar-option:first-child {
  margin-left: 0;
}

.eic-bar-option:last-child {
  margin-right: 1.5rem;
}

@media (min-width: 640px) {
  .eic-bar-option {
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 400;
    margin: 0 1.25rem;
  }
}

.eic-bar-option-active {
  position: relative;
  color: #333333;
  font-weight: 700;
  padding-bottom: 0.5rem;
}

.eic-bar-option-active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.125rem;
  width: 100%;
  background-color: #00aad2;
}

.eic-nav-category {
  display: block;
  width: 100%;
}

.uoc-modal {
  color: #002c5e;
  text-decoration: underline;
}

.universal-overlay-backdrop {
  z-index: 2001;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.universal-overlay-modal-tdp {
  display: none;
}

.universal-overlay-modal-tdp.universal-overlay-modal-open {
  display: block;
}

.universal-overlay-content {
  width: 100%;
  max-width: 1024px;
  z-index: 2002;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

@media (max-width: 1023px) {
  .universal-overlay-content {
    width: 100%;
    top: 0;
    transform: translate(-50%, 0);
    height: 100%;
    background-color: transparent;
  }
}

.uoc-container .modal-x {
  position: fixed;
  top: 1.0625rem;
}

@media (max-width: 1023px) {
  .uoc-container .modal-x {
    color: #ffffff;
    top: 0;
  }
}

.uoc-content {
  display: flex;
  height: 23.625rem;
}

@media (max-width: 1023px) {
  .uoc-content {
    flex-direction: column;
    height: 81%;
    overflow-y: auto;
  }
}

.uoc-header-container {
  position: relative;
  display: flex;
  background-color: #ffffff;
  padding: 1.25rem 2.5rem;
}

.uoc-header {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #666666;
  line-height: 1.375rem;
}

.uoc-image-container {
  position: relative;
  width: 65.82%;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .uoc-image-container {
    width: 100%;
    background-color: #ffffff;
    margin-top: 2.1875rem;
  }
}

.uoc-image-container .media-cinemagraph-container {
  height: 100%;
}

.uoc-image-container .media-cinemagraph-container img {
  width: 100%;
}

.uoc-image-container .media-cinemagraph-placeholder {
  position: relative;
}

.uoc-image-container .s7videoviewer {
  position: absolute;
  top: 0;
  left: 0;
}

.uoc-image {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}

@media (max-width: 1023px) {
  .uoc-image {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
}

.uoc-content-container {
  width: 34.18%;
  position: relative;
  padding: 3.8125rem 2.75rem 2.5rem;
  background-color: #ffffff;
}

@media (max-width: 1023px) {
  .uoc-content-container {
    width: 100%;
    background-color: #ffffff;
    padding: 1rem 1.5625rem;
  }
}

.universal-modal-scroll .universal-overlay-content {
  overflow-y: hidden;
}

@media (max-width: 1023px) {
  .universal-modal-scroll .universal-overlay-content {
    overflow-y: auto;
  }
}

.universal-modal-scroll .uoc-content-container {
  padding: 0;
}

.universal-modal-scroll .modal-x {
  top: 0.4375rem;
}

@media (max-width: 1023px) {
  .universal-modal-scroll .modal-x {
    top: 0;
  }
}

.uoc-content-scroll {
  height: 20.59375rem;
  overflow-y: auto;
  padding: 1.4375rem 2.75rem 1.5rem 2.5rem;
}

@media (max-width: 1023px) {
  .uoc-content-scroll {
    padding-top: 0;
    height: auto;
  }
}

.uoc-content-scroll .uoc-sub-title {
  padding-bottom: 1.0625rem;
}

.uoc-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
  line-height: 1.875rem;
  text-align: left;
  padding-bottom: 1.3125rem;
}

@media (max-width: 1023px) {
  .uoc-title {
    font-size: 1.125rem;
    padding-bottom: 0.5rem;
  }
}

.uoc-sub-title {
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.875rem;
  padding-bottom: 1.5rem;
}

@media (max-width: 1023px) {
  .uoc-sub-title {
    padding-bottom: 0.5rem;
  }
}

.uoc-title-bar {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 2.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.1875rem 1.25rem 0.125rem rgba(0, 0, 0, 0.05);
}

@media (max-width: 1023px) {
  .uoc-title-bar {
    box-shadow: none;
  }
}

.uoc-title-bar .uoc-title {
  padding-bottom: 0;
}

.uoc-description {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #666666;
  padding-bottom: 1rem;
  position: relative;
}

@media (max-width: 1023px) {
  .uoc-description {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

.uoc-cta {
  font-size: 0.75rem;
  font-weight: 600;
  color: #002c5e;
  line-height: 0.9375rem;
  text-decoration: none;
}

@media (max-width: 1023px) {
  .uoc-cta {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

.uoc-description-info {
  left: 0;
  height: auto;
  width: auto;
  max-height: 100%;
  z-index: 3000;
  position: fixed;
  display: flex;
  right: 0;
  bottom: 0;
}

@media (min-width: 640px) {
  .uoc-description-info {
    padding: 0 1.875rem;
  }
}

@media (min-width: 1024px) {
  .uoc-description-info {
    padding: 0 2.5rem;
  }
}

.uoc-description-info .modal-box {
  max-width: 1024px;
}

.universal-modal-no-media .universal-overlay-content {
  width: 28.125rem;
}

@media (max-width: 1023px) {
  .universal-modal-no-media .universal-overlay-content {
    width: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: auto;
  }
}

.universal-modal-no-media .uoc-content-container {
  width: 100%;
}

@media (max-width: 1023px) {
  .universal-modal-no-media .uoc-content-container {
    margin-top: 2.1875rem;
    padding: 2.5rem 1.8125rem 1.6875rem 2.5rem;
  }
}

@media (max-width: 1023px) {
  .universal-modal-no-media .uoc-content-align-middle {
    max-width: 20rem;
    margin: auto;
    width: 100%;
  }
}

.uco-component-text {
  display: inline;
}

/* TDP VARIANT */
.universal-modal-tdp .universal-overlay-content {
  max-width: 40.75rem;
  padding: 0 1rem;
  display: flex;
}

.universal-modal-tdp .universal-overlay-content .uoc-container {
  overflow-y: auto;
  overflow-x: hidden;
}

@media (max-width: 1023px) {
  .universal-modal-tdp .universal-overlay-content {
    width: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    background-color: transparent;
  }
}

.universal-modal-tdp .uoc-content {
  flex-direction: column;
  height: auto;
}

.universal-modal-tdp .modal-x {
  width: 1.25rem;
  height: 1.25rem;
  top: 1.3125rem;
  right: 2.25rem;
  color: #002c5e;
}

.universal-modal-tdp .modal-x svg {
  width: 100%;
  height: 100%;
}

.universal-modal-tdp .uoc-image-container {
  display: flex;
  width: 100%;
}

@media (max-width: 1023px) {
  .universal-modal-tdp .uoc-image-container {
    margin-top: 0;
  }
}

.universal-modal-tdp .uoc-image {
  position: inherit;
  top: auto;
  left: auto;
  transform: inherit;
}

.universal-modal-tdp .uoc-content-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 2.5rem 2.5rem;
}

.universal-modal-tdp .uoc-headline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
}

@media (max-width: 640px) {
  .universal-modal-tdp .uoc-headline {
    flex-direction: column;
    align-items: flex-start;
  }
}

.universal-modal-tdp .uoc-package {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.625rem;
}

.universal-modal-tdp .uoc-package-price {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  color: #888888;
  line-height: 1.625rem;
}

.universal-modal-tdp .uoc-description {
  line-height: 1.375rem;
}

@media (max-width: 1023px) {
  .universal-modal-tdp .uoc-description {
    font-size: 1rem;
  }
}

.universal-modal-tdp .uoc-description p {
  display: inline;
}
.banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1rem;
}

.banner-inner {
  width: 100%;
  max-width: 60.625rem;
  display: flex;
  padding: 1rem 1.125rem 1rem 0.8125rem;
}

.banner-icon {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  color: #00aad2;
}

.banner-icon svg {
  width: 100%;
  height: 100%;
}

.banner-content {
  display: flex;
  flex-direction: column;
  padding-left: 0.8125rem;
}

.banner-headline {
  font-weight: 700;
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
}

.banner-copy {
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
}

.banner-copy a {
  display: inline-block;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  text-decoration: none;
  padding-right: 1.25rem;
}

.banner-copy svg {
  display: inline-block;
  margin-left: 0.375rem;
}

.banner-copy img {
  width: 100%;
}

.accordion-container {
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .accordion-container {
    padding: 0 3rem;
  }
}

@media (min-width: 1024px) {
  .accordion-container {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1440px) {
  .accordion-container {
    padding: 0 7.5rem;
  }
}

.acd {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.acd-inner {
  width: 100%;
  max-width: 60.625rem;
  display: flex;
  flex-direction: column;
  border-top: 0.0625rem solid #bababa;
}

.acd-cta {
  justify-content: flex-start;
  padding: 1.5625rem 0;
  -webkit-tap-highlight-color: transparent;
}

@media (min-width: 640px) {
  .acd-cta {
    padding: 1.875rem 0;
  }
}

.acd-cta span {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
  line-height: 1.875rem;
  text-align: left;
}

@media (min-width: 640px) {
  .acd-cta span {
    font-size: 1.5rem;
  }
}

.acd-cta svg {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: #002c5e;
  border: 0.03125rem solid #002c5e;
  border-radius: 50%;
  margin-right: 1.25rem;
  padding: 0.3125rem;
}

@media (min-width: 640px) {
  .acd-cta svg {
    width: 1.625rem;
    height: 1.625rem;
    padding: 0.5rem;
    margin-right: 0.75rem;
  }
}

.acd-open .acd-cta {
  padding: 1.5625rem 0;
}

@media (min-width: 640px) {
  .acd-open .acd-cta {
    padding: 1.875rem 0;
  }
}

.acd-open .acd-cta svg {
  transform: rotate(180deg);
}

.acd-section {
  margin-bottom: 1.875rem;
}

.acd-section-headline {
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
  line-height: 1.625rem;
  margin-bottom: 0.9375rem;
}

.acd-section-copy {
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
  margin-bottom: 0.9375rem;
}

.acd-section-link {
  display: inline-block;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  text-decoration: none;
  padding-right: 1.25rem;
}

.acd-section-link svg {
  display: inline-block;
  margin-left: 0.4375rem;
}

.acd:first-child {
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .acd:first-child {
    padding-top: 3rem;
  }
}

@media (min-width: 1440px) {
  .acd:first-child {
    padding-top: 4.5rem;
  }
}

.acd:last-child {
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .acd:last-child {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .acd:last-child {
    padding-bottom: 4.5rem;
  }
}

.acd-inner span.sticky-icon-wrap {
  position: relative;
}
.component-filter {
  height: 3rem;
}

@media (min-width: 1024px) {
  .component-filter {
    height: 0 !important;
    top: 0.5rem;
    left: 0;
  }
}

.cf-backdrop {
  z-index: 890;
}

@media (min-width: 1024px) {
  .cf-backdrop {
    display: none;
  }
}

@media (min-width: 1024px) {
  .cf-bar {
    z-index: 900;
    position: absolute;
    margin-top: 2rem;
    width: 11.375rem;
  }
  .cf-bar.sticky-bar-on {
    position: fixed;
    left: auto;
    right: auto;
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
  }
  .cf-bar.sticky-bar-bottom {
    position: absolute;
  }
}

@media (min-width: 1440px) {
  .cf-bar {
    width: 13.4375rem;
  }
}

.cf-trigger {
  z-index: 901;
}

@media (min-width: 640px) {
  .cf-trigger {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .cf-trigger {
    display: none;
    padding-right: 1rem;
  }
  .sticky-bar-on .cf-trigger {
    display: flex;
  }
}

.sticky-bar-on .cf-panel {
  display: none;
}

.dropdown-open .cf-panel {
  display: block;
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
}

@media (min-width: 1024px) {
  .cf-panel {
    display: block;
    position: static;
  }
  .sticky-bar-on .cf-panel {
    position: absolute;
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
  }
}

.cf-item-text {
  font-size: 1rem;
  font-weight: 400;
}

.dropdown-item-active .cf-item-text {
  font-weight: 700;
}

@media (min-width: 640px) {
  .cf-item {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .cf-item + .cf-item:before {
    left: 2rem;
    right: 2rem;
  }
}

@media (min-width: 1024px) {
  .cf-item {
    padding-left: 2.625rem;
    padding-right: 1.5rem;
  }
  .cf-item + .cf-item:before {
    right: 1.5rem;
    left: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .cf-item {
    padding-left: 4.5rem;
    padding-right: 1.125rem;
  }
  .cf-item + .cf-item:before {
    right: 1.125rem;
    left: 4.5rem;
  }
}
.zappyride-container {
  display: flex;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

@media (min-width: 640px) {
  .zappyride-container {
    padding: 2rem 3rem;
  }
}

@media (min-width: 1024px) {
  .zappyride-container {
    padding: 3rem 4.5rem;
  }
}

@media (min-width: 1440px) {
  .zappyride-container {
    padding: 4.5rem 7.5rem;
  }
}

.zappyride-container iframe {
  width: 100%;
  border: 0;
  height: 75.6875rem;
}

@media (min-width: 475px) {
  .zappyride-container iframe {
    height: 77.25rem;
  }
}

@media (min-width: 525px) {
  .zappyride-container iframe {
    height: 81.9375rem;
  }
}

@media (min-width: 600px) {
  .zappyride-container iframe {
    height: 86.625rem;
  }
}

@media (min-width: 729px) {
  .zappyride-container iframe {
    height: 80.375rem;
  }
}

@media (min-width: 850px) {
  .zappyride-container iframe {
    height: 83.5rem;
  }
}

@media (min-width: 900px) {
  .zappyride-container iframe {
    height: 86.625rem;
  }
}

@media (min-width: 981px) {
  .zappyride-container iframe {
    height: 46rem;
  }
}

@media (min-width: 1024px) {
  .zappyride-container iframe {
    height: 44rem;
  }
}

@media (min-width: 1440px) {
  .zappyride-container iframe {
    height: 41rem;
  }
}
.print-element {
  display: flex;
  position: relative;
}

.print-element .print-element-button {
  display: flex;
  color: #002c5e;
  font-weight: 700;
  text-decoration: none;
}

.print-element .print-element-button span {
  margin-left: 0.5rem;
}

.print-element.align-left {
  justify-content: flex-start;
}

.print-element.align-right {
  justify-content: flex-end;
}

.print-element.align-center {
  justify-content: center;
}

.vbn-nav {
  display: flex;
  justify-content: center;
  background: #f3f3f3;
}

.vbn-nav-inner,
.vbn-filter-nav-inner,
.vbn-filter-body-inner,
.vbn-filter-nav-bottom-inner,
.vbn-compare-nav-inner,
.vbn-compare-nav-bottom-inner {
  width: 100%;
  display: flex;
  max-width: 90rem;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .vbn-nav-inner,
  .vbn-filter-nav-inner,
  .vbn-filter-body-inner,
  .vbn-filter-nav-bottom-inner,
  .vbn-compare-nav-inner,
  .vbn-compare-nav-bottom-inner {
    padding: 0 2rem;
  }
}

@media (min-width: 1280px) {
  .vbn-nav-inner,
  .vbn-filter-nav-inner,
  .vbn-filter-body-inner,
  .vbn-filter-nav-bottom-inner,
  .vbn-compare-nav-inner,
  .vbn-compare-nav-bottom-inner {
    padding: 0 4.5rem;
  }
}

.vbn-nav-inner {
  padding: 0;
}

@media (min-width: 640px) {
  .vbn-nav-inner {
    padding: 0 2rem;
  }
}

@media (min-width: 1280px) {
  .vbn-nav-inner {
    padding: 0 4.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .vbn-nav-inner {
    padding: 0 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vbn-nav-inner {
    padding: 0 2rem;
  }
}

@media (min-width: 1280px) {
  body.chat-opened .vbn-nav-inner {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1024px) {
  .vbn-filter-body-inner {
    padding: 0 6.25rem;
  }
}

.vbn-nav-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0.8125rem 0;
}

@media (min-width: 1024px) {
  .vbn-nav-container {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0.8125rem 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vbn-nav-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vbn-nav-container {
    flex-direction: row;
    justify-content: flex-end;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vbn-nav-section-btns {
    margin-top: 1rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vbn-nav-section-btns {
    margin-top: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vbn-nav-section {
    padding: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vbn-nav-button {
    margin: 0 1rem 0 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vbn-nav-button {
    margin: 0 0 0 1rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .vehicle-browse-nav-inner {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vehicle-browse-nav-inner {
    width: calc(100vw - 375px);
  }
}

.vbn-nav-section {
  height: 2.1875rem;
  display: flex;
  align-items: center;
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-left: 1rem;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.vbn-nav-section:first-of-type {
  flex: 1;
  margin-bottom: 1.125rem;
}

.vbn-nav-section::-webkit-scrollbar {
  display: none;
}

@media (min-width: 640px) {
  .vbn-nav-section {
    padding-left: 0;
  }
}

@media (min-width: 1024px) {
  .vbn-nav-section:first-of-type {
    overflow: hidden;
    margin-bottom: 0;
  }
}

.vbn-nav-popular-filter-container {
  display: flex;
  align-items: center;
}

.vbn-nav-popular-filter-headline {
  flex-shrink: 0;
  font-weight: 500;
  font-size: 0.875rem;
  color: #000000;
  line-height: 2.1875rem;
  margin-right: 0.9375rem;
}

.vbn-nav-popular-filters-container {
  width: 100%;
  height: 2.1875rem;
  display: flex;
  align-items: center;
  position: relative;
}

.vbn-nav-popular-filters-left-arrow-container,
.vbn-nav-popular-filters-right-arrow-container {
  width: 3.75rem;
  display: none;
  position: absolute;
  top: 0;
  z-index: 1;
}

.vbn-nav-popular-filters-left-arrow-container {
  justify-content: flex-start;
  left: 0;
  background: linear-gradient(270deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
}

.vbn-nav-popular-filters-right-arrow-container {
  justify-content: flex-end;
  right: 0;
  background: linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
}

.vbn-nav-popular-filters-left-arrow,
.vbn-nav-popular-filters-right-arrow {
  width: 0.75rem;
  height: 2rem;
  -webkit-tap-highlight-color: transparent;
}

.vbn-nav-popular-filters-left-arrow svg,
.vbn-nav-popular-filters-right-arrow svg {
  width: 100%;
  height: 100%;
  color: #002c5e;
}

.vbn-nav-popular-filters {
  display: flex;
  align-items: center;
  position: relative;
}

.vbn-nav-popular-filter {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding-right: 1rem;
}

.vbn-nav-popular-filter-disabled {
  display: none;
}

.vbn-nav-popular-filter-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.vbn-nav-popular-filter-custom-checkbox {
  display: flex;
  align-items: center;
  border: 0.0625rem solid #002c5e;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.vbn-nav-popular-filter-custom-checkbox-button {
  display: none;
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.125rem solid #bababa;
  margin-right: 0.5rem;
}

.vbn-nav-popular-filter-custom-checkbox-label {
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.0625rem;
  padding: 0.5rem 1.0625rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.vbn-nav-button {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.0625rem;
  border: 0.0625rem solid #666666;
  margin-right: 1rem;
  padding: 0.5rem 1.0625rem;
}

@media (min-width: 1024px) {
  .vbn-nav-button {
    margin: 0 0 0 1rem;
  }
}

.vbn-nav-button svg {
  margin-right: 0.4375rem;
}

.vbn-nav-button-all-filters svg {
  width: 1rem;
  height: 0.75rem;
}

.vbn-nav-button-compare svg {
  width: 0.875rem;
  height: 1rem;
}

.vbn-filter-nav-wrapper .vbn-filter-body-desktop {
  display: none;
}

@media (min-width: 1024px) {
  .vbn-filter-nav-wrapper .vbn-filter-body-desktop {
    display: flex;
  }
}

.vbn-filter-nav-wrapper .vbn-filter-nav-mobile {
  display: flex;
}

@media (min-width: 1024px) {
  .vbn-filter-nav-wrapper .vbn-filter-nav-mobile {
    display: none;
  }
}

.vbn-filter-nav {
  display: flex;
  justify-content: center;
  position: relative;
  background: #002c5e;
  z-index: 1000;
}

.vbn-filter-nav-container {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
  padding: 1.1875rem 0;
}

.vbn-filter-nav-reset-filters-button {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.0625rem;
  text-decoration: underline;
}

.vbn-filter-nav-headline {
  display: inline-flex;
  align-items: center;
  font-size: 1.125rem;
  color: #ffffff;
  line-height: 1.4375rem;
}

.vbn-filter-nav-headline svg {
  width: 1rem;
  height: 0.75rem;
  margin-right: 0.9375rem;
}

.vbn-filter-nav-close-button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #ffffff;
}

.vbn-filter-body {
  display: flex;
  justify-content: center;
  position: absolute;
  right: 0;
  left: 0;
  background: #ffffff;
  overflow-y: auto;
  z-index: 1000;
}

@media (min-width: 1024px) {
  .vbn-filter-body {
    height: auto;
  }
}

.vbn-filter-body-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1.25rem 0 3.75rem;
}

.vbn-filter-groups {
  width: 100%;
}

@media (min-width: 1024px) {
  .vbn-filter-groups {
    width: 25%;
  }
}

.vbn-filter-group {
  display: flex;
  flex-direction: column;
  border-bottom: 0.0625rem solid #bababa;
  margin-bottom: 1.875rem;
  padding-bottom: 1.875rem;
}

@media (min-width: 1024px) {
  .vbn-filter-group:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .vbn-filter-group.vbn-filter-group-key-features {
    margin-bottom: 3.75rem;
  }
}

.vbn-filter-group-headline {
  display: flex;
  align-items: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.4375rem;
  margin-bottom: 1.25rem;
}

.vbn-filter-group-headline span {
  width: 1.4375rem;
  height: 1.4375rem;
  display: inline-flex;
  justify-content: center;
  font-weight: 300;
  font-size: 0.875rem;
  color: #ffffff;
  background-color: #00aad2;
  border-radius: 100%;
  margin-left: 0.375rem;
}

.vbn-filters {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}

@media (min-width: 1024px) {
  .vbn-filters {
    flex-flow: column nowrap;
  }
}

.vbn-filter {
  display: flex;
  margin-right: 1.25rem;
  margin-bottom: 0.75rem;
}

@media (min-width: 1024px) {
  .vbn-filter {
    display: flex !important;
  }
  .vbn-filter:last-of-type {
    margin-bottom: 0;
  }
}

.vbn-filter-disabled {
  pointer-events: none;
}

.vbn-filter-disabled .vbn-filter-custom-checkbox-button {
  border: 0.125rem solid #dadada;
}

.vbn-filter-disabled .vbn-filter-custom-checkbox-label {
  color: #888888;
}

.vbn-filter-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.vbn-filter-custom-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.vbn-filter-custom-checkbox-button {
  display: inline-block;
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.125rem solid #bababa;
  margin-right: 0.5rem;
}

.vbn-filter-checkbox:checked ~ .vbn-filter-custom-checkbox .vbn-filter-custom-checkbox-button {
  border: 0.125rem solid #00aad2;
}

.vbn-filter-checkbox:checked ~ .vbn-filter-custom-checkbox .vbn-filter-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.0625rem;
  left: 0.25rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.vbn-filter-custom-checkbox-label {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.0625rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.vbn-filter-custom-checkbox-label svg {
  width: auto;
  height: 1.375rem;
  margin-right: 0.375rem;
}

.vbn-filter-checkbox:checked ~ .vbn-filter-custom-checkbox .vbn-filter-custom-checkbox-label {
  color: #00aad2;
}

.vbn-filter-range {
  width: 100%;
  position: relative;
  margin-bottom: 0.9375rem;
}

@media (min-width: 640px) {
  .vbn-filter-range {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .vbn-filter-range {
    width: 100%;
  }
}

.vbn-filter-custom-range-values {
  display: flex;
  align-items: center;
  margin-bottom: 1.875rem;
}

.vbn-filter-custom-range-min {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.0625rem;
}

.vbn-filter-custom-range-min span {
  margin: 0 0.9375rem;
}

.vbn-filter-custom-range-text {
  width: 5.0625rem;
  height: 2.625rem;
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.0625rem;
  background-color: #ffffff;
  border: 0.0625rem solid #e6e6e6;
  box-sizing: border-box;
  padding: 0.78125rem 0.625rem;
}

.vbn-filter-custom-range-slider {
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
}

.vbn-filter-custom-range-slider-lower {
  display: inline-block;
  height: 0.25rem;
  background: #00aad2;
}

.vbn-filter-custom-range-slider-upper {
  display: inline-block;
  height: 0.25rem;
  background: #bababa;
}

.vbn-filter-custom-range {
  width: 100%;
  height: 0.25rem;
  position: absolute;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
  z-index: 2;
  cursor: pointer;
}

.vbn-filter-custom-range::-ms-track {
  height: 0.25rem;
  color: transparent;
  background: transparent;
  border-color: transparent;
  border-width: 0.25rem 0;
}

.vbn-filter-custom-range::-ms-fill-lower {
  background: #00aad2;
}

.vbn-filter-custom-range::-ms-fill-upper {
  background: #bababa;
}

.vbn-filter-custom-range::-ms-thumb {
  width: 0.75rem;
  height: 0.75rem;
  background: #ffffff;
  border: 0.3125rem solid #00aad2;
  border-radius: 50%;
}

.vbn-filter-custom-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.3125rem;
  height: 1.3125rem;
  border-radius: 50%;
  border: 0.3125rem solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.vbn-filter-custom-range::-moz-range-thumb {
  width: 1.3125rem;
  height: 1.3125rem;
  border-radius: 50%;
  border: 0.3125rem solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.vbn-filter-toggle {
  display: flex;
}

@media (min-width: 1024px) {
  .vbn-filter-toggle {
    display: none;
  }
}

.vbn-filter-toggle-button {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.0625rem;
  text-decoration: underline;
  margin: 0.9375rem 0;
}

.vbn-filter-body-button,
.vbn-filter-nav-button {
  width: 100%;
  max-width: 18.25rem;
}

@media (min-width: 1024px) {
  .vbn-filter-body-button,
  .vbn-filter-nav-button {
    max-width: 100%;
  }
}

.vbn-filter-body-button.button-gray,
.vbn-filter-nav-button.button-gray {
  pointer-events: none;
}

.vbn-filter-body-no-results-copy,
.vbn-filter-nav-bottom-no-results-copy {
  display: flex;
  justify-content: center;
  font-size: 0.875rem;
  color: #888888;
  line-height: 1.0625rem;
  margin-top: 1.25rem;
}

.vbn-filter-nav-bottom-no-results-copy {
  margin-top: 0.5625rem;
}

.vbn-filter-nav-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  box-shadow: 0 0.1875rem 0.5625rem 0.125rem rgba(0, 0, 0, 0.3);
  z-index: 1001;
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .vbn-filter-nav-bottom {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vbn-filter-nav-bottom {
    width: calc(100vw - 375px);
  }
}

.vbn-filter-nav-bottom-container {
  width: 100%;
  height: 6rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.8125rem 0;
}

.vbn-filter-nav-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 998;
}

@media (min-width: 1024px) {
  body.chat-opened .vbn-filter-nav-backdrop {
    right: 23.4375rem;
  }
}

.vbn-compare-nav-wrapper .vbn-compare-nav-desktop {
  display: none;
}

@media (min-width: 1024px) {
  .vbn-compare-nav-wrapper .vbn-compare-nav-desktop {
    display: flex;
  }
}

.vbn-compare-nav-wrapper .vbn-compare-nav-mobile {
  display: flex;
}

@media (min-width: 1024px) {
  .vbn-compare-nav-wrapper .vbn-compare-nav-mobile {
    display: none;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .vbn-compare-nav-wrapper .vbn-compare-nav-mobile {
    width: calc(100vw - 375px);
  }
}

.vbn-compare-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: #002c5e;
}

.vbn-compare-nav-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #002c5e;
  z-index: 1001;
}

.vbn-compare-nav-container,
.vbn-compare-nav-bottom-container {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.8125rem 0;
}

.vbn-compare-nav-reset-compare-button {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.0625rem;
  text-decoration: underline;
}

.vbn-compare-nav-headline-container,
.vbn-compare-nav-bottom-headline-container {
  width: 100%;
  height: 2.1875rem;
  display: flex;
}

.vbn-compare-nav-headline,
.vbn-compare-nav-bottom-headline {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  color: #ffffff;
  line-height: 1.25rem;
}

.vbn-compare-nav-headline svg,
.vbn-compare-nav-bottom-headline svg {
  margin-right: 0.9375rem;
}

.vbn-compare-nav-bottom-headline {
  justify-content: space-between;
}

.vbn-compare-nav-compare-button,
.vbn-compare-nav-bottom-compare-button {
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.0625rem;
  border: 0.0625rem solid #ffffff;
  padding: 0.5rem 1.0625rem;
  margin-left: 1.5625rem;
  -webkit-tap-highlight-color: transparent;
}

.vbn-compare-nav-compare-button svg,
.vbn-compare-nav-bottom-compare-button svg {
  width: 0.875rem;
  height: 1rem;
  margin-right: 0.4375rem;
}

.vbn-compare-nav-bottom-compare-button {
  margin-left: 0;
}

.vbn-compare-nav-close-button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #ffffff;
}

.backdrop-compare-modal {
  z-index: 1002;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .vbn-filter-body-inner {
    padding: 0 3.125rem;
  }
}

.vehicle-browse-item {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 2rem;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

@media (min-width: 640px) {
  .vehicle-browse-item {
    width: calc(50% - 12px);
  }
}

@media (min-width: 1280px) {
  .vehicle-browse-item {
    width: calc(33% - 16px);
    margin-bottom: 3.125rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .vehicle-browse-item {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vehicle-browse-item {
    width: calc(50% - 12px);
  }
}

@media (min-width: 1280px) {
  body.chat-opened .vehicle-browse-item {
    width: calc(33% - 16px);
    margin-bottom: 3.125rem;
  }
}

.vehicle-browse-item-empty {
  visibility: hidden;
  margin-bottom: 0;
}

.vehicle-compare-selected .vbi-image-compare-container {
  border: 0.125rem solid #00aad2;
}

.vehicle-compare-selected .vbi-spec-headline,
.vehicle-compare-selected .vbi-spec-value {
  color: #00aad2;
}

.vehicle-compare-disabled {
  pointer-events: none;
}

.vehicle-compare-disabled .vbi-model-compare-disabled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.55);
  display: block;
}

.vehicle-compare-disabled .vbi-model-compare-container {
  display: none;
}

.vbi-model-compare-disabled {
  display: none;
  z-index: 4;
}

.vbi-image-default-container {
  position: relative;
  border: 0.125rem solid transparent;
}

.vbi-image-default-container a {
  width: 100%;
  display: flex;
}

.vbi-image-compare-container {
  display: flex;
  position: relative;
  border: 0.125rem solid transparent;
}

.vbi-image {
  width: 100%;
  z-index: 1;
}

.vbi-model-gradient {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.vbi-model-compare-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}

.vbi-model-compare {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.vbi-model-compare-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.vbi-custom-model-compare-checkbox {
  display: flex;
  align-items: center;
  position: relative;
  top: 0.625rem;
  left: 0.625rem;
}

.vbi-custom-model-compare-checkbox-button {
  display: inline-block;
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  background-color: #ffffff;
  border: 0.125rem solid #bababa;
}

.vbi-model-compare-checkbox:checked ~ .vbi-custom-model-compare-checkbox .vbi-custom-model-compare-checkbox-button {
  border: 0.125rem solid #00aad2;
}

.vbi-model-compare-checkbox:checked ~ .vbi-custom-model-compare-checkbox .vbi-custom-model-compare-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.0625rem;
  left: 0.3125rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.vbi-custom-model-compare-checkbox-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.vbi-model-year-container {
  position: absolute;
  top: 0.625rem;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  z-index: 3;
}

.vbi-model-year {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.625rem;
  color: #ffffff;
  line-height: 1.4375rem;
  letter-spacing: 0.125rem;
}

@media (min-width: 1280px) {
  .vbi-model-year {
    font-size: 0.75rem;
  }
}

.vbi-model-name-container {
  position: absolute;
  right: 0;
  bottom: 1.375rem;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

.vbi-model-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 2.5rem;
  color: #ffffff;
  line-height: 2rem;
}

@media (min-width: 1280px) {
  .vbi-model-name {
    font-size: 3.4375rem;
    line-height: 3.125rem;
  }
}

.vbi-model-type {
  display: flex;
  align-items: center;
  height: 1.1875rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.0625rem;
  color: #ffffff;
  line-height: 1.1875rem;
}

@media (min-width: 1280px) {
  .vbi-model-type {
    height: 1.5625rem;
    font-size: 1.375rem;
    line-height: 1.5625rem;
  }
}

.vbi-model-type-icon {
  align-self: flex-start;
  height: 1.25rem;
  color: initial;
}

.vbi-model-type-icon img,
.vbi-model-type-icon svg {
  width: 100%;
  height: 100%;
}

.vbi-model-type-icon .hyundaiBlack {
  fill: #ffffff;
}

.vbi-model-type-icon .hyundaiRed {
  fill: #e63312;
}

.vbi-model-tagline,
.vbi-model-tagline-link {
  display: flex;
  align-items: center;
  height: 1.0625rem;
  font-weight: 500;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 1.0625rem;
}

.vbi-model-tagline-icon {
  height: 1.5rem;
  padding: 0 0.125rem 0 0.25rem;
}

.vbi-model-tagline-icon img,
.vbi-model-tagline-icon svg {
  width: 1.5rem;
  height: 1.5rem;
}

.vbi-model-tagline-icon .hyundaiBlack {
  fill: #ffffff;
}

.vbi-model-tagline-icon .hyundaiRed {
  fill: #e63312;
}

.vbi-model-tagline-container {
  position: absolute;
  right: 0;
  bottom: 0.3125rem;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

.vbi-specs-container {
  display: flex;
  justify-content: space-between;
  margin-top: 0.8125rem;
}

.vbi-spec {
  display: flex;
  flex-direction: column;
}

.vbi-spec:last-of-type {
  align-items: flex-end;
  text-align: right;
}

.vbi-spec-headline {
  font-weight: 700;
  font-size: 0.75rem;
  color: #888888;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .vbi-spec-headline {
    font-size: 0.875rem;
  }
}

.vbi-spec-value {
  display: flex;
  align-items: baseline;
  font-weight: 500;
  font-size: 1.375rem;
  color: #454545;
}

@media (min-width: 1024px) {
  .vbi-spec-value {
    font-size: 1.5rem;
  }
}

.vbi-spec-value .vbi-spec-value-unit {
  font-size: 0.75rem;
  padding-left: 0.0625rem;
}

@media (min-width: 1024px) {
  .vbi-spec-value .vbi-spec-value-unit {
    font-size: 0.875rem;
    padding-left: 0.375rem;
  }
}

.vbi-spec-value button {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.25rem;
}

.vbi-future-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0.5rem;
}

.vbi-future-headline {
  font-weight: 700;
  font-size: 0.75rem;
  color: #888888;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .vbi-future-headline {
    font-size: 0.875rem;
  }
}

.vbi-future-subhead {
  font-weight: 500;
  font-size: 1.375rem;
  color: #454545;
}

@media (min-width: 1024px) {
  .vbi-future-subhead {
    font-size: 1.5rem;
  }
}

.vbi-disclaimer {
  text-align: center;
  color: #888888;
  font-size: 0.75rem;
  padding-top: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  letter-spacing: 0;
}

.vehicle-browse-nav {
  height: 7.125rem;
}

@media (min-width: 1024px) {
  .vehicle-browse-nav {
    height: 3.8125rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vehicle-browse-nav {
    height: 8.125rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .vehicle-browse-nav {
    height: 3.8125rem;
  }
}

.vehicle-browse {
  display: flex;
  justify-content: center;
  align-items: center;
}

.vehicle-browse-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1.875rem;
}

@media (min-width: 640px) {
  .vehicle-browse-container {
    padding-top: 1.875rem;
  }
}

@media (min-width: 1280px) {
  .vehicle-browse-container {
    padding-top: 1.875rem;
  }
}

.vehicle-browse-inner {
  width: 100%;
}

.vb-header-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vb-header-inner {
  width: 100%;
  max-width: 90rem;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .vb-header-inner {
    padding: 0 2rem;
  }
}

@media (min-width: 1280px) {
  .vb-header-inner {
    padding: 0 4.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .vb-header-inner {
    padding: 0 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .vb-header-inner {
    padding: 0 2rem;
  }
}

@media (min-width: 1280px) {
  body.chat-opened .vb-header-inner {
    padding: 0 4.5rem;
  }
}

.vb-header-headline {
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.0625rem;
}

.vb-header-headline h1 {
  display: inline;
  font-weight: 500;
  font-size: 0.875rem;
}

.vb-header-filters {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-top: 1rem;
}

.vb-header-filter {
  display: flex;
  align-items: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.0625rem;
  background: #00aad2;
  margin: 0 1.25rem 1.25rem 0;
  padding: 0.5625rem 0.8125rem;
}

.vb-header-filter-remove-button {
  flex-shrink: 0;
  width: 0.625rem;
  height: 0.625rem;
  color: #ffffff;
  margin-left: 0.5rem;
}

.vb-header-filter-reset-button {
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 2.1875rem;
  text-decoration: underline;
  margin-bottom: 1.25rem;
}

.vb-body-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.vb-category {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.vb-headline-container {
  width: 100%;
  max-width: 90rem;
  margin-top: 1.5625rem;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .vb-headline-container {
    padding: 0 2rem;
  }
}

@media (min-width: 1280px) {
  .vb-headline-container {
    padding: 0 4.5rem;
  }
}

@media (min-width: 640px) {
  .vb-headline-container .smartchat-contextual-cta-btn-multi-browse {
    margin: 0 0 0 1.25rem;
  }
}

.vb-headline {
  display: flex;
  flex-direction: column;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.875rem;
}

@media (min-width: 640px) {
  .vb-headline {
    flex-direction: row;
    align-items: center;
    font-size: 2rem;
    line-height: 2.4375rem;
  }
}

.vb-items {
  width: 100%;
  max-width: 90rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 2rem;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .vb-items {
    padding: 0 2rem;
  }
}

@media (min-width: 1280px) {
  .vb-items {
    padding: 0 4.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .vb-items {
    padding: 0 1rem;
  }
}

@media (min-width: 640px) {
  body.chat-opened .vb-items {
    padding: 0 2rem;
  }
}
.mc-v2-m-compare-modal .modal-box {
  margin: 0;
  width: 100%;
}

@media (min-width: 1024px) {
  .mc-v2-m-compare-modal .modal-box {
    margin: auto;
    max-width: 60.25rem;
  }
}

.mc-v2-m-compare-modal .modal-box-content {
  width: 100%;
}

.mc-v2-m-compare-modal .modal-content {
  padding: 0;
}

@media (min-width: 1024px) {
  body.chat-opened .mc-v2-m-compare-modal .modal-box {
    margin: 0;
    max-width: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mc-v2-m-compare-modal .modal-box {
    margin: auto;
    max-width: 60.25rem;
  }
}

.mc-v2-m-compare-head {
  width: 100%;
  background-color: #f3f3f3;
  text-align: right;
}

.mc-v2-m-compare-close {
  padding: 1rem;
}

.mc-v2-m-compare-body,
.mc-v2-m-compare-footer {
  padding: 1.5rem 1rem;
}

@media (min-width: 640px) {
  .mc-v2-m-compare-body,
  .mc-v2-m-compare-footer {
    padding: 1.5rem 2rem;
  }
}

@media (min-width: 640px) {
  .mc-v2-m-compare-body,
  .mc-v2-m-compare-footer {
    padding: 1.5rem 2.625rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mc-v2-m-compare-body,
  body.chat-opened .mc-v2-m-compare-footer {
    padding: 1.5rem 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mc-v2-m-compare-body,
  body.chat-opened .mc-v2-m-compare-footer {
    padding: 1.5rem 2.625rem;
  }
}

.mc-v2-m-compare-body-top {
  margin-bottom: 1.6875rem;
}

@media (min-width: 1024px) {
  .mc-v2-m-compare-body-top {
    display: flex;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mc-v2-m-compare-body-top {
    display: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mc-v2-m-compare-body-top {
    display: flex;
  }
}

.mc-v2-m-compare-title,
.mc-v2-m-compare-model-name,
.mc-v2-m-compare-model-name-container {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  margin-top: 0.3125rem;
}

.mc-v2-m-compare-model-name {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}

@media (min-width: 1024px) {
  .mc-v2-m-compare-title {
    width: 25%;
    flex-basis: 25%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mc-v2-m-compare-title {
    width: 100%;
    flex-basis: 100%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mc-v2-m-compare-title {
    width: 25%;
    flex-basis: 25%;
  }
}

.mc-v2-m-compare-model-container {
  display: flex;
  margin-top: 2rem;
  padding: 0;
}

@media (min-width: 1024px) {
  .mc-v2-m-compare-model-container {
    width: 75%;
    flex-basis: 75%;
    margin-top: 0;
    justify-content: flex-start;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mc-v2-m-compare-model-container {
    width: inherit;
    flex-basis: inherit;
    margin-top: 2rem;
    justify-content: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mc-v2-m-compare-model-container {
    width: 75%;
    flex-basis: 75%;
    margin-top: 0;
    justify-content: flex-start;
  }
}

.mc-v2-m-compare-model {
  display: none;
  width: 50%;
  flex-basis: 50%;
}

@media (min-width: 640px) {
  .mc-v2-m-compare-model {
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
    text-align: center;
  }
  .mc-v2-m-compare-model .mc-v2-m-compare-model-img {
    width: 100%;
  }
}

.mc-v2-m-compare-model-cta {
  margin-top: 0.5rem;
}

@media (min-width: 640px) {
  .mc-v2-m-compare-model-cta {
    display: flex;
    justify-content: space-around;
  }
}

.mc-v2-m-compare-year {
  font-size: 1.125rem;
  line-height: 1.125rem;
  font-weight: 400;
  display: block;
}

.mc-v2-m-compare-model-name-container .mc-v2-m-compare-name {
  display: block;
  font-weight: 500;
}

.mc-v2-m-comparing-name {
  display: inline-block;
}

@media (min-width: 640px) {
  .mc-v2-m-compare-year,
  .mc-v2-m-compare-model-name-container .mc-v2-m-compare-name,
  .mc-v2-m-compare-fuel-types {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

.mc-v2-m-compare-fuel-types-container {
  display: flex;
}

@media (min-width: 640px) {
  .mc-v2-m-compare-fuel-types-container {
    justify-content: center;
    align-items: center;
  }
}

.mc-v2-m-compare-fuel-types {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #888888;
}

.mc-v2-m-compare-model-price {
  margin-top: auto;
}

.mc-v2-m-compare-model-price-num {
  font-size: 1rem;
  line-height: 1.375rem;
}

.mc-v2-m-compare-model-price-text {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #888888;
  display: block;
}

@media (min-width: 1024px) {
  .mc-v2-m-compare-model-price-text {
    display: inline-block;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mc-v2-m-compare-model-price-text {
    display: block;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mc-v2-m-compare-model-price-text {
    display: inline-block;
  }
}

.mc-v2-m-compare-btn {
  color: #002c5e;
  display: none;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding: 0 10px 0 0;
  position: relative;
  text-decoration: none;
}

@media (min-width: 640px) {
  .mc-v2-m-compare-btn {
    padding: 0 10px;
  }
}

.mc-v2-m-compare-model-cta .mc-v2-m-compare-btn {
  display: block;
}

.mc-v2-m-compare-btn.mc-v2-m-compare-row-value {
  color: #002c5e;
}

.mc-v2-m-compare-btn svg {
  position: relative;
  top: -0.0625rem;
  display: inline-block;
  fill: currentColor;
  height: 0.625rem;
  margin-left: 0.375rem;
  width: 0.5rem;
  vertical-align: middle;
}

.mc-v2-m-compare-btn .mc-v2-m-compare-btn-chevron-stick {
  white-space: nowrap;
  display: inline;
}

.mc-v2-m-compare-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.0625rem;
  padding: 0.75rem;
}

.mc-v2-m-compare-row:nth-child(2n + 1) {
  background-color: #f6f3f2;
}

.mc-v2-m-compare-row:last-child {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .mc-v2-m-compare-row {
    padding: 1rem 1.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mc-v2-m-compare-row {
    padding: 0.75rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mc-v2-m-compare-row {
    padding: 1rem 1.25rem;
  }
}

.mc-v2-m-compare-row-title {
  flex-shrink: 0;
  flex-basis: 100%;
  overflow-wrap: break-word;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .mc-v2-m-compare-row-title {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .mc-v2-m-compare-row-title {
    flex-basis: 25%;
    max-width: 25%;
    text-align: left;
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mc-v2-m-compare-row-title {
    flex-basis: 100%;
    max-width: inherit;
    text-align: center;
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mc-v2-m-compare-row-title {
    flex-basis: 25%;
    max-width: 25%;
    text-align: left;
    margin-bottom: 0;
  }
}

.mc-v2-m-compare-row-values {
  display: flex;
  align-items: center;
  flex-basis: 100%;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .mc-v2-m-compare-row-values {
    flex-basis: 75%;
    max-width: 75%;
    justify-content: flex-start;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mc-v2-m-compare-row-values {
    flex-basis: 100%;
    max-width: 100%;
    justify-content: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mc-v2-m-compare-row-values {
    flex-basis: 75%;
    max-width: 75%;
    justify-content: flex-start;
  }
}

.mc-v2-m-compare-row-label {
  width: 100%;
  color: #002c5e;
  cursor: pointer;
}

.mc-v2-m-compare-row-label .icon-chevron-down-thick {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  padding: 0.1875rem;
  position: relative;
  top: 0.125rem;
  color: #002c5e;
  margin-right: 0.625rem;
}

.mc-v2-m-compare-row-label .icon {
  display: inline-block;
}

@media (min-width: 1024px) {
  .mc-v2-m-compare-row-label {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mc-v2-m-compare-row-label {
    display: inherit;
    flex-wrap: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mc-v2-m-compare-row-label {
    display: flex;
    flex-wrap: wrap;
  }
}

.mc-v2-m-compare-row-value {
  display: none;
  flex-basis: 50%;
  max-width: 50%;
  overflow-wrap: break-word;
  font-weight: 700;
  color: #333333;
}

@media (min-width: 640px) {
  .mc-v2-m-compare-row-value {
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
    text-align: center;
  }
}

.mc-v2-m-compare-inner-content {
  position: relative;
  display: none;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}

.mc-v2-m-compare-inner-content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: #e6e6e6;
}

@media (min-width: 1024px) {
  .mc-v2-m-compare-inner-content {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .mc-v2-m-compare-inner-content {
    width: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mc-v2-m-compare-inner-content {
    width: 100%;
  }
}

.mc-v2-m-compare-checkbox {
  display: none;
}

.mc-v2-m-compare-checkbox:checked ~ .m-compare-row-title .icon {
  transform: rotate(180deg);
}

.mc-v2-m-compare-checkbox:checked ~ .m-compare-inner-content {
  display: block;
}

.mc-v2-m-compare-inner-text {
  color: #333333;
  margin-bottom: 0.5rem;
}

.mc-v2-m-compare-competitors-ctas {
  border-top: 1px solid #e6e6e6;
  display: flex;
}

@media (min-width: 1024px) {
  .mc-v2-m-compare-competitors-ctas {
    text-align: right;
  }
}

.mc-v2-m-compare-competitors-ctas.mc-v2-m-compare-row {
  background-color: #ffffff;
}

.mc-v2-m-compare-competitors-ctas .mc-v2-m-compare-row-title {
  height: 0;
  margin-bottom: 0;
  opacity: 0;
}

@media (min-width: 1024px) {
  body.chat-opened .mc-v2-m-compare-competitors-ctas {
    text-align: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .mc-v2-m-compare-competitors-ctas {
    text-align: right;
  }
}

.mc-v2-m-compare-footer-text {
  color: #bababa;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.mc-v2-m-compare-competitor {
  width: 50%;
}

@media (min-width: 640px) {
  .mc-v2-m-compare-competitor {
    text-align: center;
  }
}

.mc-v2-m-compare-model-selected {
  display: flex;
  flex-direction: column;
}

.mc-v2-m-compare-model-disclaimer {
  font-size: 0.875rem;
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  padding: 0.1875rem 0;
  line-height: 1.0625rem;
  font-weight: 400;
  text-align: center;
  flex: 1 0 auto;
}

@media (max-width: 639px) {
  .mc-v2-m-compare-model-disclaimer {
    text-align: left;
  }
}

.mc-v2-m-compare-content-wrapper {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.bo-v2-accessories {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 5rem 0 3.75rem;
}

@media (min-width: 1024px) {
  .bo-v2-accessories {
    margin-bottom: 8.75rem;
  }
}

@media (min-width: 1440px) {
  .bo-v2-accessories {
    margin: 6.25rem 0 10rem;
  }
}

.bo-v2-accessories-inner {
  width: 100%;
  max-width: 90rem;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .bo-v2-accessories-inner {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .bo-v2-accessories-inner {
    width: 58.4375rem;
    padding: 0;
  }
}

@media (min-width: 1440px) {
  .bo-v2-accessories-inner {
    width: 78.4375rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-accessories-inner {
    width: 100%;
    padding: 0 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-accessories-inner {
    width: 58.4375rem;
    padding: 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bo-v2-accessories-inner {
    width: 78.4375rem;
  }
}

.bo-v2-accessories-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
  line-height: 1.5rem;
  margin-bottom: 2rem;
}

@media (min-width: 1024px) {
  .bo-v2-accessories-title {
    font-size: 1.875rem;
    line-height: 2.3125rem;
    margin-bottom: 5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-accessories-title {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-accessories-title {
    font-size: 1.875rem;
    line-height: 2.3125rem;
    margin-bottom: 5rem;
  }
}

.bo-v2-accessories-list {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}

.bo-v2-accessory {
  width: 100%;
  display: flex;
  align-items: center;
  background: #ffffff;
  box-shadow: 0 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.1);
  border: 0.125rem solid transparent;
  margin-bottom: 0.75rem;
  padding: 0 0.9375rem;
}

@media (min-width: 640px) {
  .bo-v2-accessory {
    width: calc(50% - 8px);
  }
}

@media (min-width: 1024px) {
  .bo-v2-accessory {
    width: 18.4375rem;
    background: none;
    border: 0;
    margin-bottom: 1.25rem;
    padding: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-accessory {
    width: calc(50% - 8px);
    background: #ffffff;
    border: 0.125rem solid transparent;
    margin-bottom: 0.75rem;
    padding: 0 0.9375rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-accessory {
    width: 18.4375rem;
    background: none;
    border: 0;
    margin-bottom: 1.25rem;
    padding: 0;
  }
}

.bo-v2-accessory-inner {
  width: 100%;
  display: flex;
  align-items: center;
}

@media (min-width: 1024px) {
  .bo-v2-accessory-inner {
    width: auto;
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-accessory-inner {
    width: 100%;
    flex-direction: row;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-accessory-inner {
    width: auto;
    flex-direction: column;
  }
}

.bo-v2-accessory-content-container {
  width: 100%;
}

.bo-v2-accessory-checked {
  border-color: #00aad2;
}

@media (min-width: 1024px) {
  .bo-v2-accessory-checked .bo-v2-accessory-inner {
    border: 0.125rem solid #00aad2;
    margin: -0.125rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-accessory-checked .bo-v2-accessory-inner {
    border: inherit;
    margin: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-accessory-checked .bo-v2-accessory-inner {
    border: 0.125rem solid #00aad2;
    margin: -0.125rem;
  }
}

.bo-v2-accessory-empty {
  visibility: hidden;
  margin: 0;
}

.bo-v2-accessory-label {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (min-width: 1024px) {
  .bo-v2-accessory-label {
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-accessory-label {
    flex-direction: row;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-accessory-label {
    flex-direction: column;
  }
}

.bo-v2-accessory-label-image-container {
  width: 4.5625rem;
  height: 2.5625rem;
  display: flex;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  .bo-v2-accessory-label-image-container {
    width: 18.4375rem;
    height: 10.375rem;
  }
}

.bo-v2-accessory-label-image-container img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-accessory-label-image-container {
    width: 4.5625rem;
    height: 2.5625rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-accessory-label-image-container {
    width: 18.4375rem;
    height: 10.375rem;
  }
}

.bo-v2-accessory-label-checkbox-container {
  width: 100%;
  min-height: 5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding-left: 0.5rem;
}

@media (min-width: 1024px) {
  .bo-v2-accessory-label-checkbox-container {
    min-height: 6.75rem;
    padding: 0 1.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-accessory-label-checkbox-container {
    min-height: 5rem;
    padding-left: 0.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-accessory-label-checkbox-container {
    min-height: 6.75rem;
    padding: 0 1.25rem;
  }
}

.bo-v2-accessory-label-checkbox {
  display: flex;
  align-items: center;
}

.bo-v2-accessory-label-box {
  flex-shrink: 0;
  position: relative;
}

.bo-v2-accessory-label-name {
  width: 100%;
  font-weight: 500;
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.25rem;
  margin: 0.5rem 1.125rem 0.5rem 0.5rem;
}

.bo-v2-accessory-label-price {
  font-weight: 500;
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.25rem;
}

.bo-v2-generic-disclaimer-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
  position: relative;
  padding: 1.25rem 0 5rem;
}

@media (min-width: 640px) {
  .bo-v2-generic-disclaimer-wrapper {
    padding-top: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .bo-v2-generic-disclaimer-wrapper {
    padding: 0.75rem 0;
    top: 64px;
  }
}

@media (min-width: 1440px) {
  .bo-v2-generic-disclaimer-wrapper {
    top: 84px;
  }
}

.bo-v2-generic-disclaimer {
  position: relative;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  color: #888888;
  line-height: 1rem;
  width: 100%;
  max-width: 90rem;
  padding: 0 1rem;
  margin: auto;
  text-align: center;
}

@media (min-width: 640px) {
  .bo-v2-generic-disclaimer {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .bo-v2-generic-disclaimer {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .bo-v2-generic-disclaimer {
    padding: 0 4.5rem;
  }
}

.bo-v2-generic-disclaimer .sticky-icon-wrap {
  position: relative;
  vertical-align: text-top;
}

.bo-v2-generic-disclaimer .bo-v2-generic-disclaimer-icon {
  color: #002c5e;
}

.bo-v2-generic-disclaimer .bo-v2-generic-disclaimer-icon.tooltip-trigger {
  height: auto;
  width: auto;
  padding: 0.875rem;
  margin: -0.875rem;
}

.bo-v2-exterior {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}

@media (min-width: 640px) {
  .bo-v2-exterior {
    height: calc(100vh - 102px);
    min-height: 30rem;
  }
}

@media (min-width: 1024px) {
  .bo-v2-exterior {
    height: calc(100vh - 157px);
    min-height: 48.125rem;
  }
}

@media (min-width: 1440px) {
  .bo-v2-exterior {
    height: calc(100vh - 157px);
    min-height: 62.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-exterior {
    height: calc(100vh - 102px);
    min-height: 30rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-exterior {
    height: calc(100vh - 157px);
    min-height: 48.125rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bo-v2-exterior {
    height: calc(100vh - 157px);
    min-height: 62.5rem;
  }
}

.bo-v2-exterior-inner {
  width: 100%;
  max-width: 90rem;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 5rem;
}

@media (min-width: 640px) {
  .bo-v2-exterior-inner {
    flex-direction: row;
    justify-content: space-between;
    position: initial;
    padding: 0 2rem;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .bo-v2-exterior-inner {
    padding: 0 5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-exterior-inner {
    flex-direction: row;
    justify-content: space-between;
    position: initial;
    padding: 0 2rem;
    margin: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-exterior-inner {
    padding: 0 5rem;
  }
}

.bo-v2-background-exterior-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: hidden;
  z-index: 1;
}

@media (min-width: 640px) {
  .bo-v2-background-exterior-container {
    display: block;
  }
}

.bo-v2-background-exterior-inner {
  width: 100%;
  height: 100%;
}

.bo-v2-background-exterior {
  width: 100%;
  height: 100%;
}

.bo-v2-left-spin-container {
  flex-grow: 1;
  z-index: 3;
}

@media (max-width: 639px) {
  .bo-v2-left-spin-container .bo-v2-sticky {
    position: fixed;
    top: 0;
    right: auto;
    left: auto;
  }
  .bo-v2-left-spin-container .bo-v2-sticky-bottom {
    position: absolute;
    top: auto !important;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

.bo-v2-left-spin-inner {
  position: relative;
}

@media (min-width: 640px) {
  .bo-v2-left-spin-inner {
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 640px) {
  .bo-v2-left-spin-inner-content {
    position: relative;
  }
}

@media (min-width: 640px) {
  .bo-v2-left-spin-inner-content {
    position: static;
  }
}

.bo-v2-left-spin-top {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 1.25rem;
  left: 1rem;
  z-index: 2;
}

@media (min-width: 640px) {
  .bo-v2-left-spin-top {
    left: 0;
  }
}

@media (min-width: 1024px) {
  .bo-v2-left-spin-top {
    top: 3.125rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-left-spin-top {
    left: 0;
    top: 1.25rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-left-spin-top {
    top: 3.125rem;
  }
}

.bo-v2-left-spin-step {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.0625rem;
}

.bo-v2-left-spin-model {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #ffffff;
  line-height: 1.5rem;
}

@media (min-width: 1024px) {
  .bo-v2-left-spin-model {
    font-size: 2.5rem;
    line-height: 3.125rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-left-spin-model {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-left-spin-model {
    font-size: 2.5rem;
    line-height: 3.125rem;
  }
}

.bo-v2-left-spin-copy {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.0625rem;
  margin-top: 0.625rem;
}

@media (min-width: 1024px) {
  .bo-v2-left-spin-copy {
    font-size: 1.25rem;
    color: #ffffff;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-left-spin-copy {
    font-size: 0.875rem;
    color: #ffffff;
    line-height: 1.0625rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-left-spin-copy {
    font-size: 1.25rem;
    color: #ffffff;
    line-height: 1.5rem;
  }
}

.bo-v2-left-spin-middle {
  display: flex;
  flex-direction: column;
  z-index: 3;
}

@media (max-width: 40rem) {
  .bo-v2-left-spin-middle {
    position: relative;
  }
}

@media (min-width: 640px) {
  .bo-v2-left-spin-middle {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
  }
}

.bo-v2-left-spin,
.bo-v2-left-static {
  display: flex;
  position: relative;
  padding-top: 81.75%;
  z-index: 2;
}

@media (min-width: 375px) {
  .bo-v2-left-spin,
  .bo-v2-left-static {
    padding-top: 72.75%;
  }
}

@media (min-width: 640px) {
  .bo-v2-left-spin,
  .bo-v2-left-static {
    padding-top: 56.25%;
  }
}

.bo-v2-left-spin-exterior,
.bo-v2-left-static-exterior {
  cursor: pointer;
  position: absolute;
  top: 4.0625rem;
  left: 0;
  right: 0;
  bottom: 2.5rem;
  z-index: 100;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

@media (min-width: 375px) {
  .bo-v2-left-spin-exterior,
  .bo-v2-left-static-exterior {
    top: 3.125rem;
  }
}

@media (min-width: 640px) {
  .bo-v2-left-spin-exterior,
  .bo-v2-left-static-exterior {
    top: 0;
  }
}

.bo-v2-left-spin-drag {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 0.9375rem;
  left: 0;
  pointer-events: none;
  z-index: 2;
}

@media (min-width: 640px) {
  .bo-v2-left-spin-drag {
    flex-flow: column;
    bottom: -1.25rem;
  }
}

@media (min-width: 1024px) {
  .bo-v2-left-spin-drag {
    bottom: -2.5rem;
  }
}

@media (min-width: 1440px) {
  .bo-v2-left-spin-drag {
    bottom: -1.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-left-spin-drag {
    flex-flow: column;
    bottom: -1.25rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-left-spin-drag {
    bottom: -2.5rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bo-v2-left-spin-drag {
    bottom: -1.25rem;
  }
}

@media (min-width: 640px) {
  .bo-v2-left-spin-drag-icon {
    margin-bottom: 0.5rem;
  }
}

.bo-v2-left-spin-drag-icon svg {
  width: 2.5rem;
  height: 1rem;
  fill: #ffffff;
  margin-right: 1.125rem;
}

@media (min-width: 640px) {
  .bo-v2-left-spin-drag-icon svg {
    margin-right: 0;
  }
}

@media (min-width: 1440px) {
  .bo-v2-left-spin-drag-icon svg {
    width: 3.75rem;
    height: 1.375rem;
  }
}

.bo-v2-left-spin-drag-copy {
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.0625rem;
}

.bo-v2-left-spin-bottom {
  display: none;
  position: absolute;
  left: 1rem;
  bottom: 0.4375rem;
  z-index: 2;
}

@media (min-width: 640px) {
  .bo-v2-left-spin-bottom {
    right: auto;
    bottom: 1.25rem;
    left: 0;
  }
}

.bo-v2-exterior-bottom {
  display: flex;
  justify-content: flex-start;
  text-align: left;
}

.bo-v2-exterior-bottom .bo-v2-exterior-cg-disclaimer {
  font-weight: 700;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 1rem;
  z-index: 3;
  padding: 1rem 1rem 0 0;
}

.bo-v2-exterior-cg-disclaimer:has(span.sticky-icon-wrap) {
  border-right: 1.25rem solid transparent;
}

@media (min-width: 640px) {
  .bo-v2-exterior-cg-disclaimer:has(span.sticky-icon-wrap) {
    border-right: 0.9375rem solid transparent;
  }
}

@media (max-width: 40rem) {
  .bo-v2-exterior-disclaimer-desktop {
    display: none;
  }
}

@media (min-width: 640px) {
  .bo-v2-exterior-disclaimer-desktop {
    display: flex;
  }
}

.bo-v2-exterior-bottom-mobile {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 0.75rem 1rem;
  background-color: #e6e6e6;
  border-bottom: 0.0625rem solid #bababa;
}

.bo-v2-exterior-bottom-mobile .bo-v2-exterior-cg-disclaimer {
  position: relative;
  z-index: 2;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  color: #333333;
  line-height: 1rem;
  width: 100%;
}

.bo-v2-exterior-bottom-mobile .bo-v2-exterior-cg-icon {
  color: #002c5e;
}

@media (min-width: 640px) {
  .bo-v2-exterior-disclaimer-mobile {
    display: none;
  }
}

.bo-v2-exterior-cg-icon {
  color: #ffffff;
  padding-left: 0.25rem;
  margin-top: -0.125rem;
}

.bo-v2-left-spin-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

@media (min-width: 640px) {
  .bo-v2-left-spin-background {
    display: none;
  }
}

.bo-v2-right-exterior-container {
  width: 100%;
  position: relative;
  padding: 2.5rem 1rem 0;
  z-index: 1;
}

@media (min-width: 640px) {
  .bo-v2-right-exterior-container {
    width: 36.5%;
    margin-top: 0;
    padding: 0;
    z-index: 2;
  }
}

.bo-v2-right-exterior-inner {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .bo-v2-right-exterior-inner {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
  }
}

.bo-v2-ev-banner {
  width: 100%;
  position: relative;
  margin-bottom: 1.875rem;
}

@media (min-width: 1024px) {
  .bo-v2-ev-banner {
    position: absolute;
    top: 3.125rem;
    left: 0;
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-ev-banner {
    position: relative;
    top: inherit;
    left: inherit;
    margin-bottom: 1.875rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-ev-banner {
    position: absolute;
    top: 3.125rem;
    left: 0;
    margin-bottom: 0;
  }
}

.bo-v2-ev-banner-container {
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #EEF7F9;
  padding: 1rem 1.9375rem;
}

.bo-v2-ev-banner-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.0625rem;
  padding-right: 1.125rem;
}

.bo-v2-right-exterior-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
  line-height: 1.5rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .bo-v2-right-exterior-title {
    color: #ffffff;
  }
}

@media (min-width: 1024px) {
  .bo-v2-right-exterior-title {
    font-size: 1.875rem;
    line-height: 2.3125rem;
  }
}

@media (min-width: 1024px) {
  .body.chat-opened .bo-v2-right-exterior-title {
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1440px) {
  .body.chat-opened .bo-v2-right-exterior-title {
    font-size: 1.875rem;
    line-height: 2.3125rem;
  }
}

.bo-v2-right-exterior {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.1);
  padding: 2rem 1rem 1.5rem;
}

@media (min-width: 640px) {
  .bo-v2-right-exterior {
    background: none;
    box-shadow: none;
    padding: 0;
  }
}

.bo-v2-right-exterior-selected {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.25rem;
  margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
  .bo-v2-right-exterior-selected {
    color: #ffffff;
  }
}

.bo-v2-right-exterior-name {
  flex-grow: 1;
}

.bo-v2-right-exterior-name svg {
  color: #ffffff;
}

.bo-v2-right-exterior-price {
  width: 3.125rem;
  text-align: right;
}

.bo-v2-right-exterior-buttons {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}

@media (min-width: 640px) {
  .bo-v2-right-exterior-buttons {
    padding: 0;
  }
}

.bo-v2-right-exterior-button {
  width: calc(50% - 6px);
  height: 3.5rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .bo-v2-right-exterior-button {
    width: calc(50% - 6px);
    height: 2.5rem;
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .bo-v2-right-exterior-button {
    width: calc(50% - 10px);
    height: 4rem;
  }
}

@media (min-width: 1440px) {
  .bo-v2-right-exterior-button {
    width: calc(50% - 12px);
    height: 5.5rem;
  }
}

.bo-v2-right-exterior-button img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-right-exterior-button {
    width: calc(50% - 6px);
    height: 2.5rem;
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-right-exterior-button {
    width: calc(50% - 10px);
    height: 4rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bo-v2-right-exterior-button {
    width: calc(50% - 12px);
    height: 5.5rem;
  }
}

.bo-v2-right-exterior-button-checked {
  border: 0.25rem solid #ffffff;
  outline: 0.125rem solid #00aad2;
}

.bo-v2-exterior-disclaimer-mobile-wrap {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bo-v2-ext-cg-icon-mobile-collapse {
  display: none;
}

.bo-v2-ext-disclaimer-collapse-height {
  height: 2.5rem;
}

.bo-v2-interior {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}

@media (min-width: 640px) {
  .bo-v2-interior {
    height: calc(100vh - 102px);
    min-height: 30rem;
  }
}

@media (min-width: 1024px) {
  .bo-v2-interior {
    height: calc(100vh - 157px);
    min-height: 48.125rem;
  }
}

@media (min-width: 1440px) {
  .bo-v2-interior {
    height: calc(100vh - 157px);
    min-height: 62.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-interior {
    height: calc(100vh - 102px);
    min-height: 30rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-interior {
    height: calc(100vh - 157px);
    min-height: 48.125rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bo-v2-interior {
    height: calc(100vh - 157px);
    min-height: 62.5rem;
  }
}

.bo-v2-interior-inner {
  width: 100%;
  max-width: 90rem;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 5rem;
}

@media (min-width: 640px) {
  .bo-v2-interior-inner {
    flex-direction: row;
    justify-content: space-between;
    position: initial;
    padding: 0 2rem;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .bo-v2-interior-inner {
    padding: 0 5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-interior-inner {
    flex-direction: row;
    justify-content: space-between;
    position: initial;
    padding: 0 2rem;
    margin: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-interior-inner {
    padding: 0 5rem;
  }
}

.bo-v2-background-pano-container {
  z-index: 2;
}

@media (min-width: 640px) {
  .bo-v2-background-pano-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
  }
}

@media (max-width: 639px) {
  .bo-v2-background-pano-container .bo-v2-sticky {
    position: fixed;
    top: 0;
    right: auto;
    left: auto;
  }
}

@media (max-width: 639px) {
  .bo-v2-background-pano-container .bo-v2-sticky-bottom {
    position: absolute;
    top: auto !important;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

@media (max-width: 640px) {
  .bo-v2-background-pano,
  .bo-v2-background-static {
    position: relative;
    overflow: hidden;
    padding-top: 46.75%;
    z-index: 1;
  }
}

@media (max-width: 640px) {
  .bo-v2-background-pano-interior {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  }
}

@media (min-width: 640px) {
  .bo-v2-background-pano-inner,
  .bo-v2-interior-inner-content,
  .bo-v2-background-pano-middle,
  .bo-v2-background-pano,
  .bo-v2-background-static,
  .bo-v2-background-pano-interior {
    height: 100%;
  }
}

.bo-v2-background-pano-inner {
  position: relative;
}

.bo-v2-background-pano-middle {
  position: relative;
}

.bo-v2-background-static-interior {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 640px) {
  .bo-v2-background-static-interior {
    max-width: none;
    height: 100%;
  }
}

.bo-v2-background-pano-drag {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 1rem;
  bottom: 0;
  left: 1rem;
  padding-bottom: 1.875rem;
  pointer-events: none;
  z-index: 2;
}

@media (min-width: 640px) {
  .bo-v2-background-pano-drag {
    display: none;
  }
}

.bo-v2-background-pano-drag-icon-copy {
  display: flex;
}

.bo-v2-background-pano-drag-icon svg {
  width: 2.5rem;
  height: 1rem;
  fill: #ffffff;
  margin-right: 1.125rem;
}

.bo-v2-background-pano-drag-copy {
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.0625rem;
}

.bo-v2-left-pano-container {
  flex-grow: 1;
  position: relative;
  pointer-events: none;
  z-index: 2;
}

.bo-v2-left-pano-inner {
  height: 100%;
}

.bo-v2-left-pano-top {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 1.25rem;
}

@media (min-width: 1024px) {
  .bo-v2-left-pano-top {
    top: 3.125rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-left-pano-top {
    top: 1.25rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-left-pano-top {
    top: 3.125rem;
  }
}

.bo-v2-left-pano-step {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.0625rem;
}

.bo-v2-left-pano-model {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #ffffff;
  line-height: 1.5rem;
  margin-bottom: 0.625rem;
}

@media (min-width: 1024px) {
  .bo-v2-left-pano-model {
    font-size: 2.5rem;
    line-height: 3.125rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-left-pano-model {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-left-pano-model {
    font-size: 2.5rem;
    line-height: 3.125rem;
  }
}

.bo-v2-left-pano-copy {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.0625rem;
}

@media (min-width: 1024px) {
  .bo-v2-left-pano-copy {
    font-size: 1.25rem;
    color: #ffffff;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-left-pano-copy {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-left-pano-copy {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.bo-v2-left-pano-middle {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .bo-v2-left-pano-middle {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
  }
}

.bo-v2-left-pano {
  position: relative;
  z-index: 1;
}

@media (min-width: 640px) {
  .bo-v2-left-pano {
    padding-top: 56.25%;
  }
}

.bo-v2-left-pano-drag {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding-bottom: 1.875rem;
  pointer-events: none;
  z-index: 2;
}

@media (min-width: 640px) {
  .bo-v2-left-pano-drag {
    display: flex;
    flex-flow: column;
    padding-bottom: 0;
  }
}

@media (min-width: 640px) {
  .bo-v2-left-pano-drag-icon {
    margin-bottom: 0.5rem;
  }
}

.bo-v2-left-pano-drag-icon svg {
  width: 2.5rem;
  height: 1rem;
  fill: #ffffff;
  margin-right: 1.125rem;
}

@media (min-width: 640px) {
  .bo-v2-left-pano-drag-icon svg {
    margin-right: 0;
  }
}

@media (min-width: 1440px) {
  .bo-v2-left-pano-drag-icon svg {
    width: 3.75rem;
    height: 1.375rem;
  }
}

.bo-v2-left-pano-drag-copy {
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.0625rem;
}

.bo-v2-background-pano-bottom {
  display: flex;
  display: none;
  position: absolute;
  left: 1rem;
  bottom: 0.4375rem;
  z-index: 2;
}

@media (min-width: 640px) {
  .bo-v2-background-pano-bottom {
    display: none;
  }
}

.bo-v2-background-pano-disclaimer {
  font-weight: 500;
  font-size: 0.625rem;
  color: #ffffff;
  line-height: 0.75rem;
}

.bo-v2-interior-desktop-wrapper {
  position: relative;
}

.bo-v2-interior-desktop-height {
  padding-bottom: 1.25rem;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  visibility: hidden;
}

@media (max-width: 639px) {
  .bo-v2-interior-desktop-height {
    display: none;
  }
}

.bo-v2-interior-bottom {
  display: flex;
  justify-content: flex-start;
  z-index: 2;
  padding-bottom: 1.25rem;
  pointer-events: auto;
}

.bo-v2-interior-bottom .bo-v2-interior-cg-icon {
  color: #002c5e;
}

.bo-v2-interior-disclaimer-mobile {
  display: flex;
  justify-content: flex-start;
  z-index: 2;
  padding: 0.75rem 1rem;
  pointer-events: auto;
  background-color: #e6e6e6;
  border-bottom: 0.0625rem solid #bababa;
}

@media (min-width: 640px) {
  .bo-v2-interior-disclaimer-mobile {
    display: none;
  }
}

.bo-v2-interior-disclaimer-mobile .bo-v2-interior-cg-disclaimer {
  color: #333333;
  position: relative;
  z-index: 2;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  width: 100%;
}

.bo-v2-interior-disclaimer-mobile .bo-v2-interior-cg-icon {
  color: #002c5e;
}

.bo-v2-interior-disclaimer-desktop {
  position: absolute;
  top: 0;
  width: 100%;
  display: none;
}

@media (min-width: 640px) {
  .bo-v2-interior-disclaimer-desktop {
    display: flex;
  }
}

.bo-v2-interior-cg-disclaimer {
  font-weight: 700;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 1rem;
}

.bo-v2-interior-cg-disclaimer:has(span.sticky-icon-wrap) {
  border-right: 0.9375rem solid transparent;
}

.bo-v2-interior-cg-icon {
  color: #ffffff;
  margin-top: -0.125rem;
}

.bo-v2-right-interior-container {
  width: 100%;
  position: relative;
  padding: 2.5rem 1rem 0;
  z-index: 1;
}

@media (min-width: 640px) {
  .bo-v2-right-interior-container {
    width: 36.5%;
    margin-top: 0;
    padding: 0;
    z-index: 2;
  }
}

@media (min-width: 1024px) {
  .bo-v2-right-interior-container {
    pointer-events: none;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-right-interior-container {
    width: 36.5%;
    margin-top: 0;
    padding: 0;
    z-index: 2;
    pointer-events: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-right-interior-container {
    pointer-events: none;
  }
}

.bo-v2-right-interior-inner {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .bo-v2-right-interior-inner {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
  }
}

@media (max-width: 640px) {
  .bo-v2-interior-inner-content {
    position: relative;
  }
}

.bo-v2-right-interior-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
  line-height: 1.5rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .bo-v2-right-interior-title {
    color: #ffffff;
  }
}

@media (min-width: 1024px) {
  .bo-v2-right-interior-title {
    font-size: 1.875rem;
    line-height: 2.3125rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-right-interior-title {
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-right-interior-title {
    font-size: 1.875rem;
    line-height: 2.3125rem;
  }
}

.bo-v2-right-interior {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.1);
  padding: 2rem 1rem 1.5rem;
}

@media (min-width: 640px) {
  .bo-v2-right-interior {
    background: none;
    box-shadow: none;
    padding: 0;
  }
}

.bo-v2-right-interior-selected {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.25rem;
  margin-bottom: 1.5rem;
  pointer-events: auto;
}

@media (min-width: 640px) {
  .bo-v2-right-interior-selected {
    color: #ffffff;
  }
}

.bo-v2-right-interior-name {
  flex-grow: 1;
}

.bo-v2-right-interior-name svg {
  color: #ffffff;
}

.bo-v2-right-interior-price {
  width: calcrRem(50px);
  text-align: right;
}

.bo-v2-right-interior-buttons {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  pointer-events: auto;
}

@media (min-width: 640px) {
  .bo-v2-right-interior-buttons {
    padding: 0;
  }
}

.bo-v2-right-interior-button {
  width: calc(50% - 6px);
  height: 3.5rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .bo-v2-right-interior-button {
    width: calc(50% - 6px);
    height: 2.5rem;
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .bo-v2-right-interior-button {
    width: calc(50% - 10px);
    height: 4rem;
  }
}

@media (min-width: 1440px) {
  .bo-v2-right-interior-button {
    width: calc(50% - 12px);
    height: 5.5rem;
  }
}

.bo-v2-right-interior-button img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-right-interior-button {
    width: calc(50% - 6px);
    height: 2.5rem;
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-right-interior-button {
    width: calc(50% - 10px);
    height: 4rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bo-v2-right-interior-button {
    width: calc(50% - 12px);
    height: 5.5rem;
  }
}

.bo-v2-right-interior-button-checked {
  border: 0.25rem solid #ffffff;
  outline: 0.125rem solid #00aad2;
}

.bo-v2-int-disclaimer-mobile-wrap {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bo-v2-int-cg-icon-mobile-collapse {
  display: none;
}

.bo-v2-int-disclaimer-collapse-height {
  height: 2.5rem;
}

.bo-v2-layout {
  display: flex;
  justify-content: center;
  background: #f3f3f3;
}

.bo-v2-layout-inner {
  width: 100%;
  max-width: 160rem;
  display: flex;
  flex-direction: column;
}

.bo-v2-layout-loading-indicator {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-layout-loading-indicator {
    width: calc(100vw - 375px);
  }
}

.bo-v2-pkge-modal {
  display: none;
}

.bo-v2-pkge-modal.modal-open {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bo-v2-pkge-modal .modal-box {
  width: 100%;
}

@media (min-width: 640px) {
  .bo-v2-pkge-modal .modal-box {
    max-width: 28.75rem;
  }
}

@media (max-width: 639px) {
  .bo-v2-pkge-modal-box {
    position: static;
  }
}

.bo-v2-pkge-modal-box-content {
  padding: 2.5rem;
}

@media (max-width: 639px) {
  .bo-v2-pkge-modal-box-content {
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (min-width: 640px) {
  .bo-v2-pkge-modal-box-content {
    width: 23.75rem;
  }
}

@media (min-width: 1024px) {
  .bo-v2-pkge-modal-box-content {
    width: 28.625rem;
  }
}

.bo-v2-pkge-heading-primary {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  color: #333333;
  margin-bottom: 1.5rem;
}

.bo-v2-pkge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.bo-v2-pkge-title,
.bo-v2-pkge-price {
  font-size: 0.875rem;
  font-weight: 700;
  line-break: 1.125rem;
  color: #333333;
}

.bo-v2-pkge-heading-secondary {
  font-size: 1rem;
  line-height: 1.375rem;
  color: #666666;
  margin-bottom: 2rem;
}

@media (min-width: 640px) {
  .bo-v2-pkge-ctas {
    display: flex;
    justify-content: space-between;
  }
}

.bo-v2-pkge-cta {
  width: 100%;
}

.bo-v2-pkge-cta:first-child {
  margin-bottom: 1rem;
}

@media (min-width: 640px) {
  .bo-v2-pkge-cta:first-child {
    margin-bottom: 0;
    margin-right: 1rem;
  }
}

.bo-v2-pkge-text {
  font-size: 1rem;
  line-height: 1.375rem;
  color: #666666;
  margin-bottom: 1.25rem;
}

@media (min-width: 375px) and (max-width: 1023px) {
  .bo-v2-pkge-ctas-remove {
    display: block;
  }
  .bo-v2-pkge-ctas-remove .bo-v2-pkge-cta:first-child {
    margin-bottom: 1rem;
  }
}

.bo-v2-powertrain-and-package {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}

.bo-v2-powertrain-and-package-inner {
  width: 100%;
  max-width: 90rem;
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .bo-v2-powertrain-and-package-inner {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .bo-v2-powertrain-and-package-inner {
    padding: 0 5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-powertrain-and-package-inner {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-powertrain-and-package-inner {
    padding: 0 5rem;
  }
}

.bo-v2-background-powertrain-and-package-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: hidden;
  z-index: 1;
}

@media (min-width: 640px) {
  .bo-v2-background-powertrain-and-package-container {
    display: block;
  }
}

.bo-v2-background-powertrain-and-package-container .bo-v2-sticky {
  position: fixed;
  right: auto;
  left: auto;
}

.bo-v2-background-powertrain-and-package-container .bo-v2-sticky-bottom {
  position: absolute;
  top: auto !important;
  right: 0;
  bottom: 0;
  left: 0;
}

.bo-v2-background-powertrain-and-package-top {
  height: 100%;
}

.bo-v2-background-powertrain-and-package-inner {
  height: 100%;
}

.bo-v2-background-powertrain-and-package-max-height {
  position: relative;
}

@media (min-width: 1440px) {
  .bo-v2-background-powertrain-and-package-max-height {
    height: 100%;
    max-height: 22.5rem;
    overflow: hidden;
  }
}

.bo-v2-background-powertrain-and-package {
  width: 100%;
  z-index: 1;
}

@media (min-width: 1440px) {
  .bo-v2-background-powertrain-and-package {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}

.bo-v2-background-powertrain-and-package-gradient {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.bo-v2-left-vehicle-container {
  flex-grow: 1;
  z-index: 3;
}

@media (min-width: 640px) {
  .bo-v2-left-vehicle-container {
    position: relative;
    z-index: 2;
  }
}

.bo-v2-left-vehicle-container .bo-v2-sticky {
  position: fixed;
  right: auto;
  left: auto;
}

.bo-v2-left-vehicle-container .bo-v2-sticky-bottom {
  position: absolute;
  top: auto !important;
  right: 0;
  bottom: 0;
  left: 0;
}

.bo-v2-left-vehicle-inner {
  display: flex;
  position: relative;
  border-bottom: 0.0625rem solid #cccccc;
  background: #ffffff;
}

@media (min-width: 640px) {
  .bo-v2-left-vehicle-inner {
    border: none;
    background: none;
  }
}

.bo-v2-left-vehicle-top {
  width: 100%;
  display: flex;
}

.bo-v2-left-vehicle-image-container {
  width: 100%;
  position: relative;
  overflow: hidden;
  pointer-events: none;
  padding-top: 50%;
}

@media (min-width: 640px) {
  .bo-v2-left-vehicle-image-container {
    overflow: visible;
    padding-top: 82%;
  }
}

.bo-v2-left-vehicle-left {
  position: absolute;
  max-width: 122%;
  top: 0;
  left: -26%;
  transform: translateY(-32%);
  z-index: 3;
}

@media (min-width: 640px) {
  .bo-v2-left-vehicle-left {
    max-width: 147%;
    left: -55%;
    transform: translateY(-20%);
  }
}

.bo-v2-left-vehicle-right {
  max-width: 67%;
  position: absolute;
  top: 0;
  left: 41%;
  transform: translateY(-21%);
  z-index: 2;
}

@media (min-width: 640px) {
  .bo-v2-left-vehicle-right {
    max-width: 90%;
    left: 23%;
    transform: translateY(-7%);
  }
}

.bo-v2-left-vehicle-bottom {
  position: absolute;
  right: 1rem;
  bottom: 0.4375rem;
}

@media (min-width: 640px) {
  .bo-v2-left-vehicle-bottom {
    right: auto;
    bottom: 0;
    left: 0;
  }
}

.bo-v2-left-vehicle-disclaimer {
  font-weight: 500;
  font-size: 0.625rem;
  color: #999;
  line-height: 0.75rem;
  margin-right: 1rem;
}

@media (min-width: 1024px) {
  .bo-v2-left-vehicle-disclaimer {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-left-vehicle-disclaimer {
    font-size: 0.625rem;
    line-height: 0.75rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-left-vehicle-disclaimer {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

.bo-v2-left-vehicle-background {
  width: 100%;
  height: 48%;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}

@media (min-width: 640px) {
  .bo-v2-left-vehicle-background {
    display: none;
  }
}

.bo-v2-left-vehicle-background img {
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bo-v2-right-powertrain-and-package-container {
  width: 100%;
  padding: 2.5rem 1rem 0;
  z-index: 2;
}

@media (min-width: 640px) {
  .bo-v2-right-powertrain-and-package-container {
    width: 36.5%;
    margin-top: 33%;
    padding: 0;
    z-index: 3;
  }
}

@media (min-width: 1440px) {
  .bo-v2-right-powertrain-and-package-container {
    margin-top: 25.625rem;
  }
}

.bo-v2-right-powertrain-and-package-inner {
  display: flex;
  flex-direction: column;
}

.bo-v2-right-powertrain-and-package-title-black,
.bo-v2-right-powertrain-and-package-title-white {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
  line-height: 1.5rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 1024px) {
  .bo-v2-right-powertrain-and-package-title-black,
  .bo-v2-right-powertrain-and-package-title-white {
    font-size: 1.875rem;
    line-height: 2.3125rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-right-powertrain-and-package-title-black,
  body.chat-opened .bo-v2-right-powertrain-and-package-title-white {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-right-powertrain-and-package-title-black,
  body.chat-opened .bo-v2-right-powertrain-and-package-title-white {
    font-size: 1.875rem;
    line-height: 2.3125rem;
  }
}

@media (min-width: 640px) {
  .bo-v2-right-powertrain-and-package-title-white {
    color: #ffffff;
  }
}

.bo-v2-right-powertrain {
  display: flex;
  flex-direction: column;
  margin-bottom: 2.5rem;
}

@media (min-width: 640px) {
  .bo-v2-right-powertrain {
    margin-bottom: 3.75rem;
  }
}

.bo-v2-right-powertrain-button {
  display: flex;
  background-color: #ffffff;
  border: 0.125rem solid transparent;
  box-shadow: 0 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 1.25rem;
}

.bo-v2-right-powertrain-button:last-of-type {
  margin-bottom: 0;
}

.bo-v2-right-powertrain-button-checked {
  border-color: #00aad2;
}

.bo-v2-right-powertrain-label {
  width: 100%;
  min-height: 7.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 0.9375rem;
}

@media (min-width: 640px) {
  .bo-v2-right-powertrain-label {
    flex-wrap: wrap;
  }
}

@media (min-width: 1024px) {
  .bo-v2-right-powertrain-label {
    flex-wrap: nowrap;
    padding: 1.875rem 1.25rem;
  }
}

@media (min-width: 1440px) {
  .bo-v2-right-powertrain-label {
    padding: 2.5rem 3.75rem 2.5rem 1.875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-right-powertrain-label {
    flex-wrap: wrap;
    padding: 1.25rem 0.9375rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-right-powertrain-label {
    flex-wrap: nowrap;
    padding: 1.875rem 1.25rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bo-v2-right-powertrain-label {
    padding: 2.5rem 3.75rem 2.5rem 1.875rem;
  }
}

.bo-v2-right-powertrain-label-radio {
  position: relative;
  flex-shrink: 0;
  order: 1;
  margin-right: 0.625rem;
}

@media (min-width: 1440px) {
  .bo-v2-right-powertrain-label-radio {
    margin-right: 0.75rem;
  }
}

.bo-v2-right-powertrain-label-image-container {
  display: flex;
  justify-content: center;
  margin-right: 0.625rem;
  order: 2;
}

@media (min-width: 640px) {
  .bo-v2-right-powertrain-label-image-container {
    flex-basis: 100%;
    margin: 1.25rem 0 0 0;
    order: 4;
  }
}

@media (min-width: 1024px) {
  .bo-v2-right-powertrain-label-image-container {
    flex-basis: auto;
    margin-top: 0;
    margin-right: 0.625rem;
    order: 2;
  }
}

@media (min-width: 1440px) {
  .bo-v2-right-powertrain-label-image-container {
    margin-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-right-powertrain-label-image-container {
    flex-basis: 100%;
    margin: 1.25rem 0 0 0;
    order: 4;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-right-powertrain-label-image-container {
    flex-basis: auto;
    margin-top: 0;
    margin-right: 0.625rem;
    order: 2;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bo-v2-right-powertrain-label-image-container {
    margin-right: 1.5rem;
  }
}

.bo-v2-right-powertrain-label-image-inner {
  width: 3.125rem;
  height: 3.125rem;
  flex-shrink: 0;
}

@media (min-width: 640px) {
  .bo-v2-right-powertrain-label-image-inner {
    width: 4.6875rem;
    height: 4.6875rem;
  }
}

@media (min-width: 1024px) {
  .bo-v2-right-powertrain-label-image-inner {
    width: 3.75rem;
    height: 3.75rem;
  }
}

@media (min-width: 1440px) {
  .bo-v2-right-powertrain-label-image-inner {
    width: 4.6875rem;
    height: 4.6875rem;
  }
}

.bo-v2-right-powertrain-label-image-inner img,
.bo-v2-right-powertrain-label-image-inner svg {
  width: 100%;
  height: 100%;
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-right-powertrain-label-image-inner {
    width: 4.6875rem;
    height: 4.6875rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-right-powertrain-label-image-inner {
    width: 3.75rem;
    height: 3.75rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bo-v2-right-powertrain-label-image-inner {
    width: 4.6875rem;
    height: 4.6875rem;
  }
}

.bo-v2-right-powertrain-label-image {
  width: 100%;
  height: 100%;
}

.bo-v2-right-powertrain-label-name {
  flex-grow: 1;
  flex-basis: 0;
  font-weight: 500;
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.25rem;
  text-align: left;
  order: 3;
}

@media (min-width: 640px) {
  .bo-v2-right-powertrain-label-name {
    order: 2;
  }
}

@media (min-width: 1024px) {
  .bo-v2-right-powertrain-label-name {
    order: 3;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-right-powertrain-label-name {
    order: 2;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-right-powertrain-label-name {
    order: 3;
  }
}

.bo-v2-right-powertrain-label-price {
  width: 3.75rem;
  flex-shrink: 0;
  font-weight: 500;
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.25rem;
  text-align: right;
}

.bo-v2-right-powertrain-mpg-label {
  border-top: 0.0625rem solid #888888;
  padding-top: 0.75rem;
  font-style: italic;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.bo-v2-right-powertrain-mpg-label .tooltip-trigger {
  margin-top: -0.0625rem;
}

.bo-v2-right-powertrain-label-name-price-wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.75rem;
}

.bo-v2-right-package,
.bo-v2-right-option {
  display: flex;
  flex-direction: column;
}

.bo-v2-right-option {
  margin-top: 1.25rem;
}

.bo-v2-right-package-button,
.bo-v2-right-option-button {
  width: 100%;
  display: flex;
  background-color: #ffffff;
  border: 0.125rem solid transparent;
  box-shadow: 0 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 1.25rem;
}

.bo-v2-right-package-button:last-of-type,
.bo-v2-right-option-button:last-of-type {
  margin-bottom: 0;
}

.bo-v2-right-package-button-checked,
.bo-v2-right-option-button-checked {
  border-color: #00aad2;
}

.bo-v2-right-package-label,
.bo-v2-right-option-label {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 0.9375rem 0.9375rem 0.9375rem;
}

@media (min-width: 1024px) {
  .bo-v2-right-package-label,
  .bo-v2-right-option-label {
    padding: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .bo-v2-right-package-label,
  .bo-v2-right-option-label {
    padding: 1.875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-right-package-label,
  body.chat-opened .bo-v2-right-option-label {
    padding: 1.25rem 0.9375rem 0.9375rem 0.9375rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-right-package-label,
  body.chat-opened .bo-v2-right-option-label {
    padding: 1.25rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bo-v2-right-package-label,
  body.chat-opened .bo-v2-right-option-label {
    padding: 1.875rem;
  }
}

.bo-v2-right-package-label-checkbox,
.bo-v2-right-option-label-checkbox {
  flex-shrink: 0;
  position: relative;
  margin-right: 0.625rem;
}

.bo-v2-right-package-label-name,
.bo-v2-right-option-label-name {
  flex-grow: 1;
  flex-basis: 0;
  font-weight: 500;
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.25rem;
  text-align: left;
}

.bo-v2-right-package-label-price,
.bo-v2-right-option-label-price {
  width: 3.75rem;
  flex-shrink: 0;
  font-weight: 500;
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.25rem;
  text-align: right;
}

.bo-v2-right-package-label-spec-container,
.bo-v2-right-option-label-spec-container {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  position: relative;
  margin-top: 0.9375rem;
  padding-top: 0.9375rem;
}

@media (min-width: 640px) {
  .bo-v2-right-package-label-spec-container,
  .bo-v2-right-option-label-spec-container {
    margin: 0.9375rem 0 0 1.625rem;
    padding-top: 0.9375rem;
  }
}

@media (min-width: 1024px) {
  .bo-v2-right-package-label-spec-container,
  .bo-v2-right-option-label-spec-container {
    margin: 1.25rem 0 0 1.625rem;
    padding-top: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .bo-v2-right-package-label-spec-container,
  .bo-v2-right-option-label-spec-container {
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 1.875rem 0 0 1.625rem;
    padding-top: 1.875rem;
  }
}

.bo-v2-right-package-label-spec-container:before,
.bo-v2-right-option-label-spec-container:before {
  content: '';
  height: 0.0625rem;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #bababa;
}

@media (min-width: 1024px) {
  .bo-v2-right-package-label-spec-container:before,
  .bo-v2-right-option-label-spec-container:before {
    width: calc(100%);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-right-package-label-spec-container,
  body.chat-opened .bo-v2-right-option-label-spec-container {
    margin: 0.9375rem 0 0 1.625rem;
    padding-top: 0.9375rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-right-package-label-spec-container,
  body.chat-opened .bo-v2-right-option-label-spec-container {
    margin: 1.25rem 0 0 1.625rem;
    padding-top: 1.25rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bo-v2-right-package-label-spec-container,
  body.chat-opened .bo-v2-right-option-label-spec-container {
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 1.875rem 0 0 1.625rem;
    padding-top: 1.875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-right-package-label-spec-container:before,
  body.chat-opened .bo-v2-right-option-label-spec-container:before {
    width: 100%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-right-package-label-spec-container:before,
  body.chat-opened .bo-v2-right-option-label-spec-container:before {
    width: calc(100%);
  }
}

.bo-v2-right-package-label-spec,
.bo-v2-right-option-label-spec {
  width: 100%;
  display: flex;
  text-align: left;
  margin-bottom: 0.75rem;
}

@media (min-width: 1440px) {
  .bo-v2-right-package-label-spec,
  .bo-v2-right-option-label-spec {
    width: calc(50% - 10px);
  }
}

.bo-v2-right-package-label-spec-image-container,
.bo-v2-right-option-label-spec-image-container {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  .bo-v2-right-package-label-spec-image-container,
  .bo-v2-right-option-label-spec-image-container {
    margin-right: 1rem;
  }
}

.bo-v2-right-package-label-spec-image-container img,
.bo-v2-right-package-label-spec-image-container svg,
.bo-v2-right-option-label-spec-image-container img,
.bo-v2-right-option-label-spec-image-container svg {
  width: 100%;
  height: 100%;
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-right-package-label-spec-image-container,
  body.chat-opened .bo-v2-right-option-label-spec-image-container {
    margin-right: 0.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bo-v2-right-package-label-spec-image-container,
  body.chat-opened .bo-v2-right-option-label-spec-image-container {
    margin-right: 1rem;
  }
}

.bo-v2-pdm {
  width: 100%;
  max-width: 700px;
  height: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  z-index: 2004;
}

.bo-v2-pdm-container {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.bo-v2-pdm-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 2003;
}

.bo-v2-pdm-head {
  height: 3.75rem;
  position: relative;
  background: #f3f3f3;
  z-index: 2;
}

.bo-v2-pdm-head-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: #f3f3f3;
  padding: 0.875rem 1rem;
}

@media (min-width: 640px) {
  .bo-v2-pdm-head-inner {
    padding: 0.875rem 2.5rem;
  }
}

.bo-v2-pdm-head-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.0625rem;
}

.bo-v2-pdm-head-close {
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
  color: #002c5e;
}

.bo-v2-pdm-body {
  background: #ffffff;
  z-index: 1;
}

@media (min-width: 1024px) {
  .bo-v2-pdm-body {
    max-height: calc(100vh - 60px);
    overflow-y: auto;
  }
}

.bo-v2-pdm-body-inner {
  padding: 1rem;
}

@media (min-width: 640px) {
  .bo-v2-pdm-body-inner {
    padding: 2.5rem;
  }
}

.bo-v2-pdm-body-container,
.bo-v2-pdm-body-container-border {
  position: relative;
  margin-bottom: 2rem;
}

@media (min-width: 640px) {
  .bo-v2-pdm-body-container,
  .bo-v2-pdm-body-container-border {
    margin-bottom: 2.5rem;
  }
}

.bo-v2-pdm-body-container:last-of-type,
.bo-v2-pdm-body-container-border:last-of-type {
  margin-bottom: 0;
}

.bo-v2-pdm-body-container-border {
  padding-top: 2rem;
}

@media (min-width: 640px) {
  .bo-v2-pdm-body-container-border {
    padding-top: 2.5rem;
  }
}

.bo-v2-pdm-body-container-border:before {
  content: '';
  height: 0.0625rem;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #bababa;
}

.bo-v2-pdm-body-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}

@media (min-width: 640px) {
  .bo-v2-pdm-body-row {
    margin-bottom: 1.875rem;
  }
}

.bo-v2-pdm-body-row-title {
  margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
  .bo-v2-pdm-body-row-title {
    margin-bottom: 1.875rem;
  }
}

.bo-v2-pdm-body-row-small {
  margin-bottom: 1.25rem;
}

.bo-v2-pdm-body-row-no-margin {
  margin-bottom: 0;
}

.bo-v2-pdm-body-title {
  font-weight: 700;
  font-size: 1rem;
  color: #000000;
  line-height: 1.25rem;
}

@media (min-width: 640px) {
  .bo-v2-pdm-body-title {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.bo-v2-pdm-body-title-price {
  font-weight: 700;
  font-size: 1rem;
  color: #000000;
  line-height: 1.25rem;
}

@media (min-width: 640px) {
  .bo-v2-pdm-body-title-price {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.bo-v2-pdm-body-spec-container {
  width: calc(50% - 12px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
}

@media (min-width: 640px) {
  .bo-v2-pdm-body-spec-container {
    flex-grow: 0;
  }
}

.bo-v2-pdm-body-spec-title {
  display: flex;
  flex-direction: column;
  padding-left: 0.875rem;
}

@media (min-width: 640px) {
  .bo-v2-pdm-body-spec-title {
    padding-left: 0;
  }
}

.bo-v2-pdm-body-spec-name,
.bo-v2-pdm-body-spec-type,
.bo-v2-pdm-body-spec-price {
  font-weight: 500;
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.25rem;
}

.bo-v2-pdm-body-spec-name {
  padding-right: 0.5rem;
}

.bo-v2-pdm-body-spec-image-container {
  width: 6rem;
  height: 2.8125rem;
  position: relative;
  overflow: hidden;
}

@media (min-width: 640px) {
  .bo-v2-pdm-body-spec-image-container {
    width: calc(50% - 12px);
    height: 5rem;
  }
}

.bo-v2-pdm-body-spec-image-container img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.bo-v2-pdm-body-features {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 640px) {
  .bo-v2-pdm-body-features {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.bo-v2-pdm-body-feature {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 0.75rem;
}

@media (min-width: 640px) {
  .bo-v2-pdm-body-feature {
    width: calc(50% - 12px);
    margin-top: 1.25rem;
  }
  .bo-v2-pdm-body-feature:nth-child(-n+2) {
    margin-top: 0;
  }
}

.bo-v2-pdm-body-feature:nth-child(-n+1) {
  margin-top: 0;
}

.bo-v2-pdm-body-feature-icon {
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  margin-right: 0.5625rem;
}

.bo-v2-pdm-body-feature-icon svg {
  width: 100%;
  height: 100%;
}

.bo-v2-pdm-body-feature-name {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.25rem;
}

.bbo-v2-pdm-body-accessories {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.bo-v2-pdm-body-accessory {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 0.75rem;
}

@media (min-width: 640px) {
  .bo-v2-pdm-body-accessory {
    width: calc(50% - 12px);
    flex-direction: column;
    margin-top: 0;
  }
}

.bo-v2-pdm-body-accessory:nth-child(-n+1) {
  margin-top: 0;
}

.bo-v2-pdm-body-accessory .bo-v2-pdm-body-spec-image-container {
  width: 4.5625rem;
  height: auto;
  display: flex;
  flex-shrink: 0;
}

@media (min-width: 640px) {
  .bo-v2-pdm-body-accessory .bo-v2-pdm-body-spec-image-container {
    width: 100%;
  }
}

.bo-v2-pdm-body-accessory .bo-v2-pdm-body-spec-image-container img {
  position: relative;
  top: auto;
  transform: none;
}

.bo-v2-pdm-body-accessory .bo-v2-pdm-body-row {
  flex-grow: 1;
}

@media (min-width: 640px) {
  .bo-v2-pdm-body-accessory .bo-v2-pdm-body-row {
    min-height: 6.75rem;
    padding: 0 1.25rem;
  }
}

.bo-v2-pdm-body-accessory .bo-v2-pdm-body-spec-name {
  padding: 0 1.125rem 0 0.875rem;
}

@media (min-width: 640px) {
  .bo-v2-pdm-body-accessory .bo-v2-pdm-body-spec-name {
    padding: 0 1.125rem 0 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bo-v2-price-details-modal {
    position: fixed;
    display: flex;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100vw - 375px);
    z-index: 1008;
    transform: translateZ(0);
  }
}

.bo-v2-no-highlight {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.build-nav-v2-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.bn-v2-control {
  position: relative;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  margin-left: 1.875rem;
  cursor: pointer;
}

.bn-v2-control svg {
  flex-shrink: 0;
  margin-right: 0.3125rem;
}

.bn-v2-control-active {
  color: #00aad2;
}

.bn-v2-control-save svg {
  width: 1.0625rem;
  height: 1.0625rem;
}

.bn-v2-control-print svg {
  width: 0.75rem;
  height: 1.0625rem;
}

.bn-v2-control-share {
  z-index: 1001;
}

.bn-v2-control-share svg {
  width: 1rem;
  height: 1rem;
}

.bn-v2-control-desktop {
  display: none;
}

@media (min-width: 640px) {
  .bn-v2-control-desktop {
    display: flex;
  }
}

.bn-v2-control-mobile {
  display: flex;
}

@media (min-width: 640px) {
  .bn-v2-control-mobile {
    display: none;
  }
}

.bn-v2-controls-modal-container {
  width: 100%;
  height: 100%;
  flex-direction: column;
}

.bn-v2-controls-modal-container .modal-box {
  width: 100%;
}

@media (min-width: 640px) {
  .bn-v2-controls-modal-container .modal-box {
    max-width: 28.75rem;
  }
}

.bn-v2-controls-modal-container .modal-content {
  padding: 3.125rem 2rem 2.3125rem 2.5rem;
}

@media (min-width: 640px) {
  .bn-v2-controls-modal-container .modal-content {
    padding: 2.875rem 2.5rem 2.5rem;
  }
}

.bn-v2-controls-modal-container .at-icon-wrapper {
  display: none;
}

.bn-v2-controls-modal {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  z-index: 1001;
}

@media (min-width: 640px) {
  .bn-v2-controls-modal {
    max-width: 28.75rem;
  }
}

.bn-v2-controls-modal-header {
  align-items: center;
  display: flex;
  padding-bottom: 1.5625rem;
}

@media (min-width: 640px) {
  .bn-v2-controls-modal-header {
    border-bottom: 1px solid #e6e6e6;
  }
}

.bn-v2-controls-modal-header-text {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
}

.bn-v2-controls-modal-header-check {
  flex-shrink: 0;
  height: 1.6875rem;
  margin-right: 0.75rem;
  position: relative;
  width: 2rem;
}

.bn-v2-controls-modal-header-check:before {
  content: '';
  border: solid #00aad2;
  border-width: 0 5px 5px 0;
  display: inline-block;
  height: 1.875rem;
  left: 0.5rem;
  position: absolute;
  top: -0.5rem;
  transform: rotate(40deg);
  width: 0.9375rem;
}

.bn-v2-controls-modal-header-warning {
  width: 0;
  height: 0;
  border-left: 0.9375rem solid transparent;
  border-right: 0.9375rem solid transparent;
  border-bottom: 1.625rem solid red;
  margin-right: 0.75rem;
  position: relative;
}

.bn-v2-controls-modal-header-warning:before {
  content: '!';
  color: white;
  position: absolute;
  top: 0.4375rem;
  left: -0.125rem;
}

.bn-v2-controls-modal-text {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .bn-v2-controls-modal-text {
    padding-top: 1rem;
  }
}

.bn-v2-controls-modal-form {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .bn-v2-controls-modal-form {
    max-width: 15.75rem;
  }
}

.bn-v2-controls-modal-label span {
  color: #888888;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding-bottom: 0.25rem;
}

.bn-v2-controls-modal-input {
  border: 1px solid #e6e6e6;
  color: #bababa;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 0.625rem 1.0625rem;
  width: 100%;
}

.bn-v2-controls-modal-submit {
  margin-top: 1.6875rem;
}

@media (min-width: 640px) {
  .bn-v2-controls-modal-submit {
    margin-top: 2rem;
  }
}

.bn-v2-controls-modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
}

.bo-v2-nav {
  height: 6.375rem;
}

@media (min-width: 640px) {
  .bo-v2-nav {
    height: 2.6875rem;
  }
}

@media (min-width: 1024px) {
  .bo-v2-nav {
    height: 5rem;
  }
}

.bo-v2-nav-trims {
  height: 2.6875rem;
}

@media (min-width: 640px) {
  .bo-v2-nav-trims {
    height: 2.6875rem;
  }
}

@media (min-width: 1024px) {
  .bo-v2-nav-trims {
    height: 5rem;
  }
}

.bo-v2-nav-trims .build-nav-v2-bottom {
  display: none;
}

.bo-v2-nav-summary {
  height: 5rem;
}

@media (min-width: 640px) {
  .bo-v2-nav-summary {
    height: 2.6875rem;
  }
}

@media (min-width: 1024px) {
  .bo-v2-nav-summary {
    height: 5rem;
  }
}

.build-nav-v2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 991;
  background: #ffffff;
  border-bottom: 0.0625rem solid #bababa;
}

@media (min-width: 640px) {
  .build-nav-v2 {
    flex-direction: row;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
  }
}

.build-nav-v2.bn-v2-sticky {
  position: fixed;
  right: 0;
  left: 0;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .build-nav-v2 {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .build-nav-v2 {
    width: calc(100vw - 375px);
  }
}

.build-nav-v2-top,
.build-nav-v2-bottom {
  width: 100%;
  display: flex;
  justify-content: center;
}

.build-nav-v2-top .bn-v2-control-container {
  display: flex;
}

.build-nav-v2-bottom {
  display: flex;
  border-top: 0.0625rem solid #bababa;
}

@media (min-width: 640px) {
  .build-nav-v2-bottom {
    display: none;
  }
}

.build-nav-v2-bottom .bn-v2-total-price {
  margin: 0;
}

.build-nav-v2-inner,
.build-nav-v2-inner-center {
  width: 100%;
  max-width: 1440px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.625rem 1rem;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

@media (min-width: 1024px) {
  .build-nav-v2-inner,
  .build-nav-v2-inner-center {
    height: 5rem;
    padding: 1.6875rem 2rem 1.625rem;
  }
}

@media (min-width: 1440px) {
  .build-nav-v2-inner,
  .build-nav-v2-inner-center {
    padding: 1.6875rem 5rem 1.625rem;
  }
}

.build-nav-v2-bottom .build-nav-v2-inner-center {
  justify-content: center;
}

.build-nav-v2-bottom .build-nav-v2-inner-center .bn-v2-control-save {
  margin: 0;
}

.bn-v2-container {
  display: flex;
  align-items: center;
}

.bn-v2-model-desktop {
  display: none;
}

@media (min-width: 640px) {
  .bn-v2-model-desktop {
    display: inline-flex;
  }
}

.bn-v2-builds-count-txt-desktop {
  display: none;
}

@media (min-width: 1024px) {
  .bn-v2-builds-count-txt-desktop {
    display: inline-flex;
  }
}

.bn-v2-logo {
  margin-right: 1.5625rem;
}

.bn-v2-logo-inner {
  display: flex;
  align-items: center;
}

.bn-v2-logo-small {
  width: 1.75rem;
  display: inline-flex;
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  .bn-v2-logo-small {
    display: none;
  }
}

.bn-v2-logo-large {
  display: none;
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  .bn-v2-logo-large {
    display: inline-flex;
  }
}

.bn-v2-model-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (min-width: 640px) {
  .bn-v2-model-container {
    flex-direction: row;
  }
}

.bn-v2-model-container-right {
  align-items: flex-end;
}

.bn-v2-model,
.bn-v2-total-price {
  height: 1.25rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  margin-right: 0.875rem;
}

@media (min-width: 1024px) {
  .bn-v2-model,
  .bn-v2-total-price {
    height: 1.4375rem;
    font-size: 1.125rem;
    line-height: 1.4375rem;
    margin-right: 1.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bn-v2-model,
  body.chat-opened .bn-v2-total-price {
    height: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-right: 0.875rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bn-v2-model,
  body.chat-opened .bn-v2-total-price {
    height: 1.4375rem;
    font-size: 1.125rem;
    line-height: 1.4375rem;
    margin-right: 1.25rem;
  }
}

.bn-v2-price-details {
  display: flex;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
}

.bn-v2-price-details svg {
  width: 0.625rem;
  height: 0.625rem;
  margin-left: 0.3125rem;
}

.bn-v2-item-link {
  display: flex;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  text-align: center;
  text-decoration: none;
}

.bn-v2-item-link .icon {
  width: 0.75rem;
  height: 0.625rem;
  display: inline-block;
  font-weight: 700;
  flex-shrink: 0;
  margin-left: 0.375rem;
}

.bn-v2-item-link-open .bn-v2-item-link .icon {
  transform: rotate(180deg);
}

.bn-v2-item-link-active .bn-v2-item-link .icon {
  color: #00aad2;
}

.bn-v2-saved-builds {
  margin-left: 1.5625rem;
}

.bn-v2-builds-count {
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  color: #ffffff;
  text-align: center;
  flex-shrink: 0;
  background-color: #00aad2;
  border-radius: 50%;
}

@media (min-width: 640px) {
  .bn-v2-builds-count {
    width: 1.375rem;
    height: 1.375rem;
  }
}

.bn-v2-builds-count-value {
  line-height: 1;
  margin: auto;
}

.bn-v2-item-link-active .bn-v2-builds-count-txt {
  color: #00aad2;
}

.bn-v2-builds-count-txt {
  margin-left: 0.3125rem;
}

.build-footer-v2 {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  z-index: 991;
  border-top: 0.0625rem solid #bababa;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .build-footer-v2 {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .build-footer-v2 {
    width: calc(100vw - 375px);
  }
}

.build-footer-v2-inner {
  width: 100%;
  max-width: 1440px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
}

@media (min-width: 1024px) {
  .build-footer-v2-inner {
    padding: 1rem 2rem;
  }
}

@media (min-width: 1440px) {
  .build-footer-v2-inner {
    padding: 1rem 5rem;
  }
}

.bf-v2-container {
  height: 2.75rem;
  display: flex;
  align-items: center;
}

.bf-v2-link-container {
  display: flex;
}

.bf-v2-button-link {
  text-decoration: none;
}

.bf-v2-link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  text-decoration: none;
}

@media (min-width: 640px) {
  .bf-v2-link {
    margin-right: 1.25rem;
  }
}

.bf-v2-link svg {
  width: 0.625rem;
  height: 0.625rem;
  margin-right: 0.3125rem;
}

.bf-v2-link-desktop {
  display: none;
}

@media (min-width: 640px) {
  .bf-v2-link-desktop {
    display: flex;
  }
}

.bf-v2-button-container-trims .bf-v2-button-desktop {
  margin-right: 0;
}

.bf-v2-button-desktop {
  display: none;
}

@media (min-width: 640px) {
  .bf-v2-button-desktop {
    display: flex;
    margin: 0 0.3125rem;
  }
}

.bf-v2-no-highlight {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bn-v2-sb-compare-panel {
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 1440px) {
  .bn-v2-sb-compare-panel {
    padding: 0 4.5rem;
  }
}

.bn-v2-sb-unavailable {
  opacity: 0.2;
}

.bn-v2-sb-unavailable-text {
  font-size: 1.5rem;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.bn-v2-sb-link-disabled {
  pointer-events: none;
}

.bn-v2-sb-dropdown {
  color: #002c5e;
  display: flex;
  align-items: flex-end;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: right;
  justify-content: flex-end;
}

.bn-v2-sb-action-icon-lg {
  flex-shrink: 0;
  margin-right: 0.4375rem;
}

.bn-v2-sb-action {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #002c5e;
  text-align: left;
}

.bn-v2-sb-checkbox-label {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.125rem;
  height: 1.125rem;
}

.bn-v2-sb-checkbox-txt {
  padding-left: 1.625rem;
  justify-content: flex-end;
}

.bn-v2-sb-item {
  text-align: left;
  position: relative;
  padding: 1rem;
}

@media (min-width: 640px) {
  .bn-v2-sb-item {
    padding: 1rem 1.5rem;
    margin-right: 1.25rem;
    width: 13.75rem;
  }
}

@media (min-width: 1440px) {
  .bn-v2-sb-item {
    margin-right: 3.125rem;
  }
}

.bn-v2-sb-delete-overlay {
  padding: 45px;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 2;
}

.bn-v2-sb-delete-btns {
  display: flex;
  justify-content: space-between;
  width: 11.875rem;
}

.bn-v2-sb-delete-text {
  font-size: 1.5rem;
  font-weight: 500;
  padding-bottom: 1.5rem;
  text-align: center;
  max-width: 23.4375rem;
}

.bn-v2-sb-text {
  display: flex;
  padding-right: 1rem;
  position: relative;
}

.bn-v2-sb-model-content {
  width: 100%;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

@media (min-width: 640px) {
  .bn-v2-sb-model-content {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.bn-v2-sb-vehicle-model-name {
  font-weight: 700;
}

.bn-v2-sb-vehicle-heading {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  padding-bottom: 0.5rem;
}

.bn-v2-sb-amount {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  margin-bottom: 1.25rem;
}

.bn-v2-sb-price-number {
  display: block;
  color: #333333;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 500;
}

.bn-v2-sb-price-label {
  color: #888888;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.bn-v2-sb-item-clr-btn {
  margin: 0.1875rem 0 0 0.625rem;
}

.bn-v2-sb-remove-filter {
  margin-top: 2.5rem;
  display: flex;
  align-items: flex-start;
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  order: 2;
}

@media (min-width: 640px) {
  .bn-v2-sb-remove-filter {
    order: 0;
    margin-left: 0;
    margin-top: 2rem;
  }
}

.bn-v2-sb-clear-filter-container {
  padding: 0.9375rem 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 640px) {
  .bn-v2-sb-clear-filter-container {
    padding-top: 0;
  }
}

@media (min-width: 1024px) {
  .bn-v2-sb-clear-filter-container {
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bn-v2-sb-clear-filter-container {
    padding-top: 0;
    justify-content: space-between;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bn-v2-sb-clear-filter-container {
    justify-content: space-between;
  }
}

.bn-v2-sb-compare-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.bn-v2-sb-compare-back-main {
  width: 30%;
}

@media (min-width: 640px) {
  .bn-v2-sb-compare-back-main {
    width: 7%;
  }
}

.bn-v2-sb-compare-btn {
  width: 70%;
  text-align: right;
  order: 1;
}

@media (min-width: 640px) {
  .bn-v2-sb-compare-btn {
    order: 0;
  }
}

.bn-v2-sb-compare-back {
  display: flex;
  color: #002c5e;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  order: 0;
}

@media (min-width: 640px) {
  .bn-v2-sb-compare-back {
    order: 0;
  }
}

.bn-v2-sb-compare-back .icon {
  width: 0.375rem;
  fill: #002c5e;
  margin-right: 0.25rem;
}

.bn-v2-sb-compare-back-btn {
  margin-top: 0.125rem;
}

.bn-v2-sb-compare-back-btn .icon {
  fill: #002c5e;
  height: 0.8125rem;
  width: 0.8125rem;
}

.bn-v2-sb-compare-txt {
  width: 100%;
  justify-content: space-between;
  order: 2;
  padding-top: 1.25rem;
}

@media (min-width: 640px) {
  .bn-v2-sb-compare-txt {
    width: 23%;
    white-space: nowrap;
    order: 0;
    justify-content: center;
    padding: 0 1rem 0;
  }
}

.bn-v2-sb-compare-txt-first {
  display: block;
}

@media (min-width: 640px) {
  .bn-v2-sb-compare-txt-first {
    display: inline;
  }
}

.bn-v2-sb-compare-trigger {
  padding: 0.5rem 0.9375rem;
  background-color: #bababa;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
}

.bn-v2-sb-item-clr-btn .icon {
  fill: #002c5e;
}

.bn-v2-sb-compare-open-btn {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-left: auto;
  padding: 0.375rem 0.875rem;
  text-align: center;
  order: 1;
}

@media (min-width: 640px) {
  .bn-v2-sb-compare-open-btn {
    order: 0;
    padding: 0.6875rem 1.75rem;
  }
}

.bn-v2-sb-done-trigger {
  margin-top: 2.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  padding: 0.6875rem 1.75rem;
  order: 3;
}

@media (min-width: 640px) {
  .bn-v2-sb-done-trigger {
    order: 0;
    margin-right: 0;
  }
}

.bn-v2-sb-updates,
.bn-v2-sb-date {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
}

.bn-v2-sb-updates {
  color: #666666;
}

.bn-v2-sb-date {
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  color: #888888;
  border-bottom: 1px solid #bababa;
}

.bn-v2-sb-compare-date {
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  color: #888888;
}

.bn-v2-sb-item-close {
  position: absolute;
  top: 0;
  right: 0;
}

.bn-v2-sb-item-close-btn {
  display: flex;
  color: #002c5e;
}

.bn-v2-sb-item-close-btn .icon {
  width: 1.125rem;
  height: 1.125rem;
}

.bn-v2-sb-item-build-cta {
  color: #002c5e;
  text-decoration: none;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
}

@media (min-width: 640px) {
  .bn-v2-sb-item-build-cta {
    font-size: 0.875rem;
  }
}

.bn-v2-sb-item-build-cta svg {
  display: inline-block;
  fill: currentColor;
  height: 0.625rem;
  margin-left: 0.375rem;
  width: 0.5rem;
  vertical-align: middle;
}

.bn-v2-sb-item-build-btn {
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
}

.bn-v2-sb-item-build-btn svg {
  display: inline-block;
  fill: currentColor;
  height: 0.625rem;
  margin-left: 0.375rem;
  width: 0.5rem;
  vertical-align: middle;
}

.bn-v2-sb-arrow-container {
  position: relative;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .bn-v2-sb-arrow-container {
    padding: 0 3.75rem;
  }
}

@media (min-width: 1024px) {
  .bn-v2-sb-arrow-container {
    padding: 0 7.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bn-v2-sb-arrow-container {
    padding: 0 3.75rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bn-v2-sb-arrow-container {
    padding: 0 7.5rem;
  }
}

.bn-v2-sb-slick-prev,
.bn-v2-sb-slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #002c5e;
  z-index: 2;
}

@media (max-width: 639px) {
  .bn-v2-sb-slick-prev,
  .bn-v2-sb-slick-next {
    display: none;
  }
}

.bn-v2-sb-slick-prev .icon,
.bn-v2-sb-slick-next .icon {
  width: 1.5rem;
  height: 1.5rem;
}

.bn-v2-sb-slick-next {
  right: 0;
}

.bn-v2-sb-slick-prev {
  left: 0;
}

.bn-v2-sb-slick-nav {
  width: 100%;
  margin: auto;
  justify-content: space-between;
}

@media (min-width: 640px) {
  .bn-v2-sb-slick-nav {
    width: auto;
    margin-top: 2rem;
  }
}

@media (min-width: 1024px) {
  .bn-v2-sb-slick-nav {
    justify-content: center;
    padding: 0 1rem 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bn-v2-sb-slick-nav {
    width: auto;
    justify-content: space-between;
    margin-top: 2rem;
    padding: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bn-v2-sb-slick-nav {
    justify-content: center;
    padding: 0 1rem 0;
  }
}

.bn-v2-sb-slick-next-mobile,
.bn-v2-sb-slick-prev-mobile,
.bn-v2-sb-slick-next,
.bn-v2-sb-slick-prev {
  color: #002c5e;
}

.bn-v2-sb-slick-next-mobile.slick-disabled,
.bn-v2-sb-slick-prev-mobile.slick-disabled,
.bn-v2-sb-slick-next.slick-disabled,
.bn-v2-sb-slick-prev.slick-disabled {
  cursor: default;
  color: #bababa;
}

.bn-v2-sb-slick-nav .bn-v2-sb-slick-next-mobile,
.bn-v2-sb-slick-nav .bn-v2-sb-slick-prev-mobile {
  position: absolute;
  display: block;
  top: 46%;
}

.bn-v2-sb-slick-nav .bn-v2-sb-slick-next-mobile .icon,
.bn-v2-sb-slick-nav .bn-v2-sb-slick-prev-mobile .icon {
  height: 0.8125rem;
  width: 0.8125rem;
}

@media (min-width: 640px) {
  .bn-v2-sb-slick-nav .bn-v2-sb-slick-next-mobile,
  .bn-v2-sb-slick-nav .bn-v2-sb-slick-prev-mobile {
    display: none;
  }
}

.bn-v2-sb-slick-nav .bn-v2-sb-slick-prev-mobile {
  left: 1rem;
}

.bn-v2-sb-slick-nav .bn-v2-sb-slick-next-mobile {
  right: 1rem;
}

.bn-v2-sb-dots-container .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bn-v2-sb-dots-container .slick-active button {
  background-color: #00aad2;
}

.bn-v2-sb-dots-container button {
  background-color: #888888;
  border-radius: 50%;
  color: transparent;
  display: inline-block;
  height: 0.5625rem;
  width: 0.5625rem;
}

@media (min-width: 640px) {
  .bn-v2-sb-dots-container button {
    outline: none;
  }
}

.bn-v2-sb-dots-container li {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0.625rem;
  padding-right: 0.6875rem;
  border: 0.0625rem solid transparent;
}

@media (min-width: 640px) {
  .bn-v2-sb-dots-container li {
    padding: 0.625rem 0.9375rem;
  }
}

.bn-v2-sb-dots-container li button:focus {
  outline: none;
}

@media (min-width: 640px) {
  .bn-v2-sb-dots-container li.slick-active {
    border-color: #002c5e;
    border-radius: 1rem;
    padding: 0.625rem 0.9375rem;
  }
  .bn-v2-sb-dots-container li.slick-active:before {
    content: "";
    background-color: #00aad2;
    border-radius: 50%;
    color: transparent;
    height: 0.5625rem;
    margin-right: 2rem;
    width: 0.5625rem;
  }
}

@media (min-width: 1024px) {
  .bn-v2-sb-dots-container li.slick-active:after {
    content: "";
    background-color: #00aad2;
    border-radius: 50%;
    color: transparent;
    height: 0.5625rem;
    margin-left: 2rem;
    width: 0.5625rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bn-v2-sb-dots-container li.slick-active:before {
    content: "";
    background-color: #00aad2;
    border-radius: 50%;
    color: transparent;
    height: 0.5625rem;
    margin-right: 2rem;
    width: 0.5625rem;
  }
  body.chat-opened .bn-v2-sb-dots-container li.slick-active:after {
    content: "";
    background-color: #00aad2;
    border-radius: 50%;
    color: transparent;
    height: 0.5625rem;
    margin-left: 2rem;
    width: 0.5625rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bn-v2-sb-dots-container li.slick-active:after {
    content: "";
    background-color: #00aad2;
    border-radius: 50%;
    color: transparent;
    height: 0.5625rem;
    margin-left: 2rem;
    width: 0.5625rem;
  }
}

.slick-current .bn-v2-sb-item {
  padding-right: 0.5rem;
}

@media (min-width: 640px) {
  .slick-current .bn-v2-sb-item {
    padding-right: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .slick-current .bn-v2-sb-item {
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .slick-current .bn-v2-sb-item {
    padding-right: 0.75rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .slick-current .bn-v2-sb-item {
    padding-right: 1.5rem;
  }
}

.bn-v2-sb-container {
  width: 100%;
  position: relative;
  background: #ffffff;
}

.bn-v2-sb-carousel-wrapper {
  display: none;
  position: fixed;
  left: 0;
  top: 2.5rem;
  z-index: 990;
  width: 100%;
  background: #ffffff;
  padding-top: 2rem;
  padding-right: 1rem;
  padding-bottom: 2rem;
  padding-left: 1rem;
}

@media (min-width: 640px) {
  .bn-v2-sb-carousel-wrapper {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 1024px) {
  .bn-v2-sb-carousel-wrapper {
    top: 5rem;
    padding-right: 2.625rem;
    padding-left: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .bn-v2-sb-carousel-wrapper {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bn-v2-sb-carousel-wrapper {
    top: 3.5rem;
    padding-right: 2rem;
    padding-left: 2rem;
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bn-v2-sb-carousel-wrapper {
    top: 5rem;
    padding-right: 2.625rem;
    padding-left: 2.625rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bn-v2-sb-carousel-wrapper {
    padding-right: 0;
    padding-left: 0;
  }
}

.bn-v2-sb-show-panel {
  display: block;
}

.bn-v2-sb-backdrop {
  z-index: 980;
}

.bn-v2-sb-compare-checkbox-box {
  padding-left: 14px;
}

.bn-v2-sb-compare-header-back-btn {
  align-items: center;
  color: #002c5e;
  display: inline-flex;
  margin-right: 1rem;
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: none;
  order: 0;
}

@media (min-width: 640px) {
  .bn-v2-sb-compare-header-back-btn {
    order: 0;
  }
}

.bn-v2-sb-compare-header-back-btn .icon {
  flex-shrink: 0;
  margin-right: 0.5rem;
}

.bn-v2-sb-compare-count-txt {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  order: 2;
  padding-top: 1.5rem;
  width: 100%;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .bn-v2-sb-compare-count-txt {
    order: 0;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.bn-v2-sb-compare-count {
  display: flex;
  align-items: center;
}

.bn-v2-sb-compare-mode-header {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

@media (min-width: 640px) {
  .bn-v2-sb-compare-mode-header {
    justify-content: space-between;
    align-items: center;
  }
}

.bn-v2-sb-compare-section {
  display: flex;
  align-items: center;
  min-height: 2.8125rem;
}

.bn-v2-sb-carousel .slick-initialized .slick-slide {
  display: flex;
  justify-content: center;
}

.bn-v2-backdrop {
  z-index: 980;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

@media (min-width: 1024px) {
  body.chat-opened .bn-v2-backdrop {
    right: 23.4375rem;
  }
}

.bldsum-v2-features-select {
  text-align: center;
  margin-top: 0.625rem;
  margin-bottom: 1.25rem;
}

.bldsum-v2-img-selector-btn {
  display: inline-block;
  color: #666666;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-bottom: 0.5rem;
  margin-right: 2rem;
  text-decoration: none;
}

.bldsum-v2-img-selector-btn:last-child {
  margin-right: 0;
}

.bldsum-v2-img-selector-btn.selected {
  color: #333333;
  border-bottom: 0.125rem solid #00aad2;
}

@media (min-width: 1024px) {
  body.chat-opened .bldsum-v2-img-selector-btn {
    margin-right: 1rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bldsum-v2-img-selector-btn {
    margin-right: 2rem;
  }
}

.blsum-v2-offers-desc-percent {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 2.8125rem;
  font-weight: 500;
  line-height: 2.8125rem;
}

.blsum-v2-offers-desc-type {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.blsum-v2-offers-description {
  padding-top: 1.25rem;
}

.bldsum-v2-price-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  max-width: 90rem;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .bldsum-v2-price-container {
    flex-direction: row;
  }
}

.blsum-v2-price-details {
  width: 100%;
}

@media (min-width: 640px) {
  .blsum-v2-price-details {
    width: 49%;
    padding-bottom: 1.875rem;
  }
}

.blsum-v2-key-highlights {
  width: 100%;
}

@media (min-width: 640px) {
  .blsum-v2-key-highlights {
    width: 40%;
  }
}

.blsum-v2-key-highlights .blsum-v2-txt-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  max-width: 90rem;
  margin: 0 auto;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #666666;
  line-height: 1.25rem;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding-top: 1.25rem;
  padding-bottom: 0.3125rem;
}

@media (min-width: 1440px) {
  .blsum-v2-key-highlights .blsum-v2-txt-container {
    margin: 0 2.0625rem;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.blsum-v2-key-highlights .blsum-v2-txt-container .blsum-v2-txt {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0.6875rem;
}

@media (min-width: 1024px) {
  .blsum-v2-key-highlights .blsum-v2-txt {
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .blsum-v2-key-highlights .blsum-v2-txt {
    max-width: calc(50% - 25px);
    margin-bottom: 1rem;
  }
}

.blsum-v2-key-highlights .blsum-v2-txt svg {
  max-width: -webkit-max-content;
  max-width: max-content;
  width: 1.75rem;
  height: 1.75rem;
  margin-right: 0.8125rem;
}

.blsum-v2-key-highlights .blsum-v2-txt-icon {
  width: 1.75rem;
}

.blsum-v2-key-highlights .blsum-v2-txt-icon svg {
  margin-right: 0;
}

.blsum-v2-key-highlights .blsum-v2-txt-feature-name {
  margin-left: 0.8125rem;
}

.blsum-v2-key-highlights .blsum-v2-txt-feature-tooltip {
  width: 1.5625rem;
  margin-left: 0.3125rem;
}

@media (min-width: 1024px) {
  body.chat-opened .blsum-v2-key-highlights .blsum-v2-txt {
    margin-bottom: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blsum-v2-key-highlights .blsum-v2-txt {
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .blsum-v2-key-highlights .blsum-v2-txt {
    max-width: calc(50% - 25px);
    margin-bottom: 1rem;
  }
}

@media (min-width: 1440px) {
  .blsum-add-padding {
    margin: 0 2.0625rem;
  }
}

.blsum-v2-price-header {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 1024px) {
  .blsum-v2-price-header {
    font-size: 1.875rem;
    line-height: 2.3125rem;
    padding-bottom: 1.3125rem;
    box-sizing: border-box;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blsum-v2-price-header {
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding-bottom: 1.25rem;
    box-sizing: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blsum-v2-price-header {
    font-size: 1.875rem;
    line-height: 2.3125rem;
    padding-bottom: 1.3125rem;
    box-sizing: border-box;
  }
}

.blsum-v2swatc-image-container {
  height: 2.8125rem;
  width: 6.25rem;
  position: relative;
  overflow: hidden;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .blsum-v2swatc-image-container {
    width: 5.125rem;
  }
}

@media (min-width: 1024px) {
  .blsum-v2swatc-image-container {
    height: 5rem;
    width: 13.75rem;
  }
}

@media (min-width: 1440px) {
  .blsum-v2swatc-image-container {
    width: 17.875rem;
  }
}

.blsum-v2swatc-image-container img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@media (min-width: 1024px) {
  body.chat-opened .blsum-v2swatc-image-container {
    height: 2.8125rem;
    width: 5.125rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blsum-v2swatc-image-container {
    height: 5rem;
    width: 13.75rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .blsum-v2swatc-image-container {
    width: 17.875rem;
  }
}

.blsum-v2-cost-wrapper {
  width: 100%;
  border-top: 1px solid #999;
  padding: 0 0 1.875rem 0;
}

.blsum-v2-packages-wrapper {
  width: 100%;
  border-top: 1px solid #999;
  padding: 0 0 2.1875rem 0;
}

.blsum-v2-accessory-wrapper {
  width: 100%;
  border-top: 1px solid #999;
  padding: 0 0 0.3125rem 0;
}

.blsum-nopadding {
  padding: 0;
}

.blsum-v2-cost-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.25rem;
  padding-top: 1.875rem;
  align-items: center;
}

.blsum-v2-cost-container span:first-child {
  width: 75%;
}

@media (max-width: 1023px) {
  .blsum-v2-cost-container-interior {
    padding-top: 0.9375rem;
  }
}

.blsum-swatch-container {
  display: flex;
  align-items: center;
}

.blsum-swatch-container .blsum-v2swatch-text {
  padding-left: 0.9375rem;
}

@media (min-width: 640px) {
  .blsum-swatch-container .blsum-v2swatch-text {
    padding-left: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .blsum-swatch-container .blsum-v2swatch-text {
    padding-left: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .blsum-swatch-container .blsum-v2swatch-text {
    padding-left: 2.1875rem;
  }
}

.blsum-swatch-container .blsum-v2swatch-color-txt {
  width: auto !important;
  padding-left: 0.3125rem;
}

@media (min-width: 1024px) {
  body.chat-opened .blsum-swatch-container .blsum-v2swatch-text {
    padding-left: 0.75rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blsum-swatch-container .blsum-v2swatch-text {
    padding-left: 1.25rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .blsum-swatch-container .blsum-v2swatch-text {
    padding-left: 2.1875rem;
  }
}

.blsum-v2-offers-tab {
  text-align: center;
}

@media (max-width: 1023px) {
  .blsum-v2-offers-tab {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .blsum-v2-offers-tab {
    padding-bottom: 2.25rem;
    padding-top: 2.4375rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blsum-v2-offers-tab {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blsum-v2-offers-tab {
    padding-bottom: 2.25rem;
    padding-top: 2.4375rem;
  }
}

.bcs-v2-vfs-link {
  margin-top: 1.4375rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 640px) {
  .bcs-v2-vfs-link {
    margin-top: 1.875rem;
  }
}

@media (min-width: 1024px) {
  .bcs-v2-vfs-link {
    margin-top: 1.375rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bcs-v2-vfs-link {
    margin-top: 1.875rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bcs-v2-vfs-link {
    margin-top: 1.375rem;
  }
}

.bldsum-v2-img-selector-btn {
  padding-bottom: 0.625rem;
  margin-right: 2rem;
}

.bldsum-v2-img-selector-btn-active {
  border-bottom: 2px solid #00aad2;
}

.blsum-v2-offers-btn {
  width: 15.625rem;
  height: 3.125rem;
  color: #ffffff;
  background-color: #002c5e;
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
}

@media (max-width: 23.125rem) {
  .blsum-v2-offers-btn {
    width: 80%;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .blsum-v2-offers-btn {
    width: 12.8125rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blsum-v2-offers-btn {
    width: 12.8125rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blsum-v2-offers-btn {
    width: 15.625rem;
  }
}

.blsum-v2-cost-label,
.blsum-v2-cost-value {
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  color: #333333;
}

@media (min-width: 1024px) {
  .blsum-v2-cost-label,
  .blsum-v2-cost-value {
    font-size: 1.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blsum-v2-cost-label,
  body.chat-opened .blsum-v2-cost-value {
    font-size: 1rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blsum-v2-cost-label,
  body.chat-opened .blsum-v2-cost-value {
    font-size: 1.25rem;
  }
}

.blsum-v2-cost-label {
  width: 80%;
}

@media (max-width: 639px) {
  .blsum-v2-cost-label {
    width: 70%;
  }
}

.blsum-v2-cost-value {
  width: 20%;
  text-align: right;
}

@media (max-width: 639px) {
  .blsum-v2-cost-value {
    width: 30%;
  }
}

.blsum-v2-cost-price {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  color: #333333;
}

.blsum-v2-offers-desc-section {
  width: 100%;
  margin: auto;
  padding-top: 0.625rem;
  padding-bottom: 2.5rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .blsum-v2-offers-desc-section {
    width: 18.75rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blsum-v2-offers-desc-section {
    width: 100%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blsum-v2-offers-desc-section {
    width: 18.75rem;
  }
}

.blsum-v2-offers-section {
  text-align: center;
}

.bcs-v2-link-btn {
  color: #002c5e;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}

.bcs-v2-link-btn .icon {
  margin-left: 0.375rem;
  height: 0.625rem;
  width: 0.625rem;
}

.blsum-v2-accessories {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

@media (max-width: 1023px) {
  .blsum-v2-accessories {
    margin-bottom: 1rem;
  }
}

@media (min-width: 1024px) {
  .blsum-v2-accessories {
    width: calc(50% - 12px);
    flex-direction: column;
    margin-top: 0;
  }
}

.blsum-v2-accessories .blsum-v2-accessories-img {
  width: 4.5625rem;
  height: 2.5625rem;
  display: flex;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  .blsum-v2-accessories .blsum-v2-accessories-img {
    width: 100%;
    padding-top: 56.25%;
  }
}

.blsum-v2-accessories .blsum-v2-accessories-img img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blsum-v2-accessories .blsum-v2-accessories-text {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 1024px) {
  .blsum-v2-accessories .blsum-v2-accessories-text {
    min-height: 6.75rem;
    padding: 0 1.25rem;
  }
}

@media (max-width: 1023px) {
  .blsum-v2-accessories .blsum-v2-accessories-text {
    padding-left: 0.5rem;
  }
}

.blsum-v2-accessories .blsum-v2-accessories-text-name {
  padding: 0 1.125rem 0 0.875rem;
}

@media (min-width: 640px) {
  .blsum-v2-accessories .blsum-v2-accessories-text-name {
    padding: 0 1.125rem 0 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blsum-v2-accessories {
    margin-bottom: 1rem;
    width: 100%;
    flex-direction: row;
    margin-top: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blsum-v2-accessories {
    width: calc(50% - 12px);
    flex-direction: column;
    margin-top: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blsum-v2-accessories .blsum-v2-accessories-img {
    width: 4.5625rem;
    padding-top: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blsum-v2-accessories .blsum-v2-accessories-img {
    width: 100%;
    padding-top: 56.25%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blsum-v2-accessories .blsum-v2-accessories-text {
    padding-left: 0.5rem;
    min-height: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blsum-v2-accessories .blsum-v2-accessories-text {
    min-height: 6.75rem;
    padding: 0 1.25rem;
  }
}

@media (max-width: 1023px) {
  .blsum-v2-accessory-container {
    padding-top: 1.5625rem;
  }
}

.blsum-v2-accessories-select {
  box-shadow: 0 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 0.75rem;
}

@media (min-width: 1024px) {
  .blsum-v2-accessories-select {
    margin-bottom: 1.875rem;
  }
}

.blsum-v2-accessories-select .blsum-v2-accessories-text {
  background: #ffffff;
}

@media (max-width: 1023px) {
  .blsum-v2-accessories-select .blsum-v2-accessories-text {
    padding-right: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blsum-v2-accessories-select {
    margin-bottom: 0.75rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blsum-v2-accessories-select {
    margin-bottom: 1.875rem;
  }
}

.blsum-v2-accessories-select-inner {
  width: 100%;
}

@media (max-width: 1023px) {
  .blsum-v2-accessories-select-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.5rem 0.625rem;
    background: #ffffff;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blsum-v2-accessories-select-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.5rem 0.625rem;
    background: #ffffff;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blsum-v2-accessories-select-inner {
    flex-direction: column;
    padding: 0;
  }
}

.blsum-v2-accessory-checked {
  border: 0.125rem solid #00aad2;
  margin: -0.125rem;
}

.blsum-v2-incentive {
  background-color: #ffffff;
  box-shadow: 0 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.1);
  margin: 0;
}

@media (min-width: 1440px) {
  .blsum-v2-incentive {
    margin: 0 2.0625rem;
  }
}

.blsum-v2-incentive-inner {
  padding: 1.875rem;
}

@media (min-width: 640px) {
  .blsum-v2-incentive-inner {
    padding: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .blsum-v2-incentive-inner {
    padding: 1.875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blsum-v2-incentive-inner {
    padding: 1.25rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blsum-v2-incentive-inner {
    padding: 1.875rem;
  }
}

.blsum-v2-incentive-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.875rem;
  color: #333333;
  line-height: 2.25rem;
  border-bottom: 0.0625rem solid #888888;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
}

@media (min-width: 640px) {
  .blsum-v2-incentive-headline {
    font-size: 1.25rem;
    line-height: 1.625rem;
    margin-bottom: 1.125rem;
    padding-bottom: 1.125rem;
  }
}

@media (min-width: 1024px) {
  .blsum-v2-incentive-headline {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .blsum-v2-incentive-headline {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blsum-v2-incentive-headline {
    font-size: 1.25rem;
    line-height: 1.625rem;
    margin-bottom: 1.125rem;
    padding-bottom: 1.125rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blsum-v2-incentive-headline {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .blsum-v2-incentive-headline {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

.blsum-v2-incentive-copy {
  font-weight: 500;
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.25rem;
  margin-bottom: 0.875rem;
}

.blsum-v2-incentive-disclaimer {
  font-weight: 700;
  font-size: 0.75rem;
  color: #888888;
  line-height: 1rem;
  margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
  .blsum-v2-incentive-disclaimer {
    margin-bottom: 1.125rem;
  }
}

@media (min-width: 1024px) {
  .blsum-v2-incentive-disclaimer {
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .blsum-v2-incentive-disclaimer {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blsum-v2-incentive-disclaimer {
    margin-bottom: 1.125rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blsum-v2-incentive-disclaimer {
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .blsum-v2-incentive-disclaimer {
    margin-bottom: 1.5rem;
  }
}

.blsum-v2-incentive-buttons {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.blsum-v2-incentive-button-tertiary {
  color: #002c5e;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  text-decoration: none;
}

.blsum-v2-incentive-button-tertiary svg {
  display: inline-block;
  height: 0.625rem;
  width: 0.625rem;
  margin-left: 0.375rem;
}

.blsum-v2-offer-order {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.blsum-v2-offer-order.blsum-v2-switch-order {
  flex-direction: column-reverse;
}

.blsum-v2-offers-container {
  height: 32.625rem;
  padding: 4.0625rem 2.375rem 3.75rem 1.875rem;
  background-color: #ffffff;
  box-shadow: 0 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.1);
}

@media (min-width: 640px) and (max-width: 1023px) {
  .blsum-v2-offers-container {
    padding: 2.8125rem 1.25rem 3rem;
  }
}

@media (max-width: 1023px) {
  .blsum-v2-offers-container {
    padding-bottom: 2.5rem;
    height: 29.5rem;
  }
}

@media (min-width: 1440px) {
  .blsum-v2-offers-container {
    margin: 0 2.0625rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blsum-v2-offers-container {
    padding: 2.8125rem 1.25rem 2.5rem;
    height: 29.5rem;
  }
}

.blsum-v2-offers-header {
  font-size: 1.875rem;
  line-height: 2.3125rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  color: #333333;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #999999;
}

.blsum-v2-accessories-check {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 0.9375rem;
  color: #3A3A3A;
  padding: 0;
}

.blsum-v2-accessories-check label {
  display: block;
}

.blsum-v2-accessories-check [type="checkbox"]:not(:checked),
.blsum-v2-accessories-check [type="checkbox"]:checked {
  position: absolute;
  left: -624.9375rem;
}

.blsum-v2-accessories-check [type="checkbox"]:not(:checked) + label,
.blsum-v2-accessories-check [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.5rem;
  cursor: pointer;
}

.blsum-v2-accessories-check [type="checkbox"]:not(:checked) + label:before {
  border: 0.125rem solid #bababa !important;
}

.blsum-v2-accessories-check [type="checkbox"]:not(:checked) + label:before,
.blsum-v2-accessories-check [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  width: 1.125rem;
  height: 1.125rem;
  box-sizing: border-box;
  border: 0.125rem solid #00aad2;
  background: #ffffff;
  background-color: #ffffff;
  outline: none;
  margin-top: -0.125rem;
}

.blsum-v2-accessories-check [type="checkbox"]:not(:checked) + label:after,
.blsum-v2-accessories-check [type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  width: 0.3125rem;
  height: 0.625rem;
  top: 0.45rem;
  left: 0.575rem;
  border: solid #00aad2;
  border-width: 0 2px 2px 0;
}

.blsum-v2-accessories-check [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.blsum-v2-accessories-check [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(45deg);
}

.bld-v2-model-ev-banner-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.0625rem;
  color: #333333;
  padding: 0 0.3125rem 0 0;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.bldsum-v2-vehicle-section {
  position: relative;
  width: 100%;
}

@media (max-width: 640px) {
  .bldsum-v2-vehicle-section {
    max-height: 11.25rem;
    width: auto;
  }
}

.bldsum-v2-vehicle-section .bldsum-v2-vehicle-view {
  display: block;
  width: auto;
  height: auto;
  max-height: none;
  margin-top: -12%;
  margin-left: 14%;
}

@media (max-width: 450px) {
  .bldsum-v2-vehicle-section .bldsum-v2-vehicle-view {
    margin-top: -3rem;
  }
}

@media (min-width: 451px) and (max-width: 640px) {
  .bldsum-v2-vehicle-section .bldsum-v2-vehicle-view {
    margin-top: -8%;
    margin-left: 20%;
    max-height: 15.625rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .bldsum-v2-vehicle-section .bldsum-v2-vehicle-view {
    margin-top: -17%;
    margin-left: auto;
    max-height: none;
  }
}

@media (min-width: 40rem) and (max-width: 43.75rem) {
  .bldsum-v2-vehicle-section .bldsum-v2-vehicle-view {
    margin-left: -4%;
  }
}

@media (min-width: 1024px) {
  .bldsum-v2-vehicle-section .bldsum-v2-vehicle-view {
    margin-left: auto;
    margin-top: -16%;
  }
}

@media (min-width: 1280px) {
  .bldsum-v2-vehicle-section .bldsum-v2-vehicle-view {
    margin-top: -21%;
  }
}

@media (min-width: 1440px) {
  .bldsum-v2-vehicle-section .bldsum-v2-vehicle-view {
    margin-left: 0;
    margin-top: -18%;
  }
}

.bldsum-v2-vehicle-section-interior {
  height: 9.0625rem;
  width: 80%;
  position: relative;
  margin-top: 2%;
  margin-left: 45%;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .bldsum-v2-vehicle-section-interior {
    height: 10rem;
    margin-top: -2%;
    margin-right: 0;
    margin-left: 1%;
  }
}

@media (min-width: 1024px) {
  .bldsum-v2-vehicle-section-interior {
    margin-right: auto;
    margin-top: -2%;
    height: 20rem;
    max-height: 15.625rem;
    margin-left: 0;
  }
}

@media (min-width: 1440px) {
  .bldsum-v2-vehicle-section-interior {
    max-height: 20rem;
  }
}

.bldsum-v2-vehicle-section-interior .bldsum-v2-interior {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .bldsum-v2-vehicle-section-interior .bldsum-v2-interior {
    left: 28%;
  }
}

@media (min-width: 1024px) {
  .bldsum-v2-vehicle-section-interior .bldsum-v2-interior {
    left: 28%;
  }
}

@media (min-width: 1280px) {
  .bldsum-v2-vehicle-section-interior .bldsum-v2-interior {
    left: 35%;
  }
}

.bldsum-v2-card-image-disclaimer {
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.625rem;
  font-weight: 500;
  color: #888888;
  line-height: 1.0625rem;
  text-align: left;
}

@media (max-width: 639px) {
  .bldsum-v2-card-image-disclaimer {
    padding-left: 1rem;
  }
}

@media (min-width: 1440px) {
  .bldsum-v2-card-image-disclaimer {
    font-size: 0.875rem;
  }
}

.bldsum-v2-tab-section {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
  padding-top: 1.4375rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .bldsum-v2-tab-section {
    justify-content: flex-start;
    padding-top: 0.625rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media (min-width: 1024px) {
  .bldsum-v2-tab-section {
    flex-grow: 1;
  }
}

.bldsum-v2-tab-section .bldsum-v2-tab-section-btn {
  display: inline-block;
  color: #666666;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-bottom: 0.5rem;
  margin-right: 2rem;
  text-decoration: none;
  border-bottom: 0.125rem solid transparent;
}

.bldsum-v2-tab-section .bldsum-v2-tab-section-btn:last-child {
  margin-right: 0;
}

.bldsum-v2-tab-section .bldsum-v2-tab-section-btn.selected {
  color: #333333;
  border-bottom: 0.125rem solid #00aad2;
}

.bldsum-v2-container {
  position: relative;
  max-width: 160rem;
  margin: 0 auto;
  overflow: hidden;
  z-index: 2;
  padding-bottom: 3.75rem;
}

@media (max-width: 639px) {
  .bldsum-v2-container {
    background-color: #ffffff;
  }
}

@media (min-width: 1024px) {
  .bldsum-v2-container {
    padding-bottom: 4.6875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bldsum-v2-container {
    padding-bottom: 4.6875rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bldsum-v2-container {
    padding-bottom: 5rem;
  }
}

@media (max-width: 1023px) {
  .bldsum-v2-contents {
    padding-bottom: 3.75rem;
  }
}

.bldsum-v2-header-container-inner {
  height: 100%;
}

.bldsum-v2-header-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  overflow: hidden;
  background-color: #f3f3f3;
}

.bldsum-v2-wrapper {
  display: block;
  background-color: #f3f3f3;
  position: relative;
  margin: 0 auto;
  padding: 0;
}

.bldsum-v2-enhanced-img-container {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  text-align: center;
  margin: 0 auto;
}

@media (max-width: 1023px) {
  .bldsum-v2-bg-image-desktop {
    display: none;
  }
}

@media (min-width: 1024px) {
  .bldsum-v2-bg-image-desktop {
    display: block;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bldsum-v2-bg-image-desktop {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bldsum-v2-bg-image-desktop {
    display: block;
  }
}

@media (max-width: 1023px) {
  .bldsum-v2-bg-image-mobile {
    display: block;
  }
}

@media (min-width: 1024px) {
  .bldsum-v2-bg-image-mobile {
    display: none;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bldsum-v2-bg-image-mobile {
    display: block;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bldsum-v2-bg-image-mobile {
    display: none;
  }
}

.bldsum-v2-tab-container {
  background-color: transparent;
  display: block;
  position: relative;
  margin: 0 auto;
  margin-top: -8.5rem;
  max-width: 1440px;
}

@media (max-width: 639px) {
  .bldsum-v2-tab-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 640px) {
  .bldsum-v2-tab-container {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: -13.5rem;
  }
}

@media (min-width: 1024px) {
  .bldsum-v2-tab-container {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: -17.5rem;
  }
}

@media (min-width: 1440px) {
  .bldsum-v2-tab-container {
    padding-left: 5rem;
    padding-right: 5rem;
    margin-top: -22.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bldsum-v2-tab-container {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: -13.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bldsum-v2-tab-container {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: -17.5rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bldsum-v2-tab-container {
    padding-left: 5rem;
    padding-right: 5rem;
    margin-top: -22.5rem;
  }
}

.bldsum-v2-content-container {
  display: block;
  background-color: #f3f3f3;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  max-width: 23.4375rem;
  padding: 2.1875rem 1rem 0 1rem;
}

@media (min-width: 640px) {
  .bldsum-v2-content-container {
    max-width: 90rem;
    margin-top: 1rem;
    padding-top: initial;
  }
}

@media (min-width: 1024px) {
  .bldsum-v2-content-container {
    margin-top: 2.5rem;
    padding-left: 2.625rem;
    padding-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .bldsum-v2-content-container {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bldsum-v2-content-container {
    max-width: 90rem;
    margin-top: 1rem;
    padding-top: initial;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bldsum-v2-content-container {
    margin-top: 2.5rem;
    padding-left: 2.625rem;
    padding-right: 2.625rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bldsum-v2-content-container {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.build-summary-v2 .tooltip-trigger {
  margin-left: 0.25rem;
}

.bldsum-v2-bg-image-container {
  position: relative;
  overflow: hidden;
  height: 12.5rem;
}

@media (min-width: 1024px) {
  .bldsum-v2-bg-image-container {
    height: 20rem;
  }
}

@media (min-width: 1440px) {
  .bldsum-v2-bg-image-container {
    height: 22.5rem;
    overflow: hidden;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bldsum-v2-bg-image-container {
    height: 12.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bldsum-v2-bg-image-container {
    height: 20rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bldsum-v2-bg-image-container {
    height: 22.5rem;
    overflow: hidden;
  }
}

.bldsum-v2-bg-image {
  width: 100%;
}

@media (max-width: 800px) {
  .bldsum-v2-bg-image {
    max-width: none;
    width: auto;
    height: 100%;
  }
}

@media (min-width: 801px) and (max-width: 1023px) {
  .bldsum-v2-bg-image {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .bldsum-v2-bg-image {
    max-width: none;
    width: auto;
    height: 100%;
  }
}

@media (min-width: 1024px) {
  .bldsum-v2-bg-image {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}

@media (max-width: 1024px) {
  body.chat-opened .bldsum-v2-bg-image {
    max-width: none;
    width: auto;
    height: 100%;
  }
}

@media (min-width: 1299px) and (max-width: 2560px) {
  body.chat-opened .bldsum-v2-bg-image {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 1440px) and (max-width: 1825px) {
  body.chat-opened .bldsum-v2-bg-image {
    max-width: none;
    width: auto;
    height: 100%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bldsum-v2-bg-image {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}

.bldsum-v2-bg-gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.blsum-v2-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
  padding-top: 1.5625rem;
}

@media (max-width: 640px) {
  .bldsum-v2--offers-mobile-hide {
    display: none;
  }
}

.bldsum-v2-electric-disclaimer {
  background-color: #EEF7F9;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  padding: 1rem 1.25rem;
  max-width: 23.125rem;
}

@media (max-width: 639px) {
  .bldsum-v2-electric-disclaimer {
    display: none;
  }
}

@media (min-width: 1024px) {
  .bldsum-v2-electric-disclaimer {
    padding: 1.25rem 4.375rem;
    max-width: 33.4375rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bldsum-v2-electric-disclaimer {
    padding: 1rem 1.25rem;
    max-width: 23.125rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bldsum-v2-electric-disclaimer {
    padding: 1.25rem 4.375rem;
    max-width: 33.4375rem;
  }
}

.bldsum-v2-electric-disclaimer-mobile {
  background-color: #EEF7F9;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 1rem 1.25rem;
  max-width: 23.125rem;
  position: relative;
  margin: auto;
}

@media (min-width: 640px) {
  .bldsum-v2-electric-disclaimer-mobile {
    display: none;
  }
}

.bldsum-v2-header {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: left;
  max-width: 1440px;
  margin: auto;
  padding: 1.25rem 1rem 0;
  z-index: 885;
}

@media (min-width: 640px) {
  .bldsum-v2-header {
    flex-direction: row;
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .bldsum-v2-header {
    padding: 3.125rem 2.625rem 0;
  }
}

@media (min-width: 1440px) {
  .bldsum-v2-header {
    padding: 3.125rem 5rem 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bldsum-v2-header {
    flex-direction: row;
    justify-content: space-between;
    padding: 1.25rem 1rem 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bldsum-v2-header {
    padding: 3.125rem 2.625rem 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bldsum-v2-header {
    padding: 3.125rem 5rem 0;
  }
}

@media (max-width: 1023px) {
  .bldsum-v2-header-txt-mobile {
    display: inline;
  }
}

@media (min-width: 1024px) {
  .bldsum-v2-header-txt-mobile {
    display: none;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bldsum-v2-header-txt-mobile {
    display: inline;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bldsum-v2-header-txt-mobile {
    display: none;
  }
}

@media (max-width: 1023px) {
  .bldsum-v2-header-txt-desktop {
    display: none;
  }
}

@media (min-width: 1024px) {
  .bldsum-v2-header-txt-desktop {
    display: inline;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bldsum-v2-header-txt-desktop {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bldsum-v2-header-txt-desktop {
    display: inline;
  }
}

.bldsum-v2-header-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.25rem;
}

.bldsum-v2-header-text {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #ffffff;
}

@media (min-width: 1024px) {
  .bldsum-v2-header-text {
    font-size: 2.5rem;
    line-height: 3.125rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bldsum-v2-header-text {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bldsum-v2-header-text {
    font-size: 2.5rem;
    line-height: 3.125rem;
  }
}

.bldsum-v2-header-price {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #ffffff;
  font-weight: 500;
  padding-top: 0.9375rem;
}

.bldsum-v2-header-price .tooltip-trigger {
  color: #ffffff;
}

.bldsum-v2-header-price-amount {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .bldsum-v2-header-price-amount {
    font-size: 1.875rem;
    line-height: 2.1875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bldsum-v2-header-price-amount {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bldsum-v2-header-price-amount {
    font-size: 1.875rem;
    line-height: 2.1875rem;
  }
}

.bldsum-v2-offers-price {
  text-decoration: underline;
}

@media (max-width: 640px) {
  .bldsum-v2-offers-price {
    display: none;
  }
}

.blsum-v2-image-disclaimer {
  position: relative;
  display: flex;
  color: #999;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  padding: 0.25rem 1rem;
  margin-top: -2.0625rem;
  max-width: 90rem;
  z-index: 2;
}

@media (min-width: 640px) {
  .blsum-v2-image-disclaimer {
    margin-top: -4.0625rem;
    padding: 0.25rem 0;
  }
}

@media (min-width: 1024px) {
  .blsum-v2-image-disclaimer {
    display: flex;
    padding: 0.5rem 0;
    margin-top: -3.75rem;
  }
}

@media (min-width: 1440px) {
  .blsum-v2-image-disclaimer {
    padding: 0.5rem 0 0.5rem 0;
    margin-top: -0.75rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blsum-v2-image-disclaimer {
    margin-top: -4.0625rem;
    padding: 0.25rem 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blsum-v2-image-disclaimer {
    padding: 0.5rem 0;
    margin-top: -3.75rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .blsum-v2-image-disclaimer {
    padding: 0.5rem 0 0.5rem 0;
    margin-top: -0.75rem;
  }
}

.blsum-v2-image-disclaimer-tab {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: -4.5rem;
}

@media (min-width: 640px) {
  .blsum-v2-image-disclaimer div,
  .blsum-v2-image-disclaimer p {
    width: 14.75rem;
  }
}

@media (min-width: 1024px) {
  .blsum-v2-image-disclaimer div,
  .blsum-v2-image-disclaimer p {
    width: 16.875rem;
  }
}

@media (min-width: 1440px) {
  .blsum-v2-image-disclaimer div,
  .blsum-v2-image-disclaimer p {
    width: 19.375rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blsum-v2-image-disclaimer div,
  body.chat-opened .blsum-v2-image-disclaimer p {
    width: 14.75rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blsum-v2-image-disclaimer div,
  body.chat-opened .blsum-v2-image-disclaimer p {
    width: 16.875rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .blsum-v2-image-disclaimer div,
  body.chat-opened .blsum-v2-image-disclaimer p {
    width: 19.375rem;
  }
}

.blsum-v2-image-disclaimer .sticky-icon-wrap {
  position: relative;
}

.blsum-v2-disclaimer {
  position: relative;
  max-width: 1440px;
  margin: auto;
  display: flex;
  justify-content: flex-end;
  padding: 0.25rem 1rem;
}

@media (min-width: 1024px) {
  .blsum-v2-disclaimer {
    padding: 0.5rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .blsum-v2-disclaimer {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media (min-width: 28.125rem) and (max-width: 40rem) {
  .blsum-v2-disclaimer {
    margin-top: 0.625rem;
  }
}

@media (min-width: 58.75rem) and (max-width: 64.625rem) {
  .blsum-v2-disclaimer {
    margin-top: 1rem;
  }
}

@media (min-width: 68.75rem) and (max-width: 75rem) {
  .blsum-v2-disclaimer {
    margin-top: 1.875rem;
  }
}

@media (min-width: 75rem) and (max-width: 80rem) {
  .blsum-v2-disclaimer {
    margin-top: 3.4375rem;
  }
}

@media (min-width: 80rem) and (max-width: 90rem) {
  .blsum-v2-disclaimer {
    margin-top: 2.5rem;
  }
}

.blsum-v2-disclaimer-mobile {
  width: 100%;
}

@media (min-width: 640px) {
  .blsum-v2-disclaimer-mobile {
    display: none;
  }
}

.blsum-v2-exterior-cg-disclaimer,
.blsum-v2-interior-cg-disclaimer {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  color: #999;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

@media (max-width: 1024px) {
  .blsum-v2-exterior-cg-disclaimer,
  .blsum-v2-interior-cg-disclaimer {
    margin-top: -0.25rem;
  }
}

@media (max-width: 1024px) {
  body.chat-opened .blsum-v2-exterior-cg-disclaimer,
  body.chat-opened .blsum-v2-interior-cg-disclaimer {
    margin-top: inherit;
  }
}

@media (max-width: 1440px) {
  body.chat-opened .blsum-v2-exterior-cg-disclaimer,
  body.chat-opened .blsum-v2-interior-cg-disclaimer {
    margin-top: -0.25rem;
  }
}

.blsum-v2-exterior-cg-icon,
.blsum-v2-interior-cg-icon {
  color: #999;
  margin-top: -0.125rem;
}

.bldsum-v2-features-wrapper {
  display: flex;
  position: relative;
  max-width: 1440px;
  padding: 0;
  margin: 0 auto;
  flex-direction: column;
  height: auto;
  padding-bottom: 0.9375rem;
}

@media (min-width: 640px) {
  .bldsum-v2-features-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px) {
  .bldsum-v2-features-wrapper {
    min-height: 17.5rem;
    padding-left: 2.625rem;
    padding-right: 2.625rem;
    height: auto;
  }
}

@media (min-width: 80rem) {
  .bldsum-v2-features-wrapper {
    margin-top: 2rem;
  }
}

@media (min-width: 1440px) {
  .bldsum-v2-features-wrapper {
    padding-left: 5rem;
    padding-right: 5rem;
    min-height: 23.125rem;
    height: auto;
  }
}

.bldsum-v2-features-wrapper .hidden {
  display: none;
}

@media (min-width: 1024px) {
  body.chat-opened .bldsum-v2-features-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 2rem;
    min-height: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bldsum-v2-features-wrapper {
    min-height: 17.5rem;
    padding-left: 2.625rem;
    padding-right: 2.625rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bldsum-v2-features-wrapper {
    padding-left: 5rem;
    padding-right: 5rem;
    min-height: 23.125rem;
  }
}

.bldsum-v2-sticky-container {
  width: 100%;
  height: 12.5rem;
  margin-left: 0;
}

@media (min-width: 450px) {
  .bldsum-v2-sticky-container {
    height: 13.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .bldsum-v2-sticky-container {
    height: 10.625rem;
  }
}

.bldsum-v2-sticky-container-interior {
  width: 70%;
}

.bldsum-v2-image-container {
  width: 100%;
  z-index: 884;
}

@media (min-width: 640px) {
  .bldsum-v2-image-container {
    width: 85%;
  }
}

@media (min-width: 40rem) and (max-width: 50rem) {
  .bldsum-v2-image-container {
    width: 80%;
  }
}

@media (min-width: 1024px) {
  .bldsum-v2-image-container {
    width: 91%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bldsum-v2-image-container {
    width: 80%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bldsum-v2-image-container {
    width: 91%;
  }
}

.bldsum-v2-layout-loading-indicator {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
}

.bldsum-v2-layout-loading-indicator .loading-indicator {
  opacity: 1;
}

.summary-nav-sticky-mobile {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  height: 40px;
}

.bs-v2-sd-link-btn {
  padding-bottom: 1.3125rem;
}

.bs-v2-link-btn {
  color: #002c5e;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
}

.bs-v2-link-btn .icon {
  margin-left: 0.3125rem;
  height: 0.625rem;
  width: 0.625rem;
}

@media (min-width: 1024px) {
  .bs-v2-sd-link-lease {
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bs-v2-sd-link-lease {
    margin-bottom: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bs-v2-sd-link-lease {
    margin-bottom: 0.5rem;
  }
}

.bs-v2-details-modal-container {
  display: none;
}

.bs-v2-details-header {
  position: absolute;
  top: 0;
  background: #f3f3f3;
  width: 100%;
  left: 0;
  padding: 0.75rem 2.5rem;
  z-index: 9;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .bs-v2-details-header {
    padding: 0.75rem 3.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bs-v2-details-header {
    padding: 0.75rem 2.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bs-v2-details-header {
    padding: 0.75rem 3.25rem;
  }
}

.bs-v2-details-content-body {
  line-height: 1.5rem;
}

.bs-v2-details-content-footer {
  padding-top: 1.5rem;
  margin-top: 1.5rem;
  border-top: 1px solid #bababa;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #888888;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bcs-sd-modal {
    flex-direction: column;
    align-items: center;
  }
}

@media (min-width: 640px) {
  .bcs-sd-modal .modal-box {
    max-width: 75%;
  }
}

.bcs-sd-modal .modal-content {
  padding-top: 5.75rem;
}

.build-summary-page .lp-t1-oem-hyundai-engagement-container {
  right: 4.5rem !important;
  bottom: 3.8125rem !important;
  left: auto !important;
}

@media (min-width: 1024px) {
  .build-summary-page .lp-t1-oem-hyundai-engagement-container {
    bottom: 4.8125rem !important;
  }
}

.build-summary-page .lp-t1-oem-hyundai-engagement-chat-button {
  right: auto !important;
  left: 1.25rem !important;
}

.build-summary-page .lp-t1-oem-hyundai-engagement-chat-button-circle {
  right: auto !important;
  left: 0 !important;
}

.build-summary-page .lp_desktop .lp-window-root > .lp_maximized {
  bottom: 3.8125rem !important;
}

@media (min-width: 1024px) {
  .build-summary-page .lp_desktop .lp-window-root > .lp_maximized {
    bottom: 4.8125rem !important;
  }
}

.build-summary-page .lp_header-content-wrapper {
  cursor: default !important;
}

@media (min-width: 1024px) {
  body.chat-opened .build-summary-page .lp-t1-oem-hyundai-engagement-container {
    bottom: 3.8125rem !important;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .build-summary-page .lp-t1-oem-hyundai-engagement-container {
    bottom: 4.8125rem !important;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .build-summary-page .lp_desktop .lp-window-root > .lp_maximized {
    bottom: 3.8125rem !important;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .build-summary-page .lp_desktop .lp-window-root > .lp_maximized {
    bottom: 4.8125rem !important;
  }
}

.blsum-v2-disclaimer {
  display: none;
}

.bldsum-v2-hideFeaturesInBuild {
  visibility: hidden;
}

.bldsum-v2-generic-disclaimer-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: baseline;
  padding: 0.75rem 0 5rem;
  background-color: #f3f3f3;
}

@media (min-width: 1024px) {
  .bldsum-v2-generic-disclaimer-wrapper {
    padding-bottom: 0.75rem;
  }
}

.bldsum-v2-generic-disclaimer {
  position: relative;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  color: #888888;
  line-height: 1rem;
  width: 100%;
  max-width: 90rem;
  padding: 0 1rem;
  margin: auto;
  text-align: center;
}

@media (min-width: 1024px) {
  .bldsum-v2-generic-disclaimer {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .bldsum-v2-generic-disclaimer {
    padding: 0 5rem;
  }
}

.bldsum-v2-generic-disclaimer .sticky-icon-wrap {
  position: relative;
  vertical-align: text-top;
}

.bldsum-v2-generic-disclaimer .blsum-v2-generic-disclaimer-icon {
  color: #002c5e;
}

.bldsum-v2-generic-disclaimer .blsum-v2-generic-disclaimer-icon.tooltip-trigger {
  height: auto;
  width: auto;
  padding: 0.875rem;
  margin: -0.875rem;
}

.build-footer-v2 {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  z-index: 991;
  border-top: 0.0625rem solid #bababa;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .build-footer-v2 {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .build-footer-v2 {
    width: calc(100vw - 375px);
  }
}

.build-footer-v2-inner {
  width: 100%;
  max-width: 1440px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
}

@media (min-width: 1024px) {
  .build-footer-v2-inner {
    padding: 1rem 2rem;
  }
}

@media (min-width: 1440px) {
  .build-footer-v2-inner {
    padding: 1rem 5rem;
  }
}

.bf-v2-container {
  height: 2.75rem;
  display: flex;
  align-items: center;
}

.bf-v2-link-container {
  display: flex;
}

.bf-v2-button-link {
  text-decoration: none;
}

.bf-v2-link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  text-decoration: none;
}

@media (min-width: 640px) {
  .bf-v2-link {
    margin-right: 1.25rem;
  }
}

.bf-v2-link svg {
  width: 0.625rem;
  height: 0.625rem;
  margin-right: 0.3125rem;
}

.bf-v2-link-desktop {
  display: none;
}

@media (min-width: 640px) {
  .bf-v2-link-desktop {
    display: flex;
  }
}

.bf-v2-button-container-trims .bf-v2-button-desktop {
  margin-right: 0;
}

.bf-v2-button-desktop {
  display: none;
}

@media (min-width: 640px) {
  .bf-v2-button-desktop {
    display: flex;
    margin: 0 0.3125rem;
  }
}

.bf-v2-no-highlight {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bl-v2-vehicle-row {
  max-width: 21.4375rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
}

@media (min-width: 640px) {
  .bl-v2-vehicle-row {
    max-width: 36.5625rem;
  }
}

@media (min-width: 1024px) {
  .bl-v2-vehicle-row {
    max-width: 59.6875rem;
  }
}

@media (min-width: 1440px) {
  .bl-v2-vehicle-row {
    max-width: 79.6875rem;
  }
}

@media (max-width: 22.75rem) {
  .bl-v2-vehicle-row {
    padding: 0 0.625rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .bl-v2-vehicle-row {
    max-width: 21.4375rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bl-v2-vehicle-row {
    max-width: 38.625rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bl-v2-vehicle-row {
    max-width: 59.6875rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bl-v2-vehicle-row {
    max-width: 79.6875rem;
  }
}

.bl-v2-vehicle-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  margin-bottom: 1.25rem;
  box-shadow: 0 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.1);
  border: 0.125rem solid #DEDEDE;
  cursor: pointer;
}

@media (min-width: 640px) {
  .bl-v2-vehicle-card {
    width: 17.5rem;
  }
}

@media (min-width: 1024px) {
  .bl-v2-vehicle-card {
    width: 18.4375rem;
    margin-bottom: 1.875rem;
  }
}

@media (min-width: 1440px) {
  .bl-v2-vehicle-card {
    width: 18.625rem;
  }
}

.bl-v2-vehicle-card:hover, .bl-v2-vehicle-card.vehicle-compare-selected {
  border: 0.125rem solid #00aad2;
}

.bl-v2-vehicle-card.vehicle-compare-disabled {
  pointer-events: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bl-v2-vehicle-card > div {
    height: 100%;
  }
}

.bl-v2-vehicle-card .activeCardModel {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .bl-v2-vehicle-card .activeCardModel {
    gap: 0.25rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .bl-v2-vehicle-card {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bl-v2-vehicle-card {
    width: 18.4375rem;
  }
}

.bl-v2-vehicle-card-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  text-align: center;
}

.bl-v2-vehicle-card-empty {
  border: 0;
  box-shadow: none;
  background-color: transparent;
  margin-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .bl-v2-vehicle-card-empty {
    width: 18.4375rem;
    height: 22.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .bl-v2-vehicle-card-empty {
    width: 17.5rem;
    height: 11.875rem;
  }
}

@media (min-width: 1024px) {
  .bl-v2-vehicle-card-empty {
    width: 18.4375rem;
    height: 22.75rem;
    margin-bottom: 1.8125rem;
  }
}

@media (min-width: 1440px) {
  .bl-v2-vehicle-card-empty {
    width: 18.75rem;
    height: 22.75rem;
    margin-bottom: 1.8125rem;
  }
}

.bl-v2-vehicle-image-container {
  width: 100%;
  position: relative;
  padding-top: 32.5%;
}

@media (min-width: 640px) {
  .bl-v2-vehicle-image-container {
    padding-top: 39.86%;
  }
}

@media (min-width: 1024px) {
  .bl-v2-vehicle-image-container {
    padding-top: 57.05%;
  }
}

@media (min-width: 1440px) {
  .bl-v2-vehicle-image-container {
    padding-top: 56.465%;
  }
}

.bl-v2-vehicle-card-background {
  height: 4.6875rem;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
  width: 100%;
}

@media (min-width: 1024px) {
  .bl-v2-vehicle-card-background {
    height: 6rem;
  }
}

.bl-v2-bbg-gradient {
  height: 4.6875rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (min-width: 1024px) {
  .bl-v2-bbg-gradient {
    height: 6rem;
  }
}

.bl-v2-vehicle-card-background-img {
  height: auto;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background-image .25s linear forwards;
}

@media (min-width: 1024px) {
  .bl-v2-vehicle-card-background-img {
    height: 100%;
    max-width: none;
  }
}

.bl-v2-vehicle-fuel-icon {
  float: left;
  height: 1.4375rem;
  color: #ffffff;
  display: inline-flex;
  padding-top: 0.625rem;
  padding-left: 0.8125rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

@media (min-width: 1024px) {
  .bl-v2-vehicle-fuel-icon {
    padding-top: 1.125rem;
    padding-left: 1rem;
  }
}

.bl-v2-vehicle-fuel-icon svg {
  height: 1.0625rem;
  width: auto;
}

@media (min-width: 1024px) {
  .bl-v2-vehicle-fuel-icon svg {
    height: 1.375rem;
  }
}

.bl-v2-badge {
  background-color: #e6e6e6;
  display: inline-block;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  padding: 0.3125rem 1rem;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
}

.bl-v2-vehicle-image {
  width: 13.4375rem;
  height: 7.5rem;
  position: absolute;
  top: -0.3125rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

@media (min-width: 1024px) {
  .bl-v2-vehicle-image {
    width: 16.5625rem;
    height: 9.375rem;
    top: 1rem;
  }
}

.bl-v2-card-image-disclaimer {
  width: 100%;
  color: #888888;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  padding: 0.5rem 0.625rem;
}

.bl-v2-card-image-disclaimer button {
  margin-left: 0.25rem;
  z-index: 5;
}

.bl-v2-card-image-disclaimer-extra-padding {
  padding: 0.5rem 1.875rem 0.5rem 0.625rem;
}

@media (min-width: 1024px) {
  .bl-v2-card-image-disclaimer-extra-padding {
    padding: 0.5rem 2rem 0.5rem 1rem;
  }
}

.bl-v2-card-image-disclaimer-inner {
  padding: 0.25rem 0;
}

.bl-v2-vehicle-model-bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.4375rem;
  margin-top: auto;
  margin-bottom: 1.3125rem;
  padding: 0 0.625rem;
}

@media (min-width: 1024px) {
  .bl-v2-vehicle-model-bottom {
    margin-bottom: 1.9375rem;
  }
}

.bl-v2-vehicle-model-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  text-align: left;
  gap: 0.5rem;
}

@media (min-width: 1024px) {
  .bl-v2-vehicle-model-content {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}

.bl-v2-vehicle-model-availableFuelTexts {
  font-size: 0.875rem;
  font-weight: 700;
  color: #888888;
  line-height: 1.125rem;
}

.bl-v2-vehicle-model-name {
  flex-shrink: 0;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #002c5e;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .bl-v2-vehicle-model-name {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.bl-v2-vehicle-price-box {
  width: 100%;
  display: flex;
  gap: 0.3125rem;
}

@media (min-width: 1024px) {
  .bl-v2-vehicle-price-box {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
  }
}

.bl-v2-vehicle-spec-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.0625rem;
}

.bl-v2-vehicle-amount {
  position: relative;
  display: inline;
}

.bl-v2-vehicle-amount .tooltip-trigger {
  width: 0.75rem;
  height: 0.75rem;
  top: 0.3125rem;
  right: -1.1875rem;
  overflow: visible;
  z-index: 5;
}

.bl-v2-vehicle-price-number {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.0625rem;
}

@media (min-width: 1024px) {
  .bl-v2-vehicle-price-number {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.bl-v2-vehicle-card-year {
  position: absolute;
  bottom: 0.625rem;
  right: 0;
}

@media (min-width: 1024px) {
  .bl-v2-vehicle-card-year {
    position: relative;
    bottom: auto;
    right: auto;
    margin-bottom: 1rem;
  }
}

.bl-v2-vehicle-card-year ul {
  padding: 0.3125rem 0 0.8125rem 0;
  margin: 0;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .bl-v2-vehicle-card-year ul {
    padding-bottom: 0.59375rem;
  }
}

@media (max-width: 639px) {
  .bl-v2-vehicle-card-year ul {
    padding-bottom: 0.625rem;
  }
}

.bl-v2-vehicle-card-year ul li {
  display: inline;
  height: 1.875rem;
  line-height: 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #333333;
  padding: 0.3125rem 0 0.6875rem 0;
  margin: 0 0.6875rem;
  cursor: pointer;
}

.bl-v2-vehicle-card-year ul li.active {
  border-bottom: 0.125rem solid #00aad2;
}

@media (max-width: 1023px) {
  .bl-v2-vehicle-card-year ul li {
    padding-bottom: 0.3125rem;
  }
}

.bl-v2-vehicle-tax-credit {
  font-size: 0.875rem;
  line-height: 1.0625rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  text-align: center;
  color: #999;
}

@media (max-width: 1023px) {
  .bl-v2-vehicle-tax-credit {
    text-align: left;
    font-size: 0.625rem;
    line-height: 0.75rem;
  }
}

.bl-v2-vehicle-compare-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}

.bl-v2-vehicle-compare {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.bl-v2-vehicle-compare-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.bl-v2-custom-vehicle-compare-checkbox {
  display: flex;
  align-items: center;
  position: relative;
  top: 0.625rem;
  left: 0.625rem;
}

.bl-v2-custom-vehicle-compare-checkbox-button {
  display: inline-block;
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  background-color: #ffffff;
  border: 0.125rem solid #bababa;
}

.bl-v2-vehicle-compare-checkbox:checked ~ .bl-v2-custom-vehicle-compare-checkbox .bl-v2-custom-vehicle-compare-checkbox-button {
  border: 0.125rem solid #00aad2;
}

.bl-v2-vehicle-compare-checkbox:checked ~ .bl-v2-custom-vehicle-compare-checkbox .bl-v2-custom-vehicle-compare-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.0625rem;
  left: 0.3125rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.bl-v2-custom-vehicle-compare-checkbox-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.vehicle-compare-disabled .bl-v2-compare-disabled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.55);
  display: block;
}

.bl-v2-compare-disabled {
  display: none;
  z-index: 6;
}

.build-header-v2-nav-wrapper {
  min-height: 3.8125rem;
  height: auto;
  border-bottom: 0.0625rem solid #cccccc;
}

.build-header-v2-nav-wrapper.sticky-bar-on {
  border-top: 0;
}

.build-landing-nav-v2-inner,
.build-header-v2-nav-wrapper-inner {
  border-top: 0.0625rem solid #cccccc;
  z-index: 998;
}

.build-landing-nav-v2-inner.sticky-bar-on,
.build-header-v2-nav-wrapper-inner.sticky-bar-on {
  border-top: 0;
  top: -0.1875rem;
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .build-header-v2-nav-wrapper-inner {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .build-header-v2-nav-wrapper-inner {
    width: calc(100vw - 375px);
  }
}

.sticky-bar-on .build-landing-nav-v2-inner {
  border-top: 0;
}

.build-header-v2 {
  width: 100%;
  height: 3.8125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #f3f3f3;
  z-index: 1000;
}

.build-header-v2-inner {
  width: 100%;
  max-width: 1440px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .build-header-v2-inner {
    padding: 0 1rem;
  }
}

@media (min-width: 1024px) {
  .build-header-v2-inner {
    justify-content: space-between;
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .build-header-v2-inner {
    padding: 0 4.5rem;
  }
}

.bldf {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  z-index: 1000;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .bldf {
    flex-wrap: nowrap;
  }
}

@media (max-width: 1023px) {
  .bldf-title {
    width: 50%;
    font-size: 1.25rem;
  }
}

@media (max-width: 639px) {
  .bldf-title {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .bldf-title {
    padding-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .bldf-title {
    padding-right: 6.875rem;
  }
}

.bldf-v2-title-text {
  color: #000000;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.0625rem;
}

.pinned-nav .build-header-v2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3);
}

.pinned-nav .bldf-bar {
  padding-bottom: 1rem;
}

@media (max-width: 1023px) {
  .pinned-nav .bldf-v2-title-text {
    display: none;
  }
}

.pinned-nav .bldf-filter-button {
  margin-top: 0;
}

.bldf-filter-container {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  flex-grow: 1;
}

@media (min-width: 640px) {
  .bldf-filter-container {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .bldf-filter-container {
    display: none;
  }
}

.bldf-tab-container {
  display: none;
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-start;
  flex-grow: 1;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  z-index: 1000;
}

@media (min-width: 1024px) {
  .bldf-tab-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 76%;
    max-width: 46.25rem;
    position: relative;
    background: none;
  }
}

.bldf-menu-overlay-active .bldf-tab-container {
  display: flex;
}

.bldf-tab-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3.75rem;
  z-index: 10;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .bldf-tab-header {
    display: none;
  }
}

.bldf-menu-footer {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background: #f3f3f3;
}

@media (min-width: 640px) {
  .bldf-menu-footer {
    padding: 0.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .bldf-menu-footer {
    background: #ffffff;
    padding: 1.3125rem 0 0;
    border-top: 1px solid #e6e6e6;
  }
}

.bldf-tab .bldf-menu-footer {
  display: none;
}

@media (min-width: 1024px) {
  .bldf-tab .bldf-menu-footer {
    display: flex;
  }
}

.bldf-tab-header .bldf-menu-footer {
  display: flex;
}

@media (min-width: 1024px) {
  .bldf-tab-header .bldf-menu-footer {
    display: none;
  }
}

.bldf-mv-label {
  font-size: 1.25rem;
  font-weight: 500;
  padding: 1.625rem 1rem 0;
}

@media (min-width: 640px) {
  .bldf-mv-label {
    padding: 1.625rem 2rem 0;
  }
}

@media (min-width: 1024px) {
  .bldf-mv-label {
    display: none;
  }
}

@media (max-width: 1023px) {
  .build-landing-v2 .bldf {
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.build-landing-v2 .bldf-bar {
  padding: 0;
}

.build-landing-v2 .bldf-filter-tab {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}

@media (max-width: 639px) {
  .build-landing-v2 .bldf-filter-tab {
    display: flex;
    flex-grow: 1;
  }
}

@media (max-width: 1023px) {
  .build-landing-v2 .bldf-filter-tab {
    flex-direction: initial;
  }
}

.build-landing-v2 .bldf-filter-button {
  border: 1px solid #888888;
  color: #888888;
  font-weight: 500;
  height: 2.375rem;
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.0625rem;
  width: 100%;
  margin-top: 1rem;
  background-color: #f3f3f3;
}

.build-landing-v2 .bldf-filter-button:focus {
  background: #888888;
  border-width: 0.0625rem;
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  color: #ffffff;
}

@media (min-width: 640px) {
  .build-landing-v2 .bldf-filter-button {
    max-width: 10.625rem;
    margin-top: 0;
    background-color: #f3f3f3;
  }
}

@media (max-width: 1023px) {
  .build-landing-v2 .bldf-filter-button {
    width: auto;
    margin-top: 0;
    height: 2.125rem;
    padding: 0 0.75rem;
  }
}

.build-landing-v2 .bldf-tab-body {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 3.75rem;
  width: 100%;
  height: 100%;
  z-index: 5;
}

@media (min-width: 1024px) {
  .build-landing-v2 .bldf-tab-body {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    overflow: visible;
    width: auto;
  }
}

.build-landing-v2 .bldf-tab {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .build-landing-v2 .bldf-tab {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .build-landing-v2 .bldf-tab {
    width: 100%;
    padding-left: 0.3125rem;
    padding-right: 0;
  }
}

.bldf-menu-selected .bldf-button,
.bldf-menu-selected .bldf-filter-button {
  border-color: #00aad2;
  color: #00aad2;
}

.bldf-menu-selected .bldf-button:focus,
.bldf-menu-selected .bldf-filter-button:focus {
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  border-width: 0.0625rem;
  color: #00aad2;
  background: #f3f3f3;
}

.bldf-active .bldf-button,
.bldf-menu-overlay-active .bldf-filter-button {
  background: #00aad2;
  color: #ffffff;
  border-color: #00aad2;
}

.bldf-active .bldf-button:focus,
.bldf-menu-overlay-active .bldf-filter-button:focus {
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  border-width: 0.0625rem;
  color: #ffffff;
  background: #00aad2;
}

.bldf-acor-item-label {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 0;
  outline: none;
  background-color: #ffffff;
  width: 100%;
}

.bldf-acor-item-label .icon {
  width: 0.875rem;
  height: 0.875rem;
  color: #002c5e;
}

@media (min-width: 1024px) {
  .bldf-acor-item-label {
    display: none;
  }
}

.bldf-acor-item-title {
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 500;
  color: #333333;
}

.bldf-tab-menu {
  position: relative;
  border-bottom: 1px solid #bababa;
  min-width: 100%;
  padding: 0;
  z-index: 1000;
}

@media (min-width: 1024px) {
  .bldf-tab-menu {
    border: 0;
    display: none;
    padding: 2rem;
    background-color: #ffffff;
  }
}

.bldf-acor-checkbox {
  display: none;
}

@media (max-width: 1024px) {
  .bldf-acor-checkbox:checked ~ .bldf-acor-item-label .icon {
    transform: rotate(180deg);
  }
  .bldf-acor-checkbox:checked ~ .bldf-tab-menu .bldf-menu-container {
    display: none;
  }
  .bldf-acor-checkbox:checked ~ .bldf-tab-menu .bldf-menu-price {
    display: none;
  }
  .bldf-acor-checkbox:checked ~ .bldf-tab-menu .bldf-menu-features {
    display: none;
  }
  .bldf-acor-checkbox:checked ~ .bldf-tab-menu .bldf-menu-footer {
    display: none;
  }
}

.bldf-active .bldf-tab-menu {
  display: block;
  position: absolute;
  top: 100%;
  margin-top: 0.78125rem;
}

.bldf-backdrop {
  z-index: 990;
}

.bldf-button {
  width: 100%;
  height: 2.375rem;
  border: 1px solid #888888;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #f3f3f3;
  color: #888888;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.0625rem;
  text-align: center;
  padding: 0 0.75rem;
  display: none;
}

.bldf-button:focus {
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  border-width: 0.0625rem;
  background-color: #888888;
  color: #ffffff;
}

@media (min-width: 1024px) {
  .bldf-button {
    display: block;
  }
}

.bldf-button-done {
  min-width: 6.1875rem;
}

.bldf-menu-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding-bottom: 1.5rem;
}

@media (min-width: 640px) {
  .bldf-menu-container {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}

.bldf-body-style {
  flex-wrap: wrap;
}

@media (min-width: 640px) {
  .bldf-body-style {
    flex-wrap: nowrap;
    min-width: 27.75rem;
    max-width: 28.125rem;
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .bldf-body-style {
    padding-bottom: 2rem;
  }
}

.bldf-fuel {
  justify-content: flex-start;
}

@media (min-width: 1024px) {
  .bldf-fuel {
    justify-content: space-between;
    min-width: 19.875rem;
  }
}

@media (min-width: 1024px) {
  .bldf-fuel {
    padding-bottom: 1.625rem;
  }
}

.bldf-menu-fuel, .bldf-menu-bs {
  margin-right: 3.125rem;
}

@media (min-width: 1024px) {
  .bldf-menu-fuel, .bldf-menu-bs {
    margin-right: 3rem;
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .bldf-menu-fuel:first-child, .bldf-menu-bs:first-child {
    margin-left: 1.3125rem;
  }
}

.bldf-drtr {
  padding-bottom: 1.625rem;
  padding-left: 0.5rem;
  justify-content: flex-start;
}

@media (min-width: 1024px) {
  .bldf-drtr {
    justify-content: space-between;
    min-width: 27.75rem;
    padding-bottom: 2rem;
    padding-left: 0;
  }
}

.bldf-menu-drtr {
  margin-right: 2.75rem;
}

@media (min-width: 1024px) {
  .bldf-menu-drtr {
    margin-right: 0;
    width: 33%;
  }
}

.bldf-menu-drtr:last-child {
  margin-right: 0;
}

.bldf-bs-image {
  display: inline-block;
}

.bldf-bs-image svg {
  width: auto;
  height: 3.0625rem;
  fill: #bababa;
  display: block;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .bldf-bs-image svg {
    width: 8.75rem;
  }
}

.bldf-fuel-image {
  display: inline-block;
}

.bldf-fuel-image svg {
  width: auto;
  height: 3rem;
  fill: #bababa;
  display: block;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .bldf-fuel-image svg {
    width: 6.25rem;
  }
}

.bldf-bs-label {
  display: block;
  color: #002c5e;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: center;
  margin-top: 0.5rem;
}

@media (min-width: 1024px) {
  .bldf-bs-label {
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  .bldf-menu-button-clear-label-mv {
    display: none;
  }
}

.bldf-menu-button-link {
  background-color: #ffffff;
  color: #002c5e;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.bldf-menu-button-clear {
  visibility: hidden;
  background: transparent;
}

.bldf-menu-button-clear .icon-close {
  margin-left: 0.25rem;
}

.bldf-menu-button-clear.bldf-clear-active {
  visibility: visible;
}

.bldf-menu-button-clear-label {
  display: inline-block;
  margin-right: 0.125rem;
}

.bldf-menu-price {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

@media (max-width: 1023px) {
  .bldf-menu-price {
    max-width: 18.75rem;
  }
}

.bldf-mp-nav {
  display: flex;
  flex-basis: 75%;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.bldf-mp-nav-link {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  align-items: center;
  color: #666666;
  display: flex;
  padding: 0.375rem 0 0.5rem;
  text-decoration: none;
  outline: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}

@media (min-width: 1024px) {
  .bldf-mp-nav-link {
    padding: 0.375rem 0 0.5rem;
  }
}

.bldf-mp-header-nav-link-active {
  color: #333333;
  border-bottom: 2px solid #00aad2;
}

.bldf-menu-price-container {
  display: block;
}

@media (max-width: 1023px) {
  .bldf-menu-price-container {
    width: 100%;
  }
}

.bldf-mp-finance-text {
  padding-top: 0.5rem;
}

.bldf-mp-finance-msrp {
  text-align: right;
  margin-bottom: 0.75rem;
}

.bldf-mp-finance-desc {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #666666;
}

.bldf-mp-content {
  display: flex;
  align-items: center;
  margin: 1.25rem 0;
}

@media (min-width: 1024px) {
  .bldf-mp-content {
    margin-bottom: 1.75rem;
    min-width: 23.4375rem;
  }
}

.bldf-mp-content-label {
  color: #666666;
  font-size: 1rem;
  line-height: 1.375rem;
  white-space: nowrap;
  margin-right: 5.0625rem;
}

@media (max-width: 1023px) {
  .bldf-mp-content-label {
    display: none;
  }
}

.bldf-mp-content-price {
  white-space: nowrap;
  display: flex;
  align-items: center;
  flex-grow: 1;
}

@media (min-width: 1024px) {
  .bldf-mp-content-price {
    justify-content: flex-end;
  }
}

.bldf-mp-value-separator {
  display: inline-block;
  margin: 0 1.1875rem;
}

@media (min-width: 1024px) {
  .bldf-mp-value-separator {
    margin: 0 0.5rem;
  }
}

.bldf-mp-input {
  box-sizing: border-box;
  height: 3.0625rem;
  width: 6.0625rem;
  border: 0.0625rem solid #e6e6e6;
  background-color: #ffffff;
  padding: 0.84375rem;
}

.bldf-mp-slider {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 0.25rem;
  background: transparent;
  transition: opacity .2s;
}

@supports (-ms-ime-align: auto) {
  .bldf-mp-slider {
    height: 1.375rem;
    top: -0.5625rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bldf-mp-slider {
    height: 4.5rem;
    top: -1.6875rem;
  }
}

.bldf-mp-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.3125rem;
  height: 1.3125rem;
  border-radius: 50%;
  border: 0.3125rem solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.bldf-mp-slider::-moz-range-thumb {
  width: 1.3125rem;
  height: 1.3125rem;
  border-radius: 50%;
  border: 0.3125rem solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.bldf-mp-slider::-ms-thumb {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  border: 0.3125rem solid #00aad2;
  background: #ffffff;
}

.bldf-mp-slider::-ms-track {
  border: none;
  width: 0;
  height: 0;
  background: transparent;
  color: transparent;
}

.bldf-mp-slider-container {
  position: relative;
  height: 0.625rem;
}

@media (min-width: 1024px) {
  .bldf-mp-slider-container {
    height: 1.5rem;
  }
}

.bldf-mp-slider-cover {
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.bldf-mp-slider-cover .bldf-mp-slider-track-scroll {
  display: inline-block;
  height: 0.25rem;
  background-color: #00aad2;
}

.bldf-mp-slider-cover .bldf-mp-slider-track-reverse {
  display: inline-block;
  height: 0.25rem;
  background-color: #bababa;
}

.bldf-tab-menu-last {
  align-self: flex-end;
  border: 0;
  right: 0;
}

@media (max-width: 1023px) {
  .bldf-tab-menu-last {
    margin-top: -0.5625rem;
  }
}

@media (min-width: 1440px) {
  .bldf-tab-menu-last {
    align-self: center;
  }
}

.bldf-menu-features {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 23.125rem;
  margin-bottom: 1.5rem;
}

@media (max-width: 639px) {
  .bldf-menu-features {
    min-width: 12.5rem;
  }
}

.bldf-mf-filter-checkbox {
  position: relative;
  width: 45%;
  margin: 0.5625rem 0;
}

@media (max-width: 639px) {
  .bldf-mf-filter-checkbox {
    width: 100%;
  }
}

.bldf-mf-checkbox:focus ~ .bldf-mf-label-text {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .bldf-mf-checkbox:focus ~ .bldf-mf-label-text {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.bldf-mf-label-text {
  margin-left: 1.625rem;
  display: inline-block;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

@media (min-width: 1024px) {
  .bldf-mf-label-text {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.bldf-menu-active svg {
  fill: #00aad2;
}

.bldf-menu-active .bldf-bs-label {
  color: #00aad2;
  outline: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bldf-active .bldf-tab-menu {
    left: -100%;
  }
  .bldf-active .bldf-tab-menu-last {
    max-width: 27.125rem;
    left: auto;
    right: 0;
  }
  .bldf-bs-image svg {
    width: 7.6875rem;
  }
  .bldf-fuel-image svg {
    width: 3rem;
  }
}

@media all and (-ms-high-contrast: none) and (max-width: 1023px), (-ms-high-contrast: active) and (max-width: 1023px) {
  .bldf-tab-menu {
    width: 100%;
  }
}

.build-landing-v2 .blnb-main {
  max-width: 1440px;
  margin: 0 auto;
  padding: 1rem;
}

@media (min-width: 640px) {
  .build-landing-v2 .blnb-main {
    padding: 1rem;
  }
}

@media (min-width: 1024px) {
  .build-landing-v2 .blnb-main {
    padding: 1rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .build-landing-v2 .blnb-main {
    padding: 1rem 4.5rem;
  }
}

.build-landing-v2 .blnb-cols {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}

@media (max-width: 639px) {
  .build-landing-v2 .blnb-cols {
    flex-direction: column-reverse;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .build-landing-v2 .blnb-main {
    padding: 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .build-landing-v2 .blnb-main {
    padding: 1rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .build-landing-v2 .blnb-main {
    padding: 1rem 3rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .build-landing-v2 .blnb-cols {
    flex-direction: column-reverse;
  }
}

.blnb-col {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
}

.blnb-item-btn {
  padding: 0;
  color: #002c5e;
  display: inline-flex;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  text-decoration: none;
}

.blnb-col-right {
  height: 1.375rem;
  display: flex;
  justify-content: flex-end;
}

@media (min-width: 1024px) {
  .blnb-col-right {
    order: 1;
  }
}

@media (min-width: 1024px) {
  .blnb-col-right .blnb-builds-count-btn {
    margin-right: 0;
  }
}

.blnb-models-count {
  justify-content: flex-start;
}

@media (min-width: 1024px) {
  .blnb-models-count {
    margin-left: 0;
  }
}

.blnb-models-count-txt {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
}

@media (max-width: 420px) {
  .blnb-models-count-txt .blnb-showing-txt {
    display: none;
  }
}

.blnb-count {
  font-weight: 700;
}

@media (min-width: 640px) {
  .blnb-count {
    display: inline-block;
  }
}

.blnb-previous-model-yr-checkbox {
  justify-content: flex-start;
  position: relative;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
}

@media (max-width: 1023px) {
  .blnb-previous-model-yr-checkbox {
    padding-top: 1.25rem;
    border-top: 1px solid #e6e6e6;
  }
}

.blnb-builds-count-btn {
  justify-content: flex-end;
}

.blnb-builds-count-btn .icon {
  width: .6em;
  height: .6em;
  display: inline-block;
  margin-left: 0.5rem;
}

@media (min-width: 1024px) {
  .blnb-builds-count-btn {
    order: 2;
  }
}

.blnb-builds-count {
  margin-right: 0.1875rem;
}

.blnb-compare-model-btn {
  justify-content: flex-end;
}

@media (max-width: 1023px) {
  .blnb-compare-model-btn {
    padding-top: 1.25rem;
    border-top: 1px solid #e6e6e6;
    order: 2;
  }
}

.blnb-compare-model-btn .blnb-item-btn {
  align-items: flex-start;
}

.blnb-saved-builds-txt {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: right;
}

.blnb-compare-lbl {
  padding-left: 0.5rem;
  text-align: left;
}

@media (max-width: 639px) {
  .blnb-compare-lbl {
    max-width: 4.375rem;
  }
}

.blnb-checkbox-box {
  border: 1px solid #002c5e;
}

.blnb-checkbox-label {
  position: relative;
  display: flex;
}

.blnb-checkbox-label .blnb-checkbox-input:focus ~ .blnb-checkbox-txt {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .blnb-checkbox-label .blnb-checkbox-input:focus ~ .blnb-checkbox-txt {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.blnb-checkbox-txt {
  padding-left: 1.625rem;
  justify-content: flex-end;
}

.blnb-item {
  padding-bottom: 1.5rem;
  display: flex;
}

@media (max-width: 1023px) {
  .blnb-item {
    width: 100%;
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .blnb-item {
    margin-right: 2rem;
  }
}

.blnb-clear-filter-btn {
  padding: 0;
}

.blnb-clear-filter-btn .icon {
  display: inline-block;
  margin-left: 0.375rem;
}

.blnb-clear-filter-btn-v2 {
  padding-left: 0.625rem;
  margin-top: 1.25rem;
}

.blnb-build-txt-desktop {
  display: none;
}

@media (min-width: 640px) {
  .blnb-build-txt-desktop {
    display: inline;
  }
}

.blnb-build-txt-mobile {
  display: inline;
}

@media (min-width: 640px) {
  .blnb-build-txt-mobile {
    display: inline;
  }
}

.blnb-bar-white {
  background: #ffffff;
}

.blnb-bar-transparent {
  background: transparent;
}

.bl-v2-vehicles-header-hide {
  visibility: hidden;
}

.bl-v2-vehicles-header-show {
  visibility: visible;
}

.bl-nav {
  display: flex;
  justify-content: center;
  background: #f3f3f3;
}

.bl-nav-inner,
.bl-filter-nav-inner,
.bl-filter-body-inner,
.bl-filter-nav-bottom-inner,
.bl-compare-nav-inner,
.bl-compare-nav-bottom-inner {
  width: 100%;
  display: flex;
  max-width: 1440px;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .bl-nav-inner,
  .bl-filter-nav-inner,
  .bl-filter-body-inner,
  .bl-filter-nav-bottom-inner,
  .bl-compare-nav-inner,
  .bl-compare-nav-bottom-inner {
    padding: 0 1rem;
  }
}

@media (min-width: 1024px) {
  .bl-nav-inner,
  .bl-filter-nav-inner,
  .bl-filter-body-inner,
  .bl-filter-nav-bottom-inner,
  .bl-compare-nav-inner,
  .bl-compare-nav-bottom-inner {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .bl-nav-inner,
  .bl-filter-nav-inner,
  .bl-filter-body-inner,
  .bl-filter-nav-bottom-inner,
  .bl-compare-nav-inner,
  .bl-compare-nav-bottom-inner {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bl-nav-inner,
  body.chat-opened .bl-filter-nav-inner,
  body.chat-opened .bl-filter-body-inner,
  body.chat-opened .bl-filter-nav-bottom-inner,
  body.chat-opened .bl-compare-nav-inner,
  body.chat-opened .bl-compare-nav-bottom-inner {
    padding: 0 1rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bl-nav-inner,
  body.chat-opened .bl-filter-nav-inner,
  body.chat-opened .bl-filter-body-inner,
  body.chat-opened .bl-filter-nav-bottom-inner,
  body.chat-opened .bl-compare-nav-inner,
  body.chat-opened .bl-compare-nav-bottom-inner {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bl-nav-inner,
  body.chat-opened .bl-filter-nav-inner,
  body.chat-opened .bl-filter-body-inner,
  body.chat-opened .bl-filter-nav-bottom-inner,
  body.chat-opened .bl-compare-nav-inner,
  body.chat-opened .bl-compare-nav-bottom-inner {
    padding: 0 4.5rem;
  }
}

.bl-nav-inner {
  padding: 0;
}

@media (min-width: 640px) {
  .bl-nav-inner {
    padding: 0 2rem;
  }
}

@media (min-width: 1280px) {
  .bl-nav-inner {
    padding: 0 4.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .bl-nav-inner {
    padding: 0;
  }
}

.bl-nav-popular-filter-headline {
  flex-shrink: 0;
  font-weight: 500;
  font-size: 0.875rem;
  color: #000000;
  line-height: 2.1875rem;
  margin-right: 0.9375rem;
}

.bl-nav-popular-filters-container {
  width: 100%;
  height: 2.1875rem;
  display: flex;
  align-items: center;
  position: relative;
}

.bl-nav-popular-filters {
  display: flex;
  align-items: center;
  position: relative;
}

.bl-nav-popular-filter {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding-right: 1rem;
}

.bl-nav-popular-filter-disabled {
  display: none;
}

.bl-nav-popular-filter-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.bl-nav-popular-filter-custom-checkbox {
  display: flex;
  align-items: center;
  border: 0.0625rem solid #002c5e;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.bl-nav-popular-filter-custom-checkbox-button {
  display: none;
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.125rem solid #bababa;
  margin-right: 0.5rem;
}

.bl-nav-popular-filter-custom-checkbox-label {
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.0625rem;
  padding: 0.5rem 1.0625rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.bl-filter-body-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}

@media (min-width: 1024px) {
  .bl-filter-body-inner {
    padding: 0 6.25rem;
  }
}

.bl-filter-smartchat-container .smartchat-contextual-cta-btn-multi-browse {
  margin: 0;
}

.bl-filter-body-inner .smartchat-contextual-cta-btn {
  margin-top: 1.875rem;
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .bl-filter-body-inner .smartchat-contextual-cta-btn {
    margin-top: 2rem;
  }
}

.bl-filter-body-inner .smartchat-contextual-cta-btn--background {
  min-height: 1.25rem;
  padding: 0.25rem 1.0625rem;
}

.bl-nav-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0.8125rem 0;
}

@media (min-width: 1024px) {
  .bl-nav-container {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0.8125rem 0;
  }
}

@media (max-width: 1024px) {
  .bl-nav-section-btns {
    margin-top: 1rem;
  }
}

.bl-nav-section {
  height: 2.25rem;
  display: flex;
  align-items: center;
  position: relative;
  overflow-x: scroll;
  padding: 0.0625rem 0 0.125rem 1rem;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.bl-nav-section:first-of-type {
  flex: 1;
}

.bl-nav-section::-webkit-scrollbar {
  display: none;
}

@media (min-width: 1024px) {
  .bl-nav-section {
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .bl-nav-section:first-of-type {
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bl-nav-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bl-nav-container {
    flex-direction: row;
    justify-content: flex-end;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bl-nav-section-btns {
    margin-top: 1rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bl-nav-section-btns {
    margin-top: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bl-nav-section {
    padding: 0.0625rem 0 0.125rem 1rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bl-nav-section {
    padding: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bl-nav-section:first-of-type {
    margin-bottom: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bl-nav-section:first-of-type {
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bl-nav-button {
    margin: 0 1rem 0 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bl-nav-button {
    margin: 0 0 0 1rem;
  }
}

@media (max-width: 1024px) {
  .bl-nav-section-no-filters {
    margin-top: 0;
  }
}

@media (max-width: 1024px) {
  body.chat-opened .bl-nav-section-no-filters {
    margin-top: inherit;
  }
}

@media (max-width: 1440px) {
  body.chat-opened .bl-nav-section-no-filters {
    margin-top: 0;
  }
}

@media (max-width: 1024px) {
  .bl-nav-section-btns-mobile {
    margin-top: 0.375rem;
  }
}

@media (max-width: 1024px) {
  body.chat-opened .bl-nav-section-btns-mobile {
    margin-top: inherit;
  }
}

@media (max-width: 1440px) {
  body.chat-opened .bl-nav-section-btns-mobile {
    margin-top: 0.375rem;
  }
}

.bl-nav-section-inner {
  display: flex;
}

.bl-nav-section-inner-filter-sections {
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  .bl-nav-section-inner-filter-sections {
    padding-top: 0.625rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bl-nav-section-inner-filter-sections {
    padding-top: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bl-nav-section-inner-filter-sections {
    padding-top: 0.625rem;
  }
}

.bl-nav-button {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.0625rem;
  border: 0.0625rem solid #666666;
  margin-right: 1rem;
  padding: 0.5rem 1.0625rem;
}

@media (min-width: 1024px) {
  .bl-nav-button {
    margin: 0 0 0 1rem;
  }
}

.bl-nav-button svg {
  margin-right: 0.4375rem;
}

@media (min-width: 1024px) {
  body.chat-opened .bl-nav-button {
    margin-right: 1rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bl-nav-button {
    margin: 0 0 0 1rem;
  }
}

.bl-nav-button-all-filters svg {
  width: 1rem;
  height: 0.75rem;
}

.bl-nav-button-compare svg {
  width: 0.875rem;
  height: 1rem;
}

@media (max-width: 639px) {
  body.peeking-nav-sticky .build-landing-v2 [data-sticky="bar"] {
    top: 2.75rem;
  }
}

.bl-filter-nav-wrapper .bl-filter-body-desktop {
  display: none;
}

@media (min-width: 1024px) {
  .bl-filter-nav-wrapper .bl-filter-body-desktop {
    display: flex;
  }
}

.bl-filter-nav-wrapper .bl-filter-nav-mobile {
  display: flex;
}

@media (min-width: 1024px) {
  .bl-filter-nav-wrapper .bl-filter-nav-mobile {
    display: none;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bl-filter-nav-wrapper .bl-filter-body-desktop {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bl-filter-nav-wrapper .bl-filter-body-desktop {
    display: flex;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bl-filter-nav-wrapper .bl-filter-nav-mobile {
    display: flex;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bl-filter-nav-wrapper .bl-filter-nav-mobile {
    display: none;
  }
}

.bl-filter-nav {
  display: flex;
  justify-content: center;
  position: relative;
  background: #002c5e;
  z-index: 1001;
}

.bl-filter-nav-container {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
  padding: 1.1875rem 0;
}

.bl-filter-nav-reset-filters-button {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.0625rem;
  text-decoration: underline;
}

.bl-filter-nav-headline {
  display: inline-flex;
  align-items: baseline;
  font-size: 1.125rem;
  color: #ffffff;
  line-height: 1.4375rem;
}

.bl-filter-nav-headline svg {
  width: 1rem;
  height: 0.75rem;
  margin-right: 0.9375rem;
}

.bl-filter-nav-close-button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #ffffff;
}

.bl-filter-body {
  display: flex;
  justify-content: center;
  position: absolute;
  right: 0;
  left: 0;
  background: #ffffff;
  overflow-y: auto;
  z-index: 1001;
}

@media (min-width: 1024px) {
  .bl-filter-body {
    height: auto;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bl-filter-body {
    height: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bl-filter-body {
    height: auto;
  }
}

.bl-filter-body-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1.25rem 0 6.875rem;
}

.bl-filter-groups {
  width: 100%;
}

@media (min-width: 1024px) {
  .bl-filter-groups {
    width: 25%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bl-filter-groups {
    width: 100%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bl-filter-groups {
    width: 25%;
  }
}

.bl-filter-group {
  display: flex;
  flex-direction: column;
  border-bottom: 0.0625rem solid #bababa;
  margin-bottom: 1.875rem;
  padding-bottom: 1.875rem;
}

@media (min-width: 1024px) {
  .bl-filter-group {
    margin-bottom: 5.625rem;
    border-bottom: 0;
  }
  .bl-filter-group:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .bl-filter-group.vbn-filter-group-key-features {
    margin-bottom: 3.75rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bl-filter-group {
    border-bottom: 0.0625rem solid #bababa;
    margin-bottom: 1.875rem;
  }
  body.chat-opened .bl-filter-group:last-of-type {
    border-bottom: 0.0625rem solid #bababa;
    margin-bottom: 1.875rem;
    padding-bottom: 1.875rem;
  }
  body.chat-opened .bl-filter-group.vbn-filter-group-key-features {
    margin-bottom: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bl-filter-group {
    margin-bottom: 5.625rem;
    border-bottom: 0;
  }
  body.chat-opened .bl-filter-group:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  body.chat-opened .bl-filter-group.vbn-filter-group-key-features {
    margin-bottom: 3.75rem;
  }
}

.bl-filter-group-headline {
  display: flex;
  align-items: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.4375rem;
  margin-bottom: 1.25rem;
}

.bl-filter-group-headline span {
  width: 1.4375rem;
  height: 1.4375rem;
  display: inline-flex;
  justify-content: center;
  font-weight: 300;
  font-size: 0.875rem;
  color: #ffffff;
  background-color: #00aad2;
  border-radius: 100%;
  margin-left: 0.375rem;
  padding-top: 0.0625rem;
}

.bl-filters {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}

@media (min-width: 1024px) {
  .bl-filters {
    flex-flow: column nowrap;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bl-filters {
    flex-flow: row nowrap;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bl-filters {
    flex-flow: column nowrap;
  }
}

.bl-filter {
  display: flex;
  margin-right: 1.25rem;
  margin-bottom: 0.75rem;
}

@media (min-width: 1024px) {
  .bl-filter {
    display: flex !important;
  }
  .bl-filter:last-of-type {
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bl-filter {
    display: flex;
  }
  body.chat-opened .bl-filter:last-of-type {
    margin-bottom: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bl-filter {
    display: flex !important;
  }
  body.chat-opened .bl-filter:last-of-type {
    margin-bottom: 0;
  }
}

.bl-filter-disabled {
  pointer-events: none;
}

.bl-filter-disabled .bl-filter-custom-checkbox-button {
  border: 0.125rem solid #dadada;
}

.bl-filter-disabled .bl-filter-custom-checkbox-label {
  color: #888888;
}

.bl-filter-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.bl-filter-custom-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.bl-filter-custom-checkbox-button {
  display: inline-block;
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.125rem solid #bababa;
  margin-right: 0.5rem;
}

.bl-filter-checkbox:checked ~ .bl-filter-custom-checkbox .bl-filter-custom-checkbox-button {
  border: 0.125rem solid #00aad2;
}

.bl-filter-checkbox:checked ~ .bl-filter-custom-checkbox .bl-filter-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.0625rem;
  left: 0.25rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.bl-filter-custom-checkbox-label {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.0625rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.bl-filter-custom-checkbox-label svg {
  width: auto;
  height: 1.375rem;
  margin-right: 0.375rem;
}

.bl-filter-checkbox:checked ~ .bl-filter-custom-checkbox .bl-filter-custom-checkbox-label {
  color: #00aad2;
}

.bl-filter-range {
  width: 100%;
  position: relative;
  margin-bottom: 0.9375rem;
}

@media (min-width: 640px) {
  .bl-filter-range {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .bl-filter-range {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bl-filter-range {
    width: 50%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bl-filter-range {
    width: 100%;
  }
}

.bl-filter-custom-range-values {
  display: flex;
  align-items: center;
  margin-bottom: 1.875rem;
}

.bl-filter-custom-range-min {
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.0625rem;
  font-weight: 500;
}

.bl-filter-custom-range-min span {
  margin: 0 0.9375rem;
}

.bl-filter-custom-range-text {
  width: 5.0625rem;
  height: 2.625rem;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.0625rem;
  background-color: #ffffff;
  border: 0.0625rem solid #e6e6e6;
  box-sizing: border-box;
  padding: 0.78125rem 0.625rem;
  font-weight: 500;
}

.bl-filter-custom-range-slider {
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
}

.bl-filter-custom-range-slider-lower {
  display: inline-block;
  height: 0.25rem;
  background: #00aad2;
}

.bl-filter-custom-range-slider-upper {
  display: inline-block;
  height: 0.25rem;
  background: #bababa;
}

.bl-filter-custom-range {
  width: 100%;
  height: 0.25rem;
  position: absolute;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
  z-index: 2;
  cursor: pointer;
}

.bl-filter-custom-range::-ms-track {
  height: 0.25rem;
  color: transparent;
  background: transparent;
  border-color: transparent;
  border-width: 0.25rem 0;
}

.bl-filter-custom-range::-ms-fill-lower {
  background: #00aad2;
}

.bl-filter-custom-range::-ms-fill-upper {
  background: #bababa;
}

.bl-filter-custom-range::-ms-thumb {
  width: 0.75rem;
  height: 0.75rem;
  background: #ffffff;
  border: 0.3125rem solid #00aad2;
  border-radius: 50%;
}

.bl-filter-custom-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.3125rem;
  height: 1.3125rem;
  border-radius: 50%;
  border: 0.3125rem solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.bl-filter-custom-range::-moz-range-thumb {
  width: 1.3125rem;
  height: 1.3125rem;
  border-radius: 50%;
  border: 0.3125rem solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.bl-filter-body-button,
.bl-filter-nav-button {
  width: 100%;
  max-width: 18.25rem;
}

@media (min-width: 1024px) {
  .bl-filter-body-button,
  .bl-filter-nav-button {
    max-width: 100%;
  }
}

.bl-filter-body-button.button-gray,
.bl-filter-nav-button.button-gray {
  pointer-events: none;
}

@media (min-width: 1024px) {
  body.chat-opened .bl-filter-body-button,
  body.chat-opened .bl-filter-nav-button {
    max-width: 18.25rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bl-filter-body-button,
  body.chat-opened .bl-filter-nav-button {
    max-width: 100%;
  }
}

.bl-filter-body-no-results-copy,
.bl-filter-nav-bottom-no-results-copy {
  display: flex;
  justify-content: center;
  font-size: 0.875rem;
  color: #888888;
  line-height: 1.0625rem;
  margin-top: 1.25rem;
}

.bl-filter-nav-bottom-no-results-copy {
  margin-top: 0.5625rem;
}

.bl-header-filter {
  display: flex;
  align-items: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.0625rem;
  background: #00aad2;
  margin: 0 1.25rem 0.625rem 0;
  padding: 0.5625rem 0.8125rem;
}

.bl-header-filter-remove-button {
  flex-shrink: 0;
  width: 0.625rem;
  height: 0.625rem;
  color: #ffffff;
  margin-left: 0.5rem;
}

.bl-header-filter-reset-button {
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 2.1875rem;
  text-decoration: underline;
  align-items: baseline;
}

.bl-filter-nav-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  box-shadow: 0 0.1875rem 0.5625rem 0.125rem rgba(0, 0, 0, 0.3);
  z-index: 1001;
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .bl-filter-nav-bottom {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bl-filter-nav-bottom {
    width: calc(100vw - 375px);
  }
}

.bl-filter-nav-bottom-container {
  width: 100%;
  height: 6rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.8125rem 0;
}

.bl-filter-nav-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 998;
}

body.chat-opened .bl-filter-nav-backdrop {
  width: calc(100vw - 375px);
}

.bl-compare-nav-wrapper {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.bl-compare-nav-wrapper .bl-compare-nav-desktop {
  display: none;
}

@media (min-width: 1024px) {
  .bl-compare-nav-wrapper .bl-compare-nav-desktop {
    display: flex;
  }
}

.bl-compare-nav-wrapper .bl-compare-nav-mobile {
  display: flex;
}

@media (min-width: 1024px) {
  .bl-compare-nav-wrapper .bl-compare-nav-mobile {
    display: none;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bl-compare-nav-wrapper .bl-compare-nav-desktop {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bl-compare-nav-wrapper .bl-compare-nav-desktop {
    display: flex;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .bl-compare-nav-wrapper .bl-compare-nav-mobile {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bl-compare-nav-wrapper .bl-compare-nav-mobile {
    display: flex;
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bl-compare-nav-wrapper .bl-compare-nav-mobile {
    display: none;
  }
}

.bl-compare-nav {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: #002c5e;
  z-index: 1001;
}

.bl-compare-nav-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #002c5e;
  z-index: 1001;
}

.bl-compare-nav-container,
.bl-compare-nav-bottom-container {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.8125rem 0;
}

.bl-compare-nav-reset-compare-button {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.0625rem;
  text-decoration: underline;
}

.bl-compare-nav-headline-container,
.bl-compare-nav-bottom-headline-container {
  width: 100%;
  height: 2.1875rem;
  display: flex;
}

.bl-compare-nav-headline,
.bl-compare-nav-bottom-headline {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  color: #ffffff;
  line-height: 1.25rem;
}

.bl-compare-nav-headline svg,
.bl-compare-nav-bottom-headline svg {
  margin-right: 0.9375rem;
}

.bl-compare-nav-bottom-headline {
  justify-content: space-between;
}

.bl-compare-nav-compare-button,
.bl-compare-nav-bottom-compare-button {
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.0625rem;
  border: 0.0625rem solid #ffffff;
  padding: 0.5rem 1.0625rem;
  margin-left: 1.5625rem;
  -webkit-tap-highlight-color: transparent;
}

.bl-compare-nav-compare-button svg,
.bl-compare-nav-bottom-compare-button svg {
  width: 0.875rem;
  height: 1rem;
  margin-right: 0.4375rem;
}

.bl-compare-nav-bottom-compare-button {
  margin-left: 0;
}

.bl-compare-nav-close-button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #ffffff;
}

.bldf-v2-tab-container {
  display: none;
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-start;
  flex-grow: 1;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  z-index: 1000;
}

@media (min-width: 1024px) {
  .bldf-v2-tab-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 76%;
    max-width: 34.375rem;
    position: relative;
    background: none;
  }
}

.bldf-menu-overlay-active .bldf-v2-tab-container {
  display: flex;
}

.bldf-v2-title {
  flex-shrink: 0;
}

@media (max-width: 1023px) {
  .bldf-v2-title {
    display: none;
  }
}

@media (min-width: 1024px) {
  .bldf-v2-title {
    padding-right: 0.9375rem;
  }
}

@media (min-width: 1440px) {
  .bldf-v2-title {
    padding-left: 0.625rem;
  }
}

.bldf-v2-compare-btn {
  display: flex;
  margin-left: auto;
  align-items: center;
  width: auto;
  height: 2.375rem;
  border: 1px solid #888888;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #f3f3f3;
  color: #888888;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.0625rem;
  text-align: center;
  padding: 0 0.75rem;
}

.bldf-v2-compare-btn:focus {
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  border-width: 0.125rem;
  background-color: #888888;
  color: #ffffff;
}

@media (max-width: 1023px) {
  .bldf-v2-compare-btn {
    margin-left: 0;
    height: 2.125rem;
  }
}

.blnb-v2-item-btn {
  padding: 0;
  color: #888888;
  display: inline-flex;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  height: auto;
  text-decoration: none;
}

.build-landing-v2 {
  background-color: #f3f3f3;
}

@media (min-width: 1024px) {
  .bl-v2-vehicles {
    padding-bottom: 4.375rem;
  }
}

@media (min-width: 1440px) {
  .bl-v2-vehicles {
    padding-bottom: 5.625rem;
  }
}

@media (max-width: 1023px) {
  .bl-v2-vehicles {
    padding-bottom: 3.75rem;
  }
}

.bl-v2-vehicles-header {
  padding: 1.5rem 0 1.5rem 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

@media (min-width: 1024px) {
  .bl-v2-vehicles-header {
    padding-top: 1.875rem;
  }
}

@media (min-width: 1440px) {
  .bl-v2-vehicles-header {
    padding-left: 0.625rem;
  }
}

@media (max-width: 1023px) {
  .bl-v2-vehicles-header {
    padding-top: 2rem;
    padding-bottom: 0.3125rem;
  }
}

@media (max-width: 639px) {
  .bl-v2-vehicles-header {
    padding-top: 0.3125rem;
  }
}

.bl-v2-vehicles-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #333333;
  font-weight: 500;
}

.bl-v2-vehicles-savedbuild {
  display: flex;
  margin-left: auto;
  padding-top: 1.5rem;
}

@media (max-width: 1023px) {
  .bl-v2-vehicles-savedbuild {
    padding-top: 0;
  }
}

@media (min-width: 1024px) {
  .bl-v2-vehicles-savedbuild {
    padding-top: 1.875rem;
  }
}

@media (min-width: 1440px) {
  .bl-v2-vehicles-savedbuild {
    padding-right: 0.625rem;
  }
}

.bl-v2-headline-step1 {
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 3.125rem;
}

@media (max-width: 1023px) {
  .bl-v2-headline-step1 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.bl-v2-models-count {
  height: 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5rem;
}

@media (max-width: 1023px) {
  .bl-v2-models-count {
    height: 1.0625rem;
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

.bl-v2-vehicle-heading-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.625rem;
  max-width: 1440px;
  padding-left: 4rem;
  padding-bottom: 2.5rem;
  margin: auto;
}

@media (max-width: 1023px) {
  .bl-v2-vehicle-heading-wrapper {
    padding-left: 1rem;
    padding-bottom: 1.5625rem;
    padding-top: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .bl-v2-vehicle-heading-wrapper {
    gap: 0.875rem;
    padding-left: 2.625rem;
    padding-top: 1.875rem;
  }
}

@media (min-width: 1440px) {
  .bl-v2-vehicle-heading-wrapper {
    padding-left: 5.125rem;
    padding-right: 5.125rem;
  }
}

.bl-v2-vehicle-heading {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
}

@media (max-width: 1023px) {
  .bl-v2-vehicle-heading {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
}

.bl-v2-saved-btn {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  display: inline-flex;
}

.bl-v2-saved-btn svg {
  height: 0.625rem;
  width: 0.875rem;
  padding-left: 0.3125rem;
  display: inline;
}

.bl-v2-saved-btn-count {
  margin-right: 0.4375rem;
  height: 1.25rem;
  width: 1.25rem;
  background-color: #00aad2;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
}

.blnb-build-txt-mobile {
  display: inline;
}

@media (min-width: 1023px) {
  .blnb-build-txt-mobile {
    display: inline;
  }
}

.build-landing-v2 .bn-v2-sb-carousel-wrapper {
  position: absolute;
  top: -5.625rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .build-landing-v2 .bn-v2-sb-carousel-wrapper {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 1024px) {
  .build-landing-v2 .bn-v2-sb-carousel-wrapper {
    top: -8rem;
  }
}

@media (max-width: 639px) {
  .build-landing-v2 .blnb-col-left {
    width: 100%;
  }
}

@media (max-width: 639px) {
  .build-landing-v2 .blnb-col-right {
    width: 100%;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .build-landing-v2 .blnb-col-left {
    width: 100%;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .build-landing-v2 .blnb-col-right {
    width: 100%;
  }
}

.sticky-bar-on.build-header-v2 {
  position: fixed;
  top: 0;
  box-shadow: 0 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.3);
}

.bl-v2-vehicle-heading-smartchat-container {
  display: inline-flex;
}

.bl-v2-vehicle-heading-smartchat-container .smartchat-contextual-cta-btn {
  margin: 0;
}

.bl-v2-vehicle-heading-smartchat-container .smartchat-contextual-cta-btn--background {
  min-height: 1.25rem;
  font-size: 0.875rem;
  padding: 0.25rem 1.0625rem;
}

.bld-v2-trims-tab-container {
  display: block;
  position: relative;
}

.bld-v2-tab-list {
  margin: 0;
  padding: 1rem 0 0;
}

.bld-v2-trims-item {
  display: block;
  width: 100%;
  background-color: #ffffff;
  margin-bottom: 1.25rem;
  border: 2px solid transparent;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1);
}

.bld-v2-extra-item {
  visibility: hidden;
}

.bld-v2-active-tab {
  border: 2px solid #00aad2;
}

.bt-trim {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  cursor: pointer;
}

.bt-trim:last-child {
  margin-bottom: 0;
}

@media (max-width: 639px) {
  .bt-trim {
    padding: 0.875rem 1.4375rem 1.125rem 0.875rem;
  }
}

@media (min-width: 640px) {
  .bt-trim {
    padding: 0.875rem 0.625rem 1.625rem;
  }
}

@media (min-width: 1024px) {
  .bt-trim {
    flex-direction: row;
    padding: 2rem 1.25rem 2.25rem 1rem;
  }
}

@media (min-width: 1440px) {
  .bt-trim {
    flex-direction: row;
    padding: 2rem 2.8125rem 2.25rem 2rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bt-trim {
    flex-direction: column;
    padding: 0.875rem 0.625rem 1.625rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bt-trim {
    flex-direction: row;
    padding: 2rem 1.25rem 2.25rem 1rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bt-trim {
    flex-direction: row;
    padding: 2rem 2.8125rem 2.25rem 2rem;
  }
}

@media (min-width: 1024px) {
  .bld-v2-trim-container {
    max-width: 55%;
    flex-basis: 55%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bld-v2-trim-container {
    max-width: inherit;
    flex-basis: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bld-v2-trim-container {
    max-width: 55%;
    flex-basis: 55%;
  }
}

.bld-v2-tab-link {
  justify-content: flex-start;
  text-decoration: none;
  position: relative;
  width: 100%;
  text-align: left;
}

.bld-v2-model-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: #002C5F;
  line-height: 2.25rem;
}

@media (min-width: 1024px) {
  .bld-v2-model-name {
    font-size: 1.875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bld-v2-model-name {
    font-size: 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bld-v2-model-name {
    font-size: 1.875rem;
  }
}

@media (min-width: 1024px) {
  .bld-v2-form-radio-label {
    padding-left: 2.375rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bld-v2-form-radio-label {
    padding-left: 1.75rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bld-v2-form-radio-label {
    padding-left: 2.375rem;
  }
}

.bld-v2-trim-description {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.25rem;
  margin-left: 1.75rem;
}

@media (min-width: 1024px) {
  .bld-v2-trim-description {
    font-size: 0.875rem;
    margin-left: 2.375rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bld-v2-trim-description {
    font-size: 0.75rem;
    margin-left: 1.75rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bld-v2-trim-description {
    font-size: 0.875rem;
    margin-left: 2.375rem;
  }
}

.blts-v2-price-container {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  margin-left: 1.75rem;
}

.blts-v2-price-container .blts-v2-heading {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #666666;
  line-height: 2.25rem;
}

@media (min-width: 1024px) {
  .blts-v2-price-container .blts-v2-heading {
    font-size: 1.875rem;
  }
}

.blts-v2-price-container .blts-v2-price-amount {
  width: 100%;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  color: #666666;
  line-height: 1.25rem;
  margin-left: 0.25rem;
}

@media (min-width: 1024px) {
  .blts-v2-price-container .blts-v2-price-amount {
    margin-left: 0;
    font-size: 0.875rem;
  }
}

@media (min-width: 1024px) {
  .blts-v2-price-container {
    flex-direction: column;
    flex-wrap: wrap;
    text-align: right;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blts-v2-price-container .blts-v2-heading {
    font-size: 1.25rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blts-v2-price-container .blts-v2-heading {
    font-size: 1.875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blts-v2-price-container .blts-v2-price-amount {
    margin-left: 0.25rem;
    font-size: 0.75rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blts-v2-price-container .blts-v2-price-amount {
    margin-left: 0;
    font-size: 0.875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blts-v2-price-container {
    flex-direction: row;
    margin-left: 1.75rem;
    flex-wrap: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blts-v2-price-container {
    flex-direction: column;
    flex-wrap: wrap;
    text-align: right;
    margin: 0;
  }
}

.blts-v2-m-specs-container {
  display: block;
  width: 100%;
  padding-left: 1.75rem;
}

@media (min-width: 640px) {
  .blts-v2-m-specs-container {
    display: none;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blts-v2-m-specs-container {
    display: none;
  }
}

.blts-v2-specs-dropdown {
  display: flex;
  align-items: center;
  width: 100%;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #002C5F;
  line-height: 1.25rem;
  padding-top: 0.75rem;
  margin-top: 0.75rem;
  border-top: 1px solid #999;
}

.blts-v2-specs-dropdown svg {
  margin-left: 0.3125rem;
}

.blts-v2-dropdown-true svg {
  transform: rotate(180deg);
}

.bt-v2-pt-toggle-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

@media (min-width: 1024px) {
  .bt-v2-pt-toggle-wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}

.bt-v2-pt-toggle-wrapper .smartchat-contextual-cta-btn {
  margin: 0;
}

.bt-v2-pt-toggle-wrapper .smartchat-contextual-cta-btn--background {
  min-height: 1.25rem;
  font-size: 0.875rem;
  padding: 0.25rem 1.0625rem;
}

.bt-v2-pt-toggle {
  display: flex;
  white-space: nowrap;
}

.bt-v2-pt-border {
  position: absolute;
  background-color: #0091B2;
}

.bt-v2-pt-border:after {
  content: '';
  display: block;
  margin: 0 auto;
  width: 0;
  height: 0;
  margin-top: 0.125rem;
}

.bt-v2-pt-border-transition {
  transition: all 0.5s cubic-bezier(0.33, 0, 0, 1);
}

.bt-v2-pt-toggle-btn {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: #666666;
  margin-right: 1rem;
  gap: 0.25rem;
  align-items: center;
  border-bottom: 0.125rem solid transparent;
  transition: all .3s;
}

@media (max-width: 639px) {
  .bt-v2-pt-toggle-btn {
    color: #666666 !important;
  }
}

.bt-v2-pt-toggle-btn:hover {
  color: var(--color-hover) !important;
}

@media (max-width: 639px) {
  .bt-v2-pt-toggle-btn:hover {
    color: #333333 !important;
  }
}

.bt-v2-pt-toggle-btn-active {
  color: #333333;
}

@media (max-width: 639px) {
  .bt-v2-pt-toggle-btn-active {
    color: #333333 !important;
  }
}

.bt-v2-pt-toggle-btn-icon svg {
  width: 1.125rem;
  height: 0.875rem;
}

.bld-v2-tab-list-smartchat-container {
  display: inline-flex;
}

.bld-v2-tab-list-smartchat-container .smartchat-contextual-cta-btn {
  margin: 0;
}

.bld-v2-tab-list-smartchat-container .smartchat-contextual-cta-btn--background {
  min-height: 1.25rem;
  font-size: 0.875rem;
  padding: 0.25rem 1.0625rem;
}

.bld-v2-model-ev-banner-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.0625rem;
  color: #333333;
  padding: 0 0.3125rem 0 0;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.bld-v2-vehicle-section {
  position: relative;
  width: 100%;
}

@media (max-width: 639px) {
  .bld-v2-vehicle-section {
    max-height: 11.25rem;
    width: auto;
    border-bottom: 0.0625rem solid #ffffff;
  }
}

.bld-v2-vehicle-section .bld-v2-vehicle-view {
  display: block;
  width: auto;
  height: auto;
  max-height: 11.25rem;
  margin: 0 auto;
}

@media (max-width: 639px) {
  .bld-v2-vehicle-section .bld-v2-vehicle-view {
    position: relative;
    z-index: 2;
  }
}

@media (min-width: 1024px) {
  .bld-v2-vehicle-section .bld-v2-vehicle-view {
    max-height: 15.625rem;
  }
}

@media (min-width: 1440px) {
  .bld-v2-vehicle-section .bld-v2-vehicle-view {
    max-height: 18.75rem;
  }
}

.bld-v2-vehicle-section-interior {
  width: 100%;
  height: 100%;
  max-height: 11.25rem;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .bld-v2-vehicle-section-interior {
    max-height: 15.625rem;
  }
}

@media (min-width: 1440px) {
  .bld-v2-vehicle-section-interior {
    max-height: 18.75rem;
  }
}

.bld-v2-vehicle-section-interior .bld-v2-interior {
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.bld-v2-trims-disclaimer {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  padding: 0.25rem 1rem;
}

@media (min-width: 640px) {
  .bld-v2-trims-disclaimer {
    padding-left: 0;
    padding-right: 0;
  }
}

.bld-v2-card-image-disclaimer {
  position: relative;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  color: #888888;
  line-height: 1rem;
  text-align: left;
  z-index: 2;
}

.bld-v2-trims-cg-icon {
  color: #888888;
  padding-left: 0.25rem;
}

.bld-v2-vehicle-section-selector {
  text-align: center;
  padding-top: 0.625rem;
  padding-bottom: 1.25rem;
}

@media (max-width: 639px) {
  .bld-v2-vehicle-section-selector {
    background-color: #ffffff;
  }
}

.bld-v2-vehicle-section-selector .bld-v2-img-selector-btn {
  display: inline-block;
  color: #666666;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-bottom: 0.5rem;
  margin-right: 2rem;
  text-decoration: none;
}

.bld-v2-vehicle-section-selector .bld-v2-img-selector-btn:last-child {
  margin-right: 0;
}

.bld-v2-vehicle-section-selector .bld-v2-img-selector-btn.selected {
  color: #333333;
  border-bottom: 0.125rem solid #00aad2;
}

.blts-v2-main {
  display: block;
}

.blts-v2-header-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: row;
}

.blts-v2-header-container .blts-v2-header {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-bottom: 0.625rem;
}

@media (min-width: 1024px) {
  .blts-v2-header-container .blts-v2-header {
    font-size: 1.875rem;
    line-height: 2.3125rem;
    margin-bottom: 0;
  }
}

.blts-v2-header-container .blts-v2-packages-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .blts-v2-header-container .blts-v2-packages-text {
    font-weight: 500;
  }
}

@media (max-width: 1023px) {
  .blts-v2-header-container {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .blts-v2-header-container .blts-v2-header {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blts-v2-header-container .blts-v2-header {
    font-size: 1.875rem;
    line-height: 2.3125rem;
    margin-bottom: 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blts-v2-header-container .blts-v2-packages-text {
    font-weight: 700;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blts-v2-header-container .blts-v2-packages-text {
    font-weight: 500;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .blts-v2-header-container {
    align-items: flex-start;
    flex-direction: column;
  }
}

.blts-v2-txt-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #666666;
  line-height: 1.25rem;
  border-top: 1px solid #999;
  padding-top: 1.1875rem;
  margin-top: 1.1875rem;
}

@media (max-width: 639px) {
  .blts-v2-txt-container {
    border: none;
    padding: 0;
    margin-top: 1rem;
  }
}

@media (min-width: 1024px) {
  .blts-v2-txt-container {
    flex-direction: row;
    padding-top: 1.625rem;
    margin-top: 1.625rem;
  }
}

.blts-v2-txt-container .blts-v2-txt {
  display: flex;
  width: 100%;
  margin-bottom: 0.5625rem;
}

@media (min-width: 1024px) {
  .blts-v2-txt-container .blts-v2-txt {
    max-width: calc(50% - 10px);
  }
}

.blts-v2-txt-container .blts-v2-txt .blts-v2-spec-text {
  margin-left: 0.5625rem;
}

.blts-v2-txt-container .blts-v2-spec-icon {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}

.blts-v2-txt-container .blts-v2-spec-icon svg {
  width: 100%;
  height: 100%;
}

@media (min-width: 640px) {
  body.chat-opened .blts-v2-txt-container {
    border: none;
    padding: 0;
    margin-top: 1rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blts-v2-txt-container {
    flex-direction: row;
    padding-top: 1.625rem;
    margin-top: 1.625rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blts-v2-txt-container .blts-v2-txt {
    max-width: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .blts-v2-txt-container .blts-v2-txt {
    max-width: calc(50% - 10px);
  }
}

[v-cloak] {
  display: none !important;
}

.bo-v2-nav-trims .build-nav-v2 {
  position: relative;
}

.bld-v2-trims-compare-nav {
  height: 3.75rem;
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .bld-v2-trims-compare-nav {
    height: 4rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bld-v2-trims-compare-nav {
    width: calc(100vw - 375px);
    height: 3.75rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bld-v2-trims-compare-nav {
    height: 4rem;
  }
}

.bld-v2-compare-wrapper {
  position: relative;
  width: 100%;
  background-color: #f3f3f3;
}

.bld-v2-compare-wrapper .bld-v2-compare-wrapper-inner {
  position: relative;
  max-width: 1440px;
  padding: 0.8125rem 1rem;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .bld-v2-compare-wrapper .bld-v2-compare-wrapper-inner {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1440px) {
  .bld-v2-compare-wrapper .bld-v2-compare-wrapper-inner {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bld-v2-compare-wrapper .bld-v2-compare-wrapper-inner {
    padding: 0.8125rem 1rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bld-v2-compare-wrapper .bld-v2-compare-wrapper-inner {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bld-v2-compare-wrapper .bld-v2-compare-wrapper-inner {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.bld-v2-compare-btn {
  display: flex;
  margin-left: auto;
  align-items: center;
  width: 11.625rem;
  height: 2.375rem;
  border: 1px solid #888888;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #888888;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.0625rem;
  text-align: center;
  padding: 0 0.75rem;
}

.bld-v2-compare-btn:focus {
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  border-width: 0.125rem;
  background-color: #888888;
  color: #ffffff;
}

@media (max-width: 1023px) {
  .bld-v2-compare-btn {
    margin-left: 0;
    height: 2.125rem;
  }
}

.bldt-v2-item-btn {
  padding: 0;
  color: #888888;
  display: inline-flex;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  height: auto;
  text-decoration: none;
}

.bldt-compare-lbl {
  padding-left: 0.5rem;
  text-align: left;
}

@media (max-width: 639px) {
  .bldt-compare-lbl {
    max-width: 4.375rem;
  }
}

.bld-v2-trims {
  display: block;
  position: relative;
  background-color: #f3f3f3;
  height: 100vh;
}

@media (min-width: 1024px) {
  body.chat-opened .bld-v2-trims {
    width: calc(100vw - 375px);
  }
}

.bld-v2-trims-content {
  position: relative;
  line-height: 0;
  padding-bottom: 3.8125rem;
  max-width: 160rem;
  margin: 0 auto;
  background-color: #f3f3f3;
  overflow: hidden;
  z-index: 2;
}

@media (max-width: 639px) {
  .bld-v2-trims-content {
    background-color: #ffffff;
  }
}

@media (min-width: 1024px) {
  .bld-v2-trims-content {
    padding-bottom: 4.6875rem;
  }
}

.bld-v2-header-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  overflow: hidden;
}

.bld-v2-header-container .bt-v2-sticky {
  position: fixed;
  right: auto;
  left: auto;
}

@media (max-width: 639px) {
  .bld-v2-header-container .bt-v2-sticky {
    background-color: #ffffff;
    z-index: 2;
  }
}

.bld-v2-header-container-inner {
  height: 100%;
}

.bld-v2-header-container-max-height {
  position: relative;
  height: 12.5rem;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .bld-v2-header-container-max-height {
    height: 20rem;
  }
}

@media (min-width: 1440px) {
  .bld-v2-header-container-max-height {
    height: 22.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bld-v2-header {
    height: 12.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bld-v2-header {
    height: 20rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bld-v2-header {
    height: 22.5rem;
  }
}

.bld-v2-bg-image {
  width: 100%;
}

@media (max-width: 800px) {
  .bld-v2-bg-image {
    max-width: none;
    width: auto;
    height: 100%;
  }
}

@media (min-width: 801px) and (max-width: 1023px) {
  .bld-v2-bg-image {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .bld-v2-bg-image {
    max-width: none;
    width: auto;
    height: 100%;
  }
}

@media (min-width: 1024px) {
  .bld-v2-bg-image {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}

@media (max-width: 1024px) {
  body.chat-opened .bld-v2-bg-image {
    max-width: none;
    width: auto;
    height: 100%;
  }
}

@media (min-width: 1299px) and (max-width: 2560px) {
  body.chat-opened .bld-v2-bg-image {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 1440px) and (max-width: 1825px) {
  body.chat-opened .bld-v2-bg-image {
    max-width: none;
    width: auto;
    height: 100%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bld-v2-bg-image {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}

.bt-bbg-gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.bld-v2-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: 90rem;
  padding: 1.25rem 1rem 0;
  margin: 0 auto;
  text-align: left;
  z-index: 2;
}

@media (min-width: 641px) {
  .bld-v2-header {
    padding-top: 3.5rem;
  }
}

@media (min-width: 1024px) {
  .bld-v2-header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1440px) {
  .bld-v2-header {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bld-v2-header {
    padding: 1.25rem 1rem 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bld-v2-header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bld-v2-header {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.xf-component .bld-v2-header {
  min-height: 5rem;
}

@media (min-width: 640px) {
  .xf-component .bld-v2-header {
    min-height: 7.1875rem;
  }
}

.bld-v2-header-text {
  flex-direction: column;
}

.bld-v2-header-text .bld-step-number {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.25rem;
}

.bld-v2-header-text .bld-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #ffffff;
}

@media (min-width: 1024px) {
  .bld-v2-header-text .bld-title {
    font-size: 2.5rem;
    line-height: 3.125rem;
    margin-bottom: 0.75rem;
  }
}

.bld-v2-header-text .bld-v2-trims-filter {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.0625rem;
}

@media (min-width: 1024px) {
  .bld-v2-header-text .bld-v2-trims-filter {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bld-v2-header-text .bld-title {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bld-v2-header-text .bld-title {
    font-size: 2.5rem;
    line-height: 3.125rem;
    margin-bottom: 0.75rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bld-v2-header-text .bld-v2-trims-filter {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bld-v2-header-text .bld-v2-trims-filter {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.bld-trims-model-ev-banner {
  width: 41%;
  min-width: 15.625rem;
  margin-bottom: 10px;
}

.bld-trims-model-ev-banner .bld-trims-model-ev-banner-container {
  display: inline-flex;
  position: relative;
  width: 100%;
  background-color: #EEF7F9;
  padding: 1rem;
}

.bld-trims-model-ev-banner .bld-trims-model-ev-banner-text {
  width: 100%;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.0625rem;
  text-align: center;
  margin: 0 auto;
}

.bld-trims-mobile-banner {
  margin-bottom: 1.625rem;
}

.bld-trims-mobile-banner .bld-trims-model-ev-banner-container-m {
  display: inline-flex;
  position: relative;
  width: 100%;
  background-color: #EEF7F9;
  padding: 0.9375rem 1rem;
}

.bld-trims-mobile-banner .bld-trims-model-ev-banner-text-m {
  width: 100%;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  text-align: center;
  margin: 0 auto;
}

.bld-v2-trims-content-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  max-width: 90rem;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .bld-v2-trims-content-container {
    flex-direction: row;
  }
}

.bld-v2-trims-wrapper {
  display: block;
  position: relative;
  max-width: 1440px;
  padding: 0;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .bld-v2-trims-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px) {
  .bld-v2-trims-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1440px) {
  .bld-v2-trims-wrapper {
    margin-top: 2.6875rem;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bld-v2-trims-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bld-v2-trims-wrapper {
    margin: 0 auto;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bld-v2-trims-wrapper {
    margin-top: 2.6875rem;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.bld-v2-trims-image {
  width: 100%;
}

@media (min-width: 640px) {
  .bld-v2-trims-image {
    width: 48%;
  }
}

.bld-v2-trims-image .bt-v2-sticky {
  position: fixed;
  right: auto;
  left: auto;
  z-index: 2;
}

@media (max-width: 639px) {
  .bld-v2-trims-image .bt-v2-sticky-inner {
    border-bottom: 1px solid #cccccc;
  }
}

.bld-v2-image-container {
  width: 100%;
}

.bld-v2-image-container .hidden {
  display: none;
}

.bld-v2-specs-container {
  width: 100%;
  display: none;
}

@media (min-width: 640px) {
  .bld-v2-specs-container {
    display: block;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bld-v2-specs-container {
    display: block;
  }
}

.bld-v2-image-container-background {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  display: flex;
  z-index: 1;
}

.bld-v2-trims-tabs {
  width: 100%;
}

@media (max-width: 639px) {
  .bld-v2-trims-tabs {
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #f3f3f3;
  }
}

@media (min-width: 640px) {
  .bld-v2-trims-tabs {
    width: 41%;
  }
}

.bld-v2-trims-button {
  display: flex;
  align-items: flex-end;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2.625rem;
  padding-right: 0.5rem;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .bld-v2-trims-button {
    display: block;
  }
}

@media (min-width: 1440px) {
  .bld-v2-trims-button {
    display: block;
    padding-left: 2rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bld-v2-trims-button {
    display: flex;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bld-v2-trims-button {
    display: block;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bld-v2-trims-button {
    display: block;
    padding-left: 2rem;
  }
}

.bld-v2-trims-generic-disclaimer-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: baseline;
  padding: 1.25rem 1rem 5rem;
  background-color: #f3f3f3;
}

@media (min-width: 640px) {
  .bld-v2-trims-generic-disclaimer-wrapper {
    padding-top: 2.5rem;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1024px) {
  .bld-v2-trims-generic-disclaimer-wrapper {
    padding-bottom: 0.75rem;
  }
}

.bld-v2-trims-generic-disclaimer {
  position: relative;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  color: #888888;
  line-height: 1rem;
  text-align: center;
}

.bld-v2-trims-generic-disclaimer .sticky-icon-wrap {
  position: relative;
  vertical-align: text-top;
}

.bld-v2-trims-generic-disclaimer .bld-v2-trims-generic-disclaimer-icon {
  color: #002c5e;
}

.bld-v2-trims-generic-disclaimer .bld-v2-trims-generic-disclaimer-icon.tooltip-trigger {
  height: auto;
  width: auto;
  padding: 0.875rem;
  margin: -0.875rem;
}

.build-footer-v2 {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  z-index: 991;
  border-top: 0.0625rem solid #bababa;
}

@media (min-width: 1024px) {
  body.chat-opened .build-footer-v2 {
    width: calc(100vw - 375px);
  }
}

.build-footer-v2-inner {
  width: 100%;
  max-width: 1440px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
}

@media (min-width: 1024px) {
  .build-footer-v2-inner {
    padding: 1rem 2rem;
  }
}

@media (min-width: 1440px) {
  .build-footer-v2-inner {
    padding: 1rem 5rem;
  }
}

.bf-v2-container {
  height: 2.75rem;
  display: flex;
  align-items: center;
}

.bf-v2-link-container {
  display: flex;
}

.bf-v2-button-link {
  text-decoration: none;
}

.bf-v2-link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  text-decoration: none;
}

@media (min-width: 640px) {
  .bf-v2-link {
    margin-right: 1.25rem;
  }
}

.bf-v2-link svg {
  width: 0.625rem;
  height: 0.625rem;
  margin-right: 0.3125rem;
}

.bf-v2-link-desktop {
  display: none;
}

@media (min-width: 640px) {
  .bf-v2-link-desktop {
    display: flex;
  }
}

.bf-v2-button-container-trims .bf-v2-button-desktop {
  margin-right: 0;
}

.bf-v2-button-desktop {
  display: none;
}

@media (min-width: 640px) {
  .bf-v2-button-desktop {
    display: flex;
    margin: 0 0.3125rem;
  }
}

.bf-v2-no-highlight {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tertiary-nav {
  height: 3rem;
}

@media (min-width: 1024px) {
  .tertiary-nav {
    height: 0 !important;
    top: 0.5rem;
    left: 0;
  }
}

.tn-backdrop {
  z-index: 890;
}

@media (min-width: 1024px) {
  .tn-backdrop {
    display: none;
  }
}

@media (min-width: 1024px) {
  .tn-bar {
    z-index: 900;
    position: absolute;
    margin-top: 2rem;
    width: 11.375rem;
  }
  .tn-bar.sticky-bar-on {
    position: fixed;
    left: auto;
    right: auto;
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
  }
  .tn-bar.sticky-bar-bottom {
    position: absolute;
  }
}

@media (min-width: 1024px) {
  .tn-bar {
    width: 23%;
  }
}

@media (min-width: 1440px) {
  .tn-bar {
    width: 19%;
  }
}

@media (max-width: 1023px) {
  .tn-bar-vlp.sticky-bar-on {
    top: 3.125rem;
  }
}

@media (max-width: 639px) {
  .tn-bar-vlp.sticky-bar-on {
    top: 3rem;
  }
}

@media (min-width: 1024px) {
  .tn-bar-vlp.sticky-bar-on {
    margin-top: 5rem;
  }
}

@media (max-width: 1023px) {
  body.peeking-nav-sticky .tn-bar-vlp.sticky-bar-on {
    top: 9rem;
  }
}

@media (max-width: 639px) {
  body.peeking-nav-sticky .tn-bar-vlp.sticky-bar-on {
    top: 7.4375rem;
  }
}

.tn-trigger {
  z-index: 901;
}

@media (min-width: 640px) {
  .tn-trigger {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .tn-trigger {
    display: none;
    padding-right: 1rem;
  }
  .sticky-bar-on .tn-trigger {
    display: flex;
  }
}

.sticky-bar-on .tn-panel {
  display: none;
}

.dropdown-open .tn-panel {
  display: block;
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
}

@media (min-width: 1024px) {
  .tn-panel {
    display: block;
    position: static;
  }
  .sticky-bar-on .tn-panel {
    position: absolute;
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
  }
}

.tn-item-text {
  font-size: 1rem;
  font-weight: 400;
}

.dropdown-item-active .tn-item-text {
  font-weight: 700;
}

.tn-item + .tn-item:before {
  left: 1rem;
  right: 1rem;
}

@media (min-width: 640px) {
  .tn-item {
    padding: 0 2rem;
  }
  .tn-item + .tn-item:before {
    left: 2rem;
    right: 2rem;
  }
}

@media (min-width: 1024px) {
  .tn-item + .tn-item:before {
    left: 2rem;
    right: 1rem;
  }
}

#tertiary-nav-v3-id {
  height: 3.75rem;
}

@media (min-width: 1024px) {
  #tertiary-nav-v3-id {
    height: 0;
  }
}

#tertiary-nav-v3-id .tertiary-nav {
  height: 3rem;
}

@media (min-width: 1024px) {
  #tertiary-nav-v3-id .tertiary-nav {
    height: 0 !important;
    top: 0.5rem;
    left: 0;
  }
}

#tertiary-nav-v3-id .tn-backdrop {
  z-index: 890;
}

@media (min-width: 1024px) {
  #tertiary-nav-v3-id .tn-backdrop {
    display: none;
  }
}

#tertiary-nav-v3-id .tn-bar {
  width: 100%;
  z-index: 996;
}

@media (min-width: 1024px) {
  #tertiary-nav-v3-id .tn-bar {
    position: absolute;
    margin-top: 2.5rem;
    width: 17rem;
  }
  #tertiary-nav-v3-id .tn-bar.sticky-bar-on {
    position: fixed;
    left: auto;
    right: auto;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
  }
  #tertiary-nav-v3-id .tn-bar.sticky-bar-bottom {
    position: absolute;
  }
}

@media (min-width: 1440px) {
  #tertiary-nav-v3-id .tn-bar {
    width: 19rem;
    margin-top: 4.5rem;
  }
}

@media (min-width: 1920px) {
  #tertiary-nav-v3-id .tn-bar {
    width: 20.5rem;
  }
}

#tertiary-nav-v3-id .tn-trigger {
  z-index: 901;
  height: 3.75rem;
  background-color: #f3f3f3;
}

@media (min-width: 640px) {
  #tertiary-nav-v3-id .tn-trigger {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  #tertiary-nav-v3-id .tn-trigger {
    height: 3rem;
    display: none;
    padding-left: 2.625rem;
    padding-right: 3rem;
    background-color: #ffffff;
  }
}

@media (min-width: 1440px) {
  #tertiary-nav-v3-id .tn-trigger {
    padding-left: 4.5rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1920px) {
  #tertiary-nav-v3-id .tn-trigger {
    width: 20.5rem;
    padding-left: 6rem;
  }
}

#tertiary-nav-v3-id .tn-trigger:after {
  content: '';
  position: absolute;
  top: 0;
  height: 0.0625rem;
  background-color: #e6e6e6;
  left: 0;
  right: 0;
}

@media (min-width: 1024px) {
  #tertiary-nav-v3-id .tn-trigger:after {
    content: none;
  }
}

#tertiary-nav-v3-id .tn-trigger svg {
  position: absolute;
  right: 1.375rem;
  top: 1.5625rem;
}

@media (min-width: 640px) {
  #tertiary-nav-v3-id .tn-trigger svg {
    right: 2.3125rem;
  }
}

@media (min-width: 1024px) {
  #tertiary-nav-v3-id .tn-trigger svg {
    top: 1.125rem;
    right: 1.375rem;
  }
}

#tertiary-nav-v3-id .tn-trigger .tn-trigger-text {
  font-weight: 400;
}

@media (min-width: 1024px) {
  #tertiary-nav-v3-id .sticky-bar-on .tn-trigger {
    display: flex;
  }
}

@media (max-width: 1023px) {
  #tertiary-nav-v3-id .tn-bar-vlp.sticky-bar-on {
    top: 3.125rem;
  }
}

@media (max-width: 639px) {
  #tertiary-nav-v3-id .tn-bar-vlp.sticky-bar-on {
    top: 3rem;
  }
}

@media (min-width: 1024px) {
  #tertiary-nav-v3-id .tn-bar-vlp.sticky-bar-on {
    margin-top: 5rem;
  }
}

@media (max-width: 1023px) {
  #tertiary-nav-v3-id body.peeking-nav-sticky .tn-bar-vlp.sticky-bar-on {
    top: 9rem;
  }
}

@media (max-width: 639px) {
  #tertiary-nav-v3-id body.peeking-nav-sticky .tn-bar-vlp.sticky-bar-on {
    top: 7.4375rem;
  }
}

#tertiary-nav-v3-id {
  max-width: 2560px;
  margin: 0 auto;
}

#tertiary-nav-v3-id .sticky-bar-on .tn-panel {
  display: none;
}

#tertiary-nav-v3-id .dropdown-open .tn-panel {
  display: block;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

#tertiary-nav-v3-id:not(.sticky-bar-on) .tn-panel {
  box-shadow: none;
}

@media (min-width: 1024px) {
  #tertiary-nav-v3-id {
    display: block;
    position: static;
  }
  #tertiary-nav-v3-id .sticky-bar-on .tn-panel {
    position: absolute;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
  }
}

ul.dropdown-items {
  margin: 0;
  padding: 0;
  width: 100%;
}

@media (min-width: 1024px) {
  ul.dropdown-items {
    background: white;
    width: 17rem;
  }
}

@media (min-width: 1440px) {
  ul.dropdown-items {
    width: 19rem;
  }
}

@media (min-width: 1920px) {
  ul.dropdown-items {
    width: 20.5rem;
  }
}

ul.dropdown-items .tn-item {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  cursor: pointer;
}

ul.dropdown-items .tn-item-link,
ul.dropdown-items .tn-subitem-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-decoration: none;
  line-height: 3rem;
  color: #333333;
}

ul.dropdown-items .tn-item-link {
  display: flex;
  align-items: flex-start;
  padding: 0 1rem 0 1.5rem;
  background-color: #f3f3f3;
}

@media (min-width: 640px) {
  ul.dropdown-items .tn-item-link {
    padding: 0 2rem 0 2.5rem;
  }
}

@media (min-width: 1024px) {
  ul.dropdown-items .tn-item-link {
    padding: 0 1rem 0 2.625rem;
    background-color: #ffffff;
  }
}

@media (min-width: 1440px) {
  ul.dropdown-items .tn-item-link {
    padding: 0 1rem 0 4.5rem;
  }
}

@media (min-width: 1920px) {
  ul.dropdown-items .tn-item-link {
    padding: 0 1rem 0 6rem;
  }
}

ul.dropdown-items .tn-subitem-link {
  padding: 0 1.5rem 0 2rem;
}

@media (min-width: 640px) {
  ul.dropdown-items .tn-subitem-link {
    padding: 0 2.5rem 0 3rem;
  }
}

@media (min-width: 1024px) {
  ul.dropdown-items .tn-subitem-link {
    padding: 0 1rem;
  }
}

ul.dropdown-items .tn-item-link h2,
ul.dropdown-items .tn-subitem-link h2 {
  width: 100%;
}

ul.dropdown-items .tn-item-link svg {
  height: 0.75rem;
  width: 0.75rem;
  flex-shrink: 0;
  position: absolute;
  right: 1.375rem;
  top: 1.125rem;
}

ul.dropdown-items .dropdown-item-active .tn-item-text {
  color: #002c5e;
}

ul.dropdown-items .dropdown-item-active .tn-subitem-link {
  background: #ffffff;
}

@media (min-width: 1024px) {
  ul.dropdown-items .dropdown-item-active .tn-subitem-link {
    background: #f3f3f3;
  }
}

@media (min-width: 640px) {
  #tertiary-nav-v3-id .sticky-bar-on .tn-item-link {
    padding: 0 2rem 0 3rem;
  }
}

@media (min-width: 1024px) {
  #tertiary-nav-v3-id .sticky-bar-on .tn-item-link {
    padding: 0 1rem 0 3.5rem;
  }
}

@media (min-width: 1440px) {
  #tertiary-nav-v3-id .sticky-bar-on .tn-item-link {
    padding: 0 1rem 0 5.5rem;
  }
}

@media (min-width: 1920px) {
  #tertiary-nav-v3-id .sticky-bar-on .tn-item-link {
    padding: 0 1rem 0 7rem;
  }
}

@media (min-width: 640px) {
  #tertiary-nav-v3-id .sticky-bar-on .tn-subitem-link {
    padding: 0 2.5rem 0 3.5rem;
  }
}

@media (min-width: 1024px) {
  #tertiary-nav-v3-id .sticky-bar-on .tn-subitem-link {
    padding: 0 1rem;
  }
}

.dropdown-subitems-wrapper {
  position: relative;
  width: 100%;
  padding: 0;
}

@media (min-width: 1024px) {
  .dropdown-subitems-wrapper {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    padding: 0;
    width: 100%;
    background: #f3f3f3;
  }
}

.dropdown-subitems-wrapper li {
  background: #f3f3f3;
}

.dropdown-subitems-wrapper .tn-subitem-text {
  font-size: 1rem;
  font-weight: 400;
}

.dropdown-subitems-wrapper .dropdown-item-active .tn-subitem-text {
  color: #002c5e;
  font-weight: 700;
}

.dropdown-subitems-wrapper .dropdown-item-active + .dropdown-item:before,
.dropdown-subitems-wrapper .dropdown-item:hover + .dropdown-item-active:before,
.dropdown-subitems-wrapper .dropdown-item + .dropdown-item:hover:before,
.dropdown-subitems-wrapper .dropdown-item:hover + .dropdown-item:before,
.dropdown-subitems-wrapper .tn-item + .tn-item:before {
  opacity: 0;
}

@media (min-width: 1024px) {
  .dropdown-subitems-wrapper .dropdown-item-active + .dropdown-item:before,
  .dropdown-subitems-wrapper .dropdown-item:hover + .dropdown-item-active:before,
  .dropdown-subitems-wrapper .dropdown-item + .dropdown-item:hover:before,
  .dropdown-subitems-wrapper .dropdown-item:hover + .dropdown-item:before,
  .dropdown-subitems-wrapper .tn-item + .tn-item:before {
    opacity: 1;
  }
}

ul.dropdown-items .tn-item:hover .tn-item-link {
  color: #002c5e;
  background: #ffffff;
}

@media (min-width: 1024px) {
  ul.dropdown-items .tn-item:hover .tn-item-link {
    background: #f3f3f3;
  }
}

ul.dropdown-items .tn-item:hover svg {
  fill: #002c5e;
}

ul.dropdown-items .tn-item.dropdown-item-active .tn-item-link {
  color: #002c5e;
  background: #ffffff;
}

@media (min-width: 1024px) {
  ul.dropdown-items .tn-item.dropdown-item-active .tn-item-link {
    background: #f3f3f3;
  }
}

ul.dropdown-items .tn-item:hover > .tn-item-link > .tn-item-text,
.dropdown-subitems-wrapper .tn-item:hover .tn-subitem-text {
  color: #002c5e;
}

@media (min-width: 1024px) {
  ul.dropdown-items .tn-item + .tn-item:before {
    left: 2.625rem;
  }
}

@media (min-width: 1440px) {
  ul.dropdown-items .tn-item + .tn-item:before {
    left: 4.5rem;
  }
}

@media (min-width: 1920px) {
  ul.dropdown-items .tn-item + .tn-item:before {
    left: 6rem;
  }
}

@media (min-width: 1024px) {
  .dropdown-subitems-wrapper .tn-item + .tn-item:before {
    left: 1rem !important;
  }
}

.tn-submenu-wrapper:hover .dropdown-subitems-wrapper,
.tn-submenu-wrapper:focus-within .dropdown-subitems-wrapper {
  display: block;
}

.tertiary-nav-shift-down.sticky-bar-on {
  top: 3.5rem !important;
}

@media (min-width: 1024px) {
  .tertiary-nav-shift-down.sticky-bar-on {
    top: 5rem !important;
  }
}

@media (min-width: 1440px) {
  .tertiary-nav-shift-down.sticky-bar-on {
    top: 5rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1919px) {
  body.chat-opened #tertiary-nav-v3-id .tertiary-nav {
    height: 3rem !important;
  }
  body.chat-opened #tertiary-nav-v3-id .tn-bar {
    position: relative;
    width: 100%;
    margin-top: 0;
  }
  body.chat-opened #tertiary-nav-v3-id .tn-trigger {
    display: flex;
    background-color: #f3f3f3;
  }
  body.chat-opened #tertiary-nav-v3-id .tertiary-nav .tn-panel {
    display: none;
  }
  body.chat-opened #tertiary-nav-v3-id .dropdown-open .tn-panel {
    display: block;
  }
  body.chat-opened #tertiary-nav-v3-id .dropdown-open .dropdown-subitems-wrapper {
    position: relative;
    width: 100%;
    top: unset;
    left: unset;
    padding: 0;
  }
  body.chat-opened #tertiary-nav-v3-id .dropdown-open .tn-subitem-link {
    padding: 0 3.5rem;
    background-color: #ffffff;
  }
  body.chat-opened #tertiary-nav-v3-id .dropdown-open .tn-items {
    width: 100%;
  }
  body.chat-opened #tertiary-nav-v3-id .dropdown-open .tn-item-link {
    background-color: #f3f3f3;
  }
  body.chat-opened #tertiary-nav-v3-id .dropdown-open .dropdown-item-active .tn-item-link {
    background-color: #ffffff;
  }
}

#dg360rtev2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#dg360rtev2[v-cloak] {
  display: none;
}

#loading {
  position: absolute;
  width: 100%;
  height: 100%;
}

#loading.show {
  z-index: 1000;
  cursor: wait;
}

#loading.hide {
  display: none;
}

.dg-v2-head,
.dg-v2-top-menu,
.dg-v2-bottom-menu {
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .dg-v2-head,
  .dg-v2-top-menu,
  .dg-v2-bottom-menu {
    padding: 0 3rem;
  }
}

@media (min-width: 1024px) {
  .dg-v2-head,
  .dg-v2-top-menu,
  .dg-v2-bottom-menu {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1440px) {
  .dg-v2-head,
  .dg-v2-top-menu,
  .dg-v2-bottom-menu {
    padding: 0 7.3125rem;
  }
}

.dg-v2-head {
  width: 100%;
  max-width: 90rem;
}

.dg-v2-eyebrow {
  position: relative;
  font-weight: 700;
  font-size: 1rem;
  color: #666666;
  line-height: 1.375rem;
  padding-bottom: 0.5rem;
  margin-bottom: 2rem;
}

.dg-v2-eyebrow:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.5rem;
  height: 0.125rem;
  background-color: #666666;
}

.dg-v2-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.875rem;
  margin-bottom: 0.625rem;
}

@media (min-width: 1024px) {
  .dg-v2-headline {
    font-size: 1.875rem;
  }
}

.dg-v2-copy {
  font-size: 1rem;
  color: #666666;
  line-height: 1.375rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 1024px) {
  .dg-v2-copy {
    margin-bottom: 2.1875rem;
  }
}

.dg-360-v2-body-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 90rem;
}

.dg-v2-top-menu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.dg-v2-top-activities-panel {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 0.125rem;
}

.dg-v2-top-activities-panel label {
  margin-right: 1.25rem;
  cursor: pointer;
}

.dg-v2-top-activities-panel label:first-child input:checked ~ .box h1 {
  left: 0;
  transform: none;
}

.dg-v2-top-activities-panel label:last-child input:checked ~ .box h1 {
  right: 0;
  left: auto;
  transform: none;
}

@media (min-width: 640px) {
  .dg-v2-top-activities-panel label:last-child input:checked ~ .box h1 {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}

.dg-v2-top-activities-panel input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.dg-v2-top-activities-panel input:disabled ~ .box {
  display: none;
}

.dg-v2-top-activities-panel input:hover ~ .box svg,
.dg-v2-top-activities-panel input:checked ~ .box svg {
  fill: none;
  stroke: #00aad2;
}

.dg-v2-top-activities-panel input:checked ~ .box h1 {
  display: flex;
  position: absolute;
  bottom: -1.4375rem;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 400;
  font-size: 0.875rem;
  color: #00aad2;
  line-height: 1rem;
  white-space: nowrap;
}

.dg-v2-top-activities-panel svg {
  width: 100%;
  height: auto;
  align-self: flex-end;
  fill: none;
  stroke: #666666;
}

.dg-v2-top-activities-panel .box {
  display: flex;
  align-self: flex-end;
  position: relative;
  width: 1.75rem;
  height: 1.75rem;
}

@media (min-width: 1024px) {
  .dg-v2-top-activities-panel .box {
    width: 1.875rem;
    height: 1.875rem;
  }
}

.dg-v2-top-activities-panel .box h1, .dg-v2-top-activities-panel .box h2, .dg-v2-top-activities-panel .box h3, .dg-v2-top-activities-panel .box div {
  display: none;
}

.dg-v2-top-activities-panel-icons {
  display: none;
}

.dg-v2-top-activities-label {
  height: 1rem;
  visibility: hidden;
  opacity: 0;
  margin-bottom: 1.25rem;
}

.dg-v2-top-menu-right {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dg-v2-top-cameras-panel {
  display: none;
}

.dg-v2-top-cameras-panel-button {
  display: none;
}

@media (min-width: 1024px) {
  .dg-v2-top-cameras-panel-button {
    display: block;
  }
}

.dg-v2-top-cameras-show-details-icon {
  color: #002c5e;
  margin-right: 0.5rem;
}

.dg-v2-top-cameras-show-details-icon svg {
  width: 0.8125rem;
  height: 0.8125rem;
}

.dg-v2-top-cameras-show-details-copy {
  font-weight: 500;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
}

.dg-v2-top-cameras-show-360-icon {
  color: #002c5e;
  margin-right: 0.5rem;
}

.dg-v2-top-cameras-show-360-icon svg {
  width: 0.875rem;
  height: 0.625rem;
}

.dg-v2-top-cameras-show-360-copy {
  font-weight: 500;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
}

.dg-v2-top-cameras-label {
  display: none;
}

.dg-v2-viewport {
  position: relative;
  display: flex;
  width: 100%;
  height: 20rem;
}

@media (min-width: 1024px) {
  .dg-v2-viewport {
    height: 35.9375rem;
  }
}

@media (min-width: 1300px) {
  .dg-v2-viewport {
    height: 39.375rem;
  }
}

.dg-v2-viewport-drag-image-hover {
  cursor: pointer;
}

.dg-v2-viewport-drag-image-hover .dg-v2-viewport-drag-image-svg {
  transform: scale(1.3);
}

.dg-v2-viewport-images {
  z-index: 2;
}

.dg-v2-viewport-images div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}

.dg-v2-viewport-images div.trackpadShow {
  opacity: 1;
  transition: opacity 0.001s;
}

.dg-v2-viewport-images div.trackpadHide {
  opacity: 0;
}

.dg-v2-viewport-images div.trackpadFadeIn {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.dg-v2-viewport-images div.trackpadFadeOut {
  opacity: 0;
  transition: opacity 0.5s ease;
}

.dg-v2-viewport-image {
  opacity: 0;
  transition: opacity 0.001s;
}

.dg-v2-viewport-details {
  width: 35.625rem;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ffffff;
  z-index: 4;
}

@media (min-width: 1024px) {
  .dg-v2-viewport-details {
    display: block;
  }
}

.dg-v2-viewport-details-inner {
  padding: 1.25rem 5rem;
}

.dg-v2-viewport-detail {
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
}

.dg-v2-viewport-game {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  z-index: 3;
}

.dg-v2-viewport-game.canvasShow {
  opacity: 1;
}

.dg-v2-viewport-game.canvasHide {
  opacity: 0;
  transition: all 0.25s ease;
}

.dg-v2-viewport-game.dg-v2-viewport-game-disabled {
  pointer-events: none;
  z-index: 1;
}

.dg-v2-viewport-game canvas {
  position: absolute;
}

.dg-v2-viewport-loading-image {
  position: fixed;
  width: 100%;
  height: 100%;
}

.dg-v2-viewport-drag-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.5625rem;
  color: #ffffff;
  line-height: 0.6875rem;
  opacity: 1;
  pointer-events: none;
  transition: opacity 0.5s ease;
  z-index: 3;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

@media (min-width: 640px) {
  .dg-v2-viewport-drag-image {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

.dg-v2-viewport-drag-image-hide {
  opacity: 0;
  pointer-events: none;
}

.dg-v2-viewport-drag-image-svg {
  width: 1.875rem;
  height: 1.875rem;
  margin-bottom: 0.4375rem;
}

@media (min-width: 640px) {
  .dg-v2-viewport-drag-image-svg {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 0.625rem;
  }
}

.dg-v2-viewport-drag-image-svg svg {
  width: 100%;
  height: 100%;
  fill: #ffffff;
}

.dg-v2-viewport-drag-image-svg:hover {
  transform: scale(1.3);
}

.dg-v2-bottom-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.dg-v2-bottom-cameras-panel-button {
  display: block;
  margin-top: 1.25rem;
}

@media (min-width: 1024px) {
  .dg-v2-bottom-cameras-panel-button {
    display: none;
    margin-top: 0;
  }
}

.dg-v2-bottom-cameras-show-details-icon {
  color: #002c5e;
  margin-right: 0.5rem;
}

.dg-v2-bottom-cameras-show-details-icon svg {
  width: 0.8125rem;
  height: 0.8125rem;
}

.dg-v2-bottom-cameras-show-details-copy {
  font-weight: 500;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
}

.dg-v2-bottom-cameras-show-360-icon {
  color: #002c5e;
  margin-right: 0.5rem;
}

.dg-v2-bottom-cameras-show-360-icon svg {
  width: 0.875rem;
  height: 0.625rem;
}

.dg-v2-bottom-cameras-show-360-copy {
  font-weight: 500;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
}

.dg-v2-bottom-details {
  display: block;
}

@media (min-width: 1024px) {
  .dg-v2-bottom-details {
    display: none;
  }
}

.dg-v2-bottom-details-inner {
  padding: 1.25rem 0 0;
}

.dg-v2-bottom-detail {
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
}

.dg-v2-bottom-legal {
  font-size: 0.875rem;
  color: #888888;
  line-height: 1.25rem;
  margin-top: 1.25rem;
}
#dg360rtev3 {
  display: flex;
  justify-content: center;
}

#dg360rtev3[v-cloak] {
  display: none;
}

.dg-360-v3-body-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1280px;
}

#loading {
  position: absolute;
  width: 100%;
  height: 100%;
}

#loading.show {
  z-index: 1000;
  cursor: wait;
}

#loading.hide {
  display: none;
}

.dg-v3-top-menu {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0.9375rem;
}

@media (min-width: 1024px) {
  .dg-v3-top-menu {
    padding: 0.9375rem 2.8125rem;
  }
}

.dg-v3-top-menu-right {
  display: flex;
}

/* PANELS */
.dg-v3-trim-panel {
  display: none;
}

.dg-v3-enviroment-panel {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.125rem;
}

@media (min-width: 1024px) {
  .dg-v3-enviroment-panel {
    margin-bottom: 0.5rem;
  }
}

.dg-v3-enviroment-panel label {
  margin-right: 1.25rem;
  cursor: pointer;
}

.dg-v3-enviroment-panel label:last-child {
  margin-right: 0;
}

.dg-v3-enviroment-panel input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.dg-v3-enviroment-panel input:disabled ~ .box {
  display: none;
}

.dg-v3-enviroment-panel input:hover ~ .box svg,
.dg-v3-enviroment-panel input:checked ~ .box svg {
  fill: none;
  stroke: #00aad2;
}

.dg-v3-enviroment-panel svg {
  width: 100%;
  height: auto;
  align-self: flex-end;
  fill: none;
  stroke: #333333;
}

.dg-v3-enviroment-panel .box {
  display: flex;
  align-self: flex-end;
  width: 1.75rem;
  height: 1.75rem;
}

@media (min-width: 1024px) {
  .dg-v3-enviroment-panel .box {
    width: 2.25rem;
    height: 2.25rem;
  }
}

.dg-v3-enviroment-panel .box h1, .dg-v3-enviroment-panel .box h2, .dg-v3-enviroment-panel .box h3, .dg-v3-enviroment-panel .box div {
  display: none;
}

.dg-v3-enviroment-panel-icons {
  display: none;
}

/* LABELS */
.dg-v3-enviroment-label {
  min-height: 1.0625rem;
  /* This can probably be removed later */
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.8125rem;
  color: #333333;
  line-height: 1rem;
}

@media (min-width: 1024px) {
  .dg-v3-enviroment-label {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

.dg-v3-viewport {
  position: relative;
  display: flex;
  width: 100%;
  height: 20rem;
}

@media (min-width: 1024px) {
  .dg-v3-viewport {
    height: 35.9375rem;
  }
}

.dg-v3-viewport-images div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  opacity: 0;
}

.dg-v3-viewport-images div.trackpadShow {
  opacity: 1;
}

.dg-v3-viewport-images div.trackpadHide {
  opacity: 0;
}

.dg-v3-viewport-images div.trackpadFadeIn {
  opacity: 1;
  transition: opacity 1.0s;
}

.dg-v3-viewport-images div.trackpadFadeOut {
  opacity: 0;
  transition: opacity 1.0s;
}

.dg-v3-viewport-game {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}

.dg-v3-viewport-game.canvasShow {
  opacity: 1;
}

.dg-v3-viewport-game.canvasHide {
  opacity: 0;
  transition: all 0.25s ease;
}

.dg-v3-viewport-game canvas {
  position: absolute;
}

.dg-v3-viewport-loading-image {
  position: fixed;
  width: 100%;
  height: 100%;
}

.dg-v3-viewport-drag-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.5625rem;
  color: #ffffff;
  line-height: 0.6875rem;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

@media (min-width: 640px) {
  .dg-v3-viewport-drag-image {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

.dg-v3-viewport-drag-image-svg {
  width: 1.875rem;
  height: 1.875rem;
  margin-bottom: 0.4375rem;
}

@media (min-width: 640px) {
  .dg-v3-viewport-drag-image-svg {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 0.625rem;
  }
}

.dg-v3-viewport-drag-image-svg svg {
  width: 100%;
  height: 100%;
  fill: #ffffff;
}

.dg-v3-viewport-drag-image-svg:hover {
  transform: scale(1.3);
}

.dg-v3-viewport-zoom-image {
  position: absolute;
  right: 1.0625rem;
  bottom: 1.0625rem;
  width: 1.125rem;
  height: 1.125rem;
}

@media (min-width: 1024px) {
  .dg-v3-viewport-zoom-image {
    right: 1.3125rem;
    bottom: 1.3125rem;
    width: 1.875rem;
    height: 1.875rem;
  }
}

.dg-v3-viewport-zoom-image:hover {
  transform: scale(1.3);
}

.dg-v3-viewport-zoom-in svg,
.dg-v3-viewport-zoom-out svg {
  width: 100%;
  height: 100%;
  fill: #ffffff;
  stroke: #ffffff;
}

.dg-v3-viewport-zoom-image-dark .dg-v3-viewport-zoom-in svg,
.dg-v3-viewport-zoom-image-dark .dg-v3-viewport-zoom-out svg {
  fill: #333333;
  stroke: #333333;
}

.dg-v3-bottom-menu {
  display: flex;
  flex-direction: column;
  padding: 0.9375rem;
}

@media (min-width: 640px) {
  .dg-v3-bottom-menu {
    flex-direction: row;
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .dg-v3-bottom-menu {
    padding: 0.9375rem 2.8125rem;
  }
}

.dg-v3-bottom-menu-left {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .dg-v3-bottom-menu-left {
    flex-direction: row;
  }
}

.dg-v3-bottom-menu-right {
  display: flex;
}

.dg-v3-bottom-section {
  margin-bottom: 0.75rem;
}

@media (min-width: 1024px) {
  .dg-v3-bottom-section {
    margin-bottom: 0;
  }
}

/* PANELS */
.dg-v3-exterior-panel,
.dg-v3-interior-panel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 0.125rem;
}

@media (min-width: 1024px) {
  .dg-v3-exterior-panel,
  .dg-v3-interior-panel {
    margin-bottom: 0.5rem;
  }
}

.dg-v3-exterior-panel label,
.dg-v3-interior-panel label {
  cursor: pointer;
}

.dg-v3-exterior-panel input,
.dg-v3-interior-panel input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.dg-v3-exterior-panel input:checked ~ .box,
.dg-v3-interior-panel input:checked ~ .box {
  width: 3rem;
  height: 1.875rem;
}

@media (min-width: 1024px) {
  .dg-v3-exterior-panel input:checked ~ .box,
  .dg-v3-interior-panel input:checked ~ .box {
    width: 4rem;
    height: 2.5rem;
  }
}

.dg-v3-exterior-panel input:disabled ~ .box,
.dg-v3-interior-panel input:disabled ~ .box {
  display: none;
}

.dg-v3-exterior-panel .box,
.dg-v3-interior-panel .box {
  width: 1.5rem;
  height: 0.9375rem;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .dg-v3-exterior-panel .box,
  .dg-v3-interior-panel .box {
    width: 2.25rem;
    height: 1.25rem;
  }
}

.dg-v3-exterior-panel .box h1, .dg-v3-exterior-panel .box h2, .dg-v3-exterior-panel .box h3,
.dg-v3-interior-panel .box h1,
.dg-v3-interior-panel .box h2,
.dg-v3-interior-panel .box h3 {
  display: none;
}

.dg-v3-exterior-panel .box img,
.dg-v3-interior-panel .box img {
  width: 100%;
  height: 100%;
}

@media (min-width: 640px) {
  .dg-v3-exterior-panel {
    margin-right: 2.8125rem;
  }
}

.dg-v3-camera-panel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 0.125rem;
}

@media (min-width: 1024px) {
  .dg-v3-camera-panel {
    margin-bottom: 0.5rem;
  }
}

.dg-v3-camera-panel label {
  margin-right: 1.25rem;
  cursor: pointer;
}

.dg-v3-camera-panel label:last-child {
  margin-right: 0;
}

.dg-v3-camera-panel input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.dg-v3-camera-panel input:disabled ~ .box {
  display: none;
}

.dg-v3-camera-panel input:hover ~ .box svg,
.dg-v3-camera-panel input:checked ~ .box svg {
  fill: none;
  stroke: #00aad2;
}

.dg-v3-camera-panel svg {
  width: 100%;
  height: auto;
  align-self: flex-end;
  fill: none;
  stroke: #333333;
}

.dg-v3-camera-panel .box {
  display: flex;
  align-self: flex-end;
  width: 1.75rem;
  height: 1.75rem;
}

@media (min-width: 1024px) {
  .dg-v3-camera-panel .box {
    width: 2.25rem;
    height: 2.25rem;
  }
}

.dg-v3-camera-panel .box h1, .dg-v3-camera-panel .box h2, .dg-v3-camera-panel .box h3, .dg-v3-camera-panel .box div {
  display: none;
}

.dg-v3-camera-panel-icons {
  display: none;
}

/* LABELS */
.dg-v3-exterior-label,
.dg-v3-interior-label,
.dg-v3-camera-label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.8125rem;
  color: #333333;
  line-height: 1rem;
}

@media (min-width: 1024px) {
  .dg-v3-exterior-label,
  .dg-v3-interior-label,
  .dg-v3-camera-label {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

.dg-v3-custom-trim-panel {
  position: relative;
  z-index: 1;
  margin-right: 1.25rem;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.dg-v3-custom-dropdown-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  border: 0.0625rem solid #666666;
  padding: 0.3125rem 1.875rem 0.3125rem 0.625rem;
}

@media (min-width: 1024px) {
  .dg-v3-custom-dropdown-button {
    padding: 0.5625rem 3.25rem 0.3125rem 0.9375rem;
  }
}

.dg-v3-custom-dropdown-button-title {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.625rem;
  color: #333333;
  line-height: 0.75rem;
}

@media (min-width: 1024px) {
  .dg-v3-custom-dropdown-button-title {
    font-size: 0.75rem;
    line-height: 0.9375rem;
  }
}

.dg-v3-custom-dropdown-button-trim {
  height: 1rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1rem;
}

@media (min-width: 1024px) {
  .dg-v3-custom-dropdown-button-trim {
    height: 1.875rem;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.dg-v3-custom-dropdown-button-trim span {
  font-weight: 700;
}

.dg-v3-custom-dropdown-button-arrow {
  position: absolute;
  top: 1.4375rem;
  right: 0.625rem;
}

@media (min-width: 1024px) {
  .dg-v3-custom-dropdown-button-arrow {
    top: 2.25rem;
    right: 0.75rem;
  }
}

.dg-v3-custom-dropdown-button-arrow svg {
  fill: #002c5e;
  width: 0.375rem;
  height: 0.25rem;
}

@media (min-width: 1024px) {
  .dg-v3-custom-dropdown-button-arrow svg {
    width: 0.75rem;
    height: 0.5rem;
  }
}

.dg-v3-custom-trim-dropdown {
  position: absolute;
  top: -0.9375rem;
  left: 0.9375rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: #f3f3f3;
  box-shadow: 0 0.0625rem 0.375rem 0 rgba(211, 211, 211, 0.5);
  z-index: 2;
}

@media (min-width: 1024px) {
  .dg-v3-custom-trim-dropdown {
    left: 2.8125rem;
  }
}

.dg-v3-custom-trim-dropdown-items {
  padding: 0.6875rem 0 0.6875rem;
}

@media (min-width: 1024px) {
  .dg-v3-custom-trim-dropdown-items {
    padding: 1rem 0 1rem;
  }
}

.dg-v3-custom-trim-dropdown-item {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.5625rem;
  color: #666666;
  line-height: 1.25rem;
  padding: 0 0.6875rem 0 0.6875rem;
}

@media (min-width: 1024px) {
  .dg-v3-custom-trim-dropdown-item {
    font-size: 0.875rem;
    line-height: 1.875rem;
    padding: 0 2.5625rem 0 1rem;
  }
}

.dg-v3-custom-trim-dropdown-item:hover {
  background-color: #ffffff;
}

.dg-v3-custom-trim-dropdown-item:hover .dg-v3-custom-trim-item {
  color: #002c5e;
}

.dg-v3-custom-trim-dropdown-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.trim-item-active {
  font-weight: 500;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  background-color: #ffffff;
}

@media (min-width: 1024px) {
  .trim-item-active {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.trim-item-active:hover {
  background-color: #ffffff;
}

.trim-item-active:hover .dg-v3-custom-trim-item {
  color: #002c5e;
}

.trim-item-active .dg-v3-custom-trim-item span {
  font-weight: 700;
}

.dg-v3-custom-trim-item {
  position: relative;
  flex-shrink: 0;
}

.dg-v3-custom-trim-item span {
  font-weight: 700;
}
.zip-gate {
  display: flex;
  justify-content: center;
}

.zg {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4rem 8rem;
  padding: 4rem 0;
}

@media (min-width: 640px) {
  .zg {
    width: auto;
  }
}

@media (min-width: 1024px) {
  .zg {
    flex-direction: row;
    justify-content: space-between;
    padding: 0;
  }
}

.zg-section {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 1024px) {
  .zg-section {
    align-items: flex-start;
    padding: 4rem 0;
  }
}

.zp-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.875rem;
  margin-bottom: 1.5rem;
}

.zp-title-num {
  width: 2.375rem;
  height: 2.375rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: #002c5e;
  border-radius: 100%;
  margin-right: 1.5rem;
}

.zp-zipcode {
  width: 100%;
  max-width: 15.75rem;
  display: flex;
  flex-direction: column;
  border-top: 0.0625rem solid #bababa;
  padding-top: 1.5rem;
}

.zp-zipcode-inner {
  margin: 0 1.625rem;
}

.zp-zipcode-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
}

.zp-zipcode-input {
  width: 100%;
  height: 3.125rem;
  font-weight: 700;
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.125rem;
  background-color: #ffffff;
  border: 0.0625rem solid #e6e6e6;
  box-sizing: border-box;
  padding: 1rem 0.625rem;
  margin-bottom: 1.5rem;
}

.zp-zipcode-error .zp-zipcode-input {
  border-color: #e63312;
}

.zp-zipcode-current-location {
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.zp-zipcode-current-location svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
}

.zp-model-groups {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0 4rem;
  border-top: 0.0625rem solid #bababa;
  margin-bottom: 1.5rem;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

@media (min-width: 640px) {
  .zp-model-groups {
    width: auto;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 1.5rem;
  }
}

.zp-model-group {
  display: flex;
  flex-direction: column;
  border-bottom: 0.0625rem solid #bababa;
}

@media (min-width: 640px) {
  .zp-model-group {
    border: none;
    margin-bottom: 2.25rem;
  }
  .zp-model-group:last-of-type {
    margin: 0;
  }
}

.zp-model-group-active svg {
  transform: rotate(180deg);
}

.zp-model-title {
  display: none;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
  margin-bottom: 1rem;
}

@media (min-width: 640px) {
  .zp-model-title {
    display: flex;
  }
}

.zp-model-title-button {
  display: flex;
  justify-content: space-between;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
  padding: 1.1875rem 2rem;
}

@media (min-width: 640px) {
  .zp-model-title-button {
    display: none;
  }
}

.zp-models {
  max-height: 0;
  display: flex;
  flex-direction: column;
  transition: max-height 0.2s ease-in-out;
  overflow: hidden;
}

@media (min-width: 640px) {
  .zp-models {
    max-height: none;
    display: flex;
  }
}

.zp-model {
  display: flex;
  position: relative;
  margin-bottom: 0.75rem;
  padding: 0 2rem;
}

.zp-model:first-of-type {
  margin-top: 0.5rem;
}

.zp-model:last-of-type {
  margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
  .zp-model {
    padding: 0;
  }
  .zp-model:first-of-type {
    margin-top: 0;
  }
  .zp-model:last-of-type {
    margin: 0;
  }
}

.zp-model-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.zp-model-custom-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.zp-model-custom-checkbox-button {
  display: inline-block;
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.125rem solid #bababa;
  margin-right: 0.5rem;
}

.zp-model-checkbox:checked ~ .zp-model-custom-checkbox .zp-model-custom-checkbox-button {
  border: 0.125rem solid #00aad2;
}

.zp-model-checkbox:checked ~ .zp-model-custom-checkbox .zp-model-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.0625rem;
  left: 0.25rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.zp-model-custom-checkbox-label {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.zp-model-checkbox:checked ~ .zp-model-custom-checkbox .zp-model-custom-checkbox-label {
  color: #00aad2;
}

.zp-model-custom-radio {
  position: relative;
  cursor: pointer;
}

.zp-model-custom-radio-label {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-left: 0.5rem;
}

.zp-model-radio:checked ~ .zp-model-custom-radio-label {
  color: #00aad2;
}

.zp-count {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
  .zp-count {
    display: none;
  }
}

.zp-count-num {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-flex;
  justify-content: center;
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  background-color: #00aad2;
  border-radius: 100%;
  margin-right: 0.5rem;
}

.zp-ctas {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-self: center;
}

@media (min-width: 640px) {
  .zp-ctas {
    flex-direction: column;
  }
}

.zp-cta {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 1.5rem;
}

@media (min-width: 640px) {
  .zp-cta {
    margin-right: 0;
    margin-bottom: 1.5rem;
  }
}

.zp-cta:last-of-type {
  margin: 0;
}

.zp-cta .button-gray {
  pointer-events: none;
}

.zp-cta-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.zp-cta-link svg {
  width: 0.375rem;
  height: 0.875rem;
  margin-left: 0.5rem;
}

.scs {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.scs-main {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding: 0.625rem 0;
}

.scs-main .smartchat-contextual-cta-btn {
  margin: 0;
}

.scs-content {
  width: 100%;
  max-width: 90rem;
  display: flex;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .scs-content {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .scs-content {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .scs-content {
    padding: 0 4.5rem;
  }
}

.scs-content .smartchat-contextual-cta-btn {
  margin: 0;
}

.scs-content-left .scs-content {
  justify-content: flex-start;
}

.scs-content-center .scs-content {
  justify-content: center;
}

.scs-content-right .scs-content {
  justify-content: flex-end;
}

/*
 * For cinemagraphs, using the media built in play/pause
 * button so that it can control video playing state.
 * Hiding all other elements in the control bar.
*/
.media-cinemagraph-container {
  position: relative;
}

.media-cinemagraph-container .s7videoviewer .s7controlbar {
  background-image: none;
}

.media-cinemagraph-container .s7videoviewer .s7controlbar .s7videotime,
.media-cinemagraph-container .s7videoviewer .s7controlbar .s7videoscrubber,
.media-cinemagraph-container .s7videoviewer .s7controlbar .s7mutablevolume,
.media-cinemagraph-container .s7videoviewer .s7controlbar .s7fullscreenbutton {
  display: none;
}

.media-cinemagraph-container .s7videoviewer .s7controlbar .s7playpausebutton {
  position: relative;
  background: none !important;
  width: 1.6875rem !important;
  height: 1.6875rem !important;
}

.media-cinemagraph-container .s7videoviewer .s7controlbar .s7playpausebutton[selected='true']:before,
.media-cinemagraph-container .s7videoviewer .s7controlbar .s7playpausebutton[selected='false']:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: 0 0;
  cursor: pointer;
}

.media-cinemagraph-container .s7videoviewer .s7controlbar .s7playpausebutton[selected='true']:before {
  background-image: url("../../../../etc.clientlibs/hyundai/common/clientlibs/clientlib-dependencies/resources/images/play-small.svg");
}

.media-cinemagraph-container .s7videoviewer .s7controlbar .s7playpausebutton[selected='false']:after {
  background-image: url("../../../../etc.clientlibs/hyundai/common/clientlibs/clientlib-dependencies/resources/images/pause-small.svg");
}

.media-cinemagraph-container .s7videoviewer .s7socialshare {
  display: none;
}

.hero-v1 .media-cinemagraph-container .s7videoviewer .s7controlbar,
.m-hero .media-cinemagraph-container .s7videoviewer .s7controlbar {
  bottom: 50%;
  left: 50%;
  max-width: 100vw;
  transform: translate(-50%, 200px);
}

@media (min-width: 640px) {
  .hero-v1 .media-cinemagraph-container .s7videoviewer .s7controlbar,
  .m-hero .media-cinemagraph-container .s7videoviewer .s7controlbar {
    transform: translate(-50%, 288px);
  }
}

@media (min-width: 1024px) {
  .hero-v1 .media-cinemagraph-container .s7videoviewer .s7controlbar,
  .m-hero .media-cinemagraph-container .s7videoviewer .s7controlbar {
    transform: translate(-50%, 350px);
  }
}

@media (min-width: 1024px) and (max-width: 1439px) and (max-height: 850px) {
  .hero-v1 .media-cinemagraph-container .s7videoviewer .s7controlbar,
  .m-hero .media-cinemagraph-container .s7videoviewer .s7controlbar {
    transform: translate(-50%, 290px);
  }
}

@media (min-width: 1024px) and (max-width: 1439px) and (max-height: 850px) {
  .m-hero .media-cinemagraph-container .s7videoviewer .s7controlbar {
    transform: translate(-50%, 260px);
  }
}

.media-cinemagraph-placeholder {
  opacity: 1;
  position: absolute;
  transition: opacity .5s ease-out;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.media-cinemagraph-player {
  min-height: 0.0625rem;
  min-width: 0.0625rem;
  opacity: 0;
  transition: opacity .5s ease-in;
}

.media-cinemagraph-player-with-delay {
  transition-delay: .5s;
}

.media-cinemagraph-container.media-cinemagraph-loaded .media-cinemagraph-placeholder {
  opacity: 0;
}

.media-cinemagraph-container.media-cinemagraph-loaded .media-cinemagraph-player {
  opacity: 1;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .m-hero .s7videoviewer .s7controlbar {
    transform: translate(-50%, 200px) !important;
    width: calc(100vw - 375px) !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .m-hero .s7videoviewer .s7controlbar {
    transform: translate(-50%, 288px) !important;
    width: calc(100vw - 375px) !important;
  }
}

.cs {
    width: 100%;
    display: flex;
    justify-content: center;
}

.cs-inner {
    width: 100%;
    max-width: 120rem;
}

.cs-media {
    width: 100%;
    position: relative;
}

.cs-media-player {
    background-color: #000000;
}

@media (max-width: 639px) {
    .cs-media-player .s7container {
        padding-bottom: 100%;
    }
    .cs-media-player .s7videoplayer .s7videoelement {
        height: 100% !important;
        top: 0 !important;
        -o-object-fit: cover !important;
        object-fit: cover !important;
    }
}

@media (max-width: 735px) {
    .cs-media-player .s7videoelement video {
        -o-object-fit: cover !important;
        object-fit: cover !important;
    }
}

@media (min-width: 640px) {
    .cs-media-player .s7container {
        padding-bottom: 56.25%;
    }
}

.cs-media-player .s7socialshare,
.cs-media-player .s7controlbar {
    display: none !important;
}

@media (max-width: 639px) {
    .cs-media-player-ratio-override .s7container {
        padding-bottom: 56.25%;
    }
}

.cs-media-controls {
    position: absolute;
    right: 1.25rem;
    display: flex;
    gap: 1rem;
    z-index: 4;
    -webkit-tap-highlight-color: transparent;
}

.cs-media-controls-top {
    top: 1.25rem;
}

.cs-media-controls-bottom {
    bottom: 1.25rem;
}

.cs-media-control {
    position: relative;
}

.cs-media-control-play-pause,
.cs-media-control-volume {
    width: 2rem;
    height: 2rem;
    position: relative;
    background-color: rgba(0, 0, 0, 0.6);
    border: 0.0625rem solid #666666;
    border-radius: 2rem;
}

.cs-media-control-play-pause-icon,
.cs-media-control-volume-icon {
    display: flex;
    gap: 0.25rem;
}

.cs-media-control-play-pause-icon svg,
.cs-media-control-volume-icon svg {
    width: 100%;
    height: 100%;
}

.cs-media-control-volume-control {
    width: 8.875rem;
    height: 2.5rem;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #333333;
    border: 0.0625rem solid #666666;
    border-radius: 1.875rem;
    transform: translate(-50%, -50%) rotate(-90deg);
    transform-origin: bottom right;
    transition: opacity 0.25s 0.1s;
    padding: 1.25rem 0.625rem;
    opacity: 0;
}

.cs-media-control-volume-control:hover {
    opacity: 1;
}

.cs-media-control-volume-control input {
    width: 6.375rem;
    cursor: pointer;
}

.cs-media-controls-top .cs-media-control-volume-control {
    right: -4.75rem;
    bottom: -1.9375rem;
}

.cs-media-controls-bottom .cs-media-control-volume-control {
    top: -10.875rem;
    right: -4.75rem;
}

.cs-media-control-volume-control-input {
    -webkit-appearance: none;
    appearance: none;
    width: 5.4375rem;
    height: 0.25rem;
    background: transparent;
    border-radius: 0.25rem;
    cursor: pointer;
}

.cs-media-control-volume-control-input::-webkit-slider-runnable-track {
    width: 5.4375rem;
    height: 0.25rem;
    background: var(--volume-track-background);
    border-radius: 0.25rem;
}

.cs-media-control-volume-control-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    background: #ffffff;
    border: 0.4375rem solid #00aad2;
    border-radius: 50%;
    margin-top: -0.5rem;
}

.cs-media-control-volume-control-input::-moz-range-track {
    width: 5.4375rem;
    height: 0.25rem;
    background: var(--volume-track-background);
    border-radius: 0.125rem;
}

.cs-media-control-volume-control-input::-moz-range-thumb {
    width: 1.25rem;
    height: 1.25rem;
    background: #ffffff;
    border: 0.4375rem solid #00aad2;
    border-radius: 50%;
}

.cs-media-control-volume:hover + .cs-media-control-volume-control {
    opacity: 1;
}

.cs-media-control-tooltip {
    width: -webkit-max-content;
    width: max-content;
    position: absolute;
    color: #ffffff;
    background-color: rgba(17, 17, 17, 0.47);
    border-radius: 0.1875rem;
    padding: 0.3125rem;
    z-index: 100;
}

.cs-media-center {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.cs-media-center-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.6);
    outline: 0.125rem solid #666666;
    outline-offset: -0.125rem;
    border-radius: 2.25rem;
    white-space: nowrap;
}

.cs-media-center-play-icon svg {
    width: 100%;
    height: 100%;
}

.cs-media-center-sound {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
}

.cs-media-center-sound-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    background-color: rgba(0, 0, 0, 0.6);
    outline: 0.125rem solid #666666;
    outline-offset: -0.125rem;
    border-radius: 2.25rem;
}

.cs-media-center-sound-copy {
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
    color: #ffffff;
    line-height: 1.625rem;
    margin: 1.25rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cs-media-center-sound-icon-animation {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    background-color: rgba(0, 0, 0, 0);
    outline: 0.0625rem solid #ffffff;
    outline-offset: -0.125rem;
    border-radius: 2.25rem;
    animation: centerSoundIcon 2.5s cubic-bezier(0.37, 0, 0.18, 1.02) infinite;
    z-index: -1;
}

.cs-media-center-sound-icon-animation .cs-media-center-sound-copy {
    opacity: 0;
}

.cs-media-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

@keyframes centerSoundIcon {
    0.00000001% {
        transform: scale(1);
        opacity: 0;
    }
    60% {
        transform: translate(0, 0);
        padding: 0;
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        transform: translate(-20px, -20px);
        padding: 1.25rem;
        border-radius: 3.75rem;
        opacity: 0;
    }
}

.global-header {
  width: 100%;
  height: 2.8125rem;
  position: relative;
  color: #666666;
  z-index: 999;
}

@media (min-width: 640px) {
  .global-header {
    height: 7.75rem;
  }
}

.global-header-inner {
  width: 100%;
  transition: top 0.3s linear;
}

.global-header-backdrop {
  z-index: 998;
}

.global-header-contain {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .global-header-contain {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .global-header-contain {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .global-header-contain {
    padding: 0 4.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .global-header-contain {
    padding: 0 1%;
  }
}

.global-header-nav-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 1.25rem 0 0;
}

@media (min-width: 321px) {
  .global-header-nav-wrapper {
    padding: 0 1.5rem 0 0;
  }
}

@media (min-width: 640px) {
  .global-header-nav-wrapper {
    padding: 0;
  }
}

.global-header-dropdown-is-open {
  z-index: 1001;
}

@media (max-width: 640px) {
  .global-header-dropdown-is-open .global-header-dealer {
    display: none;
  }
}

.global-header-dropdown-is-open .global-header-menu-toggle-close {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.global-header-dropdown-is-open .global-header-menu-toggle-close svg {
  fill: currentColor;
  color: #002c5e;
}

.global-header-dropdown-is-open .global-header-menu-toggle-close svg:hover {
  color: #001A38;
}

@media (max-width: 640px) {
  .global-header-dropdown-is-open .global-header-close-display {
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 0.875rem;
    padding-left: 0.3125rem;
    color: #666666;
  }
}

.global-header-dropdown-is-open .global-header-close-display:hover {
  color: #333333;
}

@media (min-width: 640px) {
  .global-header-dropdown-is-open .global-header-close-display {
    display: none;
  }
}

.global-header-dropdown-is-open .global-header-menu-toggle-open {
  display: none;
}

.global-header-dropdown-is-open .global-header-dropdown {
  position: relative;
  transform: translate(0, 0);
  visibility: visible;
}

@media (min-width: 640px) {
  .global-header-dropdown-is-open .global-header-dropdown {
    position: absolute;
  }
}

.global-header-dropdown-is-open .global-header-nav,
.global-header-dropdown-is-open .global-header-offers {
  visibility: hidden;
}

.global-header-main-bar {
  position: relative;
  border-bottom: 0.0625rem solid #f3f3f3;
  display: flex;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  height: 2.8125rem;
  padding: 0;
  margin: 0 auto;
  background-color: #ffffff;
  z-index: 1;
}

@media (min-width: 640px) {
  .global-header-main-bar {
    height: 5rem;
  }
}

.global-header-left,
.global-header-right {
  display: flex;
  flex-direction: row;
}

.global-header-pre-nav,
.global-header-post-nav {
  display: flex;
  z-index: 2;
}

.global-header-pre-nav {
  justify-content: flex-start;
  flex-shrink: 0;
}

@media (min-width: 640px) {
  .global-header-pre-nav {
    padding-right: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .global-header-pre-nav {
    padding-right: 1.875rem;
  }
}

.global-header-post-nav {
  flex-shrink: 0;
}

.global-header-dealer-right {
  display: flex;
}

@media (min-width: 640px) {
  .global-header-dealer-right {
    display: none;
  }
}

@media (max-width: 640px) {
  .global-header-dealer-right .global-header-dropdown-dealer-seperator {
    display: none;
  }
}

@media (max-width: 640px) {
  .global-header-dealer-right .global-header-dropdown-dealer-type {
    display: none;
  }
}

@media (max-width: 640px) {
  .global-header-dropdown-dealer-zipcode .span {
    display: none;
  }
}

@media (max-width: 640px) {
  #zip-code-value {
    display: none;
  }
}

.global-header-logo {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.75rem 1rem;
}

@media (min-width: 640px) {
  .global-header-logo {
    padding: 0;
  }
}

@media (min-width: 640px) {
  .global-header-logo {
    padding: 0;
  }
}

@media (max-width: 640px) {
  .global-header-logo-small {
    display: block;
    min-width: 2.375rem;
    height: 1.25rem;
  }
}

@media (min-width: 640px) {
  .global-header-logo-small {
    display: none;
  }
}

.global-header-logo-large {
  display: none;
}

@media (min-width: 640px) {
  .global-header-logo-large {
    display: block;
  }
}

.global-header-nav {
  display: none;
  flex-shrink: 0;
  position: relative;
}

@media (min-width: 640px) {
  .global-header-nav {
    display: flex;
  }
}

.global-header-nav-link {
  align-items: center;
  color: #666666;
  display: flex;
  padding: 0 0.625rem;
  text-decoration: none;
}

@media (min-width: 640px) {
  .global-header-nav-link {
    padding: 0 1.25rem;
  }
}

@media (min-width: 1024px) {
  .global-header-nav-link {
    padding: 0 1.875rem;
  }
}

@media (max-width: 799px) {
  .global-header-nav-link:nth-child(n + 4) {
    display: none;
  }
}

.global-header-nav-link .global-header-nav-link-desktop {
  display: none;
}

.global-header-nav-link .global-header-nav-link-mobile {
  display: block;
}

@media (min-width: 640px) {
  .global-header-nav-link .global-header-nav-link-desktop {
    display: block;
  }
  .global-header-nav-link .global-header-nav-link-mobile {
    display: none;
  }
}

.global-header-nav-link-active {
  color: #333333;
}

.global-header-nav-underline {
  background: #00aad2;
  bottom: 0;
  display: none;
  height: 0.25rem;
  left: 0;
  pointer-events: none;
  position: absolute;
  transition: all 0.4s ease-in-out;
  width: 6.25rem;
}

.global-header-nav-link-active ~ .global-header-nav-underline {
  display: block;
}

.global-header-offers {
  display: none;
  align-items: center;
  text-decoration: none;
  color: #666666;
}

.global-header-offers:hover, .global-header-offers:focus {
  color: #333333;
}

@media (min-width: 640px) {
  .global-header-offers {
    display: flex;
    flex-shrink: 0;
    padding: 0 0.625rem;
  }
}

@media (min-width: 1024px) {
  .global-header-offers {
    margin: 0 0.625rem;
  }
}

.global-header-offers svg {
  margin-right: 0.375rem;
  width: 1.5rem;
  height: 0.875rem;
  fill: currentColor;
}

.global-header-offers-current {
  color: #00aad2;
}

.global-header-offers-current:hover, .global-header-offers-current:focus {
  color: #00aad2;
}

.global-header-nav-link-current {
  position: relative;
  color: #333333;
}

.global-header-nav-link-current:after {
  content: "";
  display: block;
  position: absolute;
  height: 0.25rem;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00aad2;
}

.global-header-menu-toggle {
  background-color: transparent;
  color: #666666;
  flex-shrink: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

@media (min-width: 640px) {
  .global-header-menu-toggle {
    padding: 0 0.625rem;
  }
}

@media (min-width: 1024px) {
  .global-header-menu-toggle {
    margin: 0 -0.625rem 0 0.625rem;
  }
}

.global-header-menu-toggle:hover, .global-header-menu-toggle:focus {
  color: #333333;
}

.global-header-menu-toggle svg {
  fill: #002c5e;
}

@media (min-width: 640px) {
  .global-header-menu-toggle svg {
    fill: currentColor;
  }
}

.global-header-menu-toggle-close {
  display: none;
}

.global-header-menu-toggle-open {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.global-header-menu-toggle-open span {
  display: flex;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.0625rem;
  text-align: left;
  padding-left: 0.3125rem;
}

@media (min-width: 640px) {
  .global-header-menu-toggle-open span {
    display: none;
    font-weight: 500;
    padding-left: 0.3125rem;
  }
}

@media (min-width: 1024px) {
  .global-header-menu-toggle-open span {
    display: flex;
    font-size: 0.875rem;
    padding-left: 0.3125rem;
  }
}

.global-header-menu-toggle-open span.getSmartChat-text {
  color: #002c5e;
}

.global-header-menu-toggle-open span.getSmartChat-text .normal-text {
  padding: 0;
  color: #333333;
}

.global-header-menu-toggle-open svg {
  width: 0.9375rem;
  height: 0.6875rem;
}

@media (min-width: 640px) {
  .global-header-menu-toggle-open svg {
    width: 1.0625rem;
    height: 1.0625rem;
  }
}

@media (max-width: 639px) {
  .global-header-menu-toggle-open-hidden span {
    display: none;
  }
}

.global-header-dropdown {
  height: calc(100vh - 44px);
  /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100 - 44px);
  background-color: #ffffff;
  width: 100%;
  z-index: 0;
  transition: visibility 0.4s ease-in-out, transform 0.4s ease-in-out;
  visibility: hidden;
  position: fixed;
  transform: translate(100%, 0);
}

@media (min-width: 640px) {
  .global-header-dropdown {
    height: auto;
    transform: translate(0, -100%);
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  .global-header-dropdown {
    height: calc(100vh - 125px);
    overflow-y: auto;
  }
}

.global-header-active-search .global-header-search-suggestions-mobile {
  display: flex;
  opacity: 1;
}

@media (min-width: 640px) {
  .global-header-active-search .global-header-search-suggestions-mobile {
    display: none;
  }
}

.global-header-active-search .global-header-search-suggestions-desktop {
  display: none;
}

@media (min-width: 640px) {
  .global-header-active-search .global-header-search-suggestions-desktop {
    display: flex;
    opacity: 1;
  }
}

.global-header-dropdown-content-container {
  display: none;
  position: relative;
}

@media (min-width: 640px) {
  .global-header-dropdown-content-container {
    display: block;
  }
}

.global-header-dropdown-content-container.display-none {
  display: none;
}

.global-header-search-suggestions {
  width: 100%;
  display: none;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffffff;
  overflow-y: auto;
  box-shadow: 0 5px 15px 0 rgba(186, 186, 186, 0.25);
  opacity: 0;
  margin: 0 auto;
  padding: 0.75rem 0;
  transition: opactity 0.4s ease-in-out;
  z-index: 1;
}

@media (max-width: 640px) {
  .global-header-search-suggestions {
    top: 0%;
    height: calc(100% - 82px);
  }
}

@media (min-width: 640px) {
  .global-header-search-suggestions {
    max-width: 26.875rem;
  }
}

@media (min-width: 1024px) {
  .global-header-search-suggestions {
    max-width: 35rem;
  }
}

.search-suggestions-mobile-display {
  display: block;
}

@media (min-width: 640px) {
  .search-suggestions-mobile-display {
    display: none;
  }
}

.search-suggestion-desktop-display {
  display: none;
}

@media (min-width: 640px) {
  .search-suggestion-desktop-display {
    display: block;
  }
}

.global-header-searches {
  justify-content: flex-end;
}

@media (min-width: 567px) {
  .global-header-searches {
    justify-content: flex-start;
  }
}

.global-header-search-suggestion {
  color: #333333;
  font-weight: 500;
  line-height: 1.375rem;
  padding: 0.75rem 1rem;
  text-decoration: none;
  width: 100%;
}

@media (min-width: 640px) {
  .global-header-search-suggestion {
    padding: 0.75rem 0.75rem 0.75rem 1.5rem;
    max-width: 26.875rem;
  }
}

@media (min-width: 1024px) {
  .global-header-search-suggestion {
    max-width: 35rem;
  }
}

.global-header-search-suggestion:hover {
  background-color: #f3f3f3;
}

.global-header-search-suggestion-already-typed {
  color: #888888;
  font-weight: 400;
}

.global-header-dealer {
  position: relative;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.global-header-dealer svg {
  height: 1.125rem;
  color: #002c5e;
  fill: #002c5e;
  padding-right: 0.125rem;
}

@media (min-width: 640px) {
  .global-header-dealer svg {
    width: 0.75rem;
    height: 1rem;
    padding: 0;
  }
}

@media (max-width: 640px) {
  .global-header-dealer {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.global-header-dealer svg:hover {
  color: #001A38;
}

.global-header-top-dealer {
  height: 2.8125rem;
  position: relative;
  display: none;
  align-items: center;
  font-size: 0.875rem;
  background-color: #ffffff;
  border-bottom: 0.0625rem solid #e6e6e6;
  z-index: 2;
}

@media (min-width: 640px) {
  .global-header-top-dealer .global-header-contain {
    padding: 0.9375rem 2rem 0.75rem;
  }
}

@media (min-width: 1024px) {
  .global-header-top-dealer .global-header-contain {
    padding: 0.9375rem 2.625rem 0.75rem;
  }
}

@media (min-width: 1440px) {
  .global-header-top-dealer .global-header-contain {
    padding: 0.9375rem 4.5rem 0.75rem;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .global-header-top-dealer .global-header-contain {
    padding: 0.9375rem 1% 0.75rem;
  }
}

.global-header-top-dealer .global-header-dealer {
  display: flex;
}

@media (min-width: 640px) {
  .global-header-top-dealer {
    display: flex;
  }
}

.global-header-dropdown-dealer {
  display: flex;
  padding: 1.5625rem 1rem 1.4375rem;
}

@media (min-width: 640px) {
  .global-header-dropdown-dealer {
    display: none;
  }
}

@media (max-width: 640px) {
  #global-header-dealer-desktop-display {
    display: none;
  }
}

.global-header-dropdown-dealer-text {
  display: flex;
  align-items: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.0625rem;
  padding-left: 0.125rem;
}

@media (min-width: 640px) {
  .global-header-dropdown-dealer-text {
    padding-left: 0.3125rem;
  }
}

.global-header-dropdown-dealer-zipcode {
  display: flex;
  flex-shrink: 0;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  color: #002c5e;
  font-weight: 500;
  line-height: 1.0625rem;
  text-decoration: none;
}

.global-header-dropdown-dealer-zipcode:hover {
  color: #001A38;
}

.global-header-dropdown-dealer-seperator {
  display: inline-block;
  color: #888888;
  padding: 0 0.625rem;
}

.global-header-dropdown-dealer-type {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
}

@media (max-width: 640px) {
  .global-header-dropdown-dealer-type {
    font-size: 0.75rem;
    line-height: 0.875rem;
    color: #666666;
  }
  .global-header-dropdown-dealer-type:hover {
    color: #333333;
  }
}

.global-header-dropdown-dealer-type-link {
  cursor: pointer;
}

.global-header-dropdown-dealer-type-link:hover {
  color: #001A38 !important;
}

[data-dealer-type="preferred"] {
  display: none;
}

[data-dealer-preferred="true"] [data-dealer-type="preferred"] {
  display: inline-block;
}

[data-dealer-preferred="true"] [data-dealer-type="local"] {
  display: none;
}

.global-header-dropdown-dealer-link {
  display: flex;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  color: #666666;
  line-height: 0.875rem;
  text-align: left;
  text-decoration: none;
}

@media (min-width: 640px) {
  .global-header-dropdown-dealer-link {
    font-size: 0.875rem;
    font-weight: 500;
    color: #002c5e;
    line-height: 1.0625rem;
  }
}

.global-header-dropdown-dealer-link:hover {
  color: #333333;
}

.global-header-dropdown-dealer-link-hidden {
  display: none;
}

@media (min-width: 640px) {
  .global-header-dropdown-dealer-link-hidden {
    display: block;
  }
}

@media (min-width: 640px) {
  .global-header-dropdown-dealer-name {
    padding-left: 0.3125rem;
  }
}

.global-header-dropdown-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .global-header-dropdown-nav {
    padding: 0 4rem 3.5625rem;
  }
}

@media (min-width: 1024px) {
  .global-header-dropdown-nav {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1440px) {
  .global-header-dropdown-nav {
    padding: 0 6.25rem;
  }
}

.global-header-dropdown-column {
  flex-basis: 25%;
  max-width: 25%;
  padding: 3rem 0.625rem 2.25rem 0;
}

.global-header-dropdown-column > *:first-child {
  padding-top: 0;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .global-header-dropdown-column {
    flex-basis: 50%;
    max-width: 50%;
    padding: 3.5625rem 0.625rem 0 0;
  }
  .global-header-dropdown-column:nth-of-type(even) {
    padding-right: 0;
    padding-left: 1.5rem;
  }
  .global-header-dropdown-column:nth-of-type(odd) {
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .global-header-dropdown-column:nth-of-type(3) {
    padding-right: 0;
    padding-left: 3rem;
  }
  .global-header-dropdown-column:nth-of-type(4) {
    padding-right: 0;
    padding-left: 3rem;
  }
  .global-header-dropdown-column:nth-of-type(1) {
    padding-right: 3rem;
  }
  .global-header-dropdown-column:nth-of-type(2) {
    padding-right: 3rem;
  }
}

@media (min-width: 1440px) {
  .global-header-dropdown-column:nth-of-type(3) {
    padding-left: 5rem;
  }
  .global-header-dropdown-column:nth-of-type(4) {
    padding-right: 0;
    padding-left: 5rem;
  }
  .global-header-dropdown-column:nth-of-type(1) {
    padding-right: 5rem;
  }
  .global-header-dropdown-column:nth-of-type(2) {
    padding-right: 5rem;
  }
}

@media (max-width: 639px) {
  .global-header-dropdown-column {
    flex-basis: 100%;
    max-width: 100%;
    border-top: 0.0625rem solid #bababa;
    padding: 1.875rem 0;
  }
}

.global-header-dropdown-heading {
  color: #333333;
  font-size: 1rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  padding-bottom: 0.5625rem;
}

.global-header-dropdown-link {
  color: #002c5e;
  display: inline-block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.75rem 0;
  text-decoration: none;
  width: 100%;
}

.global-header-dropdown-link:hover, .global-header-dropdown-link:focus {
  color: #00aad2;
}

.global-header-dropdown-link svg {
  display: inline-block;
  height: 0.9375rem;
  margin-left: 0.5rem;
  width: 0.9375rem;
  fill: currentColor;
}

.global-header-links {
  display: flex;
  align-items: center;
}

.global-header-link {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  color: #666666;
  text-decoration: none;
}

.global-header-link-seperator {
  display: inline-block;
  color: #888888;
  padding: 0 0.625rem;
}

.header-panel {
  margin: 0;
  padding: 0;
}

.header-panel .header-panel-item {
  list-style: none;
  padding: 0;
}

.global-header-search-bar {
  align-items: center;
  background-color: #f3f3f3;
  color: #888888;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.global-header-search-bar:focus-within {
  color: #002c5e;
}

@media (min-width: 640px) {
  .global-header-search-bar {
    position: relative;
    margin-bottom: 0;
  }
}

.global-header-search-content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0 auto;
  max-width: 1440px;
  padding: 1rem;
  position: relative;
}

@media (min-width: 640px) {
  .global-header-search-content {
    align-items: center;
    flex-direction: row;
    justify-content: center;
    padding: 1rem 2rem;
  }
}

@media (min-width: 1024px) {
  .global-header-search-content {
    padding: 1rem 2.6875rem;
  }
}

@media (min-width: 1440px) {
  .global-header-search-content {
    padding: 1rem 4.5rem;
  }
}

.global-header-search-backdrop {
  background-color: #ffffff;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.global-header-search-form {
  display: flex;
  position: relative;
  width: 100%;
}

@media (min-width: 640px) {
  .global-header-search-form {
    max-width: 26.875rem;
  }
}

@media (min-width: 1024px) {
  .global-header-search-form {
    max-width: 35rem;
  }
}

.global-header-search-label {
  font-size: 1.375rem;
  width: 100%;
}

.global-header-close-svg {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 1.125rem;
  right: 3.5rem;
  border-radius: 50%;
}

.global-header-close-svg.display-none {
  display: none;
}

.global-header-close-svg svg {
  height: 1rem;
  width: 1rem;
}

.global-header-search-svg {
  align-items: center;
  background-color: #002c5e;
  border-radius: 50%;
  display: flex;
  height: 2rem;
  justify-content: center;
  position: absolute;
  right: 0.625rem;
  top: 0.5625rem;
  width: 2rem;
}

.global-header-search-svg svg {
  fill: #ffffff;
  height: 0.8125rem;
  stroke: #ffffff;
  width: 0.8125rem;
}

.global-header-search-input {
  border: 1px solid #ffffff;
  border-radius: 1.875rem;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  height: 3.125rem;
  padding: 0.25rem 3.75rem 0.25rem 1.5rem;
  width: 100%;
}

.global-header-search-input:-ms-input-placeholder {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
}

.global-header-search-input::placeholder {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
}

@media (min-width: 640px) {
  .global-header-search-input {
    padding-right: 4.8125rem;
  }
}

.global-header-active-search .global-header-search-input,
.global-header-search-input:focus {
  border-color: #4D90FE;
  box-shadow: 0px 0px 5px #4D90FE;
  -webkit-box-shadow: 0px 0px 5px #4D90FE;
  color: #002c5e;
  outline: none;
}

.global-header-features {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 1rem 2.5rem;
}

@media (min-width: 640px) {
  .global-header-features {
    flex-direction: row;
    padding: 0 4rem 2.5rem;
  }
}

@media (min-width: 1024px) {
  .global-header-features {
    padding: 0 4.5rem 2.5rem;
  }
}

@media (min-width: 1440px) {
  .global-header-features {
    padding: 0 6.25rem 2.5rem;
  }
}

.global-header-feature-item {
  padding-top: 2.5rem;
  padding-right: 0.625rem;
}

@media (max-width: 639px) {
  .global-header-feature-item:first-of-type {
    border-top: 0.0625rem solid #bababa;
  }
}

@media (min-width: 640px) {
  .global-header-feature-item {
    border-top: 0.0625rem solid #bababa;
    flex-basis: 50%;
    max-width: 50%;
  }
  .global-header-feature-item:last-of-type {
    padding-right: 0;
    padding-left: 1.5rem;
  }
  .global-header-feature-item:first-of-type {
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .global-header-feature-item:last-of-type {
    padding-left: 3rem;
  }
  .global-header-feature-item:first-of-type {
    padding-right: 3rem;
  }
}

@media (min-width: 1440px) {
  .global-header-feature-item:last-of-type {
    padding-left: 5rem;
  }
  .global-header-feature-item:first-of-type {
    padding-right: 5rem;
  }
}

.global-header-feature-header svg {
  color: #333333;
  height: 3.125rem;
  width: 7.6875rem;
  fill: currentColor;
}

.global-header-feature-description {
  color: #888888;
  line-height: 1.375rem;
  padding-top: 0.5625rem;
}

.global-header-feature-cta {
  color: #002c5e;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding-top: 1rem;
  text-decoration: none;
  display: inline-flex;
}

.global-header-feature-cta svg {
  height: 0.75rem;
  margin-left: 0.625rem;
  width: 0.4375rem;
  margin-top: 0.25rem;
  fill: currentColor;
}

.price-details-header {
  cursor: pointer;
}

.header-labels {
  width: 35%;
  color: #ffffff;
  font-family: "Hyundai Sans Head";
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  text-align: right;
}

@media (min-width: 345px) and (max-width: 400px) {
  .header-labels {
    width: 40%;
  }
}

@media (max-width: 344px) {
  .header-labels {
    width: 50%;
  }
}

@media (max-width: 1023px) {
  .header-labels {
    direction: rtl;
  }
}

.global-header-dropdown-faq-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  padding: 2rem 2rem 0;
}

.global-header-dropdown-faq-container.display-none {
  display: none;
}

@media (min-width: 640px) {
  .global-header-dropdown-faq-container {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  .global-header-dropdown-faq-container {
    padding-right: 4rem;
  }
}

.global-header-dropdown-faq-nav {
  display: block;
}

.global-header-dropdown-faq-nav:first-child {
  margin-bottom: 2rem;
}

@media (max-width: 639px) {
  .global-header-dropdown-faq-nav:first-child {
    padding-top: 0;
  }
}

.global-header-dropdown-faq-heading {
  color: #333333;
  font-size: 1.125rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.5rem;
  margin-bottom: 0.75rem;
}

.ghd-faq-header {
  margin-bottom: 0.1875rem;
}

.global-header-column-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.global-header-dropdown-faq-column {
  padding: 0;
}

.global-header-dropdown-faq-column svg {
  display: inline-block;
  width: 0.875rem;
  height: 0.625rem;
  margin-left: 0.0625rem;
  fill: currentColor;
}

@media (max-width: 639px) {
  .global-header-dropdown-faq-column {
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media (max-width: 640px) {
  .global-header-hidden-mobile {
    display: none;
  }
}

.header-faq-panel {
  margin: 0;
  padding: 0;
}

.header-faq-panel .header-faq-panel-item {
  list-style: none;
  padding: 0;
}

.global-header-dropdown-need-help .header-faq-panel > *:last-child {
  border: none;
}

.global-header-dropdown-need-help .header-faq-panel-item {
  border-bottom: 0.0625rem solid #bababa;
}

.global-header-dropdown-need-help svg {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-right: 0.875rem;
  fill: currentColor;
}

.global-header-dropdown-need-help .header-faq-panel-image {
  width: 100%;
}

.global-header-dropdown-link-help {
  color: #002c5e;
  display: flex;
  align-items: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 1.3125rem 0 1.4375rem;
  text-decoration: none;
  width: 100%;
}

.global-header-dropdown-link-help:hover, .global-header-dropdown-link-help:focus {
  color: #00aad2;
}

.global-header-dropdown-link-help span {
  max-width: 11.375rem;
}

.global-header-dropdown-content-container-mobile {
  height: calc(100vh - 126px);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

@media (min-width: 640px) {
  .global-header-dropdown-content-container-mobile {
    display: none;
  }
}

.global-mobile-utility-links {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  padding: 1.5rem 1rem 0 1rem;
}

.utility-link {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.5rem;
}

.utility-link svg {
  color: #002c5e;
  margin: auto;
}

.utility-link svg:hover {
  color: #001A38;
}

.utlity-text {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  margin-top: 0.625rem;
  color: #666666;
}

.utlity-text:hover {
  color: #333333;
}

.ut-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-align: center;
}

.ut-link-icon {
  width: 3rem;
  height: 3rem;
  position: relative;
}

.ut-link-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #888888 !important;
}

.ut-link-icon svg:hover {
  color: #001A38;
}

.menu-accordian-links {
  display: block;
  width: 100%;
  background-color: #ffffff;
}

.nav-accordian-cell {
  width: 100%;
  border-bottom: 0.125rem solid #f3f3f3;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.nav-accordian-cell:last-of-type {
  border: none;
}

.nav-accordian-heading {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.625rem;
  color: #002c5e;
}

.nav-accordian-heading:hover {
  color: #001A38;
}

.nav-panel-active .nav-accordian-heading {
  color: #333333;
}

.nav-panel-active .nav-accordian-heading:hover {
  color: #001A38;
}

.nav-accordion-cell-toggle {
  width: 100%;
  min-height: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  padding: 1.5rem 2rem 1.5rem 1rem;
}

.nav-accordion-cell-toggle svg {
  color: #002c5e;
  width: 0.75rem;
  height: 0.5rem;
}

.nav-accordion-cell-toggle svg:hover {
  color: #001A38;
}

.nav-panel-active .nav-accordion-cell-toggle svg {
  transform: rotate(180deg);
  color: #00aad2;
}

.nav-panel-active:hover {
  color: #001A38;
}

.nav-accordian-panel {
  list-style: none;
  display: none;
  overflow: hidden;
  margin: 0;
  padding: 0 2rem 0.875rem 2rem;
}

.nav-panel-active .nav-accordian-panel {
  display: block;
}

.nav-accordian-panel-item {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.625rem 0;
}

.nav-accordian-panel-item .icon-external {
  margin-left: 0.375rem;
}

.nav-accordian-panel-link {
  color: #002c5e;
  text-decoration: none;
  display: flex;
}

.nav-accordian-panel-link:hover {
  color: #001A38;
}

.mobile-tertiary-cta-medium {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 1rem;
}

.mobile-tertiary-cta-medium a {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #002c5e;
  line-height: 1.375rem;
  text-decoration: none;
}

.mobile-tertiary-cta-medium a:hover {
  color: #001A38;
}

.mobile-tertiary-cta-medium svg {
  display: inline-block;
}

.cta-medium {
  position: relative;
  padding: 0.75rem 0;
}

.cta-link .sticky-icon-wrap {
  width: 1rem;
  height: 1rem;
  margin-left: 0.375rem;
}

.menu-accordian-links,
.global-mobile-utility-links,
.mobile-tertiary-cta-medium {
  border-bottom: 0.125rem solid #f3f3f3;
}

.menu-accordian-links:last-of-type,
.global-mobile-utility-links:last-of-type,
.mobile-tertiary-cta-medium:last-of-type {
  border: none;
}

.lp-t1-oem-hyundai-engagement-container {
  z-index: 998 !important;
}

.chm {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.chm.device-max-width {
  max-width: 90rem;
  margin: 0 auto;
}

.chm-head {
  width: 100%;
  max-width: 90rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .chm-head {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .chm-head {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .chm-head {
    padding: 0 4.5rem;
  }
}

.chm-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.875rem;
  color: #333333;
  line-height: 2.25rem;
  margin-bottom: 1.25rem;
}

.chm-copy {
  width: 100%;
  max-width: 40rem;
  font-size: 1rem;
  color: #666666;
  line-height: 1.375rem;
  margin-bottom: 1.5rem;
}

.chm-copy .tooltip-trigger {
  color: inherit !important;
}

.chm-cta {
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  text-decoration: none;
  margin-bottom: 2rem;
}

.chm-cta svg {
  width: 0.625rem;
  height: 0.625rem;
  display: inline-block;
}

.chm-body {
  width: 100%;
  max-width: 81rem;
}

.back-to-top {
  width: 2.875rem;
  position: -webkit-sticky;
  position: sticky;
  bottom: 2.875rem;
  left: 0;
  font-size: 0.875rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  z-index: 994;
}

.back-to-top .btp-container-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #002c5e;
  text-align: center;
  transform: translate(-55%, -50%);
}

.back-to-top svg {
  margin-left: 0.25rem;
}

.back-to-top-container {
  height: 2.875rem;
  background-color: #f3f3f3;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.4s linear,opacity 0.4s linear;
  cursor: pointer;
}

.back-to-top-container.back-to-top-show {
  visibility: visible;
  opacity: 1;
}

.bl-ms-heading,
.bl-ms-subheading {
  margin: 0 2.5rem 1rem;
  text-align: center;
}

.bl-ms-heading {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
}

.bl-ms-subheading {
  color: #666666;
  font-size: 1rem;
  line-height: 1.375rem;
}

.bl-ms-pagkages-required-field-title {
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-bottom: 1rem;
  text-align: center;
}

.bl-ms-packages-dropdown-container {
  margin: 0 3.5rem 1rem;
}

.bl-ms-packages-dropdown-wrapper {
  margin-bottom: 0.25rem;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
}

.bl-ms-packages-dropdown {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
  color: #002c5e;
  font-weight: 700;
  height: 3rem;
  width: 100%;
  padding: 0 0.5rem;
}

.bl-ms-packages-dropdown::-ms-expand {
  display: none;
}

.bl-ms-packages-dropdown:disabled {
  background-color: #ffffff;
  color: #bababa;
}

.bl-ms-packages-dropdown:disabled + .icon-chevron-down-thick {
  color: #bababa;
}

.bl-ms-packages-dropdown-wrapper .icon {
  color: #002c5e;
  height: 0.75rem;
  margin-top: -0.375rem;
  position: absolute;
  right: 0;
  top: 1.5rem;
  width: 0.75rem;
}

.bl-ms-packages-dropdown .dropdown-button {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 0.25rem;
  padding: 0;
}

.bl-ms-packages-dropdown-disabled .dropdown-button {
  color: #bababa;
  pointer-events: none;
}

.bl-ms-packages-go-button-container {
  margin: 0 3.5rem 1.5rem;
}

.bl-ms-packages-go-button {
  background-color: #002c5e;
  color: #ffffff;
  display: block;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 0.75rem 5.5625rem;
  width: 100%;
}

.bl-ms-packages-error {
  color: #e63312;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5rem;
  max-width: 13.75rem;
  text-align: center;
}

.bl-ms-packages-error-hidden {
  display: none;
}

.bl-ms-packages-already-own-a-hyundai-text,
.bl-ms-packages-already-own-a-hyundai-link {
  font-size: 1rem;
  line-height: 1.375rem;
  margin: 0 3rem 0.5rem 3.3125rem;
}

.bl-ms-packages-already-own-a-hyundai-text {
  color: #666666;
}

.bl-ms-packages-already-own-a-hyundai-link {
  align-items: baseline;
  color: #002c5e;
  display: flex;
  font-weight: 700;
  text-decoration: none;
}

.bl-ms-packages-already-own-a-hyundai-link .icon {
  height: 0.875rem;
  margin-left: 0.5rem;
  width: 0.875rem;
}

@media (min-width: 640px) {
  .bl-ms-heading {
    margin: 0 9.375rem 0.5rem;
  }
  .bl-ms-subheading {
    margin: 0 11.25rem 0.75rem;
  }
  .bl-ms-content {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
  }
  .bl-ms-pagkages-required-field-title {
    margin: 0 3.5rem 0.5rem;
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .bl-ms-heading {
    margin: 0 19.6875rem 1.25rem;
  }
  .bl-ms-subheading {
    margin: 0 13.4375rem 0.875rem;
  }
  .bl-ms-pagkages-required-field-title {
    margin: 0 4.5rem 0.5rem;
  }
  .bl-ms-packages-dropdown-container {
    margin: 0 4rem 1rem;
  }
  .bl-ms-packages-dropdown-wrapper {
    margin-left: 1rem;
  }
  .bl-ms-packages-go-button-container {
    margin: 0 3.4375rem 1.5rem 4.6875rem;
  }
  .bl-ms-packages-already-own-a-hyundai-text,
  .bl-ms-packages-already-own-a-hyundai-link {
    margin: 0 1.5625rem 0.5rem 4.6875rem;
  }
}

@media (min-width: 1440px) {
  .bl-ms-heading {
    margin: 0 32.8125rem 1.25rem;
  }
  .bl-ms-subheading {
    margin: 0 26.25rem 1.8125rem;
  }
  .bl-ms-content {
    margin: 0 11.25rem;
    justify-content: center;
  }
  .bl-ms-packages {
    width: 17.5rem;
  }
  .bl-ms-pagkages-required-field-title {
    margin: 0 4.5rem 0.5rem 0.4375rem;
  }
  .bl-ms-packages-dropdown-container {
    margin: 0 4rem 1rem 0;
  }
  .bl-ms-packages-go-button-container {
    margin: 0 3.4375rem 1.5rem 0.625rem;
  }
  .bl-ms-packages-already-own-a-hyundai-text,
  .bl-ms-packages-already-own-a-hyundai-link {
    margin: 0 1.5625rem 0.5rem 0.625rem;
  }
}

.decision-tree {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.dt-step {
  width: 100%;
  max-width: 90rem;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .dt-step {
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dt-step {
    flex-direction: column;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dt-step {
    flex-direction: row;
  }
}

.dt-step-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

@media (min-width: 1024px) {
  .dt-step-section {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dt-step-section {
    width: 100%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dt-step-section {
    width: 50%;
  }
}

.dt-step-section-vertical {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.dt-step-section-left .dt-step-section-inner {
  padding: 0 0 2rem 0;
}

@media (min-width: 640px) {
  .dt-step-section-left .dt-step-section-inner {
    padding: 0 0 2rem 0;
  }
}

@media (min-width: 1024px) {
  .dt-step-section-left .dt-step-section-inner {
    padding: 0 2.5rem 0 0;
  }
}

@media (min-width: 1440px) {
  .dt-step-section-left .dt-step-section-inner {
    padding: 0 3.75rem 0 0;
  }
}

.dt-step-section-left .dt-step-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.5rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .dt-step-section-left .dt-step-headline {
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 1440px) {
  .dt-step-section-left .dt-step-headline {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dt-step-section-left .dt-step-section-inner {
    padding: 0 0 2rem 0;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dt-step-section-left .dt-step-section-inner {
    padding: 0 2.5rem 0 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .dt-step-section-left .dt-step-section-inner {
    padding: 0 3.75rem 0 0;
  }
}

.dt-step-section-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.dt-step-section-right .dt-step-section-inner {
  width: 100%;
  background: #f3f3f3;
  padding: 1.5rem 1rem;
}

@media (min-width: 640px) {
  .dt-step-section-right .dt-step-section-inner {
    padding: 1.75rem 2.5rem;
  }
}

@media (min-width: 1024px) {
  .dt-step-section-right .dt-step-section-inner {
    padding: 1.75rem 2.5rem;
    margin-top: 6.25rem;
  }
}

@media (min-width: 1440px) {
  .dt-step-section-right .dt-step-section-inner {
    padding: 2.25rem 2.5rem;
  }
}

.dt-step-section-right .dt-step-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.25rem;
}

@media (min-width: 640px) {
  .dt-step-section-right .dt-step-headline {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1440px) {
  .dt-step-section-right .dt-step-headline {
    font-size: 1.25rem;
  }
}

.dt-step-section-right .dt-step-copy {
  font-size: 0.875rem;
  color: #888888;
  line-height: 1rem;
  margin-top: 1.875rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .dt-step-section-right .dt-step-copy {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .dt-step-section-right .dt-step-copy {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
}

.dt-step-section-right .dt-step-cta {
  margin-right: 1rem;
}

@media (min-width: 640px) {
  .dt-step-section-right .dt-step-cta {
    margin-right: 2.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dt-step-section-right .dt-step-section-inner {
    padding: 1.5rem 1rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dt-step-section-right .dt-step-section-inner {
    padding: 1.75rem 2.5rem;
    margin-top: 6.25rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .dt-step-section-right .dt-step-section-inner {
    padding: 2.25rem 2.5rem;
  }
}

.dt-step-option {
  display: flex;
  flex-direction: column;
}

.dt-step-option-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.25rem;
  margin-bottom: 1rem;
}

@media (min-width: 640px) {
  .dt-step-option-headline {
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .dt-step-option-headline {
    font-size: 1.25rem;
  }
}

.dt-step-navigation {
  width: 100%;
  max-width: 28.75rem;
  display: flex;
  justify-content: space-between;
}

.dt-step-navigation .dt-next-step,
.dt-step-navigation .dt-next-step-disabled {
  margin-left: auto;
}

.dt-step-navigation .button-gray {
  pointer-events: none;
}

.dt-step-cta {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 0.875rem;
  font-weight: 700;
  color: #002c5e;
  line-height: 1.25rem;
  text-decoration: none;
}

.dt-step-cta svg {
  width: 0.375rem;
  height: 0.875rem;
}

.dt-step-cta-right svg {
  margin-left: 0.5rem;
}

.dt-step-button {
  font-size: 0.875rem;
  font-weight: 700;
  color: #002c5e;
  line-height: 1.0625rem;
}

@media (min-width: 640px) {
  .dt-step-button {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

.dt-step-button svg {
  width: 0.375rem;
  height: 0.875rem;
}

.dt-step-button-left svg {
  margin-right: 0.5rem;
}

.dt-step-button-right svg {
  margin-left: 0.5rem;
}

.dt-step-placeholder-image {
  display: flex;
  justify-content: center;
  margin-top: 1.25rem;
}

.dt-step-placeholder-image img {
  width: 11.25rem;
}

@media (min-width: 640px) {
  .dt-step-placeholder-image img {
    width: 17.5rem;
  }
}

@media (min-width: 1024px) {
  .dt-step-placeholder-image img {
    width: 18.75rem;
  }
}

@media (min-width: 1440px) {
  .dt-step-placeholder-image img {
    width: 22.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dt-step-placeholder-image img {
    width: 17.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dt-step-placeholder-image img {
    width: 18.75rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .dt-step-placeholder-image img {
    width: 22.5rem;
  }
}

.dt-progress {
  width: 100%;
  display: flex;
  margin-bottom: 2.5rem;
}

@media (min-width: 640px) {
  .dt-progress {
    margin-bottom: 3.75rem;
  }
}

.dt-progress-steps {
  width: 100%;
  display: flex;
  gap: 0 0.4375rem;
}

.dt-progress-step {
  width: 33.3333333333%;
  display: flex;
  flex-direction: column;
}

.dt-progress-step-indicator {
  width: 100%;
  height: 0.25rem;
  background: #bababa;
  margin-bottom: 0.5625rem;
}

@media (min-width: 640px) {
  .dt-progress-step-indicator {
    margin-bottom: 1rem;
  }
}

.dt-progress-step-label {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  color: #bababa;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}

.dt-progress-step-1 .dt-progress-step:first-of-type .dt-progress-step-indicator,
.dt-progress-step-2 .dt-progress-step:first-of-type .dt-progress-step-indicator,
.dt-progress-step-summary .dt-progress-step:first-of-type .dt-progress-step-indicator {
  background: #00aad2;
}

.dt-progress-step-1 .dt-progress-step:first-of-type .dt-progress-step-label,
.dt-progress-step-2 .dt-progress-step:first-of-type .dt-progress-step-label,
.dt-progress-step-summary .dt-progress-step:first-of-type .dt-progress-step-label {
  color: #00aad2;
}

.dt-progress-step-2 .dt-progress-step:nth-of-type(2) .dt-progress-step-indicator,
.dt-progress-step-summary .dt-progress-step:nth-of-type(2) .dt-progress-step-indicator {
  background: #00aad2;
}

.dt-progress-step-2 .dt-progress-step:nth-of-type(2) .dt-progress-step-label,
.dt-progress-step-summary .dt-progress-step:nth-of-type(2) .dt-progress-step-label {
  color: #00aad2;
}

.dt-progress-step-summary .dt-progress-step:last-of-type .dt-progress-step-indicator {
  background: #00aad2;
}

.dt-progress-step-summary .dt-progress-step:last-of-type .dt-progress-step-label {
  color: #00aad2;
}

.dt-progress-step-2 .dt-progress-step:first-of-type,
.dt-progress-step-summary .dt-progress-step:first-of-type {
  cursor: pointer;
}

.dt-progress-step-summary .dt-progress-step:nth-of-type(2) {
  cursor: pointer;
}

.dt-step1-zipcode {
  width: 100%;
  max-width: 20rem;
  border-bottom: 0.0625rem solid #bababa;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
}

@media (min-width: 640px) {
  .dt-step1-zipcode {
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.dt-step1-zipcode-value {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.dt-step1-zipcode-value svg {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  color: #002c5e;
}

.dt-step1-zipcode-input {
  width: 100%;
  height: 2.5rem;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 0.875rem;
  background-color: #ffffff;
  border: 0.0625rem solid #e6e6e6;
  box-sizing: border-box;
  padding: 0.8125rem 0.625rem 0.8125rem 2.25rem;
  margin-bottom: 0.5625rem;
}

@media (min-width: 640px) {
  .dt-step1-zipcode-input {
    font-size: 1rem;
    line-height: 1rem;
    padding: 0.75rem 0.625rem 0.75rem 2.25rem;
  }
}

@media (min-width: 1440px) {
  .dt-step1-zipcode-input {
    font-size: 1.125rem;
    line-height: 1.125rem;
    padding: 0.6875rem 0.625rem 0.6875rem 2.25rem;
  }
}

.dt-step1-zipcode-error .dt-step1-zipcode-input {
  border-color: #e63312;
}

.dt-step1-zipcode-current-location {
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.0625rem;
}

@media (min-width: 1440px) {
  .dt-step1-zipcode-current-location {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

.dt-step1-zipcode-current-location svg {
  color: #002c5e;
  margin-right: 0.3125rem;
}

.dt-step1-budget {
  width: 100%;
  max-width: 20rem;
  border-bottom: 0.0625rem solid #bababa;
  margin-bottom: 1.5rem;
  padding-bottom: 2.25rem;
}

@media (min-width: 640px) {
  .dt-step1-budget {
    margin-bottom: 2.5rem;
    padding-bottom: 3.25rem;
  }
}

.dt-step1-budget-range {
  position: relative;
}

.dt-step1-budget-range-values {
  display: flex;
  align-items: center;
  margin-bottom: 1.625rem;
}

.dt-step1-budget-custom-range-min {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.25rem;
}

@media (min-width: 640px) {
  .dt-step1-budget-custom-range-min {
    font-size: 1rem;
  }
}

@media (min-width: 1440px) {
  .dt-step1-budget-custom-range-min {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

.dt-step1-budget-custom-range-min span {
  margin: 0 0.625rem;
}

.dt-step1-budget-custom-range-text {
  width: 100%;
  height: 2.5rem;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 0.875rem;
  background-color: #ffffff;
  border: 0.0625rem solid #e6e6e6;
  box-sizing: border-box;
  padding: 0.8125rem 0.625rem;
}

@media (min-width: 640px) {
  .dt-step1-budget-custom-range-text {
    font-size: 1rem;
    line-height: 1rem;
    padding: 0.75rem 0.625rem;
  }
}

@media (min-width: 1440px) {
  .dt-step1-budget-custom-range-text {
    font-size: 1.125rem;
    line-height: 1.125rem;
    padding: 0.6875rem 0.625rem;
  }
}

.dt-step1-budget-custom-range-slider {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: space-between;
  z-index: 1;
  -webkit-tap-highlight-color: transparent;
}

.dt-step1-budget-custom-range-slider-lower {
  display: inline-block;
  height: 0.25rem;
  background: #00aad2;
}

.dt-step1-budget-custom-range-slider-upper {
  display: inline-block;
  height: 0.25rem;
  background: #bababa;
}

.dt-step1-budget-custom-range {
  width: 100%;
  height: 0.25rem;
  position: absolute;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
  z-index: 2;
  cursor: pointer;
}

.dt-step1-budget-custom-range::-ms-track {
  height: 0.25rem;
  color: transparent;
  background: transparent;
  border-color: transparent;
  border-width: 0.25rem 0;
}

.dt-step1-budget-custom-range::-ms-fill-lower {
  background: #00aad2;
}

.dt-step1-budget-custom-range::-ms-fill-upper {
  background: #bababa;
}

.dt-step1-budget-custom-range::-ms-thumb {
  width: 0.75rem;
  height: 0.75rem;
  background: #ffffff;
  border: 0.3125rem solid #00aad2;
  border-radius: 50%;
}

.dt-step1-budget-custom-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.3125rem;
  height: 1.3125rem;
  border-radius: 50%;
  border: 0.3125rem solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.dt-step1-budget-custom-range::-moz-range-thumb {
  width: 1.3125rem;
  height: 1.3125rem;
  border-radius: 50%;
  border: 0.3125rem solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.dt-step1-charging-options {
  display: inline-flex;
  flex-direction: column;
}

.dt-step1-charging-option {
  display: flex;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  margin-bottom: 1.875rem;
}

@media (min-width: 640px) {
  .dt-step1-charging-option {
    margin-bottom: 2.5rem;
  }
}

.dt-step1-charging-option:last-of-type {
  margin-bottom: 0;
}

.dt-step1-charging-option-disabled {
  pointer-events: none;
}

.dt-step1-charging-option-disabled .dt-step1-charging-option-custom-checkbox-button {
  border: 0.125rem solid #dadada;
}

.dt-step1-charging-option-disabled .dt-step1-charging-option-custom-checkbox-icon,
.dt-step1-charging-option-disabled .dt-step1-charging-option-custom-checkbox-label {
  color: #888888;
}

.dt-step1-charging-option-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.dt-step1-charging-option-custom-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.dt-step1-charging-option-custom-checkbox-button {
  display: inline-flex;
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.125rem solid #bababa;
  margin-right: 0.5rem;
}

.dt-step1-charging-option-checkbox:checked ~ .dt-step1-charging-option-custom-checkbox .dt-step1-charging-option-custom-checkbox-button {
  border: 0.125rem solid #00aad2;
}

.dt-step1-charging-option-checkbox:checked ~ .dt-step1-charging-option-custom-checkbox .dt-step1-charging-option-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.0625rem;
  left: 0.25rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.dt-step1-charging-option-custom-checkbox-icon {
  width: 1.875rem;
  height: 1.875rem;
  margin-right: 0.5rem;
}

@media (min-width: 640px) {
  .dt-step1-charging-option-custom-checkbox-icon {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.dt-step1-charging-option-custom-checkbox-icon svg {
  width: 100%;
  height: 100%;
}

.dt-step1-charging-option-checkbox:checked ~ .dt-step1-charging-option-custom-checkbox .dt-step1-charging-option-custom-checkbox-icon {
  color: #00aad2;
}

.dt-step1-charging-option-custom-checkbox-label {
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media (min-width: 640px) {
  .dt-step1-charging-option-custom-checkbox-label {
    font-size: 1rem;
  }
}

@media (min-width: 1440px) {
  .dt-step1-charging-option-custom-checkbox-label {
    font-size: 1.125rem;
  }
}

.dt-step1-charging-option-checkbox:checked ~ .dt-step1-charging-option-custom-checkbox .dt-step1-charging-option-custom-checkbox-label {
  color: #00aad2;
}

.dt-step1-charging-cta {
  margin-bottom: 1.5rem;
  margin-left: 3.9375rem;
}

@media (min-width: 640px) {
  .dt-step1-charging-cta {
    margin-bottom: 1.625rem;
    margin-left: 4.5625rem;
  }
}

.dt-step2-miles {
  width: 100%;
  max-width: 20rem;
  border-bottom: 0.0625rem solid #bababa;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
}

.dt-step2-miles-range {
  position: relative;
}

.dt-step2-miles-range-value {
  display: flex;
  align-items: center;
  margin-bottom: 1.625rem;
}

.dt-step2-miles-custom-range-text {
  width: 100%;
  height: 2.5rem;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 0.875rem;
  background-color: #ffffff;
  border: 0.0625rem solid #e6e6e6;
  box-sizing: border-box;
  padding: 0.8125rem 0.625rem;
}

@media (min-width: 640px) {
  .dt-step2-miles-custom-range-text {
    font-size: 1rem;
    line-height: 1rem;
    padding: 0.75rem 0.625rem;
  }
}

@media (min-width: 1440px) {
  .dt-step2-miles-custom-range-text {
    font-size: 1.125rem;
    line-height: 1.125rem;
    padding: 0.6875rem 0.625rem;
  }
}

.dt-step2-miles-custom-range-slider {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: space-between;
  z-index: 1;
  -webkit-tap-highlight-color: transparent;
}

.dt-step2-miles-custom-range-slider-lower {
  display: inline-block;
  height: 0.25rem;
  background: #00aad2;
}

.dt-step2-miles-custom-range-slider-upper {
  display: inline-block;
  height: 0.25rem;
  background: #bababa;
}

.dt-step2-miles-custom-range {
  width: 100%;
  height: 0.25rem;
  position: absolute;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
  z-index: 2;
  cursor: pointer;
}

.dt-step2-miles-custom-range::-ms-track {
  height: 0.25rem;
  color: transparent;
  background: transparent;
  border-color: transparent;
  border-width: 0.25rem 0;
}

.dt-step2-miles-custom-range::-ms-fill-lower {
  background: #00aad2;
}

.dt-step2-miles-custom-range::-ms-fill-upper {
  background: #bababa;
}

.dt-step2-miles-custom-range::-ms-thumb {
  width: 0.75rem;
  height: 0.75rem;
  background: #ffffff;
  border: 0.3125rem solid #00aad2;
  border-radius: 50%;
}

.dt-step2-miles-custom-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.3125rem;
  height: 1.3125rem;
  border-radius: 50%;
  border: 0.3125rem solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.dt-step2-miles-custom-range::-moz-range-thumb {
  width: 1.3125rem;
  height: 1.3125rem;
  border-radius: 50%;
  border: 0.3125rem solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.dt-step2-miles-custom-range-values {
  display: flex;
  justify-content: space-between;
}

.dt-step2-miles-custom-range-value {
  font-weight: 500;
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
  margin-top: 0.75rem;
}

.dt-step2-what-else-options {
  display: inline-flex;
  flex-direction: column;
}

.dt-step2-what-else-option {
  display: flex;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  margin-bottom: 1.5rem;
}

.dt-step2-what-else-option-disabled {
  pointer-events: none;
}

.dt-step2-what-else-option-disabled .dt-step2-what-else-option-custom-checkbox-button {
  border: 0.125rem solid #dadada;
}

.dt-step2-what-else-option-disabled .dt-step2-what-else-option-custom-checkbox-label {
  color: #888888;
}

.dt-step2-what-else-option-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.dt-step2-what-else-option-custom-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.dt-step2-what-else-option-custom-checkbox-button {
  display: inline-flex;
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.125rem solid #bababa;
  margin-right: 0.5rem;
}

.dt-step2-what-else-option-checkbox:checked ~ .dt-step2-what-else-option-custom-checkbox .dt-step2-what-else-option-custom-checkbox-button {
  border: 0.125rem solid #00aad2;
}

.dt-step2-what-else-option-checkbox:checked ~ .dt-step2-what-else-option-custom-checkbox .dt-step2-what-else-option-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.0625rem;
  left: 0.25rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.dt-step2-what-else-option-custom-checkbox-label {
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media (min-width: 640px) {
  .dt-step2-what-else-option-custom-checkbox-label {
    font-size: 1rem;
  }
}

@media (min-width: 1440px) {
  .dt-step2-what-else-option-custom-checkbox-label {
    font-size: 1.125rem;
  }
}

.dt-step2-what-else-option-checkbox:checked ~ .dt-step2-what-else-option-custom-checkbox .dt-step2-what-else-option-custom-checkbox-label {
  color: #00aad2;
}

.dt-step2-models {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem 1.5rem;
  margin-top: 1.5rem;
}

@media (min-width: 640px) {
  .dt-step2-models {
    margin-top: 2.8125rem;
  }
}

.dt-step2-disclaimer-section {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.dt-step2-disclaimer {
  width: 100%;
  max-width: 28.75rem;
  font-size: 0.875rem;
  color: #999;
  line-height: 1rem;
  margin-top: 1.5rem;
}

@media (min-width: 640px) {
  .dt-step2-disclaimer {
    margin-top: 2.5rem;
  }
}

.dt-top-bottom-padding {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .dt-top-bottom-padding {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .dt-top-bottom-padding {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dt-top-bottom-padding {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dt-top-bottom-padding {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .dt-top-bottom-padding {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
}

.dt-left-right-padding {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .dt-left-right-padding {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .dt-left-right-padding {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .dt-left-right-padding {
    padding-right: 7.5rem;
    padding-left: 7.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .dt-left-right-padding {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .dt-left-right-padding {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .dt-left-right-padding {
    padding-right: 7.5rem;
    padding-left: 7.5rem;
  }
}

.dti {
  width: 100%;
  position: relative;
  display: none;
  flex-direction: column;
}

@media (max-width: 1023px) {
  .dti:nth-child(-n+3) {
    display: flex;
  }
}

@media (min-width: 640px) {
  .dti {
    width: calc(50% - 12px);
  }
  .dti:nth-child(-n+4) {
    display: flex;
  }
}

.dti-image-container {
  position: relative;
  padding-top: 100%;
}

.dti-image-container a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
}

.dti-image {
  width: 100%;
  z-index: 1;
}

.dti-model-gradient {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.dti-model-year-container {
  position: absolute;
  top: 0.625rem;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  z-index: 3;
}

.dti-model-year {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 1.4375rem;
  letter-spacing: 0.125rem;
}

.dti-model-name-container {
  position: absolute;
  right: 0;
  bottom: 1.375rem;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 3;
}

@media (min-width: 640px) {
  .dti-model-name-container {
    bottom: 0.625rem;
  }
}

@media (min-width: 1440px) {
  .dti-model-name-container {
    bottom: 1.375rem;
  }
}

.dti-model-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 2.5rem;
  color: #ffffff;
  line-height: 2rem;
}

@media (min-width: 1024px) {
  .dti-model-name {
    font-size: 2.25rem;
  }
}

@media (min-width: 1440px) {
  .dti-model-name {
    font-size: 2.5rem;
  }
}

.dti-model-type {
  height: 1.3125rem;
  display: flex;
  align-items: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #ffffff;
  line-height: 1.3125rem;
}

@media (min-width: 640px) {
  .dti-model-type {
    height: 1.25rem;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .dti-model-type {
    height: 1.3125rem;
    font-size: 1.25rem;
    line-height: 1.3125rem;
  }
}

.dti-specs-container {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
}

.dti-spec {
  display: flex;
  flex-direction: column;
}

.dti-spec:last-of-type {
  align-items: flex-end;
  text-align: right;
}

.dti-spec-headline {
  font-weight: 700;
  font-size: 0.75rem;
  color: #888888;
  line-height: 1.25rem;
}

.dti-spec-value {
  display: flex;
  align-items: baseline;
  font-weight: 500;
  font-size: 1.375rem;
  color: #454545;
  line-height: 1.625rem;
}

@media (min-width: 640px) {
  .dti-spec-value {
    font-size: 1.125rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .dti-spec-value {
    font-size: 1.375rem;
    line-height: 1.625rem;
  }
}

.dti-spec-value button {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.25rem;
}

.dti-spec-value-unit {
  font-size: 0.75rem;
  padding-left: 0.0625rem;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .dti-spec-value-unit {
    padding-left: 0.375rem;
  }
}

.dti-future-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0.8125rem;
}

.dti-future-headline {
  font-size: 0.75rem;
  color: #666666;
  line-height: 0.9375rem;
}

@media (min-width: 1280px) {
  .dti-future-headline {
    font-size: 0.9375rem;
    line-height: 1.0625rem;
  }
}

.dti-future-subhead {
  font-weight: 500;
  font-size: 0.75rem;
  color: #333333;
  line-height: 0.9375rem;
}

@media (min-width: 1280px) {
  .dti-future-subhead {
    font-size: 0.9375rem;
    line-height: 1.0625rem;
  }
}

.dtis-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  .dtis-inner {
    flex-direction: row;
  }
}

.dt-step3-section {
  width: 100%;
}

.dt-step3-section:first-of-type {
  order: 1;
}

.dt-step3-section:nth-of-type(2) {
  order: 3;
}

.dt-step3-section:last-of-type {
  order: 2;
}

@media (min-width: 1024px) {
  .dt-step3-section {
    width: 50%;
  }
  .dt-step3-section:nth-of-type(2) {
    order: 2;
  }
  .dt-step3-section:last-of-type {
    order: 3;
  }
}

.dt-step-section-mobile {
  display: flex !important;
}

@media (min-width: 1024px) {
  .dt-step-section-mobile {
    display: none !important;
  }
}

.dt-step-section-desktop {
  display: none !important;
}

@media (min-width: 1024px) {
  .dt-step-section-desktop {
    display: flex !important;
  }
}

.dt-step-section-model-step {
  width: 100%;
}

.dt-step-section-model-step .dt-step-section-inner {
  width: 100%;
  padding: 0;
}

@media (min-width: 640px) {
  .dt-step-section-model-step .dt-step-section-inner {
    padding: 0;
  }
}

@media (min-width: 1440px) {
  .dt-step-section-model-step .dt-step-section-inner {
    padding: 0;
  }
}

.dt-step-section-model-step .dt-step-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.5rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .dt-step-section-model-step .dt-step-headline {
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 1440px) {
  .dt-step-section-model-step .dt-step-headline {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
}

.dt-step-section-model-details .dt-step-section-inner {
  padding: 0;
}

@media (min-width: 640px) {
  .dt-step-section-model-details .dt-step-section-inner {
    padding: 0;
  }
}

@media (min-width: 1440px) {
  .dt-step-section-model-details .dt-step-section-inner {
    padding: 0;
  }
}

.dt-step-section-model-image .dt-step-section-inner {
  padding: 0 0 1.5rem 0;
}

@media (min-width: 640px) {
  .dt-step-section-model-image .dt-step-section-inner {
    padding: 0 0 1.5rem 0;
  }
}

@media (min-width: 1024px) {
  .dt-step-section-model-image .dt-step-section-inner {
    padding: 6.875rem 0 0 2.5rem;
  }
}

@media (min-width: 1440px) {
  .dt-step-section-model-image .dt-step-section-inner {
    padding: 6.875rem 0 0 2.5rem;
  }
}

.dt-step3-model {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  color: #333333;
  margin-bottom: 0.3125rem;
}

.dt-step3-model-year {
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.dt-step3-model-name {
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.dt-step3-model-fuel-types {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #888888;
}

.dt-step3-model-msrp {
  font-size: 1.125rem;
  color: #666666;
  line-height: 1.375rem;
  margin-bottom: 0.5rem;
}

.dt-step3-model-msrp-value {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.875rem;
  color: #333333;
  line-height: 2.25rem;
}

.dt-step3-model-review-and-savings {
  display: flex;
  flex-direction: column;
  margin-bottom: 2.5rem;
}

@media (min-width: 640px) {
  .dt-step3-model-review-and-savings {
    flex-direction: row;
  }
}

.dt-step3-model-reviews {
  height: 1.25rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .dt-step3-model-reviews {
    padding-right: 3.75rem;
    margin-bottom: 0;
  }
}

.dt-step3-model-reviews .m-overlay-review-module,
.dt-step3-model-reviews .m-overlay-review {
  margin: 0;
}

.dt-step3-model-reviews .m-overlay-link-btn:hover .m-overlay-review-link {
  flex-shrink: 0;
  text-decoration: none;
}

.dt-step3-model-reviews .m-overlay-review-star-container {
  color: #002c5e;
}

.dt-step3-model-reviews .m-overlay-review-link {
  font-weight: 700;
  line-height: 1.0625rem;
}

@media (min-width: 640px) {
  .dt-step3-model-reviews .m-overlay-review-link {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

.dt-step3-model-savings {
  flex-shrink: 0;
}

.dt-step3-model-savings .dt-step-cta {
  font-size: 0.875rem;
  font-weight: 700;
  color: #002c5e;
  line-height: 1.0625rem;
}

@media (min-width: 640px) {
  .dt-step3-model-savings .dt-step-cta {
    font-size: 1rem;
  }
}

.dt-step3-model-savings .dt-step-cta svg {
  width: 0.375rem;
  height: 0.875rem;
}

.dt-step3-model-highlights {
  width: 100%;
  max-width: 33.125rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0 1rem;
  margin-bottom: 2.5rem;
}

@media (max-width: 320px) {
  .dt-step3-model-highlights {
    flex-direction: column;
  }
}

.dt-step3-model-highlight {
  display: flex;
  flex-direction: column;
  padding-right: 1.25rem;
}

@media (min-width: 640px) {
  .dt-step3-model-highlight {
    width: auto;
  }
}

.dt-step3-model-highlight-value {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  color: #000000;
  line-height: 1.875rem;
}

.dt-step3-model-highlight-value span {
  font-size: 1rem;
}

.dt-step3-model-highlight-copy {
  font-size: 0.875rem;
  color: #333333;
  line-height: 2.25rem;
}

.dt-step3-model-links,
.dt-step-navigation {
  width: 100%;
  max-width: 28.75rem;
  display: flex;
  justify-content: space-between;
}

.dt-step3-model-links {
  margin-bottom: 1.25rem;
}

.dt-step3-model-link {
  text-decoration: none;
}

.dt-step3-image-container {
  position: relative;
}

.dt-step3-award {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
}

.dt-step3-award-image {
  height: 2.5rem;
  margin-right: 0.25rem;
}

@media (min-width: 640px) {
  .dt-step3-award-image {
    height: 4rem;
  }
}

.dt-step3-award-copy {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #454545;
  line-height: 1.0625rem;
}

@media (min-width: 640px) {
  .dt-step3-award-copy {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1440px) {
  .dt-step3-award-copy {
    font-size: 1.25rem;
  }
}

.dt-step3-swatches-container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

@media (min-width: 640px) {
  .dt-step3-swatches-container {
    flex-direction: row;
  }
}

.dt-step3-swatches {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
}

.dt-step3-swatches-exterior,
.dt-step3-swatches-interior {
  display: flex;
  align-items: baseline;
  margin-bottom: 0.5rem;
}

.dt-step3-swatch {
  width: 2rem;
  height: 1.25rem;
  position: relative;
  overflow: hidden;
}

.dt-step3-swatch img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.dt-step3-swatch-checked {
  width: 4rem;
  height: 2.5rem;
}

.dt-step3-exterior,
.dt-step3-interior {
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.0625rem;
}

.dt-step3-electric-disclaimer-section {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 1rem;
}

.dt-step3-electric-disclaimer {
  width: 100%;
  max-width: 28.75rem;
  font-size: 0.75rem;
  color: #999;
  line-height: 0.875rem;
  margin-top: 1.5rem;
}

@media (min-width: 640px) {
  .dt-step3-electric-disclaimer {
    font-size: 0.875rem;
    line-height: 1rem;
    margin-top: 2.5rem;
  }
}

.dt-step-retake {
  display: flex;
}

.dt-step-retake .dt-step-button-left {
  line-height: 1;
}

.tce-carousel-wrapper .slick-list {
  cursor: default;
}

.tce {
  max-width: 1440px;
  position: relative;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 640px) {
  .tce {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .tce {
    padding-left: 2.625rem;
    padding-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .tce {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

.tce-bg-white {
  background-color: #ffffff;
}

.tce-bg-gray {
  background-color: #f3f3f3;
}

.tce-bg-gradient {
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
}

.tce-header {
  display: flex;
  flex-direction: column;
  padding: 1.25rem 1rem;
}

@media (min-width: 640px) {
  .tce-header {
    padding: 4rem 1.25rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .tce-header {
    padding: 5rem 0;
  }
}

@media (min-width: 1440px) {
  .tce-header {
    padding: 5rem 0;
  }
}

.tce-header .tce-header-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.tce-header .tce-header-section {
  display: flex;
  justify-content: space-between;
}

.tce-header .tce-title {
  position: relative;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.25rem;
}

@media (min-width: 640px) {
  .tce-header .tce-title {
    font-size: 1.125rem;
  }
}

@media (min-width: 1024px) {
  .tce-header .tce-title {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
}

.tce-slider {
  position: relative;
}

.tce-slick {
  padding: 0;
}

@media (min-width: 640px) {
  .tce-slick .slick-list {
    display: flex;
  }
  .tce-slick .slick-track {
    display: flex;
  }
}

@media all and (min-width: 640px) and (-ms-high-contrast: none), (min-width: 640px) and (-ms-high-contrast: active) {
  .tce-slick .slick-track {
    flex: 1 0 auto;
  }
}

@media (min-width: 640px) {
  .tce-slick .slick-slide > div {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .tce-slick .tce-slide {
    display: flex !important;
    flex-direction: column;
    height: 100%;
  }
  .tce-slick .tce-item-ctas {
    margin-top: auto;
  }
}

.tce-slide {
  padding: 0 2rem 1.5625rem;
}

@media (min-width: 640px) {
  .tce-slide {
    padding: 0 1.25rem;
  }
}

@media (min-width: 1024px) {
  .tce-slide {
    padding: 0 1.4375rem;
  }
}

@media (min-width: 640px) {
  .tcs4-slide-image {
    flex-shrink: 0;
    transform: scale(1.3);
  }
}

.tcs4-slide-image-disclaimer {
  font-size: 0.875rem;
  font-weight: 400;
  color: #888888;
  line-height: 1.0625rem;
  min-height: 1.25rem;
  text-align: center;
}

@media (min-width: 640px) {
  .tcs4-slide-image-disclaimer {
    margin-top: 1.75rem;
  }
}

@media (min-width: 1023px) {
  .tcs4-slide-image-disclaimer {
    margin-top: 2.1875rem;
  }
}

@media (min-width: 1440px) {
  .tcs4-slide-image-disclaimer {
    margin-top: 1.875rem;
  }
}

.tce-slick-nav {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 0 1.625rem;
}

@media (min-width: 640px) {
  .tce-slick-nav {
    padding: 2rem 1.25rem 4rem;
  }
}

@media (min-width: 1024px) {
  .tce-slick-nav {
    padding: 2.5rem 0 4.5rem;
  }
}

@media (min-width: 1440px) {
  .tce-slick-nav {
    padding: 2.6875rem 0 5rem;
  }
}

.tce-slick-arrow {
  flex-shrink: 0;
}

.tce-slick-arrow svg {
  height: 1.875rem;
}

.tce-slick-arrow.slick-disabled {
  color: #bababa;
}

.tce-slick-dots ul.slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.tce-slick-dots li {
  display: flex;
  align-items: center;
  border: 0.0625rem solid transparent;
  padding: 0.625rem;
  cursor: pointer;
}

@media (min-width: 640px) {
  .tce-slick-dots li {
    padding: 0.625rem 0.9375rem;
  }
}

@media (min-width: 640px) {
  .tce-slick-dots li.slick-active {
    border-color: #002c5e;
    border-radius: 1rem;
    padding: 0.625rem 0.9375rem;
  }
  .tce-slick-dots li.slick-active:before {
    content: "";
    width: 0.5625rem;
    height: 0.5625rem;
    color: transparent;
    border-radius: 50%;
    background-color: #00aad2;
    margin-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .tce-slick-dots li.slick-active:after {
    content: "";
    width: 0.5625rem;
    height: 0.5625rem;
    color: transparent;
    border-radius: 50%;
    background-color: #00aad2;
    margin-left: 2rem;
  }
}

.tce-slick-dots li.slick-active button {
  background-color: #00aad2;
}

.tce-slick-dots li button {
  width: 0.5625rem;
  height: 0.5625rem;
  display: inline-block;
  color: transparent;
  border-radius: 50%;
  background-color: #888888;
}

.tce-slick-dots li button::selection {
  color: transparent;
}

.tce-slick-dots li button:focus {
  outline-width: 0.09375rem;
  outline-style: solid;
  outline-offset: 0.25rem;
}

@media (max-width: 639px) {
  .fueltype-nav-with-smartbtn {
    top: 55% !important;
  }
}

@media (max-width: 550px) {
  .fueltype-nav-with-smartbtn {
    top: 52% !important;
  }
}

@media (max-width: 450px) {
  .fueltype-nav-with-smartbtn {
    top: 47% !important;
  }
}

@media (max-width: 375px) {
  .fueltype-nav-with-smartbtn {
    top: 45% !important;
  }
}

@media (max-width: 320px) {
  .fueltype-nav-with-smartbtn {
    top: 44% !important;
  }
}

.tce.has-smartchat {
  padding-top: 1rem;
}

.tce.has-smartchat .tce-header {
  padding-top: 3rem;
}

.tce.has-smartchat .smartchat-contextual-cta-btn + .tce-header {
  padding-top: 1rem;
}

.tce-header.has-smartchat {
  align-items: center;
  align-content: center;
}

.tce-header.has-smartchat .smartchat-contextual-cta-btn {
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
}

@media (max-width: 639px) {
  .tce.has-smartchat .fueltype-nav-with-smartbtn {
    top: 55% !important;
  }
}

@media (max-width: 550px) {
  .tce.has-smartchat .fueltype-nav-with-smartbtn {
    top: 52% !important;
  }
}

@media (max-width: 450px) {
  .tce.has-smartchat .fueltype-nav-with-smartbtn {
    top: 47% !important;
  }
}

@media (max-width: 375px) {
  .tce.has-smartchat .fueltype-nav-with-smartbtn {
    top: 45% !important;
  }
}

@media (max-width: 320px) {
  .tce.has-smartchat .fueltype-nav-with-smartbtn {
    top: 44% !important;
  }
}

.tce-top-padding {
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .tce-top-padding {
    padding-top: 3rem;
  }
}

@media (min-width: 1440px) {
  .tce-top-padding {
    padding-top: 4.5rem;
  }
}

.tce-bottom-padding {
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .tce-bottom-padding {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .tce-bottom-padding {
    padding-bottom: 4.5rem;
  }
}

.tce-left-right-padding {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .tce-left-right-padding {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .tce-left-right-padding {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .tce-left-right-padding {
    padding-right: 7.5rem;
    padding-left: 7.5rem;
  }
}

.tces-slide-image-container {
  display: block;
}

.tce-item {
  padding: 0 1rem 1.5625rem;
}

@media (min-width: 640px) {
  .tce-item {
    padding: 0 1.25rem;
  }
}

@media (min-width: 1024px) {
  .tce-item {
    padding: 0 2.5rem;
  }
}

.tce-item-heading {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}

.tce-item-name-container {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  margin-bottom: 1.25rem;
}

.tce-item-name-container .tce-item-year {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  color: #333333;
  line-height: 2.25rem;
}

.tce-item-name-container .tce-item-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  color: #002c5e;
  line-height: 2.25rem;
  word-break: break-word;
  text-align: left;
}

.tce-item-name-container .tce-item-name-desc {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #333333;
  text-align: left;
  margin-top: auto;
}

.tce-price {
  margin-top: auto;
}

.tce-price .tce-price-amount {
  display: flex;
}

.tce-price .tce-price-amount .tce-price-number {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 400;
}

.tce-price .tce-price-amount .tooltip-trigger {
  vertical-align: top;
}

.tce-price .tce-price-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #666666;
}

.tce-price .tce-price-text .tce-offer-price {
  color: #002c5e;
}

.tce-swatch-container {
  display: flex;
  max-width: 100%;
}

.tce-swatch-container .tce-swatch {
  width: 1.75rem;
  height: 1rem;
  margin-right: 0.25rem;
}

.tce-swatch-container .tce-swatch:last-of-type {
  margin-right: 0;
}

@media (min-width: 1440px) {
  .tce-swatch-container .tce-swatch {
    width: 2.625rem;
  }
}

@media (max-width: 375px) {
  .tce-swatch-container .tce-swatch {
    width: 2.125rem;
  }
}

@media (max-width: 320px) {
  .tce-swatch-container .tce-swatch {
    width: 1.75rem;
  }
}

.tce-swatch-container .tce-swatch-small .tce-swatch {
  width: 1.375rem;
}

.tce-swatch-container .tce-large-swatch .tce-swatch {
  width: 2.9375rem;
}

@media (max-width: 375px) {
  .tce-swatch-container .tce-large-swatch .tce-swatch {
    width: 2.125rem;
  }
}

@media (max-width: 320px) {
  .tce-swatch-container .tce-large-swatch .tce-swatch {
    width: 1.75rem;
  }
}

.tce-list-wrapper {
  height: 100%;
  border-top: 0.0625rem solid #bababa;
  border-bottom: 0.0625rem solid #bababa;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem 0 1rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .tce-list-wrapper {
    padding: 1.125rem 0 0.625rem;
  }
}

.tce-list-wrapper .tce-list-header {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #666666;
  text-align: left;
}

.tce-list-wrapper .tce-list {
  list-style: none;
  padding-left: 0;
}

.tce-list-wrapper .tce-list-item {
  display: flex;
  align-items: flex-start;
  padding-bottom: 0.5rem;
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.tce-list-wrapper .tce-list-item-icon {
  flex-shrink: 0;
  width: 1.25rem;
  margin-right: 0.375rem;
}

.tce-list-wrapper .tce-list-item-icon svg {
  height: 1.25rem;
  width: 1.25rem;
}

.tce-list-wrapper .tce-list-footer {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #666666;
  text-align: left;
}

.tce-item-ctas {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .tce-item-ctas {
    flex-direction: row;
    justify-content: space-between;
  }
}

@media (max-width: 639px) {
  .tce-item-ctas {
    flex-direction: row;
    justify-content: space-between;
  }
}

.tce-item-ctas .button {
  margin-bottom: 0.875rem;
}

@media (min-width: 640px) {
  .tce-item-ctas .button {
    flex-basis: 48.5%;
    max-width: 48.5%;
    margin-bottom: 0.5rem;
  }
}

@media (max-width: 639px) {
  .tce-item-ctas .button {
    flex-basis: 48.5%;
    max-width: 48.5%;
    margin: 0 0.3125rem 0.875rem 0.3125rem;
  }
}
.hrssf-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.hrssf-container-inner {
  width: 100%;
  max-width: 48.75rem;
}

.hrssf-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.0625rem 1.0625rem 1.0625rem;
}

@media (min-width: 640px) {
  .hrssf-header {
    padding: 2rem 4.6875rem 2rem 5.3125rem;
  }
}

.hrssf-header-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.hrssf-header-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #000000;
  line-height: 1.875rem;
  margin-bottom: 1.75rem;
}

@media (min-width: 640px) {
  .hrssf-header-title {
    margin-bottom: 1rem;
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
}

.hrssf-header-copy {
  font-size: 1rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #666666;
  line-height: 1.375rem;
  text-align: center;
  padding: 0 0.625rem;
}

@media (min-width: 640px) {
  .hrssf-header-copy {
    line-height: 1.25rem;
  }
}

.hrssf-form-status-bar {
  width: 100%;
}

.hrssf-form-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background: #f3f3f3;
  padding: 2.6875rem 0 2.5rem 0;
}

@media (min-width: 640px) {
  .hrssf-form-inner {
    padding: 2.1875rem 4.6875rem 2.5rem 5.3125rem;
  }
}

.hrssf-form {
  display: flex;
  flex-direction: column;
}

.hrssf-form-required-container {
  padding-right: 1.0625rem;
  padding-left: 1.0625rem;
}

@media (min-width: 640px) {
  .hrssf-form-required-container {
    padding-right: 0;
    padding-left: 0;
  }
}

.hrssf-form-required {
  font-weight: 700;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333333;
  margin-bottom: 1.4375rem;
}

.hrssf-form-field-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-right: 1.0625rem;
  padding-left: 1.0625rem;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .hrssf-form-field-container {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
  }
}

.hrssf-form-field {
  width: 100%;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 1rem;
}

@media (min-width: 640px) {
  .hrssf-form-field {
    width: 46.7%;
    margin-bottom: 1.5625rem;
  }
}

.hrssf-form-label {
  display: block;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  margin-bottom: 0.625rem;
}

.hrssf-form-input {
  width: 100%;
  color: #333333;
  background: #ffffff;
  border: 1px solid #bababa;
  border-radius: 0;
  padding: 0.5625rem 0.75rem;
}

.hrssf-form-label-error {
  display: none;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #e63312;
  margin-top: 0.5rem;
}

.hrssf-form-field-error .hrssf-form-input {
  border-color: #e63312;
}

.hrssf-form-field-error .hrssf-form-label-error {
  display: block;
}

.hrssf-products-interested-container {
  background-color: #e6e6e6;
  padding: 2.1875rem 1.25rem;
}

@media (min-width: 640px) {
  .hrssf-products-interested-container {
    padding: 1.5625rem 2.1875rem 1.875rem;
  }
}

.hrssf-products-interested-title {
  font-weight: 500;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  color: #000000;
  line-height: 1.25rem;
  margin-bottom: 1.875rem;
}

@media (min-width: 640px) {
  .hrssf-products-interested-title {
    margin-bottom: 1.25rem;
  }
}

.hrssf-products-interested-options {
  display: flex;
  flex-flow: column;
}

@media (min-width: 640px) {
  .hrssf-products-interested-options {
    flex-flow: row;
    flex-wrap: wrap;
  }
}

.hrssf-products-interested-options-label {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 1.875rem;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

@media (min-width: 640px) {
  .hrssf-products-interested-options-label {
    margin: 0 1.25rem 1.25rem 0;
  }
}

.hrssf-form-custom-radio-button {
  position: relative;
  margin-right: 0.5rem;
}

.hrssf-form-custom-radio-label {
  font-size: 0.875rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #666666;
  line-height: 1rem;
  font-weight: 700;
}

.hrssf-legal {
  position: relative;
  display: inline-flex;
  align-items: flex-end;
  padding-top: 0.4375rem;
}

@media (min-width: 640px) {
  .hrssf-legal {
    padding-right: 1.875rem;
  }
}

.hrssf-legal-checkbox {
  opacity: 0;
  width: 0;
  height: 0;
}

.hrssf-custom-legal-checkbox {
  display: flex;
  align-items: flex-start;
}

.hrssf-custom-legal-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.0625rem solid #bababa;
  margin-right: 0.5rem;
  cursor: pointer;
}

.hrssf-legal-checkbox:checked ~ .hrssf-custom-legal-checkbox .hrssf-custom-legal-checkbox-button {
  border: 0.0625rem solid #00aad2;
}

.hrssf-legal-checkbox:checked ~ .hrssf-custom-legal-checkbox .hrssf-custom-legal-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.125rem;
  left: 0.375rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.hrssf-custom-legal-checkbox-label {
  font-size: 0.875rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  line-height: 1.125rem;
  color: #666666;
}

.hrssf-form-legal-container {
  margin: 1.25rem 2.5rem 1.875rem 1.125rem;
}

@media (min-width: 640px) {
  .hrssf-form-legal-container {
    margin: 0.9375rem 0 1.875rem;
  }
}

.hrssf-form-legal-copy {
  font-size: 0.875rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #666666;
  line-height: 1.125rem;
}

@media (min-width: 640px) {
  .hrssf-form-legal-copy {
    padding-right: 3.4375rem;
  }
}

.hrssf-form-legal-copy a {
  color: #666666;
  text-decoration: underline;
}

.hrssf-form-submit-field {
  text-align: center;
}

.hrssf-success-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.hrssf-success-inner {
  width: 100%;
  max-width: 75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background: #f3f3f3;
  padding: 2.5rem 1.5rem;
  position: relative;
}

.hrssf-success-inner .modal-x {
  color: #333333;
}

.hrssf-success-icon-container {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto 1.25rem;
}

.hrssf-success-icon {
  width: 100%;
  height: 100%;
}

.hrssf-success-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.875rem;
  margin-bottom: 1.25rem;
}

.hrssf-success-subhead {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.875rem;
  margin-bottom: 1.25rem;
}

.hrssf-success-copy {
  font-size: 1rem;
  color: #666666;
  line-height: 1.25rem;
  text-align: left;
  margin-bottom: 3.75rem;
}

.hrssf-success-copy:last-child {
  margin-bottom: 0;
}

.hrssf-success-copy span {
  font-weight: 500;
}

.hrssf-form-recaptcha-legal-container {
  margin-top: 2.1875rem;
  padding-top: 0.75rem;
  border-top: 0.0625rem solid #e6e6e6;
}

.hrssf-form-recaptcha-legal-copy {
  font-weight: 500;
  font-size: 0.875rem;
  color: #bababa;
  line-height: 1.125rem;
}

.hrssf-form-recaptcha-legal-copy a {
  color: #002c5e;
  text-decoration: none;
  display: inline-block;
  padding-right: 1.25rem;
}

.hrssf-form-recaptcha-legal-copy a svg {
  display: inline-block;
  margin-left: 0.3125rem;
}
.hrf-container, .hrf-container-header {
  position: relative;
  width: 100%;
  padding: 0;
  color: #333333;
}

@media (min-width: 640px) {
  .hrf-container, .hrf-container-header {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .hrf-container, .hrf-container-header {
    padding: 0 7.625rem;
  }
}

@media (min-width: 1440px) {
  .hrf-container, .hrf-container-header {
    padding: 0 20.625rem;
  }
}

.hrf-title-text {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 0.75rem;
}

@media (min-width: 1024px) {
  .hrf-title-text {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.hrf-form-desc {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 400;
  text-align: center;
  padding-bottom: 2.5rem;
}

@media (min-width: 1024px) {
  .hrf-form-desc {
    font-size: 1.25rem;
    line-height: 1.625rem;
    padding-bottom: 4rem;
  }
}

.hrf-error-banner {
  display: none;
  align-items: center;
  background: #fceae7;
  color: #e63312;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  padding: 1.125rem 1.5rem;
}

.hrf-error-banner .hrf-error-icon {
  display: inline-block;
  margin-right: 0.75rem;
  font-size: 1.5625rem;
}

@media (min-width: 640px) {
  .hrf-error-banner {
    justify-content: center;
  }
}

.hrf-submit-error .hrf-error-banner {
  display: flex;
}

.hrf-form-body {
  background: #f3f3f3;
  padding: 1.75rem 1.5rem;
}

@media (min-width: 640px) {
  .hrf-form-body {
    padding: 2.5rem 3.125rem;
  }
}

@media (min-width: 1024px) {
  .hrf-form-body {
    padding: 2.5rem 5rem;
  }
}

.hrf-form {
  display: block;
  position: relative;
}

@media (min-width: 640px) {
  .hrf-form {
    display: flex;
    flex-wrap: wrap;
  }
}

.hrf-form-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 500;
  margin-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .hrf-form-title {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .hrf-form-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.hrf-form-req {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.hrf-select-box {
  position: relative;
}

.hrf-form-field {
  position: relative;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 1rem;
}

.hrf-form-field .hrf-input-text,
.hrf-form-field .hrf-model {
  padding: 0.625rem 0.75rem;
  border: 1px solid #e6e6e6;
  width: 100%;
  color: #333333;
  background: #ffffff;
  border-radius: 0;
}

.hrf-form-field .hrf-model {
  -webkit-appearance: none;
          appearance: none;
}

.hrf-form-field .hrf-model::-ms-expand {
  display: none;
}

@media (min-width: 640px) {
  .hrf-form-field {
    width: 50%;
  }
  .hrf-form-field:nth-child(odd) {
    padding-right: 1.25rem;
  }
  .hrf-form-field:nth-child(even) {
    padding-left: 1.25rem;
  }
}

.hrf-error-label {
  color: #e63312;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  margin-top: 0.5rem;
  display: none;
}

.hrf-field-error .hrf-error-label,
.hrf-has-error .hrf-error-label {
  display: block;
}

.hrf-field-error .hrf-input-text,
.hrf-field-error .hrf-model,
.hrf-has-error .hrf-input-text,
.hrf-has-error .hrf-model {
  border-color: #e63312;
}

.hrf-form-label {
  display: block;
  color: #888888;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.hrf-select-arrow {
  position: absolute;
  right: 1rem;
  width: 0.625rem;
  bottom: 1rem;
  color: #002c5e;
  height: 0.4375rem;
}

.hrf-select-arrow .icon {
  height: auto;
}

.hrf-form-cta {
  width: 100%;
  text-align: center;
}

@media (min-width: 640px) {
  .hrf-form-cta {
    margin-top: 0.5rem;
  }
}

.hrf-cta-submit {
  width: 100%;
}

@media (min-width: 640px) {
  .hrf-cta-submit {
    width: auto;
  }
}

.hrf-form-desclaimer {
  clear: both;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #666666;
  margin-top: 1.5625rem;
  margin-bottom: 1rem;
}

.hrf-form-desclaimer a {
  color: #002c5e;
  text-decoration: none;
  cursor: pointer;
}

.hrf-form-select-model {
  clear: both;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #666666;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.hrf-updates.hrf-container {
  padding-bottom: 2rem;
}

.hrf-handraiser.hrf-container {
  padding: 0 0 2rem;
}

@media (min-width: 640px) {
  .hrf-handraiser.hrf-container {
    padding: 0 2rem 2rem;
  }
}

@media (min-width: 1024px) {
  .hrf-handraiser.hrf-container {
    padding: 0 7.625rem 2rem;
  }
}

@media (min-width: 1440px) {
  .hrf-handraiser.hrf-container {
    padding: 0 20.625rem 2rem;
  }
}

.hrf-handraiser .hrf-form-body {
  padding: 2.5rem 1rem;
}

@media (min-width: 640px) {
  .hrf-handraiser .hrf-form-body {
    padding: 2.5rem 6.125rem;
  }
}

@media (min-width: 1024px) {
  .hrf-handraiser .hrf-form-body {
    padding: 2.5rem 5rem;
  }
}

.hrf-handraiser .hrf-title-text {
  font-size: 1.5rem;
  line-height: 1.875rem;
  margin-bottom: 1rem;
  padding: 0 1rem;
}

.hrf-handraiser .hrf-form-desc {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 0 1rem;
  padding-bottom: 2rem;
}

@media (min-width: 640px) {
  .hrf-handraiser .hrf-form-desc {
    padding-bottom: 2.25rem;
  }
}

@media (min-width: 1024px) {
  .hrf-handraiser .hrf-form-desc {
    padding-bottom: 2rem;
  }
}

@media (max-width: 1023px) {
  .hrf-handraiser .hrf-form-field {
    width: 100%;
    padding: 0;
  }
}

.hrf-handraiser .hrf-cta-submit {
  width: auto;
}

.hrf-container-header .hrf-title-text {
  font-size: 1.5rem;
  line-height: 1.875rem;
  margin-bottom: 1rem;
  padding: 0 1rem;
}

.hrf-container-header .hrf-form-desc {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 0 1rem;
  padding-bottom: 2rem;
}

@media (min-width: 640px) {
  .hrf-container-header .hrf-form-desc {
    padding-bottom: 2.25rem;
  }
}

@media (min-width: 1024px) {
  .hrf-container-header .hrf-form-desc {
    padding-bottom: 2rem;
  }
}

.hrf-submitted-info {
  background-color: #f3f3f3;
  padding: 2.5rem 1rem;
  text-align: center;
}

.hrf-submitted-info-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.875rem;
  padding-bottom: 0.5rem;
}

.hrf-submitted-info-msg {
  font-size: 0.875rem;
  font-weight: 700;
  color: #888888;
  line-height: 1.125rem;
}

.hrf-hide {
  display: none;
}

.hrf-form-checkboxes div {
  float: left;
}

@media (max-width: 640px) {
  .hrf-form-checkboxes div {
    float: none;
    margin: 0.9375rem 0;
  }
}

.hrf-form-checkboxes .hrf-error-label {
  clear: both;
}

.hrf-form-checkboxes label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 700;
  padding: 0 1.5625rem 0 0.3125rem;
  color: #333333;
}

.hrf-form-checkboxes [type="checkbox"]:not(:checked),
.hrf-form-checkboxes [type="checkbox"]:checked {
  position: absolute;
  left: -624.9375rem;
}

.hrf-form-checkboxes [type="checkbox"]:not(:checked) + label,
.hrf-form-checkboxes [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.5625rem;
  cursor: pointer;
}

.hrf-form-checkboxes [type="checkbox"]:not(:checked) + label:before {
  border: 0.0625rem solid #bababa !important;
}

.hrf-form-checkboxes [type="checkbox"]:not(:checked) + label:before,
.hrf-form-checkboxes [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  width: 1.125rem;
  height: 1.125rem;
  box-sizing: border-box;
  border: 0.0625rem solid #00aad2;
  background: #ffffff;
  background-color: #ffffff;
  outline: none;
}

.hrf-form-checkboxes [type="checkbox"]:not(:checked) + label:after,
.hrf-form-checkboxes [type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  width: 0.3125rem;
  height: 0.625rem;
  top: 0.45rem;
  left: 0.575rem;
  border: solid #00aad2;
  border-width: 0 2px 2px 0;
}

.hrf-form-checkboxes [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.hrf-form-checkboxes [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(45deg);
}

.hrf-field-error [type="checkbox"]:not(:checked) + label:before,
.hrf-field-error [type="checkbox"]:checked + label:before {
  border-color: #e63312 !important;
}

.hrfv2-modal-form {
  width: 100%;
  max-width: 840px;
  max-height: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  overflow-y: auto;
  z-index: 1002;
}

@media (min-width: 640px) {
  .hrfv2-modal-form {
    max-height: 100vh;
  }
}

.hrfv2-model-form-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.5rem 0 1.875rem;
}

@media (min-width: 640px) {
  .hrfv2-model-form-inner {
    padding: 2.5rem 1.875rem 1.875rem;
  }
}

.hrfv2-form-close .modal-x {
  width: 2rem;
  height: 2rem;
  top: 0.5625rem;
  right: 0.5625rem;
  color: #002c5e;
}

@media (min-width: 1024px) {
  .hrfv2-form-close .modal-x {
    top: 0.875rem;
    right: 0.875rem;
  }
}

.hrfv2-inline {
  display: flex;
  justify-content: center;
}

.hrfv2-inline-form {
  width: 100%;
}

.hrfv2-inline-form-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
}

.hrfv2-form-header {
  text-align: center;
  max-width: 48.75rem;
  padding: 0 1rem;
  margin: 0 auto;
}

.hrfv2-form-headline {
  margin-top: 1.125rem;
  margin-bottom: 1rem;
}

.hrfv2-form-headline p {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  color: #333333;
  line-height: 2.25rem;
}

.hrfv2-form-copy {
  margin-bottom: 2rem;
}

.hrfv2-form-copy p {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  color: #666666;
  line-height: 1.375rem;
}

.hrfv2-form {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 2rem;
}

@media (min-width: 640px) {
  .hrfv2-form {
    margin-bottom: 2.5rem;
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .hrfv2-form {
    padding: 0 7.625rem;
  }
}

@media (min-width: 1440px) {
  .hrfv2-form {
    padding: 0 20.625rem;
  }
}

.hrfv2-form-inner {
  display: flex;
  flex-direction: column;
  max-width: 75rem;
  margin: 0 auto;
  background-color: #f3f3f3;
  padding: 2.5rem 1rem;
}

@media (min-width: 640px) {
  .hrfv2-form-inner {
    padding: 2.5rem 6.125rem;
  }
}

@media (min-width: 1024px) {
  .hrfv2-form-inner {
    padding: 2.5rem 5rem;
  }
}

.hrfv2-form-required {
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.25rem;
  margin-bottom: 1rem;
}

.hrfv2-form-field-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.hrfv2-form-field {
  width: 100%;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 1rem;
}

@media (min-width: 1024px) {
  .hrfv2-form-field {
    width: 48%;
  }
}

.hrfv2-form-field .multiselect__tags {
  padding: 0.4375rem 2.5rem 0.4375rem 0.75rem !important;
}

.hrfv2-full-width {
  width: 100%;
  margin-bottom: 4.375rem;
}

@media (min-width: 640px) {
  .hrfv2-full-width {
    margin-bottom: 3.5rem;
  }
}

.hrfv2-form-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  color: #666666;
  line-height: 1.25rem;
  margin-bottom: 0.25rem;
}

.hrfv2-form-input {
  width: 100%;
  color: #333333;
  background: #ffffff;
  border: 0.0625rem solid #bababa;
  border-radius: 0;
  padding: 0.6875rem 0.8125rem;
}

.hrfv2-form-label-error {
  display: none;
  font-size: 0.875rem;
  font-weight: 700;
  color: #e63312;
  line-height: 1.25rem;
  margin-top: 0.5rem;
}

.hrfv2-form-field-error .hrfv2-form-input,
.hrfv2-form-field-error .multiselect__tags {
  border-color: #e63312;
}

.hrfv2-form-field-error .hrfv2-form-label-error {
  display: block;
}

.multiselect-caret {
  position: absolute;
  top: 50%;
  right: 0.0625rem;
  transform: translateY(-50%);
  padding: 0.5625rem 0.75rem;
}

.multiselect-caret svg {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: auto;
  flex-shrink: 0;
}

.multiselect--active .multiselect-caret {
  transform: translateY(-50%) rotate(180deg);
}

.hrfv2-form-model-select-copy {
  font-size: 0.875rem;
  font-weight: 700;
  color: #666666;
  line-height: 1.25rem;
  margin-bottom: 0.25rem;
}

.hrfv2-form-model-select-sub-copy {
  font-size: 0.875rem;
  font-weight: 500;
  color: #666666;
  line-height: 1rem;
  margin-bottom: 0.25rem;
}

.hrfv2-form-electric-salable-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5625rem;
}

.hrfv2-form-electric-salable-banner {
  background-color: #EEF7F9;
  margin-bottom: 0.625rem;
}

.hrfv2-form-electric-salable-banner:last-of-type {
  margin-bottom: 0;
}

.hrfv2-form-electric-salable-banner-inner {
  padding: 0.9375rem 1.25rem;
}

.hrfv2-form-electric-salable-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.hrfv2-form-electric-salable-copy a {
  display: inline-flex;
  color: #002c5e;
  margin-left: 0.125rem;
}

.hrfv2-form-legal-container {
  margin-bottom: 2.1875rem;
}

@media (min-width: 640px) {
  .hrfv2-form-legal-container {
    margin-bottom: 1rem;
  }
}

.hrfv2-form-legal-copy {
  font-weight: 700;
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.25rem;
}

.hrfv2-form-legal-copy a {
  color: #002c5e;
  text-decoration: none;
}

.hrfv2-form-submit-container {
  text-align: center;
}

.hrfv2-success {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  background-color: #f3f3f3;
}

.hrfv2-success-inner {
  width: 100%;
  max-width: 30.625rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 2.8125rem 0.9375rem 5.9375rem;
}

@media (min-width: 1024px) {
  .hrfv2-success-inner {
    margin: 2.8125rem 0.9375rem 5.9375rem;
  }
}

.hrfv2-success-icon-container {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto 1.25rem;
}

.hrfv2-success-icon {
  width: 100%;
  height: 100%;
}

.hrfv2-success-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.875rem;
  margin-bottom: 1.25rem;
}

.hrfv2-success-copy {
  font-size: 1rem;
  color: #666666;
  line-height: 1.375rem;
}

.hrfv2-success-copy b {
  font-weight: 700;
}

.hrfv2-success-copy p {
  display: inline;
}

.hrfv2-modal-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1001;
}

.hrfv2-form-recaptcha-legal-container {
  margin-top: 2.1875rem;
  padding-top: 0.75rem;
  border-top: 0.0625rem solid #e6e6e6;
}

.hrfv2-form-recaptcha-legal-copy {
  font-weight: 500;
  font-size: 0.875rem;
  color: #bababa;
  line-height: 1.125rem;
}

.hrfv2-form-recaptcha-legal-copy a {
  color: #002c5e;
  text-decoration: none;
  display: inline-block;
  padding-right: 1.25rem;
}

.hrfv2-form-recaptcha-legal-copy a svg {
  display: inline-block;
  margin-left: 0.3125rem;
}

.conquest-competitor {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ccc-container {
  width: 100%;
  max-width: 90rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
}

@media (min-width: 640px) {
  .ccc-container {
    padding: 2rem 3rem;
  }
}

@media (min-width: 1024px) {
  .ccc-container {
    padding: 3rem 4.5rem;
  }
}

@media (min-width: 1440px) {
  .ccc-container {
    padding: 4.5rem 7.5rem;
  }
}

@media (min-width: 1024px) {
  .ccc-container-horizontal-direction .ccc-head {
    align-items: flex-start;
    text-align: left;
  }
  .ccc-container-horizontal-direction .ccc-head-inner {
    padding-left: 1.875rem;
  }
  .ccc-container-horizontal-direction .ccc-body {
    flex-direction: row;
    align-items: flex-start;
  }
  .ccc-container-horizontal-direction .ccc-image-container {
    width: 43%;
    margin-right: 1.5rem;
  }
  .ccc-container-horizontal-direction .ccc-competitor-container,
  .ccc-container-horizontal-direction .ccc-single-competitor-container {
    width: 57%;
  }
  .ccc-container-horizontal-direction .ccc-swiper {
    padding: 1rem 2.5rem;
  }
  .ccc-container-horizontal-direction .ccc-swiper-nav {
    background-color: #ffffff;
    position: inherit;
    transform: translateY(3.125rem);
  }
  .ccc-container-horizontal-direction .ccc-swiper-nav-prev,
  .ccc-container-horizontal-direction .ccc-swiper-nav-next {
    position: absolute;
    margin-bottom: 0;
  }
  .ccc-container-horizontal-direction .swiper-dots {
    padding-top: 2.1875rem !important;
    margin-bottom: 0 !important;
  }
  .ccc-container-horizontal-direction .ccc-swiper-nav-prev {
    margin-right: 1rem;
    left: 15%;
  }
  .ccc-container-horizontal-direction .ccc-swiper-nav-next {
    right: 15%;
  }
  .ccc-container-horizontal-direction .ccc-footer {
    margin-left: auto;
    width: 57%;
  }
  .ccc-container-horizontal-direction .ccc-footer-with-navigation {
    margin-top: 6rem;
  }
}

@media (min-width: 1440px) {
  .ccc-container-horizontal-direction .ccc-head-inner {
    padding-left: 5rem;
  }
}

.ccc-head {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ccc-head-inner {
  width: 100%;
  max-width: 38.75rem;
}

.ccc-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.875rem;
  color: #333333;
  line-height: 2.25rem;
  margin-bottom: 0.5rem;
}

.ccc-copy {
  font-size: 1rem;
  color: #666666;
  line-height: 1.375rem;
  margin-bottom: 2.5rem;
}

.ccc-image-container {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.ccc-image-container img {
  height: auto;
}

.ccc-image-container .ccc-disclaimer {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  text-align: center;
  margin-right: 1rem;
  padding: 0.25rem 0;
}

@media (min-width: 1024px) {
  .ccc-image-container .ccc-disclaimer {
    padding: 0.5rem 0;
  }
}

@media (min-width: 1440px) {
  .ccc-image-container .ccc-disclaimer {
    padding: 0.5rem 0;
  }
}

.ccc-image-container .ccc-disclaimer .tooltip-trigger {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  left: -0.625rem;
  bottom: -0.625rem;
}

.ccc-container-horizontal-direction .ccc-disclaimer {
  padding-left: 0;
  padding-right: 0;
}

.ccc-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ccc-competitor-container {
  width: 100%;
  background-color: #f3f3f3;
}

.ccc-padding-bottom {
  padding-bottom: 4.375rem;
}

.ccc-single-competitor-container {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #f3f3f3;
  padding: 2.5rem 0;
}

.ccc-swiper {
  width: 100%;
  padding: 2.5rem;
}

.ccc-swiper .two-slides {
  width: 50% !important;
}

.ccc-swiper-slider {
  width: 100%;
  max-width: 1440px;
}

.ccc-swiper-slider .swiper-track {
  display: flex;
  will-change: transform;
}

.ccc-swiper-slider .swiper-slide {
  height: inherit;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-right: 0.0625rem solid #888888;
}

.ccc-swiper-slider .swiper-slide:last-child {
  border-right: 0;
}

.ccc-swiper-slider .swiper-slide > div {
  height: 100%;
}

.ccc-swiper-nav {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: inherit;
  left: 0;
  transform: translateY(1.0625rem);
}

.ccc-swiper-nav-prev,
.ccc-swiper-nav-next {
  padding: 0 1rem;
  margin-bottom: 2.5rem;
}

.ccc-swiper-nav-prev svg,
.ccc-swiper-nav-next svg {
  height: 1.875rem;
}

.ccc-swiper-nav-prev.swiper-button-disabled,
.ccc-swiper-nav-next.swiper-button-disabled {
  color: #bababa;
}

@media (max-width: 639px) {
  .ccc-swiper-nav-prev {
    margin-right: 1rem;
    left: 10%;
  }
}

@media (min-width: 640px) {
  .ccc-swiper-nav-prev {
    margin-right: 1rem;
    left: 25%;
  }
}

@media (max-width: 639px) {
  .ccc-swiper-nav-next {
    margin-left: 1rem;
    right: 10%;
  }
}

@media (min-width: 640px) {
  .ccc-swiper-nav-next {
    margin-left: 1rem;
    right: 25%;
  }
}

/* pagination pill */
.ccc-swiper-nav .swiper-pagination {
  bottom: -0.3125rem;
  left: 50% !important;
  border-radius: 1.875rem;
  border: 0.0625rem solid #00aad2;
  padding: 0.5rem 0.875rem;
  gap: 0.625rem;
  justify-content: center;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  max-width: 30%;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  display: inline-flex;
  transform: translate(-50%, 0.625rem);
}

@media (max-width: 639px) {
  .ccc-swiper-nav .swiper-pagination {
    max-width: 50%;
    border: 0;
    display: contents;
  }
}

.ccc-swiper-nav .swiper-pagination-bullet-active {
  background: #00b4d8;
}

.ccc-swiper-nav .swiper-button-next,
.ccc-swiper-nav .swiper-button-prev {
  color: #111111;
}

.ccc-swiper-nav .swiper-button-next:after,
.ccc-swiper-nav .swiper-button-prev:after {
  font-size: 1.875rem;
  color: #111111;
}

.ccc-swiper-nav-dots span {
  background-color: #888888;
  border-radius: 50%;
  opacity: 1;
  display: inline-block;
  height: 0.5625rem;
  width: 0.5625rem;
}

@media (min-width: 1024px) {
  .ccc-container-horizontal-direction .ccc-competitor-container {
    padding-bottom: 0;
  }
}

.ccc-footer {
  margin-top: 1.5rem;
}

.ccc-compare-cta-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}

.ccc-compare-cta {
  display: initial;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  text-decoration: none;
}

.ccc-compare-cta svg {
  width: 0.5rem;
  height: 0.625rem;
  display: inline-block;
  margin-left: 0.375rem;
}

.swiper-pagination-bullet-active {
  background-color: #00aad2;
}

.conquest-competitor-item {
  height: 100%;
}

.cci-container {
  height: 100%;
  padding: 0.5rem;
}

.cci {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  padding: 0 1.25rem 1.25rem 1.25rem;
}

.cci-left-align .cci-featured-headline {
  justify-content: flex-start;
  text-align: left;
  left: 1.25rem;
}

.cci-left-align .cci-competitor-name {
  justify-content: flex-start;
  text-align: left;
}

.cci-left-align .cci-compare {
  justify-content: flex-start;
}

.cci-left-align .cci-compare button {
  text-align: left;
}

.cci-featured {
  background: linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
  box-shadow: 0 0.0625rem 0.5rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  border-right: 0;
}

.cci-featured::before {
  content: '';
  width: 0.0625rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: -0.5625rem;
  background: #f3f3f3;
  z-index: 2;
}

.cci-featured::after {
  background: transparent !important;
}

.cci-featured .cci-featured-headline {
  opacity: 1;
  visibility: visible;
}

.cci-featured-headline {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 700;
  color: #00aad2;
  line-height: 1.25rem;
  opacity: 0;
  visibility: hidden;
  margin: 0.5rem 0;
}

.cci-image-container {
  height: 100%;
  max-height: 5.625rem;
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 0.75rem;
}

.cci-image-container [data-smco-video] {
  height: 100%;
}

.cci-image-container [data-smco-video]:after {
  width: 3.75rem;
  height: 3.75rem;
}

.cci-image {
  height: auto;
}

.cci-disclaimer {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  text-align: center;
  margin: 0.25rem 0;
  max-width: 14rem;
}

.cci-disclaimer .tooltip-trigger {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  left: -0.625rem;
  bottom: -0.625rem;
}

.cci-competitor-name {
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  color: #666666;
  line-height: 1.625rem;
  margin-bottom: 0.5rem;
}

.cci-compare {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: auto;
}

.cci-compare-cta {
  display: initial;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.25rem;
  text-decoration: none;
}

.cci-compare-cta svg {
  width: 0.5rem;
  height: 0.625rem;
  display: inline-block;
  margin-left: 0.375rem;
}

.slick-slide:last-of-type .cci::after {
  background: transparent !important;
}

@media (min-width: 640px) {
  .slick-current .cci::after {
    content: '';
    width: 0.0625rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: -0.5rem;
    background: #888888;
    z-index: 1;
  }
}

@media (min-width: 1024px) {
  .slick-current + .slick-active .cci::after,
  .slick-current + .slick-active + .slick-active .cci::after {
    content: '';
    width: 0.0625rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: -0.5rem;
    background: #888888;
    z-index: 1;
  }
}

.ccc-single-competitor-container .conquest-competitor-item {
  width: 100%;
  max-width: 36.75rem;
  margin: 0 2.5rem;
}

.ccc-single-competitor-container .cci-featured {
  background: linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
  box-shadow: 0 0.0625rem 0.5rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

.ccc-single-competitor-container .cci-featured .cci-featured-headline {
  opacity: 1;
  visibility: visible;
}

@media (min-width: 1024px) {
  .ccc-container-horizontal-direction .slick-current + .slick-active .cci::after {
    width: 0;
  }
}

@media (min-width: 1440px) {
  .ccc-container-horizontal-direction .slick-current + .slick-active .cci::after {
    width: 0.0625rem;
  }
}

.ccc-container-horizontal-direction .cci-disclaimer {
  max-width: 10rem;
}

.zappyride-multiev-container {
  display: flex;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

@media (min-width: 640px) {
  .zappyride-multiev-container {
    padding: 2rem 3rem;
  }
}

@media (min-width: 1024px) {
  .zappyride-multiev-container {
    padding: 3rem 4.5rem;
  }
}

@media (min-width: 1440px) {
  .zappyride-multiev-container {
    padding: 4.5rem 7.5rem;
  }
}

.zappyride-multiev-container iframe {
  width: 100%;
  border: 0;
  height: 97.5625rem;
}

@media (min-width: 791px) {
  .zappyride-multiev-container iframe {
    height: 80.375rem;
  }
}

@media (min-width: 853px) {
  .zappyride-multiev-container iframe {
    height: 91.5rem;
  }
}

@media (min-width: 918px) {
  .zappyride-multiev-container iframe {
    height: 96.625rem;
  }
}

@media (min-width: 985px) {
  .zappyride-multiev-container iframe {
    height: 44.4375rem;
  }
}

@media (min-width: 1024px) {
  .zappyride-multiev-container iframe {
    height: 39.4375rem;
  }
}
@media (min-width: 1440px) {
  .zappyride-multiev-container iframe {
    height: 33.4375rem;
  }
}
.gpc-browse-nav-inner {
  border-top: 0.0625rem solid #cccccc;
  z-index: 998;
}

.gpc-browse-nav-inner.sticky-bar-on {
  border-top: 0;
  top: -0.1875rem;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .gpc-browse-nav-inner {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gpc-browse-nav-inner {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .gpc-browse-nav-inner.sticky-bar-on {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gpc-browse-nav-inner.sticky-bar-on {
    width: calc(100vw - 375px);
  }
}

.gpc-nav {
  display: flex;
  justify-content: center;
  background: #f3f3f3;
}

.gpc-nav-inner,
.gpc-filter-nav-inner,
.gpc-filter-body-inner,
.gpc-filter-nav-bottom-inner,
.gpc-compare-nav-inner,
.gpc-compare-nav-bottom-inner {
  width: 100%;
  display: flex;
  max-width: 90rem;
  padding: 0 1rem;
}

@media (min-width: 1024px) {
  .gpc-nav-inner,
  .gpc-filter-nav-inner,
  .gpc-filter-body-inner,
  .gpc-filter-nav-bottom-inner,
  .gpc-compare-nav-inner,
  .gpc-compare-nav-bottom-inner {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .gpc-nav-inner,
  .gpc-filter-nav-inner,
  .gpc-filter-body-inner,
  .gpc-filter-nav-bottom-inner,
  .gpc-compare-nav-inner,
  .gpc-compare-nav-bottom-inner {
    padding: 0 4.5rem;
  }
}

.gpc-nav-inner {
  padding: 0;
}

@media (min-width: 640px) {
  .gpc-nav-inner {
    padding: 0 2rem;
  }
}

@media (min-width: 1280px) {
  .gpc-nav-inner {
    padding: 0 4.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .gpc-nav-inner {
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .gpc-filter-body-inner {
    padding: 0 5rem 0 7.5rem;
  }
}

.gpc-nav-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0.8125rem 0;
}

@media (min-width: 1024px) {
  .gpc-nav-container {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gpc-nav-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .gpc-nav-container {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
}

.gpc-nav-section {
  height: 2.25rem;
  display: flex;
  align-items: center;
  position: relative;
  overflow-x: scroll;
  padding: 0.0625rem 0 0.125rem 1rem;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.gpc-nav-section:first-of-type {
  flex: 1;
}

.gpc-nav-section::-webkit-scrollbar {
  display: none;
}

@media (min-width: 1024px) {
  .gpc-nav-section {
    padding: 0;
  }
  .gpc-nav-section:first-of-type {
    margin-bottom: 0;
  }
}

@media (max-width: 1023px) {
  .gpc-nav-section-btns {
    margin-top: 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gpc-nav-section:first-of-type {
    overflow: inherit;
    margin-bottom: 1rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .gpc-nav-section:first-of-type {
    overflow: hidden;
    margin-bottom: 0;
    padding: 0;
  }
}

.gpc-nav-popular-filter-container {
  display: flex;
  align-items: center;
}

.gpc-nav-popular-filter-headline {
  flex-shrink: 0;
  font-weight: 500;
  font-size: 0.875rem;
  color: #000000;
  line-height: 2.1875rem;
  margin-right: 0.9375rem;
}

.gpc-nav-popular-filters-container {
  width: 100%;
  height: 2.1875rem;
  display: flex;
  align-items: center;
  position: relative;
}

.gpc-nav-popular-filters-left-arrow-container,
.gpc-nav-popular-filters-right-arrow-container {
  width: 3.75rem;
  display: none;
  position: absolute;
  top: 0;
  z-index: 1;
}

.gpc-nav-popular-filters-left-arrow-container {
  justify-content: flex-start;
  left: 0;
  background: linear-gradient(270deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
}

.gpc-nav-popular-filters-right-arrow-container {
  justify-content: flex-end;
  right: 0;
  background: linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
}

.gpc-nav-popular-filters-left-arrow,
.gpc-nav-popular-filters-right-arrow {
  width: 0.75rem;
  height: 2rem;
  -webkit-tap-highlight-color: transparent;
}

.gpc-nav-popular-filters-left-arrow svg,
.gpc-nav-popular-filters-right-arrow svg {
  width: 100%;
  height: 100%;
  color: #002c5e;
}

.gpc-nav-popular-filters {
  display: flex;
  align-items: center;
  position: relative;
}

.gpc-nav-popular-filter {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding-right: 1rem;
}

.gpc-nav-popular-filter-disabled {
  display: none;
}

.gpc-nav-popular-filter-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.gpc-nav-popular-filter-custom-checkbox {
  display: flex;
  align-items: center;
  border: 0.0625rem solid #002c5e;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.gpc-nav-popular-filter-custom-checkbox-button {
  display: none;
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.125rem solid #bababa;
  margin-right: 0.5rem;
}

.gpc-nav-popular-filter-custom-checkbox-label {
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.0625rem;
  padding: 0.5rem 1.0625rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.gpc-nav-button {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.0625rem;
  border: 0.0625rem solid #666666;
  margin-right: 1rem;
  padding: 0.5rem 1.0625rem;
}

.gpc-nav-button svg {
  margin-right: 0.4375rem;
}

.gpc-nav-button-all-filters svg {
  width: 1rem;
  height: 0.75rem;
}

.gpc-filter-nav-wrapper .gpc-filter-body-desktop {
  display: flex;
}

@media (max-width: 639px) {
  .gpc-filter-nav-wrapper .gpc-filter-body-desktop {
    border: none;
  }
}

.gpc-filter-nav-wrapper .gpc-filter-nav-mobile {
  display: flex;
}

@media (min-width: 1024px) {
  .gpc-filter-nav-wrapper .gpc-filter-nav-mobile {
    display: none;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gpc-filter-nav-wrapper {
    width: calc(100vw - 375px);
  }
}

.gpc-filter-nav {
  display: flex;
  justify-content: center;
  position: relative;
  background: #002c5e;
  z-index: 1000;
}

.gpc-filter-nav-container {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
  padding: 1.1875rem 0;
}

.gpc-filter-nav-reset-filters-button {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.0625rem;
  text-decoration: underline;
}

.gpc-filter-nav-headline {
  display: inline-flex;
  align-items: center;
  font-size: 1.125rem;
  color: #ffffff;
  line-height: 1.4375rem;
}

.gpc-filter-nav-headline svg {
  width: 1rem;
  height: 0.75rem;
  margin-right: 0.9375rem;
}

.gpc-filter-nav-close-button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #ffffff;
}

.gpc-filter-body {
  display: flex;
  justify-content: center;
  position: absolute;
  right: 0;
  left: 0;
  background: #ffffff;
  overflow-y: auto;
  z-index: 1000;
}

@media (min-width: 1024px) {
  .gpc-filter-body {
    height: auto;
  }
}

.gpc-filter-body-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1.25rem 0 3.75rem;
}

.gpc-filter-groups {
  width: 100%;
}

@media (min-width: 1024px) {
  .gpc-filter-groups {
    width: 25%;
  }
}

.gpc-filter-group {
  display: flex;
  flex-direction: column;
  border-bottom: 0.0625rem solid #bababa;
  margin-bottom: 1.875rem;
  padding-bottom: 1.875rem;
}

@media (min-width: 1024px) {
  .gpc-filter-group:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

.gpc-filter-group-headline {
  display: flex;
  align-items: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.4375rem;
  margin-bottom: 1.25rem;
  position: relative;
  width: -webkit-max-content;
  width: max-content;
}

.gpc-filter-group-headline span {
  width: 1.4375rem;
  height: 1.4375rem;
  display: inline-flex;
  justify-content: center;
  font-weight: 300;
  font-size: 0.875rem;
  color: #ffffff;
  background-color: #00aad2;
  border-radius: 100%;
  margin-left: 0.375rem;
  position: absolute;
  right: -1.8125rem;
}

.gpc-filters {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}

@media (min-width: 1024px) {
  .gpc-filters {
    flex-flow: column nowrap;
  }
}

.gpc-filter {
  display: flex;
  margin-right: 1.25rem;
  margin-bottom: 0.75rem;
}

@media (min-width: 1024px) {
  .gpc-filter {
    display: flex !important;
  }
  .gpc-filter:last-of-type {
    margin-bottom: 0;
  }
}

.gpc-filter-disabled {
  pointer-events: none;
}

.gpc-filter-disabled .gpc-filter-custom-checkbox-button {
  border: 0.125rem solid #dadada;
}

.gpc-filter-disabled .gpc-filter-custom-checkbox-label {
  color: #888888;
}

.gpc-filter-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.gpc-filter-custom-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.gpc-filter-custom-checkbox-button {
  display: inline-block;
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.125rem solid #bababa;
  margin-right: 0.5rem;
}

.gpc-filter-checkbox:checked ~ .gpc-filter-custom-checkbox .gpc-filter-custom-checkbox-button {
  border: 0.125rem solid #00aad2;
}

.gpc-filter-checkbox:checked ~ .gpc-filter-custom-checkbox .gpc-filter-custom-checkbox-button:after {
  content: "";
  position: absolute;
  top: 0.0625rem;
  left: 0.25rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.gpc-filter-custom-checkbox-label {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.0625rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.gpc-filter-custom-checkbox-label svg {
  width: auto;
  height: 1.375rem;
  margin-right: 0.375rem;
}

.gpc-filter-checkbox:checked ~ .gpc-filter-custom-checkbox .gpc-filter-custom-checkbox-label {
  color: #00aad2;
}

.gpc-filter-toggle {
  display: flex;
}

@media (min-width: 1024px) {
  .gpc-filter-toggle {
    display: none;
  }
}

.gpc-filter-toggle-button {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.0625rem;
  text-decoration: underline;
  margin: 0.9375rem 0;
}

.gpc-filter-body-button,
.gpc-filter-nav-button {
  width: 100%;
  max-width: 18.25rem;
}

.gpc-filter-body-button.button-gray,
.gpc-filter-nav-button.button-gray {
  pointer-events: none;
}

.gpc-filter-body-no-results-copy,
.gpc-filter-nav-bottom-no-results-copy {
  display: flex;
  justify-content: center;
  font-size: 0.875rem;
  color: #888888;
  line-height: 1.0625rem;
  margin-top: 1.25rem;
}

.gpc-filter-nav-bottom-no-results-copy {
  margin-top: 0.5625rem;
}

.gpc-filter-nav-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  box-shadow: 0 0.1875rem 0.5625rem 0.125rem rgba(0, 0, 0, 0.3);
  z-index: 1001;
}

.gpc-filter-nav-bottom-container {
  width: 100%;
  height: 6rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.8125rem 0;
}

.gpc-filter-nav-backdrop {
  position: fixed;
  top: 8rem;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 998;
}

@media (min-width: 1024px) {
  .rightFloat {
    float: right;
  }
}

@media (min-width: 1024px) {
  .flexEnd {
    display: flex;
    justify-content: flex-end;
  }
}

@media (min-width: 1024px) {
  .flexCenter {
    display: flex;
    justify-content: center;
    align-items: baseline;
  }
}

.width100 {
  width: 100%;
}

.gpc-header-headline {
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.0625rem;
}

.gpc-header-headline h1 {
  display: inline;
  font-weight: 500;
  font-size: 0.875rem;
}

.gpc-header-filters {
  display: flex;
  align-items: center;
}

.gpc-header-filter {
  display: flex;
  flex-wrap: none;
  align-items: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  color: #ffffff !important;
  line-height: 1.0625rem;
  background: #00aad2;
  margin: 0 1rem 0 0;
  padding: 0.5625rem 0.8125rem;
  width: -webkit-max-content;
  width: max-content;
}

@media (max-width: 639px) {
  .gpc-header-filter {
    margin-bottom: 1rem;
  }
}

.gpc-header-filter-remove-button {
  flex-shrink: 0;
  width: 0.625rem;
  height: 0.625rem;
  color: #ffffff;
  margin-left: 0.5rem;
}

.gpc-header-filter-reset-button {
  font-size: 0.875rem;
  color: #002c5e !important;
  line-height: 2.1875rem;
  text-decoration: underline;
  margin: 0 1.25rem 0 0;
  width: -webkit-max-content;
  width: max-content;
}

@media (max-width: 639px) {
  .gpc-header-filter-reset-button {
    margin-bottom: 1rem;
  }
}

.gpc-nav-section-inner {
  display: flex;
}

.gpc-header-filters {
  flex-wrap: wrap;
}

@media (max-width: 639px) {
  .flexEnd {
    display: flex;
    justify-content: center;
    margin-bottom: 1.25rem;
  }
}

@media (max-width: 639px) {
  .gpc-filter-body-button-container {
    margin-bottom: 1.375rem;
  }
}

.gpc-browse-item {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 2rem;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

@media (min-width: 640px) {
  .gpc-browse-item {
    width: calc(50% - 12px);
  }
}

@media (min-width: 1280px) {
  .gpc-browse-item {
    width: calc(33% - 16px);
    margin-bottom: 3.125rem;
  }
}

.gpc-browse-item-empty {
  visibility: hidden;
  margin-bottom: 0;
}

.gpc-image-default-container {
  position: relative;
  border: 0.125rem solid transparent;
}

.gpc-image-default-container a {
  width: 100%;
  display: flex;
}

.gpc-image-compare-container {
  display: flex;
  position: relative;
  border: 0.125rem solid transparent;
}

.gpc-image {
  width: 100%;
  z-index: 1;
}

.gpc-model-gradient {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.gpc-model-year-container {
  position: absolute;
  top: 0.625rem;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  z-index: 3;
}

.gpc-model-year {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.625rem;
  color: #ffffff;
  line-height: 1.4375rem;
  letter-spacing: 0.125rem;
}

@media (min-width: 1280px) {
  .gpc-model-year {
    font-size: 0.75rem;
  }
}

.gpc-model-name-container {
  position: absolute;
  right: 0;
  bottom: 1.375rem;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

.gpc-model-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 2.5rem;
  color: #ffffff;
  line-height: 2rem;
}

@media (min-width: 1280px) {
  .gpc-model-name {
    font-size: 3.4375rem;
    line-height: 3.125rem;
  }
}

.gpc-model-type {
  display: flex;
  align-items: center;
  height: 1.1875rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.0625rem;
  color: #ffffff;
  line-height: 1.1875rem;
}

@media (min-width: 1280px) {
  .gpc-model-type {
    height: 1.5625rem;
    font-size: 1.375rem;
    line-height: 1.5625rem;
  }
}

.gpc-model-type-icon {
  align-self: flex-start;
  height: 1.25rem;
  color: initial;
}

.gpc-model-type-icon img,
.gpc-model-type-icon svg {
  width: 100%;
  height: 100%;
}

.gpc-model-type-icon .hyundaiBlack {
  fill: #ffffff;
}

.gpc-model-type-icon .hyundaiRed {
  fill: #e63312;
}

.gpc-model-tagline,
.gpc-model-tagline-link {
  display: flex;
  align-items: center;
  height: 1.0625rem;
  font-weight: 500;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 1.0625rem;
}

.gpc-model-tagline-icon {
  height: 1.5rem;
  padding: 0 0.125rem 0 0.25rem;
}

.gpc-model-tagline-icon img,
.gpc-model-tagline-icon svg {
  width: 1.5rem;
  height: 1.5rem;
}

.gpc-model-tagline-icon .hyundaiBlack {
  fill: #ffffff;
}

.gpc-model-tagline-icon .hyundaiRed {
  fill: #e63312;
}

.gpc-model-tagline-container {
  position: absolute;
  right: 0;
  bottom: 0.3125rem;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

.gpc-specs-container {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
}

.gpc-spec {
  display: flex;
  flex-direction: column;
}

.gpc-spec:last-of-type {
  align-items: flex-end;
  text-align: right;
}

.gpc-spec-headline {
  font-weight: 700;
  font-size: 0.75rem;
  color: #888888;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .gpc-spec-headline {
    font-size: 0.875rem;
  }
}

.gpc-spec-value {
  display: flex;
  align-items: baseline;
  font-weight: 500;
  font-size: 1.375rem;
  color: #454545;
}

@media (min-width: 1024px) {
  .gpc-spec-value {
    font-size: 1.5rem;
  }
}

.gpc-spec-value .gpc-spec-value-unit {
  font-size: 0.75rem;
  padding-left: 0.0625rem;
}

@media (min-width: 1024px) {
  .gpc-spec-value .gpc-spec-value-unit {
    font-size: 0.875rem;
    padding-left: 0.375rem;
  }
}

.gpc-spec-value button {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.25rem;
}

.gpc-future-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0.5rem;
}

.gpc-future-headline {
  font-weight: 700;
  font-size: 0.75rem;
  color: #888888;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .gpc-future-headline {
    font-size: 0.875rem;
  }
}

.gpc-future-subhead {
  font-weight: 500;
  font-size: 1.375rem;
  color: #454545;
}

@media (min-width: 1024px) {
  .gpc-future-subhead {
    font-size: 1.5rem;
  }
}

.payment-main-div {
  max-width: 90rem;
  padding: 0 4.5rem;
  margin: 0 auto;
}

.payment-model-count {
  font-size: 0.875rem;
  color: #000000;
  font-weight: 500;
  margin-bottom: 2.25rem;
}

.payment-filters-mobiler-header-done {
  align-items: center;
  background-color: #002c5e;
  color: #ffffff;
  display: flex;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  height: 2.75rem;
  justify-content: center;
  width: 5.75rem;
}

.payment-dropdown-open {
  box-shadow: 0 1.25rem 0.5625rem -0.125rem #bababa;
}

.payment-dropdown-open .dropdown-panel {
  display: block;
}

.payment-filters-zip-input {
  margin-top: 0.3125rem;
}

.payment-filter-results {
  flex: 1;
  margin: 1rem 1rem 0;
  position: relative;
}

.payment-filter-section {
  min-height: 25rem;
  position: relative;
}

.payment-filter-section-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  margin-bottom: 0.75rem;
  margin-top: 2.75rem;
}

.payment-filter-section-title:after {
  background-color: #333333;
  content: "";
  height: 0.125rem;
  margin-top: 0.5rem;
  width: 2.25rem;
}

.payment-models {
  display: flex;
  flex-wrap: wrap;
}

.payment-model {
  display: flex;
  flex-basis: 100%;
  max-width: 100%;
  flex-direction: column;
  margin-bottom: 4.75rem;
}

.payment-model:last-of-type {
  margin-bottom: 3.25rem;
}

.payment-model.selectedAvailable {
  display: none;
}

.payment-model-name {
  margin-left: 2rem;
  margin-right: 2rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.375rem;
  padding-bottom: 0.25rem;
}

.payment-model-fuel-types {
  margin-left: 2rem;
  margin-right: 2rem;
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding-bottom: 0.5rem;
}

.payment-model-price-starting-at {
  margin-left: 2rem;
  margin-right: 2rem;
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.payment-model-price-block {
  margin-left: 2rem;
  margin-right: 2rem;
  margin-bottom: 0.5rem;
}

.payment-model-near-you {
  margin-left: 2rem;
  margin-top: 0;
  margin-right: 0 !important;
  color: #666666;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 0.75rem;
}

.payment-model-select-button-container {
  margin-top: auto;
}

.payment-model-select-button {
  margin: 0.75rem 2rem 0;
  padding: 0.875rem 1.875rem;
  width: 6.375rem;
}

.payment-model-year {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
}

.payment-model-price {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 500;
}

.payment-image {
  min-height: 12rem;
}

.payment-model-image {
  align-self: center;
  min-height: 0.0625rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  width: 100%;
}

.payment-image-disclaimer {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 400;
  padding-bottom: 0.9375rem;
  text-align: left;
}

.payment-vehicle-no-results-bar {
  margin: 0 auto 1rem;
  width: 100%;
}

.payment-vehicle-no-results-bar.full-width-error {
  padding: 0 1rem;
}

.payment-vehicle-no-results {
  padding: 1rem;
  background-color: #f3f3f3;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
  max-width: 1440px;
  margin: 0 auto;
}

.payment-no-results-text {
  font-weight: 700;
}

.inventory-models-filter {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 25rem;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .payment-filters-expand {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .payment-filter-results {
    margin: 2.25rem 5.0625rem 0;
  }
  .payment-filter-section-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .payment-filter-section-title:after {
    margin-top: 0.25rem;
  }
  .payment-model {
    flex-basis: 50%;
    max-width: 50%;
  }
  .payment-model:last-of-type {
    margin-bottom: 4.75rem;
  }
  .payment-model-name {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    font-size: 1.25rem;
  }
  .payment-model-fuel-types {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .payment-model-price-starting-at {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .payment-model-price-block {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .payment-model-near-you {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .payment-model-select-button {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    font-weight: 500;
  }
  .payment-model-image {
    padding-left: 0;
    padding-right: 0;
  }
  .payment-vehicle-no-results-bar {
    margin: 0 auto 1.5625rem;
  }
  .payment-vehicle-no-results-bar.full-width-error {
    margin-top: 1.5625rem;
    margin-bottom: 1.5625rem;
  }
  .payment-vehicle-no-results {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .payment-active-filters {
    display: flex;
  }
  .payment-filters {
    background-color: #f3f3f3;
    padding: 2rem 2.1875rem 2rem 2.625rem;
    width: 25%;
  }
  .payment-filters-expand {
    display: none;
  }
  .payment-filters-mobile-header {
    display: none;
  }
  .payment-filters-choices {
    display: block;
    padding: 0;
    position: static;
  }
  .payment-filters-choice {
    padding: 0;
  }
  .payment-filter-results {
    margin: 2.25rem auto;
    width: 75%;
  }
  .payment-models {
    margin-left: -1.25rem;
  }
  body.chat-opened .payment-models {
    margin-left: inherit;
  }
  .payment-model {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 1.25rem;
  }
  .payment-vehicle-no-results-bar.full-width-error {
    padding: 0 2.625rem;
  }
  .inventory-models-filter {
    flex-direction: row;
  }
}

@media (max-width: 1023px) {
  .payment-filters-choices {
    z-index: 1999;
  }
  .payment-main-div {
    padding: 0 2.5rem;
  }
}

@media (min-width: 1440px) {
  .payment-filters {
    padding: 2rem 4.375rem 2rem 4.5rem;
  }
  .payment-model {
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1.75rem;
  }
  body.chat-opened .payment-models {
    margin-left: -1.25rem;
  }
  .payment-filter-results {
    margin: 2.25rem auto 1.25rem;
  }
  .payment-vehicle-no-results-bar.full-width-error {
    padding: 0 4.5rem;
  }
}

img[src=""],
img[srcset=""] {
  visibility: hidden;
}

.gpc-image-disclaimer {
  font-size: 0.75rem;
  font-weight: 700;
  color: #888888;
  line-height: 1rem;
  margin: 0 2rem;
}

@media (min-width: 640px) {
  .gpc-image-disclaimer {
    margin: 0 1.5rem;
  }
}

.gpc-image-disclaimer .tooltip-trigger {
  width: auto;
  height: auto;
  margin: -0.875rem;
  padding: 0.875rem;
}

.gpc-browse-vehicle-card-empty {
  box-shadow: none;
  background-color: transparent;
  border: 0;
  margin-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .gpc-browse-vehicle-card-empty {
    width: 17.5rem;
    height: 11.875rem;
  }
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-card-empty {
    width: 18.4375rem;
    height: 22.75rem;
    margin-bottom: 1.8125rem;
  }
}

@media (min-width: 1440px) {
  .gpc-browse-vehicle-card-empty {
    width: 18.75rem;
    height: 22.75rem;
  }
}

.gpc-browse-vehicle-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.1);
  border: 0.125rem solid #DEDEDE;
  margin-bottom: 1.25rem;
  cursor: pointer;
}

@media (min-width: 640px) {
  .gpc-browse-vehicle-card {
    width: 17.5rem;
  }
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-card {
    width: 18.4375rem;
    margin-bottom: 1.875rem;
  }
}

@media (min-width: 1440px) {
  .gpc-browse-vehicle-card {
    width: 18.625rem;
  }
}

.gpc-browse-vehicle-card:hover {
  border: 0.125rem solid #00aad2;
}

.gpc-browse-vehicle-card .activeCardModel {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-card .activeCardModel {
    gap: 0.25rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .gpc-browse-vehicle-card {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gpc-browse-vehicle-card {
    width: 17.5rem;
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .gpc-browse-vehicle-card {
    width: 18.4375rem;
    margin-bottom: 1.875rem;
  }
}

.gpc-browse-vehicle-card-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  text-align: center;
}

.gpc-browse-vehicle-image-container {
  width: 100%;
  position: relative;
  padding-top: 32.5%;
}

@media (min-width: 640px) {
  .gpc-browse-vehicle-image-container {
    padding-top: 39.86%;
  }
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-image-container {
    padding-top: 57.05%;
  }
}

@media (min-width: 1440px) {
  .gpc-browse-vehicle-image-container {
    padding-top: 56.465%;
  }
}

.gpc-browse-vehicle-card-background {
  width: 100%;
  height: 4.6875rem;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-card-background {
    height: 6rem;
  }
}

.gpc-browse-bbg-gradient {
  height: 4.6875rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (min-width: 1024px) {
  .gpc-browse-bbg-gradient {
    height: 6rem;
  }
}

.gpc-browse-vehicle-card-background-img {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background-image .25s linear forwards;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-card-background-img {
    height: 100%;
    max-width: none;
  }
}

.gpc-browse-vehicle-image {
  width: 13.4375rem;
  height: 7.5rem;
  position: absolute;
  top: -0.3125rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-image {
    width: 16.5625rem;
    height: 9.375rem;
    top: 1rem;
  }
}

.gpc-browse-card-image-disclaimer {
  width: 100%;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  color: #888888;
  padding: 0.5rem 0.625rem;
}

.gpc-browse-card-image-disclaimer button {
  margin-left: 0.25rem;
  z-index: 5;
}

.gpc-browse-card-image-disclaimer-extra-padding {
  padding: 0.5rem 1.875rem 0.5rem 0.625rem;
}

@media (min-width: 1024px) {
  .gpc-browse-card-image-disclaimer-extra-padding {
    padding: 0.5rem 2rem 0.5rem 1rem;
  }
}

.gpc-browse-card-image-disclaimer-inner {
  padding: 0.25rem 0;
}

.gpc-browse-vehicle-model-bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.4375rem;
  margin-top: auto;
  margin-bottom: 1.3125rem;
  padding: 0 0.625rem;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-model-bottom {
    margin-bottom: 1.9375rem;
  }
}

.gpc-browse-vehicle-model-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.5rem;
  text-align: left;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-model-content {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}

.gpc-browse-vehicle-model-availableFuelTexts {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
  color: #888888;
}

.gpc-browse-vehicle-model-name {
  flex-shrink: 0;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #002c5e;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-model-name {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.gpc-browse-vehicle-price-box {
  width: 100%;
  display: flex;
  gap: 0.3125rem;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-price-box {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
  }
}

.gpc-browse-vehicle-spec-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.0625rem;
}

.gpc-browse-vehicle-amount {
  position: relative;
  display: inline;
}

.gpc-browse-vehicle-amount .tooltip-trigger {
  width: 0.75rem;
  height: 0.75rem;
  top: 0.3125rem;
  right: -1.1875rem;
  overflow: visible;
  z-index: 5;
}

.gpc-browse-vehicle-price-number {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.0625rem;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-price-number {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.gpc-browse-vehicle-card-year {
  position: absolute;
  bottom: 0.625rem;
  right: 0;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-card-year {
    position: relative;
    bottom: auto;
    right: auto;
    margin-bottom: 1rem;
  }
}

.gpc-browse-vehicle-card-year ul {
  padding: 0.3125rem 0 0.625rem 0;
  margin: 0;
}

@media (min-width: 640px) {
  .gpc-browse-vehicle-card-year ul {
    padding-bottom: 0.59375rem;
  }
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-card-year ul {
    padding-bottom: 0.8125rem;
  }
}

.gpc-browse-vehicle-card-year ul li {
  display: inline;
  height: 1.875rem;
  line-height: 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #333333;
  padding: 0.3125rem 0 0.6875rem 0;
  margin: 0 0.6875rem;
  cursor: pointer;
}

.gpc-browse-vehicle-card-year ul li.active {
  border-bottom: 0.125rem solid #00aad2;
}

@media (max-width: 1023px) {
  .gpc-browse-vehicle-card-year ul li {
    padding-bottom: 0.3125rem;
  }
}

.gpc-no-results-bar {
  max-width: 1440px;
  width: 100%;
  margin: 5rem auto;
  padding: 0 1rem;
  text-align: center;
}

@media (min-width: 640px) {
  .gpc-no-results-bar {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .gpc-no-results-bar {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .gpc-no-results-bar {
    padding: 0 4.5rem;
  }
}

.gpc-no-results-bar.full-width-error {
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .gpc-no-results-bar.full-width-error {
    margin-top: 1.5625rem;
    margin-bottom: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .gpc-no-results-bar.full-width-error {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .gpc-no-results-bar.full-width-error {
    padding: 0 4.5rem;
  }
}

.gpc-no-results {
  background-color: #f3f3f3;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 1rem 0;
}

.gpc-no-results-text {
  font-weight: 700;
}

.gpc-no-results-text:after {
  content: " \0020";
}

.gpc-browse-nav {
  min-height: 3.8125rem;
  height: auto;
  border-bottom: 0.0625rem solid #cccccc;
}

.gpc-browse-nav.sticky-bar-on {
  border-top: 0;
}

@media (min-width: 1024px) {
  body.chat-opened .gpc-browse-nav {
    height: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .gpc-browse-nav {
    height: 3.8125rem;
  }
}

.gpc-browse .error-parent {
  width: 100%;
  max-width: 90rem;
  padding: 0 5.7rem 0 4.7rem;
  margin: 0 auto;
}

@media (max-width: 1439.9px) {
  .gpc-browse .error-parent {
    padding: 0 3.7rem 0 2.7rem;
  }
}

@media (max-width: 1023.9px) {
  .gpc-browse .error-parent {
    padding: 0 2rem;
  }
}

.gpc-browse .gpc-error {
  width: inherit;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}

@media (max-width: 639px) {
  .gpc-browse .gpc-error {
    margin-top: 1rem;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .gpc-browse .error-parent {
    padding: 0 2rem;
  }
}

@media (max-width: 2560px) {
  body.chat-opened .gpc-browse .error-parent {
    padding: 0 3.7rem 0 2.7rem;
  }
}

.gpc-browse-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.875rem 1rem;
}

@media (min-width: 640px) {
  .gpc-browse-container {
    padding: 1.875rem 2.5rem;
  }
}

@media (min-width: 1280px) {
  .gpc-browse-container {
    padding: 2rem 4.5rem;
  }
}

.gpc-browse-inner {
  width: 100%;
  max-width: 81.25rem;
}

.gpc-browse-vehicles-header-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding: 1rem;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicles-header-wrapper {
    padding: 1rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .gpc-browse-vehicles-header-wrapper {
    padding: 1rem 4.5rem;
  }
}

.gpc-browse-vehicles-header {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #333333;
  font-weight: 500;
  padding: 1.5rem 0 1.5rem 0;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicles-header {
    padding-top: 1.875rem;
  }
}

@media (min-width: 1440px) {
  .gpc-browse-vehicles-header {
    padding-left: 0.625rem;
  }
}

@media (max-width: 1023px) {
  .gpc-browse-vehicles-header {
    padding-top: 2rem;
    padding-bottom: 0.3125rem;
  }
}

@media (max-width: 639px) {
  .gpc-browse-vehicles-header {
    padding-top: 0.3125rem;
  }
}

.gpc-browse-headline-models {
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 3.125rem;
}

@media (max-width: 1023px) {
  .gpc-browse-headline-models {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.gpc-browse-models-count {
  height: 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5rem;
}

@media (max-width: 1023px) {
  .gpc-browse-models-count {
    height: 1.0625rem;
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gpc-browse-vehicles-header-wrapper {
    padding: 1rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .gpc-browse-vehicles-header-wrapper {
    padding: 1rem 3rem;
  }
}

.gpc-headline-container {
  padding-top: 1.5625rem;
}

.gpc-headline {
  display: flex;
  flex-direction: column;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.875rem;
}

@media (min-width: 640px) {
  .gpc-headline {
    flex-direction: row;
    align-items: center;
    font-size: 2rem;
    line-height: 2.4375rem;
  }
}

.gpc-items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 2rem;
}

@media (min-width: 1440px) {
  .gpc-max-width {
    max-width: 75rem;
    margin: auto;
  }
}

.gpc-browse-vehicles-container {
  padding-bottom: 3.75rem;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicles-container {
    padding-bottom: 4.375rem;
  }
}

@media (min-width: 1440px) {
  .gpc-browse-vehicles-container {
    padding-bottom: 5.625rem;
  }
}

.gpc-browse-vehicle-heading-wrapper {
  max-width: 90rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.625rem;
  padding-left: 4rem;
  padding-bottom: 2.5rem;
  margin: auto;
}

@media (max-width: 1023px) {
  .gpc-browse-vehicle-heading-wrapper {
    padding-left: 1rem;
    padding-bottom: 1.5625rem;
    padding-top: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-heading-wrapper {
    gap: 0.875rem;
    padding-left: 2.625rem;
    padding-top: 1.875rem;
  }
}

@media (min-width: 1440px) {
  .gpc-browse-vehicle-heading-wrapper {
    padding-left: 5.125rem;
    padding-right: 5.125rem;
  }
}

.gpc-browse-vehicle-heading {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
}

@media (max-width: 1023px) {
  .gpc-browse-vehicle-heading {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
}

.gpc-browse-vehicle-row {
  max-width: 21.4375rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
}

@media (min-width: 640px) {
  .gpc-browse-vehicle-row {
    max-width: 36.5625rem;
  }
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-row {
    max-width: 59.6875rem;
  }
}

@media (min-width: 1440px) {
  .gpc-browse-vehicle-row {
    max-width: 79.6875rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .gpc-browse-vehicle-row {
    max-width: 21.4375rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gpc-browse-vehicle-row {
    max-width: 38.625rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .gpc-browse-vehicle-row {
    max-width: 59.6875rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .gpc-browse-vehicle-row {
    max-width: 79.6875rem;
  }
}

.gpc-browse-item {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 2rem;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

@media (min-width: 640px) {
  .gpc-browse-item {
    width: calc(50% - 12px);
  }
}

@media (min-width: 1280px) {
  .gpc-browse-item {
    width: calc(33% - 16px);
    margin-bottom: 3.125rem;
  }
}

.gpc-browse-item-empty {
  visibility: hidden;
  margin-bottom: 0;
}

.gpc-image-default-container {
  position: relative;
  border: 0.125rem solid transparent;
}

.gpc-image-default-container a {
  width: 100%;
  display: flex;
}

.gpc-image-compare-container {
  display: flex;
  position: relative;
  border: 0.125rem solid transparent;
}

.gpc-image {
  width: 100%;
  z-index: 1;
}

.gpc-model-gradient {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.gpc-model-year-container {
  position: absolute;
  top: 0.625rem;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  z-index: 3;
}

.gpc-model-year {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.625rem;
  color: #ffffff;
  line-height: 1.4375rem;
  letter-spacing: 0.125rem;
}

@media (min-width: 1280px) {
  .gpc-model-year {
    font-size: 0.75rem;
  }
}

.gpc-model-name-container {
  position: absolute;
  right: 0;
  bottom: 1.375rem;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

.gpc-model-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 2.5rem;
  color: #ffffff;
  line-height: 2rem;
}

@media (min-width: 1280px) {
  .gpc-model-name {
    font-size: 3.4375rem;
    line-height: 3.125rem;
  }
}

.gpc-model-type {
  display: flex;
  align-items: center;
  height: 1.1875rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.0625rem;
  color: #ffffff;
  line-height: 1.1875rem;
}

@media (min-width: 1280px) {
  .gpc-model-type {
    height: 1.5625rem;
    font-size: 1.375rem;
    line-height: 1.5625rem;
  }
}

.gpc-model-type-icon {
  align-self: flex-start;
  height: 1.25rem;
  color: initial;
}

.gpc-model-type-icon img,
.gpc-model-type-icon svg {
  width: 100%;
  height: 100%;
}

.gpc-model-type-icon .hyundaiBlack {
  fill: #ffffff;
}

.gpc-model-type-icon .hyundaiRed {
  fill: #e63312;
}

.gpc-model-tagline,
.gpc-model-tagline-link {
  display: flex;
  align-items: center;
  height: 1.0625rem;
  font-weight: 500;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 1.0625rem;
}

.gpc-model-tagline-icon {
  height: 1.5rem;
  padding: 0 0.125rem 0 0.25rem;
}

.gpc-model-tagline-icon img,
.gpc-model-tagline-icon svg {
  width: 1.5rem;
  height: 1.5rem;
}

.gpc-model-tagline-icon .hyundaiBlack {
  fill: #ffffff;
}

.gpc-model-tagline-icon .hyundaiRed {
  fill: #e63312;
}

.gpc-model-tagline-container {
  position: absolute;
  right: 0;
  bottom: 0.3125rem;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

.gpc-specs-container {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
}

.gpc-spec {
  display: flex;
  flex-direction: column;
}

.gpc-spec:last-of-type {
  align-items: flex-end;
  text-align: right;
}

.gpc-spec-headline {
  font-weight: 700;
  font-size: 0.75rem;
  color: #888888;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .gpc-spec-headline {
    font-size: 0.875rem;
  }
}

.gpc-spec-value {
  display: flex;
  align-items: baseline;
  font-weight: 500;
  font-size: 1.375rem;
  color: #454545;
}

@media (min-width: 1024px) {
  .gpc-spec-value {
    font-size: 1.5rem;
  }
}

.gpc-spec-value .gpc-spec-value-unit {
  font-size: 0.75rem;
  padding-left: 0.0625rem;
}

@media (min-width: 1024px) {
  .gpc-spec-value .gpc-spec-value-unit {
    font-size: 0.875rem;
    padding-left: 0.375rem;
  }
}

.gpc-spec-value button {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.25rem;
}

.gpc-future-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0.5rem;
}

.gpc-future-headline {
  font-weight: 700;
  font-size: 0.75rem;
  color: #888888;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .gpc-future-headline {
    font-size: 0.875rem;
  }
}

.gpc-future-subhead {
  font-weight: 500;
  font-size: 1.375rem;
  color: #454545;
}

@media (min-width: 1024px) {
  .gpc-future-subhead {
    font-size: 1.5rem;
  }
}

.payment-main-div {
  max-width: 90rem;
  padding: 0 4.5rem;
  margin: 0 auto;
}

.payment-model-count {
  font-size: 0.875rem;
  color: #000000;
  font-weight: 500;
  margin-bottom: 2.25rem;
}

.payment-filters-mobiler-header-done {
  align-items: center;
  background-color: #002c5e;
  color: #ffffff;
  display: flex;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  height: 2.75rem;
  justify-content: center;
  width: 5.75rem;
}

.payment-dropdown-open {
  box-shadow: 0 1.25rem 0.5625rem -0.125rem #bababa;
}

.payment-dropdown-open .dropdown-panel {
  display: block;
}

.payment-filters-zip-input {
  margin-top: 0.3125rem;
}

.payment-filter-results {
  flex: 1;
  margin: 1rem 1rem 0;
  position: relative;
}

.payment-filter-section {
  min-height: 25rem;
  position: relative;
}

.payment-filter-section-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  margin-bottom: 0.75rem;
  margin-top: 2.75rem;
}

.payment-filter-section-title:after {
  background-color: #333333;
  content: "";
  height: 0.125rem;
  margin-top: 0.5rem;
  width: 2.25rem;
}

.payment-models {
  display: flex;
  flex-wrap: wrap;
}

.payment-model {
  display: flex;
  flex-basis: 100%;
  max-width: 100%;
  flex-direction: column;
  margin-bottom: 4.75rem;
}

.payment-model:last-of-type {
  margin-bottom: 3.25rem;
}

.payment-model.selectedAvailable {
  display: none;
}

.payment-model-name {
  margin-left: 2rem;
  margin-right: 2rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.375rem;
  padding-bottom: 0.25rem;
}

.payment-model-fuel-types {
  margin-left: 2rem;
  margin-right: 2rem;
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding-bottom: 0.5rem;
}

.payment-model-price-starting-at {
  margin-left: 2rem;
  margin-right: 2rem;
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.payment-model-price-block {
  margin-left: 2rem;
  margin-right: 2rem;
  margin-bottom: 0.5rem;
}

.payment-model-near-you {
  margin-left: 2rem;
  margin-top: 0;
  margin-right: 0 !important;
  color: #666666;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 0.75rem;
}

.payment-model-select-button-container {
  margin-top: auto;
}

.payment-model-select-button {
  margin: 0.75rem 2rem 0;
  padding: 0.875rem 1.875rem;
  width: 6.375rem;
}

.payment-model-year {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
}

.payment-model-price {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 500;
}

.payment-image {
  min-height: 12rem;
}

.payment-model-image {
  align-self: center;
  min-height: 0.0625rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  width: 100%;
}

.payment-image-disclaimer {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 400;
  padding-bottom: 0.9375rem;
  text-align: left;
}

.payment-vehicle-no-results-bar {
  margin: 0 auto 1rem;
  width: 100%;
}

.payment-vehicle-no-results-bar.full-width-error {
  padding: 0 1rem;
}

.payment-vehicle-no-results {
  padding: 1rem;
  background-color: #f3f3f3;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
  max-width: 1440px;
  margin: 0 auto;
}

.payment-no-results-text {
  font-weight: 700;
}

.inventory-models-filter {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 25rem;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .payment-filters-expand {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .payment-filter-results {
    margin: 2.25rem 5.0625rem 0;
  }
  .payment-filter-section-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .payment-filter-section-title:after {
    margin-top: 0.25rem;
  }
  .payment-model {
    flex-basis: 50%;
    max-width: 50%;
  }
  .payment-model:last-of-type {
    margin-bottom: 4.75rem;
  }
  .payment-model-name {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    font-size: 1.25rem;
  }
  .payment-model-fuel-types {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .payment-model-price-starting-at {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .payment-model-price-block {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .payment-model-near-you {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .payment-model-select-button {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    font-weight: 500;
  }
  .payment-model-image {
    padding-left: 0;
    padding-right: 0;
  }
  .payment-vehicle-no-results-bar {
    margin: 0 auto 1.5625rem;
  }
  .payment-vehicle-no-results-bar.full-width-error {
    margin-top: 1.5625rem;
    margin-bottom: 1.5625rem;
  }
  .payment-vehicle-no-results {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .payment-active-filters {
    display: flex;
  }
  .payment-filters {
    background-color: #f3f3f3;
    padding: 2rem 2.1875rem 2rem 2.625rem;
    width: 25%;
  }
  .payment-filters-expand {
    display: none;
  }
  .payment-filters-mobile-header {
    display: none;
  }
  .payment-filters-choices {
    display: block;
    padding: 0;
    position: static;
  }
  .payment-filters-choice {
    padding: 0;
  }
  .payment-filter-results {
    margin: 2.25rem auto;
    width: 75%;
  }
  .payment-models {
    margin-left: -1.25rem;
  }
  body.chat-opened .payment-models {
    margin-left: inherit;
  }
  .payment-model {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 1.25rem;
  }
  .payment-vehicle-no-results-bar.full-width-error {
    padding: 0 2.625rem;
  }
  .inventory-models-filter {
    flex-direction: row;
  }
}

@media (max-width: 1023px) {
  .payment-filters-choices {
    z-index: 1999;
  }
  .payment-main-div {
    padding: 0 2.5rem;
  }
}

@media (min-width: 1440px) {
  .payment-filters {
    padding: 2rem 4.375rem 2rem 4.5rem;
  }
  .payment-model {
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1.75rem;
  }
  body.chat-opened .payment-models {
    margin-left: -1.25rem;
  }
  .payment-filter-results {
    margin: 2.25rem auto 1.25rem;
  }
  .payment-vehicle-no-results-bar.full-width-error {
    padding: 0 4.5rem;
  }
}

img[src=""],
img[srcset=""] {
  visibility: hidden;
}

.gpc-image-disclaimer {
  font-size: 0.75rem;
  font-weight: 700;
  color: #888888;
  line-height: 1rem;
  margin: 0 2rem;
}

@media (min-width: 640px) {
  .gpc-image-disclaimer {
    margin: 0 1.5rem;
  }
}

.gpc-image-disclaimer .tooltip-trigger {
  width: auto;
  height: auto;
  margin: -0.875rem;
  padding: 0.875rem;
}

.gpc-browse-vehicle-card-empty {
  box-shadow: none;
  background-color: transparent;
  border: 0;
  margin-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .gpc-browse-vehicle-card-empty {
    width: 17.5rem;
    height: 11.875rem;
  }
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-card-empty {
    width: 18.4375rem;
    height: 22.75rem;
    margin-bottom: 1.8125rem;
  }
}

@media (min-width: 1440px) {
  .gpc-browse-vehicle-card-empty {
    width: 18.75rem;
    height: 22.75rem;
  }
}

.gpc-browse-vehicle-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.1);
  border: 0.125rem solid #DEDEDE;
  margin-bottom: 1.25rem;
  cursor: pointer;
}

@media (min-width: 640px) {
  .gpc-browse-vehicle-card {
    width: 17.5rem;
  }
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-card {
    width: 18.4375rem;
    margin-bottom: 1.875rem;
  }
}

@media (min-width: 1440px) {
  .gpc-browse-vehicle-card {
    width: 18.625rem;
  }
}

.gpc-browse-vehicle-card:hover {
  border: 0.125rem solid #00aad2;
}

.gpc-browse-vehicle-card .activeCardModel {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-card .activeCardModel {
    gap: 0.25rem;
  }
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .gpc-browse-vehicle-card {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gpc-browse-vehicle-card {
    width: 17.5rem;
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .gpc-browse-vehicle-card {
    width: 18.4375rem;
    margin-bottom: 1.875rem;
  }
}

.gpc-browse-vehicle-card-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  text-align: center;
}

.gpc-browse-vehicle-image-container {
  width: 100%;
  position: relative;
  padding-top: 32.5%;
}

@media (min-width: 640px) {
  .gpc-browse-vehicle-image-container {
    padding-top: 39.86%;
  }
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-image-container {
    padding-top: 57.05%;
  }
}

@media (min-width: 1440px) {
  .gpc-browse-vehicle-image-container {
    padding-top: 56.465%;
  }
}

.gpc-browse-vehicle-card-background {
  width: 100%;
  height: 4.6875rem;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-card-background {
    height: 6rem;
  }
}

.gpc-browse-bbg-gradient {
  height: 4.6875rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (min-width: 1024px) {
  .gpc-browse-bbg-gradient {
    height: 6rem;
  }
}

.gpc-browse-vehicle-card-background-img {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background-image .25s linear forwards;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-card-background-img {
    height: 100%;
    max-width: none;
  }
}

.gpc-browse-vehicle-image {
  width: 13.4375rem;
  height: 7.5rem;
  position: absolute;
  top: -0.3125rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-image {
    width: 16.5625rem;
    height: 9.375rem;
    top: 1rem;
  }
}

.gpc-browse-card-image-disclaimer {
  width: 100%;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  color: #888888;
  padding: 0.5rem 0.625rem;
}

.gpc-browse-card-image-disclaimer button {
  margin-left: 0.25rem;
  z-index: 5;
}

.gpc-browse-card-image-disclaimer-extra-padding {
  padding: 0.5rem 1.875rem 0.5rem 0.625rem;
}

@media (min-width: 1024px) {
  .gpc-browse-card-image-disclaimer-extra-padding {
    padding: 0.5rem 2rem 0.5rem 1rem;
  }
}

.gpc-browse-card-image-disclaimer-inner {
  padding: 0.25rem 0;
}

.gpc-browse-vehicle-model-bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.4375rem;
  margin-top: auto;
  margin-bottom: 1.3125rem;
  padding: 0 0.625rem;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-model-bottom {
    margin-bottom: 1.9375rem;
  }
}

.gpc-browse-vehicle-model-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.5rem;
  text-align: left;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-model-content {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}

.gpc-browse-vehicle-model-availableFuelTexts {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
  color: #888888;
}

.gpc-browse-vehicle-model-name {
  flex-shrink: 0;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #002c5e;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-model-name {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.gpc-browse-vehicle-price-box {
  width: 100%;
  display: flex;
  gap: 0.3125rem;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-price-box {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
  }
}

.gpc-browse-vehicle-spec-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.0625rem;
}

.gpc-browse-vehicle-amount {
  position: relative;
  display: inline;
}

.gpc-browse-vehicle-amount .tooltip-trigger {
  width: 0.75rem;
  height: 0.75rem;
  top: 0.3125rem;
  right: -1.1875rem;
  overflow: visible;
  z-index: 5;
}

.gpc-browse-vehicle-price-number {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.0625rem;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-price-number {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.gpc-browse-vehicle-card-year {
  position: absolute;
  bottom: 0.625rem;
  right: 0;
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-card-year {
    position: relative;
    bottom: auto;
    right: auto;
    margin-bottom: 1rem;
  }
}

.gpc-browse-vehicle-card-year ul {
  padding: 0.3125rem 0 0.625rem 0;
  margin: 0;
}

@media (min-width: 640px) {
  .gpc-browse-vehicle-card-year ul {
    padding-bottom: 0.59375rem;
  }
}

@media (min-width: 1024px) {
  .gpc-browse-vehicle-card-year ul {
    padding-bottom: 0.8125rem;
  }
}

.gpc-browse-vehicle-card-year ul li {
  display: inline;
  height: 1.875rem;
  line-height: 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #333333;
  padding: 0.3125rem 0 0.6875rem 0;
  margin: 0 0.6875rem;
  cursor: pointer;
}

.gpc-browse-vehicle-card-year ul li.active {
  border-bottom: 0.125rem solid #00aad2;
}

@media (max-width: 1023px) {
  .gpc-browse-vehicle-card-year ul li {
    padding-bottom: 0.3125rem;
  }
}

.gpc-browse-nav-inner {
  border-top: 0.0625rem solid #cccccc;
  z-index: 998;
}

.gpc-browse-nav-inner.sticky-bar-on {
  border-top: 0;
  top: -0.1875rem;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .gpc-browse-nav-inner {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gpc-browse-nav-inner {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .gpc-browse-nav-inner.sticky-bar-on {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gpc-browse-nav-inner.sticky-bar-on {
    width: calc(100vw - 375px);
  }
}

.gpc-nav {
  display: flex;
  justify-content: center;
  background: #f3f3f3;
}

.gpc-nav-inner,
.gpc-filter-nav-inner,
.gpc-filter-body-inner,
.gpc-filter-nav-bottom-inner,
.gpc-compare-nav-inner,
.gpc-compare-nav-bottom-inner {
  width: 100%;
  display: flex;
  max-width: 90rem;
  padding: 0 1rem;
}

@media (min-width: 1024px) {
  .gpc-nav-inner,
  .gpc-filter-nav-inner,
  .gpc-filter-body-inner,
  .gpc-filter-nav-bottom-inner,
  .gpc-compare-nav-inner,
  .gpc-compare-nav-bottom-inner {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .gpc-nav-inner,
  .gpc-filter-nav-inner,
  .gpc-filter-body-inner,
  .gpc-filter-nav-bottom-inner,
  .gpc-compare-nav-inner,
  .gpc-compare-nav-bottom-inner {
    padding: 0 4.5rem;
  }
}

.gpc-nav-inner {
  padding: 0;
}

@media (min-width: 640px) {
  .gpc-nav-inner {
    padding: 0 2rem;
  }
}

@media (min-width: 1280px) {
  .gpc-nav-inner {
    padding: 0 4.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .gpc-nav-inner {
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .gpc-filter-body-inner {
    padding: 0 5rem 0 7.5rem;
  }
}

.gpc-nav-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0.8125rem 0;
}

@media (min-width: 1024px) {
  .gpc-nav-container {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gpc-nav-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .gpc-nav-container {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
}

.gpc-nav-section {
  height: 2.25rem;
  display: flex;
  align-items: center;
  position: relative;
  overflow-x: scroll;
  padding: 0.0625rem 0 0.125rem 1rem;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.gpc-nav-section:first-of-type {
  flex: 1;
}

.gpc-nav-section::-webkit-scrollbar {
  display: none;
}

@media (min-width: 1024px) {
  .gpc-nav-section {
    padding: 0;
  }
  .gpc-nav-section:first-of-type {
    margin-bottom: 0;
  }
}

@media (max-width: 1023px) {
  .gpc-nav-section-btns {
    margin-top: 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gpc-nav-section:first-of-type {
    overflow: inherit;
    margin-bottom: 1rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .gpc-nav-section:first-of-type {
    overflow: hidden;
    margin-bottom: 0;
    padding: 0;
  }
}

.gpc-nav-popular-filter-container {
  display: flex;
  align-items: center;
}

.gpc-nav-popular-filter-headline {
  flex-shrink: 0;
  font-weight: 500;
  font-size: 0.875rem;
  color: #000000;
  line-height: 2.1875rem;
  margin-right: 0.9375rem;
}

.gpc-nav-popular-filters-container {
  width: 100%;
  height: 2.1875rem;
  display: flex;
  align-items: center;
  position: relative;
}

.gpc-nav-popular-filters-left-arrow-container,
.gpc-nav-popular-filters-right-arrow-container {
  width: 3.75rem;
  display: none;
  position: absolute;
  top: 0;
  z-index: 1;
}

.gpc-nav-popular-filters-left-arrow-container {
  justify-content: flex-start;
  left: 0;
  background: linear-gradient(270deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
}

.gpc-nav-popular-filters-right-arrow-container {
  justify-content: flex-end;
  right: 0;
  background: linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
}

.gpc-nav-popular-filters-left-arrow,
.gpc-nav-popular-filters-right-arrow {
  width: 0.75rem;
  height: 2rem;
  -webkit-tap-highlight-color: transparent;
}

.gpc-nav-popular-filters-left-arrow svg,
.gpc-nav-popular-filters-right-arrow svg {
  width: 100%;
  height: 100%;
  color: #002c5e;
}

.gpc-nav-popular-filters {
  display: flex;
  align-items: center;
  position: relative;
}

.gpc-nav-popular-filter {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding-right: 1rem;
}

.gpc-nav-popular-filter-disabled {
  display: none;
}

.gpc-nav-popular-filter-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.gpc-nav-popular-filter-custom-checkbox {
  display: flex;
  align-items: center;
  border: 0.0625rem solid #002c5e;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.gpc-nav-popular-filter-custom-checkbox-button {
  display: none;
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.125rem solid #bababa;
  margin-right: 0.5rem;
}

.gpc-nav-popular-filter-custom-checkbox-label {
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.0625rem;
  padding: 0.5rem 1.0625rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.gpc-nav-button {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.0625rem;
  border: 0.0625rem solid #666666;
  margin-right: 1rem;
  padding: 0.5rem 1.0625rem;
}

.gpc-nav-button svg {
  margin-right: 0.4375rem;
}

.gpc-nav-button-all-filters svg {
  width: 1rem;
  height: 0.75rem;
}

.gpc-filter-nav-wrapper .gpc-filter-body-desktop {
  display: flex;
}

@media (max-width: 639px) {
  .gpc-filter-nav-wrapper .gpc-filter-body-desktop {
    border: none;
  }
}

.gpc-filter-nav-wrapper .gpc-filter-nav-mobile {
  display: flex;
}

@media (min-width: 1024px) {
  .gpc-filter-nav-wrapper .gpc-filter-nav-mobile {
    display: none;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gpc-filter-nav-wrapper {
    width: calc(100vw - 375px);
  }
}

.gpc-filter-nav {
  display: flex;
  justify-content: center;
  position: relative;
  background: #002c5e;
  z-index: 1000;
}

.gpc-filter-nav-container {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
  padding: 1.1875rem 0;
}

.gpc-filter-nav-reset-filters-button {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.0625rem;
  text-decoration: underline;
}

.gpc-filter-nav-headline {
  display: inline-flex;
  align-items: center;
  font-size: 1.125rem;
  color: #ffffff;
  line-height: 1.4375rem;
}

.gpc-filter-nav-headline svg {
  width: 1rem;
  height: 0.75rem;
  margin-right: 0.9375rem;
}

.gpc-filter-nav-close-button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #ffffff;
}

.gpc-filter-body {
  display: flex;
  justify-content: center;
  position: absolute;
  right: 0;
  left: 0;
  background: #ffffff;
  overflow-y: auto;
  z-index: 1000;
}

@media (min-width: 1024px) {
  .gpc-filter-body {
    height: auto;
  }
}

.gpc-filter-body-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1.25rem 0 3.75rem;
}

.gpc-filter-groups {
  width: 100%;
}

@media (min-width: 1024px) {
  .gpc-filter-groups {
    width: 25%;
  }
}

.gpc-filter-group {
  display: flex;
  flex-direction: column;
  border-bottom: 0.0625rem solid #bababa;
  margin-bottom: 1.875rem;
  padding-bottom: 1.875rem;
}

@media (min-width: 1024px) {
  .gpc-filter-group:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

.gpc-filter-group-headline {
  display: flex;
  align-items: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.4375rem;
  margin-bottom: 1.25rem;
  position: relative;
  width: -webkit-max-content;
  width: max-content;
}

.gpc-filter-group-headline span {
  width: 1.4375rem;
  height: 1.4375rem;
  display: inline-flex;
  justify-content: center;
  font-weight: 300;
  font-size: 0.875rem;
  color: #ffffff;
  background-color: #00aad2;
  border-radius: 100%;
  margin-left: 0.375rem;
  position: absolute;
  right: -1.8125rem;
}

.gpc-filters {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}

@media (min-width: 1024px) {
  .gpc-filters {
    flex-flow: column nowrap;
  }
}

.gpc-filter {
  display: flex;
  margin-right: 1.25rem;
  margin-bottom: 0.75rem;
}

@media (min-width: 1024px) {
  .gpc-filter {
    display: flex !important;
  }
  .gpc-filter:last-of-type {
    margin-bottom: 0;
  }
}

.gpc-filter-disabled {
  pointer-events: none;
}

.gpc-filter-disabled .gpc-filter-custom-checkbox-button {
  border: 0.125rem solid #dadada;
}

.gpc-filter-disabled .gpc-filter-custom-checkbox-label {
  color: #888888;
}

.gpc-filter-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.gpc-filter-custom-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.gpc-filter-custom-checkbox-button {
  display: inline-block;
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.125rem solid #bababa;
  margin-right: 0.5rem;
}

.gpc-filter-checkbox:checked ~ .gpc-filter-custom-checkbox .gpc-filter-custom-checkbox-button {
  border: 0.125rem solid #00aad2;
}

.gpc-filter-checkbox:checked ~ .gpc-filter-custom-checkbox .gpc-filter-custom-checkbox-button:after {
  content: "";
  position: absolute;
  top: 0.0625rem;
  left: 0.25rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.gpc-filter-custom-checkbox-label {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.0625rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.gpc-filter-custom-checkbox-label svg {
  width: auto;
  height: 1.375rem;
  margin-right: 0.375rem;
}

.gpc-filter-checkbox:checked ~ .gpc-filter-custom-checkbox .gpc-filter-custom-checkbox-label {
  color: #00aad2;
}

.gpc-filter-toggle {
  display: flex;
}

@media (min-width: 1024px) {
  .gpc-filter-toggle {
    display: none;
  }
}

.gpc-filter-toggle-button {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  color: #002c5e;
  line-height: 1.0625rem;
  text-decoration: underline;
  margin: 0.9375rem 0;
}

.gpc-filter-body-button,
.gpc-filter-nav-button {
  width: 100%;
  max-width: 18.25rem;
}

.gpc-filter-body-button.button-gray,
.gpc-filter-nav-button.button-gray {
  pointer-events: none;
}

.gpc-filter-body-no-results-copy,
.gpc-filter-nav-bottom-no-results-copy {
  display: flex;
  justify-content: center;
  font-size: 0.875rem;
  color: #888888;
  line-height: 1.0625rem;
  margin-top: 1.25rem;
}

.gpc-filter-nav-bottom-no-results-copy {
  margin-top: 0.5625rem;
}

.gpc-filter-nav-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  box-shadow: 0 0.1875rem 0.5625rem 0.125rem rgba(0, 0, 0, 0.3);
  z-index: 1001;
}

.gpc-filter-nav-bottom-container {
  width: 100%;
  height: 6rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.8125rem 0;
}

.gpc-filter-nav-backdrop {
  position: fixed;
  top: 8rem;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 998;
}

@media (min-width: 1024px) {
  .rightFloat {
    float: right;
  }
}

@media (min-width: 1024px) {
  .flexEnd {
    display: flex;
    justify-content: flex-end;
  }
}

@media (min-width: 1024px) {
  .flexCenter {
    display: flex;
    justify-content: center;
    align-items: baseline;
  }
}

.width100 {
  width: 100%;
}

.gpc-header-headline {
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.0625rem;
}

.gpc-header-headline h1 {
  display: inline;
  font-weight: 500;
  font-size: 0.875rem;
}

.gpc-header-filters {
  display: flex;
  align-items: center;
}

.gpc-header-filter {
  display: flex;
  flex-wrap: none;
  align-items: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  color: #ffffff !important;
  line-height: 1.0625rem;
  background: #00aad2;
  margin: 0 1rem 0 0;
  padding: 0.5625rem 0.8125rem;
  width: -webkit-max-content;
  width: max-content;
}

@media (max-width: 639px) {
  .gpc-header-filter {
    margin-bottom: 1rem;
  }
}

.gpc-header-filter-remove-button {
  flex-shrink: 0;
  width: 0.625rem;
  height: 0.625rem;
  color: #ffffff;
  margin-left: 0.5rem;
}

.gpc-header-filter-reset-button {
  font-size: 0.875rem;
  color: #002c5e !important;
  line-height: 2.1875rem;
  text-decoration: underline;
  margin: 0 1.25rem 0 0;
  width: -webkit-max-content;
  width: max-content;
}

@media (max-width: 639px) {
  .gpc-header-filter-reset-button {
    margin-bottom: 1rem;
  }
}

.gpc-nav-section-inner {
  display: flex;
}

.gpc-header-filters {
  flex-wrap: wrap;
}

@media (max-width: 639px) {
  .flexEnd {
    display: flex;
    justify-content: center;
    margin-bottom: 1.25rem;
  }
}

@media (max-width: 639px) {
  .gpc-filter-body-button-container {
    margin-bottom: 1.375rem;
  }
}

.gpc-no-results-bar {
  max-width: 1440px;
  width: 100%;
  margin: 5rem auto;
  padding: 0 1rem;
  text-align: center;
}

@media (min-width: 640px) {
  .gpc-no-results-bar {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .gpc-no-results-bar {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .gpc-no-results-bar {
    padding: 0 4.5rem;
  }
}

.gpc-no-results-bar.full-width-error {
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .gpc-no-results-bar.full-width-error {
    margin-top: 1.5625rem;
    margin-bottom: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .gpc-no-results-bar.full-width-error {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .gpc-no-results-bar.full-width-error {
    padding: 0 4.5rem;
  }
}

.gpc-no-results {
  background-color: #f3f3f3;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 1rem 0;
}

.gpc-no-results-text {
  font-weight: 700;
}

.gpc-no-results-text:after {
  content: " \0020";
}

.gpc-calculator {
  margin: 0 auto;
}

.gpc-calculator .gpc-calculator-car-box-ht {
  padding-left: 1.5rem;
}

@media (max-width: 640px) {
  .gpc-calculator .gpc-calculator-car-box-ht {
    height: unset;
    border-right: unset;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1rem 0 2rem;
  }
}

@media (max-width: 1023px) {
  .gpc-calculator .gpc-calculator-car-box-ht {
    display: inline-block;
    height: unset;
    padding: unset;
    margin: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.gpc-calculator .pad-b-16 {
  padding-bottom: 2rem;
}

@media (max-width: 1023px) {
  .gpc-calculator .pad-b-16 {
    padding: unset;
  }
}

.gpc-calculator .gpc-calculator-trims-info a.activetrim {
  color: #002c5e;
  background: #e6e6e6;
  font-weight: 700;
}

.gpc-calculator .gpc-calculator-trims-info {
  display: none;
  margin: 0;
}

@media (min-width: 1024px) {
  .gpc-calculator .gpc-calculator-trims-info {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 0 !important;
  }
}

.gpc-calculator .gpc-calculator-trims-info li {
  list-style: none;
  display: block;
  height: 3.25rem;
  padding: 0.9375rem 0.9375rem 0.9375rem 2.1875rem;
  border-bottom: 0.0625rem solid #bababa;
}

.gpc-calculator-select-model {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333333;
}

.gpc-calculator-price-starting-at {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.gpc-calculator-price-block {
  margin-bottom: 0.5rem;
}

.gpc-calculator-price {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 0.3125rem 0 0 0;
  display: inline-block;
}

.gpc-calculator-available-trim {
  font-weight: 700;
  font-size: 1rem;
  line-height: 2.25rem;
}

@media (max-width: 1023px) {
  .gpc-calculator-name-spec {
    margin-left: 5rem;
  }
}

.gpc-calculator-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.375rem;
}

@media (min-width: 640px) {
  .gpc-calculator-name {
    font-size: 1.25rem;
  }
}

.gpc-calculator-name span {
  font-weight: 400;
  font-size: 1.25rem;
}

.gpc-calculator .gpc-calculator-trims-info li a {
  text-decoration: unset;
  color: #333333;
}

.gpc-calculator .gpc-calculator-trims-info a li {
  font-size: 1rem;
  line-height: 1.375rem;
  cursor: pointer;
}

.modal-box .gpc-calculator-select-radio {
  padding: 0.625rem 0;
}

.modal-box .gpc-calculator-select-radio label {
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333333;
}

.modal-box .gpc-calculator-select-radio input {
  float: right;
}

@media (max-width: 1200px) {
  .modal-box-content {
    width: 100%;
  }
  .modal-content {
    padding: 1.5rem 1rem;
  }
}

.select-model {
  display: inline-flex;
  margin-bottom: 0.5rem;
  margin-top: 1.875rem;
  font-size: 1rem;
  font-weight: 700;
  color: #002c5e;
}

@media (min-width: 1024px) {
  .select-model {
    display: none;
  }
}

.select-model svg {
  margin-left: 0.75rem;
  width: 0.8125rem;
}

.trim-overlay {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.trim-modal {
  width: 93.5%;
  z-index: 9999;
  padding: 0.5rem 1rem;
  background-color: #ffffff;
  position: absolute;
  border-radius: 1rem;
  left: 0;
  right: 0;
  margin: auto;
}

.trim-modal .select-radio {
  padding: 0.625rem 0;
}

.trim-modal .select-radio input {
  float: right;
  width: 1.125rem;
  height: 1.125rem;
}

.trim-modal .select-radio label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333333;
}

.trim-modal .select-radio hr {
  opacity: 0.2;
}

.gpc-calculator-right-panel .active {
  border: 0.0625rem solid #00aad2 !important;
  background-color: #ffffff !important;
}

.gpc-calculator-right-panel select {
  background: #f3f3f3;
  border: 0rem;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  -webkit-appearance: none;
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 1rem;
  background-size: 0.625rem;
  background-image: url(../../../../etc.clientlibs/hyundai/main/clientlibs/clientlib-dependencies/resources/images/expand-button-down.svg);
}

@media (min-width: 320px) and (max-width: 1023px) {
  .gpc-calculator-right-panel select {
    font-size: 0.6875rem;
  }
}

@media (min-width: 1024px) {
  .gpc-calculator-right-panel select {
    font-size: 0.875rem;
  }
}

@media (min-width: 1440px) {
  .gpc-calculator-right-panel select {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    word-wrap: break-word;
  }
}

.gpc-calculator-right-panel select option.redirect {
  font-weight: 400;
}

.gpc-calculator-down-payment-trade-in {
  display: flex;
  justify-content: space-between;
}

.gpc-calculator-down-payment-trade-in .trade-estimate-txt {
  color: #002c5e;
  cursor: pointer;
}

.gpc-calculator-body {
  border-top: 0.0625rem solid #ccc;
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
  margin-top: 1rem;
}

.gpc-calculator-trade-in {
  display: block;
  padding-top: 0.625rem;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .gpc-calculator-trade-in {
    display: flex;
    padding: 1.875rem 0 1.25rem;
  }
}

.gpc-calculator-trade-in input {
  transform: scale(1.5);
  margin-right: 0.25rem;
  vertical-align: middle;
}

.gpc-calculator-trade-in label {
  padding-right: 1.25rem;
  color: #333333;
}

.gpc-calculator-trade-in .gpc-calculator-trade-in-section .testdrive-modal-form-contact-option {
  margin: 0;
}

.gpc-calculator-trade-in .gpc-calculator-trade-txt {
  flex-basis: 50%;
  margin-top: 1.25rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}

@media (min-width: 1024px) {
  .gpc-calculator-trade-in .gpc-calculator-trade-txt {
    margin: 0;
  }
}

.gpc-calculator-Loan-term {
  display: flex;
  justify-content: space-between;
  color: #333333;
}

.gpc-calculator-Loan-term .gpc-calculator-Loan-term-item {
  padding: 0.625rem !important;
  text-align: center;
  border: 0.0625rem solid #e6e6e6;
  background-color: #f3f3f3;
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 500;
  margin: auto;
  width: 100%;
}

@media (max-width: 320px) {
  .gpc-calculator-Loan-term .gpc-calculator-Loan-term-item {
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  .gpc-calculator-Loan-term .gpc-calculator-Loan-term-item {
    margin: 0;
    font-size: 1.5rem;
  }
}

.gpc-calculator-Loan-term-main .gpc-calculator-sub-section-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  padding-bottom: 0.6875rem;
}

.gpc-calculator-Loan-term-main .gpc-calculator-loan-section {
  width: 100%;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  color: #000000;
  padding: calc(16px);
}

.gpc-calculator-Loan-term-main .gpc-calculator-lease-loan-term {
  padding-bottom: 2.5rem;
}

.gpc-calculator-down-Payment {
  padding: 1rem 0 2rem;
}

.gpc-calculator-down-Payment-monthly {
  padding: 2rem 0 0.688rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}

.gpc-calculator-slider-down-payment {
  display: block;
  padding: 0.6rem 0;
}

@media (min-width: 1024px) {
  .gpc-calculator-slider-down-payment {
    display: flex;
    justify-content: space-between;
  }
}

.gpc-calculator-slider-down-payment input:nth-child(2) {
  width: 78%;
  display: flex;
  margin: auto;
}

@media (min-width: 1024px) {
  .gpc-calculator-slider-down-payment input:nth-child(2) {
    display: block;
    margin-left: 0.3125rem;
  }
}

.gpc-calculator-downpaymet-slider-input {
  width: 50%;
  height: 2.5rem;
  text-align: center;
  font-size: 1.5rem;
  color: #333333;
  border: 0.0625rem solid #00aad2;
}

@media (min-width: 360px) and (max-width: 1023px) {
  .gpc-calculator-downpaymet-slider-input {
    width: 40%;
  }
}

@media (min-width: 1024px) {
  .gpc-calculator-downpaymet-slider-input {
    width: 35%;
    height: 2.75rem;
  }
}

@media (min-width: 1440px) {
  .gpc-calculator-downpaymet-slider-input {
    width: 25%;
  }
}

.gpc-calculator-downpaymet-slider-input {
  color: #333333;
  border: 0.0625rem solid #00aad2;
}

.gpc-calculator-Loan-term-rate {
  display: flex;
}

.gpc-calculator-Loan-term-rate .gpc-calculator-Loan-term-data {
  color: #333333;
  flex-basis: 38%;
  text-align: center;
  border: 0.0625rem solid #e6e6e6;
  background-color: #f3f3f3;
  padding: 1.5625rem 0.75rem;
  margin-right: 1.563rem;
}

@media (min-width: 320px) and (max-width: 359px) {
  .gpc-calculator-Loan-term-rate .gpc-calculator-Loan-term-data {
    padding: 0.5rem 0.5rem;
    width: 50%;
    flex-basis: auto;
    margin-right: 1rem;
  }
}

@media (min-width: 360px) and (max-width: 1023px) {
  .gpc-calculator-Loan-term-rate .gpc-calculator-Loan-term-data {
    padding: 0.5rem 0.5rem;
    margin-right: 1rem;
    flex-basis: 50%;
  }
}

@media (min-width: 1024px) {
  .gpc-calculator-Loan-term-rate .gpc-calculator-Loan-term-data {
    padding: 0.75rem 1.5625rem 0.75rem 1.5625rem;
    flex-basis: 45%;
  }
}

@media (min-width: 1440px) {
  .gpc-calculator-Loan-term-rate .gpc-calculator-Loan-term-data {
    padding: 1rem 1.5625rem 1rem 1.5625rem;
    flex-basis: 38%;
  }
}

.gpc-calculator-Loan-term-rate
.gpc-calculator-Loan-term-data
.gpc-calculator-payment-section {
  border-bottom: 0.0625rem solid #ccc;
}

.gpc-calculator-intrest-rate {
  display: block;
}

.gpc-calculator-intrest-rate .gpc-calculator-intrest-txt {
  font-size: 1.875rem;
  font-weight: 700;
}

.gpc-calculator-intrest-rate .gpc-calculator-intrest-txts {
  font-size: 1rem;
  font-weight: 500;
}

.gpc-calculator-intrest-text {
  font-size: 0.75rem;
  padding-bottom: 0.875rem;
  display: inline-block;
  font-weight: 400;
}

@media (min-width: 320px) and (max-width: 640px) {
  .gpc-calculator-intrest-text {
    font-size: 0.73rem;
  }
}

.gpc-calculator-intrest-rate-defaultTerm {
  padding: 1.375rem;
  display: inline-block;
  font-size: 1rem;
}

@media (min-width: 320px) and (max-width: 359px) {
  .gpc-calculator-intrest-rate-defaultTerm {
    padding: 1rem 1rem 0rem 1rem;
  }
}

@media (min-width: 360px) and (max-width: 1023px) {
  .gpc-calculator-intrest-rate-defaultTerm {
    padding: 1rem 1rem 0rem 1rem;
  }
}

@media (min-width: 1024px) {
  .gpc-calculator-intrest-rate-defaultTerm {
    padding: 0.875rem 0 0;
  }
}

.gpc-calculator-cradit-score {
  margin: 1.1875rem 0 0 0;
  text-align: left;
  font-size: 0.875rem;
  font-weight: 500;
  color: #666666;
}

@media (min-width: 320px) and (max-width: 359px) {
  .gpc-calculator-cradit-score {
    font-size: 0.75rem;
  }
}

@media (min-width: 320px) and (max-width: 1024px) {
  .gpc-calculator-cradit-score {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .gpc-calculator-cradit-score {
    text-align: center;
  }
}

.gpc-calculator-cradit-score .gpc-calculator-cradit-score-section {
  padding-bottom: 0.2rem;
  color: #333333;
  font-weight: 400;
}

.gpc-calculator-cradit-score .gpc-calculator-cradit-score-section .gpc-calculator-link-show-all-plans {
  font-weight: 700;
  color: #002c5e;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding: 0.4375rem 0;
  font-size: 0.875rem;
  display: inline-flex;
  text-decoration: none;
}

.gpc-calculator-cradit-score .gpc-calculator-cradit-score-txt {
  padding: 1rem 0rem 1.25rem;
}

.gpc-calculator-cradit-score .gpc-calculator-edit-cradit-txt {
  font-weight: 700;
  color: #002C5F;
  cursor: pointer;
}

.gpc-calculator-cradit-score .gpc-calculator-cradit-score-wrapper {
  font-weight: 700;
  color: #002c5e;
  cursor: pointer;
  text-align: center;
}

.gpc-calculator-cradit-score .edit {
  display: inline-block;
  margin-left: 0rem;
  text-align: center;
  width: 100%;
}

@media (min-width: 1024px) {
  .gpc-calculator-cradit-score .edit {
    text-align: inherit;
    width: auto;
    margin-left: 0.625rem;
  }
}

.gpc-calculator-cradit-score .edit .gpc-calculator-edit-section {
  color: #002C5F;
}

.gpc-calculator-cradit-score .edit svg {
  display: inline-block;
  height: 0.75rem;
}

.gpc-calculator-cradit-score .gpc-calculator-cradit-section-txt {
  font-weight: 700;
  color: #333333;
  display: inline-block;
  margin-top: 0.9375rem;
}

@media (min-width: 1024px) {
  .gpc-calculator-cradit-score .gpc-calculator-cradit-section-txt {
    margin-top: 0;
  }
}

.gpc-calculator-cradit-score .gpc-calculator-cradit-section-txt svg {
  display: inline;
  vertical-align: middle;
  font-size: 0.75rem;
  margin-left: 0.3125rem;
  width: 0.5rem;
}

.gpc-calculator-cradit-score .gpc-calculator-credit-score-txt {
  font-weight: 700;
  color: #002c5e !important;
  cursor: pointer;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}

@media (min-width: 1024px) {
  .gpc-calculator-cradit-score .gpc-calculator-credit-score-txt {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.gpc-calculator-cradit-score .unlock-button {
  display: inline-block;
  background: #002c5e;
  padding: 0 0.625rem;
  margin-top: 0.3125rem;
}

.gpc-calculator-cradit-score .unlock-button .vin-summary-primary-button {
  margin-top: 0.875rem !important;
}

.gpc-calculator-cradit-score .unlock-button svg {
  color: #ffffff !important;
}

.gpc-calculator-cradit-score .unlock-button .gpc-calculator-payment-option-unlock-dealer-button {
  padding: 0.5rem 0rem;
}

.gpc-calculator-unlock-dealer-wrapper {
  display: flex;
  justify-content: center;
}

.gpc-calculator-unlock-dealer-wrapper .btn-unlock-dealer-price {
  background-color: #002c5e;
  color: #ffffff;
  padding: 0.75rem 1rem;
}

.gpc-calculator-unlock-dealer-wrapper .gpc-calculator-btn-unlock-dealer-price svg path {
  fill: #ffffff;
}

.gpc-calculator-test-drive .gpc-calculator-loading-icon {
  display: none;
  justify-content: center;
}

.gpc-calculator-test-drive .gpc-calculator-statusbar-error {
  display: none;
  padding: 1.25rem 1rem;
}

.gpc-calculator-special-programs-head {
  padding: 2.75rem 0 1.25rem;
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
}

.gpc-calculator-special-programs-head-cash {
  padding: 1.5rem 0 1.25rem;
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
}

.gpc-calculator-special-programs-body {
  padding: 1.375rem 1.875rem 1.375rem 1.875rem;
  background: #f3f3f3;
  align-items: center;
  color: #333333;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
}

@media (max-width: 1023px) {
  .gpc-calculator-special-programs-body {
    padding: 1.125rem 0.938rem;
  }
}

@media (min-width: 1024px) {
  .gpc-calculator-special-programs-body {
    font-size: 1.25rem;
    padding: 1.375rem 1.375rem 1.375rem 1.375rem;
  }
}

@media (min-width: 1440px) {
  .gpc-calculator-special-programs-body {
    padding: 1.375rem 1.875rem 1.375rem 1.875rem;
  }
}

.gpc-calculator-special-programs-body input[type="checkbox"] {
  margin: auto 1.25rem auto 0;
  transform: scale(1.5);
}

.gpc-calculator-special-programs-body .gpc-calculator-spp-checkbox-label {
  display: flex;
  margin: 0;
  position: relative;
  margin-right: 1.1rem;
  height: 1.125rem;
  width: 1.125rem;
}

.gpc-calculator-special-programs-body input[type="checkbox"]:checked {
  background-color: #ffffff;
}

.gpc-calculator-special-programs-body-ddc {
  padding: 1.875rem 1.875rem 1.625rem 1.875rem;
}

.gpc-calculator-special-programs-body .gpc-calculator-special-program-content {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.gpc-calculator-special-programs-body
.gpc-calculator-special-program-content-disclamer {
  display: flex;
  font-size: 1rem;
  width: 100%;
  font-weight: 400;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  padding: 1.25rem 0;
  justify-content: space-between;
}

.gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
.per-month {
  margin: 1rem 0 0 -0.3125rem;
  font-size: 1rem;
}

.gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
span {
  flex-basis: 40%;
  font-size: 1rem;
  margin: auto 0;
}

@media (min-width: 320px) and (max-width: 359px) {
  .gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
span {
    font-size: 0.875rem;
    flex-basis: 30%;
  }
}

@media (min-width: 360px) and (max-width: 1023px) {
  .gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
span {
    font-size: 0.9375rem;
    flex-basis: 60%;
  }
}

@media (min-width: 1024px) {
  .gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
span {
    font-size: 1.25rem;
    flex-basis: 42%;
  }
}

.gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
span:first-child {
  flex-basis: 60%;
}

@media (min-width: 320px) and (max-width: 359px) {
  .gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
span:first-child {
    flex-basis: 70%;
  }
}

@media (min-width: 320px) and (max-width: 359px) {
  .gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
.gpc-calculator-price-qualify-txt {
    font-size: 0.875rem;
    flex-basis: 62%;
  }
}

.gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
.gpc-calculator-price-left {
  text-align: right;
  font-size: 1.5625rem;
}

@media (min-width: 320px) and (max-width: 359px) {
  .gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
.gpc-calculator-price-left {
    font-size: 1.125rem;
  }
}

@media (min-width: 360px) and (max-width: 1023px) {
  .gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
.gpc-calculator-price-left {
    font-size: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
.gpc-calculator-price-left {
    font-size: 1.25rem;
  }
}

.gpc-calculator-special-programs-body .gpc-calculator-special-programs-wrapper {
  display: inline-flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}

.gpc-calculator-special-programs-body .gpc-calculator-special-programs-wrapper .gpc-calculator-special-programs-wrapper-checkbox {
  display: flex;
  margin: 0;
  position: relative;
  margin-right: 1.1rem;
  height: 1.125rem;
  width: 1.125rem;
}

.gpc-calculator-special-programs-body .gpc-calculator-special-programs-wrapper .tooltip-trigger {
  cursor: pointer;
}

.redirect {
  font-weight: 700;
  font-size: 0.875rem !important;
  color: #002C5F;
  display: flex;
  justify-content: flex-end;
}

@media (min-width: 320px) and (max-width: 359px) {
  .redirect {
    font-size: 0.6875rem !important;
  }
}

@media (min-width: 360px) and (max-width: 1023px) {
  .redirect {
    font-size: 0.75rem !important;
  }
  .redirect svg {
    display: inline;
    vertical-align: top;
    font-size: 0.75rem;
    margin-left: 0.3125rem;
  }
}

.gpc-calculator-item-tenure {
  font-size: 1rem !important;
}

.gpc-calculator-item-tenure svg {
  vertical-align: unset;
}

.gpc-calculator-see-all {
  font-size: 0.875rem !important;
  display: flex;
  justify-content: center;
  color: #002C5F !important;
  font-weight: 700 !important;
}

.gpc-calculator-see-all svg {
  font-size: 0.6rem;
  margin: auto 0 auto 0.3125rem;
}

.gpc-calculator-summary-calculater {
  margin-top: 2rem;
  margin-bottom: 1.875rem;
}

.gpc-calculator-summary-head {
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 1.5625rem;
}

.gpc-calculator-summary-body {
  display: flex;
  justify-content: space-between;
  color: #333333;
  font-size: 1rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .gpc-calculator-summary-body {
    font-size: 1.25rem;
  }
}

.gpc-calculator-summary-body .gpc-calculator-amount {
  text-align: right;
  font-size: 1.5625rem;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .gpc-calculator-summary-body .gpc-calculator-amount {
    font-size: 1.125rem;
  }
}

.gpc-calculator-summary-body .gpc-calculator-price-details-link__icon svg {
  font-size: 0.6rem;
  margin-left: 0.25rem;
}

.gpc-calculator-quarey-details {
  border-top: 0.0625rem solid #ccc;
  text-align: center;
  padding-top: 1.25rem;
}

@media (min-width: 320px) and (max-width: 640px) {
  .gpc-calculator-quarey-details {
    padding: 1.25rem 1.25rem;
  }
}

.gpc-calculator-approved-credit {
  color: #333333;
  font-size: 0.75rem;
  text-align: right;
  flex-basis: 70%;
  font-weight: 500;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .gpc-calculator-approved-credit {
    flex-basis: 52%;
  }
}

.gpc-calculator-summary-continue {
  padding: 0.875rem 1.5rem;
  color: #ffffff;
  font-size: 1rem;
  margin: 2.1875rem 0 1.1875rem;
  background-color: #002c5e;
  display: inline-block;
  width: 100%;
  text-align: left;
  font-weight: 500;
}

.gpc-calculator-summary-continue svg {
  color: #ffffff;
  filter: none;
}

.gpc-calculator-test-drive {
  margin: 1.5625rem 0;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #666666;
}

.gpc-calculator-test-drive-icon {
  color: #002c5e;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gpc-calculator-test-drive-icon .gpc-calculator-test-drive-txt {
  margin-right: 0.5rem;
  vertical-align: middle;
  cursor: pointer;
  display: flex;
  width: 100% !important;
  height: auto !important;
  justify-content: center;
}

.gpc-calculator-test-drive-icon .gpc-calculator-test-drive-txt svg {
  vertical-align: middle !important;
  margin-right: 0.375rem !important;
  filter: none;
}

.gpc-calculator-test-drive-icon .gpc-calculator-test-drive-txt svg path {
  fill: #002c5e;
}

.gpc-calculator-contact-dealer {
  font-weight: 700;
  color: #002c5e;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding: 1.25rem 0;
  font-size: 0.875rem;
}

.gpc-calculator-contact-dealer svg {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.5625rem;
  margin-left: 0.25rem;
}

.gpc-calculator-additional-queries {
  color: #333333;
  font-size: 1rem;
}

.gpc-calculator-contact-dealer-dir {
  color: #333333;
  font-size: 1rem;
  font-weight: 700;
}

.gpc-calculator-contact-dealer-dir a {
  text-decoration: none;
  color: #002c5e;
}

.disclaimer-display-none {
  display: none !important;
}

.edit-model .modal-box {
  display: flex;
  width: 100%;
  margin: 0;
}

@media (min-width: 320px) and (max-width: 639px) {
  .edit-model .modal-box {
    background: none;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .edit-model .modal-box {
    width: 80%;
    margin: auto;
  }
}

@media (min-width: 1024px) {
  .edit-model .modal-box {
    width: 45%;
    margin: auto;
  }
}

.edit-model .modal-x {
  top: 0.8rem;
  right: 1.5rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .edit-model .modal-x {
    position: inherit;
    width: auto;
    height: auto;
  }
}

.edit-model .main-header {
  padding: 1.25rem 2.1875rem;
  background-color: #f3f3f3;
  font-size: 1rem;
  color: #333333;
  text-align: left;
  font-weight: 500;
}

@media (min-width: 320px) and (max-width: 639px) {
  .edit-model .main-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.edit-model .modal-content {
  padding: 0;
}

.edit-model .modal-box-content {
  width: 100%;
}

@media (min-width: 320px) and (max-width: 639px) {
  .edit-model .modal-box-content {
    max-height: 32rem;
    background: #ffffff;
  }
}

.edit-model .main-container {
  text-align: center;
}

.edit-model .gpc-calculator-cradit-discription {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  margin: 2.1875rem 6rem;
  width: 80%;
  line-height: 1.375rem;
}

@media (min-width: 1024px) {
  .edit-model .gpc-calculator-cradit-discription {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 320px) and (max-width: 639px) {
  .edit-model .gpc-calculator-cradit-discription {
    margin: 2rem;
  }
}

.edit-model .gpc-calculator-status-text {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
}

.edit-model .gpc-calculator-estimater {
  color: #333333;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1.25rem;
}

.edit-model .slider-input {
  margin-bottom: 0.625rem;
  border: 0.125rem solid #e6e6e6;
  width: 25%;
  height: 2.5rem;
  text-align: center;
  font-size: 1.5rem;
}

@media (min-width: 640px) {
  .edit-model .slider-input {
    width: 15%;
  }
}

@media (min-width: 1024px) {
  .edit-model .slider-input {
    width: 25%;
  }
}

@media (min-width: 1440px) {
  .edit-model .slider-input {
    width: 15%;
  }
}

.edit-model .Active-text {
  color: #002c5e !important;
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
}

.edit-model .gpc-calculator-save-cradit {
  display: inline-block;
  background: #002c5e;
  padding: 0.8125rem 4.875rem;
  color: #ffffff;
  font-size: 1rem;
  margin: 2.5rem 0 3.75rem;
  cursor: pointer;
}

.edit-model .slider-input-wrapper {
  display: flex;
  justify-content: center;
}

.edit-model .slider-bar {
  margin: 2rem 0;
}

.edit-model .bldf-mp-slider {
  left: 0;
}

.see-all-plans.modal {
  width: 100%;
  margin: auto;
}

@media (min-width: 1024px) {
  .see-all-plans.modal {
    width: 80%;
  }
}

@media (min-width: 1440px) {
  .see-all-plans.modal {
    width: 60%;
  }
}

.see-all-plans.modal .modal-box {
  height: 100%;
  width: 100%;
}

.see-all-plans.modal .modal-box-content {
  width: 100%;
}

.see-all-plans.modal .modal-content {
  padding: 0;
}

.see-all-plans.modal .gpc-calculator-content-title {
  font-size: 1.5rem;
  padding: 1.875rem;
  text-align: center;
}

.see-all-plans.modal .gpc-calculator-show-all-wrapper {
  display: flex;
}

@media (min-width: 320px) and (max-width: 639px) {
  .see-all-plans.modal .gpc-calculator-show-all-wrapper {
    display: block;
  }
}

.gpc-calculator-payment-option-disclaimer .gpc-calculator-link-unlock-dealer {
  color: #002c5e;
  text-decoration: none;
}

.flex-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  row-gap: 1rem;
  column-gap: 1rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .flex-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.flex-grid.flex-3 {
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 1rem;
}

.flex-grid.flex-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 1rem;
}

.flex-grid.flex-5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  column-gap: 1rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .flex-grid.flex-5 {
    column-gap: 0.5rem;
  }
}

.display-block {
  display: block !important;
}

.paymentsvg svg {
  font-size: 1rem;
  color: #002c5e;
}

.gpc-calculator-width50 {
  width: 50%;
  margin: 0 1rem;
}

@media (max-width: 1024px) {
  .gpc-calculator-width50 {
    margin: 0 0.5rem;
  }
}

.gpc-calculator-divs {
  border: 0.0625rem solid #00aad2;
  background-color: #ffffff;
  padding: 1.5rem 1.5rem;
  position: relative;
}

.gpc-calculator-head {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1rem;
}

.gpc-calculator-head span {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
  color: #333333;
}

.gpc-calculator-head small {
  font-size: 1rem;
  font-weight: 500;
}

.gpc-calculator-head-text {
  padding-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 400;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #000000;
}

.gpc-calculator-dont-know-score p {
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  padding-bottom: 2rem;
}

.gpc-calculator-dont-know-score p a {
  text-decoration: none;
  color: #002c5e;
  cursor: pointer;
}

.flexBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f3f3f3;
  padding: 1.5rem;
  margin: 1rem 0;
}

.gpc-calculator-container-special {
  display: block;
  position: relative;
  padding-left: 1.75rem;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333333;
  font-size: 1.25rem;
  font-weight: 700;
}

.gpc-calculator-container-special input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.gpc-calculator-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.125rem;
  width: 1.125rem;
  background-color: #ffffff;
  border: 0.125rem solid #bababa;
}

.gpc-calculator-container-special input:checked ~ .gpc-calculator-checkmark {
  border-color: #00aad2;
}

.gpc-calculator-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.gpc-calculator-container-special
input:checked
~ .gpc-calculator-checkmark:after {
  display: block;
}

.gpc-calculator-container-special .gpc-calculator-checkmark:after {
  left: 0.3125rem;
  top: 0.0625rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.1875rem 0.1875rem 0;
  transform: rotate(45deg);
}

.gpc-calculator-qualify-div p {
  text-align: right;
  font-size: 1.25rem;
  color: #333333;
  font-weight: 700;
}

.gpc-calculator-qualify-div span {
  font-size: 0.875rem;
  color: #002c5e;
  font-weight: 700;
  text-align: right;
  display: block;
}

@media (max-width: 1024px) {
  .gpc-calculator-qualify-div span {
    display: none;
  }
}

.gpc-calculator-qualify-div .tooltip-trigger {
  width: auto;
  white-space: nowrap;
}

.gpc-calculator-qualify-div svg {
  max-width: unset;
}

@media (max-width: 640px) {
  .gpc-calculator-width50 {
    width: 100%;
    margin: 1rem 0;
  }
  .gpc-calculator-calculator-info {
    width: 100%;
  }
  .gpc-calculator-calc-button {
    text-align: center;
  }
  .gpc-calculator-qualify-div span {
    display: none;
  }
  .gpc-calculator-divs {
    padding: 1.5rem 1rem;
  }
  .gpc-calculator-summary-continue {
    width: unset;
  }
  .gpc-calculator-estiate-credit-score {
    padding: 2rem 0 0.6875rem;
  }
}

@media (max-width: 1023px) {
  .gpc-calculator-width50 {
    width: 100%;
    margin: 1rem 0;
  }
}

.gpc-calculator-special-program .gpc-calculator-select-special-prog {
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  margin-bottom: 0.625rem;
}

.gpc-calculator-estiate-credit-score {
  padding: 2rem 0 2rem;
  text-align: center;
}

.gpc-calculator-estiate-credit-score .gpc-calculator-estiate-credit-text {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}

.gpc-calculator-down-payment-txt {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}

.gpc-calculator-check-disabled {
  pointer-events: none;
}

.gpc-calculator-check-disabled .gpc-calculator-container-special {
  color: #939393;
}

.gpc-calculator-check-disabled .gpc-calculator-qualify-div p {
  color: #949494;
}

.gpc-calculator-check-disabled .redirect {
  color: #8996AD;
}

.slider-down-payment {
  display: block;
  padding: 0.6rem 0;
}

@media (min-width: 1024px) {
  .slider-down-payment {
    display: flex;
    justify-content: space-between;
  }
}

.slider-down-payment input:nth-child(2) {
  width: 78%;
  display: flex;
  margin: auto;
}

@media (min-width: 1024px) {
  .slider-down-payment input:nth-child(2) {
    display: block;
    margin-left: 0.3125rem;
  }
}

.slider-down-payment .slider-payment-input {
  width: 50%;
  height: 2.5rem;
  text-align: center;
  font-size: 1.5rem;
  color: #333333;
  border: 0.0625rem solid #00aad2;
}

@media (min-width: 360px) and (max-width: 1023px) {
  .slider-down-payment .slider-payment-input {
    width: 40%;
  }
}

@media (min-width: 1024px) {
  .slider-down-payment .slider-payment-input {
    width: 35%;
    height: 2.75rem;
  }
}

@media (min-width: 1440px) {
  .slider-down-payment .slider-payment-input {
    width: 25%;
  }
}

.gpc-credit-score-slider-cover {
  position: absolute;
  z-index: 1;
  display: flex;
  width: 100%;
}

.gpc-credit-score-slider-cover .gpc-credit-score-slider-track-scroll {
  display: inline-block;
  height: 0.25rem;
  background-color: #00aad2;
}

.gpc-credit-score-slider-cover .gpc-credit-score-slider-track-reverse {
  display: inline-block;
  height: 0.25rem;
  background-color: #bababa;
}

.gpc-credit-score-slider-sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.gpc-credit-score-slider-mp, .gpc-calculator-downpayment-mp {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 0.25rem;
  background: transparent;
  transition: opacity 0.2s;
}

.gpc-credit-score-slider {
  display: block;
  padding: 0.6rem 0;
}

.gpc-credit-score-slider input:nth-child(2) {
  width: 100%;
  display: flex;
  margin: auto;
}

@media (min-width: 1024px) {
  .gpc-credit-score-slider input:nth-child(2) {
    display: block;
    margin-left: 0.3125rem;
  }
}

.gpc-credit-score-slider-input, .gpc-calculator-downpayment-input {
  width: 50%;
  height: 2.5rem;
  text-align: center;
  font-size: 1.5rem;
  color: #333333;
  border: 0.0625rem solid #00aad2;
  margin: auto;
}

@media (min-width: 360px) and (max-width: 1023px) {
  .gpc-credit-score-slider-input, .gpc-calculator-downpayment-input {
    width: 40%;
  }
}

@media (min-width: 1024px) {
  .gpc-credit-score-slider-input, .gpc-calculator-downpayment-input {
    width: 35%;
    height: 2.75rem;
  }
}

@media (min-width: 1440px) {
  .gpc-credit-score-slider-input, .gpc-calculator-downpayment-input {
    width: 25%;
  }
}

.gpc-credit-score-slider-input.focus, .gpc-calculator-downpayment-input.focus {
  color: #333333;
  border: 0.0625rem solid #00aad2;
}

.gpc-credit-score-slider-input, .gpc-calculator-downpayment-input {
  color: #333333;
  border: 0.0625rem solid #00aad2;
  margin: 0.375rem auto !important;
}

.gpc-credit-score-slider-input-div {
  margin-bottom: 2.625rem;
}

.slider-input {
  font-weight: 700;
  margin: 0 auto 1.1875rem;
  display: flex;
  font-size: 1.25rem;
}

@media (min-width: 1024px) {
  .slider-input {
    margin: 0;
    font-size: 1.5rem;
  }
}

.gpc-credit-score-slider-status-text {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333333;
}

.gpc-credit-score-slider-cover .gpc-credit-score-slider-track-scroll, .gpc-calculator-downpayment-cover .gpc-calculator-downpayment-track-scroll {
  display: inline-block;
  height: 0.25rem;
  background-color: #00aad2;
}

.edit-credit {
  left: 0;
}

.gpc-credit-score-slider-mp::-webkit-slider-thumb, .gpc-calculator-downpayment-mp::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  border: 0.3125rem solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.gpc-credit-score-slider-mp::-moz-range-thumb, .gpc-calculator-downpayment-mp::-moz-range-thumb {
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  border: 0.3125rem solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.gpc-credit-score-slider-mp::-ms-thumb, .gpc-calculator-downpayment-mp::-ms-thumb {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  border: 0.3125rem solid #00aad2;
  background: #ffffff;
}

.gpc-credit-score-slider-mp::-ms-track, .gpc-calculator-downpayment-mp::-ms-track {
  border: none;
  width: 0;
  height: 0;
  background: transparent;
  color: transparent;
}

.gpc-calculator-trade-estimate-txt a {
  color: #002c5e;
  cursor: pointer;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.375rem;
  text-decoration: none;
}

.down-payment-trade-in {
  display: flex;
  justify-content: space-between;
}

.gpc-calculator-trade-in-head {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}

.gpc-credit-score-slider-wrapper {
  width: 70%;
  display: flex;
  align-items: center;
  margin: auto;
  position: relative;
}

.gpc-credit-score-slider-wrapper .gpc-credit-score-slider-container {
  height: 0.625rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .gpc-credit-score-slider-wrapper {
    width: 75%;
  }
}

@media (min-width: 640px) {
  .gpc-credit-score-slider-wrapper {
    width: 60%;
  }
}

.gpc-calculator-downpayment-wrapper {
  width: 70%;
  display: flex;
  align-items: center;
  margin: auto;
  position: relative;
}

.gpc-calculator-downpayment-wrapper .gpc-credit-score-slider-container {
  height: 0.625rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .gpc-calculator-downpayment-wrapper {
    width: 75%;
  }
}

@media (min-width: 640px) {
  .gpc-calculator-downpayment-wrapper {
    width: 60%;
  }
}

.gpc-calculator-downpayment-cover {
  position: absolute;
  z-index: 1;
  display: flex;
  width: 100%;
}

.gpc-calculator-downpayment-cover .gpc-calculator-downpayment-track-scroll {
  display: inline-block;
  height: 0.25rem;
  background-color: #00aad2;
}

.gpc-calculator-downpayment-cover .gpc-calculator-downpayment-track-reverse {
  display: inline-block;
  height: 0.25rem;
  background-color: #bababa;
}

.title-pad-t {
  padding: 2rem 0 0.688rem !important;
}

@media (max-width: 639px) {
  .title-pad-t {
    padding-top: 1rem;
  }
}

.title-pad-b {
  padding-bottom: 1.1875rem !important;
}

@media (max-width: 639px) {
  .title-pad-b {
    padding-bottom: 0.5625rem;
  }
}

@media (max-width: 639px) {
  .mb-title-pad-b {
    padding-bottom: 1.1875rem;
  }
}

@media (max-width: 639px) {
  .mb-title-mar-t {
    margin-top: 1.1875rem;
  }
}

@media (max-width: 1023px) {
  .pad-t-18 {
    padding-top: 1.125rem;
  }
}

.tooltip-text ul {
  padding: 0 1rem 0.75rem;
}

.tooltip-text ul li {
  padding-bottom: 0.75rem;
}

.gpc-credit-score-slider-mp:focus, .gpc-calculator-downpayment-mp:focus {
  outline: none;
}

.gpc-calculator-external-icon {
  display: inline-block;
  margin-left: 0.1875rem;
  height: 0.875rem !important;
  width: 0.875rem !important;
}

.gpc-error {
  display: flex;
  align-items: center;
  padding: 0.75rem 2rem;
  background-color: #fceae7;
  margin-bottom: 1.3125rem;
}

.gpc-error-icon {
  width: 1.75rem;
  height: 1.75rem;
  position: relative;
}

.gpc-error-sign {
  position: absolute;
  color: #ffffff;
  left: 0.625rem;
  top: 0.4375rem;
  font-size: 0.875rem;
  line-height: 0.875rem;
}

.gpc-error-triangle {
  border-left: 0.75rem solid transparent;
  border-right: 0.75rem solid transparent;
  border-bottom: 1.375rem solid #e63312;
  display: inline-block;
}

.gpc-error-text {
  margin-left: 0.6875rem;
  font-size: 1rem;
  line-height: 1.375rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  color: #e63312;
}

.gpc-calculator-wrapper {
  max-width: 90rem;
  margin: auto;
}

.gpc-calculator-banner-container {
  width: 100%;
  display: flex;
}

.gpc-calculator-full {
  display: flex;
  flex-wrap: wrap;
  padding: 1.125rem 2.5rem;
  justify-content: space-between;
}

@media (max-width: 1023px) {
  .gpc-calculator-full {
    padding: 1.125rem 0.9375rem;
  }
}

.gpc-calculator-full .gpc-calculator-left-panel {
  width: 20%;
}

@media (min-width: 1024px) {
  .gpc-calculator-full .gpc-calculator-left-panel {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    align-self: flex-start;
  }
}

@media (max-width: 640px) {
  .gpc-calculator-full .gpc-calculator-left-panel {
    width: 100%;
  }
}

@media (max-width: 1023px) {
  .gpc-calculator-full .gpc-calculator-left-panel {
    width: 100%;
  }
}

.gpc-calculator-full .gpc-calculator-right-panel {
  width: 78%;
  display: flex;
  flex-direction: column;
}

@media (max-width: 640px) {
  .gpc-calculator-full .gpc-calculator-right-panel {
    width: 100%;
    display: block;
  }
}

@media (max-width: 1023px) {
  .gpc-calculator-full .gpc-calculator-right-panel {
    width: 100%;
    display: block;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .gpc-calculator-full {
    padding: 1.125rem 0.9375rem;
  }
}

body.chat-opened .gpc-calculator-full .gpc-calculator-left-panel {
  width: 20%;
}

@media (min-width: 1024px) {
  body.chat-opened .gpc-calculator-full .gpc-calculator-left-panel {
    position: inherit;
    top: inherit;
    align-self: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .gpc-calculator-full .gpc-calculator-left-panel {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    align-self: flex-start;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .gpc-calculator-full .gpc-calculator-left-panel {
    width: 100%;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .gpc-calculator-full .gpc-calculator-right-panel {
    width: 100%;
    display: block;
  }
}

.gpc-calculator-right-panel {
  background: #ffffff;
  padding: 0;
}

@media (min-width: 1440px) {
  .gpc-calculator-right-panel {
    padding: 0.3125rem 0.3125rem;
  }
}

.gpc-calculator-return-div {
  max-width: 90rem;
  padding: 0 3.8rem;
  margin-bottom: 1rem;
}

@media (max-width: 1023px) {
  .gpc-calculator-return-div {
    padding: 0.3125rem 1rem;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .gpc-calculator-return-div {
    padding: 0.3125rem 1rem;
  }
}

.gpc-calculator-return-btn {
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  text-decoration: unset;
}

.gpc-calculator-return-btn svg {
  display: inline-block;
  height: 0.7rem;
}

.gpc-calculator-head-heading {
  max-width: 90rem;
  padding: 0 3.8rem;
  margin: 1.875rem 0;
}

@media (max-width: 1023px) {
  .gpc-calculator-head-heading {
    padding: 0 1rem;
  }
}

.gpc-calculator-head-heading h1 {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

@media (max-width: 1439px) {
  body.chat-opened .gpc-calculator-head-heading {
    padding: 0 1rem;
  }
}

.gpc-calculator-apply-btn {
  float: right;
  padding: 0 3.5rem;
  font-weight: 500;
  font-size: 1rem;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .gpc-calculator-apply-btn {
    float: none;
    padding: 0;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

.gpc-calculator-apply-btn a {
  padding: 0.875rem 3.5rem;
  color: #ffffff;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  margin: 2.1875rem 0 1.1875rem;
  background-color: #002c5e;
  display: inline-block;
  height: auto;
  width: auto;
  border: none;
  text-align: center;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .gpc-calculator-apply-btn a {
    width: 100%;
  }
}

.gpc-calculator-apply-btn a:disabled {
  background-color: #bababa;
}

@media (min-width: 320px) and (max-width: 1439px) {
  body.chat-opened .gpc-calculator-apply-btn {
    float: none;
    padding: 0;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

@media (min-width: 320px) and (max-width: 1439px) {
  body.chat-opened .gpc-calculator-apply-btn a {
    width: 100%;
  }
}

.gpc-calculator-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.gpc-error {
  display: flex;
  align-items: center;
  padding: 0.75rem 2rem;
  background-color: #fceae7;
  margin-bottom: 1.3125rem;
}

.gpc-error-icon {
  width: 1.75rem;
  height: 1.75rem;
  position: relative;
}

.gpc-error-sign {
  position: absolute;
  color: #ffffff;
  left: 0.625rem;
  top: 0.4375rem;
  font-size: 0.875rem;
  line-height: 0.875rem;
}

.gpc-error-triangle {
  border-left: 0.75rem solid transparent;
  border-right: 0.75rem solid transparent;
  border-bottom: 1.375rem solid #e63312;
  display: inline-block;
}

.gpc-error-text {
  margin-left: 0.6875rem;
  font-size: 1rem;
  line-height: 1.375rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  color: #e63312;
}

.gpc-calculator {
  display: flex;
  flex-direction: column;
}

.gpc-calculator-model-container {
  padding: 0;
}

@media (min-width: 1440px) {
  .gpc-calculator-model-container {
    padding-left: 1.5rem;
  }
}

body.chat-opened .gpc-calculator-model-container {
  padding: 0;
}

@media (min-width: 1825px) {
  body.chat-opened .gpc-calculator-model-container {
    padding-left: 1.5rem;
  }
}

.gpc-calculator-model-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.375rem;
  margin-bottom: 1rem;
}

.gpc-calculator-model-name span {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
}

.gpc-calculator-model-trim {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  color: #333333;
  line-height: 2.25rem;
  margin-bottom: 1rem;
}

.gpc-calculator-model-price {
  font-size: 1.125rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
}

.gpc-calculator-image-container {
  padding: 0;
}

@media (min-width: 1440px) {
  .gpc-calculator-image-container {
    padding-left: 1.5rem;
  }
}

@media (min-width: 640px) {
  .gpc-calculator-powertrain-container {
    padding: 0;
  }
}

@media (min-width: 1440px) {
  .gpc-calculator-powertrain-container {
    padding-left: 1.5rem;
  }
}

.gpc-calculator-powertrain-title {
  font-size: 0.875rem;
  font-weight: 700;
  color: #000000;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}

.gpc-calculator-powertrains {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 0;
  padding: 0;
}

@media (min-width: 1024px) {
  .gpc-calculator-powertrains {
    margin-bottom: 0.5rem;
  }
}

.gpc-calculator-powertrain {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  color: #666666;
  line-height: 1.375rem;
  list-style: none;
  padding-bottom: 0.25rem;
  border-bottom: 0.125rem solid transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.gpc-calculator-powertrain:hover {
  color: #333333;
  border-bottom: 0.125rem solid #00aad2;
}

.gpc-calculator-powertrain svg {
  width: auto;
  height: 0.875rem;
  margin-right: 0.25rem;
}

.gpc-calculator-powertrain-active {
  color: #333333;
  border-bottom: 0.125rem solid #00aad2;
}

.gpc-calculator-image-disclaimer-container {
  width: 100%;
  max-width: 25rem;
  margin: 0.5rem 0;
  padding: 0;
}

@media (min-width: 1440px) {
  .gpc-calculator-image-disclaimer-container {
    padding-left: 1.5rem;
  }
}

.gpc-calculator-image-disclaimer-container .tooltip-trigger {
  width: auto;
  height: auto;
  margin: -0.875rem;
  padding: 0.875rem;
}

.gpc-calculator-image-disclaimer-copy {
  font-size: 0.75rem;
  font-weight: 700;
  color: #888888;
  line-height: 1rem;
}

.gpc-calculator-trim-list-container {
  display: none;
}

@media (min-width: 1024px) {
  .gpc-calculator-trim-list-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
}

body.chat-opened .gpc-calculator-trim-list-container {
  display: none;
}

@media (min-width: 1024px) {
  body.chat-opened .gpc-calculator-trim-list-container {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .gpc-calculator-trim-list-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
}

.gpc-calculator-trim-title {
  font-size: 1rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.375rem;
  border-bottom: 0.0625rem solid #bababa;
  padding: 0.9375rem 0.9375rem 0.9375rem 0;
}

@media (min-width: 1440px) {
  .gpc-calculator-trim-title {
    padding: 0.9375rem 0.9375rem 0.9375rem 1.5rem;
  }
}

.gpc-calculator-trims {
  margin: 0;
  padding: 0;
}

.gpc-calculator-trim {
  display: flex;
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
  list-style: none;
  border-bottom: 0.0625rem solid #bababa;
  padding: 0.875rem 0.875rem 0.875rem 1.5rem;
  cursor: pointer;
}

@media (min-width: 1440px) {
  .gpc-calculator-trim {
    padding: 0.875rem 0.875rem 0.875rem 2.1875rem;
  }
}

.gpc-calculator-trim-active {
  color: #002c5e;
  font-weight: 700;
  background: #e6e6e6;
}

.gpc-calculator-trim-dropdown-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding-top: 1.5rem;
}

@media (min-width: 1024px) {
  .gpc-calculator-trim-dropdown-container {
    display: none;
  }
}

body.chat-opened .gpc-calculator-trim-dropdown-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding-top: 1.5rem;
}

@media (min-width: 1024px) {
  body.chat-opened .gpc-calculator-trim-dropdown-container {
    display: flex;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .gpc-calculator-trim-dropdown-container {
    display: none;
  }
}

.gpc-calculator-trim-button {
  display: inline-flex;
  justify-content: flex-start;
  padding: 1.5rem 0 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  color: #002c5e;
  border-top: 0.0625rem solid #bababa;
  -webkit-tap-highlight-color: transparent;
}

.gpc-calculator-trim-button svg {
  margin-left: 0.75rem;
  width: 0.8125rem;
}

.gpc-calculator-trim-modal {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: absolute;
  right: 1rem;
  left: 1rem;
  background-color: #ffffff;
  border-radius: 1rem;
  padding: 1rem;
  z-index: 9999;
}

.gpc-calculator-trim-modal-title {
  font-size: 1rem;
  font-weight: 700;
  color: #000000;
  line-height: 1.375rem;
}

.gpc-calculator-trim-modal-radio {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.0625rem solid #bababa;
  margin-bottom: 0.5rem;
  padding: 0.5625rem 0;
  cursor: pointer;
}

.gpc-calculator-trim-modal-radio input {
  width: 1.125rem;
  height: 1.125rem;
}

.gpc-calculator-trim-modal-label {
  font-size: 1rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.25rem;
}

.gpc-calculator-trim-modal-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9998;
}

.trim-modal .select-radio {
  padding: 0.625rem 0;
}

.trim-modal .select-radio input {
  float: right;
  width: 1.125rem;
  height: 1.125rem;
}

.trim-modal .select-radio label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333333;
}

.trim-modal .select-radio hr {
  opacity: 0.2;
}

.gpc-calculator-trim-search-inventory a {
    width: 100%;
}

.gpc-calculator-trim-search-inventory-hidden {
  display: none !important;
}
.gpc-calculator-right-panel .active {
  border: 0.0625rem solid #00aad2 !important;
  background-color: #ffffff !important;
}

.gpc-calculator-right-panel select {
  background: #f3f3f3;
  border: 0rem;
  font-weight: 700;
  font-size: 0.875rem;
  color: #002c5e;
  -webkit-appearance: none;
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 1rem;
  background-size: 0.625rem;
  background-image: url(../../../../etc.clientlibs/hyundai/main/clientlibs/clientlib-dependencies/resources/images/expand-button-down.svg);
}

@media (min-width: 320px) and (max-width: 1023px) {
  .gpc-calculator-right-panel select {
    font-size: 0.6875rem;
  }
}

@media (min-width: 1024px) {
  .gpc-calculator-right-panel select {
    font-size: 0.875rem;
  }
}

@media (min-width: 1440px) {
  .gpc-calculator-right-panel select {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    word-wrap: break-word;
  }
}

.gpc-calculator-right-panel select option.redirect {
  font-weight: 400;
}

.gpc-calculator-right-panel .gpc-offer-copy-container {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  color: #000000;
  width: 100%;
  padding: 0;
  margin-top: 1.375rem;
  margin-bottom: 0.875rem;
}

@media (min-width: 1024px) {
  .gpc-calculator-right-panel .gpc-offer-copy-container {
    padding: 0 1rem;
    margin-top: 0;
  }
}

@media (min-width: 1440px) {
  .gpc-calculator-right-panel .gpc-offer-copy-container {
    margin-bottom: 1.25rem;
  }
}

.gpc-calculator-right-panel-offer-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .gpc-calculator-right-panel-offer-container {
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gpc-calculator-right-panel-offer-container {
    flex-direction: column;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .gpc-calculator-right-panel-offer-container {
    flex-direction: row;
  }
}

.gpc-calculator-down-payment-trade-in {
  display: flex;
  justify-content: space-between;
}

.gpc-calculator-down-payment-trade-in .trade-estimate-txt {
  color: #002c5e;
  cursor: pointer;
}

.gpc-calculator-body {
  border-top: 0.0625rem solid #bababa;
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
  margin-top: 1rem;
}

.gpc-calculator-trade-in {
  display: block;
  padding-top: 0.75rem;
  justify-content: space-between;
  padding-bottom: 16px;
}

@media (min-width: 1024px) {
  .gpc-calculator-trade-in {
    display: flex;
    gap: 1.25rem;
    padding: 2rem 0 1rem;
  }
}

.gpc-calculator-trade-in input {
  transform: scale(1.5);
  margin-right: 0.25rem;
  vertical-align: middle;
}

.gpc-calculator-trade-in label {
  padding-right: 1.25rem;
  color: #333333;
}

.gpc-calculator-trade-in .gpc-calculator-trade-in-section .testdrive-modal-form-contact-option {
  margin: 0;
  padding: 0;
}

.gpc-calculator-trade-in .gpc-calculator-trade-txt {
  flex-basis: 50%;
  margin-top: 1.25rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}

@media (min-width: 1024px) {
  .gpc-calculator-trade-in .gpc-calculator-trade-txt {
    margin: 0;
  }
}

.gpc-no-scroll {
  overflow: hidden;
}

@media (min-width: 640px) {
  .gpc-no-scroll {
    overflow: auto;
  }
}

.gpc-calculator-trade-txt {
  width: 100%;
  white-space: nowrap;
}

.gpc-calculator-trade-in-section {
  gap: 20px;
  display: flex;
}

.gpc-calculator-Loan-term {
  display: flex;
  justify-content: space-between;
  color: #333333;
}

.gpc-calculator-Loan-term .gpc-calculator-Loan-term-item {
  padding: 0.625rem !important;
  text-align: center;
  border: 0.0625rem solid #e6e6e6;
  background-color: #f3f3f3;
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 500;
  margin: auto;
  width: 100%;
}

@media (max-width: 320px) {
  .gpc-calculator-Loan-term .gpc-calculator-Loan-term-item {
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  .gpc-calculator-Loan-term .gpc-calculator-Loan-term-item {
    margin: 0;
    font-size: 1.5rem;
  }
}

.gpc-calculator-Loan-term-main .gpc-calculator-sub-section-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  padding-bottom: 0.6875rem;
}

.gpc-calculator-Loan-term-main .gpc-calculator-loan-section {
  width: 100%;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  color: #000000;
  padding: calc(16px);
}

.gpc-calculator-Loan-term-main .gpc-calculator-lease-loan-term {
  padding-bottom: 2.5rem;
}

.gpc-calculator-down-Payment {
  padding: 1rem 0 2rem;
}

.gpc-calculator-finance-trade, .gpc-calculator-lease-trade {
  padding-top: 0;
  padding-bottom: 1rem;
}

@media (min-width: 1024px) {
  .gpc-calculator-finance-trade, .gpc-calculator-lease-trade {
    padding-top: 2rem;
  }
}

@media (min-width: 1440px) {
  .gpc-calculator-finance-trade, .gpc-calculator-lease-trade {
    padding-top: 1.25rem;
  }
}

.gpc-calculator-dp-container {
  border-top: 0.0625rem solid #bababa;
  padding-top: 0rem;
}

@media (min-width: 1024px) {
  .gpc-calculator-dp-container {
    padding-top: 1rem;
  }
}

.gpc-calculator-down-Payment-monthly {
  padding: 2rem 0 0.688rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}

.gpc-calculator-slider-down-payment {
  display: block;
  padding: 0.625rem 0;
}

@media (min-width: 1024px) {
  .gpc-calculator-slider-down-payment {
    display: flex;
    justify-content: space-between;
  }
}

.gpc-calculator-slider-down-payment input:nth-child(2) {
  width: 78%;
  display: flex;
  margin: auto;
}

@media (min-width: 1024px) {
  .gpc-calculator-slider-down-payment input:nth-child(2) {
    display: block;
    margin-left: 0.3125rem;
  }
}

.gpc-calculator-downpaymet-slider-input {
  width: 50%;
  height: 2.5rem;
  text-align: center;
  font-size: 1.5rem;
  color: #333333;
  border: 0.0625rem solid #00aad2;
}

@media (min-width: 360px) and (max-width: 1023px) {
  .gpc-calculator-downpaymet-slider-input {
    width: 40%;
  }
}

@media (min-width: 1024px) {
  .gpc-calculator-downpaymet-slider-input {
    width: 35%;
    height: 2.75rem;
  }
}

@media (min-width: 1440px) {
  .gpc-calculator-downpaymet-slider-input {
    width: 25%;
  }
}

.gpc-calculator-downpaymet-slider-input {
  color: #333333;
  border: 0.0625rem solid #00aad2;
}

.gpc-calculator-Loan-term-rate {
  display: flex;
}

.gpc-calculator-Loan-term-rate .gpc-calculator-Loan-term-data {
  color: #333333;
  flex-basis: 38%;
  text-align: center;
  border: 0.0625rem solid #e6e6e6;
  background-color: #f3f3f3;
  padding: 1.5625rem 0.75rem;
  margin-right: 1.563rem;
}

@media (min-width: 320px) and (max-width: 359px) {
  .gpc-calculator-Loan-term-rate .gpc-calculator-Loan-term-data {
    padding: 0.5rem 0.5rem;
    width: 50%;
    flex-basis: auto;
    margin-right: 1rem;
  }
}

@media (min-width: 360px) and (max-width: 1023px) {
  .gpc-calculator-Loan-term-rate .gpc-calculator-Loan-term-data {
    padding: 0.5rem 0.5rem;
    margin-right: 1rem;
    flex-basis: 50%;
  }
}

@media (min-width: 1024px) {
  .gpc-calculator-Loan-term-rate .gpc-calculator-Loan-term-data {
    padding: 0.75rem 1.5625rem 0.75rem 1.5625rem;
    flex-basis: 45%;
  }
}

@media (min-width: 1440px) {
  .gpc-calculator-Loan-term-rate .gpc-calculator-Loan-term-data {
    padding: 1rem 1.5625rem 1rem 1.5625rem;
    flex-basis: 40%;
  }
}

.gpc-calculator-Loan-term-rate
.gpc-calculator-Loan-term-data
.gpc-calculator-payment-section {
  border-bottom: 0.0625rem solid #ccc;
}

.gpc-calculator-intrest-rate {
  display: block;
}

.gpc-calculator-intrest-rate .gpc-calculator-intrest-txt {
  font-size: 1.875rem;
  font-weight: 700;
}

.gpc-calculator-intrest-rate .gpc-calculator-intrest-txts {
  font-size: 1rem;
  font-weight: 500;
}

.gpc-calculator-intrest-text {
  font-size: 0.75rem;
  padding-bottom: 0.875rem;
  display: inline-block;
  font-weight: 400;
}

@media (min-width: 320px) and (max-width: 640px) {
  .gpc-calculator-intrest-text {
    font-size: 0.73rem;
  }
}

.gpc-calculator-intrest-rate-defaultTerm {
  padding: 1.375rem;
  display: inline-block;
  font-size: 1rem;
}

@media (min-width: 320px) and (max-width: 359px) {
  .gpc-calculator-intrest-rate-defaultTerm {
    padding: 1rem 1rem 0rem 1rem;
  }
}

@media (min-width: 360px) and (max-width: 1023px) {
  .gpc-calculator-intrest-rate-defaultTerm {
    padding: 1rem 1rem 0rem 1rem;
  }
}

@media (min-width: 1024px) {
  .gpc-calculator-intrest-rate-defaultTerm {
    padding: 0.875rem 0 0;
  }
}

.gpc-calculator-cradit-score {
  margin: 1.1875rem 0 0 0;
  text-align: left;
  font-size: 0.875rem;
  font-weight: 500;
  color: #666666;
}

@media (min-width: 320px) and (max-width: 359px) {
  .gpc-calculator-cradit-score {
    font-size: 0.75rem;
  }
}

@media (min-width: 320px) and (max-width: 1024px) {
  .gpc-calculator-cradit-score {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .gpc-calculator-cradit-score {
    text-align: center;
  }
}

.gpc-calculator-cradit-score .gpc-calculator-cradit-score-section {
  padding-bottom: 0.2rem;
  color: #333333;
  font-weight: 400;
}

.gpc-calculator-cradit-score .gpc-calculator-cradit-score-section .gpc-calculator-link-show-all-plans {
  font-weight: 700;
  color: #002c5e;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding: 0.4375rem 0;
  font-size: 0.875rem;
  display: inline-flex;
  text-decoration: none;
}

.gpc-calculator-cradit-score .gpc-calculator-cradit-score-txt {
  padding: 1rem 0rem 1.25rem;
}

.gpc-calculator-cradit-score .gpc-calculator-edit-cradit-txt {
  font-weight: 700;
  color: #002C5F;
  cursor: pointer;
}

.gpc-calculator-cradit-score .gpc-calculator-cradit-score-wrapper {
  font-weight: 700;
  color: #002c5e;
  cursor: pointer;
  text-align: center;
}

.gpc-calculator-cradit-score .edit {
  display: inline-block;
  margin-left: 0rem;
  text-align: center;
  width: 100%;
}

@media (min-width: 1024px) {
  .gpc-calculator-cradit-score .edit {
    text-align: inherit;
    width: auto;
    margin-left: 0.625rem;
  }
}

.gpc-calculator-cradit-score .edit .gpc-calculator-edit-section {
  color: #002C5F;
}

.gpc-calculator-cradit-score .edit svg {
  display: inline-block;
  height: 0.75rem;
}

.gpc-calculator-cradit-score .gpc-calculator-cradit-section-txt {
  font-weight: 700;
  color: #333333;
  display: inline-block;
  margin-top: 0.9375rem;
}

@media (min-width: 1024px) {
  .gpc-calculator-cradit-score .gpc-calculator-cradit-section-txt {
    margin-top: 0;
  }
}

.gpc-calculator-cradit-score .gpc-calculator-cradit-section-txt svg {
  display: inline;
  vertical-align: middle;
  font-size: 0.75rem;
  margin-left: 0.3125rem;
  width: 0.5rem;
}

.gpc-calculator-cradit-score .gpc-calculator-credit-score-txt {
  font-weight: 700;
  color: #002c5e !important;
  cursor: pointer;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}

@media (min-width: 1024px) {
  .gpc-calculator-cradit-score .gpc-calculator-credit-score-txt {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.gpc-calculator-cradit-score .unlock-button {
  display: inline-block;
  background: #002c5e;
  padding: 0 0.625rem;
  margin-top: 0.3125rem;
}

.gpc-calculator-cradit-score .unlock-button .vin-summary-primary-button {
  margin-top: 0.875rem !important;
}

.gpc-calculator-cradit-score .unlock-button svg {
  color: #ffffff !important;
}

.gpc-calculator-cradit-score .unlock-button .gpc-calculator-payment-option-unlock-dealer-button {
  padding: 0.5rem 0rem;
}

.gpc-calculator-unlock-dealer-wrapper {
  display: flex;
  justify-content: center;
}

.gpc-calculator-unlock-dealer-wrapper .btn-unlock-dealer-price {
  background-color: #002c5e;
  color: #ffffff;
  padding: 0.75rem 1rem;
}

.gpc-calculator-unlock-dealer-wrapper .gpc-calculator-btn-unlock-dealer-price svg path {
  fill: #ffffff;
}

.gpc-calculator-test-drive .gpc-calculator-loading-icon {
  display: none;
  justify-content: center;
}

.gpc-calculator-test-drive .gpc-calculator-statusbar-error {
  display: none;
  padding: 1.25rem 1rem;
}

.gpc-calculator-special-programs-head {
  padding: 2.75rem 0 1.25rem;
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
}

.gpc-calculator-special-programs-head-cash {
  padding: 1.5rem 0 1.25rem;
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
}

.gpc-calculator-special-programs-body {
  padding: 1.375rem 1.875rem 1.375rem 1.875rem;
  background: #f3f3f3;
  align-items: center;
  color: #333333;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
}

@media (max-width: 1023px) {
  .gpc-calculator-special-programs-body {
    padding: 1.125rem 0.938rem;
  }
}

@media (min-width: 1024px) {
  .gpc-calculator-special-programs-body {
    font-size: 1.25rem;
    padding: 1.375rem 1.375rem 1.375rem 1.375rem;
  }
}

@media (min-width: 1440px) {
  .gpc-calculator-special-programs-body {
    padding: 1.375rem 1.875rem 1.375rem 1.875rem;
  }
}

.gpc-calculator-special-programs-body input[type="checkbox"] {
  margin: auto 1.25rem auto 0;
  transform: scale(1.5);
}

.gpc-calculator-special-programs-body .gpc-calculator-spp-checkbox-label {
  display: flex;
  margin: 0;
  position: relative;
  margin-right: 1.1rem;
  height: 1.125rem;
  width: 1.125rem;
}

.gpc-calculator-special-programs-body input[type="checkbox"]:checked {
  background-color: #ffffff;
}

.gpc-calculator-special-programs-body-ddc {
  padding: 1.875rem 1.875rem 1.625rem 1.875rem;
}

.gpc-calculator-special-programs-body .gpc-calculator-special-program-content {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.gpc-calculator-special-programs-body
.gpc-calculator-special-program-content-disclamer {
  display: flex;
  font-size: 1rem;
  width: 100%;
  font-weight: 400;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  padding: 1.25rem 0;
  justify-content: space-between;
}

.gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
.per-month {
  margin: 1rem 0 0 -0.3125rem;
  font-size: 1rem;
}

.gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
span {
  flex-basis: 40%;
  font-size: 1rem;
  margin: auto 0;
}

@media (min-width: 320px) and (max-width: 359px) {
  .gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
span {
    font-size: 0.875rem;
    flex-basis: 30%;
  }
}

@media (min-width: 360px) and (max-width: 1023px) {
  .gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
span {
    font-size: 0.9375rem;
    flex-basis: 60%;
  }
}

@media (min-width: 1024px) {
  .gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
span {
    font-size: 1.25rem;
    flex-basis: 42%;
  }
}

.gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
span:first-child {
  flex-basis: 60%;
}

@media (min-width: 320px) and (max-width: 359px) {
  .gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
span:first-child {
    flex-basis: 70%;
  }
}

@media (min-width: 320px) and (max-width: 359px) {
  .gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
.gpc-calculator-price-qualify-txt {
    font-size: 0.875rem;
    flex-basis: 62%;
  }
}

.gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
.gpc-calculator-price-left {
  text-align: right;
  font-size: 1.5625rem;
}

@media (min-width: 320px) and (max-width: 359px) {
  .gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
.gpc-calculator-price-left {
    font-size: 1.125rem;
  }
}

@media (min-width: 360px) and (max-width: 1023px) {
  .gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
.gpc-calculator-price-left {
    font-size: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .gpc-calculator-special-programs-body
.gpc-calculator-special-program-content
.gpc-calculator-price-left {
    font-size: 1.25rem;
  }
}

.gpc-calculator-special-programs-body .gpc-calculator-special-programs-wrapper {
  display: inline-flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}

.gpc-calculator-special-programs-body .gpc-calculator-special-programs-wrapper .gpc-calculator-special-programs-wrapper-checkbox {
  display: flex;
  margin: 0;
  position: relative;
  margin-right: 1.1rem;
  height: 1.125rem;
  width: 1.125rem;
}

.gpc-calculator-special-programs-body .gpc-calculator-special-programs-wrapper .tooltip-trigger {
  cursor: pointer;
}

.gpc-calculator-special-program .special-programs-wrapper button {
  font-weight: 700;
  font-size: 0.875rem !important;
  color: #002c5e;
  display: flex;
  justify-content: flex-end;
}

.gpc-calculator-special-program .special-programs-wrapper button:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.redirect {
  font-weight: 700;
  font-size: 0.875rem !important;
  color: #002C5F;
  display: flex;
  justify-content: flex-end;
}

@media (min-width: 320px) and (max-width: 359px) {
  .redirect {
    font-size: 0.6875rem !important;
  }
}

@media (min-width: 360px) and (max-width: 1023px) {
  .redirect {
    font-size: 0.75rem !important;
  }
  .redirect svg {
    display: inline;
    vertical-align: top;
    font-size: 0.75rem;
    margin-left: 0.3125rem;
  }
}

.gpc-calculator-item-tenure {
  font-size: 1rem !important;
}

.gpc-calculator-item-tenure svg {
  vertical-align: unset;
}

.gpc-calculator-see-all {
  font-size: 0.875rem !important;
  display: flex;
  justify-content: center;
  color: #002C5F !important;
  font-weight: 700 !important;
}

.gpc-calculator-see-all svg {
  font-size: 0.6rem;
  margin: auto 0 auto 0.3125rem;
}

.gpc-calculator-summary-calculater {
  margin-top: 2rem;
  margin-bottom: 1.875rem;
}

.gpc-calculator-summary-head {
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 1.5625rem;
}

.gpc-calculator-summary-body {
  display: flex;
  justify-content: space-between;
  color: #333333;
  font-size: 1rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .gpc-calculator-summary-body {
    font-size: 1.25rem;
  }
}

.gpc-calculator-summary-body .gpc-calculator-amount {
  text-align: right;
  font-size: 1.5625rem;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .gpc-calculator-summary-body .gpc-calculator-amount {
    font-size: 1.125rem;
  }
}

.gpc-calculator-summary-body .gpc-calculator-price-details-link__icon svg {
  font-size: 0.6rem;
  margin-left: 0.25rem;
}

.gpc-calculator-quarey-details {
  border-top: 0.0625rem solid #ccc;
  text-align: center;
  padding-top: 1.25rem;
}

@media (min-width: 320px) and (max-width: 640px) {
  .gpc-calculator-quarey-details {
    padding: 1.25rem 1.25rem;
  }
}

.gpc-calculator-approved-credit {
  color: #333333;
  font-size: 0.75rem;
  text-align: right;
  flex-basis: 70%;
  font-weight: 500;
}

@media (min-width: 320px) and (max-width: 1023px) {
  .gpc-calculator-approved-credit {
    flex-basis: 52%;
  }
}

.gpc-calculator-test-drive {
  margin: 1.5625rem 0;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #666666;
}

.gpc-calculator-test-drive-icon {
  color: #002c5e;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gpc-calculator-test-drive-icon .gpc-calculator-test-drive-txt {
  margin-right: 0.5rem;
  vertical-align: middle;
  cursor: pointer;
  display: flex;
  width: 100% !important;
  height: auto !important;
  justify-content: center;
}

.gpc-calculator-test-drive-icon .gpc-calculator-test-drive-txt svg {
  vertical-align: middle !important;
  margin-right: 0.375rem !important;
  filter: none;
}

.gpc-calculator-test-drive-icon .gpc-calculator-test-drive-txt svg path {
  fill: #002c5e;
}

.gpc-calculator-contact-dealer {
  font-weight: 700;
  color: #002c5e;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding: 1.25rem 0;
  font-size: 0.875rem;
}

.gpc-calculator-contact-dealer svg {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.5625rem;
  margin-left: 0.25rem;
}

.gpc-calculator-additional-queries {
  color: #333333;
  font-size: 1rem;
}

.gpc-calculator-contact-dealer-dir {
  color: #333333;
  font-size: 1rem;
  font-weight: 700;
}

.gpc-calculator-contact-dealer-dir a {
  text-decoration: none;
  color: #002c5e;
}

.disclaimer-display-none {
  display: none !important;
}

.edit-model .modal-box {
  display: flex;
  width: 100%;
  margin: 0;
}

@media (min-width: 320px) and (max-width: 639px) {
  .edit-model .modal-box {
    background: none;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .edit-model .modal-box {
    width: 80%;
    margin: auto;
  }
}

@media (min-width: 1024px) {
  .edit-model .modal-box {
    width: 45%;
    margin: auto;
  }
}

.edit-model .modal-x {
  top: 0.8rem;
  right: 1.5rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .edit-model .modal-x {
    position: inherit;
    width: auto;
    height: auto;
  }
}

.edit-model .main-header {
  padding: 1.25rem 2.1875rem;
  background-color: #f3f3f3;
  font-size: 1rem;
  color: #333333;
  text-align: left;
  font-weight: 500;
}

@media (min-width: 320px) and (max-width: 639px) {
  .edit-model .main-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.edit-model .modal-content {
  padding: 0;
}

.edit-model .modal-box-content {
  width: 100%;
}

@media (min-width: 320px) and (max-width: 639px) {
  .edit-model .modal-box-content {
    max-height: 32rem;
    background: #ffffff;
  }
}

.edit-model .main-container {
  text-align: center;
}

.edit-model .gpc-calculator-cradit-discription {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
  margin: 2.1875rem 6rem;
  width: 80%;
  line-height: 1.375rem;
}

@media (min-width: 1024px) {
  .edit-model .gpc-calculator-cradit-discription {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 320px) and (max-width: 639px) {
  .edit-model .gpc-calculator-cradit-discription {
    margin: 2rem;
  }
}

.edit-model .gpc-calculator-status-text {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 700;
}

.edit-model .gpc-calculator-estimater {
  color: #333333;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1.25rem;
}

.edit-model .slider-input {
  margin-bottom: 0.625rem;
  border: 0.125rem solid #e6e6e6;
  width: 25%;
  height: 2.5rem;
  text-align: center;
  font-size: 1.5rem;
}

@media (min-width: 640px) {
  .edit-model .slider-input {
    width: 15%;
  }
}

@media (min-width: 1024px) {
  .edit-model .slider-input {
    width: 25%;
  }
}

@media (min-width: 1440px) {
  .edit-model .slider-input {
    width: 15%;
  }
}

.edit-model .Active-text {
  color: #002c5e !important;
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
}

.edit-model .gpc-calculator-save-cradit {
  display: inline-block;
  background: #002c5e;
  padding: 0.8125rem 4.875rem;
  color: #ffffff;
  font-size: 1rem;
  margin: 2.5rem 0 3.75rem;
  cursor: pointer;
}

.edit-model .slider-input-wrapper {
  display: flex;
  justify-content: center;
}

.edit-model .slider-bar {
  margin: 2rem 0;
}

.edit-model .bldf-mp-slider {
  left: 0;
}

.see-all-plans.modal {
  width: 100%;
  margin: auto;
}

@media (min-width: 1024px) {
  .see-all-plans.modal {
    width: 80%;
  }
}

@media (min-width: 1440px) {
  .see-all-plans.modal {
    width: 60%;
  }
}

.see-all-plans.modal .modal-box {
  height: 100%;
  width: 100%;
}

.see-all-plans.modal .modal-box-content {
  width: 100%;
}

.see-all-plans.modal .modal-content {
  padding: 0;
}

.see-all-plans.modal .gpc-calculator-content-title {
  font-size: 1.5rem;
  padding: 1.875rem;
  text-align: center;
}

.see-all-plans.modal .gpc-calculator-show-all-wrapper {
  display: flex;
}

@media (min-width: 320px) and (max-width: 639px) {
  .see-all-plans.modal .gpc-calculator-show-all-wrapper {
    display: block;
  }
}

.gpc-calculator-payment-option-disclaimer .gpc-calculator-link-unlock-dealer {
  color: #002c5e;
  text-decoration: none;
}

.flex-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  row-gap: 1rem;
  column-gap: 1rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .flex-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.flex-grid.flex-3 {
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 1rem;
}

.flex-grid.flex-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 1rem;
}

.flex-grid.flex-5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  column-gap: 1rem;
}

@media (min-width: 320px) and (max-width: 639px) {
  .flex-grid.flex-5 {
    column-gap: 0.5rem;
  }
}

.display-block {
  display: block !important;
}

.paymentsvg svg {
  font-size: 1rem;
  color: #002c5e;
}

.gpc-calculator-width50 {
  width: 50%;
  margin: 0 1rem;
}

@media (max-width: 1024px) {
  .gpc-calculator-width50 {
    margin: 0 0.5rem;
  }
}

.gpc-calculator-divs {
  border: 0.0625rem solid #00aad2;
  background-color: #ffffff;
  padding: 1.5rem 1.5rem;
  position: relative;
}

.gpc-calculator-head {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1rem;
}

.gpc-calculator-head span {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
  color: #333333;
}

.gpc-calculator-head small {
  font-size: 1rem;
  font-weight: 500;
}

.gpc-calculator-head .gpc-monthly-amount {
  padding-right: 1rem;
}

@media (max-width: 640px) {
  .gpc-calculator-head .gpc-monthly-amount {
    padding-right: 1.5rem;
  }
}

.gpc-calculator-head-text {
  padding-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 400;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #000000;
}

.gpc-calculator-dont-know-score p {
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  padding-bottom: 2.625rem;
}

.gpc-calculator-dont-know-score p a {
  text-decoration: none;
  color: #002c5e;
  cursor: pointer;
}

.gpc-calculator-reset-button {
  position: relative;
}

.gpc-calculator-reset-button button {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  width: 100%;
  color: #002c5e;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 500;
  background: #ffffff;
  padding: 0.75rem 1.5rem;
  height: 2.75rem;
  margin-bottom: 2rem;
  border: 0.0625rem solid #002c5e;
}

.gpc-calculator-reset-button button:hover {
  border-color: #001A38;
}

.gpc-calculator-reset-button button:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.gpc-calculator-reset-button button:disabled {
  color: #888888;
  background: #bababa;
  border: none;
}

.gpc-calculator-reset-button .gpc-calculator-pop-up-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.25rem;
  letter-spacing: 0;
  color: #333333;
  width: 90%;
}

@media (min-width: 640px) {
  .gpc-calculator-reset-button .gpc-calculator-pop-up-title {
    width: 100%;
  }
}

.gpc-calculator-reset-button .gpc-calculator-pop-up-body {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0;
  color: #333333;
}

.gpc-calculator-reset-button .gpc-calculator-pop-up-cta {
  display: flex;
  gap: 1rem;
  height: 2.75rem;
}

.gpc-calculator-reset-button .gpc-calculator-reset, .gpc-calculator-reset-button .gpc-calculator-cancel {
  padding: 0.75rem 1.5rem;
  margin: 0;
}

.gpc-calculator-reset-button .gpc-calculator-reset {
  width: 5.6875rem;
  background: #002c5e;
  color: #ffffff;
}

@media (min-width: 640px) {
  .gpc-calculator-reset-button .gpc-calculator-reset {
    width: 7.3125rem;
  }
}

.gpc-calculator-reset-button .gpc-calculator-reset:hover {
  background: #001A38;
}

.gpc-calculator-reset-button .gpc-calculator-reset:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.gpc-calculator-reset-button .gpc-calculator-cancel {
  width: 6.3125rem;
}

.gpc-calculator-reset-button .gpc-calculator-cancel:hover {
  color: #001A38;
  border-color: #001A38;
}

.gpc-calculator-reset-button .gpc-calculator-cancel:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.gpc-calculator-reset-button .gpc-calculator-confirmation-pop-up {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 21.4375rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 0.5rem;
  background: white;
  z-index: 1002;
  padding: 1rem;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 #00000033;
  border: 0.0625rem solid #ededed;
}

@media (min-width: 640px) {
  .gpc-calculator-reset-button .gpc-calculator-confirmation-pop-up {
    position: absolute;
    top: auto;
    bottom: 5.5rem;
    padding: 1.5rem;
    width: 25rem;
    transform: translate(-50%, 0);
    border-radius: 1rem;
  }
}

@media (min-width: 1024px) {
  .gpc-calculator-reset-button .gpc-calculator-confirmation-pop-up {
    width: 21.25rem;
  }
}

@media (min-width: 1440px) {
  .gpc-calculator-reset-button .gpc-calculator-confirmation-pop-up {
    width: 25rem;
  }
}

.gpc-calculator-reset-button .gpc-calculator-confirmation-pop-up:before {
  content: none;
}

@media (min-width: 640px) {
  .gpc-calculator-reset-button .gpc-calculator-confirmation-pop-up:before {
    content: '';
    position: absolute;
    display: block;
    width: 1.5rem;
    height: 0.625rem;
    left: 50%;
    bottom: -0.625rem;
    border: 0.75rem solid transparent;
    border-top: 0;
    border-bottom: 0.75rem solid white;
    transform: translate(-50%, 0) rotate(180deg);
  }
}

.gpc-calculator-reset-button .gpc-calculator-confirmation-pop-up .close-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
}

.gpc-calculator-reset-button .gpc-calculator-confirmation-pop-up .close-button:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.gpc-calculator-reset-button .gpc-calculator-confirmation-pop-up .close-button svg {
  width: 1rem;
  height: 1rem;
}

.gpc-calculator-reset-button .gpc-calculator-popup-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000B2;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  z-index: 1001;
}

@media (min-width: 640px) {
  .gpc-calculator-reset-button .gpc-calculator-popup-backdrop {
    background: transparent;
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
  }
}

body.finance-popup-open, body.lease-popup-open {
  overflow: hidden;
}

@media (min-width: 640px) {
  body.finance-popup-open, body.lease-popup-open {
    overflow: auto;
  }
}

.flexBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f3f3f3;
  padding: 1.5rem;
  margin: 1rem 0;
}

.gpc-calculator-container-special {
  display: block;
  position: relative;
  padding-left: 1.75rem;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333333;
  font-size: 1.25rem;
  font-weight: 700;
}

.gpc-calculator-container-special input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.gpc-calculator-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.125rem;
  width: 1.125rem;
  background-color: #ffffff;
  border: 0.125rem solid #bababa;
}

.gpc-calculator-container-special input:checked ~ .gpc-calculator-checkmark {
  border-color: #00aad2;
}

.gpc-calculator-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.gpc-calculator-container-special
input:checked
~ .gpc-calculator-checkmark:after {
  display: block;
}

.gpc-calculator-container-special .gpc-calculator-checkmark:after {
  left: 0.3125rem;
  top: 0.0625rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.1875rem 0.1875rem 0;
  transform: rotate(45deg);
}

.gpc-calculator-qualify-div p {
  text-align: right;
  font-size: 1.25rem;
  color: #333333;
  font-weight: 700;
}

.gpc-calculator-qualify-div span {
  font-size: 0.875rem;
  color: #002c5e;
  font-weight: 700;
  text-align: right;
  display: block;
}

@media (max-width: 1024px) {
  .gpc-calculator-qualify-div span {
    display: none;
  }
}

.gpc-calculator-qualify-div .tooltip-trigger {
  width: auto;
  white-space: nowrap;
}

.gpc-calculator-qualify-div svg {
  max-width: unset;
}

@media (max-width: 640px) {
  .gpc-calculator-width50 {
    width: 100%;
    margin: 1rem 0;
  }
  .gpc-calculator-calculator-info {
    width: 100%;
  }
  .gpc-calculator-qualify-div span {
    display: none;
  }
  .gpc-calculator-divs {
    padding: 1.5rem 1rem;
  }
  .gpc-calculator-estiate-credit-score {
    padding: 2rem 0 0.6875rem;
  }
}

@media (max-width: 1023px) {
  .gpc-calculator-width50 {
    width: 100%;
    margin: 1rem 0;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .gpc-calculator-width50 {
    width: 100%;
    margin: 1rem 0;
  }
}

.gpc-calculator-special-program .gpc-calculator-select-special-prog {
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  margin-bottom: 0.625rem;
}

.gpc-calculator-estiate-credit-score {
  padding: 2rem 0 2rem;
  text-align: center;
}

.gpc-calculator-estiate-credit-score .gpc-calculator-estiate-credit-text {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}

.gpc-calculator-down-payment-txt {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}

.gpc-calculator-check-disabled {
  pointer-events: none;
}

.gpc-calculator-check-disabled .gpc-calculator-container-special {
  color: #939393;
}

.gpc-calculator-check-disabled .gpc-calculator-qualify-div p {
  color: #949494;
}

.gpc-calculator-check-disabled .redirect {
  color: #8996AD;
}

.slider-down-payment {
  display: block;
  padding: 0.6rem 0;
}

@media (min-width: 1024px) {
  .slider-down-payment {
    display: flex;
    justify-content: space-between;
  }
}

.slider-down-payment input:nth-child(2) {
  width: 78%;
  display: flex;
  margin: auto;
}

@media (min-width: 1024px) {
  .slider-down-payment input:nth-child(2) {
    display: block;
    margin-left: 0.3125rem;
  }
}

.slider-down-payment .slider-payment-input {
  width: 50%;
  height: 2.5rem;
  text-align: center;
  font-size: 1.5rem;
  color: #333333;
  border: 0.0625rem solid #00aad2;
}

@media (min-width: 360px) and (max-width: 1023px) {
  .slider-down-payment .slider-payment-input {
    width: 40%;
  }
}

@media (min-width: 1024px) {
  .slider-down-payment .slider-payment-input {
    width: 35%;
    height: 2.75rem;
  }
}

@media (min-width: 1440px) {
  .slider-down-payment .slider-payment-input {
    width: 25%;
  }
}

.gpc-credit-score-slider-cover {
  position: absolute;
  z-index: 1;
  display: flex;
  width: 100%;
}

.gpc-credit-score-slider-cover .gpc-credit-score-slider-track-scroll {
  display: inline-block;
  height: 0.25rem;
  background-color: #00aad2;
}

.gpc-credit-score-slider-cover .gpc-credit-score-slider-track-reverse {
  display: inline-block;
  height: 0.25rem;
  background-color: #bababa;
}

.gpc-credit-score-slider-sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.gpc-credit-score-slider-mp, .gpc-calculator-downpayment-mp {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 0.25rem;
  background: transparent;
  transition: opacity 0.2s;
}

.gpc-credit-score-slider {
  display: block;
  padding: 0.6rem 0;
}

.gpc-credit-score-slider input:nth-child(2) {
  width: 100%;
  display: flex;
  margin: auto;
}

@media (min-width: 1024px) {
  .gpc-credit-score-slider input:nth-child(2) {
    display: block;
    margin-left: 0.3125rem;
  }
}

.gpc-credit-score-slider-input, .gpc-calculator-downpayment-input {
  width: 50%;
  height: 2.5rem;
  text-align: center;
  font-size: 1.5rem;
  color: #333333;
  border: 0.0625rem solid #00aad2;
  margin: auto;
}

@media (min-width: 360px) and (max-width: 1023px) {
  .gpc-credit-score-slider-input, .gpc-calculator-downpayment-input {
    width: 40%;
  }
}

@media (min-width: 1024px) {
  .gpc-credit-score-slider-input, .gpc-calculator-downpayment-input {
    width: 35%;
    height: 2.75rem;
  }
}

@media (min-width: 1440px) {
  .gpc-credit-score-slider-input, .gpc-calculator-downpayment-input {
    width: 25%;
  }
}

.gpc-credit-score-slider-input.focus, .gpc-calculator-downpayment-input.focus {
  color: #333333;
  border: 0.0625rem solid #00aad2;
}

.gpc-credit-score-slider-input, .gpc-calculator-downpayment-input {
  color: #333333;
  border: 0.0625rem solid #00aad2;
  margin: 0.375rem auto !important;
}

.gpc-credit-score-slider-input-div {
  margin-bottom: 2.625rem;
}

.slider-input {
  font-weight: 700;
  margin: 0 auto 1.1875rem;
  display: flex;
  font-size: 1.25rem;
}

@media (min-width: 1024px) {
  .slider-input {
    margin: 0;
    font-size: 1.5rem;
  }
}

.gpc-credit-score-slider-status-text {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333333;
}

.gpc-credit-score-slider-cover .gpc-credit-score-slider-track-scroll, .gpc-calculator-downpayment-cover .gpc-calculator-downpayment-track-scroll {
  display: inline-block;
  height: 0.25rem;
  background-color: #00aad2;
}

.edit-credit {
  left: 0;
}

.gpc-credit-score-slider-mp::-webkit-slider-thumb, .gpc-calculator-downpayment-mp::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  border: 0.3125rem solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.gpc-credit-score-slider-mp::-moz-range-thumb, .gpc-calculator-downpayment-mp::-moz-range-thumb {
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  border: 0.3125rem solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.gpc-credit-score-slider-mp::-ms-thumb, .gpc-calculator-downpayment-mp::-ms-thumb {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  border: 0.3125rem solid #00aad2;
  background: #ffffff;
}

.gpc-credit-score-slider-mp::-ms-track, .gpc-calculator-downpayment-mp::-ms-track {
  border: none;
  width: 0;
  height: 0;
  background: transparent;
  color: transparent;
}

.gpc-calculator-trade-estimate-txt a {
  color: #002c5e;
  cursor: pointer;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.375rem;
  text-decoration: none;
}

.down-payment-trade-in {
  display: flex;
  justify-content: space-between;
}

.gpc-calculator-trade-in-head {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}

.gpc-credit-score-slider-wrapper {
  width: 70%;
  display: flex;
  align-items: center;
  margin: auto;
  position: relative;
}

.gpc-credit-score-slider-wrapper .gpc-credit-score-slider-container {
  height: 0.625rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .gpc-credit-score-slider-wrapper {
    width: 75%;
  }
}

@media (min-width: 640px) {
  .gpc-credit-score-slider-wrapper {
    width: 60%;
  }
}

.gpc-calculator-downpayment-wrapper {
  width: 70%;
  display: flex;
  align-items: center;
  margin: auto;
  position: relative;
}

.gpc-calculator-downpayment-wrapper .gpc-credit-score-slider-container {
  height: 0.625rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .gpc-calculator-downpayment-wrapper {
    width: 75%;
  }
}

@media (min-width: 640px) {
  .gpc-calculator-downpayment-wrapper {
    width: 60%;
  }
}

.gpc-calculator-downpayment-cover {
  position: absolute;
  z-index: 1;
  display: flex;
  width: 100%;
}

.gpc-calculator-downpayment-cover .gpc-calculator-downpayment-track-scroll {
  display: inline-block;
  height: 0.25rem;
  background-color: #00aad2;
}

.gpc-calculator-downpayment-cover .gpc-calculator-downpayment-track-reverse {
  display: inline-block;
  height: 0.25rem;
  background-color: #bababa;
}

.title-pad-t {
  padding: 2rem 0 0.688rem !important;
}

@media (max-width: 639px) {
  .title-pad-t {
    padding-top: 1rem;
  }
}

.title-pad-b {
  padding-bottom: 1.1875rem !important;
}

@media (max-width: 639px) {
  .title-pad-b {
    padding-bottom: 0.5625rem;
  }
}

@media (max-width: 639px) {
  .mb-title-pad-b {
    padding-bottom: 1.1875rem;
  }
}

@media (max-width: 639px) {
  .mb-title-mar-t {
    margin-top: 1.1875rem;
  }
}

@media (max-width: 1023px) {
  .pad-t-18 {
    padding-top: 1.125rem;
  }
}

.tooltip-text ul {
  padding: 0 1rem 0.75rem;
}

.tooltip-text ul li {
  padding-bottom: 0.75rem;
}

.gpc-credit-score-slider-mp:focus, .gpc-calculator-downpayment-mp:focus {
  outline: none;
}

.gpc-calculator-external-icon {
  display: inline-block;
  margin-left: 0.1875rem;
  height: 0.875rem !important;
  width: 0.875rem !important;
}

.tcr-carousel-wrapper .slick-list {
  cursor: default;
}

.tcr {
  max-width: 1440px;
  position: relative;
  margin: 0 auto;
  padding: 2rem 1rem;
}

@media (min-width: 640px) {
  .tcr {
    padding: 2rem 3rem;
  }
}

@media (min-width: 1024px) {
  .tcr {
    padding: 3rem 4.5rem;
  }
}

@media (min-width: 1440px) {
  .tcr {
    padding: 4.5rem 7.5rem;
  }
}

.tcr-bg-white {
  background-color: #ffffff;
}

.tcr-bg-gray {
  background-color: #f3f3f3;
}

.tcr-bg-gradient {
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
}

.tcr-header {
  display: flex;
  flex-direction: column;
  padding-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .tcr-header {
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .tcr-header {
    padding: 0 0 5rem;
  }
}

@media (min-width: 1440px) {
  .tcr-header {
    padding: 0 0 5rem;
  }
}

.tcr-header-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.tcr-header-section {
  display: flex;
  justify-content: space-between;
}

.tcr-title {
  position: relative;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #666666;
  line-height: 1.25rem;
  padding-bottom: 0.5rem;
}

.tcr-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.5rem;
  height: 0.125rem;
  background-color: #666666;
}

.tcr-fuel-type-list {
  position: relative;
  display: none;
  align-items: center;
}

.tcr-fuel-type-list:before {
  content: "";
  position: absolute;
  top: -0.1875rem;
  left: 0;
  width: 0.0625rem;
  height: 1.875rem;
  background-color: #666666;
}

@media (min-width: 1024px) {
  .tcr-fuel-type-list {
    display: flex;
    margin-left: 1rem;
  }
}

.tcr-fuel-type {
  display: flex;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  color: #666666;
  line-height: 1.375rem;
  margin-left: 1rem;
  border-bottom: 0.0625rem solid transparent;
}

.tcr-fuel-type svg {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  fill: #666666;
  margin-right: 0.3125rem;
}

.tcr-fuel-type-active {
  color: #00aad2;
  border-bottom: 0.0625rem solid #00aad2;
}

.tcr-fuel-type-active svg {
  fill: #00aad2;
}

.tcr-fuel-types-dropdown-box {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 1.25rem;
}

@media (min-width: 1024px) {
  .tcr-fuel-types-dropdown-box {
    display: none;
  }
}

.tcr-fuel-types-dropdown-button {
  height: auto;
  font-weight: 400;
  color: #333333;
  padding: 0.5625rem 0.75rem;
  border: 0.0625rem solid #e6e6e6;
  -webkit-tap-highlight-color: transparent;
}

.tcr-fuel-types-dropdown-button.dropdown-open .icon-chevron-down-thick {
  transform: rotate(180deg);
}

.tcr-fuel-type-dropdown {
  width: 100%;
  position: absolute;
  top: 2.3125rem;
  border: 0.0625rem solid #e6e6e6;
  border-top: none;
  z-index: 2;
}

.tcr-fuel-type-dropdown-items:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.75rem;
  right: 0.75rem;
  height: 0.0625rem;
  background-color: #bababa;
  z-index: 2;
}

.tcr-fuel-type-dropdown-item {
  min-height: auto;
  padding: 0.625rem 1.375rem;
}

.tcr-fuel-type-dropdown-item + .tcr-fuel-type-dropdown-item:before {
  height: 0;
}

.tcr-fuel-type-dropdown-item-active {
  font-weight: 700;
  color: #002c5e;
}

.tcr-fuel-type-dropdown-item-active span:before {
  content: "";
  position: absolute;
  top: 0.75rem;
  left: 0.5625rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.tcr-fuel-type-dropdown-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
}

.tcr-slider {
  position: relative;
}

.tcr-slick {
  padding: 0;
}

@media (min-width: 640px) {
  .tcr-slick .slick-list {
    display: flex;
  }
  .tcr-slick .slick-track {
    display: flex;
  }
}

@media all and (min-width: 640px) and (-ms-high-contrast: none), (min-width: 640px) and (-ms-high-contrast: active) {
  .tcr-slick .slick-track {
    flex: 1 0 auto;
  }
}

@media (min-width: 640px) {
  .tcr-slick .slick-slide > div {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .tcr-slick .tcr-slide {
    display: flex !important;
    flex-direction: column;
    height: 100%;
  }
  .tcr-slick .tcr-item-ctas {
    margin-top: auto;
  }
}

.tcr-slide {
  padding: 0 2rem 1.5625rem;
}

@media (min-width: 640px) {
  .tcr-slide {
    padding: 0 1.25rem;
  }
}

@media (min-width: 1024px) {
  .tcr-slide {
    padding: 0 1.4375rem;
  }
}

@media (min-width: 640px) {
  .tcs4-slide-image {
    flex-shrink: 0;
    transform: scale(1.3);
  }
}

.tcs4-slide-image-disclaimer {
  font-size: 0.875rem;
  font-weight: 400;
  color: #888888;
  line-height: 1.0625rem;
  min-height: 1.25rem;
  text-align: center;
}

@media (min-width: 640px) {
  .tcs4-slide-image-disclaimer {
    margin-top: 1.75rem;
  }
}

@media (min-width: 1023px) {
  .tcs4-slide-image-disclaimer {
    margin-top: 2.1875rem;
  }
}

@media (min-width: 1440px) {
  .tcs4-slide-image-disclaimer {
    margin-top: 1.875rem;
  }
}

.tcr-slick-nav {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 0 1.625rem;
}

@media (min-width: 640px) {
  .tcr-slick-nav {
    padding: 2rem 1.25rem 0;
  }
}

@media (min-width: 1024px) {
  .tcr-slick-nav {
    padding: 2.5rem 0 0;
  }
}

@media (min-width: 1440px) {
  .tcr-slick-nav {
    padding: 2.6875rem 0 0;
  }
}

.tcr-slick-arrow {
  flex-shrink: 0;
}

.tcr-slick-arrow svg {
  height: 1.875rem;
}

.tcr-slick-arrow.slick-disabled {
  color: #bababa;
}

.tcr-slick-dots ul.slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.tcr-slick-dots li {
  display: flex;
  align-items: center;
  border: 0.0625rem solid transparent;
  padding: 0.625rem;
  cursor: pointer;
}

@media (min-width: 640px) {
  .tcr-slick-dots li {
    padding: 0.625rem 0.9375rem;
  }
}

@media (min-width: 640px) {
  .tcr-slick-dots li.slick-active {
    border-color: #002c5e;
    border-radius: 1rem;
    padding: 0.625rem 0.9375rem;
  }
  .tcr-slick-dots li.slick-active:before {
    content: "";
    width: 0.5625rem;
    height: 0.5625rem;
    color: transparent;
    border-radius: 50%;
    background-color: #00aad2;
    margin-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .tcr-slick-dots li.slick-active:after {
    content: "";
    width: 0.5625rem;
    height: 0.5625rem;
    color: transparent;
    border-radius: 50%;
    background-color: #00aad2;
    margin-left: 2rem;
  }
}

.tcr-slick-dots li.slick-active button {
  background-color: #00aad2;
}

.tcr-slick-dots li button {
  width: 0.5625rem;
  height: 0.5625rem;
  display: inline-block;
  color: transparent;
  border-radius: 50%;
  background-color: #888888;
}

.tcr-slick-dots li button::selection {
  color: transparent;
}

.tcr-slick-dots li button:focus {
  outline-width: 0.09375rem;
  outline-style: solid;
  outline-offset: 0.25rem;
}

@media (max-width: 639px) {
  .fueltype-nav-with-smartbtn {
    top: 55% !important;
  }
}

@media (max-width: 550px) {
  .fueltype-nav-with-smartbtn {
    top: 52% !important;
  }
}

@media (max-width: 450px) {
  .fueltype-nav-with-smartbtn {
    top: 47% !important;
  }
}

@media (max-width: 375px) {
  .fueltype-nav-with-smartbtn {
    top: 45% !important;
  }
}

@media (max-width: 320px) {
  .fueltype-nav-with-smartbtn {
    top: 44% !important;
  }
}

.tcr.has-smartchat {
  padding-top: 1rem;
}

.tcr.has-smartchat .tcr-header {
  padding-top: 3rem;
}

.tcr.has-smartchat .smartchat-contextual-cta-btn + .tcr-header {
  padding-top: 1rem;
}

.tcr-header.has-smartchat {
  align-items: center;
  align-content: center;
}

.tcr-header.has-smartchat .smartchat-contextual-cta-btn {
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
}

@media (max-width: 639px) {
  .tcr.has-smartchat .fueltype-nav-with-smartbtn {
    top: 55% !important;
  }
}

@media (max-width: 550px) {
  .tcr.has-smartchat .fueltype-nav-with-smartbtn {
    top: 52% !important;
  }
}

@media (max-width: 450px) {
  .tcr.has-smartchat .fueltype-nav-with-smartbtn {
    top: 47% !important;
  }
}

@media (max-width: 375px) {
  .tcr.has-smartchat .fueltype-nav-with-smartbtn {
    top: 45% !important;
  }
}

@media (max-width: 320px) {
  .tcr.has-smartchat .fueltype-nav-with-smartbtn {
    top: 44% !important;
  }
}

.tcs4-slide-image-container {
  display: block;
}

.tcr-fuelType-icon-wrapper {
  display: flex;
  align-items: flex-end;
}

.tcr-fuelType-svg {
  margin-right: 0.5rem;
}

.tcr-fuelType-svg svg {
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
  fill: #333333;
}

.tcr-fuelType-svg-label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
}

.tcr-item {
  padding: 0 1rem 1.5625rem;
}

@media (min-width: 640px) {
  .tcr-item {
    padding: 0 1.25rem;
  }
}

@media (min-width: 1024px) {
  .tcr-item {
    padding: 0 2.5rem;
  }
}

.tcr-item-heading-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}

.tcr-item-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  color: #333333;
  word-break: break-word;
  text-align: left;
}

.tcr-item-name-desc {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
  color: #666666;
  text-align: left;
  margin-bottom: 1rem;
}

.tcr-price {
  margin-top: auto;
}

.tcr-price-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #666666;
}

.tcr-price-amount {
  display: flex;
}

.tcr-price-amount .tooltip-trigger {
  vertical-align: top;
}

.tcr-price-number {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.25rem;
}

.tcr-swatch-container {
  display: flex;
  max-width: 100%;
}

.tcr-swatch {
  width: 1.75rem;
  height: 1rem;
  margin-right: 0.25rem;
}

.tcr-swatch:last-of-type {
  margin-right: 0;
}

@media (min-width: 1440px) {
  .tcr-swatch {
    width: 2.625rem;
  }
}

@media (max-width: 375px) {
  .tcr-swatch {
    width: 2.125rem;
  }
}

@media (max-width: 320px) {
  .tcr-swatch {
    width: 1.75rem;
  }
}

.tcr-swatch-small .tcr-swatch {
  width: 1.375rem;
}

.tcr-large-swatch .tcr-swatch {
  width: 2.9375rem;
}

@media (max-width: 375px) {
  .tcr-large-swatch .tcr-swatch {
    width: 2.125rem;
  }
}

@media (max-width: 320px) {
  .tcr-large-swatch .tcr-swatch {
    width: 1.75rem;
  }
}

.tcr-list-wrapper {
  height: 100%;
  border-top: 0.0625rem solid #bababa;
  border-bottom: 0.0625rem solid #bababa;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem 0 1rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .tcr-list-wrapper {
    padding: 1.125rem 0 0.625rem;
  }
}

.tcr-list-wrapper-no-border {
  border-bottom: 0;
}

.tcr-list-header {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #666666;
  text-align: left;
}

.tcr-list {
  list-style: none;
  padding-left: 0;
}

.tcr-list-item {
  display: flex;
  align-items: flex-start;
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-bottom: 0.5rem;
}

.tcr-list-item-icon {
  flex-shrink: 0;
  width: 1.25rem;
  margin-right: 0.375rem;
}

.tcr-list-item-icon svg {
  height: 1.25rem;
  width: 1.25rem;
}

.tcr-list-footer {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #666666;
  text-align: left;
}

.tcr-item-ctas {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: auto;
}

.tcr-item-ctas .button {
  margin-bottom: 0.875rem;
}

@media (min-width: 640px) {
  .tcr-item-ctas .button {
    margin-bottom: 0.5rem;
  }
}

.fsm .fsm-header {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  color: #333333;
  text-align: center;
  max-width: 38.75rem;
  margin: 0 auto 2.5rem;
}

.fsm-change-location-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0.5rem 1rem 1rem;
  overflow: hidden;
}

@media (min-width: 640px) {
  .fsm-change-location-box {
    flex-direction: row;
    margin: 0 2rem 1rem;
  }
}

@media (min-width: 1024px) {
  .fsm-change-location-box {
    max-width: 32.375rem;
    margin: 0 2.625rem 1rem;
    margin-bottom: 1rem;
  }
}

.fsm-change-location-box .fsm-zip-search-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #333333;
  margin: 0;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .fsm-change-location-box .fsm-zip-search-title {
    margin-right: 1.875rem;
    margin-bottom: 0;
  }
}

.fsm-search {
  position: relative;
  color: #888888;
  width: 100%;
  margin: 0;
}

@media (min-width: 640px) {
  .fsm-search {
    width: 23.625rem;
  }
}

@media (min-width: 1024px) {
  .fsm-search {
    width: 20rem;
  }
}

.fsm-search:focus-within {
  color: #002c5e;
}

.fsm-search .invalid-zip {
  color: #e63312;
  display: none;
}

.fsm-search.has-error .invalid-zip {
  display: block;
  margin-top: 0.5rem;
}

.fsm-search-label {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 3rem;
  font-size: 1.375rem;
  padding: 0 1rem;
}

.fsm-search-label svg {
  fill: #002c5e;
}

.fsm-search-input {
  width: 100%;
  height: 3rem;
  padding: 0.25rem 3.125rem 0.25rem 1rem;
  background: #ffffff;
  color: #333333;
  font-size: 1.125rem;
  line-height: 1.25rem;
  border: 1px solid #e6e6e6;
}

.fsm-search-input:-ms-input-placeholder {
  color: #888888;
}

.fsm-search-input::placeholder {
  color: #888888;
}

.fsm-search-box {
  display: block;
  order: 1;
}

@media (min-width: 640px) {
  .fsm-search-box {
    display: flex;
  }
}

@media (min-width: 1024px) {
  .fsm-search-box {
    display: block;
    max-width: 48%;
    flex-basis: 48%;
    padding-left: 2.625rem;
    border-bottom: 1px solid #e6e6e6;
  }
}

@media (min-width: 1440px) {
  .fsm-search-box {
    padding-left: 4.5rem;
  }
}

.fsm-warning-message {
  width: 100%;
  background-color: #EBF6F8;
  padding: 0.9375rem;
}

@media (min-width: 640px) {
  .fsm-warning-message {
    padding: 0.9375rem 2rem;
  }
}

.fsm-warning-message .fsm-zip-warning {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #333333;
}

.fs-map-container {
  position: relative;
}

.fsm-station-card {
  position: absolute;
  left: 0;
  bottom: 1.3125rem;
  width: 17.75rem;
  padding: 1.5rem;
  margin: 0 1rem;
  background-color: #ffffff;
}

@media (min-width: 640px) {
  .fsm-station-card {
    width: 29.875rem;
    margin: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .fsm-station-card {
    width: 28.75rem;
    margin: 0 2.625rem;
  }
}

.fsm-station-card .fsm-card-header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.fsm-station-card .fsm-card-header .fsm-card-icon {
  display: block;
  color: #ffffff;
  width: 1rem;
  height: 1.5rem;
  margin-right: 0.5rem;
}

.fsm-station-card .fsm-card-header .fsm-card-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  color: #333333;
  width: 100%;
}

.fsm-station-card .fsm-card-header .fsm-card-close {
  width: 1rem;
  height: 1rem;
}

.fsm-station-card .fsm-card-location {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333333;
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

.fsm-station-card .fsm-card-directions {
  margin-left: 1.5rem;
}

.fsm-station-card .fsm-card-directions a {
  display: flex;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #333333;
  cursor: pointer;
}

.fsm-station-card .fsm-card-directions span {
  margin-right: 0.375rem;
}

.fs-maps {
  width: 100%;
  min-height: 36.25rem;
}

@media (min-width: 640px) {
  .fs-maps {
    overflow: hidden;
  }
}

@media (min-width: 1024px) {
  .fs-maps {
    display: flex;
    height: 100%;
  }
}

.media-slider-container {
  position: relative;
  max-width: 160rem;
  margin: auto;
  overflow: hidden;
}

.msc-indicator-container {
  position: absolute;
  top: 2rem;
  left: -0.0625rem;
  z-index: 2;
}

@media (min-width: 640px) {
  .msc-indicator-container {
    left: 1.9375rem;
  }
}

@media (min-width: 1024px) {
  .msc-indicator-container {
    top: 3rem;
    left: 2.4375rem;
  }
}

@media (min-width: 1440px) {
  .msc-indicator-container {
    width: 100%;
    top: 4.5rem;
    left: 7.5rem;
  }
}

@media (min-width: 2560px) {
  .msc-indicator-container {
    top: 9.75rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .msc-indicator-container {
    top: 2rem;
    left: 1.9375rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .msc-indicator-container {
    top: 3rem;
    left: 2.4375rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .msc-indicator-container {
    width: 100%;
    top: 4.5rem;
    left: 7.5rem;
  }
}

@media (min-width: 1440px) {
  .msc-carousel-indicator {
    max-width: 90rem;
    margin: 0 auto;
  }
}

.msc-slick-slider {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.msc-slick-slider .slick-slide {
  position: relative;
  height: auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.msc-slick-slider .slick-track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  will-change: transform;
}

.msc-images,
.msc-cinemagraph {
  height: 12.5rem;
  position: relative;
  display: flex;
  overflow: hidden;
}

@media (min-width: 640px) {
  .msc-images,
  .msc-cinemagraph {
    height: 47.5rem;
  }
}

@media (min-width: 1024px) {
  .msc-images,
  .msc-cinemagraph {
    height: 35.5rem;
  }
}

@media (min-width: 1440px) {
  .msc-images,
  .msc-cinemagraph {
    height: 43.5rem;
  }
}

@media (min-width: 2560px) {
  .msc-images,
  .msc-cinemagraph {
    height: 77.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .msc-images,
  body.chat-opened .msc-cinemagraph {
    height: 47.5rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .msc-images,
  body.chat-opened .msc-cinemagraph {
    height: 35.5rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .msc-images,
  body.chat-opened .msc-cinemagraph {
    height: 43.5rem;
  }
}

.msc-cinemagraph .media-cinemagraph-enhanced-container {
  width: 100%;
}

.msc-image {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.msc-content-container {
  width: 100%;
  position: relative;
  background-color: #1D364B;
  z-index: 2;
}

@media (min-width: 1440px) {
  .msc-content-container {
    max-width: 90rem;
    margin: 0 auto;
  }
}

@media (max-width: 639px) {
  .msc-content-container {
    height: 100%;
    bottom: 2%;
  }
}

.slider-progress {
  width: 100%;
  height: 0.0625rem;
  background: #ffffff;
  margin-top: -0.0625rem;
  position: relative;
}

@media (min-width: 640px) {
  .slider-progress {
    max-width: 8.5625rem;
    margin-top: 0;
  }
}

.slider-progress .progress {
  width: 0%;
  height: 0.1875rem;
  background: #ffffff;
  position: absolute;
  left: 0;
  top: -0.1875rem;
}

.msc-content {
  max-width: 43.75rem;
  padding: 2rem 1rem;
}

@media (max-width: 639px) {
  .msc-content {
    height: auto !important;
  }
}

@media (min-width: 640px) {
  .msc-content {
    position: absolute;
    bottom: 2rem;
    left: 3rem;
    padding: unset;
    padding-right: 3rem;
    background-color: transparent;
  }
}

@media (min-width: 1024px) {
  .msc-content {
    width: 100%;
    bottom: 3rem;
    left: 4.5rem;
    padding-right: 0;
  }
}

@media (min-width: 1440px) {
  .msc-content {
    max-width: 46.875rem;
    left: 7.5rem;
    bottom: 4.5rem;
  }
}

@media (min-width: 2560px) {
  .msc-content {
    bottom: 4.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .msc-content {
    width: 100%;
    position: absolute;
    bottom: 2rem;
    left: 3rem;
    padding: unset;
    padding-right: 3rem;
    background-color: transparent;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .msc-content {
    width: 100%;
    max-width: 43.75rem;
    bottom: 3rem;
    left: 4.5rem;
    padding-right: 0;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .msc-content {
    max-width: 46.875rem;
    left: 7.5rem;
    bottom: 4.5rem;
  }
}

.msc-content-inner {
  word-wrap: break-word;
}

.msc-content-header {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

@media (min-width: 1024px) {
  .msc-content-header {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

@media (min-width: 1440px) {
  .msc-content-header {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .msc-content-header {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .msc-content-header {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .msc-content-header {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.msc-content-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-top: 1rem;
}

@media (min-width: 1024px) {
  .msc-content-text {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .msc-content-text {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .msc-content-text {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.msc-content-conquest {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-top: 1rem;
}

@media (min-width: 640px) {
  .msc-content-conquest {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .msc-content-conquest {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
  }
}

.msc-desc-subhead {
  display: block;
  color: #00aad2;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-bottom: 0.25rem;
}

.msc-content-cta {
  margin-top: 1rem;
}

.msc-content-cta svg {
  width: 0.625rem;
  height: 0.625rem;
  flex-shrink: 0;
  margin-left: 0.375rem;
  fill: currentColor;
}

.msc-external-content-cta {
  margin-top: 1rem;
}

.msc-external-content-cta svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  margin-left: 0.5rem;
  fill: currentColor;
}

.msc-content-disclaimer {
  position: relative;
  z-index: 2;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  margin-top: 1.5625rem;
}

.msc-disclaimer-cg-icon {
  color: #002c5e;
  padding-left: 0.25rem;
}

.msc-carousel-indicator .msc-slick-nav {
  width: 8.5625rem;
  height: 2.5rem;
  text-align: center;
  padding-bottom: 0.625rem;
  color: #ffffff;
}

.msc-carousel-indicator .msc-slick-nav-prev,
.msc-carousel-indicator .msc-slick-nav-next {
  color: #ffffff;
}

.msc-carousel-indicator .msc-slick-nav-prev.slick-disabled,
.msc-carousel-indicator .msc-slick-nav-next.slick-disabled {
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}

.msc-carousel-indicator .msc-slick-nav-prev svg,
.msc-carousel-indicator .msc-slick-nav-next svg {
  width: 0.48875rem;
  height: 0.8075rem;
}

.msc-slick-nav-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding-right: 1rem;
  padding-left: 1rem;
  vertical-align: text-bottom;
}

.msc-btn-link {
  color: #ffffff;
  font-weight: 700;
  font-size: 1rem;
  text-decoration: none;
  line-height: 1.375rem;
  white-space: nowrap !important;
}

.msc-btn-link.msc-external-content-cta svg {
  vertical-align: middle;
}

.msc-btn-link svg {
  display: inline-block;
}

.msc-gradient,
.msc-cinemagraph-gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  z-index: 1;
}

@media (min-width: 640px) {
  .msc-gradient,
  .msc-cinemagraph-gradient {
    height: 100%;
  }
}

.media-slider-container .media-cinemagraph-player {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0) scale(1);
  width: auto;
  max-width: none;
  min-width: 100%;
  height: 100% !important;
}

.media-slider-container .video-js {
  width: 170% !important;
  height: 100% !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  padding-top: 58% !important;
}

@media (min-width: 640px) {
  .media-slider-container .video-js {
    width: 135% !important;
  }
}

@media (min-width: 1024px) {
  .media-slider-container .video-js {
    width: 100% !important;
  }
}

.media-slider-container .s7controlbar {
  z-index: 3;
}

@media (min-width: 1024px) {
  .media-slider-container .s7controlbar {
    display: flex !important;
    align-items: center;
    z-index: 2;
  }
}

@media (min-width: 160rem) {
  .media-slider-container .s7controlbar {
    padding-left: 6%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .media-slider-container .video-js {
    width: 135% !important;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .media-slider-container .video-js {
    width: 100% !important;
  }
}

body.chat-opened .media-slider-container .s7controlbar {
  z-index: 3;
}

@media (min-width: 1024px) {
  body.chat-opened .media-slider-container .s7controlbar {
    display: flex;
    align-items: inherit;
    z-index: 3;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .media-slider-container .s7controlbar {
    display: flex !important;
    align-items: center;
    z-index: 2;
  }
}

@media (min-width: 1440px) {
  .msc-cinemagraph-container .s7innercontrolbarcontainer {
    max-width: 1440px;
    margin: auto;
    width: 100%;
  }
}

.msc-cinemagraph-container .s7innercontrolbarcontainer .s7playpausebutton {
  left: 0.625rem !important;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .msc-cinemagraph-container .s7innercontrolbarcontainer .s7playpausebutton {
    left: 0.3125rem !important;
  }
}

.media-slider-dissolve-zoom .msc-images,
.media-slider-dissolve-zoom .msc-cinemagraph {
  z-index: 1;
  transform: scale(1.2);
  transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1);
}

.media-slider-dissolve-zoom .slick-active .msc-images,
.media-slider-dissolve-zoom .slick-active .msc-cinemagraph {
  transform: scale(1);
  display: flex !important;
  justify-content: center;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .msc-cinemagraph-container .msc-content-header,
  .msc-cinemagraph-container .msc-content-text,
  .msc-cinemagraph-container .msc-content-conquest,
  .msc-cinemagraph-container .msc-content-cta,
  .msc-cinemagraph-container .msc-content-disclaimer {
    position: relative;
    z-index: 3;
  }
  .msc-cinemagraph-container .msc-content-container {
    position: static !important;
  }
}

.msc-button {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

@media (min-width: 640px) {
  .msc-button {
    display: block;
  }
}

.msc-button:after {
  top: 16.5%;
  background-repeat: no-repeat;
}

@media (min-width: 640px) {
  .msc-button:after {
    top: 29.5%;
    width: 4.1875rem;
    height: 4.1875rem;
  }
}

@media (min-width: 1024px) {
  .msc-button:after {
    top: 25.5%;
  }
}

@media (min-width: 1440px) {
  .msc-button:after {
    top: 28%;
  }
}

@media (min-width: 2560px) {
  .msc-button:after {
    top: 33%;
    width: 6.25rem;
    height: 6.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .msc-button:after {
    top: 29.5%;
    width: 4.1875rem;
    height: 4.1875rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .msc-button:after {
    top: 25.5%;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .msc-button:after {
    top: 28%;
  }
}

.msc-content-conquest button {
  color: #0000EE;
  text-decoration: underline;
}

.media-slider-container .slick-list {
  cursor: default;
}

.media-slider-container .slick-list .s7playpausebutton,
.media-slider-container .slick-list .s7mutablevolume,
.media-slider-container .slick-list .s7fullscreenbutton {
  cursor: pointer;
}

.msc-button-transparent-white {
  border: 2px solid #ffffff;
  background: linear-gradient(to right, #ffffff 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.25s cubic-bezier(0, 0, 0.1, 1);
  line-height: 1.25rem;
}

.msc-button-transparent-white:hover {
  background-position: left bottom;
  border-color: #ffffff;
  background-color: rgba(255, 255, 255, 0);
  color: #002c5e;
}

.msc-button-transparent-white:focus {
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  box-sizing: border-box;
}

.msc-button-transparent-white:disabled {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #666666;
}

.oeb-wrapper-bg-white {
  background-color: #ffffff;
}

.oeb-wrapper {
  padding: 1.4375rem 1.5rem;
}

.oeb-copy {
  display: flex;
  justify-content: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 2.25rem;
  color: #333333;
  text-align: center;
}

.offers-hero {
  display: flex;
  flex-direction: column;
}

.offers-hero-banner {
  background-color: #f3f3f3;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  padding: 1.25rem 2.5rem;
  text-align: center;
}

.offers-hero-image {
  min-height: 1px;
  width: 100%;
  height: auto;
}

@media (min-width: 1024px) {
  .offers-hero-banner {
    font-size: 1.5rem;
    line-height: 1.625rem;
    padding: 1.5rem 2.625rem;
  }
}

.offers-hero-new-v2 {
  position: relative;
  background: #ffffff;
  overflow: hidden;
  max-width: 160rem;
  height: 28.75rem;
  margin: 0 auto;
}

@media (min-width: 320px) {
  .offers-hero-new-v2 {
    height: 22.5rem;
  }
}

@media (min-width: 360px) {
  .offers-hero-new-v2 {
    height: 28.75rem;
  }
}

@media (min-width: 640px) {
  .offers-hero-new-v2 {
    height: 32.5rem;
  }
}

@media (min-width: 1440px) {
  .offers-hero-new-v2 {
    height: 43.75rem;
  }
}

@media (min-width: 1920px) {
  .offers-hero-new-v2 {
    height: 50rem;
  }
}

.offers-hero-v2-image {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  text-align: center;
  margin: 0 auto;
}

.offers-hero-v2-image picture {
  display: block;
  line-height: 0;
}

.offers-hero-v2-gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1;
}

@media (min-width: 320px) and (max-width: 359px) {
  .offers-hero-v2-gradient-overlay.xsmall {
    display: block;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .offers-hero-v2-gradient-overlay.small {
    display: block;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .offers-hero-v2-gradient-overlay.medium {
    display: block;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .offers-hero-v2-gradient-overlay.large {
    display: block;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .offers-hero-v2-gradient-overlay.xlarge {
    display: block;
  }
}

@media (min-width: 1920px) {
  .offers-hero-v2-gradient-overlay.huge {
    display: block;
  }
}

.offers-hero-v2-img-container {
  display: block;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.offers-hero-v2-image-title {
  height: auto;
}

.offers-hero-v2-content {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  padding: 2rem 1.5rem 0;
  z-index: 1;
}

.offers-hero-v2-content .icon {
  fill: currentColor;
}

@media (min-width: 640px) {
  .offers-hero-v2-content {
    padding: 2rem 2.5rem;
  }
}

@media (min-width: 1024px) {
  .offers-hero-v2-content {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1440px) {
  .offers-hero-v2-content {
    padding: 0 7.5rem;
  }
}

@media (min-width: 0) {
  .offers-hero-v2-content .offers-hero-v2-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.3125rem;
  }
}

@media (min-width: 640px) {
  .offers-hero-v2-content .offers-hero-v2-cta {
    flex-direction: row;
  }
}

.offers-hero-v2-content.offers-hero-v2-content-align-left {
  top: 0;
  right: 0;
  left: 0;
  text-align: left;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .offers-hero-v2-content.offers-hero-v2-content-align-left {
    top: 3rem;
  }
}

@media (min-width: 1440px) {
  .offers-hero-v2-content.offers-hero-v2-content-align-left {
    top: 4.5rem;
  }
}

@media (min-width: 640px) {
  .offers-hero-v2-content.offers-hero-v2-content-align-left .offers-hero-v2-cta {
    justify-content: flex-start;
  }
}

.offers-hero-v2-content.offers-hero-v2-content-align-right {
  text-align: right;
  max-width: 1440px;
  margin: 0 auto;
  right: 0;
  left: 0;
}

@media (min-width: 640px) {
  .offers-hero-v2-content.offers-hero-v2-content-align-right .offers-hero-v2-cta {
    justify-content: flex-end;
  }
}

.offers-hero-v2-content.offers-hero-v2-content-align-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
}

.offers-hero-v2-content.offers-hero-v2-content-align-center .offers-hero-v2-cta {
  justify-content: center;
}

.offers-hero-v2-content.offers-hero-v2-content-align-top-center {
  top: 0;
  left: 0;
  right: 0;
}

@media (min-width: 1024px) {
  .offers-hero-v2-content.offers-hero-v2-content-align-top-center {
    top: 3rem;
  }
}

@media (min-width: 1440px) {
  .offers-hero-v2-content.offers-hero-v2-content-align-top-center {
    top: 4.5rem;
  }
}

.offers-hero-v2-content.offers-hero-v2-content-align-top-center .offers-hero-v2-cta {
  justify-content: center;
}

.offers-hero-v2-content.offers-hero-v2-content-align-top-right {
  top: 0;
  left: 0;
  right: 0;
}

@media (min-width: 1024px) {
  .offers-hero-v2-content.offers-hero-v2-content-align-top-right {
    top: 3rem;
  }
}

@media (min-width: 1440px) {
  .offers-hero-v2-content.offers-hero-v2-content-align-top-right {
    top: 4.5rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .offers-hero-v2-content.offers-hero-v2-content-align-top-right {
    max-width: 90rem;
    margin: auto;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .offers-hero-v2-content.offers-hero-v2-content-align-top-right {
    max-width: 90rem;
    margin: auto;
  }
}

@media (min-width: 1920px) {
  .offers-hero-v2-content.offers-hero-v2-content-align-top-right {
    max-width: 90rem;
    margin: auto;
  }
}

@media (min-width: 1024px) {
  .offers-hero-v2-content.offers-hero-v2-content-align-top-right .offers-hero-v2-cta {
    justify-content: flex-end;
  }
}

.offers-hero-v2-content.offers-hero-v2-content-align-bottom-left {
  bottom: 2.1875rem;
  left: 0;
  right: 0;
}

@media (min-width: 1024px) {
  .offers-hero-v2-content.offers-hero-v2-content-align-bottom-left {
    bottom: 3rem;
    top: auto;
    max-width: 90rem;
    margin: auto;
  }
}

@media (min-width: 1440px) {
  .offers-hero-v2-content.offers-hero-v2-content-align-bottom-left {
    bottom: 4.5rem;
  }
}

@media (min-width: 1024px) {
  .offers-hero-v2-content.offers-hero-v2-content-align-bottom-left .offers-hero-v2-cta {
    justify-content: flex-start;
  }
}

.offers-hero-v2-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 1.875rem;
  padding-bottom: 0.1875rem;
}

.offers-hero-v2-title .tooltip-trigger {
  color: inherit;
}

.offers-hero-v2-title .sticky-icon-wrap {
  display: inline-flex;
}

.offers-hero-v2-title > span:has(span.sticky-icon-wrap) {
  display: block;
  padding-right: 0.9375rem;
}

@media (min-width: 360px) {
  .offers-hero-v2-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 640px) {
  .offers-hero-v2-title {
    font-size: 2.5rem;
    line-height: 2.625rem;
    padding-bottom: 0.5625rem;
  }
}

@media (min-width: 1440px) {
  .offers-hero-v2-title {
    font-size: 3.375rem;
    line-height: 3.5rem;
    padding-bottom: 0.5rem;
  }
}

@media (min-width: 1920px) {
  .offers-hero-v2-title {
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

.offers-hero-v2-title svg {
  color: inherit;
}

.offers-hero-v2-image-title-container {
  display: flex;
  justify-content: center;
  padding-bottom: 0.8125rem;
}

@media (min-width: 640px) {
  .offers-hero-v2-image-title-container {
    padding-bottom: 0.625rem;
  }
}

@media (min-width: 1440px) {
  .offers-hero-v2-image-title-container {
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 375px) {
  .offers-hero-v2-image-title-container img {
    height: 6.25rem;
  }
}

@media (min-width: 640px) {
  .offers-hero-v2-image-title-container img {
    height: 7.5rem;
  }
}

@media (min-width: 1024px) {
  .offers-hero-v2-image-title-container img {
    height: 9.375rem;
  }
}

@media (min-width: 1440px) {
  .offers-hero-v2-image-title-container img {
    height: 12.5rem;
  }
}

@media (min-width: 1920px) {
  .offers-hero-v2-image-title-container img {
    height: 12.5rem;
  }
}

@media (min-width: 2560px) {
  .offers-hero-v2-image-title-container img {
    height: 12.5rem;
  }
}

.offers-hero-v2-subhead {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  color: #ffffff;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.offers-hero-v2-subhead > span:has(span.sticky-icon-wrap) {
  display: block;
  padding-right: 0.9375rem;
}

.offers-hero-v2-subhead .tooltip-trigger {
  color: inherit;
}

@media (min-width: 1440px) {
  .offers-hero-v2-subhead {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

.offers-hero-v2-subhead-margin-bottom {
  margin: 0 auto 0.75rem;
}

@media (min-width: 360px) and (max-width: 639px) {
  .offers-hero-v2-subhead-margin-bottom {
    margin: 0 auto 0.9375rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .offers-hero-v2-subhead-margin-bottom {
    margin: 0 auto 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .offers-hero-v2-subhead-margin-bottom {
    margin: 0 auto 1.6875rem;
  }
}

@media (min-width: 1920px) {
  .offers-hero-v2-subhead-margin-bottom {
    margin: 0 auto 1.5625rem;
  }
}

@media (min-width: 320px) {
  .offers-hero-v2-content-align-center .offers-hero-v2-title {
    margin: 0 auto 0.625rem;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .offers-hero-v2-content-align-center .offers-hero-v2-title {
    margin: 0 auto 0.3125rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .offers-hero-v2-content-align-center .offers-hero-v2-title {
    margin: 0 auto 1.3125rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .offers-hero-v2-content-align-center .offers-hero-v2-title {
    margin: 0 auto 1.1875rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .offers-hero-v2-content-align-center .offers-hero-v2-title {
    margin: 0 auto 0.4375rem;
  }
}

@media (min-width: 1920px) and (max-width: 2559px) {
  .offers-hero-v2-content-align-center .offers-hero-v2-title {
    margin: 0 auto 0.4375rem;
  }
}

@media (min-width: 2560px) {
  .offers-hero-v2-content-align-center .offers-hero-v2-title {
    margin: 0 auto 0.4375rem;
  }
}

@media (min-width: 1024px) {
  .offers-hero-v2-content-align-top-right .offers-hero-v2-title {
    justify-content: flex-end;
  }
}

@media (min-width: 1024px) {
  .offers-hero-v2-content-align-top-right .offers-hero-v2-subhead {
    text-align: end;
  }
}

@media (min-width: 1024px) {
  .offers-hero-v2-content-align-top-right .offers-hero-v2-image-title-container {
    justify-content: flex-end;
  }
}

.offers-hero-v2-content.offers-hero-v2-content-align-left .offers-hero-v2-title {
  justify-content: flex-start;
  margin-left: 0;
}

.offers-hero-v2-content.offers-hero-v2-content-align-left .offers-hero-v2-subhead {
  margin-left: 0;
}

.offers-hero-v2-content.offers-hero-v2-content-align-left .offers-hero-v2-image-title-container {
  justify-content: flex-start;
}

.offers-hero-v2-content.offers-hero-v2-content-align-right .offers-hero-v2-title {
  justify-content: flex-end;
  margin-right: 0;
}

.offers-hero-v2-content.offers-hero-v2-content-align-right .offers-hero-v2-subhead {
  margin-right: 0;
}

.offers-hero-v2-content.offers-hero-v2-content-align-right .offers-hero-v2-image-title-container {
  justify-content: flex-end;
}

.offers-hero-v2-content-align-bottom-left .offers-hero-v2-title {
  justify-content: flex-start;
}

.offers-hero-v2-content-align-bottom-left .offers-hero-v2-subhead {
  text-align: start;
}

.offers-hero-v2-content-align-bottom-left .offers-hero-v2-image-title-container {
  justify-content: flex-start;
}

.offers-hero-v2-content-align-dark .offers-hero-v2-title {
  color: #333333;
}

.offers-hero-v2-content-align-dark .offers-hero-v2-subhead {
  color: #333333;
}

.offers-hero-v2-content .hero-enhanced-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.875rem;
  padding-bottom: 0.1875rem;
}

@media (min-width: 360px) {
  .offers-hero-v2-content .hero-enhanced-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 640px) {
  .offers-hero-v2-content .hero-enhanced-title {
    font-size: 2.5rem;
    line-height: 2.625rem;
    padding-bottom: 0.5625rem;
  }
}

@media (min-width: 1024px) {
  .offers-hero-v2-content .hero-enhanced-title {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .offers-hero-v2-content .hero-enhanced-title {
    font-size: 3.375rem;
    line-height: 3.5rem;
    padding-bottom: 0.5rem;
  }
}

@media (min-width: 1920px) {
  .offers-hero-v2-content .hero-enhanced-title {
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

@media (min-width: 2560px) {
  .offers-hero-v2-content .hero-enhanced-title {
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

.offers-hero-v2-content .hero-enhanced-countdown-timer-subhead {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  color: #ffffff;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.offers-hero-v2-content .hero-enhanced-countdown-timer-subhead span {
  display: block;
}

@media (min-width: 320px) {
  .offers-hero-v2-content .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 0.75rem;
  }
}

@media (min-width: 360px) and (max-width: 639px) {
  .offers-hero-v2-content .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 0.9375rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .offers-hero-v2-content .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.5625rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .offers-hero-v2-content .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.6875rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .offers-hero-v2-content .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.6875rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1920px) and (max-width: 2559px) {
  .offers-hero-v2-content .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.5625rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 2560px) {
  .offers-hero-v2-content .hero-enhanced-countdown-timer-subhead {
    margin: 0 auto 1.5625rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

.offers-hero-v2-content .hero-enhanced-countdown-timer-footer {
  line-height: 1.125rem;
}

.offers-hero-v2-content .hero-enhanced-countdown-timer-footer a {
  display: inline-block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  text-decoration: none;
}

.offers-hero-v2-content .hero-enhanced-countdown-timer-footer svg {
  display: inline-block;
  font-size: 0.625rem;
  fill: #ffffff;
  margin-left: 0.5rem;
}

.offers-hero-v2-cinemagraph .media-cinemagraph-enhanced-container {
  width: 100%;
  height: auto;
  min-width: 45rem;
  min-height: 25rem;
}

@media (min-width: 320px) {
  .offers-hero-v2-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 22.5rem;
    min-height: 22.5rem;
  }
}

@media (min-width: 360px) {
  .offers-hero-v2-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 40rem;
    min-height: 28.75rem;
  }
}

@media (min-width: 640px) {
  .offers-hero-v2-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 40rem;
    min-height: 32.5rem;
  }
}

@media (min-width: 1024px) {
  .offers-hero-v2-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 64rem;
  }
}

@media (min-width: 1440px) {
  .offers-hero-v2-cinemagraph .media-cinemagraph-enhanced-container {
    min-width: 90rem;
    min-height: 43.75rem;
  }
}

@media (min-width: 1920px) {
  .offers-hero-v2-cinemagraph .media-cinemagraph-enhanced-container {
    min-height: 50rem;
  }
}

.offers-hero-v2-cinemagraph .media-cinemagraph-enhanced-placeholder {
  min-width: 100%;
  min-height: 100%;
  display: block;
}

.offers-hero-v2-cinemagraph .media-cinemagraph-enhanced-player {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.offers-hero-v2-cinemagraph video {
  -o-object-fit: cover;
     object-fit: cover;
  left: 0px !important;
  top: 0px !important;
  width: 100% !important;
  height: 100% !important;
}

.offers-hero-v2-cinemagraph .s7playpausebutton {
  top: 0 !important;
  left: 0 !important;
}

.offers-hero-v2-cinemagraph .s7mutablevolume,
.offers-hero-v2-cinemagraph .s7videotime,
.offers-hero-v2-cinemagraph .s7fullscreenbutton {
  display: none !important;
}

@media (max-width: 639px) {
  .offers-hero-v2-cinemagraph.offers-hero-v2-extended-height .media-cinemagraph-enhanced-container {
    height: 30rem !important;
  }
}

@media (min-width: 640px) {
  .offers-hero-v2-cinemagraph.offers-hero-v2-extended-height .media-cinemagraph-enhanced-container {
    height: 40rem !important;
  }
}

@media (min-width: 1024px) {
  .offers-hero-v2-cinemagraph.offers-hero-v2-extended-height .media-cinemagraph-enhanced-container {
    height: 43.75rem !important;
  }
}

@media (min-width: 1440px) {
  .offers-hero-v2-cinemagraph.offers-hero-v2-extended-height .media-cinemagraph-enhanced-container {
    height: 55rem !important;
  }
}

@media (min-width: 1920px) {
  .offers-hero-v2-cinemagraph.offers-hero-v2-extended-height .media-cinemagraph-enhanced-container {
    height: 61.25rem !important;
  }
}

.offers-hero-v2 .s7controlbar {
  left: 0.5rem !important;
  right: 0 !important;
  width: 99% !important;
  bottom: 0.5rem !important;
  height: 1.6875rem !important;
  margin: 0 !important;
  z-index: 2;
  transform: none !important;
}

.offers-hero-v2 .s7innercontrolbarcontainer {
  height: 1.6875rem !important;
}

@media (max-width: 639px) {
  .offers-hero-v2-extended-height {
    height: 30rem !important;
  }
}

@media (min-width: 640px) {
  .offers-hero-v2-extended-height {
    height: 40rem !important;
  }
}

@media (min-width: 1024px) {
  .offers-hero-v2-extended-height {
    height: 43.75rem !important;
  }
}

@media (min-width: 1440px) {
  .offers-hero-v2-extended-height {
    height: 55rem !important;
  }
}

@media (min-width: 1920px) {
  .offers-hero-v2-extended-height {
    height: 61.25rem !important;
  }
}

.offers-hero-v2-content-align-slider {
  padding-top: 1.875rem;
}

.hero-logo-slider {
  pointer-events: none;
}

.offers-hero-v2-double-image {
  display: flex;
  justify-content: space-between;
  left: 0;
  right: 0;
}

@media (max-width: 1023px) {
  .offers-hero-v2-double-image {
    flex-direction: column;
    height: 100%;
  }
}

@media (min-width: 320px) and (max-width: 359px) {
  .offers-hero-v2-double-image {
    padding-top: 1.875rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 360px) {
  .offers-hero-v2-double-image {
    padding-top: 2.125rem;
    padding-left: 1.0625rem;
    padding-right: 1.0625rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .offers-hero-v2-double-image {
    padding-top: 2.1875rem;
    padding-left: 8.9375rem;
    padding-right: 8.9375rem;
  }
}

@media (min-width: 1024px) {
  .offers-hero-v2-double-image {
    padding-top: 1.8125rem;
    padding-left: 2.625rem;
    padding-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .offers-hero-v2-double-image {
    padding-top: 3.875rem;
    padding-left: 4.375rem;
    padding-right: 4.375rem;
  }
}

@media (min-width: 1920px) {
  .offers-hero-v2-double-image {
    padding-top: 3.375rem;
    padding-left: 8.75rem;
    padding-right: 8.75rem;
  }
}

.offers-hero-v2-content-align-left .offers-hero-v2-double-img-wrapper {
  max-width: 50%;
}

@media (max-width: 1023px) {
  .offers-hero-v2-content-align-left .offers-hero-v2-double-img-wrapper {
    max-width: 100%;
    text-align: left;
  }
}

@media (min-width: 320px) and (max-width: 359px) {
  .offers-hero-v2-double-img-wrapper .offers-hero-v2-image-title {
    height: auto;
    width: 17rem;
    max-height: 100%;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 360px) {
  .offers-hero-v2-double-img-wrapper .offers-hero-v2-image-title {
    height: auto;
    width: 20.375rem;
    max-height: 100%;
    margin: 0 auto 1.625rem;
  }
}

@media (min-width: 640px) {
  .offers-hero-v2-double-img-wrapper .offers-hero-v2-image-title {
    height: auto;
    width: 22.125rem;
    max-height: 100%;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 641px) {
  .offers-hero-v2-double-img-wrapper .offers-hero-v2-image-title {
    height: auto;
  }
}

@media (min-width: 1024px) {
  .offers-hero-v2-double-img-wrapper .offers-hero-v2-image-title {
    width: 25.5rem;
  }
}

@media (min-width: 1440px) {
  .offers-hero-v2-double-img-wrapper .offers-hero-v2-image-title {
    width: 34rem;
  }
}

@media (min-width: 1920px) {
  .offers-hero-v2-double-img-wrapper .offers-hero-v2-image-title {
    width: 40.8125rem;
  }
}

.offers-hero-v2-double-img-wrapper .offers-hero-v2-subhead {
  margin: 0 auto 1.25rem !important;
}

@media (max-width: 1023px) {
  .offers-hero-v2-double-img-wrapper {
    text-align: center;
  }
  .offers-hero-v2-double-img-wrapper .offers-hero-v2-title {
    margin: 0 auto !important;
  }
  .offers-hero-v2-double-img-wrapper .offers-hero-v2-subhead {
    margin: 0 auto 0.625rem !important;
  }
}

.offers-hero-v2-second-image-container-top {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

@media (min-width: 320px) and (max-width: 359px) {
  .offers-hero-v2-second-image-container-top {
    width: 17rem;
    height: 6.25rem;
    margin: 0 auto 0.8125rem;
  }
}

@media (min-width: 360px) {
  .offers-hero-v2-second-image-container-top {
    width: 20.375rem;
    height: 7.5rem;
    margin: 0 auto 0.8125rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .offers-hero-v2-second-image-container-top {
    width: 22.125rem;
    height: 8.125rem;
    margin: 0 auto 0.625rem;
  }
}

@media (min-width: 1024px) {
  .offers-hero-v2-second-image-container-top {
    justify-content: left;
    width: 25.5rem;
    height: 9.375rem;
    margin: 0 0 0.625rem;
  }
}

@media (min-width: 1440px) {
  .offers-hero-v2-second-image-container-top {
    width: 34rem;
    height: 12.5rem;
    margin: 0 0 1.25rem;
  }
}

@media (min-width: 1920px) {
  .offers-hero-v2-second-image-container-top {
    width: 40.8125rem;
    height: 15rem;
  }
}

.offers-hero-v2-second-image-container {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
}

@media (min-width: 320px) and (max-width: 359px) {
  .offers-hero-v2-second-image-container {
    width: 17rem;
    height: 6.25rem;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 360px) {
  .offers-hero-v2-second-image-container {
    width: 20.375rem;
    height: 7.5rem;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .offers-hero-v2-second-image-container {
    width: 22.125rem;
    height: 8.125rem;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 1024px) {
  .offers-hero-v2-second-image-container {
    align-items: flex-start;
    width: 25.5rem;
    height: 9.375rem;
    margin: 0;
    text-align: right;
    justify-content: right;
  }
}

@media (min-width: 1440px) {
  .offers-hero-v2-second-image-container {
    width: 34rem;
    height: 12.5rem;
    margin: 0;
  }
}

@media (min-width: 1920px) {
  .offers-hero-v2-second-image-container {
    width: 40.8125rem;
    height: 15rem;
    margin: 0;
  }
}

.offers-hero-v2-second-image {
  width: auto;
  max-height: 100%;
}

.offers-hero-v2-content-align-dark {
  background: #ffffff;
}

.offers-hero-v2-content-align-dark .icon {
  fill: #002c5e;
}

.hero-two-ctas .offers-hero-v2-title {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 2.625rem;
}

.hero-two-ctas .offers-hero-v2-subhead {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.hero-two-ctas-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  max-width: 27.5rem;
  margin: 0 auto;
}

.hero-two-ctas-container a {
  display: inline-block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #ffffff;
  text-decoration: none;
}

.hero-two-ctas-container svg {
  display: inline-block;
  font-size: 0.625rem;
  fill: #ffffff;
  margin-left: 0.5rem;
}

.hero-two-ctas-container .hero-cta {
  margin-right: 1rem;
}

.hero-two-ctas-container .hero-cta:last-of-type {
  margin-right: 0;
}

.offers-hero-v2-content-slider {
  padding-top: 1.875rem;
}

.offers-hero-v2-content-slider .offers-hero-v2-image-title {
  margin: auto;
}

@media (max-width: 1023px) {
  .hero-two-ctas .hero-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
  .hero-two-ctas .hero-subhead {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .hero-two-ctas-container {
    flex-direction: column;
  }
  .hero-two-ctas-container .hero-cta {
    margin-right: 0;
    margin-bottom: 0.8125rem;
  }
  .hero-two-ctas-container .hero-cta:last-of-type {
    margin: 0;
  }
}

.offers-hero-v2-content-align-left .hero-two-ctas-container {
  justify-content: normal;
  margin: 0;
}

.offers-hero-v2-content-align-right .hero-two-ctas-container {
  justify-content: flex-end;
  margin-right: 0;
}

.offers-hero-v2-content-align-dark .hero-two-ctas-container a {
  color: #333333;
}

.offers-hero-v2-content-align-dark .hero-two-ctas-container svg {
  fill: #333333;
}

.offers-hero-v2-smartchat-container {
  margin-top: 1rem;
  order: 1;
}

@media (min-width: 1024px) {
  .offers-hero-v2-smartchat-container {
    order: 2;
  }
}

.offers-hero-v2-smartchat-container button {
  margin: 0;
  margin-bottom: 0.625rem;
}

@media (min-width: 1024px) {
  .offers-hero-v2-smartchat-container button {
    margin: 0;
  }
}

.offers-hero-v2-smartchat-container .smartchat-contextual-cta-btn--background {
  min-height: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.625rem 0.9375rem;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .offers-hero-v2-double-image {
    flex-direction: column;
    height: 100%;
    padding-top: 2.1875rem;
    padding-left: 8.9375rem;
    padding-right: 8.9375rem;
  }
  body.chat-opened .offers-hero-v2-double-img-wrapper {
    max-width: 100%;
    text-align: left;
  }
  body.chat-opened .offers-hero-v2-second-image-container-top {
    width: 22.125rem;
    height: 8.125rem;
    margin: 0 auto 0.625rem;
  }
  body.chat-opened .offers-hero-v2-second-image-container {
    width: 22.125rem;
    height: 8.125rem;
    margin: 0 auto 1.25rem;
  }
}

.oefoc-wrapper {
  width: 100%;
  max-width: 80.75rem;
  margin: 0 auto;
  padding: 0 3rem;
}

@media (max-width: 1920px) {
  .oefoc-wrapper {
    max-width: calc(100vw - 478px);
  }
}

@media (max-width: 1439px) {
  .oefoc-wrapper {
    max-width: calc(100vw - 402px);
  }
}

@media (max-width: 1023px) {
  .oefoc-wrapper {
    max-width: 100vw;
    padding: 0;
  }
}

.oefoc-slick-wrapper .slick-track {
  display: flex;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .oefoc-slick-wrapper .slick-track {
    flex: 1 0 auto;
  }
}

.oefoc-slick-wrapper .slick-list {
  display: flex;
}

.oefoc-slick-wrapper .slick-slide > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.oefoc-slick-wrapper .offer-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.oefoc-slick-wrapper .oefoc-item {
  display: flex !important;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  height: 100%;
}

.oefoc-slick-wrapper .oefoc-item > a {
  text-decoration: none;
}

.oefoc-slick-wrapper .oefoc-item .oc-title {
  padding: 0 1.456875rem 0.3125rem;
}

.oefoc-slick-wrapper .oefoc-item .oc-jelly-image {
  margin-top: -1.875rem;
  margin-bottom: -0.25rem;
  padding: 0 0.40625rem;
}

.oefoc-slick-wrapper .oefoc-item .oc-item-img {
  margin: auto;
  position: relative;
  z-index: -1;
}

.oefoc-slick-wrapper .oefoc-item .oc-item-img.oc-error-image {
  padding-top: 2.8125rem;
  padding-bottom: 0.625rem;
  text-align: center;
}

.oefoc-slick-wrapper .oefoc-item .oc-description {
  height: 100%;
  padding: 0 1.40625rem;
}

.oefoc-slick-wrapper .oefoc-item .oefoc-item-ctas {
  margin-top: auto;
}

.oefoc-slick-wrapper .oefoc-item .oefoc-item-year-model-trim-name,
.oefoc-slick-wrapper .oc-description a {
  width: 100%;
}

.oefoc-slick-wrapper .oefoc-wrapper-slider .oefoc-item-short-description {
  padding: 0 1.618125rem 0 1.640625rem;
}

.oefoc-slick-wrapper .oefoc-wrapper-slider .oefoc-offer-text {
  padding: 0 1.658125rem 0 1.625rem;
}

.oefoc-wrapper-slider .swiper-slide-item-active .oefoc-item {
  border-right: 0.125rem solid #e6e6e6;
}

@media screen and (max-width: 639px) {
  .oefoc-wrapper-slider .swiper-slide-active .oefoc-item {
    border-right: 0.125rem solid #e6e6e6;
  }
  .oefoc-slick-wrapper[data-carousel-is-less-count="true"] .oefoc-wrapper-slider .swiper-slide-active .oefoc-item {
    border-right: 0 !important;
  }
}

.oefoc-wrapper-slider .swiper-slide-end {
  border-right-color: transparent !important;
}

.oefoc-arrow-container {
  display: flex;
  justify-content: space-between;
  width: 9.875rem;
  padding: 2.5rem 0 0;
  margin: auto;
}

.oefoc-header-text {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 2.25rem;
  text-align: center;
  padding: 0 0 1.9375rem;
  color: #333333;
}

@media (max-width: 1920px) {
  .oefoc-header-text {
    padding: 0 0 1.9375rem;
  }
}

@media (max-width: 1439px) {
  .oefoc-header-text {
    padding: 0 0 1.9375rem;
  }
}

@media (max-width: 1023px) {
  .oefoc-header-text {
    padding: 0 0 2.3125rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  .oefoc-header-text {
    padding: 0 0 2.3125rem;
  }
}

@media (max-width: 639px) {
  .oefoc-header-text {
    padding: 0 0 1.9375rem;
  }
}

.oefoc-nav-numbers {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.4375rem;
  text-align: center;
  color: #666666;
}

/**
  * Added styles for header text
 */
.oefoc-slick-prev,
.oefoc-slick-next {
  color: #002C5D;
}

.oefoc-slick-prev:disabled,
.oefoc-slick-next:disabled {
  color: #666666;
}

.oefoc-slick-prev svg,
.oefoc-slick-next svg {
  height: 1.8125rem;
}

@media screen and (max-width: 1920px) {
  .oefoc-container {
    padding: 2.25rem 0;
  }
}

@media screen and (max-width: 1023px) {
  .oefoc-container {
    padding: 2.25rem 3rem;
  }
}

.oefoc-wrapper-slider .swiper-wrapper {
  align-items: stretch;
  height: auto;
}

.oefoc-wrapper-slider .swiper-slide {
  height: auto;
}

.oefoc-item .oc-item-img-container {
  display: flex;
  justify-content: center;
}

.swiper-wrapper-oefoc-centered {
  justify-content: center;
}

.oe-vlp-component-wrapper,
.oe-vlp-container-powertrain {
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.oe-vlp-component-wrapper[data-is-power-train-merge="true"] {
  background: none !important;
}

.oeoc-vlp-wrapper[data-show-banner="true"] {
  padding: 2rem 5.75rem 2rem 1.854375rem;
}

@media (min-width: 1024px) and (max-width: 75rem) {
  .oeoc-vlp-wrapper[data-show-banner="true"] {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (min-width: 1024px) {
  .oeoc-vlp-wrapper[data-show-banner="true"] {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .oeoc-vlp-wrapper[data-show-banner="true"] {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
}

.oeoc-vlp-wrapper {
  max-width: 64rem;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding: 2rem 5.75rem 2rem 4.5rem;
}

@media (min-width: 1024px) and (max-width: 75rem) {
  .oeoc-vlp-wrapper {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

@media (max-width: 1023px) {
  .oeoc-vlp-wrapper {
    padding: 2rem 0 !important;
  }
}

@media (min-width: 1024px) {
  .oeoc-vlp-wrapper {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .oeoc-vlp-wrapper {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
}

.oeoc-vlp-vehicle-component-container {
  width: 100%;
  display: flex;
  position: relative;
  justify-content: space-between;
  z-index: 1;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .oeoc-vlp-vehicle-component-container {
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 1023px) {
  .oeoc-vlp-vehicle-details-container {
    padding-right: 0;
    padding-bottom: 1.6875rem;
  }
}

@media (max-width: 639px) {
  .oeoc-vlp-vehicle-details-container {
    padding-bottom: 2.4375rem;
    max-width: 18.3125rem;
  }
}

.oe-vlp-image-error {
  transform: scale(1) !important;
  padding: 1.25rem 0.625rem;
  width: 100%;
  text-align: center;
  display: block;
}

.oeoc-vlp-wrapper.light .oeoc-vlp-wrapper--title h4,
.oeoc-vlp-wrapper.light .oeoc-vlp-wrapper--sub-title {
  color: #666666;
}

.oeoc-vlp-wrapper.light .oeoc-vlp-wrapper-offer-title,
.oeoc-vlp-wrapper.light .oeoc-vlp-wrapper--title a h5,
.oeoc-vlp-wrapper.light .oeoc-vlp-wrapper--price,
.oeoc-vlp-wrapper.light .offers-vlp-hero-image {
  color: #333333;
}

.oeoc-vlp-wrapper.light .oeoc-vlp-wrapper--label {
  color: #262626;
}

.oeoc-vlp-wrapper.light .oeoc-vlp-wrapper--hr {
  background-color: #666666;
}

.oeoc-vlp-wrapper.light .oeoc-vlp-wrapper-special .oeoc-vlp-wrapper--title h5 {
  color: #00aad2;
}

.oeoc-vlp-wrapper.light .oeoc-vlp-wrapper-special .oeoc-vlp-wrapper--hr {
  background-color: #00aad2;
}

.oeoc-vlp-wrapper.light .oeoc-vlp-wrapper-list li {
  border-color: #bababa;
}

.oeoc-vlp-wrapper.light .oeoc-vlp-wrapper-link {
  color: #002c5e;
}

.oeoc-vlp-wrapper.light .oeoc-vlp-wrapper-link:hover {
  color: #00aad2;
}

.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper--title h4 {
  color: #ffffff;
}

.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper--sub-title,
.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper--label {
  color: #B4B4B4;
}

.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper--price,
.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper-offer-title,
.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper--title h5,
.oeoc-vlp-wrapper.dark .offers-vlp-hero-image {
  color: #ffffff;
}

.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper--hr {
  background-color: #ffffff;
}

.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper-special .oeoc-vlp-wrapper--title h5 {
  color: #00aad2;
}

.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper-special .oeoc-vlp-wrapper--hr {
  background-color: #00aad2;
}

.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper-special .oeoc-vlp-wrapper--price,
.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper-special .oeoc-vlp-wrapper--sub-title,
.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper-special .oeoc-vlp-wrapper--label {
  color: #333333;
}

.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper-special .oeoc-vlp-wrapper--label {
  color: #262626;
}

.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper-special .oeoc-vlp-wrapper-link {
  color: #002c5e;
}

.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper-special .oeoc-vlp-wrapper-link:hover {
  color: #00aad2;
}

.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper-list li {
  border-color: #bababa;
}

.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper-link {
  color: #ffffff;
}

.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper-link:hover {
  color: #00aad2;
}

.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper-offer-content-title {
  color: #ffffff;
}

.oeoc-vlp-wrapper-section {
  padding-top: 2.75rem;
  position: relative;
}

@media (max-width: 1023px) {
  .oeoc-vlp-wrapper-section {
    padding: 2rem 3rem 0;
  }
}

@media (max-width: 639px) {
  .oeoc-vlp-wrapper-section {
    padding: 1.5625rem 1rem 0;
  }
}

.oeoc-vlp-wrapper-section .oeoc-vlp-item a {
  text-decoration: none;
}

.oeoc-vlp-wrapper-special {
  padding: 2.125rem 4.625rem;
  background-color: #ffffff;
  text-align: center;
  flex: 1;
  max-width: 30.375rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}

@media (max-width: 1023px) {
  .oeoc-vlp-wrapper-special {
    width: 17.625rem;
    padding: 1.5rem 1.375rem 2.125rem;
  }
}

@media (max-width: 639px) {
  .oeoc-vlp-wrapper-special {
    width: 17.728125rem;
    padding: 1.5rem 1.425625rem 2.125rem;
  }
}

.oeoc-vlp-wrapper-special .oeoc-vlp-wrapper--title h5 {
  font-size: 1rem;
}

.oeoc-vlp-wrapper-special .oeoc-vlp-wrapper--label {
  font-weight: 400;
}

.oeoc-vlp-wrapper-offer-content {
  max-width: 18.75rem;
  padding-top: 0.9375rem;
}

@media (max-width: 1023px) {
  .oeoc-vlp-wrapper-offer-content {
    padding-top: 0;
  }
}

@media (max-width: 639px) {
  .oeoc-vlp-wrapper-offer-content {
    width: 18.333125rem;
  }
}

.oeoc-vlp-wrapper-offer-content-title {
  font-size: 2.1875rem;
  line-height: 2.125rem;
  font-weight: 500;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  color: #333333;
}

.oeoc-vlp-wrapper-offer-content-title span {
  display: inline-block;
  font-weight: 400;
}

.oeoc-vlp-wrapper--title h4 {
  font-size: 1rem;
  font-weight: 700;
}

.oeoc-vlp-wrapper--title h5 {
  font-size: 0.875rem;
}

.oe-vlp-featured-card-title {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.0625rem;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 1.4375rem;
}

.oe-vlp-featured-card-title::after {
  content: '';
  width: 1.625rem;
  height: 0.125rem;
  display: block;
  background-color: #00aad2;
  margin-top: 0.6875rem;
}

@media (max-width: 1023px) {
  .oe-vlp-featured-card-title {
    padding-bottom: 0.9375rem;
    font-size: 0.875rem;
  }
  .oe-vlp-featured-card-title::after {
    margin-top: 0.625rem;
  }
}

.oeoc-vlp-wrapper-special .oeoc-vlp-wrapper--sub-title {
  font-size: 1.25rem;
  line-height: 1.375rem;
  text-align: center;
  color: #333333 !important;
  font-weight: 400;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
}

.oeoc-vlp-wrapper-special .oeoc-vlp-wrapper--sub-title strong {
  font-weight: 500;
}

@media (max-width: 1023px) {
  .oeoc-vlp-wrapper-special .oeoc-vlp-wrapper--sub-title {
    font-size: 0.9375rem;
  }
}

.oeoc-vlp-wrapper-special .oeoc-vlp-wrapper--price {
  font-size: 2.8125rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  text-align: center;
  line-height: 3.0625rem;
  padding: 0.9375rem 0;
}

@media (max-width: 1023px) {
  .oeoc-vlp-wrapper-special .oeoc-vlp-wrapper--price {
    padding: 0.125rem 0;
    font-size: 1.875rem;
    line-height: 2.3125rem;
  }
}

.oeoc-vlp-wrapper-special .oeoc-vlp-wrapper--label {
  padding: 0 1.875rem;
  font-size: 1.25rem;
  line-height: 1.375rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  text-align: center;
  color: #333333;
}

@media (max-width: 1023px) {
  .oeoc-vlp-wrapper-special .oeoc-vlp-wrapper--label {
    font-size: 0.9375rem;
  }
}

.oeoc-vlp-wrapper-link {
  display: flex;
  justify-content: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.375rem;
  text-decoration: none;
  padding-top: 1.25rem;
  max-width: -webkit-max-content;
  max-width: max-content;
  margin-left: auto;
  margin-right: auto;
}

.oeoc-vlp-item-ctas-chev {
  margin-left: 0.3125rem;
  display: flex;
  align-items: center;
}

.oeoc-vlp-item-ctas-chev svg {
  height: 0.625rem;
}

.oeoc-vlp-wrapper--hr {
  width: 1.5625rem;
  height: 2px;
  display: inline-block;
  vertical-align: top;
  margin: 0.3125rem 0 0.9375rem;
}

.oeoc-vlp-wrapper-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
}

@media (max-width: 639px) {
  .oeoc-vlp-wrapper-list {
    flex-direction: column;
  }
}

.oeoc-vlp-wrapper-list .oeoc-vlp-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.oeoc-vlp-wrapper-list li {
  padding: 0 2.0975rem;
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: column;
}

@media (max-width: 639px) {
  .oeoc-vlp-wrapper-list li {
    padding: 2.3125rem 1.125rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .oeoc-vlp-wrapper-list li::after {
    content: '';
    width: 11.875rem;
    height: 0.125rem;
    display: block;
    background-color: #bababa;
    margin-top: 2.75rem;
  }
}

.oeoc-vlp-wrapper-list li:last-child::after {
  display: none;
}

.oeoc-vlp-wrapper-list li + li {
  border: 0;
  border-left: 2px;
  border-style: solid;
}

@media (max-width: 639px) {
  .oeoc-vlp-wrapper-list li + li {
    border-left: none;
  }
}

.oeoc-vlp-wrapper-offer-content .oeoc-vlp-wrapper-btn {
  padding-top: 1.6875rem !important;
}

.oeoc-vlp-wrapper-banner-content {
  max-width: 21.916875rem;
}

@media (max-width: 639px) {
  .oeoc-vlp-wrapper-banner-content {
    width: 18.333125rem;
  }
}

.oeoc-vlp-wrapper-banner-content .oeoc-vlp-wrapper-btn {
  padding-top: 0rem !important;
}

.oeoc-vlp-wrapper-btn {
  display: flex;
  justify-content: center;
  padding-top: 3.375rem;
  text-align: center;
}

.oeoc-vlp-wrapper-btn.request-btn {
  padding-top: 2.125rem;
}

.oeoc-vlp-wrapper-btn button {
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
}

@media (max-width: 639px) {
  .oeoc-vlp-wrapper-btn {
    padding-top: 3.6875rem;
  }
}

@media (min-width: 1024px) {
  .oeoc-vlp-wrapper-offer-content[data-left-align="true"] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .oeoc-vlp-wrapper-offer-content[data-left-align="true"] .oeoc-vlp-wrapper-offer-title {
    padding: 1.25rem 0;
    text-align: left;
  }
  .oeoc-vlp-wrapper-offer-content[data-left-align="true"] .oeoc-vlp-wrapper-offer-content-title {
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .oeoc-vlp-wrapper-banner-content[data-left-align="true"] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .oeoc-vlp-wrapper-banner-content[data-left-align="true"] .oeoc-vlp-wrapper-offer-title {
    padding: 1.25rem 0;
    text-align: left;
  }
}

.oeoc-vlp-wrapper-offer-title {
  padding: 1.25rem 0.5rem 0;
  font-size: 1rem;
  text-align: center;
  line-height: 1.375rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
}

@media (max-width: 639px) {
  .oeoc-vlp-wrapper-offer-title {
    padding: 1.9075rem 2.5rem 0;
  }
}

.oeoc-vlp-wrapper-section .oeoc-vlp-wrapper--title {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  display: flex;
  flex-direction: column;
  padding-bottom: 1.625rem;
}

.oeoc-vlp-wrapper-section .oeoc-vlp-wrapper--title::after {
  content: '';
  width: 1.5rem;
  height: 0.125rem;
  display: block;
  margin-top: 0.375rem;
}

.oeoc-vlp-wrapper-section .oeoc-vlp-wrapper--sub-title {
  font-size: 0.9375rem;
  line-height: 1.0625rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  text-align: center;
  font-weight: 500;
}

.oeoc-vlp-wrapper-section .oeoc-vlp-wrapper--price {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 2rem;
  line-height: 2.1875rem;
  font-weight: 700;
  padding: 0.9375rem 0;
  text-align: center;
}

.oeoc-vlp-wrapper-section .oeoc-vlp-wrapper--label {
  padding: 0 0.875rem;
  font-size: 0.9375rem;
  line-height: 1rem;
  text-align: center;
  color: #262626;
}

@media (max-width: 1023px) {
  .oeoc-vlp-wrapper-section .oeoc-vlp-wrapper--label {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

@media (max-width: 639px) {
  .oeoc-vlp-wrapper-section .oeoc-vlp-wrapper--label {
    font-size: 0.875rem;
    line-height: 1.0625rem;
    padding: 0 2.625rem;
  }
}

.oeoc-vlp-wrapper-section .oeoc-vlp-wrapper-link {
  margin-top: auto;
}

.oeoc-vlp-wrapper-section .oeoc-vlp-wrapper-list .oeoc-vlp-wrapper--title {
  font-size: 0.875rem;
  line-height: 1rem;
  align-items: center;
  padding-bottom: 1rem;
}

@media (max-width: 1023px) {
  .oeoc-vlp-wrapper-section .oeoc-vlp-wrapper-list .oeoc-vlp-wrapper--title {
    padding-bottom: 1.0625rem;
  }
}

@media (max-width: 1023px) {
  .oeoc-vlp-wrapper-section .oeoc-vlp-wrapper--title {
    padding-bottom: 2.125rem;
  }
  .oeoc-vlp-wrapper-section .oeoc-vlp-wrapper--title::after {
    margin-top: 0.25rem;
  }
}

@media (max-width: 639px) {
  .oeoc-vlp-wrapper-section .oeoc-vlp-wrapper--title {
    padding-bottom: 0;
  }
}

.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper-section .oeoc-vlp-wrapper--title {
  color: #ffffff;
}

.oeoc-vlp-wrapper.dark .oeoc-vlp-wrapper-section .oeoc-vlp-wrapper--title::after {
  background-color: #ffffff;
}

.oeoc-vlp-wrapper.light .oeoc-vlp-wrapper-section .oeoc-vlp-wrapper--title {
  color: #333333;
}

.oeoc-vlp-wrapper.light .oeoc-vlp-wrapper-section .oeoc-vlp-wrapper--title::after {
  background-color: #333333;
}

.oeoc-vlp-slick-container .slick-track {
  display: flex;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .oeoc-vlp-slick-container .slick-track {
    flex: 1 0 auto;
  }
}

.oeoc-vlp-slick-container .slick-list {
  display: flex;
}

.oeoc-vlp-slick-container .slick-slide > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.oeoc-vlp-slick-container .oeoc-vlp-item {
  display: flex !important;
  flex-direction: column;
  height: 100%;
  padding: 0 2.0975rem 0.3125rem;
}

.oeoc-vlp-slick-container .oeoc-vlp-item .oeoc-vlp-wrapper--title {
  align-items: center;
}

@media (max-width: 1023px) {
  .oeoc-vlp-slick-container .oeoc-vlp-item .oeoc-vlp-wrapper--title {
    padding-bottom: 1.0625rem;
  }
}

.oeoc-vlp-slick-container .slick-track .slick-active .oeoc-vlp-item {
  border-right: solid 2px #bababa;
}

.oeoc-vlp-slick-container .slick-last-slide .oeoc-vlp-item {
  border-right-color: transparent !important;
}

.oeoc-vlp-arrow-container {
  display: flex;
  justify-content: space-between;
  width: 9.875rem;
  padding-top: 3rem;
  margin: auto;
}

.oeoc-vlp-nav-numbers {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.4375rem;
  text-align: center;
}

.dark .oeoc-vlp-nav-numbers {
  color: #ffffff;
}

.light .oeoc-vlp-nav-numbers {
  color: #666666;
}

.oeoc-vlp-slick-prev svg,
.oeoc-vlp-slick-next svg {
  height: 1.8125rem;
}

.dark .oeoc-vlp-slick-prev,
.dark .oeoc-vlp-slick-next {
  color: #ffffff;
}

.dark .oeoc-vlp-slick-prev:disabled,
.dark .oeoc-vlp-slick-next:disabled {
  color: #b4b4b4;
}

.light .oeoc-vlp-slick-prev,
.light .oeoc-vlp-slick-next {
  color: #002C5D;
}

.light .oeoc-vlp-slick-prev:disabled,
.light .oeoc-vlp-slick-next:disabled {
  color: #666666;
}

.oe-vlp-offers-loading-indicator .loading-indicator {
  min-height: 12.5rem;
  position: relative;
}

.oe-vlp-component-list-empty {
  padding-top: 0;
}

.oe-vlp-component-list-empty .oeoc-vlp-wrapper-btn {
  padding-top: 2.3325rem;
}

.pt-container .oeoc-vlp-wrapper {
  padding: 4.5rem 0;
}

@media (min-width: 1024px) {
  .pt-container .oeoc-vlp-wrapper {
    padding: 4.0625rem 5.75rem 3.3125rem 4.625rem;
  }
}

@media (min-width: 1440px) {
  .pt-container .oeoc-vlp-wrapper {
    padding: 4.5rem 5.75rem 4.5rem 4.625rem;
  }
}

.pt-container:has(.oe-offers-component-wrapper) {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

.pt-container:has(.oe-offers-component-wrapper[data-is-dark-theme="true"]) {
  .sectag-tag-heading,
  .ptb-button {
    color: #ffffff !important;
    svg {
      fill: #ffffff !important;
    }
  }
  .ptb-divider {
    border-right: 0.063rem solid #ffffff !important;
    border-color: #ffffff !important;
    opacity: 1 !important;
  }
}

.oe-offer-details-component-wrapper {
  max-width: 90rem;
  margin: 0 auto;
  position: relative;
  margin-top: 2rem;
  min-height: 9.375rem;
}

.oeod-header-cta {
  width: 100%;
  text-align: left;
}

.oeod-header-cta svg {
  margin-right: 0.3125rem;
}

.oeod-header-cta a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #002c5e;
  text-decoration: none;
  padding-left: 2.75rem;
}

.oeod-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 0;
  gap: 4.0625rem;
  margin-bottom: 2.625rem;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .oeod-wrapper {
    padding-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .oeod-wrapper {
    padding-right: 4.5rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .oeod-wrapper {
    padding-right: 0;
  }
}

@media (min-width: 1440px) and (max-width: 2560px) {
  body.chat-opened .oeod-wrapper {
    padding-right: 2.625rem;
  }
}

.oeod-selections-col {
  min-width: 24.5rem;
}

@media (max-width: 1023px) {
  .oeod-selections-col {
    min-width: 19.375rem;
  }
}

.oeod-offers-price-by {
  display: none;
}

.oeod-wrapper-dropdown {
  flex-wrap: wrap;
  gap: 0;
}

.oeod-wrapper-dropdown .oeod-header-cta a {
  padding: 0.5rem 1.5rem 1.5rem;
}

.oeod-wrapper-dropdown .oeod-selections-col {
  min-width: none;
  padding-right: 0;
  width: 100%;
}

.oeod-wrapper-dropdown .oeod-model-year-select {
  padding-left: 2.625rem;
}

@media (max-width: 1023px) {
  .oeod-wrapper-dropdown .oeod-model-year-select {
    margin-left: 0;
    padding-left: 1.5rem;
  }
}

.oeod-model-year-select {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 2.625rem;
  margin-bottom: 2rem;
}

.oeod-wrapper-dropdown .oeod-offers-price-by {
  display: none;
  width: 24%;
  padding-left: 1rem;
  align-self: center;
}

.oeod-wrapper-dropdown .oeod-offers-tabs-nav {
  justify-content: space-between;
  width: 74%;
}

@media (max-width: 1023px) {
  .oeod-wrapper-dropdown .oeod-offers-tabs-nav {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.oeod-wrapper-dropdown .oeod-offers-type-select {
  display: flex;
  justify-content: center;
  margin-top: 0;
  padding-bottom: 1.0625rem;
}

@media (max-width: 1023px) {
  .oeod-wrapper-dropdown .oeod-offers-type-select {
    flex-direction: column;
    padding-bottom: 0;
    margin-bottom: 1.5rem;
  }
}

.oeod-wrapper-dropdown .oeod-offers-trim-inner {
  padding-right: 1.5625rem;
  width: 93%;
}

.oeod-wrapper-dropdown .oeod-trim-details-container {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  overflow: hidden;
  flex-direction: column;
  padding: 1rem 1.5rem 0;
}

.oeod-trim-details-container .oeod-vehicle-details {
  min-width: 18.125rem;
}

@media (max-width: 1023px) {
  .oeod-trim-details-container .oeod-vehicle-details {
    min-width: 1px;
  }
}

.oeod-wrapper-dropdown .oeod-results-col {
  width: 100%;
}

.oeod-wrapper-dropdown .oeod-trim-offers-results-non-offers,
.oeod-wrapper-dropdown .oeod-offer-card-col-more,
.oeod-wrapper-dropdown .oeod-trim-offers-results {
  padding: 0.9375rem;
}

@media (max-width: 1023px) {
  .oeod-wrapper-dropdown .oeod-trim-offers-results-non-offers,
  .oeod-wrapper-dropdown .oeod-offer-card-col-more,
  .oeod-wrapper-dropdown .oeod-trim-offers-results {
    padding: 2.5rem 1.25rem 0;
  }
}

@media (max-width: 1023px) {
  .oeod-wrapper-dropdown .oeod-terms {
    padding: 0 1.25rem;
  }
}

.oeod-wrapper-dropdown .oeod-offer-card-col-offer,
.oeod-wrapper-dropdown .oeod-offer-card-col-price {
  margin-top: 0.625rem;
}

@media (max-width: 1023px) {
  .oeod-wrapper-dropdown .oeod-offer-card-col-more {
    margin-top: 0;
  }
}

.oeod-wrapper-dropdown .oeod-offer-card-offer-cta-disclaimer {
  display: block;
}

.oeod-wrapper-dropdown .oeod-oc-disclaimer-cta {
  margin: 0.3125rem auto;
}

.oeod-wrapper-dropdown .oeod-terms-text {
  padding: 0 0.3125rem;
}

.oeod-offers-type-select {
  background-color: #F3F3F3;
  margin: 2rem 0;
}

.oeod-offers-tabs-nav {
  background-color: #ffffff;
  border: 0.0625rem solid #cccccc;
  border-radius: calc(25px);
  display: flex;
  justify-content: space-between;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.oeod-offers-tab {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1rem;
  color: #666666;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
}

@media (max-width: 1023px) {
  .oeod-offers-tab {
    padding: 0.5rem 1.5625rem;
  }
}

.oeod-offers-tab-active {
  background-color: #00aad2;
  border: 0.0625rem solid #00aad2;
  border-radius: calc(25px);
  color: #ffffff;
  cursor: default;
  font-weight: 700;
}

.oeod-offers-type-select-inner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
  padding: 1rem 2.75rem 1rem 2.625rem;
}

@media (max-width: 1023px) {
  .oeod-offers-type-select-inner {
    padding: 0.5rem 1.5rem 1rem;
  }
}

.oeod-offers-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #333333;
}

.oeod-offers-trim {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
  padding: 0 0.5rem 0 2.625rem;
}

@media (max-width: 1023px) {
  .oeod-offers-trim {
    padding: 0 1.5rem;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .oeod-offers-trim {
    padding: 0 1.5rem;
  }
}

.oeod-selections-col .oeod-offers-trim-inner-up-trim {
  border-bottom: none !important;
}

.oeod-selections-col .oeod-offers-trim-inner {
  width: 100%;
  border-bottom: 0.0625rem solid #e6e6e6;
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 0;
}

@media (max-width: 1023px) {
  .oeod-selections-col .oeod-offers-trim-inner {
    padding: 1.25rem 0;
  }
}

@media (max-width: 639px) {
  .oeod-selections-col .oeod-offers-trim-inner {
    width: 100%;
  }
}

.oeod-selections-col .oeod-offers-trim-active {
  cursor: default;
  background-color: #E6E6E6;
}

.oeod-selections-col .oeod-offers-trim-active .oeod-offers-trim-inner {
  border: none;
}

.oeod-selections-col .oeod-offers-trim-active .oeod-offers-trim-title {
  color: #002c5e;
  font-weight: 700;
}

.oeod-selections-col .oeod-offers-trim-active .oeod-offers-price {
  color: #002c5e;
  font-weight: 700;
}

.oeod-selections-col .oeod-offers-trim-active .oeod-offers-msrp {
  color: #002c5e;
  font-weight: 500;
}

body.chat-opened .oeod-selections-col .oeod-offers-trim-inner-up-trim {
  border-bottom: none !important;
}

@media (max-width: 1439px) {
  body.chat-opened .oeod-selections-col .oeod-offers-trim-inner {
    padding: 1.25rem 0;
  }
}

.oeod-offers-price-container {
  text-align: right;
}

.oeod-results-col {
  width: 100%;
}

.oeod-trim-details-container {
  display: flex;
  justify-content: space-between;
  margin-top: 0.3125rem;
}

.oeod-vehicle-year {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: #000000;
  padding-bottom: 0.3125rem;
}

.oeod-vehicle-model-trim {
  width: 15.375rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2rem;
  color: #000000;
  padding-bottom: 0.625rem;
}

.oeod-vehicle-price-type {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #888888;
}

.oeod-vehicle-price {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: #333333;
}

.oeod-price-disclaimer {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #666666;
}

.oeod-wrapper-dropdown .oeod-event-banner-desktop {
  display: none;
}

.oeod-wrapper-dropdown .oeod-event-banner-mobile {
  display: block;
  max-width: 22.5rem;
}

.oeod-wrapper-dropdown .oeod-event-banner {
  max-width: none;
  margin: auto;
  transform: scale(1) !important;
  margin-left: 0;
}

.oeod-event-banner-desktop {
  display: block;
}

.oeod-event-banner-mobile {
  display: none;
}

.oeod-event-banner {
  max-width: 14.1875rem;
  overflow: hidden;
  width: 100%;
}

.oeod-event-banner img {
  transform: scale(1.1) !important;
  margin-left: -2.5rem;
}

.oeod-offer-card-offers-details-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.oeod-offer-card-col-offer {
  width: 100%;
  text-align: center;
}

@media (max-width: 640px) {
  .oeod-offer-card-col-offer {
    padding-top: 0.9375rem;
  }
}

@media (max-width: 639px) {
  .oeod-offer-card-col-offer {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}

.oeod-offer-card-col-price {
  width: 13.5rem;
}

.oeod-offer-card-col-more {
  width: 100%;
  margin-top: 2.5rem;
}

.oeod-offer-card-offers-cta-container {
  width: 100%;
  text-align: center;
}

.oeod-trim-offer-card {
  background: linear-gradient(#F8F8F8, #FFFFFF);
  padding: 1.5rem;
  margin-bottom: 2.5rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.oeod-trim-offer-card-featured {
  background: linear-gradient(#F8F8F8, #FFFFFF);
  padding: 1.5625rem;
  margin-bottom: 2.5rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 1023px) {
  .oeod-trim-offer-card-featured {
    margin-bottom: 1.5625rem;
    padding-bottom: 2.1875rem;
  }
}

.oeod-trim-offers-results-non-offers-inner .oeod-oc-offers-container:last-child .oeod-trim-offer-card {
  margin-bottom: 0;
}

.oeod-offer-card-offer-cta {
  display: inline-flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1024px) {
  .oeod-offer-card-offer-cta {
    flex-direction: row;
    gap: 1.5rem;
  }
}

.oeod-offer-card-offer-cta button {
  display: inline-flex;
  gap: 0.75rem;
}

.oeod-offer-card-offer-cta svg {
  width: 1.5rem;
  height: 1.5rem;
}

.oeod-offer-card-offer-cta .button-transparent-white svg {
  fill: #002c5e !important;
}

.oeod-offer-card-offer-cta-disclaimer {
  width: 100%;
  display: flex;
  justify-content: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #333333;
  padding-bottom: 1rem;
}

.oeod-offer-card-offer-cta-disclaimer button {
  margin-left: 0.625rem;
}

@media (max-width: 639px) {
  .oeod-offer-card-offer-cta-disclaimer {
    padding-bottom: 3rem;
  }
}

.oeod-offer-card-offers-cta-container-disclaimer-open .oeod-offer-card-offer-cta-disclaimer {
  padding-bottom: 1rem !important;
}

.oeod-offer-card-offers-cta-container-disclaimer-open .oeod-offer-card-offer-cta-disclaimer[data-offer-type="cash"] {
  padding: 3.5rem 0 1rem;
}

.oeod-offer-card-offer-cta-disclaimer[data-offer-type="cash"] {
  padding: 3.25rem 0 1rem;
}

.oeod-oc-disclaimer {
  width: 100%;
  text-align: left;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.0625rem;
  color: #333333;
  margin-top: 0.9375rem;
  display: none;
}

.oeod-oc-disclaimer-head {
  font-weight: 700;
}

.oeod-oc-disclaimer-text {
  margin-bottom: 0.9375rem;
}

.oeod-oc-disclaimer-cta {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  color: #002c5e;
  font-size: 0.875rem;
  line-height: 1.25rem;
  cursor: pointer;
}

.oeod-oc-disclaimer-cta.oeod-oc-disclaimer-cta-open .icon-chevron-down-thick {
  transform: rotate(180deg);
}

.oeod-oc-disclaimer-cta svg {
  width: 0.60375rem;
}

.oeod-oc-disclaimer-cta[data-disclaimer-show="true"] span::after {
  content: 'Hide';
}

.oeod-oc-disclaimer-cta[data-disclaimer-show="true"] svg {
  transform: rotate(180deg);
}

.oeod-oc-disclaimer-cta[data-disclaimer-show="false"] span::after {
  content: 'Show';
}

.oeod-offer-card-offers-cta-container-disclaimer-open .oeod-oc-disclaimer {
  display: block !important;
}

.oeod-model-year-title {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #000000;
}

.oeod-model-year-title-merge {
  font-size: 1rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  line-height: 1.375rem;
}

.oeod-year-select-tabs {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.oeod-year-tab {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #4A4A4A;
  cursor: pointer;
}

.oeod-year-tab-active {
  border-bottom: 0.0625rem solid #00aad2;
  font-weight: 700;
  cursor: default;
  color: #4A4A4A;
}

.oeod-offers-trim-title {
  width: 7rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #333333;
}

.oeod-offers-price {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: #333333;
}

.oeod-offers-msrp {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #333333;
}

.oeod-offer-card-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.875rem;
  color: #333333;
  padding-bottom: 0.625rem;
  text-align: center;
}

.oeod-offer-card-title span {
  font-weight: 700;
}

.oeod-oc-col-title {
  position: relative;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #666666;
}

.oeod-oc-col-title::after {
  content: '';
  width: 1.625rem;
  height: 0.125rem;
  display: block;
  background-color: #666666;
  text-align: center;
  margin: 0 auto;
  margin-top: 0.6875rem;
  margin-bottom: 1.4375rem;
}

.oeod-trim-offer-card.oeod-oc-featured-dark .oeod-oc-col-title {
  color: #ffffff !important;
}

.oeod-trim-offer-card.oeod-oc-featured-dark .oeod-oc-col-title:after {
  background-color: #ffffff !important;
}

.oeod-trim-offer-card-featured .oeod-oc-col-title {
  color: #00aad2;
}

.oeod-trim-offer-card-featured .oeod-oc-col-title:after {
  background-color: #00aad2;
}

.oeod-oc-col-content {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.0625rem;
  color: #666666;
}

.oeod-oc-col-content ul {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  margin: 0 auto;
  padding-left: 0.9375rem;
  color: #4A4A4A;
}

.oeod-oc-featured-dark .oeod-oc-disclaimer-cta,
.oeod-oc-featured-dark .oeod-oc-disclaimer-text,
.oeod-oc-featured-dark .oeod-offer-card-offer-cta-disclaimer,
.oeod-oc-featured-dark .oeod-oc-col-content,
.oeod-oc-featured-dark .oeod-oc-disclaimer-head {
  color: #ffffff;
}

.oeod-oc-featured-dark .oeod-oc-col-cta a {
  color: #ffffff;
}

.oeod-oc-featured-dark .button-blue {
  color: #002c5e;
  background-color: #ffffff;
}

.oeod-oc-text-large {
  font-size: 2.8125rem;
  line-height: 3.4375rem;
  font-weight: 500;
}

@media (max-width: 1024px) {
  .oeod-oc-text-large {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
}

.oeod-oc-text-med {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
}

@media (max-width: 1024px) {
  .oeod-oc-text-med {
    font-size: 1rem;
    line-height: 1.25rem;
    padding: 0.375rem 0;
  }
}

.oeod-terms {
  width: 100%;
  padding: 0 0 3.25rem 0;
}

.oeod-terms::before {
  content: '';
  width: 100%;
  height: 0.0625rem;
  display: block;
  background-color: #888888;
  margin: 2.5rem 0;
}

.oeod-terms-head {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.0625rem;
  color: #4A4A4A;
}

.oeod-terms-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.0625rem;
  color: #666666;
}

.oeod-offer-card-featured,
.oeod-featured-icon {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 0.9375rem;
  color: #00aad2;
}

.oeod-trim-offers-results-non-offers {
  margin-top: 2.5rem;
}

@media (max-width: 1023px) {
  .oeod-trim-offers-results-non-offers {
    margin-top: 0;
  }
}

.oeod-dropdown-nav {
  width: 100%;
  background-color: #F3F3F3;
  padding: 1rem 1.5rem;
}

.oeod-dropdown-nav-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.125rem;
  color: #333333;
}

.oeod-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 980;
}

@media (min-width: 1024px) {
  body.chat-opened .oeod-backdrop {
    right: 23.4375rem;
  }
}

.oeod-dropdown-nav-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
  color: #002c5e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.oeod-dropdown-nav-text.oeod-dropdown-nav-open {
  margin-top: -1.25rem;
}

.oeod-dropdown-nav-text.oeod-dropdown-nav-open .icon-chevron-down-thick {
  transform: rotate(180deg);
}

.oeod-dropdown-nav-text span {
  text-decoration: underline;
}

.oeod-dropdown-nav-text svg {
  margin-top: -0.3125rem;
}

.oeod-button-cta {
  display: flex;
  justify-content: center;
  margin: 1.25rem 0;
}

@media (max-width: 639px) {
  .oeod-button-cta {
    margin-top: 1.875rem;
  }
}

.oeod-vehicle-image {
  padding: 1.4375rem 0 3rem calc(363px - 290px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  z-index: 1;
  position: relative;
}

@media (max-width: 1355px) {
  .oeod-vehicle-image {
    padding: 1.4375rem 0 3rem;
  }
}

.oeod-vehicle-image img {
  width: 100%;
  max-width: 21.32125rem;
  transform: scale(1.3);
}

@media (max-width: 639px) {
  .oeod-vehicle-image img {
    transform: scale(1.7);
    margin: auto;
  }
}

.oeod-vehicle-image .oeod-vehicle-image-disclaimer-container {
  max-width: 21.32125rem;
}

.oeod-vehicle-image .oeod-vehicle-image-disclaimer {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #717171;
  text-align: center;
  padding: 0.5rem 1rem;
  z-index: 2;
  width: 100%;
}

.oeod-vehicle-image .oeod-vehicle-image-disclaimer-icon {
  padding-left: 0.25rem;
}

.oeod-wrapper-dropdown .oeod-vehicle-image {
  text-align: center;
  padding: 0.9375rem 1.5625rem 0;
}

.oeod-wrapper-dropdown .oeod-vehicle-image img {
  transform: scale(1.5);
  max-width: 22.5rem;
  margin: auto;
}

.oeod-wrapper-dropdown .oeod-vehicle-image .oeod-vehicle-image-disclaimer-container {
  max-width: 22.5rem;
  margin: auto;
}

.oeod-oc-col-cta {
  width: 100%;
  text-align: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #002c5e;
  padding: 1.5625rem 0 1.75rem;
}

.oeod-oc-col-cta a {
  color: #002c5e;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}

@media (max-width: 1023px) {
  .oeod-selections-col[data-selectionsdropdowntoggle="true"] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
    background-color: white;
    z-index: 1500;
    display: flex;
    flex-direction: column;
  }
  .oeod-selections-col[data-selectionsdropdowntoggle="true"] .oeod-header-cta {
    display: none;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .oeod-selections-col[data-selectionsdropdowntoggle="true"] {
    width: calc(100vw - 375px);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
    background-color: white;
    z-index: 1500;
    display: flex;
    flex-direction: column;
  }
  body.chat-opened .oeod-selections-col[data-selectionsdropdowntoggle="true"] .oeod-header-cta {
    display: none;
  }
}

@media (max-width: 1023px) {
  body.chat-opened .oeod-selections-col[data-selectionsdropdowntoggle="true"] {
    width: 100%;
  }
}

.oedp-payment-calculator-iframe {
  width: 100%;
  height: 100%;
}

.oedp-payment-calculator-container {
  position: fixed;
  z-index: 82;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transition: height 0.5s ease 0s;
}

.oedp-payment-calculator-overlay {
  z-index: 80;
  top: 0px;
  left: 0px;
  background-color: black;
  position: fixed;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  transition: height 0.5s ease 0s;
}

.oedp-error-image {
  transform: scale(1) !important;
  margin-left: 0 !important;
  max-width: 100% !important;
}

.oe-details-loading-indicator .loading-indicator {
  min-height: 12.5rem;
  position: relative;
}

.oeod-oc-offers-container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  flex-direction: column;
}

.oeod-oc-offers-card-first {
  order: -9999;
}

.oeod-offer-trim-types .oeod-trim-type-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  padding-left: 2.5rem;
  display: block;
  margin-bottom: 0.5rem;
  line-height: 1.375rem;
  padding-top: 1.25rem;
}

@media (max-width: 1023px) {
  .oeod-offer-trim-types .oeod-trim-type-name {
    margin-bottom: 0;
    padding: 1.25rem 0 1rem 1.5rem;
  }
}

.oeod-offer-trim-types .oeod-trim-type-name-span {
  text-transform: capitalize;
}

.oeod-offers-select-merged {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.oeod-offer-trim-types .oeod-offers-select-first-trim .oeod-offers-trim-inner {
  border-top: 0.0625rem solid #e6e6e6;
}

.oeod-offers-title-offer-types {
  color: #000000;
}

.oeod-offers-select-before-active .oeod-offers-trim-inner {
  border-bottom: none !important;
}

.oe-raq-wrapper {
  width: 100%;
  margin: auto;
  background-color: #f3f3f3;
}

.oe-raq-container {
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: center;
  padding: 2.8125rem 8.0625rem 1.9375rem 13.25rem;
}

@media (max-width: 1439px) {
  .oe-raq-container {
    padding: 2rem 6.875rem;
  }
}

@media (max-width: 1023px) {
  .oe-raq-container {
    padding: 2rem;
  }
}

@media (max-width: 639px) {
  .oe-raq-container {
    padding: 1rem 1.25rem;
  }
}

@media (min-width: 59.375rem) {
  body.chat-opened .oe-raq-container {
    padding: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .oe-raq-container {
    padding: 2rem 6.875rem;
  }
}

.oe-raq-section {
  width: 100%;
  padding: 1rem 2rem;
}

@media (min-width: 1024px) {
  .oe-raq-section {
    width: 50%;
  }
}

@media (max-width: 1023px) {
  .oe-raq-section {
    padding: 0;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-raq-section {
    width: 100%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .oe-raq-section {
    width: 50%;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .oe-raq-section {
    padding: 1rem 1.25rem;
  }
}

.oe-raq-container .raq-overlay {
  width: 100%;
}

@media (min-width: 1024px) {
  .oe-raq-container .raq-overlay {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-raq-container .raq-overlay {
    width: calc(100vw - 375px);
  }
}

@media (max-width: 1439px) {
  body.chat-opened .oe-raq-container .raq-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2000;
    background-color: #ffffff;
    overflow-y: auto;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .oe-raq-container .raq-overlay {
    width: 50%;
    display: block;
  }
}

.oe-raq-form {
  padding: 1rem 2rem;
  background-color: #f3f3f3;
  height: 100%;
}

.oe-raq-form .dropdown-item {
  font-size: 0.875rem;
  line-height: 20px;
}

@media (max-width: 1439px) {
  body.chat-opened .oe-raq-form {
    padding: 1rem 1.25rem 1.5625rem;
  }
}

.oe-raq-form .raq-overlay {
  width: 100%;
}

.oe-raq-form .raq-body {
  background: transparent;
  padding: 0;
}

.oe-raq-offer-body-header {
  color: #000000;
  font-size: 1.875rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  line-height: 2rem;
}

.oe-raq-offer-body-header span {
  padding-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 400;
  display: block;
  color: #000000;
}

.oe-raq-offer-body-header span strong {
  font-weight: 700;
}

.oe-raq-offer-body button {
  width: 100%;
}

.oe-raq-offer-body h3 {
  color: #333333;
  font-size: 1.25rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  line-height: 1.625rem;
  font-weight: 400;
}

.oe-raq-offer-body a {
  width: 100%;
}

.oe-raq-offer-body-local {
  padding-top: 2.5rem;
  color: #333333;
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 400;
}

.oe-raq-offer-body-local span {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  padding-top: 0.625rem;
}

.oe-raq-offer-body h3 span {
  font-size: 0.875rem;
  display: block;
}

.oe-raq-offer-body hr {
  margin: 2.46875rem 0;
  background-color: #e6e6e6;
  height: 0.125rem;
  border: 0;
}

.oe-raq-offer-body-list {
  padding: 0 0.75rem;
  margin: 0.875rem 0 0;
  color: #666666;
  font-size: 0.875rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
}

.rq-section {
  display: block;
}

@media (min-width: 1024px) {
  .rq-section {
    display: none;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .rq-section {
    display: block;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .rq-section {
    display: none;
  }
}

.oe-raq-offer-body .button {
  margin-top: 1.875rem;
}

.oe-raq-offer-body-img {
  width: 100%;
  margin-bottom: 1rem;
  display: flex;
  overflow: hidden;
}

.oe-raq-offer-body-img picture {
  position: relative;
  width: 26rem;
  margin: auto;
  max-height: 100%;
}

@media (max-width: 1439px) {
  .oe-raq-offer-body-img picture {
    width: 21.0625rem;
    max-height: 12rem;
  }
}

@media (max-width: 639px) {
  .oe-raq-offer-body-img picture {
    width: 20.6875rem;
  }
}

.oeraq-error-image {
  transform: scale(1) !important;
  max-width: 100% !important;
}

.bldsum {
  padding: 1rem;
}

@media (min-width: 640px) {
  .bldsum {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  .bldsum {
    padding: 2rem 2.625rem;
  }
}

@media (min-width: 1440px) {
  .bldsum {
    padding: 2rem 4.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bldsum {
    padding: 2rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bldsum {
    padding: 2rem 2.625rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bldsum {
    padding: 2rem 4.5rem;
  }
}

.bldsum-cols {
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .bldsum-cols {
    display: flex;
    align-items: flex-start;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bldsum-cols {
    display: flex;
    align-items: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bldsum-cols {
    display: flex;
    align-items: flex-start;
  }
}

@media (min-width: 1024px) {
  .bldsum-col-main {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
    padding-right: 5rem;
    order: -1;
  }
}

@media (min-width: 1440px) {
  .bldsum-col-main {
    padding-right: 7.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bldsum-col-main {
    max-width: inherit;
    flex-basis: inherit;
    padding-right: inherit;
    order: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bldsum-col-main {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
    padding-right: 5rem;
    order: -1;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .bldsum-col-main {
    padding-right: 7.5rem;
  }
}

@media (min-width: 1024px) {
  .bldsum-col-aside {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
    padding-left: 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bldsum-col-aside {
    max-width: inherit;
    flex-basis: inherit;
    padding-left: inherit;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bldsum-col-aside {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
    padding-left: 1rem;
  }
}

.bs-net-price-disclaimer, .bs-monthly-disclaimer {
  display: none;
}

.bs-hide {
  display: none;
}

.bsfs-accordions {
  background-color: #ffffff;
  padding: 0 2rem;
}

.bsfs-accordion-wrapper {
  padding-top: 2rem;
}

.bsfs-ftc-item {
  padding: 1rem;
  text-align: center;
  color: #333333;
  flex-basis: 100%;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .bsfs-ftc-item {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .bsfs-ftc-item {
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bsfs-ftc-item {
    flex-basis: 50%;
    max-width: 50%;
  }
}

.bsfs-overlay-content {
  max-width: 640px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  margin: 0 auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.bsfs-overlay-content .fso-modal {
  display: block;
  background-color: #ffffff;
}

.oe-vlp-raq-form .raq-form-hint {
  font-weight: 700;
}

.oe-vlp-raq-form .raq-headline {
  font-size: 1.25rem !important;
  line-height: 1.625rem;
  font-weight: 400;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  color: #333333;
  padding-bottom: 0.625rem;
}

.oe-vlp-raq-form .raq-headline .raq-headline-content {
  padding-top: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #666666;
}

.oe-vlp-raq-form .raq-body {
  min-width: 18.125rem;
}

.oe-vlp-raq-form .raq-form-label {
  font-weight: 700;
}

.oe-vlp-raq-form .raq-submit-request-button {
  margin-top: 2.5rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .oe-vlp-raq-form .raq-form-user-info-fieldset .raq-primary-fields {
    width: 100%;
  }
}

.raq-oevlp-hero-modal #raqDealerValue span {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .oe-raq-container-suppress .oe-raq-section {
    width: 100%;
  }
  .oe-raq-container-suppress #raq {
    display: none;
  }
  .oe-raq-container-suppress .oe-raq-section hr {
    display: none;
  }
  .oe-raq-container-suppress .oe-raq-offer-body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .oe-raq-container-suppress .oe-raq-offer-body .oe-raq-contents {
    width: 50%;
    padding-right: 2.25rem;
  }
  .oe-raq-container-suppress .oe-raq-offer-body .oe-raq-build-price {
    width: 50%;
    padding-left: 2.25rem;
    border-left: 0.125rem solid #e6e6e6;
  }
}

@media (max-width: 1023px) {
  .oe-raq-container-suppress .rq-section {
    display: none;
  }
  .oe-raq-container-suppress .oe-raq-build-price hr {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .oe-raq-container-suppress .oe-raq-section {
    width: 100%;
  }
  body.chat-opened .oe-raq-container-suppress #raq {
    display: none;
  }
  body.chat-opened .oe-raq-container-suppress .oe-raq-section hr {
    display: none;
  }
  body.chat-opened .oe-raq-container-suppress .oe-raq-offer-body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  body.chat-opened .oe-raq-container-suppress .oe-raq-offer-body .oe-raq-contents {
    width: 50%;
    padding-right: 2.25rem;
  }
  body.chat-opened .oe-raq-container-suppress .oe-raq-offer-body .oe-raq-build-price {
    width: 50%;
    padding-left: 2.25rem;
    border-left: 0.125rem solid #e6e6e6;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .oe-raq-container-suppress .rq-section {
    display: none;
  }
  body.chat-opened .oe-raq-container-suppress .oe-raq-build-price hr {
    display: none;
  }
}

.oe-vlp-raq-form form.raq-user-info-form .raq-form-fieldset:nth-child(3),
.oe-vlp-raq-form form.raq-user-info-form .raq-form-fieldset:nth-child(4) {
  margin-top: 2.625rem;
}

@media (min-width: 640px) {
  .oe-vlp-raq-form .raq-header {
    padding: 1.25rem 0rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-vlp-raq-formv .raq-header {
    padding: 1.25rem 2rem;
    display: flex;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .oe-vlp-raq-formv .raq-header {
    display: none;
  }
}

.oe-raq-form .raq-form-label {
  display: block;
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}

.oe-raq-form .raq-user-info-form .raq-form-fieldset:nth-child(2) {
  margin-top: 1.75rem;
}

.oe-raq-form .raq-user-info-form .raq-form-fieldset:nth-child(3) {
  margin-top: 2.5rem;
}

.oe-raq-form .raq-form-fieldset .loading-indicator {
  position: relative;
  height: 5.75rem;
  margin-top: 0.5rem;
  background-color: transparent;
}

.oe-raq-form .raq-form-fieldset .oe-raq-form-dealers {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media screen and (min-width: 1024px) {
  .oe-raq-form .raq-form-fieldset .oe-raq-form-dealers {
    gap: 0.625rem;
  }
}

.oe-raq-form .oe-raq-form-dealer-option {
  display: flex;
  align-items: flex-start;
}

.oe-raq-form .oe-raq-form-dealer-option .oe-raq-form-dealer-item {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  text-transform: capitalize;
}

.oe-raq-form .oe-raq-form-dealer-preferred {
  display: inline-flex;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  color: #888888;
  line-height: 1.25rem;
  margin-left: 0.5rem;
}

.oe-raq-form .oe-raq-form-dealer-preferred .icon-star-active {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  color: #00aad2;
  margin-left: 0.125rem;
  transform: none;
}

.oe-raq-form .oe-raq-form-dealer-option-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.oe-raq-form .oe-raq-form-dealer-option-custom-checkbox {
  display: flex;
  align-items: flex-start;
}

.oe-raq-form .oe-raq-form-dealer-option-checkbox:checked ~ .oe-raq-form-dealer-option-custom-checkbox .oe-raq-form-dealer-option-custom-checkbox-button {
  border: 0.125rem solid #00aad2;
}

.oe-raq-form .oe-raq-form-dealer-option-checkbox:checked ~ .oe-raq-form-dealer-option-custom-checkbox .oe-raq-form-dealer-option-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.0625rem;
  left: 0.3125rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.oe-raq-form .oe-raq-form-dealer-option-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  background-color: #ffffff;
  border: 0.125rem solid #bababa;
  margin-right: 0.5rem;
  cursor: pointer;
}

.oe-raq-form .disable-dealer-checkbox {
  pointer-events: none;
}

.oe-raq-form .disable-dealer-checkbox .oe-raq-form-dealer-item {
  color: #bababa;
  cursor: not-allowed;
}

.oe-raq-form .disable-dealer-checkbox .oe-raq-form-dealer-item .oe-raq-form-dealer-preferred {
  color: #bababa;
}

.oe-raq-form .disable-dealer-checkbox .oe-raq-form-dealer-option-custom-checkbox {
  opacity: 0.3;
}

.oe-raq-form .oe-raq-form-dealer-error-msg, .oe-raq-invalid-dealer-error-msg, .oe-raq-zip-error-msg {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: left;
  color: #e63312;
}

.oe-raq-form .oe-raq-form-dealer-error-msg {
  margin-top: 0.5rem;
}

.oe-raq-form .oe-raq-form-dealer-option-checkbox-error .oe-raq-form-dealer-option-custom-checkbox-button {
  border: 0.0625rem solid #e63312;
}

.raq-oevlp-hero-modal .raq-form-zip-code.sort-input {
  max-width: 6.75rem;
}

.raq-form-recaptcha-legal-container {
  margin-top: 2.1875rem;
  padding-top: 0.75rem;
  border-top: 0.0625rem solid #e6e6e6;
}

.raq-form-recaptcha-legal-copy {
  font-weight: 500;
  font-size: 0.875rem;
  color: #bababa;
  line-height: 1.125rem;
}

.raq-form-recaptcha-legal-copy a {
  color: #002c5e;
  text-decoration: none;
  display: inline-block;
  padding-right: 1.25rem;
}

.raq-form-recaptcha-legal-copy a svg {
  display: inline-block;
  margin-left: 0.3125rem;
}

.oe-vlp-raq-form, .oe-details-raq-form {
  position: relative;
  width: 100%;
}

.oe-vlp-raq-form .raq-form-user-info-fieldset, .oe-details-raq-form .raq-form-user-info-fieldset {
  padding-top: 1.5rem !important;
}

.oe-vlp-raq-form .oe-vlp-raq-form-header, .oe-details-raq-form .oe-vlp-raq-form-header {
  row-gap: 0.25rem !important;
}

.oe-vlp-raq-form .oe-vlp-raq-asterisk:after, .oe-details-raq-form .oe-vlp-raq-asterisk:after {
  content: '*';
  color: #e63312;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
}

.oe-vlp-raq-form .raq-form-hint, .oe-details-raq-form .raq-form-hint {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
}

.oe-vlp-raq-form .raq-form-label, .oe-details-raq-form .raq-form-label {
  display: block;
  color: #666666 !important;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  /* 100% */
  margin-bottom: 0.25rem;
}

.oe-vlp-raq-form .raq-form-input, .oe-details-raq-form .raq-form-input {
  border-radius: 0.25rem;
  border: 0.0625rem solid #bababa;
  background: #ffffff;
}

.oe-vlp-raq-form .raq-phone-number-input, .oe-details-raq-form .raq-phone-number-input {
  width: 100% !important;
}

.oe-vlp-raq-form .raq-form-input-error, .oe-details-raq-form .raq-form-input-error {
  border: 0.125rem solid #e63312 !important;
}

.oe-vlp-raq-form .oe-vlp-raq-dealer-inner, .oe-details-raq-form .oe-vlp-raq-dealer-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  align-self: stretch;
}

.oe-vlp-raq-form .oe-vlp-raq-dealer-selected-nm, .oe-details-raq-form .oe-vlp-raq-dealer-selected-nm {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  /* 133.333% */
  padding-right: 0.5rem;
  text-transform: capitalize;
}

.oe-vlp-raq-form .oe-vlp-raq-dealer-pref, .oe-details-raq-form .oe-vlp-raq-dealer-pref {
  display: inline-flex;
  padding: 0.125rem 0.5rem 0.125rem 0.25rem;
  align-items: center;
  gap: 0.25rem;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
  /* 100% */
  border-radius: 1.5rem;
  background: #ffffff;
}

.oe-vlp-raq-form .oe-vlp-raq-dealer-pref svg, .oe-details-raq-form .oe-vlp-raq-dealer-pref svg {
  width: 1rem;
  height: 1rem;
}

.oe-vlp-raq-form .oe-vlp-raq-dealer-pref span, .oe-details-raq-form .oe-vlp-raq-dealer-pref span {
  display: flex;
  padding-top: 0.1125rem;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.oe-vlp-raq-form .oe-vlp-raq-dealer-pref-list, .oe-details-raq-form .oe-vlp-raq-dealer-pref-list {
  display: inline-flex;
  padding: 0.125rem 0.5rem 0.125rem 0.25rem;
  align-items: center;
  gap: 0.25rem;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
  /* 100% */
  border-radius: 1.5rem;
  background: #ffffff;
}

.oe-vlp-raq-form .oe-vlp-raq-dealer-pref-list svg, .oe-details-raq-form .oe-vlp-raq-dealer-pref-list svg {
  height: 0.625rem;
}

.oe-vlp-raq-form .oe-vlp-raq-dealer-pref-list span, .oe-details-raq-form .oe-vlp-raq-dealer-pref-list span {
  display: flex;
  padding-top: 0.09375rem;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.oe-vlp-raq-form .oe-vlp-raq-change-dealer, .oe-details-raq-form .oe-vlp-raq-change-dealer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.oe-vlp-raq-form .oe-vlp-raq-change-dealer span, .oe-details-raq-form .oe-vlp-raq-change-dealer span {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
}

.oe-vlp-raq-form .oe-vlp-raq-change-dealer .oe-vlp-raq-change-dealer-btn, .oe-details-raq-form .oe-vlp-raq-change-dealer .oe-vlp-raq-change-dealer-btn {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  /* 142.857% */
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  cursor: pointer;
}

.oe-vlp-raq-form .oe-vlp-raq-dealer-wrapper, .oe-details-raq-form .oe-vlp-raq-dealer-wrapper {
  border-radius: 0.625rem;
  background: #e6e6e6;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.oe-vlp-raq-form .oe-vlp-raq-dealer-wrapper .raq-electric-salable, .oe-details-raq-form .oe-vlp-raq-dealer-wrapper .raq-electric-salable {
  margin-top: 0;
  padding: caclRem(16px);
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: caclRem(14px);
  font-style: normal;
  font-weight: 700;
  line-height: caclRem(20px);
  /* 142.857% */
}

.oe-vlp-raq-form .oe-vlp-raq-form-fieldset, .oe-details-raq-form .oe-vlp-raq-form-fieldset {
  padding-top: 1.5rem !important;
}

.oe-vlp-raq-form .raq-form-comment-label, .oe-details-raq-form .raq-form-comment-label {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
  /* 142.857% */
}

.oe-vlp-raq-form .raq-form-comment-label svg, .oe-details-raq-form .raq-form-comment-label svg {
  fill: #002c5e;
}

.oe-vlp-raq-form .raq-form-label-trim svg, .oe-details-raq-form .raq-form-label-trim svg {
  width: 0.875rem;
  height: 0.875rem;
}

.oe-vlp-raq-form .oe-vlp-raq-form-divider, .oe-details-raq-form .oe-vlp-raq-form-divider {
  width: 100%;
  border-bottom: 0.0625rem solid #bababa;
  margin: 1.5rem 0;
}

.oe-vlp-raq-form .oe-vlp-raq-policy-terms-agreement, .oe-vlp-raq-form .oe-vlp-raq-policy-terms-agreement p, .oe-details-raq-form .oe-vlp-raq-policy-terms-agreement, .oe-details-raq-form .oe-vlp-raq-policy-terms-agreement p {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  /* 133.333% */
}

.oe-vlp-raq-form .oe-vlp-raq-policy-terms-agreement a, .oe-details-raq-form .oe-vlp-raq-policy-terms-agreement a {
  color: #666666;
  text-decoration: underline;
}

.oe-vlp-raq-form .oe-vlp-raq-submit-btn, .oe-details-raq-form .oe-vlp-raq-submit-btn {
  margin: 1.5rem 0 0 !important;
}

.oe-vlp-raq-form .oe-vlp-raq-cta-error-msg, .oe-details-raq-form .oe-vlp-raq-cta-error-msg {
  margin-top: 0.625rem;
}

.oe-vlp-raq-form .oe-vlp-raq-form-recaptcha-divider, .oe-details-raq-form .oe-vlp-raq-form-recaptcha-divider {
  border-bottom: 0.0625rem solid #bababa;
  margin: 1.5rem 0 1rem;
}

.oe-vlp-raq-form .oe-vlp-raq-recaptcha-legal-copy, .oe-details-raq-form .oe-vlp-raq-recaptcha-legal-copy {
  font-weight: 500;
  font-size: 0.75rem;
  color: #888888;
  line-height: 1rem;
}

.oe-vlp-raq-form .oe-vlp-raq-recaptcha-legal-copy a, .oe-details-raq-form .oe-vlp-raq-recaptcha-legal-copy a {
  color: #002c5e;
  text-decoration: none;
  display: inline-block;
  padding-right: 1.25rem;
}

.oe-vlp-raq-form .oe-vlp-raq-recaptcha-legal-copy a svg, .oe-details-raq-form .oe-vlp-raq-recaptcha-legal-copy a svg {
  display: inline-block;
  margin-left: 0.3125rem;
}

.oe-vlp-raq-form .oe-vlp-raq-dealer-select-inner, .oe-details-raq-form .oe-vlp-raq-dealer-select-inner {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
  flex-direction: column;
}

@media (min-width: 1440px) {
  .oe-vlp-raq-form .oe-vlp-raq-dealer-select-inner, .oe-details-raq-form .oe-vlp-raq-dealer-select-inner {
    flex-direction: row;
  }
}

.oe-vlp-raq-form .oe-vlp-raq-dealer-select-inner-salable, .oe-details-raq-form .oe-vlp-raq-dealer-select-inner-salable {
  gap: 1.5rem;
}

@media (max-width: 1439px) {
  .oe-vlp-raq-form .oe-vlp-raq-dealer-select-inner-salable, .oe-details-raq-form .oe-vlp-raq-dealer-select-inner-salable {
    gap: 1rem;
  }
}

.oe-vlp-raq-form .oe-vlp-raq-form-zipcode, .oe-details-raq-form .oe-vlp-raq-form-zipcode {
  color: #333333 !important;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 0.875rem;
  /* 100% */
}

.oe-vlp-raq-form .oe-vlp-raq-form-zip-code, .oe-details-raq-form .oe-vlp-raq-form-zip-code {
  position: relative;
}

.oe-vlp-raq-form .oe-vlp-raq-form-zip-code span, .oe-details-raq-form .oe-vlp-raq-form-zip-code span {
  position: absolute;
  top: 1px;
  right: 1rem;
  transform: translateY(13px);
}

.oe-vlp-raq-form .oe-vlp-raq-form-zip-code svg, .oe-details-raq-form .oe-vlp-raq-form-zip-code svg {
  width: 1rem;
  height: 1rem;
  color: #000000;
  fill: #000000;
}

.oe-vlp-raq-form .oe-vlp-raq-form-zip-code .oe-vlp-raq-form-input-zipcode, .oe-details-raq-form .oe-vlp-raq-form-zip-code .oe-vlp-raq-form-input-zipcode {
  display: flex;
  min-width: 7rem;
  padding: 0.75rem 1rem;
  color: #333333;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.25rem;
  border: 0.0625rem solid #bababa;
  background: #ffffff;
  width: 100%;
  line-height: 1.25rem;
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: textfield;
}

.oe-vlp-raq-form .oe-vlp-raq-form-zip-code .oe-vlp-raq-form-input-zipcode::-webkit-outer-spin-button, .oe-vlp-raq-form .oe-vlp-raq-form-zip-code .oe-vlp-raq-form-input-zipcode::-webkit-inner-spin-button, .oe-details-raq-form .oe-vlp-raq-form-zip-code .oe-vlp-raq-form-input-zipcode::-webkit-outer-spin-button, .oe-details-raq-form .oe-vlp-raq-form-zip-code .oe-vlp-raq-form-input-zipcode::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.oe-vlp-raq-form .oe-vlp-raq-form-zip-code .oe-vlp-raq-form-input-zipcode.raq-form-input-error, .oe-details-raq-form .oe-vlp-raq-form-zip-code .oe-vlp-raq-form-input-zipcode.raq-form-input-error {
  max-width: none;
}

.oe-vlp-raq-form .oe-vlp-raq-dealer-select-zip, .oe-details-raq-form .oe-vlp-raq-dealer-select-zip {
  max-width: none;
  width: 100%;
}

@media (min-width: 1440px) {
  .oe-vlp-raq-form .oe-vlp-raq-dealer-select-zip, .oe-details-raq-form .oe-vlp-raq-dealer-select-zip {
    max-width: 6.75rem;
  }
}

.oe-vlp-raq-form .oe-vlp-raq-dealer-select-dealers, .oe-details-raq-form .oe-vlp-raq-dealer-select-dealers {
  width: 100%;
}

.oe-vlp-raq-form .oe-vlp-raq-dealer-select-dealers .raq-form-fieldset, .oe-details-raq-form .oe-vlp-raq-dealer-select-dealers .raq-form-fieldset {
  padding-top: 0.75rem !important;
}

.oe-vlp-raq-form .raq-form-comment-txtarea, .oe-details-raq-form .raq-form-comment-txtarea {
  border-radius: 0.25rem;
  border: 0.0625rem solid #bababa;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
  display: flex;
  height: 6.4375rem;
  padding: 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.oe-vlp-raq-form .oe-vlp-raq-form-dealer-item-name, .oe-details-raq-form .oe-vlp-raq-form-dealer-item-name {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
  padding-right: 0.5rem;
  text-transform: capitalize;
}

.oe-vlp-raq-form .oe-vlp-raq-form-dealer-option-custom-checkbox-button, .oe-vlp-raq-form .oe-vlp-raq-agreement-box, .oe-details-raq-form .oe-vlp-raq-form-dealer-option-custom-checkbox-button, .oe-details-raq-form .oe-vlp-raq-agreement-box {
  cursor: pointer;
  border-radius: 0.1875rem;
  border: 0.09375rem solid #bababa;
  background: #ffffff;
  width: 1rem;
  height: 1rem;
}

.oe-vlp-raq-form .oe-vlp-raq-form-dealer-option-custom-checkbox-button:hover, .oe-vlp-raq-form .oe-vlp-raq-agreement-box:hover, .oe-details-raq-form .oe-vlp-raq-form-dealer-option-custom-checkbox-button:hover, .oe-details-raq-form .oe-vlp-raq-agreement-box:hover {
  border: 0.09375rem solid #00aad2;
}

.oe-vlp-raq-form .oe-vlp-raq-form-dealer-option-custom-checkbox-button:focus, .oe-vlp-raq-form .oe-vlp-raq-agreement-box:focus, .oe-details-raq-form .oe-vlp-raq-form-dealer-option-custom-checkbox-button:focus, .oe-details-raq-form .oe-vlp-raq-agreement-box:focus {
  border: 0.09375rem solid #00aad2;
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.oe-vlp-raq-form .oe-raq-form-dealer-option-checkbox:checked ~ .oe-raq-form-dealer-option-custom-checkbox .oe-vlp-raq-form-dealer-option-custom-checkbox-button:after, .oe-details-raq-form .oe-raq-form-dealer-option-checkbox:checked ~ .oe-raq-form-dealer-option-custom-checkbox .oe-vlp-raq-form-dealer-option-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.03125rem;
  left: 0.21875rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #ffffff;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.oe-vlp-raq-form .oe-vlp-raq-agreement-box:after, .oe-details-raq-form .oe-vlp-raq-agreement-box:after {
  content: '';
  position: absolute;
  top: 0.0625rem;
  left: 0.25rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #ffffff;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.oe-vlp-raq-form .oe-raq-form-dealer-option-checkbox:checked ~ .oe-raq-form-dealer-option-custom-checkbox .oe-vlp-raq-form-dealer-option-custom-checkbox-button, .oe-vlp-raq-form .oe-vlp-raq-agreement-checkbox:checked ~ .oe-vlp-raq-agreement-box, .oe-details-raq-form .oe-raq-form-dealer-option-checkbox:checked ~ .oe-raq-form-dealer-option-custom-checkbox .oe-vlp-raq-form-dealer-option-custom-checkbox-button, .oe-details-raq-form .oe-vlp-raq-agreement-checkbox:checked ~ .oe-vlp-raq-agreement-box {
  background-color: #00aad2 !important;
  border-color: #00aad2 !important;
}

.oe-vlp-raq-form .oe-vlp-raq-form-phone-number-agreement, .oe-details-raq-form .oe-vlp-raq-form-phone-number-agreement {
  position: relative;
  width: 100%;
  display: flex;
}

.oe-vlp-raq-form .oe-vlp-raq-form-phone-agreement-text, .oe-details-raq-form .oe-vlp-raq-form-phone-agreement-text {
  margin-left: 1.5rem;
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  /* 133.333% */
}

.oe-vlp-raq-form .oe-vlp-raq-form-phone-agreement-text a, .oe-details-raq-form .oe-vlp-raq-form-phone-agreement-text a {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.oe-vlp-raq-form .statusbar-error, .oe-details-raq-form .statusbar-error {
  margin-bottom: 1.5rem;
}

.oe-vlp-raq-form .raq-error-msg, .oe-vlp-raq-form .oe-raq-zip-error-msg, .oe-vlp-raq-form .oe-raq-invalid-dealer-error-msg, .oe-details-raq-form .raq-error-msg, .oe-details-raq-form .oe-raq-zip-error-msg, .oe-details-raq-form .oe-raq-invalid-dealer-error-msg {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 0.875rem;
  /* 100% */
}

.oe-vlp-raq-form .loading-indicator, .oe-details-raq-form .loading-indicator {
  height: 8.9375rem !important;
  margin-top: 0 !important;
}

.oe-vlp-raq-form .oe-vlp-raq-dropdown-field, .oe-details-raq-form .oe-vlp-raq-dropdown-field {
  position: relative;
}

.oe-vlp-raq-form .oe-vlp-raq-dropdown-field svg, .oe-details-raq-form .oe-vlp-raq-dropdown-field svg {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.625rem;
  height: 0.625rem;
  color: #002c5e;
}

.oe-vlp-raq-form .oe-vlp-raq-dropdown, .oe-details-raq-form .oe-vlp-raq-dropdown {
  width: 100%;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  background: #ffffff;
  -webkit-appearance: none;
          appearance: none;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  padding: 0.75rem;
}

.oe-vlp-raq-form .oe-vlp-raq-input, .oe-details-raq-form .oe-vlp-raq-input {
  width: 100%;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  background: #ffffff;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  padding: 0.75rem;
}

.oe-vlp-raq-form .oe-vlp-raq-input-select-trim .sticky-icon-wrap, .oe-details-raq-form .oe-vlp-raq-input-select-trim .sticky-icon-wrap {
  position: relative;
}

.oe-vlp-raq-form .oe-vlp-raq-input-select-trim .raq-form-label-trim, .oe-details-raq-form .oe-vlp-raq-input-select-trim .raq-form-label-trim {
  display: flex;
  align-items: center;
}

.oe-vlp-raq-form .oe-vlp-raq-input-select-trim .tooltip-trigger, .oe-details-raq-form .oe-vlp-raq-input-select-trim .tooltip-trigger {
  width: 0.875rem;
  height: 0.875rem;
}

.oe-vlp-raq-form .oe-vlp-raq-input-select-trim .sticky-icon-wrap svg, .oe-details-raq-form .oe-vlp-raq-input-select-trim .sticky-icon-wrap svg {
  width: 0.6875rem;
  height: 0.6875rem;
}

.oe-vlp-raq-form .oe-raq-form-dealer-error-msg, .oe-details-raq-form .oe-raq-form-dealer-error-msg {
  font-weight: 400 !important;
}

.oe-vlp-raq-form .oe-raq-form-dealer-option-checkbox-error .oe-vlp-raq-form-dealer-option-custom-checkbox-button, .oe-vlp-raq-form .oe-vlp-raq-form-phone-checkbox-wrapper .raq-form-input-error, .oe-details-raq-form .oe-raq-form-dealer-option-checkbox-error .oe-vlp-raq-form-dealer-option-custom-checkbox-button, .oe-details-raq-form .oe-vlp-raq-form-phone-checkbox-wrapper .raq-form-input-error {
  border: 0.125rem solid #e63312 !important;
}

.oe-vlp-raq-form .oe-vlp-raq-input:hover, .oe-vlp-raq-form .oe-vlp-raq-form-input-zipcode:hover, .oe-vlp-raq-form #oe-vlp-raq-trims:hover, .oe-vlp-raq-form .oe-raq-form-comment-txtarea:hover, .oe-details-raq-form .oe-vlp-raq-input:hover, .oe-details-raq-form .oe-vlp-raq-form-input-zipcode:hover, .oe-details-raq-form #oe-vlp-raq-trims:hover, .oe-details-raq-form .oe-raq-form-comment-txtarea:hover {
  border: 0.0625rem solid #00aad2;
}

.oe-vlp-raq-form .oe-vlp-raq-input:active, .oe-vlp-raq-form .oe-vlp-raq-form-input-zipcode:active, .oe-vlp-raq-form #oe-vlp-raq-trims:active, .oe-vlp-raq-form .oe-raq-form-comment-txtarea:active, .oe-details-raq-form .oe-vlp-raq-input:active, .oe-details-raq-form .oe-vlp-raq-form-input-zipcode:active, .oe-details-raq-form #oe-vlp-raq-trims:active, .oe-details-raq-form .oe-raq-form-comment-txtarea:active {
  border: 0.0625rem solid #00aad2;
}

.oe-vlp-raq-form .oe-vlp-raq-input:focus, .oe-vlp-raq-form .oe-vlp-raq-form-input-zipcode:focus, .oe-vlp-raq-form #oe-vlp-raq-trims:focus, .oe-vlp-raq-form .oe-raq-form-comment-txtarea:focus, .oe-details-raq-form .oe-vlp-raq-input:focus, .oe-details-raq-form .oe-vlp-raq-form-input-zipcode:focus, .oe-details-raq-form #oe-vlp-raq-trims:focus, .oe-details-raq-form .oe-raq-form-comment-txtarea:focus {
  border: 0.0625rem solid #00aad2;
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.oe-vlp-raq-form .oe-vlp-raq-input:focus:active, .oe-vlp-raq-form .oe-vlp-raq-form-input-zipcode:focus:active, .oe-vlp-raq-form #oe-vlp-raq-trims:focus:active, .oe-vlp-raq-form .oe-raq-form-comment-txtarea:focus:active, .oe-details-raq-form .oe-vlp-raq-input:focus:active, .oe-details-raq-form .oe-vlp-raq-form-input-zipcode:focus:active, .oe-details-raq-form #oe-vlp-raq-trims:focus:active, .oe-details-raq-form .oe-raq-form-comment-txtarea:focus:active {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border: 0.0625rem solid #00aad2;
}

.oe-vlp-raq-form .oe-vlp-raq-dealer-salable-msg-desktop, .oe-details-raq-form .oe-vlp-raq-dealer-salable-msg-desktop {
  display: none;
}

@media screen and (min-width: 1440px) {
  .oe-vlp-raq-form .oe-vlp-raq-dealer-salable-msg-desktop, .oe-details-raq-form .oe-vlp-raq-dealer-salable-msg-desktop {
    display: block;
  }
}

.oe-vlp-raq-form .oe-vlp-raq-dealer-salable-msg-mobile, .oe-details-raq-form .oe-vlp-raq-dealer-salable-msg-mobile {
  display: block;
}

@media screen and (min-width: 1440px) {
  .oe-vlp-raq-form .oe-vlp-raq-dealer-salable-msg-mobile, .oe-details-raq-form .oe-vlp-raq-dealer-salable-msg-mobile {
    display: none;
  }
}

.oe-vlp-raq-form .oe-vlp-raq-salable-copy, .oe-details-raq-form .oe-vlp-raq-salable-copy {
  display: inline-block;
}

.oe-vlp-raq-form .oe-vlp-raq-salable-copy .tooltip-trigger, .oe-details-raq-form .oe-vlp-raq-salable-copy .tooltip-trigger {
  width: 0.6875rem;
  height: 0.6875rem;
  margin-left: 0.1875rem;
}

.oe-vlp-raq-form .oe-vlp-raq-salable-copy svg, .oe-details-raq-form .oe-vlp-raq-salable-copy svg {
  width: 0.6875rem !important;
  height: 0.6875rem !important;
}

@supports (-webkit-touch-callout: none) {
  .oe-vlp-raq-form .oe-vlp-raq-input,
  .oe-vlp-raq-form .oe-vlp-raq-form-input-zipcode,
  .oe-vlp-raq-form .oe-vlp-raq-dropdown,
  .oe-vlp-raq-form .oe-raq-form-comment-txtarea, .oe-details-raq-form .oe-vlp-raq-input,
  .oe-details-raq-form .oe-vlp-raq-form-input-zipcode,
  .oe-details-raq-form .oe-vlp-raq-dropdown,
  .oe-details-raq-form .oe-raq-form-comment-txtarea {
    font-size: 16px;
  }
}

.oe-vlp-raq-form .oe-raq-form-comment-label, .oe-details-raq-form .oe-raq-form-comment-label {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
  /* 142.857% */
}

.oe-vlp-raq-form .oe-raq-form-comment-label svg, .oe-details-raq-form .oe-raq-form-comment-label svg {
  width: 0.625rem;
  height: 0.625rem;
  color: #002c5e;
  margin-left: 0.4375rem;
}

.oe-vlp-raq-form .oe-raq-form-comment-label.active svg, .oe-details-raq-form .oe-raq-form-comment-label.active svg {
  transform: rotate(180deg);
}

.oe-vlp-raq-form .oe-raq-form-comment-txtarea, .oe-details-raq-form .oe-raq-form-comment-txtarea {
  display: flex;
  height: 6.4375rem;
  padding: 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #bababa;
  outline: none;
  resize: none;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
}

.oe-vlp-raq-form .oe-vlp-raq-primary-fields, .oe-vlp-raq-form .oe-vlp-raq-input-wrapper, .oe-vlp-raq-form .raq-user-info-form, .oe-vlp-raq-form .oe-vlp-raq-dropdown-field, .oe-vlp-raq-form .oe-vlp-raq-input-select-trim, .oe-details-raq-form .oe-vlp-raq-primary-fields, .oe-details-raq-form .oe-vlp-raq-input-wrapper, .oe-details-raq-form .raq-user-info-form, .oe-details-raq-form .oe-vlp-raq-dropdown-field, .oe-details-raq-form .oe-vlp-raq-input-select-trim {
  width: 100%;
}

.oe-vlp-raq-form .oe-vlp-raq-primary-fields, .oe-details-raq-form .oe-vlp-raq-primary-fields {
  padding: 0 0.25rem;
}

.oe-vlp-raq-form .oe-vlp-raq-form-zipcode-span, .oe-details-raq-form .oe-vlp-raq-form-zipcode-span {
  cursor: pointer;
}

.oe-vlp-raq-form .oe-raq-form-dealer-option-custom-checkbox, .oe-details-raq-form .oe-raq-form-dealer-option-custom-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.oe-vlp-raq-form .oe-vlp-raq-form-dealer-option-custom-checkbox-button, .oe-details-raq-form .oe-vlp-raq-form-dealer-option-custom-checkbox-button {
  margin-right: 0;
  position: relative;
}

.oe-vlp-raq-form .oe-vlp-raq-form-comment-container, .oe-details-raq-form .oe-vlp-raq-form-comment-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}

.oe-vlp-raq-form .oe-vlp-raq-trim-select {
  -webkit-appearance: none;
          appearance: none;
  display: flex;
  position: relative;
  height: 2.75rem;
  padding: 0px 0.75rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 0.25rem;
  border: 0.0625rem solid #bababa;
  background: #ffffff;
  width: 100%;
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
  cursor: pointer;
}

.oe-vlp-raq-form .oe-vlp-raq-trim-select .oe-vlp-raq-trim-select-button {
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.oe-vlp-raq-form .oe-vlp-raq-trim-select .oe-vlp-raq-trim-select-button .oe-vlp-raq-trim-arrow {
  display: flex;
  width: 1rem;
  padding: 0.375rem 0.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}

.oe-vlp-raq-form .oe-vlp-raq-trim-select .oe-vlp-raq-trim-select-button .oe-vlp-raq-trim-arrow svg {
  width: 0.5rem;
  height: 0.25rem;
  stroke-width: 0.0625rem;
  stroke: #333333;
}

.oe-vlp-raq-form .oe-vlp-raq-trim-select-dropdown {
  width: 541px;
  position: absolute;
  left: -0.0625rem;
  z-index: 3;
  top: 0;
  margin: 0;
  border-radius: 0.375rem;
  border: 0.03125rem solid rgba(0, 0, 0, 0.12);
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  padding: 0.375rem;
}

.oe-vlp-raq-form .oe-vlp-raq-trim-select-dropdown .oe-vlp-raq-trim-dropdown-selected svg {
  visibility: visible;
}

@media (max-width: 1439px) {
  .oe-vlp-raq-form .oe-vlp-raq-trim-select-dropdown {
    width: 46.5rem;
  }
}

@media (max-width: 1023px) {
  .oe-vlp-raq-form .oe-vlp-raq-trim-select-dropdown {
    padding: 0;
    border-radius: 0.3125rem;
    background: #F0F0F0;
    box-shadow: 0 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.3);
    width: 33.125rem;
  }
}

@media (max-width: 639px) {
  .oe-vlp-raq-form .oe-vlp-raq-trim-select-dropdown {
    width: 17.5625rem;
  }
}

.oe-vlp-raq-form .oe-vlp-raq-trim-select-dropdown li {
  width: 100%;
  color: #222221;
  font-variant-numeric: slashed-zero;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 510;
  line-height: 1.625rem;
  /* 162.5% */
  letter-spacing: -0.03125rem;
  display: inline-flex;
  gap: 0.125rem;
  align-items: center;
  border-bottom: 0;
}

.oe-vlp-raq-form .oe-vlp-raq-trim-select-dropdown li span {
  padding-left: 0.25rem;
}

.oe-vlp-raq-form .oe-vlp-raq-trim-select-dropdown li svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  fill: none;
  visibility: hidden;
}

.oe-vlp-raq-form .oe-vlp-raq-trim-select-dropdown li:hover {
  border-radius: 0.25rem;
  background: #4094F4;
  color: #ffffff;
}

.oe-vlp-raq-form .oe-vlp-raq-trim-select-dropdown li:hover svg path {
  stroke: #ffffff;
}

.oe-vlp-raq-form .oe-vlp-raq-trim-select-dropdown li:last-of-type {
  border-bottom: 0;
}

@media (max-width: 1023px) {
  .oe-vlp-raq-form .oe-vlp-raq-trim-select-dropdown li {
    height: 2.75rem;
    border-bottom: 0.03125rem solid rgba(17, 17, 17, 0.25);
    padding: 0 1rem 0 0.1875rem;
  }
}

.oe-details-raq-form .oe-details-raq-header {
  display: none;
  align-items: center;
  gap: 0.1875rem;
  padding: 1.25rem 2rem;
  color: #000000;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  background: #e6e6e6;
}

@media screen and (max-width: 1023px) {
  .oe-details-raq-form .oe-details-raq-header {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (max-width: 639px) {
  .oe-details-raq-form .oe-details-raq-header {
    display: flex;
    justify-content: space-between;
    padding: 1.25rem 1rem;
  }
}

.oe-details-raq-form .oe-details-raq-header .oe-details-raq-selected-trim-name {
  font-weight: 700;
}

.oe-details-raq-form .oe-details-raq-header svg {
  width: 1.5rem;
  height: 1.5rem;
}

.oe-details-raq-form .oe-details-raq-headline {
  display: flex;
  padding: 0.625rem 0;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

@media screen and (max-width: 1023px) {
  .oe-details-raq-form .oe-details-raq-headline {
    padding: 0;
  }
}

.oe-details-raq-form .oe-details-raq-headline .oe-details-raq-headline-head {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  /* 120% */
}

.oe-details-raq-form .oe-details-raq-headline .oe-details-raq-headline-content {
  color: #666666;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
}

.oe-details-raq-form .oe-details-raq-asterisk:after {
  content: '*';
  color: #e63312;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 0.875rem;
}

.oe-details-raq-form .oe-details-raq-form-fieldset {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.75rem 0 0;
}

.oe-details-raq-form .oe-details-raq-form-fieldset .oe-vlp-raq-input, .oe-details-raq-form .oe-details-raq-form-fieldset .oe-vlp-raq-form-input-zipcode {
  height: 2.75rem;
}

.oe-details-raq-form .oe-details-raq-form-hint {
  color: #333333;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.oe-details-raq-form .oe-details-raq-primary-fields {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.oe-details-raq-form .oe-details-raq-form-input-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}

.oe-details-raq-form .oe-details-raq-form-label {
  color: #333333;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.75rem;
  /* 100% */
}

.oe-details-raq-form .oe-details-raq-fields-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}

.oe-details-raq-form .oe-details-raq-form-divider {
  width: 100%;
  border-bottom: 0.0625rem solid #bababa;
}

.oe-details-raq-form .oe-details-raq-form-comment-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 0.75rem;
}

.oe-details-raq-form .oe-details-raq-policy-terms-agreement {
  color: #666666;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
}

.oe-details-raq-form .oe-details-raq-policy-terms-agreement a {
  color: #666666;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.oe-details-raq-form .oe-details-raq-submit-btn {
  display: flex;
  height: 2.75rem;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  background: #002c5e;
  color: #ffffff;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1rem;
  /* 100% */
}

.oe-details-raq-form .oe-details-raq-form-recaptcha-divider {
  width: 100%;
  padding-bottom: 1rem;
  border-top: 0.0625rem solid #bababa;
}

.oe-details-raq-form .oe-details-raq-recaptcha-legal-copy {
  color: #666666;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  /* 133.333% */
}

.oe-details-raq-form .oe-details-raq-recaptcha-legal-copy a {
  color: #002c5e;
  text-decoration: none;
  display: inline-block;
  padding-right: 1.25rem;
}

.oe-details-raq-form .oe-details-raq-recaptcha-legal-copy a svg {
  display: inline-block;
  margin-left: 0.3125rem;
}

.oe-details-raq-form .oe-details-raq-dealer-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background: #e6e6e6;
  padding: 0.75rem;
  border-radius: 0.625rem;
}

.oe-details-raq-form .oe-details-raq-dealer-select-dealers {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media screen and (max-width: 1023px) {
  .oe-details-raq-form .oe-details-raq-dealer-select-dealers {
    gap: 1.5rem;
  }
}

.oe-details-raq-form .oe-details-raq-form-dealers {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
}

.oe-details-raq-form .oe-vlp-raq-form-zip-code {
  width: 100%;
}

.oe-details-raq-form .oe-details-raq-wrapper {
  display: flex;
  flex-direction: column;
  padding: 1rem 2rem;
}

@media screen and (max-width: 639px) {
  .oe-details-raq-form .oe-details-raq-wrapper {
    padding: 1rem;
  }
}

.oe-details-raq-form .oe-details-raq-wrapper .statusbar {
  padding: 1.25rem 2rem;
  margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .oe-details-raq-form .oe-details-raq-wrapper .statusbar {
    margin-bottom: 1.5rem;
  }
}

.oe-details-raq-form .raq-form-char-remaining-hint {
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.oe-details-raq-form .raq-error-msg {
  font-size: 0.75rem;
  line-height: 0.75rem;
  margin-top: 0;
}

.oe-details-raq-form .oe-vlp-raq-dealer-select-zip .raq-error-msg {
  margin-top: 0.5rem;
}

.oe-details-raq-form .oe-details-raq-cta-error-msg {
  margin-top: -0.875rem;
}

.oe-details-raq-form .oe-raq-form-comment-txtarea {
  height: 11.875rem;
}

.oe-details-raq-form a:focus, .oe-details-raq-form button:focus {
  box-shadow: none;
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
}

.oe-details-raq-form .oe-vlp-raq-form-phone-checkbox-wrapper .raq-form-input-error {
  background-color: #e6e6e6;
}

.oe-raq-form:has(.oe-details-raq-form) {
  padding: 0;
}

.oe-details-raq-model-details {
  border-right: 0.0625rem solid #e6e6e6;
}

@media (max-width: 1023px) {
  .oe-details-raq-model-details {
    border-right: none;
  }
}

.oe-details-raq-form-container {
  display: flex;
  max-width: 34.25rem;
  flex-direction: column;
  align-items: flex-start;
}

@media screen and (max-width: 1439px) {
  .oe-details-raq-form-container {
    max-width: 25rem;
  }
}

@media screen and (max-width: 1023px) {
  .oe-details-raq-form-container {
    max-width: 100%;
  }
}

.oe-offers-cards-component-wrapper {
  margin: 0 auto;
  padding: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  max-width: 80.75rem;
}

@media (max-width: 1920px) {
  .oe-offers-cards-component-wrapper {
    max-width: calc(100vw - 478px);
  }
}

@media (max-width: 1439px) {
  .oe-offers-cards-component-wrapper {
    max-width: calc(100vw - 402px);
  }
}

@media (max-width: 1023px) {
  .oe-offers-cards-component-wrapper {
    max-width: 100vw;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offers-cards-component-wrapper {
    padding: 0;
  }
}

.oe-offers-cards-component-wrapper-offer {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.oe-offers-cards-component-wrapper-title {
  position: relative;
  margin-bottom: 1.5rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #666666;
}

@media (max-width: 1023px) {
  .oe-offers-cards-component-wrapper-title {
    margin-left: 1.375rem;
    margin-bottom: 2rem;
  }
}

.oe-offers-cards-component-wrapper-title::after {
  content: '';
  width: 1.5rem;
  height: 0.125rem;
  display: block;
  background-color: #666666;
  margin: 0.3125rem 0 0.9375rem;
}

@media (max-width: 1439px) {
  body.chat-opened .oe-offers-cards-component-wrapper-title {
    margin-left: 1.375rem;
    margin-bottom: 2rem;
  }
}

.oe-offers-cards-component-container {
  width: 100%;
  display: flex;
  align-items: flex-start;
}

@media (max-width: 639px) {
  .oe-offers-cards-component-container {
    display: block;
    text-align: center;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-cards-component-container {
    display: block;
    text-align: center;
  }
}

.oe-offers-cards-component-details-container {
  padding-right: 3.4375rem;
  flex: 1 0 0;
}

@media (max-width: 639px) {
  .oe-offers-cards-component-details-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-right: 0;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-cards-component-details-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-right: 0;
  }
}

.oe-offers-cards-component-wrapper-offer-group-item {
  margin-bottom: 2.5rem;
  padding: 2.625rem 13.5rem 2.625rem;
  display: flex;
  justify-content: center;
  background-color: #F8F8F8;
}

@media (max-width: 1920px) {
  .oe-offers-cards-component-wrapper-offer-group-item {
    padding: 2.625rem 4.375rem;
  }
}

@media (max-width: 1439px) {
  .oe-offers-cards-component-wrapper-offer-group-item {
    padding: 1.3125rem 2rem 2rem;
  }
}

@media (max-width: 1023px) {
  .oe-offers-cards-component-wrapper-offer-group-item {
    padding: 1.3125rem 2rem 2rem;
  }
}

@media (max-width: 639px) {
  .oe-offers-cards-component-wrapper-offer-group-item {
    padding: 1.56125rem 1.4375rem 2.625rem;
  }
}

.oe-offers-cards-component-wrapper-offer-group-item .inner-item {
  width: 100%;
}

@media (max-width: 2560px) {
  body.chat-opened .oe-offers-cards-component-wrapper-offer-group-item {
    padding: 2.625rem 4.375rem 2.625rem;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .oe-offers-cards-component-wrapper-offer-group-item {
    padding: 1.3125rem 2rem 2rem;
  }
}

@media (max-width: 1023px) {
  body.chat-opened .oe-offers-cards-component-wrapper-offer-group-item {
    padding: 1.56125rem 1.4375rem 2.625rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-cards-component-wrapper-offer-group-item {
    padding: 1.56125rem 1.4375rem 2.625rem;
  }
}

.oe-offers-cards-component-wrapper-offer-group {
  list-style: none;
  margin: 0;
  padding: 0;
}

.oe-offers-cards-component-wrapper-offer-group-ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: 81.125rem;
}

.oe-offers-cards-component-vehicle-year-tabs ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}

@media (max-width: 639px) {
  .oe-offers-cards-component-vehicle-year-tabs ul {
    padding: 0;
  }
}

.oe-offers-cards-component-vehicle-year-tabs li {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4A4A4A;
  padding: 1.25rem 0 0.75rem 0;
}

.oe-offers-cards-component-vehicle-year-tabs li.is-active button {
  font-weight: 700;
  border-bottom: 2px solid #00aad2;
}

.oe-offers-cards-component-vehicle-year-tabs li button {
  margin-right: 1.25rem;
  padding-bottom: 0.5rem;
}

@media (max-width: 639px) {
  .oe-offers-cards-component-vehicle-year-tabs li {
    padding: 0;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-cards-component-vehicle-year-tabs ul {
    padding: 0;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-cards-component-vehicle-year-tabs li {
    padding: 0;
  }
}

@media (max-width: 1023px) {
  .oe-offers-cards-component-wrapper-section {
    padding-top: 1.5625rem;
  }
}

.oe-offers-cards-component-wrapper-special {
  width: 100%;
  min-width: 32.375rem;
  background-color: #ffffff;
  text-align: center;
  box-shadow: 0px 3px 20px -10px rgba(0, 0, 0, 0.5);
  padding: 3.75rem 2.125rem;
  margin-top: -2.5rem;
  flex: 1 0 0;
}

@media (max-width: 1439px) {
  .oe-offers-cards-component-wrapper-special {
    min-width: 20.1875rem;
    padding: 3.75rem 2.125rem;
    border: 1px solid #eeeeee;
  }
}

@media (max-width: 1023px) {
  .oe-offers-cards-component-wrapper-special {
    padding: 3.75rem 2.125rem;
    border: 1px solid #eeeeee;
  }
}

@media (max-width: 639px) {
  .oe-offers-cards-component-wrapper-special {
    margin-top: 0rem;
  }
}

.oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper--hr {
  background-color: #00aad2;
}

@media (max-width: 639px) {
  .oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper--hr {
    font-size: 0.9375rem;
    margin-bottom: 1.175rem;
    margin-top: 0.875rem;
  }
}

@media (max-width: 1023px) {
  .oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper--hr {
    margin: 0.5625rem 0 1.0625rem;
  }
}

.oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper--title h5 {
  font-size: 1rem;
  font-weight: 700;
  color: #00aad2;
}

@media (max-width: 1439px) {
  .oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper--title h5 {
    font-size: 0.9375rem;
  }
}

.oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper--sub-title {
  font-size: 1.25rem;
  color: #333333;
  font-weight: 400;
}

.oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper--sub-title strong {
  font-weight: 500;
}

@media (max-width: 1439px) {
  .oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper--sub-title {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    padding: 0;
  }
}

.oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper--label {
  font-size: 1.25rem;
  color: #262626;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  line-height: 1.5625rem;
  font-weight: 400;
  padding: 0px 2.5rem 1.25rem;
}

@media (max-width: 1023px) {
  .oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper--label {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    padding: 0px 0rem 0.8125rem;
  }
}

.oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper--price {
  font-size: 2.8125rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
}

@media (max-width: 1439px) {
  .oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper--price {
    font-size: 1.875rem;
    line-height: 2.3125rem;
    padding: 0.125rem 0 0.25rem;
  }
}

@media (max-width: 639px) {
  .oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper--price {
    font-size: 2rem;
  }
}

.oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper-link {
  color: #002c5e;
}

@media (max-width: 1439px) {
  body.chat-opened .oe-offers-cards-component-wrapper-special {
    min-width: 22.1875rem;
    padding: 3.75rem 2.125rem;
    border: 1px solid #eeeeee;
  }
}

@media (max-width: 1023px) {
  body.chat-opened .oe-offers-cards-component-wrapper-special {
    min-width: 20.1875rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-cards-component-wrapper-special {
    margin-top: 0rem;
    min-width: 15.1875rem;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper--hr {
    margin: 0.5625rem 0 1.0625rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper--hr {
    font-size: 0.9375rem;
    margin-bottom: 1.175rem;
    margin-top: 0.875rem;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper--title h5 {
    font-size: 0.9375rem;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper--sub-title {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    padding: 0;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper--label {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    padding: 0px 0rem 0.8125rem;
  }
}

@media (max-width: 1439px) {
  body.chat-opened .oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper--price {
    font-size: 1.875rem;
    line-height: 2.3125rem;
    padding: 0.125rem 0 0.25rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-cards-component-wrapper-special .oe-offers-cards-component-wrapper--price {
    font-size: 2rem;
  }
}

.oe-offers-cards-component-wrapper-offer-header {
  cursor: pointer;
  font-size: 2.8125rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  color: #333333;
  text-decoration: none;
  line-height: 2.5rem;
  display: block;
}

.oe-offers-cards-component-wrapper-offer-header:hover {
  color: #00aad2;
}

@media (max-width: 639px) {
  .oe-offers-cards-component-wrapper-offer-header {
    padding-top: 1.875rem;
    text-align: left;
    font-size: 1.875rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-cards-component-wrapper-offer-header {
    padding-top: 1.875rem;
    text-align: left;
    font-size: 1.875rem;
    line-height: 1.625rem;
  }
}

.oe-offers-cards-component-wrapper-offer-title {
  display: flex;
  align-items: center;
  padding-top: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #666666;
}

@media (max-width: 639px) {
  .oe-offers-cards-component-wrapper-offer-title {
    order: 3;
  }
}

.oe-offers-cards-component-wrapper-offer-title .oe-offers-cards-component-wrapper-offer-title-icon {
  margin-left: 0.3125rem;
  display: flex;
  align-items: center;
}

.oe-offers-cards-component-wrapper-offer-title .oe-offers-cards-component-wrapper-offer-title-icon svg {
  color: #002c5e;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-cards-component-wrapper-offer-title {
    order: 3;
  }
}

.oe-offers-cards-component-wrapper-offer-price {
  padding: 0.3125rem 0;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1.625rem;
  font-weight: 500;
  color: #333333;
}

@media (max-width: 639px) {
  .oe-offers-cards-component-wrapper-offer-price {
    order: 4;
    text-align: left;
    padding: 0.3125rem 0 0.8125rem;
    font-weight: 700;
    font-size: 1.125rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-cards-component-wrapper-offer-price {
    order: 4;
    text-align: left;
    padding: 0.3125rem 0 0.8125rem;
    font-weight: 700;
    font-size: 1.125rem;
  }
}

.oe-offers-cards-component-wrapper-offer-link {
  display: flex;
  padding: 0;
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: none;
  font-weight: 700;
  max-width: -webkit-max-content;
  max-width: max-content;
}

.oe-offers-cards-component-wrapper-offer-link:hover {
  color: #00aad2;
}

@media (max-width: 639px) {
  .oe-offers-cards-component-wrapper-offer-link {
    order: 5;
    margin-bottom: 1.4375rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-cards-component-wrapper-offer-link {
    order: 5;
    margin-bottom: 1.4375rem;
  }
}

.oe-offers-cards-component-wrapper-offer-detail {
  font-size: 1rem;
  line-height: 1.625rem;
  color: #717171;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  padding-bottom: 3.0425rem;
}

@media (max-width: 639px) {
  .oe-offers-cards-component-wrapper-offer-detail {
    padding-bottom: 0.625rem;
    text-align: left;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-cards-component-wrapper-offer-detail {
    padding-bottom: 0.625rem;
    text-align: left;
  }
}

.oe-offers-cards-component-wrapper-offer-detail-image-disclaimer-container {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 0.75rem 0;
}

@media (min-width: 1440px) {
  .oe-offers-cards-component-wrapper-offer-detail-image-disclaimer-container {
    padding: 0.5rem 0;
  }
}

.oe-offers-cards-component-wrapper-offer-detail-image-disclaimer {
  position: relative;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  color: #888888;
  line-height: 1rem;
  text-align: center;
  z-index: 2;
}

.oe-offers-cards-component-wrapper-offer-detail-image-disclaimer-cg-icon {
  color: #002c5e;
  padding-left: 0.25rem;
}

.oe-offers-cards-component-wrapper--title h4 {
  font-size: 1rem;
  font-weight: 700;
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
}

.oe-offers-cards-component-wrapper--title h5 {
  font-size: 0.875rem;
  color: #333333;
}

.oe-offers-cards-component-wrapper--sub-title {
  padding-bottom: 0.6875rem;
  font-size: 0.9375rem;
  color: #666666;
}

.oe-offers-cards-component-wrapper--price {
  font-size: 2rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  color: #333333;
}

.oe-offers-cards-component-wrapper-link {
  display: flex;
  justify-content: center;
  padding-top: 0.625rem;
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: none;
  max-width: -webkit-max-content;
  max-width: max-content;
  margin: auto;
}

.oe-offers-cards-component-wrapper-link:hover {
  color: #00aad2;
}

.oe-offers-cards-component-item-ctas-chev {
  margin-left: 0.3125rem;
  display: flex;
  align-items: center;
}

.oe-offers-cards-component-item-ctas-chev svg {
  height: 0.625rem;
}

.oe-offers-cards-component-wrapper--hr {
  width: 1.5625rem;
  height: 2px;
  display: inline-block;
  vertical-align: top;
  margin: 0.6875rem 0 1.4375rem;
  background-color: #666666;
}

@media (max-width: 1023px) {
  .oe-offers-cards-component-wrapper--hr {
    margin: 0.25rem 0 2rem;
  }
}

@media (max-width: 639px) {
  .oe-offers-cards-component-wrapper--hr {
    margin: 0.25rem 0 1.75rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-cards-component-wrapper--hr {
    margin: 0.25rem 0 1.75rem;
  }
}

.oe-offers-cards-component-wrapper-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  height: 100%;
  position: relative;
}

@media (max-width: 639px) {
  .oe-offers-cards-component-wrapper-list {
    flex-direction: column;
  }
}

.oe-offers-cards-component-wrapper-list .offer-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  flex: 1;
}

.oe-offers-cards-component-wrapper-list .oc-description {
  height: 100%;
}

.oe-offers-cards-component-wrapper-list .oc-description .oefoc-item-ctas {
  margin-top: auto;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-cards-component-wrapper-list {
    flex-direction: column;
  }
}

.oe-offers-cards-component-wrapper-list li {
  padding: 0 2.0975rem 0.625rem;
  text-align: center;
  flex: 1;
  display: flex;
  justify-content: center;
  position: relative;
}

@media (min-width: 640px) and (max-width: 1024px) {
  .oe-offers-cards-component-wrapper-list li {
    display: inline-block;
  }
}

@media (max-width: 639px) {
  .oe-offers-cards-component-wrapper-list li {
    margin: 0 2.5625rem;
    padding: 2.75rem 0 2.77125rem;
  }
  .oe-offers-cards-component-wrapper-list li:first-child {
    padding-top: 0.625rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-cards-component-wrapper-list li {
    margin: 0 2.5625rem;
    padding: 2.75rem 0 2.77125rem;
  }
}

.oe-offers-cards-component-wrapper-list li + li {
  border: 0;
  border-left: 2px;
  border-style: solid;
  border-color: #e6e6e6;
}

@media (max-width: 639px) {
  .oe-offers-cards-component-wrapper-list li + li {
    border: 0;
    border-top: 2px;
    border-style: solid;
    border-color: #e6e6e6;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-cards-component-wrapper-list li + li {
    border: 0;
    border-top: 2px;
    border-style: solid;
    border-color: #e6e6e6;
  }
}

.oeoc-cards-slick-container .slick-track .slick-active {
  border-right: solid 2px #e6e6e6;
}

.oeoc-cards-slick-container .slick-last-card-slide {
  border-right-color: transparent !important;
}

.oeoc-cards-slick-wrapper {
  width: 100%;
}

.oeoc-cards-slick-wrapper .slick-track {
  display: flex;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .oeoc-cards-slick-wrapper .slick-track {
    flex: 1 0 auto;
  }
}

.oeoc-cards-slick-wrapper .slick-list {
  display: flex;
}

.oeoc-cards-slick-wrapper .slick-slide > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.oeoc-cards-slick-wrapper .offer-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.oeoc-cards-slick-wrapper .oefoc-item {
  display: flex !important;
  flex-direction: column;
  gap: 0.625rem;
  padding: 0 0.28125rem;
  align-items: center;
  height: 100%;
}

.oeoc-cards-slick-wrapper .oefoc-item > a {
  text-decoration: none;
}

.oeoc-cards-slick-wrapper .oefoc-item .oc-title, .oeoc-cards-slick-wrapper .oefoc-item .oc-jelly-image {
  margin-bottom: 0.625rem;
}

.oeoc-cards-slick-wrapper .oefoc-item .oc-description {
  height: 100%;
}

.oeoc-cards-slick-wrapper .oefoc-item .oefoc-item-ctas {
  margin-top: auto;
}

.oe-offers-cards-component-wrapper-btn {
  display: flex;
  justify-content: center;
  padding-top: 3.375rem;
  padding-bottom: 1.25rem;
  text-align: center;
}

@media (max-width: 639px) {
  .oe-offers-cards-component-wrapper-btn {
    padding-top: 3.6875rem;
  }
}

@media (max-width: 639px) {
  .oe-offers-cards-component-wrapper-btn {
    padding-top: 0.9375rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-cards-component-wrapper-btn {
    padding-top: 0.9375rem;
  }
}

.oe-offers-cards-component-wrapper-offer-hero {
  position: relative;
  z-index: 1;
  margin-right: -10.75rem;
  overflow: hidden;
}

@media (max-width: 639px) {
  .oe-offers-cards-component-wrapper-offer-hero {
    margin-right: 0;
  }
}

.oe-offers-cards-component-wrapper-offer-hero a {
  display: block;
}

.oe-offers-cards-component-wrapper-offer-hero img {
  transform: scale(1.4);
  padding-top: 0.75rem;
}

@media (max-width: 1920px) {
  .oe-offers-cards-component-wrapper-offer-hero img {
    transform: scale(1.25);
  }
}

@media (max-width: 1023px) {
  .oe-offers-cards-component-wrapper-offer-hero img {
    margin-right: 0;
  }
}

@media (max-width: 639px) {
  .oe-offers-cards-component-wrapper-offer-hero img {
    margin-right: 0;
  }
}

.oe-offers-cards-component-wrapper-offer-hero .oe-offers-cards-error-image {
  transform: none;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-cards-component-wrapper-offer-hero {
    margin-right: 0;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-cards-component-wrapper-offer-hero img {
    margin-right: 0;
  }
}

.oe-offers-cards-component-wrapper-section .oefoc-item-short-description {
  padding: 0;
  max-width: 190px;
}

@media (max-width: 639px) {
  .oe-offers-cards-component-wrapper-section .oefoc-item-short-description {
    padding: 0;
    max-width: 100%;
  }
}

@media (max-width: 639px) {
  body.chat-opened .oe-offers-cards-component-wrapper-section .oefoc-item-short-description {
    padding: 0;
    max-width: 100%;
  }
}

.oe-offers-cards-component-wrapper-section .oc-title .oc-item-title-text::after {
  margin: 0.5rem 0 1.0625rem;
}

.oeoc-cards-arrow-container {
  display: flex;
  justify-content: space-between;
  width: 9.875rem;
  padding-top: 3rem;
  margin: auto;
}

.oeoc-cards-nav-numbers {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.4375rem;
  text-align: center;
}

.oeoc-cards-slick-prev,
.oeoc-cards-slick-next {
  color: #002C5D;
}

.oeoc-cards-slick-prev svg,
.oeoc-cards-slick-next svg {
  height: 1.8125rem;
}

.oeoc-cards-slick-prev:disabled,
.oeoc-cards-slick-next:disabled {
  color: #666666;
}

.oe-offers-cards-component-list-empty {
  padding-top: 0;
}

.oe-offers-cards-component-list-empty .oe-offers-cards-component-wrapper-btn {
  padding-top: 2.3325rem;
}

.oe-offers-cards-component-wrapper-offer-fueltypes {
  display: flex;
  flex-direction: row;
  column-gap: 0.75rem;
  align-items: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.00625rem;
  color: #454545;
  padding-top: 0.5rem;
}

@media (min-width: 640px) {
  .oe-offers-cards-component-wrapper-offer-fueltypes {
    padding-top: 0.75rem;
  }
}

.oe-offers-cards-component-wrapper-offer-fueltypes button {
  padding-bottom: 0.5rem;
}

.oe-offers-cards-component-wrapper-offer-fueltypes .oe-offers-cards-component-wrapper-offer-fueltype-active {
  font-weight: 700;
  border-bottom: 2px solid #00aad2;
}

.oc-title .oc-item-title-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #333333;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
}

.oc-title .oc-item-title-text::after {
  content: '';
  width: 1.5rem;
  height: 0.125rem;
  display: block;
  background-color: #333333;
  margin: 0.5rem 0 0.75rem;
}

.oc-item-img-container {
  margin: 0 auto;
}

.oc-jelly-disclaimer {
  text-align: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #666666;
  font-weight: 400;
  margin-top: 0.5rem;
  margin-bottom: 0.375rem;
  font-size: 0.875rem;
}

.oc-description {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
}

.oefoc-offer-text {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  line-height: 2.4375rem;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #333333;
}

.oefoc-item-year-model-trim-name {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  text-align: center;
  font-size: 0.9375rem;
  line-height: 1.1875rem;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  column-gap: 0.25rem;
  align-items: center;
  justify-content: center;
}

.oefoc-item-year-model-trim-name a {
  color: #666666;
}

.oefoc-item-year-model-trim-name svg {
  width: 1.49375rem;
  height: 0.875rem;
}

.oefoc-item-short-description {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #262626;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  padding: 0 1.618125rem;
  margin-bottom: 1.10375rem;
}

.oefoc-item-link {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #002c5e;
  text-decoration: none;
  gap: 0.3125rem;
}

.oefoc-item-link:hover {
  color: #00aad2;
}

.oefoc-item-ctas-chev svg {
  height: 0.625rem;
}

.offer-card a {
  text-decoration: none;
}

.oe-offlt-bar {
  background: #ffffff;
  position: relative;
  padding: 0;
  z-index: 995;
}

.oe-offlt-bar.sticky-bar-on {
  position: fixed;
}

.oe-offlt-bar.sticky-bar-bottom {
  position: absolute;
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .oe-offlt-bar {
    width: calc(100vw - 375px);
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offlt-bar {
    width: calc(100vw - 375px);
  }
}

.oe-offlt {
  position: relative;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  margin: 0 auto;
  padding: 1.5rem 4.5rem;
}

@media (max-width: 1023px) {
  .oe-offlt {
    padding: 1.125rem 2.625rem;
  }
}

@media (max-width: 639px) {
  .oe-offlt {
    padding: 1.0625rem 0.875rem;
    flex-wrap: wrap;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offlt {
    padding: 1.0625rem 0.875rem;
    flex-wrap: wrap;
  }
}

.oe-offlt-title {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  white-space: nowrap;
}

@media (max-width: 639px) {
  .oe-offlt-title {
    width: 100%;
    margin-bottom: 0.8125rem;
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .oe-offlt-title {
    padding-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .oe-offlt-title {
    padding-right: 6.875rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offlt-title {
    width: 100%;
    margin-bottom: 0.8125rem;
    text-align: center;
    padding: 0;
  }
}

.oe-offlt-title-text {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  white-space: nowrap;
}

.oe-offlt-title-location {
  color: #002c5e;
  cursor: pointer;
}

.oe-offlt-title-location .icon {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  color: #002c5e;
  margin-right: 0.25rem;
}

.oe-offlt-seperator {
  color: #888888;
  margin: 0 0.8125rem 0 1rem;
}

@media (min-width: 640px) and (max-width: 1439px) and (orientation: landscape) {
  body.chat-opened .oe-offlt-seperator {
    margin: 0 0.1875rem;
  }
}

.oe-offlt-dealer-text {
  color: #002c5e;
  font-weight: 700;
  cursor: pointer;
}

.oe-offlt-dealer-text .icon {
  position: relative;
  bottom: 0;
  width: 0.5rem;
  height: 0.5625rem;
  display: inline-block;
}

@media (min-width: 640px) {
  .oe-offlt-dealer-text .icon {
    height: 0.625rem;
    margin-left: 0.125rem;
  }
}

.oe-offlt-dealer-text .sticky-icon-wrap {
  position: relative;
}

body.chat-opened .oe-offlt-dealer-text {
  color: #002c5e;
  font-weight: 700;
  cursor: pointer;
}

body.chat-opened .oe-offlt-dealer-text .icon {
  position: relative;
  bottom: 0;
  width: 0.5rem;
  height: 0.5625rem;
  display: inline-block;
}

@media (min-width: 640px) {
  body.chat-opened .oe-offlt-dealer-text .icon {
    height: 0.625rem;
    margin-left: 0.125rem;
  }
}

body.chat-opened .oe-offlt-dealer-text .sticky-icon-wrap {
  position: relative;
}

.oe-offlt-filter-container {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  flex-grow: 1;
}

.oe-offlt-filter-tab {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}

@media (max-width: 639px) {
  .oe-offlt-filter-tab {
    display: flex;
    flex-grow: 1;
    flex-direction: column-reverse;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offlt-filter-tab {
    display: flex;
    flex-grow: 1;
    flex-direction: column-reverse;
  }
}

.oe-offlt-filter-button {
  padding: 0 1rem;
  border: 1px solid #666666;
  color: #666666;
  height: 2.1875rem;
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.0625rem;
  background-color: #ffffff;
}

.oe-offlt-filter-button span {
  white-space: pre;
}

.oe-offlt-filter-button svg {
  width: 1rem;
  margin-right: 0.4375rem;
}

@media (max-width: 639px) {
  .oe-offlt-filter-button {
    width: 100%;
  }
}

.oe-offlt-tab-container {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  z-index: 1001;
}

.oe-offlt-menu-overlay-active .oe-offlt-tab-container {
  display: flex;
}

.offer-filter-title {
  padding: 1.1875rem 2.3125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffffff;
  background-color: #002c5e;
}

@media (max-width: 1023px) {
  .offer-filter-title {
    padding: 1.3125rem 2.3125rem;
  }
}

@media (max-width: 639px) {
  .offer-filter-title {
    padding: 0.9375rem 0.9375rem;
  }
}

.offer-filter-title h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.4375rem;
}

.offer-filter-title h3 svg {
  margin-right: 0.9375rem;
  width: 1.4375rem;
}

@media (max-width: 639px) {
  .offer-filter-title h3 svg {
    display: none;
  }
}

.offer-filter-title .close-btn {
  width: 1rem;
  height: 1.4375rem;
}

.offer-filter-title .close-btn svg {
  fill: #ffffff;
}

.oe-offlt-footer {
  display: flex;
  justify-content: flex-end;
  padding-top: 0.625rem;
}

@media (max-width: 1023px) {
  .oe-offlt-footer {
    box-shadow: 0px -7px 12px -10px rgba(0, 0, 0, 0.2);
    justify-content: center;
    margin: 0.625rem -2.5rem 0;
    padding-top: 2.5rem;
  }
}

@media (max-width: 639px) {
  .oe-offlt-footer {
    margin: -0.625rem -0.9375rem 0;
    padding-top: 1.5625rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.oe-offlt-footer .oe-offlt-button-done {
  width: 50%;
}

@media (max-width: 1023px) {
  .oe-offlt-footer .oe-offlt-button-done {
    width: 100%;
    max-width: 18.125rem;
  }
}

@media (max-width: 639px) {
  .oe-offlt-footer .oe-offlt-button-done {
    max-width: inherit;
  }
}

.oe-offlt-tab-header .oe-offlt-footer {
  display: flex;
}

.oe-offlt-mv-label {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 500;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  color: #333333;
  align-self: flex-start;
  padding: 1.5rem 0 0.375rem;
}

@media (min-width: 640px) {
  .oe-offlt-mv-label {
    padding: 1.5rem 0 0.75rem;
  }
}

@media (min-width: 1024px) {
  .oe-offlt-mv-label {
    display: none;
  }
}

@media (max-width: 1023px) {
  .oe-offlt-tab-section {
    max-height: 64rem;
    height: calc(100vh - 65px);
    overflow-y: scroll;
  }
}

@media (max-width: 639px) {
  .oe-offlt-tab-section {
    height: calc(100vh - 53px);
  }
}

.oe-offlt-tab-row {
  padding: 2.5rem 2.5rem 3.75rem;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
}

@media (max-width: 1023px) {
  .oe-offlt-tab-row {
    flex-direction: column;
    padding: 1.875rem 2.3125rem 3.75rem;
  }
}

@media (max-width: 639px) {
  .oe-offlt-tab-row {
    padding: 1rem 0.9375rem 3.75rem;
  }
}

.oe-offlt-tab-row .oe-offlt-tab-col.col1 {
  width: 33.34%;
  padding-right: 3.125rem;
}

@media (max-width: 1023px) {
  .oe-offlt-tab-row .oe-offlt-tab-col.col1 {
    width: 100%;
    padding-right: 0;
  }
}

.oe-offlt-tab-row .oe-offlt-tab-col.col2 {
  width: 66.66%;
}

@media (max-width: 1023px) {
  .oe-offlt-tab-row .oe-offlt-tab-col.col2 {
    width: 100%;
  }
}

.oe-offlt-tab-row .oe-offlt-tab-col.col2 .oe-offlt-menu-features {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .oe-offlt-tab-row .oe-offlt-tab-col.col2 .oe-offlt-menu-features {
    display: flex;
    flex-direction: column;
    overflow: auto;
  }
}

.oe-offlt-tab-row .oe-offlt-tab-col.col2 .oe-offlt-menu-features .oe-offlt-menu-features-wrapper {
  width: 100%;
  float: left;
}

@media (max-width: 1023px) {
  .oe-offlt-tab-row .oe-offlt-tab-col.col2 .oe-offlt-menu-features .oe-offlt-menu-features-wrapper {
    width: 100%;
    float: none;
  }
}

@media (max-width: 1023px) {
  .oe-offlt-tab-row .oe-offlt-tab-col.col2 .oe-offlt-menu-features .oe-offlt-menu-features-wrapper.index--1 .oe-offlt-tab-menu {
    border-bottom: 1px solid #bababa;
  }
}

.oe-offlt-one-category .oe-offlt-tab-menu {
  border-bottom: 0;
}

.oe-offlt-menu-selected .oe-offlt-button,
.oe-offlt-menu-selected .oe-offlt-filter-button,
.oe-offlt-button.oe-offlt-active-filter,
.oe-offlt-filter-button.oe-offlt-active-filter {
  border-color: #00aad2;
  color: #00aad2;
}

.oe-offlt-active .oe-offlt-button,
.oe-offlt-menu-overlay-active .oe-offlt-filter-button {
  background: #00aad2;
  color: #ffffff;
  border-color: #00aad2;
}

.oe-offlt-tab-menu {
  padding-bottom: 1.5625rem;
  margin-bottom: 1.5625rem;
  border-bottom: 1px solid #bababa;
}

@media (max-width: 1023px) {
  .oe-offlt-tab-menu {
    padding-bottom: 0.9375rem;
    margin-bottom: 2.1875rem;
  }
}

.oe-offlt-tab-menu .show-more {
  padding-top: 0.9375rem;
  padding-bottom: 1.25rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #002c5e;
  text-decoration: underline;
}

@media (max-width: 639px) {
  .oe-offlt-tab-menu .show-more {
    padding-top: 0.625rem;
  }
}

.oe-offlt-active .oe-offlt-tab-menu {
  display: block;
}

.oe-offlt-fuel-image {
  cursor: pointer;
}

.oe-offlt-backdrop {
  z-index: 980;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offlt-backdrop {
    right: 23.4375rem;
  }
}

.oe-offlt-button {
  width: 100%;
  height: 2.375rem;
  border: 1px solid #888888;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #ffffff;
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: center;
  padding: 0 1.5625rem;
  display: none;
}

@media (min-width: 1024px) {
  .oe-offlt-button {
    display: block;
  }
}

.oe-offlt-menu-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}

.oe-offlt-menu-drtr {
  margin-right: 2.75rem;
}

@media (min-width: 1024px) {
  .oe-offlt-menu-drtr {
    margin-right: 0;
    width: 100px;
  }
}

.oe-offlt-menu-drtr:last-child {
  margin-right: 0;
}

.oe-offlt-fuel-image {
  display: inline-block;
}

.oe-offlt-fuel-image svg {
  width: 4rem;
  height: 3.375rem;
  fill: #bababa;
  display: block;
  margin: 0 auto;
}

.oe-offlt-bs-label {
  display: block;
  color: #002c5e;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  text-align: center;
  margin-top: 0.625rem;
}

@media (min-width: 1024px) {
  .oe-offlt-menu-button-clear-label-mv {
    display: none;
  }
}

.oe-offlt-menu-button-section {
  min-width: 3.25rem;
}

.oe-offlt-menu-button-link {
  color: #ffffff;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  text-decoration: underline;
}

.oe-offlt-menu-button-link.oe-offlt-nav-button-clear-all {
  color: #002c5e;
  margin-right: 1rem;
}

@media (max-width: 639px) {
  .oe-offlt-menu-button-link.oe-offlt-nav-button-clear-all {
    margin: 0 0 0.5rem;
  }
}

.oe-offlt-menu-button-clear {
  background: transparent;
}

.oe-offlt-menu-button-clear .icon-close {
  margin-left: 0.25rem;
}

.oe-offlt-menu-button-clear span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.oe-offlt-nav-button-clear {
  display: flex;
}

.oe-offlt-nav-button-clear .icn-close {
  margin-left: 0.25rem;
}

.oe-offlt-clear-active .oe-offlt-menu-button-clear,
.oe-offlt-menu-selected .oe-offlt-menu-button-clear {
  visibility: visible;
}

.oe-offlt-menu-features .oe-offlt-menu-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (max-width: 1023px) {
  .oe-offlt-menu-features .oe-offlt-menu-item {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.oe-offlt-menu-features .oe-offlt-mf-filter-checkbox {
  cursor: pointer;
  position: relative;
  margin-top: 0.75rem;
}

.oe-offlt-menu-features .oe-offlt-mf-filter-checkbox:first-child {
  margin-top: 0;
}

@media (max-width: 1023px) {
  .oe-offlt-menu-features .oe-offlt-mf-filter-checkbox {
    margin-top: 0;
    margin-bottom: 1.25rem;
    margin-right: 2.5rem;
  }
}

@media (max-width: 639px) {
  .oe-offlt-menu-features .oe-offlt-mf-filter-checkbox {
    margin-right: 2.1875rem;
  }
}

.oe-offlt-menu-features .oe-offlt-mf-filter-checkbox .form-checkbox-input:focus + .form-checkbox-box {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .oe-offlt-menu-features .oe-offlt-mf-filter-checkbox .form-checkbox-input:focus + .form-checkbox-box {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.oe-offlt-vehicle-col {
  flex-wrap: wrap;
  flex-direction: column;
  flex: 1 1 auto;
}

.oe-offlt-vehicle-title {
  display: flex;
  color: #000000;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.4375rem;
  padding-bottom: 1.25rem;
}

.oe-offlt-vehicle-title span {
  margin-left: 0.625rem;
  width: 1.4375rem;
  height: 1.4375rem;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 400;
  text-align: center;
  border-radius: 50%;
  background-color: #00aad2;
}

.oe-offlt-mf-label-text {
  margin-left: 1.625rem;
  display: inline-block;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #555555;
}

.form-checkbox-input:checked ~ .oe-offlt-mf-label-text {
  color: #00aad2;
}

.offer-filter-type .oe-offlt-mf-filter-checkbox {
  display: flex;
}

.offer-filter-type .oe-offlt-mf-label-icon {
  margin-left: 1.6875rem;
  width: 2.0625rem;
  height: 1.25rem;
  display: inline-block;
  color: #555555;
}

.offer-filter-type .oe-offlt-mf-label-icon svg {
  width: 100%;
  height: 100%;
}

.offer-filter-type .oe-offlt-mf-label-text {
  margin-left: 0.625rem;
}

.oe-offlt-menu-active svg {
  fill: #00aad2;
}

.oe-offlt-menu-active .oe-offlt-bs-label {
  color: #00aad2;
}

.oe-offlt-menu-vehicles-middle, .oe-offlt-menu-vehicles-right {
  display: flex;
  flex-direction: column;
}

.oe-offlt-menu-vehicles-middle {
  padding-right: 3.125rem;
}

@media (max-width: 1023px) {
  .oe-offlt-menu-vehicles-middle {
    padding-right: 0;
  }
}

.oe-offer-landing-filter-v2-container {
  position: relative;
  display: flex;
  max-width: 120rem;
  gap: 1.5rem;
  padding: 0 5.375rem 1.5625rem 6rem;
  margin: auto;
}

@media screen and (max-width: 1920px) {
  .oe-offer-landing-filter-v2-container {
    gap: 1.25rem;
    padding: 0 4.25rem 1.5625rem 4.5rem;
  }
}

@media screen and (max-width: 1439px) {
  .oe-offer-landing-filter-v2-container {
    gap: 1.25rem;
    padding: 0 2.5625rem 2.0625rem 2.625rem;
  }
}

@media screen and (max-width: 1023px) {
  .oe-offer-landing-filter-v2-container {
    gap: 1.25rem;
    padding: 0;
  }
}

.oef-v2-left-rail {
  position: -webkit-sticky;
  position: sticky;
  max-height: 90dvh;
  overflow-y: auto;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  width: 25.875rem;
  padding-top: 1.5625rem;
  padding-right: 2.5rem;
  transition: top 0.1s linear;
}

@media screen and (max-width: 1920px) {
  .oef-v2-left-rail {
    padding-right: 1.25rem;
    width: 19.9375rem;
  }
}

@media screen and (max-width: 1439px) {
  .oef-v2-left-rail {
    width: 18.75rem;
  }
}

@media screen and (max-width: 1023px) {
  .oef-v2-left-rail {
    max-height: none;
    padding-right: 0;
  }
}

.oe-offer-landing-filter-v2-left-rail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media screen and (max-width: 1023px) {
  .oe-offer-landing-filter-v2-left-rail {
    display: none;
  }
}

.oef-v2-left-rail-selector-header {
  display: flex;
  height: 3.375rem;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.oef-v2-left-rail-selector-header-icon svg {
  width: auto;
  height: auto;
  fill: none;
}

.oef-v2-left-rail-selector-header-title {
  flex: 1 0 0;
  color: #002c5e;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  /* 133.333% */
}

.oef-v2-left-rail-collapse-btn {
  display: flex;
  justify-content: flex-end;
}

.oef-v2-left-rail-collapse-btn button {
  color: #002c5e;
  text-align: right;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  /* 100% */
}

.oef-v2-left-rail-selector-header-arrow svg {
  width: 0.875rem;
  height: 0.5625rem;
  fill: #002c5e;
}

.oef-v2-left-rail-selector-list-inner {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6875rem 0;
  justify-content: space-between;
  flex: 1 0 0;
}

.oef-v2-left-rail-selector-list-text {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  /* 112.5% */
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.oef-v2-left-rail-selector-list {
  display: flex;
  padding: 0 2rem 16px 2.5rem;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.oef-v2-left-rail-selector-list-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 1rem;
  width: 1rem;
  z-index: 1;
}

.oef-v2-left-rail-selector-list-checkbox input:hover ~ .oef-v2-left-rail-selector-list-checkbox-checkmark {
  border-color: #00aad2;
}

.oef-v2-left-rail-selector-list-checkbox input:checked ~ .oef-v2-left-rail-selector-list-checkbox-checkmark {
  background-color: #00aad2;
  border-color: #00aad2;
}

.oef-v2-left-rail-selector-list-checkbox input:checked ~ .oef-v2-left-rail-selector-list-checkbox-checkmark::after {
  display: flex;
}

.oef-v2-left-rail-selector-list-checkbox-checkmark {
  position: relative;
  display: flex;
  height: 1rem;
  width: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  flex: 1 0 0;
  border-radius: 0.1875rem;
  border: 0.09375rem solid #bababa;
  background: #ffffff;
}

.oef-v2-left-rail-selector-list-checkbox-checkmark::after {
  left: 0.3125rem;
  top: 0.15625rem;
  width: 0.3125rem;
  height: 0.4375rem;
  border: 0.0625rem solid #ffffff;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  display: none;
}

.oef-v2-left-rail-filters {
  position: relative;
}

.oef-v2-filter-selection-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.oe-offer-landing-filter-v2-main {
  position: relative;
  width: 100%;
}

.oe-offer-landing-filter-v2-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2.625rem;
}

@media screen and (max-width: 639px) {
  .oe-offer-landing-filter-v2-inner {
    gap: 1rem;
  }
}

.oef-v2-top-rail-model-count {
  display: flex;
  align-items: center;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
  height: 1.5rem;
}

.oef-v2-top-rail-zip-btn {
  display: flex;
  height: 2.75rem;
  justify-content: flex-start;
  align-items: center;
  gap: 0.25rem;
  place-self: flex-start;
}

.oef-v2-top-rail-zip-btn .oef-v2-top-rail-zip-text {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
  /* 142.857% */
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.oef-v2-top-rail-zip-btn svg {
  width: 0.5043125rem;
  height: 0.7318125rem;
  flex-shrink: 0;
}

.oef-v2-top-rail-zip-btn .oef-v2-top-rail-zip-text-near {
  color: #002c5e;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.875rem;
  /* 100% */
}

.oef-v2-top-rail {
  position: -webkit-sticky;
  position: sticky;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  z-index: 1000;
  transition: top 0.3s linear;
  padding: 1.5625rem 0 0;
}

@media screen and (max-width: 1023px) {
  .oef-v2-top-rail {
    gap: calc(24px);
    align-items: center;
    padding: 1.5625rem 1.875rem 0;
  }
}

@media screen and (max-width: 639px) {
  .oef-v2-top-rail {
    padding: 1.5625rem 0.9375rem 0;
  }
}

.oef-v2-top-rail-filter-cta {
  width: 100%;
}

.oef-v2-top-rail-filter-btn {
  display: none;
  width: 100%;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: 2.5rem;
  border: 0.0625rem solid #e6e6e6;
  background: #ffffff;
}

.oef-v2-top-rail-filter-btn span {
  color: #002c5e;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  /* 125% */
}

.oef-v2-top-rail-filter-btn svg {
  display: flex;
  width: 0.875rem;
  height: 0.6730625rem;
  padding: 0.1009375rem 0 0.0673125rem 0;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1023px) {
  .oef-v2-top-rail-filter-btn {
    display: flex;
  }
}

@media screen and (max-width: 639px) {
  .oef-v2-top-rail-filter-btn {
    display: flex;
    padding: 0.75rem;
  }
}

.oef-v2-top-rail-model-callout-btn {
  display: flex;
}

.oef-v2-top-rail-model-callout-cta {
  display: none;
  gap: 0.5rem;
}

@media screen and (max-width: 1023px) {
  .oef-v2-top-rail-model-callout-cta {
    display: flex;
  }
}

.oef-v2-top-rail-model-callout-cta .oef-v2-top-rail-model-callout-header-icon {
  margin-right: 0.5rem;
}

.oef-v2-top-rail-model-callout-cta .oef-v2-top-rail-model-callout-header-icon svg {
  width: auto;
  height: auto;
  fill: none;
}

.oef-v2-top-rail-model-callout-cta .oef-v2-top-rail-model-callout-text {
  flex: 1 0 0;
  color: #002c5e;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  /* 133.333% */
  margin-right: 1rem;
}

.oef-v2-top-rail-model-callout-cta .oef-v2-top-rail-model-callout-arrow-icon svg {
  width: 0.875rem;
  height: 0.5625rem;
  fill: #002c5e;
}

.oef-v2-top-rail-overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100dvh;
  z-index: 1005;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  grid-template-rows: auto 1fr 6.9375rem;
  background: #ffffff;
  overflow: hidden;
  padding: 1.25rem 0 0;
}

@media screen and (max-width: 1023px) {
  .oef-v2-top-rail-overlay {
    display: grid;
  }
}

.oef-v2-top-rail-overlay .oef-v2-left-rail-filters {
  max-height: unset;
}

.oef-v2-top-rail-overlay-close-btn {
  display: flex;
  justify-content: flex-end;
  border-bottom: 0.0625rem solid #e6e6e6;
  padding: 1rem 2rem;
}

.oef-v2-top-rail-overlay-close-btn button {
  padding: 0.375rem;
}

.oef-v2-top-rail-overlay-close-btn svg {
  width: 12px;
  height: 12px;
  fill: #002c5e;
}

.oef-v2-top-rail-overlay-selectors {
  display: flex;
  width: 100%;
  overflow-y: auto;
  flex-direction: column;
  scroll-behavior: smooth;
  justify-content: flex-start;
  padding: 2.5rem 6.625rem 0 6.5625rem;
}

@media screen and (max-width: 639px) {
  .oef-v2-top-rail-overlay-selectors {
    padding: 2.5rem 1.25rem 0 1.3125rem;
  }
}

.oef-v2-top-rail-overlay-selectors-inner {
  display: flex;
  flex-direction: column;
  padding-right: 2.5rem;
}

@media screen and (max-width: 639px) {
  .oef-v2-top-rail-overlay-selectors-inner {
    padding-right: 1.25rem;
  }
}

.oef-v2-top-rail-overlay-done-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  width: 100%;
  align-items: center;
  align-self: stretch;
  border-top: 0.0625rem solid #e6e6e6;
  background: #ffffff;
  padding: 1.5rem 2.1875rem 2.75rem;
}

.oef-v2-top-rail-overlay-done-btn button {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  background: #002c5e;
  color: #ffffff;
  padding: 0.75rem 1.5rem;
}

@media screen and (max-width: 1023px) {
  .oef-v2-top-sticky-scroll-down .oef-v2-top-rail-model-count, .oef-v2-top-sticky-scroll-down .oef-v2-top-rail-zip-container {
    display: none;
  }
  .oef-v2-top-sticky-scroll-down .oef-v2-top-rail-model-callout-cta {
    padding-bottom: 1.25rem;
  }
  .oef-v2-top-sticky-scroll-up .oef-v2-top-rail-model-count {
    display: none;
  }
}

.oef-v2-left-rail-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-self: stretch;
}

.oef-v2-clear-all-btn {
  justify-content: flex-start;
  color: #002c5e;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  /* 100% */
}

.oe-offer-landing-filter-v2-offers-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  opacity: 0;
  background: transparent;
  width: 12.5rem;
  height: 12.5rem;
}

.oe-offer-landing-filter-v2-offers-loading .loading-indicator {
  background: transparent;
}

.oe-offer-landing-filter-v2-offers-loading-show {
  opacity: 1;
  z-index: 50;
}

.oe-offer-landing-filter-v2-loading-indicator {
  height: 50dvh;
  width: 100%;
}

.oef-v2-top-rail-chips-model-count {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.4375rem;
  flex: 1 0 0;
  flex-wrap: wrap;
}

.oef-v2-top-rail-filter-chips {
  display: flex;
  height: 1.5rem;
  padding: 0.25rem 0.5rem;
  align-items: center;
  gap: 0.5rem;
  border-radius: 4px;
  border: 0.0625rem solid #002c5e;
  background: #ffffff;
}

.oef-v2-top-rail-filter-chips-val {
  color: #002c5e;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.75rem;
  text-transform: capitalize;
}

.oef-v2-top-rail-filter-chips-icon svg {
  width: 0.5rem;
  height: 0.5rem;
  flex-shrink: 0;
}

.oef-v2-top-rail-filter-clear-all {
  display: flex;
  height: 1.5rem;
  padding: 0.25rem;
  align-items: center;
  color: #002c5e;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
  /* 100% */
}

.oef-v2-top-rail-filter-show-more, .oef-v2-top-rail-filter-show-less {
  display: flex;
  height: 1.5rem;
  padding: 0.25rem 0.5rem;
  align-items: center;
  gap: 0.5rem;
  border-radius: 4px;
  border: 0.0625rem solid #002c5e;
  background: #ffffff;
  color: #002c5e;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.75rem;
  text-transform: capitalize;
}

.oef-v2-top-rail-filter-chips-hidden {
  display: flex;
}

@media screen and (min-width: 1024px) {
  .oef-v2-top-rail-filter-chips-hidden {
    display: none;
  }
}

.tab-content-carousel {
  position: relative;
  display: flex;
  justify-content: center;
}

.tcc-swiper {
  width: 100%;
  max-width: 160rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.ttc-swiper-for-container {
  width: 100%;
}

.ttc-swiper-for-container .swiper-slide {
  height: 11.25rem;
}

@media (min-width: 640px) {
  .ttc-swiper-for-container .swiper-slide {
    height: 18.125rem;
  }
}

@media (min-width: 1024px) {
  .ttc-swiper-for-container .swiper-slide {
    height: 15.125rem;
  }
}

@media (min-width: 1440px) {
  .ttc-swiper-for-container .swiper-slide {
    height: 21.5rem;
  }
}

@media (min-width: 2560px) {
  .ttc-swiper-for-container .swiper-slide {
    height: 54.5rem;
  }
}

.ttc-swiper-for-container .swiper-list {
  cursor: default;
}

.ttc-swiper-nav-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 640px) {
  .ttc-swiper-nav-container-two .swiper-track {
    transform: translate3d(0, 0, 0) !important;
  }
}

.ttc-swiper-nav-inner {
  width: 100%;
  max-width: 90rem;
  position: relative;
  padding: 1rem 2.8125rem 2rem;
}

@media (min-width: 640px) {
  .ttc-swiper-nav-inner {
    padding: 1rem 5.0625rem 2rem;
  }
}

@media (min-width: 1024px) {
  .ttc-swiper-nav-inner {
    padding: 1rem 7.625rem 3rem;
  }
}

@media (min-width: 1440px) {
  .ttc-swiper-nav-inner {
    padding: 1rem 11.4375rem 4.5rem;
  }
}

.ttc-swiper-nav {
  width: 100%;
}

.ttc-swiper-nav-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  flex-shrink: 0;
}

.ttc-swiper-nav-arrow svg {
  width: 1rem;
  height: 1rem;
}

@media (min-width: 640px) {
  .ttc-swiper-nav-arrow svg {
    width: 2rem;
    height: 2rem;
  }
}

@media (max-width: 1023px) {
  .ttc-swiper-nav-arrow:after {
    font-size: 1.625rem;
  }
}

@media (max-width: 1023px) {
  .ttc-swiper-nav-arrow {
    top: 65%;
  }
}

.ttc-swiper-nav-prev {
  left: 1rem;
}

@media (min-width: 640px) {
  .ttc-swiper-nav-prev {
    left: 3rem;
  }
}

@media (min-width: 1024px) {
  .ttc-swiper-nav-prev {
    left: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .ttc-swiper-nav-prev {
    left: 7%;
  }
}

.ttc-swiper-nav-prev.swiper-disabled {
  opacity: 0.4;
  pointer-events: none;
  cursor: default;
}

.ttc-swiper-nav-next {
  right: 1rem;
}

@media (min-width: 640px) {
  .ttc-swiper-nav-next {
    right: 3rem;
  }
}

@media (min-width: 1024px) {
  .ttc-swiper-nav-next {
    right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .ttc-swiper-nav-next {
    right: 7%;
  }
}

.ttc-swiper-nav-next.ttc-swiper-nav-disabled {
  opacity: 0.4;
  pointer-events: none;
  cursor: default;
}

@media (min-width: 640px) {
  .ttc-swiper-nav-next.ttc-swiper-nav-hidden {
    display: none;
  }
}

.ttc-swiper-nav-container .swiper-slide-active {
  cursor: default;
}

.ttc-swiper-nav-container .swiper-slide-active .tccc-progress {
  height: 0.5rem;
  width: 1%;
  animation: 8s linear tccc-load infinite;
}

.ttc-swiper-nav-container .swiper-slide-active .tccc-content-container, .ttc-swiper-nav-container .swiper-slide-active .tccc-content {
  opacity: 1;
}

@keyframes tccc-load {
  100% {
    width: 100%;
  }
}

.tccc:hover .tccc-content {
  opacity: 1;
}

.tccc-count {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #ffffff;
  line-height: 2.625rem;
  margin-bottom: 0.25rem;
}

@media (min-width: 1440px) {
  .tccc-count {
    font-size: 1.6875rem;
    line-height: 3.5rem;
  }
}

.tccc-count span {
  font-size: 2.5rem;
}

@media (min-width: 1440px) {
  .tccc-count span {
    font-size: 3.375rem;
  }
}

.tccc-progress-slider {
  width: 100%;
  height: 0.5rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.5rem;
  border-bottom: 0.125rem solid #ffffff;
}

.tccc-progress {
  width: 0;
  height: 0.5rem;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0;
}

.tccc-progress-width-100 {
  width: 100%;
  transition: width 0.5s ease-out;
}

.tccc-progress-margin-left-100 {
  margin-left: 100%;
  transition: margin 0.5s linear;
}

.tccc-progress-no-transition {
  width: 0;
  transition: width 0s;
}

.tccc-content-container {
  padding-right: 0;
}

@media (min-width: 640px) {
  .tccc-content-container {
    padding-right: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .tccc-content-container {
    padding-right: 1.25rem;
  }
}

.tccc-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #ffffff;
  line-height: 1.625rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 1440px) {
  .tccc-headline {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

@media (min-width: 2560px) {
  .tccc-headline {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.tccc-content {
  padding-right: 0;
  opacity: 0;
  transition: opacity 1.5s ease;
}

.swiper-slide-active .tccc-content {
  opacity: 1 !important;
}

.tccc-copy {
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
  margin-bottom: 0.5rem;
}

.tccc-conquest-title {
  font-weight: 700;
  font-size: 0.875rem;
  color: #00aad2;
  line-height: 1.25rem;
  margin-bottom: 0.25rem;
}

.tccc-conquest {
  font-weight: 500;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
}

.tccc-cta {
  display: inline-flex;
  text-decoration: none;
}

.tccc-cta-primary,
.tccc-cta-secondary {
  margin-top: 0.5rem;
}

.tccc-cta-tertiary .tccc-button {
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  margin-top: 1rem;
}

.tccc-button span {
  margin-right: 0.5rem;
}

.tcc-swiper .swiper-slide:nth-child(2) .tccc-progress {
  width: 0;
  transition: none;
}

.tcc-swiper .swiper-slide:nth-child(2) .tccc-content {
  opacity: 0;
}

.ttc-swiper-direction-left .swiper-slide:nth-child(2) .tccc-progress {
  width: 100%;
  transition: width 0.5s ease-out;
}

.ttc-swiper-direction-left .swiper-slide:nth-child(2) .tccc-content {
  opacity: 1;
  transition: opacity 1.5s ease;
}

.ttc-swiper-direction-right .swiper-slide:nth-last-child(3) .tccc-progress {
  width: 100%;
  transition: width 0.5s ease-out;
}

.ttc-swiper-direction-right .swiper-slide:nth-last-child(3) .tccc-content {
  opacity: 1;
  transition: opacity 1.5s ease;
}

.ttc-swiper-direction-right .swiper-slide-active + .swiper-slide .tccc-progress {
  width: 0;
  transition: none;
}

.ttc-swiper-direction-right .swiper-slide-active + .swiper-slide .tccc-content {
  opacity: 0;
}

.tcci {
  position: relative;
}

.tcci-gradient {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.ttci-eyebrow-container {
  width: 100%;
  position: relative;
  top: 1.5rem;
  z-index: 2;
  margin: 0 auto;
}

@media (min-width: 375px) and (max-width: 639px) {
  .ttci-eyebrow-container {
    top: 2rem;
    padding: 0 16px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .ttci-eyebrow-container {
    top: 2rem;
    padding: 0 48px;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .ttci-eyebrow-container {
    top: 3rem;
    padding: 0 72px;
  }
}

@media (min-width: 1440px) {
  .ttci-eyebrow-container {
    max-width: 90rem;
    top: 4.5rem;
    padding: 0 120px;
  }
}

@media (min-width: 2560px) {
  .ttci-eyebrow-container {
    max-width: 90rem;
    top: 4.5rem;
  }
}

.ttci-eyebrow {
  position: absolute;
  font-weight: 700;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
  padding-bottom: 0.5rem;
}

.ttci-eyebrow:after {
  content: '';
  width: 1.5rem;
  height: 0.125rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: currentColor;
}

.tcci-button {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

@media (min-width: 640px) {
  .tcci-button {
    display: block;
  }
}

@media (min-width: 640px) {
  .tcci-button:after {
    width: 4.1875rem;
    height: 4.1875rem;
  }
}

@media (min-width: 1024px) {
  .tcci-button:after {
    width: 3.9375rem;
    height: 3.9375rem;
  }
}

@media (min-width: 1440px) {
  .tcci-button:after {
    width: 6.125rem;
    height: 6.125rem;
  }
}

.tcci-cinemagraph,
.tcci-images,
.tcci-youtube {
  height: 11.25rem;
  position: relative;
  display: flex;
  overflow: hidden;
}

@media (min-width: 640px) {
  .tcci-cinemagraph,
  .tcci-images,
  .tcci-youtube {
    height: 18.125rem;
  }
}

@media (min-width: 1024px) {
  .tcci-cinemagraph,
  .tcci-images,
  .tcci-youtube {
    height: 15.125rem;
  }
}

@media (min-width: 1440px) {
  .tcci-cinemagraph,
  .tcci-images,
  .tcci-youtube {
    height: 21.5rem;
  }
}

@media (min-width: 2560px) {
  .tcci-cinemagraph,
  .tcci-images,
  .tcci-youtube {
    height: 54.5rem;
  }
}

.tcci-image {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ttci-disclaimer-container {
  width: calc(100% - 96px);
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  padding: 0 2rem 0 1rem;
  z-index: 4;
}

@media (min-width: 640px) {
  .ttci-disclaimer-container {
    width: calc(100% - 150px);
  }
}

@media (min-width: 1024px) {
  .ttci-disclaimer-container {
    width: calc(100% - 170px);
  }
}

@media (min-width: 1440px) {
  .ttci-disclaimer-container {
    width: calc(100% - 270px);
  }
}

.ttci-disclaimer {
  font-weight: 700;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 1rem;
}

.ttci-disclaimer button {
  color: #ffffff;
}

.tcci-cinemagraph .media-cinemagraph-enhanced-container {
  width: 100%;
}

.tcci-cinemagraph .media-cinemagraph-player {
  width: auto;
  min-width: 100%;
  max-width: none;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0) scale(1);
}

.tcci-cinemagraph .video-js {
  width: 170% !important;
  height: 100% !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  padding-top: 58% !important;
}

@media (min-width: 640px) {
  .tcci-cinemagraph .video-js {
    width: 135% !important;
  }
}

@media (min-width: 1024px) {
  .tcci-cinemagraph .video-js {
    width: 100% !important;
  }
}

.tcci-cinemagraph .s7controlbar {
  height: 1.6875rem !important;
  padding: 0 1rem;
  bottom: 0.5rem !important;
  z-index: 3;
}

@media (min-width: 640px) {
  .tcci-cinemagraph .s7controlbar {
    height: 1.6875rem !important;
    bottom: 1rem !important;
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .tcci-cinemagraph .s7controlbar {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .tcci-cinemagraph .s7controlbar {
    max-width: 90rem;
    bottom: 1rem !important;
    left: 50% !important;
    transform: translateX(-50%);
    padding: 0 4.5rem;
  }
}

@media (min-width: 2560px) {
  .tcci-cinemagraph .s7controlbar {
    bottom: 1.5rem !important;
  }
}

.tcci-cinemagraph .s7innercontrolbarcontainer {
  width: 100%;
}

.tcci-cinemagraph .s7playpausebutton {
  top: 0px !important;
  left: 0px !important;
}

@media (max-width: 640px) {
  .tcci-cinemagraph .s7videotime, .tcci-cinemagraph .s7fullscreenbutton {
    display: none !important;
  }
}

.vt-v2 {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.no-padding-top .vt-v2-headline-inner {
  padding-top: 0 !important;
}

.no-padding-bottom .vt-v2-slick-for-copy-mobile-inner {
  padding-bottom: 0 !important;
}

.vt-v2-inner {
  width: 100%;
  max-width: 160rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.vt-v2-inner .swiper-wrapper {
  will-change: transform;
}

.vt-v2-inner .swiper-slide {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.vt-v2-top-mobile-container,
.vt-v2-middle-shared-container,
.vt-v2-bottom-mobile-container {
  width: 100%;
  position: relative;
  z-index: 1;
}

.vt-v2-top-mobile-container,
.vt-v2-bottom-mobile-container {
  display: block;
}

@media (min-width: 1024px) {
  .vt-v2-top-mobile-container,
  .vt-v2-bottom-mobile-container {
    display: none;
  }
}

.vt-v2-overlay-desktop-container {
  width: 48.828%;
  display: none;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

@media (min-width: 1024px) {
  .vt-v2-overlay-desktop-container {
    display: flex;
  }
}

@media (min-width: 1440px) {
  .vt-v2-overlay-desktop-container {
    width: 41.667%;
  }
}

@media (min-width: 2560px) {
  .vt-v2-overlay-desktop-container {
    width: 45.352%;
  }
}

.vt-v2-overlay-desktop-inner {
  width: 100%;
  max-width: 31.25rem;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1440px) {
  .vt-v2-overlay-desktop-inner {
    max-width: 37.5rem;
  }
}

.vt-v2-headline-container {
  width: 100%;
}

.vt-v2-headline-inner {
  padding: 2rem 1rem 1rem;
}

@media (min-width: 640px) {
  .vt-v2-headline-inner {
    padding: 2rem 3rem;
  }
}

@media (min-width: 1024px) {
  .vt-v2-headline-inner {
    padding: 1rem 1rem 1rem 4.5rem;
  }
}

@media (min-width: 1440px) {
  .vt-v2-headline-inner {
    padding: 2.5rem 1.5rem 2rem 7.5rem;
  }
}

@media (min-width: 2560px) {
  .vt-v2-headline-inner {
    padding: 5rem 3.5rem 3rem 7.5rem;
  }
}

.vt-v2-headline-eyebrow {
  position: relative;
  font-weight: 700;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

@media (min-width: 1024px) {
  .vt-v2-headline-eyebrow {
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .vt-v2-headline-eyebrow {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 2560px) {
  .vt-v2-headline-eyebrow {
    margin-bottom: 2rem;
  }
}

.vt-v2-headline-eyebrow:after {
  content: '';
  width: 1.5rem;
  height: 0.125rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: currentColor;
}

.vt-v2-headline-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  cursor: pointer;
}

@media (min-width: 640px) {
  .vt-v2-headline-toggle {
    cursor: auto;
  }
}

.vt-v2-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #ffffff;
  line-height: 1.875rem;
}

@media (min-width: 640px) {
  .vt-v2-headline {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1440px) {
  .vt-v2-headline {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

@media (min-width: 2560px) {
  .vt-v2-headline {
    font-size: 4.5rem;
    line-height: 4.625rem;
  }
}

.vt-v2-headline-dropdown {
  display: inline-flex;
  color: inherit;
}

@media (min-width: 640px) {
  .vt-v2-headline-dropdown {
    display: none;
  }
}

.vt-v2-headline-dropdown svg {
  flex-basis: 1.625rem;
  min-width: 1.625rem;
  border: 0.03125rem solid;
  border-radius: 50%;
  color: inherit;
  width: 1.625rem;
  height: 1.625rem;
  padding: 0.25rem;
}

@media (min-width: 640px) {
  .vt-v2-headline-dropdown svg {
    flex-basis: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.375rem;
  }
}

.vt-v2-headline-dropdown-open svg {
  transform: rotate(-180deg);
}

@media (max-width: 639px) {
  .vt-v2-headline-copy-container {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0.11, 0.72, 0.37, 1) 0.15s, opacity 0.5s ease-in-out 0.00001s;
  }
  .vt-v2-headline-copy-container .vt-v2-headline-copy-inner {
    margin-top: -0.5rem;
    transition: all 0.00001s ease 0.5s;
  }
}

@media (min-width: 640px) {
  .vt-v2-headline-copy-container {
    max-height: inherit !important;
  }
}

@media (max-width: 639px) {
  .vt-v2-headline-copy-container-open {
    opacity: 1;
    transition: max-height 0.75s cubic-bezier(0.11, 0.72, 0.37, 1) 0.00001s, opacity 1s ease-in-out 0.05s;
  }
  .vt-v2-headline-copy-container-open .vt-v2-headline-copy-inner {
    margin-top: 0;
    transition: all 0.75s cubic-bezier(0.34, 0.37, 0.46, 0.99) 0.1s;
  }
}

.vt-v2-headline-copy {
  font-weight: 400;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
  padding-top: 0.5rem;
}

@media (min-width: 1024px) {
  .vt-v2-headline-copy {
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding-top: 0.25rem;
  }
}

@media (min-width: 1440px) {
  .vt-v2-headline-copy {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375rem;
    padding-top: 0.5rem;
  }
}

@media (min-width: 2560px) {
  .vt-v2-headline-copy {
    font-size: 1.125rem;
    line-height: 1.5rem;
    padding-top: 1.5rem;
  }
}

.vt-v2-headline-copy button {
  color: currentColor;
}

.vt-v2-slick-for-media-shared-container {
  width: 100%;
  height: 15rem;
}

@media (min-width: 640px) {
  .vt-v2-slick-for-media-shared-container {
    height: 20rem;
  }
}

@media (min-width: 1024px) {
  .vt-v2-slick-for-media-shared-container {
    height: 35.5rem;
  }
}

@media (min-width: 1440px) {
  .vt-v2-slick-for-media-shared-container {
    height: 43.75rem;
  }
}

@media (min-width: 2560px) {
  .vt-v2-slick-for-media-shared-container {
    height: 77.5rem;
  }
}

.vt-v2-slick-nav-tab-mobile-container-four .swiper-slide {
  width: calc(52% / 3);
}

@media (min-width: 640px) {
  .vt-v2-slick-nav-tab-mobile-container-four .swiper-slide {
    width: calc(50% / 3);
  }
}

.vt-v2-slick-nav-tab-mobile-container-four .swiper-slide-active {
  width: 48%;
}

@media (min-width: 640px) {
  .vt-v2-slick-nav-tab-mobile-container-four .swiper-slide-active {
    width: 50%;
  }
}

.vt-v2-slick-nav-tab-mobile-container-three .swiper-slide {
  width: 17.5%;
}

@media (min-width: 640px) {
  .vt-v2-slick-nav-tab-mobile-container-three .swiper-slide {
    width: 20%;
  }
}

.vt-v2-slick-nav-tab-mobile-container-three .swiper-slide-active {
  width: 65%;
}

@media (min-width: 640px) {
  .vt-v2-slick-nav-tab-mobile-container-three .swiper-slide-active {
    width: 60%;
  }
}

.vt-v2-slick-nav-tab-mobile-container-two .swiper-slide {
  width: 50%;
}

.vt-v2-slick-nav-tab-mobile-container-two .swiper-slide-active {
  width: 50%;
}

.vt-v2-slick-nav-tab-mobile-container {
  width: 100%;
}

.vt-v2-slick-nav-tab-mobile-container .swiper {
  cursor: auto;
}

.vt-v2-slick-nav-tab-mobile-container .slick-track {
  width: 100% !important;
  transform: translate3d(0, 0, 0) !important;
}

.vt-v2-slick-nav-tab-mobile-container .swiper-slide {
  border-right: 0.0625rem solid transparent;
}

.vt-v2-slick-nav-tab-mobile-container .swiper-slide:not(.swiper-slide-active) {
  cursor: pointer;
}

.vt-v2-slick-nav-tab-mobile-container .swiper-slide:not(.swiper-slide-active) .vtt-v2 {
  background-color: transparent !important;
}

.vt-v2-slick-nav-tab-mobile-container .swiper-slide:last-child {
  border: none;
}

.vt-v2-slick-nav-tab-mobile-container .swiper-slide {
  pointer-events: auto;
}

.vt-v2-slick-nav-tab-mobile-container .swiper-slide-active {
  pointer-events: auto;
}

.vt-v2-slick-for-copy-mobile-container {
  width: 100%;
}

.vt-v2-slick-for-copy-mobile-container .swiper {
  cursor: auto;
}

.vt-v2-slick-for-copy-mobile-inner {
  padding: 1rem 1rem 2rem;
}

@media (min-width: 640px) {
  .vt-v2-slick-for-copy-mobile-inner {
    padding: 1.5rem 3rem 2rem;
  }
}

.vt-v2-slick-nav-tab-desktop-container .swiper {
  overflow: visible;
}

.vt-v2-slick-nav-tab-desktop-container .swiper-wrapper {
  display: flex;
  flex-direction: column;
  transform: none !important;
}

.vt-v2-slick-nav-tab-desktop-container .swiper-wrapper, .vt-v2-slick-nav-tab-desktop-container .swiper-slide {
  width: 100%;
  max-width: 31.25rem;
  position: relative;
}

@media (min-width: 1440px) {
  .vt-v2-slick-nav-tab-desktop-container .swiper-wrapper, .vt-v2-slick-nav-tab-desktop-container .swiper-slide {
    max-width: 37.5rem;
  }
}

.vt-v2-slick-nav-tab-desktop-container .swiper-slide:not(.swiper-slide-active) .vtt-v2 {
  background-color: transparent !important;
}

.vt-v2-slick-nav-tab-desktop-container .swiper-slide {
  cursor: pointer;
  pointer-events: auto;
}

.vt-v2-progress-container {
  width: 100%;
  height: 0.25rem;
  position: absolute;
  top: -0.25rem;
  left: 0;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .vt-v2-progress-container {
    top: 0;
  }
}

.vt-v2-progress {
  width: 0;
  height: 0.25rem;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0;
}

.vt-v2-progress-width-100 {
  width: 100%;
}

.vt-v2-progress-margin-left-100 {
  margin-left: 100%;
  transition: margin 0.5s linear;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .vt-v2-top-mobile-container,
  body.chat-opened .vt-v2-bottom-mobile-container {
    display: block;
  }
  body.chat-opened .vt-v2-progress-container {
    top: -0.25rem;
  }
  body.chat-opened .vt-v2-overlay-desktop-container {
    display: none;
  }
  body.chat-opened .vt-v2-headline-inner {
    padding: 2rem 3rem;
  }
}

@media (min-width: 1440px) and (max-width: 2559px) {
  body.chat-opened .vt-v2-headline-inner {
    padding: 2rem 3rem;
  }
  body.chat-opened .vt-v2-overlay-desktop-container {
    width: unset;
  }
}
.vtt-v2 {
  width: 100%;
  height: 3.75rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 640px) {
  .vtt-v2 {
    height: 4rem;
  }
}

@media (min-width: 1024px) {
  .vtt-v2 {
    height: auto;
  }
}

.vt-v2 .swiper-slide:not(.swiper-slide-active) .vtt-v2 {
  background-color: transparent !important;
}

.vtt-v2-inner {
  height: 100%;
  width: 100%;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .vtt-v2-inner {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .vtt-v2-inner {
    padding: 1rem 1rem 1rem 0;
    margin-left: 4.5rem;
    border-top: 0.0625rem solid #ffffff;
  }
}

@media (min-width: 1440px) {
  .vtt-v2-inner {
    padding: 1.25rem 1.5rem 1.25rem 0;
    margin-left: 7.5rem;
  }
}

@media (min-width: 2560px) {
  .vtt-v2-inner {
    padding: 2.5rem 3.5rem 2.5rem 0;
  }
}

.vtt-v2-arrow {
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: -0.5625rem;
  transform: translateY(-50%);
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 12px solid #44576b;
}

@media (min-width: 1024px) {
  .vt-v2-overlay-desktop-container .swiper-slide-active .vtt-v2-inner, .vt-v2-overlay-desktop-container .swiper-slide-active + .swiper-slide .vtt-v2-inner {
    border-top: 0.0625rem solid transparent !important;
  }
}

.vtt-v2-progress-container {
  width: 100%;
  height: 0.25rem;
  position: absolute;
  top: -0.25rem;
  left: 0;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .vtt-v2-progress-container {
    top: 0;
  }
}

.vtt-v2-progress {
  width: 0;
  height: 0.25rem;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0;
}

.vtt-v2-progress-width-100 {
  width: 100%;
}

.vtt-v2-progress-margin-left-100 {
  margin-left: 100%;
  transition: margin 0.5s linear;
}

.vtt-v2-container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1024px) {
  .vtt-v2-container {
    justify-content: flex-start;
  }
}

.vt-v2 .swiper-slide-active .vtt-v2-icon {
  margin-right: 0.25rem;
}

@media (min-width: 640px) {
  .vt-v2 .swiper-slide-active .vtt-v2-icon {
    margin-right: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .vt-v2 .swiper-slide-active .vtt-v2-icon {
    margin-right: 1rem;
  }
}

@media (min-width: 2560px) {
  .vt-v2 .swiper-slide-active .vtt-v2-icon {
    margin-right: 2rem;
  }
}

.vtt-v2-icon {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

@media (min-width: 640px) {
  .vtt-v2-icon {
    width: 2rem;
    height: 2rem;
  }
}

@media (min-width: 1024px) {
  .vtt-v2-icon {
    margin-right: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .vtt-v2-icon {
    margin-right: 1rem;
  }
}

@media (min-width: 2560px) {
  .vtt-v2-icon {
    margin-right: 2rem;
  }
}

.vtt-v2-icon svg {
  width: 100%;
  height: 100%;
}

.vtt-v2-subhead {
  display: none;
  font-weight: 700;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
}

@media (min-width: 1024px) {
  .vtt-v2-subhead {
    display: block;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .vtt-v2-subhead {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.vt-v2 .swiper-slide-active .vtt-v2-subhead {
  display: block;
}

.vtt-v2-copy-container {
  display: none;
}

@media (min-width: 1024px) {
  .vtt-v2-copy-inner {
    margin-top: -0.125rem;
    padding-left: 2.5rem;
  }
}

@media (min-width: 1440px) {
  .vtt-v2-copy-inner {
    margin-top: 0.1875rem;
    padding-left: 3rem;
  }
}

@media (min-width: 2560px) {
  .vtt-v2-copy-inner {
    margin-top: 1.1875rem;
    padding-left: 4rem;
  }
}

.vt-v2 .swiper-slide-active .vtt-v2-copy-container {
  display: block;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .vtt-v2 {
    height: 4rem;
  }
  body.chat-opened .vtt-v2-inner {
    padding: 0 2rem;
    margin-left: unset;
    border-top: unset;
  }
  body.chat-opened .vtt-v2-progress-container {
    top: -0.25rem;
  }
  body.chat-opened .vtt-v2-container {
    justify-content: center;
  }
  body.chat-opened .vtt-v2-icon {
    margin-right: unset;
  }
  body.chat-opened .vtt-v2-subhead {
    display: none;
  }
  body.chat-opened .swiper-slide-active .vtt-v2-subhead {
    display: block;
  }
}

@media (min-width: 1440px) and (max-width: 2559px) {
  body.chat-opened .vtt-v2-inner {
    margin-left: 3rem;
  }
}
.vtm-v2 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vtm-v2-gradient {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.vtm-v2-button {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

@media (min-width: 1024px) {
  .vtm-v2-button {
    width: 51.172%;
  }
}

@media (min-width: 1440px) {
  .vtm-v2-button {
    width: 58.333%;
  }
}

@media (min-width: 2560px) {
  .vtm-v2-button {
    width: 54.648%;
  }
}

.vtm-v2-button:after {
  width: 1.6875rem;
  height: 1.6875rem;
}

@media (min-width: 640px) {
  .vtm-v2-button:after {
    width: 4.1875rem;
    height: 4.1875rem;
  }
}

@media (min-width: 1024px) {
  .vtm-v2-button:after {
    width: 3.9375rem;
    height: 3.9375rem;
  }
}

@media (min-width: 1440px) {
  .vtm-v2-button:after {
    width: 6.125rem;
    height: 6.125rem;
  }
}

.vtm-v2-cinemagraph,
.vtm-v2-images,
.vtm-v2-youtube {
  height: 15rem;
  position: relative;
  display: flex;
  overflow: hidden;
}

@media (min-width: 640px) {
  .vtm-v2-cinemagraph,
  .vtm-v2-images,
  .vtm-v2-youtube {
    height: 20rem;
  }
}

@media (min-width: 1024px) {
  .vtm-v2-cinemagraph,
  .vtm-v2-images,
  .vtm-v2-youtube {
    height: 35.5rem;
  }
}

@media (min-width: 1440px) {
  .vtm-v2-cinemagraph,
  .vtm-v2-images,
  .vtm-v2-youtube {
    height: 43.75rem;
  }
}

@media (min-width: 2560px) {
  .vtm-v2-cinemagraph,
  .vtm-v2-images,
  .vtm-v2-youtube {
    height: 77.5rem;
  }
}

.vtm-v2-image-container {
  width: 100%;
}

.vtm-v2-youtube-container {
  width: 100%;
}

.vtm-v2-image {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vtm-v2-disclaimer-container {
  position: absolute;
  right: 3rem;
  bottom: 0.5rem;
  display: none;
  z-index: 2;
}

@media (min-width: 1024px) {
  .vtm-v2-disclaimer-container {
    width: calc(51.172% - 96px);
    display: flex;
    justify-content: center;
    text-align: center;
  }
}

@media (min-width: 1440px) {
  .vtm-v2-disclaimer-container {
    width: calc(58.333% - 96px);
  }
}

@media (min-width: 2560px) {
  .vtm-v2-disclaimer-container {
    width: calc(54.648% - 96px);
    bottom: 1.5rem;
  }
}

.vtm-v2-disclaimer-inner {
  width: 100%;
  max-width: 46.875rem;
}

.vtm-v2-disclaimer {
  font-weight: 700;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 1rem;
}

.vtm-v2-disclaimer button {
  color: currentColor;
}

.vtm-v2-cinemagraph {
  /* CSS override specific to iOS devices */
}

.vtm-v2-cinemagraph .media-cinemagraph-enhanced-container {
  width: 100%;
}

.vtm-v2-cinemagraph .media-cinemagraph-player {
  width: auto;
  min-width: 100%;
  max-width: none;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0) scale(1);
}

.vtm-v2-cinemagraph .video-js {
  width: 170% !important;
  height: 100% !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  padding-top: 58% !important;
}

@media (min-width: 640px) {
  .vtm-v2-cinemagraph .video-js {
    width: 135% !important;
  }
}

@media (min-width: 1024px) {
  .vtm-v2-cinemagraph .video-js {
    width: 100% !important;
  }
}

.vtm-v2-cinemagraph .s7controlbar {
  height: 1.6875rem !important;
  right: 0;
  left: auto !important;
  bottom: 0.5625rem !important;
  padding: 0 0.5625rem;
  z-index: 2;
}

@media (min-width: 1024px) {
  .vtm-v2-cinemagraph .s7controlbar {
    width: 51.172% !important;
  }
}

@media (min-width: 1440px) {
  .vtm-v2-cinemagraph .s7controlbar {
    width: 58.333% !important;
    bottom: 1.1875rem !important;
    padding: 0 1.0625rem;
  }
}

@media (min-width: 2560px) {
  .vtm-v2-cinemagraph .s7controlbar {
    width: 54.648% !important;
  }
}

.vtm-v2-cinemagraph .s7innercontrolbarcontainer {
  width: 100%;
}

.vtm-v2-cinemagraph .s7playpausebutton {
  width: 1.5625rem !important;
  height: 1.5625rem !important;
  top: 0 !important;
  left: 0 !important;
}

@media (max-width: 1023px) {
  .vtm-v2-cinemagraph .s7fullscreenbutton {
    top: -1.0625rem !important;
  }
  .vtm-v2-cinemagraph .s7videotime {
    top: -0.25rem !important;
  }
}

@supports (-webkit-touch-callout: none) {
  .vtm-v2-cinemagraph .s7videoplayer {
    width: 170% !important;
    height: 100% !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    padding-top: 58% !important;
  }
  .vtm-v2-cinemagraph .s7videoelement {
    position: absolute;
    left: 0px !important;
    top: 0px !important;
    width: 100% !important;
    height: 100% !important;
  }
  .vtm-v2-cinemagraph .s7videotime {
    top: 0 !important;
  }
}

@supports (-webkit-touch-callout: none) {
  @media (min-width: 640px) {
    .vtm-v2-cinemagraph .s7videoplayer {
      width: 135% !important;
    }
  }
  @media (min-width: 1024px) {
    .vtm-v2-cinemagraph .s7videoplayer {
      width: 100% !important;
    }
  }
}

body.chat-opened .vtm-v2-image {
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  top: unset;
  left: unset;
  transform: none;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .vtm-v2-button {
    width: 100%;
  }
  body.chat-opened .vtm-v2-disclaimer-container {
    width: 100%;
  }
}
.vtc-v2 {
  display: flex;
  flex-direction: column;
}

.vtc-v2-progress-slider {
  width: 100%;
  height: 0.5rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.5rem;
  border-bottom: 0.125rem solid #ffffff;
}

.vtc-v2-progress {
  width: 0;
  height: 0.5rem;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0;
}

.vtc-v2-progress-width-100 {
  width: 100%;
  transition: width 0.5s ease-out;
}

.vtc-v2-progress-margin-left-100 {
  margin-left: 100%;
  transition: margin 0.5s linear;
}

.vtc-v2-progress-no-transition {
  width: 0;
  transition: width 0s;
}

.vtc-v2-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #ffffff;
  line-height: 1.625rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 1440px) {
  .vtc-v2-headline {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

@media (min-width: 2560px) {
  .vtc-v2-headline {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.vtc-v2-copy {
  font-weight: 400;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
  padding-right: 1.125rem;
}

@media (min-width: 1024px) {
  .vtc-v2-copy {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .vtc-v2-copy {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

@media (min-width: 2560px) {
  .vtc-v2-copy {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.vtc-v2-copy a {
  color: currentColor;
}

.vtc-v2-copy a svg {
  display: inline-block;
  margin-left: 0.5rem;
}

.vtc-v2-copy a .sticky-icon-wrap {
  position: relative;
}

.vtc-v2-copy button {
  color: currentColor;
}

.vtc-v2-conquest-title {
  font-weight: 700;
  font-size: 0.875rem;
  color: #00aad2;
  line-height: 1.25rem;
  margin-top: 1rem;
  padding-right: 1.125rem;
}

@media (min-width: 1024px) {
  .vtc-v2-conquest-title {
    margin-top: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .vtc-v2-conquest-title {
    margin-top: 1rem;
  }
}

@media (min-width: 2560px) {
  .vtc-v2-conquest-title {
    margin-top: 1.5rem;
  }
}

.vtc-v2-conquest {
  font-weight: 400;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
  margin-top: 0.25rem;
  padding-right: 1.125rem;
}

@media (min-width: 1024px) {
  .vtc-v2-conquest {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .vtc-v2-conquest {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

@media (min-width: 2560px) {
  .vtc-v2-conquest {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.vtc-v2-conquest a {
  color: currentColor;
}

.vtc-v2-conquest a svg {
  display: inline-block;
  margin-left: 0.5rem;
}

.vtc-v2-conquest a .sticky-icon-wrap {
  position: relative;
}

.vtc-v2-conquest button {
  color: currentColor;
  text-decoration: underline;
}

.vtc-v2-legal {
  font-weight: 700;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 1rem;
  margin-top: 1rem;
  padding-right: 1.125rem;
}

.vtc-v2-legal button {
  color: currentColor;
}

.stb {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.stb-inner {
  width: 100%;
  max-width: 160rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.stb-padding-top .stb-inner {
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .stb-padding-top .stb-inner {
    padding-top: 3rem;
  }
}

@media (min-width: 1440px) {
  .stb-padding-top .stb-inner {
    padding-top: 4.5rem;
  }
}

.stb-padding-bottom .stb-inner {
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .stb-padding-bottom .stb-inner {
    padding-bottom: 3rem;
  }
}

@media (min-width: 1440px) {
  .stb-padding-bottom .stb-inner {
    padding-bottom: 4.5rem;
  }
}

.stb-cards {
  width: 100%;
  max-width: 90rem;
  display: flex;
  flex-wrap: wrap;
}

.stb-card {
  height: 11.375rem;
  position: relative;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

@media (min-width: 640px) {
  .stb-card {
    height: 16.5rem;
  }
}

@media (min-width: 1024px) {
  .stb-card {
    height: 18.75rem;
  }
}

@media (min-width: 1440px) {
  .stb-card {
    height: 25rem;
  }
}

.stb-cards-four .stb-card {
  width: 50%;
  flex-basis: 50%;
  border-top: 0 !important;
  border-left: 0 !important;
}

@media (max-width: 1023px) {
  .stb-cards-four .stb-card:nth-last-child(-n+2) {
    border-bottom: 0 !important;
  }
  .stb-cards-four .stb-card:nth-child(even) {
    border-right: 0 !important;
  }
}

@media (min-width: 1024px) {
  .stb-cards-four .stb-card {
    width: 25%;
    flex-basis: 25%;
    border-bottom: 0 !important;
  }
  .stb-cards-four .stb-card:last-child {
    border-right: 0 !important;
  }
}

.stb-cards-three .stb-card {
  width: 50%;
  flex-basis: 50%;
  border-top: 0 !important;
  border-left: 0 !important;
}

@media (max-width: 1023px) {
  .stb-cards-three .stb-card:last-child {
    width: 100%;
    flex-basis: 100%;
    border-bottom: 0 !important;
    border-right: 0 !important;
  }
  .stb-cards-three .stb-card:nth-child(even) {
    border-right: 0 !important;
  }
}

@media (min-width: 1024px) {
  .stb-cards-three .stb-card {
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
    border-bottom: 0 !important;
  }
  .stb-cards-three .stb-card:last-child {
    border-right: 0 !important;
  }
}

.stb-cards-two-row .stb-card {
  width: 50%;
  flex-basis: 50%;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
}

@media (max-width: 1023px) {
  .stb-cards-two-row .stb-card {
    height: 33rem;
  }
}

@media (max-width: 639px) {
  .stb-cards-two-row .stb-card {
    height: 22.75rem;
  }
}

.stb-cards-two-row .stb-card:last-child {
  border-right: 0 !important;
}

.stb-cards-two-column .stb-card {
  width: 100%;
  flex-basis: 100%;
  border-top: 0 !important;
  border-left: 0 !important;
}

@media (max-width: 1023px) {
  .stb-cards-two-column .stb-card {
    border-right: 0 !important;
  }
  .stb-cards-two-column .stb-card:last-child {
    border-bottom: 0 !important;
  }
}

@media (min-width: 1024px) {
  .stb-cards-two-column .stb-card {
    width: 50%;
    flex-basis: 50%;
    border-bottom: 0 !important;
  }
}

.stb-cards-two-column .stb-card:last-child {
  border-right: 0 !important;
}

.stb-cards-one .stb-card {
  width: 100%;
  flex-basis: 100%;
  border: 0 !important;
}

.stb-cards-light .stb-card {
  background-color: #ffffff;
  border: 0.0625rem solid #dfdfdf;
}

.stb-cards-light .stb-card:hover .stb-card-inner {
  background-color: rgba(0, 0, 0, 0.1);
}

.stb-cards-dark .stb-card {
  background-color: #1f1e21;
  border: 0.0625rem solid #8b8b8b;
}

.stb-cards-dark .stb-card:hover .stb-card-inner {
  background-color: rgba(255, 255, 255, 0.1);
}

.stb-card-inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: background-color 0.3s ease-out;
}

.stb-card-content {
  position: absolute;
  top: 50%;
  right: 1rem;
  left: 1rem;
  transform: translateY(-50%);
}

@media (min-width: 640px) {
  .stb-card-content {
    right: 2rem;
    left: 2rem;
  }
}

@media (min-width: 1024px) {
  .stb-card-content {
    right: 2.625rem;
    left: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .stb-card-content {
    right: 3rem;
    left: 4.5rem;
  }
}

.stb-card-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: #333333;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .stb-card-icon {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 1024px) {
  .stb-card-icon {
    margin-bottom: 1.5rem;
  }
}

.stb-cards-dark .stb-card-icon {
  color: #ffffff;
}

.stb-card-headline-container {
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .stb-card-headline-container {
    margin-bottom: 1rem;
  }
}

@media (min-width: 1440px) {
  .stb-card-headline-container {
    margin-bottom: 1.5rem;
  }
}

.stb-card-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.875rem;
}

@media (min-width: 640px) {
  .stb-card-headline {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1440px) {
  .stb-card-headline {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

.stb-cards-dark .stb-card-headline {
  color: #ffffff;
}

.stb-card-tertiary {
  align-items: center;
  font-weight: 700;
  color: #002c5e;
  text-decoration: none;
  padding-right: 2.5rem;
}

.stb-card-tertiary.stb-small {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.stb-card-tertiary.stb-medium {
  font-size: 1rem;
  line-height: 1.375rem;
}

.stb-card-tertiary.stb-large {
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.stb-card-tertiary.stb-dark-blue {
  color: #002c5e;
}

.stb-card-tertiary.stb-white {
  color: #ffffff;
}

.stb-card-tertiary.stb-darkest-gray {
  color: #333333;
}

.stb-card-tertiary.stb-chevron svg {
  width: 2.25rem;
  height: 1rem;
}

.stb-card-tertiary.stb-external svg {
  width: 2.25rem;
  height: 1.5rem;
}

.stb-card-tertiary .sticky-icon-wrap {
  display: inline-flex;
  align-items: center;
}

.stb-card:active .stb-card-tertiary.stb-dark-blue {
  color: #00aad2;
}

.stb-card:active .stb-card-tertiary.stb-white {
  color: #00aad2;
}

.stb-card:active .stb-card-tertiary.stb-darkest-gray {
  color: #00aad2;
}

.stb-card:focus .stb-card-tertiary.stb-dark-blue {
  color: #002c5e;
}

.stb-card:focus .stb-card-tertiary.stb-white {
  color: #ffffff;
}

.stb-card:focus .stb-card-tertiary.stb-darkest-gray {
  color: #333333;
}

.stb-card:disabled .stb-card-tertiary.stb-dark-blue {
  color: #888888;
}

.stb-card:disabled .stb-card-tertiary.stb-white {
  color: #888888;
}

.stb-card:disabled .stb-card-tertiary.stb-darkest-gray {
  color: #888888;
}

.stb-card:hover .stb-card-tertiary.stb-dark-blue {
  color: #002c5e;
}

.stb-card:hover .stb-card-tertiary.stb-white {
  color: #ffffff;
}

.stb-card:hover .stb-card-tertiary.stb-darkest-gray {
  color: #333333;
}

.svg-animate {
  display: inline-flex;
  flex-shrink: 0;
}

.svg-animate svg {
  width: 100%;
  height: 100%;
}

.ts-container {
  position: relative;
  max-width: 120rem;
  margin: auto;
}

.ts-inner-container {
  display: flex;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .ts-inner-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .ts-inner-container {
    padding-left: 2.625rem;
    padding-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .ts-inner-container {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

.ts-inner-container-top-padding {
  padding-top: 1rem;
}

@media (min-width: 640px) {
  .ts-inner-container-top-padding {
    padding-top: 2rem;
  }
}

@media (min-width: 1024px) {
  .ts-inner-container-top-padding {
    padding-top: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .ts-inner-container-top-padding {
    padding-top: 4.5rem;
  }
}

.ts-inner-container-bottom-padding {
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .ts-inner-container-bottom-padding {
    padding-bottom: 2rem;
  }
}

@media (min-width: 1024px) {
  .ts-inner-container-bottom-padding {
    padding-bottom: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .ts-inner-container-bottom-padding {
    padding-bottom: 4.5rem;
  }
}

.ts-inner-container-top-smallpadding {
  padding-top: 0.25rem;
}

.ts-inner-container-bottom-smallpadding {
  padding-bottom: 0.25rem;
}

.ts-bg-image-container {
  height: calc(100vh - 64px);
  width: 100%;
  background-color: #bababa;
  background-size: cover;
  /* background-size: 100% ; */
  background-position: 50% 50%;
  display: flex;
  flex-direction: column;
  cursor: default;
}

@media (max-width: 639px) {
  .ts-bg-image-container {
    height: calc(100vh - 44px);
  }
}

.ts-bg-image-container-no-nav {
  height: 100vh;
}

.ts-bg-image-container-padding {
  height: calc(100vh - (44px + 16px + 16px));
}

@media (min-width: 640px) {
  .ts-bg-image-container-padding {
    height: calc(100vh - (64px + 32px + 32px));
  }
}

@media (min-width: 1024px) {
  .ts-bg-image-container-padding {
    height: calc(100vh - (64px + 42px + 42px));
  }
}

@media (min-width: 1440px) {
  .ts-bg-image-container-padding {
    height: calc(100vh - (64px + 72px + 72px));
  }
}

.ts-bg-image-container-top-btm-padding {
  height: calc(100vh - (44px + 16px));
}

@media (min-width: 640px) {
  .ts-bg-image-container-top-btm-padding {
    height: calc(100vh - (64px + 32px));
  }
}

@media (min-width: 1024px) {
  .ts-bg-image-container-top-btm-padding {
    height: calc(100vh - (64px + 42px));
  }
}

@media (min-width: 1440px) {
  .ts-bg-image-container-top-btm-padding {
    height: calc(100vh - (64px + 72px));
  }
}

.ts-bg-image-container-smallpadding {
  height: calc(100vh - (44px + 4px + 4px));
}

@media (min-width: 640px) {
  .ts-bg-image-container-smallpadding {
    height: calc(100vh - (64px + 4px + 4px));
  }
}

.ts-bg-image-container-top-btm-smallpadding {
  height: calc(100vh - (44px + 4px));
}

@media (min-width: 640px) {
  .ts-bg-image-container-top-btm-smallpadding {
    height: calc(100vh - (64px + 4px));
  }
}

.ts-bg-image-container-no-nav-padding {
  height: calc(100vh - (16px + 16px));
}

@media (min-width: 640px) {
  .ts-bg-image-container-no-nav-padding {
    height: calc(100vh - (32px + 32px));
  }
}

@media (min-width: 1024px) {
  .ts-bg-image-container-no-nav-padding {
    height: calc(100vh - (42px + 42px));
  }
}

@media (min-width: 1440px) {
  .ts-bg-image-container-no-nav-padding {
    height: calc(100vh - (72px + 72px));
  }
}

.ts-bg-image-container-no-nav-top-btm-padding {
  height: calc(100vh - 16px);
}

@media (min-width: 640px) {
  .ts-bg-image-container-no-nav-top-btm-padding {
    height: calc(100vh - 32px);
  }
}

@media (min-width: 1024px) {
  .ts-bg-image-container-no-nav-top-btm-padding {
    height: calc(100vh - 42px);
  }
}

@media (min-width: 1440px) {
  .ts-bg-image-container-no-nav-top-btm-padding {
    height: calc(100vh - 72px);
  }
}

.ts-bg-image-container-no-nav-smallpadding {
  height: calc(100vh - (4px + 4px));
}

.ts-bg-image-container-no-nav-top-btm-smallpadding {
  height: calc(100vh - 4px);
}

.ts-bg-min-height {
  min-height: 30rem;
}

@media (min-width: 640px) {
  .ts-bg-min-height {
    min-height: 43.875rem;
  }
}

@media (min-width: 1024px) {
  .ts-bg-min-height {
    min-height: 26.75rem;
  }
}

@media (min-width: 1440px) {
  .ts-bg-min-height {
    min-height: 36rem;
  }
}

.ts-bg-max-height {
  max-height: 44.875rem;
}

@media (min-width: 640px) {
  .ts-bg-max-height {
    max-height: 57.25rem;
  }
}

@media (min-width: 1024px) {
  .ts-bg-max-height {
    max-height: 42.75rem;
  }
}

@media (min-width: 1440px) {
  .ts-bg-max-height {
    max-height: 58.5rem;
  }
}

.ts-logo-padding {
  padding: 1rem;
}

@media (min-width: 640px) {
  .ts-logo-padding {
    padding: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .ts-logo-padding {
    padding: 1.5rem;
  }
}

@media (min-width: 1440px) {
  .ts-logo-padding {
    padding: 2rem;
  }
}

.ts-logo-top-right-position {
  display: flex;
  justify-content: right;
}

.ts-logo-top-right-position .ts-logo {
  flex-direction: row-reverse;
}

@media (min-width: 640px) {
  .ts-logo-top-right-position {
    float: right;
  }
}

.ts-logo-top-right-bottom-position {
  display: flex;
  justify-content: right;
}

.ts-logo-top-right-bottom-position .ts-logo {
  flex-direction: row-reverse;
}

@media (max-width: 1023px) {
  .ts-logo-top-right-bottom-position {
    display: none;
  }
}

@media (min-width: 640px) {
  .ts-logo-top-right-bottom-position {
    float: right;
  }
}

.ts-logo {
  width: 14.9375rem;
  height: 6.75rem;
  display: flex;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

@media (min-width: 640px) {
  .ts-logo {
    width: 15rem;
    height: 7.5rem;
  }
}

@media (min-width: 1024px) {
  .ts-logo {
    width: 16rem;
    height: 10rem;
  }
}

@media (min-width: 1440px) {
  .ts-logo {
    width: 22.5rem;
    height: 11.5rem;
  }
}

.ts-logo img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ts-logo svg {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media (min-width: 1024px) {
  .ts-bottom-logo-mob {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .ts-bottom-logo-desktop {
    display: none !important;
  }
}

.ts-top-icon-logo {
  display: flex;
}

.ts-top-icon-logo .ts-text-container {
  width: 100%;
}

@media (max-width: 1023px) {
  .ts-top-icon-logo .ts-text-container {
    display: none;
  }
}

@media (min-width: 1024px) {
  .ts-top-icon-logo .ts-text-container {
    padding: 1.5rem 1.5rem 0 2.5rem;
  }
}

@media (min-width: 1440px) {
  .ts-top-icon-logo .ts-text-container {
    padding: 2rem 2rem 0 16.625rem;
  }
}

.ts-top-icon-logo .ts-count-down-timer {
  align-items: flex-start;
}

@media (min-width: 1024px) {
  .ts-top-icon-mobile {
    display: none;
  }
}

.ts-fixed-height {
  max-height: 48rem;
}

@media (min-width: 640px) {
  .ts-fixed-height {
    max-height: 43.5rem;
  }
}

@media (min-width: 1024px) {
  .ts-fixed-height {
    max-height: 44rem;
  }
}

@media (min-width: 1440px) {
  .ts-fixed-height {
    max-height: 52.25rem;
  }
}

.ts-content {
  margin-top: auto;
  display: inline-flex;
  justify-content: space-between;
}

.ts-content .ts-count-down-timer {
  align-items: flex-end;
  padding: 0 1rem 1rem 0;
}

@media (min-width: 1024px) {
  .ts-content .ts-count-down-timer {
    padding: 0 1.5rem 1.5rem 0;
  }
}

@media (min-width: 1440px) {
  .ts-content .ts-count-down-timer {
    padding: 0 2rem 2rem 0;
  }
}

.ts-content .ts-count-down-timer .countdown .block:last-child {
  padding-right: 0;
  margin-right: 0;
}

.ts-text-container {
  box-sizing: border-box;
  padding: 0 1rem 1rem;
  width: 100%;
  margin-top: auto;
}

@media (min-width: 640px) {
  .ts-text-container {
    padding: 0 1.25rem 1.25rem;
  }
}

@media (min-width: 1024px) {
  .ts-text-container {
    padding: 0 1.5rem 1.5rem;
    width: 66.66%;
  }
}

@media (min-width: 1440px) {
  .ts-text-container {
    padding: 0 2rem 2rem;
    width: 50%;
  }
}

.ts-text-container .countdown-clock {
  color: #ffffff;
  justify-content: start;
  padding-bottom: 0.25rem;
}

@media (min-width: 1024px) {
  .ts-text-container .countdown-clock {
    padding-bottom: 0.5rem;
  }
}

.ts-text-container .hero-enhanced-title {
  text-align: left !important;
}

.ts-text-header {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding-bottom: 0.25rem;
  max-width: calc(100% - 15px);
}

@media (min-width: 640px) {
  .ts-text-header {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1024px) {
  .ts-text-header {
    font-size: 1.5rem;
    line-height: 1.875rem;
    padding-bottom: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .ts-text-header {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.ts-text-sub-header {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-bottom: 0.25rem;
  max-width: calc(100% - 15px);
}

@media (min-width: 1024px) {
  .ts-text-sub-header {
    font-size: 1rem;
    line-height: 1.375rem;
    padding-bottom: 0.5rem;
  }
}

.ts-text-disclaimer-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  padding-bottom: 0.75rem;
  max-width: calc(100% - 15px);
}

@media (min-width: 1024px) {
  .ts-text-disclaimer-text {
    padding-bottom: 1rem;
  }
}

.ts-text-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}

@media (min-width: 640px) {
  .ts-text-ctas {
    gap: 1rem;
  }
}

.ts-text-ctas button:after {
  content: none;
}

.ts-text-ctas .ts-cta-padding {
  width: 100%;
  padding: 0.75rem 1.875rem;
  border-width: 0.0625rem;
}

@media (min-width: 640px) {
  .ts-text-ctas .ts-cta-padding {
    max-width: 11.5625rem;
  }
}

@media (min-width: 1440px) {
  .ts-text-ctas .ts-cta-padding {
    padding: 0.75rem 2rem;
    margin-right: calc(100% - 185px);
  }
}

.ts-cta-padding svg {
  margin-left: 0.375rem;
}

.ts-cta-link {
  color: #ffffff;
  font-weight: 700;
  font-size: 1rem;
  text-decoration: none;
  line-height: 1.375rem;
  white-space: nowrap !important;
}

.ts-cta-link svg {
  display: inline-block;
}

.ts-button-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
}

.ts-button-cta svg {
  width: 0.625rem;
  height: 0.625rem;
  flex-shrink: 0;
  margin-left: 0.375rem;
  fill: currentColor;
}

.ts-white-mode {
  color: #ffffff;
}

.ts-white-mode .tooltip-trigger {
  color: #ffffff;
}

.ts-white-mode .ts-button-cta {
  color: #ffffff;
}

.ts-dark-mode {
  color: #000000;
}

.ts-dark-mode .ts-button-cta {
  color: #002c5e;
}

.ts-card-tertiary {
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  color: #002c5e;
  text-decoration: none;
  cursor: pointer;
}

.ts-card-tertiary.ts-small {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ts-card-tertiary.ts-medium {
  font-size: 1rem;
  line-height: 1.375rem;
}

.ts-card-tertiary.ts-large {
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.ts-card-tertiary.ts-dark-blue {
  color: #002c5e;
}

.ts-card-tertiary.ts-white {
  color: #ffffff;
}

.ts-card-tertiary.ts-darkest-gray {
  color: #333333;
}

.ts-card-tertiary.ts-chevron svg {
  width: 2.25rem;
  height: 1rem;
}

.ts-card-tertiary.ts-external svg {
  width: 2.25rem;
  height: 1.5rem;
}

.ts-card-tertiary.ts-calendar {
  width: 80%;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .ts-card-tertiary.ts-calendar {
    width: auto;
  }
}

.ts-card-tertiary.ts-calendar svg * {
  color: currentColor;
  fill: currentColor;
}

.ts-card-tertiary div {
  display: flex;
}

.ts-card:active .ts-card-tertiary.ts-dark-blue {
  color: #00aad2;
}

.ts-card:active .ts-card-tertiary.ts-white {
  color: #00aad2;
}

.ts-card:active .ts-card-tertiary.ts-darkest-gray {
  color: #00aad2;
}

.ts-card:focus .ts-card-tertiary.ts-dark-blue {
  color: #002c5e;
}

.ts-card:focus .ts-card-tertiary.ts-white {
  color: #ffffff;
}

.ts-card:focus .ts-card-tertiary.ts-darkest-gray {
  color: #333333;
}

.ts-card:disabled .ts-card-tertiary.ts-dark-blue {
  color: #888888;
}

.ts-card:disabled .ts-card-tertiary.ts-white {
  color: #888888;
}

.ts-card:disabled .ts-card-tertiary.ts-darkest-gray {
  color: #888888;
}

.ts-card:hover .ts-card-tertiary.ts-dark-blue {
  color: #002c5e;
}

.ts-card:hover .ts-card-tertiary.ts-white {
  color: #ffffff;
}

.ts-card:hover .ts-card-tertiary.ts-darkest-gray {
  color: #333333;
}

.ts-count-down-timer {
  display: flex;
  justify-content: center;
  padding: 1rem 1rem 0;
}

@media (min-width: 1024px) {
  .ts-count-down-timer {
    padding: 1.5rem 1.5rem 0;
  }
}

@media (min-width: 1440px) {
  .ts-count-down-timer {
    padding: 2rem 2rem 0;
  }
}

.ts-count-down-timer .countdown-clock {
  color: #ffffff;
}

.ts-top-icon-count-timer .ts-text-container {
  padding-left: 0;
}

.ts-container .countdown .block {
  margin: 0 0.6875rem 0 0;
  padding: 0 0.5rem;
}

@media (max-width: 639px) {
  .ts-container .countdown .block {
    margin: 0;
    padding: 0 0.625rem 0 0.25rem;
  }
}

.ts-container .countdown .block:first-child {
  padding-left: 0;
}

.ts-container .countdown .digit {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

@media (min-width: 640px) {
  .ts-container .countdown .digit {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .ts-container .countdown .digit {
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

.ts-container .countdown .separator:after {
  width: 0.875rem;
  padding-left: 0.5rem;
}

@media (max-width: 639px) {
  .ts-container .countdown .separator:after {
    width: 0.5rem;
    padding-left: 0.25rem;
  }
}

.ts-container .countdown .text {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}

@media (min-width: 640px) {
  .ts-container .countdown .text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .ts-container .countdown .text {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.ts-container .hero-enhanced-countdown-timer-footer {
  max-width: 34.375rem;
}

.ts-container .hero-enhanced-countdown-timer-footer a {
  display: inline-flex;
  align-items: center;
  color: #002c5e;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-bottom: 0.25rem;
}

.ts-container .hero-enhanced-countdown-timer-footer svg {
  margin-left: 0.25rem;
  width: 0.625rem;
  height: 0.5625rem;
}

@media (min-width: 1024px) {
  .ts-container .hero-enhanced-countdown-timer-footer a {
    padding-bottom: 0.5rem;
  }
}

.ts-container .hero-enhanced-title {
  display: block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  max-width: 34.375rem;
  padding-bottom: 0.25rem;
}

@media (min-width: 1024px) {
  .ts-container .hero-enhanced-title {
    font-size: 1rem;
    line-height: 1.375rem;
    padding-bottom: 0.5rem;
  }
}

.ts-container .hero-enhanced-subhead {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  max-width: 34.375rem;
  padding-bottom: 0.25rem;
}

@media (min-width: 1024px) {
  .ts-container .hero-enhanced-subhead {
    font-size: 1rem;
    line-height: 1.375rem;
    padding-bottom: 0.5rem;
  }
}

.ts-count-down-timer-large .countdown .block {
  margin: 0 0.625rem 0 0;
  padding: 0 0.25rem;
}

@media (min-width: 640px) {
  .ts-count-down-timer-large .countdown .block {
    margin: 0 0.75rem 0 0;
    padding: 0 0.5rem;
  }
}

@media (min-width: 1440px) {
  .ts-count-down-timer-large .countdown .block {
    margin: 0 1rem 0 0;
    padding: 0 0.75rem;
  }
}

.ts-count-down-timer-large .countdown .separator:after {
  width: 0.6875rem;
  padding-left: 0.25rem;
}

@media (min-width: 640px) {
  .ts-count-down-timer-large .countdown .separator:after {
    width: 0.875rem;
    padding-left: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .ts-count-down-timer-large .countdown .separator:after {
    width: 1.1875rem;
    padding-left: 0.75rem;
  }
}

.ts-count-down-timer-large .countdown .digit {
  font-size: 2.5rem;
  line-height: 2.625rem;
}

@media (min-width: 640px) {
  .ts-count-down-timer-large .countdown .digit {
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

@media (min-width: 1440px) {
  .ts-count-down-timer-large .countdown .digit {
    font-size: 4.375rem;
    line-height: 4.625rem;
  }
}

.ts-count-down-timer-large .countdown .text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}

@media (min-width: 640px) {
  .ts-count-down-timer-large .countdown .text {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.ts-count-down-timer-style4 .countdown .digit {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.ts-count-down-timer-style4 .countdown .text {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}

.ts-count-down-timer-style4 .countdown .block {
  margin: 0;
  padding: 0 0.625rem 0 0.25rem;
}

.ts-count-down-timer-style4 .countdown .separator:after {
  width: 0.5rem;
  padding-left: 0.25rem;
}

.ts-2up-inner-container {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .ts-2up-inner-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .ts-2up-inner-container {
    padding-left: 2.625rem;
    padding-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .ts-2up-inner-container {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

.ts-inner-container-left,
.ts-inner-container-right {
  width: 50%;
}

.ts-slide-bg-image-container {
  height: calc(100vh - (64px + 45px));
  width: 100%;
  background-color: #bababa;
  background-size: cover;
  background-position: 50% 50%;
  display: flex;
  flex-direction: column;
  cursor: default;
}

@media (max-width: 639px) {
  .ts-slide-bg-image-container {
    height: calc(100vh - 150px);
  }
}

.ts-stacked {
  flex-direction: column;
}

@media (max-width: 639px) {
  .ts-inner-container-stacked .ts-bg-image-container {
    height: calc(80vh - 44px);
  }
}

@media (max-width: 639px) {
  .ts-inner-container-stacked .ts-bg-image-container-no-nav {
    height: 80vh;
  }
}

@media (max-width: 639px) {
  .ts-inner-container-stacked .ts-bg-image-container-padding {
    height: calc(80vh - (44px + 16px + 16px));
  }
}

@media (max-width: 639px) {
  .ts-inner-container-stacked .ts-bg-image-container-top-btm-padding {
    height: calc(80vh - (44px + 16px));
  }
}

@media (max-width: 639px) {
  .ts-inner-container-stacked .ts-bg-image-container-smallpadding {
    height: calc(80vh - (44px + 4px + 4px));
  }
}

@media (max-width: 639px) {
  .ts-inner-container-stacked .ts-bg-image-container-top-btm-smallpadding {
    height: calc(80vh - (44px + 4px));
  }
}

@media (max-width: 639px) {
  .ts-inner-container-stacked .ts-bg-image-container-no-nav-padding {
    height: calc(80vh - (16px + 16px));
  }
}

@media (max-width: 639px) {
  .ts-inner-container-stacked .ts-bg-image-container-no-nav-top-btm-padding {
    height: calc(80vh - 16px);
  }
}

@media (max-width: 639px) {
  .ts-inner-container-stacked .ts-bg-image-container-no-nav-smallpadding {
    height: calc(80vh - (4px + 4px));
  }
}

@media (max-width: 639px) {
  .ts-inner-container-stacked .ts-bg-image-container-no-nav-top-btm-smallpadding {
    height: calc(80vh - 4px);
  }
}

.ts-2up .ts-text-container {
  width: 100%;
  padding: 0 1rem 1rem;
}

@media (min-width: 640px) {
  .ts-2up .ts-text-container {
    padding: 0 1.25rem 1.25rem;
  }
}

@media (min-width: 1024px) {
  .ts-2up .ts-text-container {
    padding: 0 1.5rem 1.5rem;
  }
}

@media (min-width: 1440px) {
  .ts-2up .ts-text-container {
    padding: 0 2rem 2rem;
  }
}

.ts-2up .ts-inner-container .ts-inner-container-left {
  padding-right: 0.25rem;
}

.ts-2up .ts-inner-container-left {
  padding-right: 0.25rem;
}

.ts-2up .ts-inner-container-stacked:first-child {
  padding-bottom: 0.25rem;
}

.ts-2up .ts-card-tertiary {
  cursor: pointer;
}

.ts-2up .ts-cta-padding {
  padding: 0.75rem 1.875rem;
  border-width: 0.0625rem;
}

@media (min-width: 1440px) {
  .ts-2up .ts-cta-padding {
    padding: 0.75rem 2rem;
    margin-right: calc(100% - 185px);
  }
}

.ts-2up .swiper-horizontal > .swiper-pagination-bullets,
.ts-2up .swiper-pagination-horizontal.swiper-pagination-bullets {
  position: relative;
  display: flex;
  top: 0;
  bottom: 0;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1rem;
}

.ts-2up .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.ts-2up .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 0.5625rem;
  height: 0.5625rem;
  background-color: #bababa;
  opacity: 1;
  margin: 1.25rem;
  cursor: pointer;
}

.ts-2up .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active,
.ts-2up .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #00aad2;
}

@media (min-width: 1024px) {
  .ts-2up .swiper-pagination-bullet {
    display: none;
  }
}

.ts-count-down-timer {
  display: flex;
  justify-content: left;
  padding: 1rem 1rem 0;
}

@media (min-width: 1024px) {
  .ts-count-down-timer {
    padding: 1.5rem 1.5rem 0;
  }
}

@media (min-width: 1440px) {
  .ts-count-down-timer {
    padding: 2rem 2rem 0;
  }
}

.ts-count-down-timer .countdown-clock {
  color: #ffffff;
}

.ts-container .countdown .block {
  margin: 0 0.6875rem 0 0;
  padding: 0 0.5rem;
}

@media (max-width: 639px) {
  .ts-container .countdown .block {
    margin: 0;
    padding: 0 0.625rem 0 0.25rem;
  }
}

.ts-container .countdown .block:first-child {
  padding-left: 0;
}

.ts-container .countdown .digit {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

@media (min-width: 640px) {
  .ts-container .countdown .digit {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .ts-container .countdown .digit {
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

.ts-container .countdown .separator:after {
  width: 0.875rem;
  padding-left: 0.5rem;
}

@media (max-width: 639px) {
  .ts-container .countdown .separator:after {
    width: 0.5rem;
    padding-left: 0.25rem;
  }
}

.ts-container .countdown .text {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}

@media (min-width: 640px) {
  .ts-container .countdown .text {
    line-height: 1.25rem;
    font-size: 0.875rem;
  }
}

@media (min-width: 1440px) {
  .ts-container .countdown .text {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.ts-count-down-timer-large .countdown .block {
  margin: 0 0.625rem 0 0;
  padding: 0 0.25rem;
}

@media (min-width: 640px) {
  .ts-count-down-timer-large .countdown .block {
    margin: 0 0.75rem 0 0;
    padding: 0 0.5rem;
  }
}

@media (min-width: 1440px) {
  .ts-count-down-timer-large .countdown .block {
    margin: 0 1rem 0 0;
    padding: 0 0.75rem;
  }
}

.ts-count-down-timer-large .countdown .separator:after {
  width: 0.6875rem;
  padding-left: 0.25rem;
}

@media (min-width: 640px) {
  .ts-count-down-timer-large .countdown .separator:after {
    width: 0.875rem;
    padding-left: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .ts-count-down-timer-large .countdown .separator:after {
    width: 1.1875rem;
    padding-left: 0.75rem;
  }
}

.ts-count-down-timer-large .countdown .digit {
  font-size: 2.5rem;
  line-height: 2.625rem;
}

@media (min-width: 640px) {
  .ts-count-down-timer-large .countdown .digit {
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

@media (min-width: 1440px) {
  .ts-count-down-timer-large .countdown .digit {
    font-size: 4.375rem;
    line-height: 4.625rem;
  }
}

.ts-count-down-timer-large .countdown .text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}

@media (min-width: 640px) {
  .ts-count-down-timer-large .countdown .text {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.ts-count-down-timer-style4 .countdown .digit {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.ts-count-down-timer-style4 .countdown .text {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}

.ts-count-down-timer-style4 .countdown .block {
  margin: 0;
  padding: 0 0.625rem 0 0.25rem;
}

.ts-count-down-timer-style4 .countdown .separator:after {
  width: 0.5rem;
  padding-left: 0.25rem;
}

.ts-3up-inner-container {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .ts-3up-inner-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .ts-3up-inner-container {
    padding-left: 2.625rem;
    padding-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .ts-3up-inner-container {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

.ts-slide-bg-image-container {
  height: calc(100vh - (64px + 45px));
  width: 100%;
  background-color: #bababa;
  background-size: cover;
  background-position: 50% 50%;
  display: flex;
  flex-direction: column;
  cursor: default;
}

@media (max-width: 639px) {
  .ts-slide-bg-image-container {
    height: calc(100vh - 150px);
  }
}

.ts-stacked {
  flex-direction: column;
}

@media (max-width: 639px) {
  .ts-inner-container-stacked .ts-bg-image-container {
    height: calc(80vh - 44px);
  }
}

@media (max-width: 639px) {
  .ts-inner-container-stacked .ts-bg-image-container-no-nav {
    height: 80vh;
  }
}

@media (max-width: 639px) {
  .ts-inner-container-stacked .ts-bg-image-container-padding {
    height: calc(80vh - (44px + 16px + 16px));
  }
}

@media (max-width: 639px) {
  .ts-inner-container-stacked .ts-bg-image-container-top-btm-padding {
    height: calc(80vh - (44px + 16px));
  }
}

@media (max-width: 639px) {
  .ts-inner-container-stacked .ts-bg-image-container-smallpadding {
    height: calc(80vh - (44px + 4px + 4px));
  }
}

@media (max-width: 639px) {
  .ts-inner-container-stacked .ts-bg-image-container-top-btm-smallpadding {
    height: calc(80vh - (44px + 4px));
  }
}

@media (max-width: 639px) {
  .ts-inner-container-stacked .ts-bg-image-container-no-nav-padding {
    height: calc(80vh - (16px + 16px));
  }
}

@media (max-width: 639px) {
  .ts-inner-container-stacked .ts-bg-image-container-no-nav-top-btm-padding {
    height: calc(80vh - 16px);
  }
}

@media (max-width: 639px) {
  .ts-inner-container-stacked .ts-bg-image-container-no-nav-smallpadding {
    height: calc(80vh - (4px + 4px));
  }
}

@media (max-width: 639px) {
  .ts-inner-container-stacked .ts-bg-image-container-no-nav-top-btm-smallpadding {
    height: calc(80vh - 4px);
  }
}

.ts-3up .ts-inner-container-left,
.ts-3up .ts-inner-container-center,
.ts-3up .ts-inner-container-right {
  width: 33.3%;
}

.ts-3up .ts-text-container {
  width: 100%;
  padding: 0 1rem 1rem;
}

@media (min-width: 640px) {
  .ts-3up .ts-text-container {
    padding: 0 1.25rem 1.25rem;
  }
}

@media (min-width: 1024px) {
  .ts-3up .ts-text-container {
    padding: 0 1.5rem 1.5rem;
  }
}

@media (min-width: 1440px) {
  .ts-3up .ts-text-container {
    padding: 0 2rem 2rem;
  }
}

.ts-3up .ts-inner-container-left,
.ts-3up .ts-inner-container-center {
  padding-right: 0.25rem;
}

.ts-3up .ts-inner-container-stacked:first-child,
.ts-3up .ts-inner-container-stacked:nth-child(2) {
  padding-bottom: 0.25rem;
}

.ts-3up .block:first-child {
  margin-left: 0;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .ts-3up .ts-count-down-timer {
    justify-content: center !important;
  }
}

.ts-3up .ts-cta-padding {
  padding: 0.75rem 1.875rem;
  border-width: 0.0625rem;
}

@media (min-width: 1440px) {
  .ts-3up .ts-cta-padding {
    padding: 0.75rem 2rem;
    margin-right: calc(100% - 185px);
  }
}

.ts-3up .swiper-horizontal > .swiper-pagination-bullets,
.ts-3up .swiper-pagination-horizontal.swiper-pagination-bullets {
  position: relative;
  display: flex;
  top: 0;
  bottom: 0;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1rem;
}

.ts-3up .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.ts-3up .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 0.5625rem;
  height: 0.5625rem;
  background-color: #bababa;
  opacity: 1;
  margin: 1.25rem;
  cursor: pointer;
}

.ts-3up .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active,
.ts-3up .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #00aad2;
}

@media (min-width: 1024px) {
  .ts-3up .swiper-pagination-bullet {
    display: none;
  }
}

.ts-count-down-timer {
  display: flex;
  justify-content: left;
  padding: 1rem 1rem 0;
}

@media (min-width: 1024px) {
  .ts-count-down-timer {
    padding: 1.5rem 1.5rem 0;
  }
}

@media (min-width: 1440px) {
  .ts-count-down-timer {
    padding: 2rem 2rem 0;
  }
}

.ts-count-down-timer .countdown-clock {
  color: #ffffff;
}

.ts-container .countdown .block {
  margin: 0 0.6875rem 0 0;
  padding: 0 0.5rem;
}

@media (max-width: 639px) {
  .ts-container .countdown .block {
    margin: 0;
    padding: 0 0.625rem 0 0.25rem;
  }
}

.ts-container .countdown .block:first-child {
  padding-left: 0;
}

.ts-container .countdown .digit {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

@media (min-width: 640px) {
  .ts-container .countdown .digit {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .ts-container .countdown .digit {
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

.ts-container .countdown .separator:after {
  width: 0.875rem;
  padding-left: 0.5rem;
}

@media (max-width: 639px) {
  .ts-container .countdown .separator:after {
    width: 0.5rem;
    padding-left: 0.25rem;
  }
}

.ts-container .countdown .text {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}

@media (min-width: 640px) {
  .ts-container .countdown .text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .ts-container .countdown .text {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.ts-count-down-timer-large .countdown .block {
  margin: 0 0.625rem 0 0;
  padding: 0 0.25rem;
}

@media (min-width: 640px) {
  .ts-count-down-timer-large .countdown .block {
    margin: 0 0.75rem 0 0;
    padding: 0 0.5rem;
  }
}

@media (min-width: 1440px) {
  .ts-count-down-timer-large .countdown .block {
    margin: 0 1rem 0 0;
    padding: 0 0.75rem;
  }
}

.ts-count-down-timer-large .countdown .separator:after {
  width: 0.6875rem;
  padding-left: 0.25rem;
}

@media (min-width: 640px) {
  .ts-count-down-timer-large .countdown .separator:after {
    width: 0.875rem;
    padding-left: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .ts-count-down-timer-large .countdown .separator:after {
    width: 1.1875rem;
    padding-left: 0.75rem;
  }
}

.ts-count-down-timer-large .countdown .digit {
  font-size: 2.5rem;
  line-height: 2.625rem;
}

@media (min-width: 640px) {
  .ts-count-down-timer-large .countdown .digit {
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

@media (min-width: 1440px) {
  .ts-count-down-timer-large .countdown .digit {
    font-size: 4.375rem;
    line-height: 4.625rem;
  }
}

.ts-count-down-timer-large .countdown .text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}

@media (min-width: 640px) {
  .ts-count-down-timer-large .countdown .text {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.ts-count-down-timer-style4 .countdown .digit {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.ts-count-down-timer-style4 .countdown .text {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}

.ts-count-down-timer-style4 .countdown .block {
  margin: 0;
  padding: 0 0.625rem 0 0.25rem;
}

.ts-count-down-timer-style4 .countdown .separator:after {
  width: 0.5rem;
  padding-left: 0.25rem;
}

.bbgo {
  height: 78.125rem;
  overflow: hidden;
}

@media (min-width: 640px) {
  .bbgo {
    height: 71.875rem;
  }
}

.bbgo iframe {
  width: 100%;
  height: 78.125rem;
  border: none;
}

@media (min-width: 640px) {
  .bbgo iframe {
    height: 71.875rem;
  }
}

.pt {
  position: relative;
}

.pt-container {
  width: 100%;
  position: absolute;
  top: 0;
  left: -100%;
}

.pt-container-active {
  position: relative;
  top: auto;
  left: auto;
}
.ptb {
  display: flex;
  justify-content: center;
  gap: 1rem;
  position: relative;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-bottom: 1rem;
}

.ptb::-webkit-scrollbar {
  display: none;
}

.ptb-divider {
  display: none;
  position: relative;
  border-right: 0.0625rem solid #333333;
  opacity: 0.7;
}

@media (min-width: 640px) {
  .ptb-divider {
    width: 1.0625rem;
    display: flex;
    flex-shrink: 0;
  }
}

.ptb-buttons {
  width: 100%;
  max-width: 90rem;
  display: flex;
  gap: 1rem;
}

.ptb-button {
  flex-shrink: 0;
  font-weight: 500;
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
  border-bottom: 0.125rem solid transparent;
  padding-bottom: 0.25rem;
  opacity: 0.7;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.ptb-button:hover {
  opacity: 1;
}

.ptb-button svg {
  width: auto;
  height: 0.875rem;
  margin-right: 0.25rem;
}

.ptb-light .ptb-button {
  color: #ffffff;
}

.ptb-button-active {
  border-bottom: 0.125rem solid #00aad2;
  opacity: 1;
}

.afc {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.afc-model {
  width: 100%;
  max-width: 90rem;
  display: flex;
}

.afc-model-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 1rem 3rem;
}

@media (min-width: 640px) {
  .afc-model-inner {
    padding: 2rem 2rem 5rem;
  }
}

@media (min-width: 1024px) {
  .afc-model-inner {
    flex-direction: row;
    gap: 1.875rem;
    padding: 2rem 2.625rem 6.25rem;
  }
}

@media (min-width: 1440px) {
  .afc-model-inner {
    gap: 3.5rem;
    padding: 2rem 4.5rem 5rem;
  }
}

.afc-model-left {
  width: 100%;
}

@media (min-width: 1024px) {
  .afc-model-left {
    width: 33.3333333333%;
  }
}

.afc-model-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.875rem;
  margin-bottom: 0.25rem;
}

.afc-model-copy {
  font-size: 0.875rem;
  font-weight: 700;
  color: #666666;
  line-height: 1.25rem;
  margin-bottom: 1.75rem;
}

.afc-model-copy a {
  color: #002c5e;
}

.afc-model-copy a .sticky-icon-wrap {
  position: relative;
}

.afc-model-copy a svg {
  display: inline-block;
  margin-left: 0.5rem;
}

.afc-model-dropdown-container {
  width: 100%;
}

@media (min-width: 1024px) {
  .afc-model-dropdown-container {
    max-width: 16.125rem;
  }
}

.afc-model-dropdown-inner {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.375rem;
}

.afc-model-dropdown {
  width: 100%;
  position: relative;
  border-bottom: 0.0625rem solid #bababa;
  margin-bottom: 0.625rem;
  padding-bottom: 0.625rem;
}

.afc-model-dropdown-select {
  width: 100%;
  height: 2.625rem;
  font-weight: 700;
  color: #002c5e;
  line-height: 1.125rem;
  background: #ffffff;
  border: 0;
  -webkit-appearance: none;
          appearance: none;
  padding-right: 1rem;
  cursor: pointer;
}

.afc-model-dropdown-select:disabled {
  color: #bababa;
  cursor: default;
}

.afc-model-dropdown-select:disabled ~ .afc-model-dropdown-select-arrow svg {
  color: #bababa;
}

.afc-model-dropdown-select:focus {
  outline: none;
}

.afc-model-dropdown-select-arrow {
  width: 0.875rem;
  height: 0.5rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  pointer-events: none;
}

.afc-model-dropdown-select-arrow svg {
  width: auto;
  height: 100%;
  color: #002c5e;
}

.afc-model-button {
  margin-bottom: 2rem;
}

.afc-model-link-container {
  display: flex;
  flex-direction: column;
}

.afc-model-link,
.afc-model-link-external {
  font-size: 0.875rem;
  font-weight: 700;
  color: #002c5e;
  line-height: 1.375rem;
  text-decoration: none;
  margin-bottom: 0.75rem;
  -webkit-tap-highlight-color: transparent;
}

.afc-model-link .icon,
.afc-model-link-external .icon {
  display: inline-block;
  margin-left: 0.5rem;
}

.afc-model-link .icon-chevron-right-thick,
.afc-model-link-external .icon-chevron-right-thick {
  height: 0.5rem;
  margin-left: 0.125rem;
}

.afc-model-right {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (min-width: 640px) {
  .afc-model-right {
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  .afc-model-right {
    width: 66.6666666667%;
  }
}

.afc-model-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (min-width: 640px) {
  .afc-model-section:first-child {
    width: 66.6666666667%;
  }
}

@media (min-width: 1024px) {
  .afc-model-section:first-child {
    width: 74%;
  }
}

@media (min-width: 1024px) {
  .afc-model-section {
    padding-top: 2.75rem;
  }
}

.afc-model-selected-year,
.afc-model-selected-display-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: #333333;
}

.afc-model-selected-year span,
.afc-model-selected-display-name span {
  font-weight: 500;
}

.afc-model-selected-name,
.afc-model-selected-trim {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  margin-bottom: 0.75rem;
}

.afc-model-selected-image-placeholder,
.afc-model-selected-image {
  width: 100%;
  max-width: 37.1875rem;
  margin-bottom: 1.125rem;
}

.afc-model-selected-image {
  position: relative;
  padding-bottom: 56.34%;
}

.afc-model-selected-image img {
  position: absolute;
  top: 0;
  left: 0;
}

.afc-model-selected-image-disclaimer {
  font-size: 0.875rem;
  font-weight: 500;
  color: #888888;
  line-height: 1.125rem;
  margin-bottom: 0.75rem;
}

.afc-model-selected-detail {
  margin-bottom: 1rem;
}

.afc-model-selected-detail-name {
  font-size: 0.875rem;
  font-weight: 700;
  color: #888888;
  line-height: 1.25rem;
}

.afc-model-selected-detail-value {
  display: flex;
  gap: 0.375rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.875rem;
}

.afc-model-selected-detail-value button {
  align-self: flex-start;
}

.afc-model-selected-detail-value span {
  font-size: 1rem;
}

.afc-step,
.afc-step-shared {
  width: 100%;
}

.afc-step-extra-margin {
  margin-bottom: 2.5rem;
}

.afc-step-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.afc-step-banner {
  width: 100%;
  background: #000000;
}

.afc-step-banner-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}

.afc-step-banner-icon {
  width: 1.75rem;
  height: 1.75rem;
  color: #f3f3f3;
  margin-right: 1rem;
}

.afc-step-banner-icon svg {
  width: 100%;
  height: 100%;
}

.afc-step-banner-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  color: #f3f3f3;
  line-height: 1.5rem;
}

.afc-form {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.afc-form-status-bar-container {
  width: 100%;
  display: flex;
  justify-content: center;
}

@media (min-width: 640px) {
  .afc-form-status-bar-container {
    padding: 0 1.5rem;
  }
}

.afc-form-status-bar {
  width: 100%;
  max-width: 75rem;
}

.afc-form-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (min-width: 640px) {
  .afc-form-inner {
    padding: 0 1.5rem;
  }
}

.afc-form-section {
  width: 100%;
  max-width: 75rem;
}

.afc-form-section-inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background-color: #f3f3f3;
  padding: 2.5rem 1.5rem;
}

.afc-form-title-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 640px) {
  .afc-form-title-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.afc-form-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.375rem;
}

.afc-form-title-edit-container {
  display: inline-flex;
}

.afc-form-title-edit {
  font-size: 0.875rem;
  font-weight: 400;
  color: #666666;
  line-height: 1.3125rem;
  cursor: pointer;
}

.afc-form-copy {
  font-size: 0.875rem;
  font-weight: 400;
  color: #000000;
  line-height: 1.1875rem;
}

.afc-form-field-container,
.afc-form-field-container-wrap,
.afc-form-field-container-column {
  display: flex;
  flex-direction: column;
  gap: 1.5rem 2.5rem;
}

@media (min-width: 640px) {
  .afc-form-field-container,
  .afc-form-field-container-wrap,
  .afc-form-field-container-column {
    flex-direction: row;
  }
}

@media (max-width: 1023px) {
  .afc-form-field-container-wrap {
    flex-wrap: wrap;
  }
}

.afc-form-field-container-column {
  flex-direction: column;
  gap: 0.25rem;
}

.afc-form-field-multi-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem 2.5rem;
}

.afc-form-field,
.afc-form-dropdown-field {
  width: 100%;
}

@media (min-width: 640px) {
  .afc-form-field,
  .afc-form-dropdown-field {
    width: calc(50% - 20px);
  }
}

.afc-form-field-full {
  width: 100%;
}

.afc-form-field-half {
  width: 100%;
}

@media (min-width: 640px) {
  .afc-form-field-half {
    width: calc(25% - 30px);
  }
}

.afc-form-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  color: #888888;
  line-height: 1.25rem;
  margin-bottom: 0.25rem;
}

@media (max-width: 639px) {
  .afc-form-label-mobile-hidden {
    display: none;
  }
}

.afc-form-input,
.afc-form-input-uppcase,
.afc-form-dropdown {
  width: 100%;
  font-size: 1rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.25rem;
  background: #ffffff;
  border: 0.0625rem solid #bababa;
  border-radius: 0;
  padding: 0.5625rem 0.75rem;
}

.afc-form-input:-ms-input-placeholder, .afc-form-input-uppcase:-ms-input-placeholder, .afc-form-dropdown:-ms-input-placeholder {
  font-size: 1rem;
  font-weight: 500;
  color: #bababa;
  line-height: 1.25rem;
}

.afc-form-input::placeholder,
.afc-form-input-uppcase::placeholder,
.afc-form-dropdown::placeholder {
  font-size: 1rem;
  font-weight: 500;
  color: #bababa;
  line-height: 1.25rem;
}

.afc-form-input-uppercase {
  text-transform: uppercase;
}

.afc-form-dropdown {
  padding: 0.5rem 0.75rem;
}

.afc-form-label-error,
.afc-form-label-error-match {
  display: none;
  font-size: 0.875rem;
  font-weight: 500;
  color: #e63312;
  line-height: 1.0625rem;
  margin-top: 0.5rem;
}

.afc-form-field-error .afc-form-input,
.afc-form-field-error .afc-form-input-uppcase,
.afc-form-field-error .afc-form-dropdown {
  border-color: #e63312;
}

.afc-form-field-error .afc-form-label-error {
  display: block;
}

.afc-form-field-error-match .afc-form-input,
.afc-form-field-error-match .afc-form-input-uppcase {
  border-color: #e63312;
}

.afc-form-field-error-match .afc-form-label-error-match {
  display: block;
}

.afc-form-radio-label-container {
  display: flex;
  gap: 0.75rem;
}

.afc-form-radio-label-copy {
  font-weight: 700;
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.25rem;
}

.afc-form-radio-label {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.afc-form-custom-radio-button {
  position: relative;
  margin-right: 0.5rem;
}

.afc-form-custom-radio-label {
  font-size: 0.875rem;
  color: #333333;
  line-height: 1rem;
}

.afc-form-toggle {
  margin: 0.625rem 0.625rem 0.0625rem 0;
}

.afc-form-toggle-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.afc-form-toggle-custom-checkbox {
  display: inline-flex;
  align-items: center;
}

.afc-form-toggle-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.0625rem solid #bababa;
  margin-right: 0.5rem;
  cursor: pointer;
}

.afc-form-toggle-checkbox:checked ~ .afc-form-toggle-custom-checkbox .afc-form-toggle-custom-checkbox-button {
  border: 0.0625rem solid #00aad2;
}

.afc-form-toggle-checkbox:checked ~ .afc-form-toggle-custom-checkbox .afc-form-toggle-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.125rem;
  left: 0.375rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.afc-form-toggle-custom-checkbox-label {
  font-weight: 700;
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.0625rem;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.afc-form-disclaimer-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.afc-form-disclaimer {
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 700;
  color: #002c5e;
  line-height: 1.25rem;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.afc-form-disclaimer-banner {
  width: 100%;
  background-color: #eef7f9;
}

.afc-form-disclaimer-banner-inner {
  padding: 0.9375rem 1.25rem;
}

.afc-form-disclaimer-banner-copy {
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.25rem;
}

.afc-form-required {
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.25rem;
}

.afc-form-divider-container {
  width: 100%;
}

.afc-form-divider {
  width: 100%;
  border-bottom: 0.0625rem solid #cccccc;
}

.afc-form-divider-thick-white {
  border-bottom: 1rem solid #ffffff;
}

.afc-form-button-section {
  width: 100%;
  max-width: 75rem;
}

.afc-form-button-section-inner {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  background-color: #ffffff;
  padding: 2.5rem 1.5rem;
}

@media (min-width: 640px) {
  .afc-form-button-section-inner {
    gap: 2.5rem;
    padding: 2.5rem 0;
  }
}

.afc-form-button-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
}

@media (min-width: 640px) {
  .afc-form-button-container {
    flex-direction: row;
    align-items: flex-start;
  }
}

.afc-form-button-field,
.afc-form-button-field-right {
  width: 100%;
  max-width: 18.4375rem;
  order: 2;
}

@media (min-width: 640px) {
  .afc-form-button-field,
  .afc-form-button-field-right {
    flex-direction: row;
    order: 1;
  }
}

.afc-form-button-field:last-child,
.afc-form-button-field-right:last-child {
  order: 1;
}

@media (min-width: 640px) {
  .afc-form-button-field:last-child,
  .afc-form-button-field-right:last-child {
    order: 2;
  }
}

@media (min-width: 640px) {
  .afc-form-button-field-right {
    margin-left: auto;
  }
}

.afc-form-button {
  width: 100%;
}

.afc-step-progress {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #f3f3f3;
}

.afc-step-progress-inner {
  width: 100%;
  max-width: 75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem;
}

.afc-step-progress-copy {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #000000;
  line-height: 1.5rem;
  margin-bottom: 0.25rem;
}

@media (min-width: 640px) {
  .afc-step-progress-copy {
    font-size: 1rem;
  }
}

.afc-step-progress-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #000000;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .afc-step-progress-title {
    font-size: 1.75rem;
  }
}

.afc-step-progress-steps-four {
  width: 21.875rem;
  height: 2.5rem;
  position: relative;
  display: none;
}

@media (min-width: 1024px) {
  .afc-step-progress-steps-four {
    display: flex;
  }
}

.afc-step-progress-steps-four .afc-step-progress-step:nth-of-type(2) {
  left: 1.25rem;
}

.afc-step-progress-steps-four .afc-step-progress-step:nth-of-type(3) {
  left: 7.5rem;
}

.afc-step-progress-steps-four .afc-step-progress-step:nth-of-type(4) {
  left: 13.75rem;
}

.afc-step-progress-steps-four .afc-step-progress-step:nth-of-type(5) {
  left: 20rem;
}

.afc-step-progress-steps-five {
  width: 25.625rem;
  height: 2.5rem;
  position: relative;
  display: none;
}

@media (min-width: 1024px) {
  .afc-step-progress-steps-five {
    display: flex;
  }
}

.afc-step-progress-steps-five .afc-step-progress-step:nth-of-type(2) {
  left: 1.25rem;
}

.afc-step-progress-steps-five .afc-step-progress-step:nth-of-type(3) {
  left: 6.875rem;
}

.afc-step-progress-steps-five .afc-step-progress-step:nth-of-type(4) {
  left: 12.5rem;
}

.afc-step-progress-steps-five .afc-step-progress-step:nth-of-type(5) {
  left: 18.125rem;
}

.afc-step-progress-steps-five .afc-step-progress-step:nth-of-type(6) {
  left: 23.75rem;
}

.afc-step-progress-steps-seven {
  width: 36.875rem;
  height: 2.5rem;
  position: relative;
  display: none;
}

@media (min-width: 1024px) {
  .afc-step-progress-steps-seven {
    display: flex;
  }
}

.afc-step-progress-steps-seven .afc-step-progress-step:nth-of-type(2) {
  left: 1.25rem;
}

.afc-step-progress-steps-seven .afc-step-progress-step:nth-of-type(3) {
  left: 6.875rem;
}

.afc-step-progress-steps-seven .afc-step-progress-step:nth-of-type(4) {
  left: 12.5rem;
}

.afc-step-progress-steps-seven .afc-step-progress-step:nth-of-type(5) {
  left: 18.125rem;
}

.afc-step-progress-steps-seven .afc-step-progress-step:nth-of-type(6) {
  left: 23.75rem;
}

.afc-step-progress-steps-seven .afc-step-progress-step:nth-of-type(7) {
  left: 29.375rem;
}

.afc-step-progress-steps-seven .afc-step-progress-step:nth-of-type(8) {
  left: 35rem;
}

.afc-step-progress-steps-eight {
  width: 42.5rem;
  height: 2.5rem;
  position: relative;
  display: none;
}

@media (min-width: 1024px) {
  .afc-step-progress-steps-eight {
    display: flex;
  }
}

.afc-step-progress-steps-eight .afc-step-progress-step:nth-of-type(2) {
  left: 1.25rem;
}

.afc-step-progress-steps-eight .afc-step-progress-step:nth-of-type(3) {
  left: 6.875rem;
}

.afc-step-progress-steps-eight .afc-step-progress-step:nth-of-type(4) {
  left: 12.5rem;
}

.afc-step-progress-steps-eight .afc-step-progress-step:nth-of-type(5) {
  left: 18.125rem;
}

.afc-step-progress-steps-eight .afc-step-progress-step:nth-of-type(6) {
  left: 23.75rem;
}

.afc-step-progress-steps-eight .afc-step-progress-step:nth-of-type(7) {
  left: 29.375rem;
}

.afc-step-progress-steps-eight .afc-step-progress-step:nth-of-type(8) {
  left: 35rem;
}

.afc-step-progress-steps-eight .afc-step-progress-step:nth-of-type(9) {
  left: 40.625rem;
}

.afc-step-progress-steps-nine {
  width: 48.125rem;
  height: 2.5rem;
  position: relative;
  display: none;
}

@media (min-width: 1024px) {
  .afc-step-progress-steps-nine {
    display: flex;
  }
}

.afc-step-progress-steps-nine .afc-step-progress-step:nth-of-type(2) {
  left: 1.25rem;
}

.afc-step-progress-steps-nine .afc-step-progress-step:nth-of-type(3) {
  left: 6.875rem;
}

.afc-step-progress-steps-nine .afc-step-progress-step:nth-of-type(4) {
  left: 12.5rem;
}

.afc-step-progress-steps-nine .afc-step-progress-step:nth-of-type(5) {
  left: 18.125rem;
}

.afc-step-progress-steps-nine .afc-step-progress-step:nth-of-type(6) {
  left: 23.75rem;
}

.afc-step-progress-steps-nine .afc-step-progress-step:nth-of-type(7) {
  left: 29.375rem;
}

.afc-step-progress-steps-nine .afc-step-progress-step:nth-of-type(8) {
  left: 35rem;
}

.afc-step-progress-steps-nine .afc-step-progress-step:nth-of-type(9) {
  left: 40.625rem;
}

.afc-step-progress-steps-nine .afc-step-progress-step:nth-of-type(10) {
  left: 46.25rem;
}

.afc-step-progress-bar {
  height: 0.0625rem;
  position: absolute;
  bottom: 0;
  left: 1.5625rem;
  background-color: #000000;
  z-index: 0;
}

.afc-step-progress-steps-four .afc-step-progress-bar {
  width: 18.75rem;
}

.afc-step-progress-steps-five .afc-step-progress-bar {
  width: 22.5rem;
}

.afc-step-progress-steps-seven .afc-step-progress-bar {
  width: 33.75rem;
}

.afc-step-progress-steps-eight .afc-step-progress-bar {
  width: 38.75rem;
}

.afc-step-progress-steps-nine .afc-step-progress-bar {
  width: 45rem;
}

.afc-step-progress-step {
  position: absolute;
  bottom: -0.3125rem;
  z-index: 1;
}

.afc-step-progress-step .afc-step-progress-indicator-inactive {
  display: block;
}

.afc-step-progress-step .afc-step-progress-indicator-active,
.afc-step-progress-step .afc-step-progress-indicator-complete {
  display: none;
}

.afc-step-progress-step-active .afc-step-progress-indicator-active {
  display: block;
}

.afc-step-progress-step-active .afc-step-progress-indicator-inactive,
.afc-step-progress-step-active .afc-step-progress-indicator-complete {
  display: none;
}

.afc-step-progress-step-complete .afc-step-progress-indicator-complete {
  display: block;
}

.afc-step-progress-step-complete .afc-step-progress-indicator-active,
.afc-step-progress-step-complete .afc-step-progress-indicator-inactive {
  display: none;
}

.afc-step-progress-label {
  min-width: 4.375rem;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translate(-50%);
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.625rem;
  color: #000000;
  line-height: 0.75rem;
  text-align: center;
}

.afc-step-progress-indicator-inactive,
.afc-step-progress-indicator-active,
.afc-step-progress-indicator-complete {
  width: 1.25rem;
  height: 0.75rem;
}

.afc-step-progress-indicator-inactive svg,
.afc-step-progress-indicator-active svg,
.afc-step-progress-indicator-complete svg {
  width: 1.25rem;
  height: 0.75rem;
}

.afc-form-field-review-container,
.afc-form-field-review-multi {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.afc-form-field-review {
  display: flex;
  flex-direction: column;
  gap: 0.5625rem;
}

@media (min-width: 640px) {
  .afc-form-field-review {
    flex-direction: row;
  }
}

.afc-form-field-review-key {
  width: 100%;
  max-width: 15.625rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #888888;
  line-height: 1.25rem;
}

.afc-form-field-review-value {
  font-size: 1rem;
  font-weight: 700;
  color: #000000;
  line-height: 1.25rem;
  margin-left: 0.75rem;
}

@media (min-width: 640px) {
  .afc-form-field-review-value {
    margin-left: 0;
  }
}

.afc-form-term-section {
  width: 100%;
  max-width: 75rem;
  padding: 1rem 0;
}

.afc-form-term-section-inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background-color: #f3f3f3;
  padding: 2.5rem 1.5rem;
}

.afc-form-terms {
  height: 10rem;
  border: 0.0625rem solid #bcc2c5;
  overflow-y: scroll;
}

.afc-form-terms-inner {
  background-color: #ffffff;
  padding: 0.75rem;
}

.afc-form-terms-copy {
  font-size: 1rem;
  font-weight: 400;
  color: #000000;
  line-height: 1.375rem;
}

.afc-form-accept-terms-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.afc-form-accept-terms-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.afc-form-accept-terms-custom-checkbox {
  display: flex;
}

.afc-form-accept-terms-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #ffffff;
  border: 0.0625rem solid #bababa;
  margin-right: 0.5rem;
  cursor: pointer;
}

.afc-form-accept-terms-checkbox:checked ~ .afc-form-accept-terms-custom-checkbox .afc-form-accept-terms-custom-checkbox-button {
  border: 0.0625rem solid #00aad2;
}

.afc-form-accept-terms-checkbox:checked ~ .afc-form-accept-terms-custom-checkbox .afc-form-accept-terms-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.125rem;
  left: 0.375rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.afc-form-accept-terms-custom-checkbox-label {
  font-weight: 700;
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.0625rem;
}

.afc-form-copy-box-section {
  width: 100%;
  max-width: 75rem;
}

.afc-form-copy-box-section-inner {
  padding: 0 1.5rem;
}

@media (min-width: 640px) {
  .afc-form-copy-box-section-inner {
    padding: 0;
  }
}

.afc-form-copy-box-container {
  border: 0.0625rem solid #333333;
}

.afc-form-copy-box-inner {
  padding: 0.75rem 1rem;
}

.afc-form-copy-box {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.1875rem;
}

.afc-form-copy-box svg {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5625rem;
}

.afc-form-reference-copy {
  font-size: 0.875rem;
  font-weight: 700;
  color: #666666;
  line-height: 1.25rem;
  margin-bottom: 0.25rem;
}

.afc-form-reference-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: #00aad2;
  line-height: 1.3125rem;
}

.afc-form-dealer-container {
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}

@media (min-width: 640px) {
  .afc-form-dealer-container {
    flex-direction: row;
  }
}

.afc-form-dealer-section {
  width: 100%;
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .afc-form-dealer-section {
    width: 40%;
  }
  .afc-form-dealer-section:last-child {
    width: 60%;
  }
}

.afc-form-dealer-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.75rem;
}

.afc-form-dealer-distance {
  font-size: 1rem;
  font-weight: 500;
  color: #666666;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}

.afc-form-dealer-address {
  font-size: 1rem;
  font-weight: 500;
  color: #666666;
  line-height: 1.25rem;
}

.afc-form-dealer-inner-container {
  display: flex;
  justify-content: space-between;
}

.afc-form-dealer-inner-section {
  display: flex;
  flex-direction: column;
}

.afc-form-dealer-inner-section a {
  font-size: 0.875rem;
  font-weight: 700;
  color: #002c5e;
  line-height: 1.3125rem;
  text-decoration: none;
}

.afc-form-dealer-inner-section a svg {
  width: 0.5rem;
  height: 0.5rem;
  display: inline-block;
  margin-left: 0.125rem;
}

.afc-step-lookup {
  width: 100%;
  display: flex;
  justify-content: center;
}

.afc-step-lookup-inner {
  width: 100%;
  max-width: 23.4375rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 0.625rem;
  padding: 1.25rem 1.5rem;
}

@media (min-width: 640px) {
  .afc-step-lookup-inner {
    max-width: 75rem;
    flex-direction: row;
  }
}

@media (min-width: 1439px) {
  .afc-step-lookup-inner {
    padding: 1.25rem 0.625rem;
  }
}

.afc-step-lookup-section {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

@media (min-width: 640px) {
  .afc-step-lookup-section {
    width: auto;
    justify-content: flex-end;
  }
}

.afc-step-lookup-model-image-container {
  width: 8.875rem;
  flex-shrink: 0;
}

.afc-step-lookup-model {
  display: flex;
  flex-direction: column;
}

.afc-step-lookup-model-display-name {
  font-size: 1.125rem;
  font-weight: 700;
  color: #000000;
  line-height: 1.375rem;
}

.afc-step-lookup-model-display-name span {
  font-weight: 500;
}

.afc-step-lookup-model-trim {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #000000;
  line-height: 1.0625rem;
  margin-bottom: 0.625rem;
}

.afc-step-lookup-model-price {
  font-size: 0.875rem;
  font-weight: 700;
  color: #000000;
  line-height: 1.3125rem;
}

.afc-step-lookup-model-price span {
  font-weight: 500;
}

.afc-step-lookup-dealer-mobile-alignment {
  width: 8.875rem;
  flex-shrink: 0;
}

@media (min-width: 640px) {
  .afc-step-lookup-dealer-mobile-alignment {
    display: none;
  }
}

.afc-step-lookup-dealer {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

@media (min-width: 640px) {
  .afc-step-lookup-dealer {
    align-items: flex-end;
  }
}

.afc-step-lookup-dealer-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #000000;
  line-height: 1.0625rem;
  margin-bottom: 0.25rem;
}

.afc-step-lookup-dealer-address {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #000000;
  line-height: 1.0625rem;
}

.afc-step-lookup-dealer-buttons {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 1rem;
}

@media (min-width: 640px) {
  .afc-step-lookup-dealer-buttons {
    flex-direction: row;
  }
}

.afc-step-lookup-dealer-buttons svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.25rem;
}

.afc-step-lookup-dealer-button {
  justify-content: flex-start;
  font-size: 0.875rem;
  font-weight: 400;
  color: #666666;
  line-height: 1.3125rem;
  text-decoration: none;
}

@media (min-width: 640px) {
  .afc-step-lookup-dealer-button {
    justify-content: center;
  }
}

.afc-dealer-modal {
  width: 100%;
  max-width: 90rem;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 2.5rem;
  background-color: #ffffff;
  overflow-y: scroll;
  z-index: -1;
}

.afc-dealer-modal.active {
  z-index: 1002;
}

@media (min-width: 1024px) {
  .afc-dealer-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: unset;
    overflow: auto;
  }
}

.afc-dealer-modal .afc-dealer-modal-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0;
}

.afc-dealer-modal .afc-dealer-modal-close {
  position: absolute;
  top: 1.125rem;
  right: 1.125rem;
  color: #002c5e;
  z-index: 1;
}

.afc-dealer-modal .afc-dealer-modal-close .icon {
  width: 1.125rem;
  height: 1.125rem;
}

@media (min-width: 1024px) {
  body.chat-opened .afc-dealer-modal {
    position: absolute;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .afc-dealer-modal {
    position: absolute;
    top: 32%;
  }
}

.afc-dealer-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1001;
}

@media (min-width: 1024px) {
  body.chat-opened .afc-dealer-backdrop {
    position: absolute;
    top: -4.6875rem;
  }
}

.afc-inactive-modal {
  width: 100%;
  max-width: 21.25rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  z-index: 1002;
}

.afc-inactive-modal-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 2.5rem;
}

.afc-inactive-modal-close {
  position: absolute;
  top: 1.125rem;
  right: 1.125rem;
  color: #002c5e;
}

.afc-inactive-modal-close .icon {
  width: 1.125rem;
  height: 1.125rem;
}

.afc-inactive-modal-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.875rem;
}

.afc-inactive-modal-copy {
  font-size: 0.875rem;
  font-weight: 700;
  color: #888888;
  line-height: 1.25rem;
}

.afc-inactive-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1001;
}

.afc-step-dealer .dl-container {
  padding: 0;
}

.afc-step-dealer-modal {
  width: 100%;
  max-width: 90rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  z-index: 1002;
}

.afc-step-dealer-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1001;
}

.afc-step-ssl {
  margin-bottom: 2.5rem;
}

.afc-step-ssl-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 0 1.25rem;
}

.afc-step-ssl-link {
  font-size: 1.125rem;
  font-weight: 400;
  color: #002c5e;
  line-height: 1.375rem;
  text-decoration: underline;
}

.afc-step-ssl-copy {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #000000;
  line-height: 1.1875rem;
  text-align: center;
}

.afc-step-footer,
.afc-step-footer-hidden {
  width: 100%;
  background: #000000;
}

.afc-step-footer-hidden {
  display: none;
}

.afc-step-footer-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem;
}

.afc-step-footer-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.875rem;
}

.afc-step-footer-link {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.25rem;
  text-decoration: underline;
}

.afc-step-footer-copy {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.25rem;
  text-align: center;
}

.gtable-container {
  position: relative;
  margin: auto;
  max-width: 90rem;
}

.gtable-table {
  width: 100%;
  position: relative;
  padding: 3rem 0rem;
}

@media (min-width: 1024px) {
  .gtable-table {
    padding: 6rem 7.625rem;
  }
}

@media (min-width: 1440px) {
  .gtable-table {
    padding: 6rem 18.1875rem;
  }
}

.gtable-hero-text {
  font-size: 1.25rem;
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.625rem;
  word-wrap: break-word;
  text-align: center;
  padding: 0rem 1rem 1.875rem;
}

@media (min-width: 640px) {
  .gtable-hero-text {
    font-size: 1.5rem;
    padding: 0rem 2rem 1.875rem;
  }
}

@media (min-width: 1024px) {
  .gtable-hero-text {
    font-size: 1.875rem;
    padding: 0rem 0rem 1.25rem;
  }
}

.gtable-hero-text p, .gtable-hero-text h1, .gtable-hero-text h2, .gtable-hero-text h3, .gtable-hero-text h4 {
  line-height: 1.625rem;
  font-size: inherit;
  font-weight: inherit;
}

@media (min-width: 640px) {
  .gtable-hero-text p, .gtable-hero-text h1, .gtable-hero-text h2, .gtable-hero-text h3, .gtable-hero-text h4 {
    line-height: 1.875rem;
  }
}

@media (min-width: 1024px) {
  .gtable-hero-text p, .gtable-hero-text h1, .gtable-hero-text h2, .gtable-hero-text h3, .gtable-hero-text h4 {
    line-height: 2.25rem;
  }
}

@media (min-width: 1024px) and (max-width: 1298px) {
  body.chat-opened .gtable-table {
    padding: 3rem 0rem;
  }
}

@media (min-width: 1299px) and (max-width: 1439px) {
  body.chat-opened .gtable-table {
    padding: 6rem 7.625rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .gtable-table {
    padding: 6rem 7.625rem;
  }
}

@media (min-width: 1825px) {
  body.chat-opened .gtable-table {
    padding: 6rem 18.1875rem;
  }
}

@media (min-width: 1024px) and (max-width: 1298px) {
  body.chat-opened .gtable-hero-text {
    font-size: 1.25rem;
    padding: 0 1rem 1.875rem !important;
  }
}

@media (min-width: 1299px) and (max-width: 1439px) {
  body.chat-opened .gtable-hero-text {
    font-size: 1.5rem;
    padding: 0 2rem 1.875rem !important;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .gtable-hero-text {
    font-size: 1.875rem;
    padding: 0 0 1.25rem;
  }
}

@media (min-width: 640px) {
  body.chat-opened .gtable-hero-text p, body.chat-opened .gtable-hero-text h1, body.chat-opened .gtable-hero-text h2, body.chat-opened .gtable-hero-text h3, body.chat-opened .gtable-hero-text h4 {
    line-height: 1.625rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gtable-hero-text p, body.chat-opened .gtable-hero-text h1, body.chat-opened .gtable-hero-text h2, body.chat-opened .gtable-hero-text h3, body.chat-opened .gtable-hero-text h4 {
    line-height: 1.875rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .gtable-hero-text p, body.chat-opened .gtable-hero-text h1, body.chat-opened .gtable-hero-text h2, body.chat-opened .gtable-hero-text h3, body.chat-opened .gtable-hero-text h4 {
    line-height: 2.25rem;
  }
}

.gtable-sub-text {
  color: #666666;
  font-size: 1rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.375rem;
  word-wrap: break-word;
  text-align: center;
  margin-bottom: 2.5rem;
  padding: 0rem 1rem;
}

@media (min-width: 1024px) {
  .gtable-sub-text {
    line-height: 1.15rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gtable-sub-text {
    line-height: 1.375rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .gtable-sub-text {
    line-height: 1.15rem;
  }
}

.gt-table-header,
.gt-table-body,
.gt-table-footer {
  width: 100%;
  position: relative;
}

.gt-table-header,
.gt-table-body-content {
  display: flex;
  flex-direction: row;
}

.gt-table-header .gt-table-cell,
.gt-table-body .gt-table-cell {
  display: flex;
  flex-direction: row;
  position: relative;
  flex-wrap: wrap;
}

.gt-table-header .gt-table-cell,
.gt-table-body .gt-table-cell {
  position: relative;
  text-align: left;
  font-size: 1rem;
  color: #333333;
  font-weight: 700;
  line-height: 1.375rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  word-wrap: break-word;
}

.gtable-table .gt-th-icon {
  flex-direction: column;
}

.gtable-table .gt-th-icon svg {
  width: 100%;
  height: 100%;
}

.gtable-table .gt-th-icon span {
  flex: 1;
  margin-top: 0.25rem;
}

.gtable-table .gt-th-icon div {
  width: 1.6875rem;
  height: 2.1875rem;
}

@media (min-width: 1024px) {
  .gtable-table .gt-th-icon {
    flex-direction: row;
    align-items: center;
  }
  .gtable-table .gt-th-icon span {
    margin-left: 0.5rem;
    flex: 1;
    margin-top: 0;
  }
}

.gt-table-body .grid-table-row:nth-child(odd) {
  background-color: #f6f3f2;
}

.gt-table-body .gt-table-cell-header {
  font-size: 0.875rem !important;
}

@media (min-width: 1024px) {
  .gt-table-body .gt-table-cell-header {
    font-size: 1.25rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1298px) {
  body.chat-opened .gt-table-body .gt-table-cell-header {
    font-size: 0.875rem !important;
  }
}

@media (min-width: 1299px) and (max-width: 1439px) {
  body.chat-opened .gt-table-body .gt-table-cell-header {
    font-size: 1.25rem !important;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gt-table-body .gt-table-cell-header {
    font-size: 1.25rem !important;
  }
}

.gt-table-body .gt-table-body-content {
  align-items: start;
}

.gt-table-body .gt-table-cell {
  flex-direction: column;
  row-gap: 1.375rem;
}

.gt-table-body .gt-table-cell .gt-table-cell-light {
  font-weight: 400;
}

@media (min-width: 640px) {
  .gt-table-body .gt-table-body-content {
    align-items: center;
  }
}

.gt-table-footer {
  display: flex;
  flex-direction: row;
}

.gt-table-footer .gt-table-footer-cta {
  flex-basis: 33.333333%;
  position: relative;
  padding: 1.5rem 2.5rem;
}

.gt-table-footer .gt-table-footer-cta a {
  padding: 0.75rem 0.9375rem;
  height: 100%;
  width: 100%;
  text-align: center;
  line-height: 1.25rem;
  font-size: 1rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-style: normal;
  word-wrap: break-word;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  display: inline-flex;
}

@media (min-width: 640px) {
  .gt-table-footer .gt-table-footer-cta a {
    padding: 0.75rem 1.875rem;
  }
}

@media (min-width: 640px) {
  body.chat-opened .gt-table-footer .gt-table-footer-cta a {
    padding: 0.75rem 0.9375rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .gt-table-footer .gt-table-footer-cta a {
    padding: 0.75rem 1.875rem;
  }
}

.gtable-table .gt-table-header,
.gtable-table .gt-table-body-content,
.gtable-table .gt-table-footer {
  flex-wrap: wrap;
}

.gtable-table .gt-table-body-content .gt-table-cell:nth-child(1) {
  flex: 1 0 100%;
  font-size: 0.875rem;
  padding: 1rem 1rem 0.5rem;
}

@media (min-width: 640px) {
  .gtable-table .gt-table-body-content .gt-table-cell:nth-child(1) {
    flex: 0 0 33.333333%;
    padding: 1rem;
  }
}

@media (min-width: 1024px) {
  .gtable-table .gt-table-body-content .gt-table-cell:nth-child(1) {
    font-size: 1rem;
    padding: 1rem 1.25rem;
  }
}

@media (min-width: 1440px) {
  .gtable-table .gt-table-body-content .gt-table-cell:nth-child(1) {
    padding: 1.5rem 2.5rem;
  }
}

.gtable-table .gt-table-body-content .gt-table-cell:nth-child(2) {
  flex: 0 0 50%;
  font-size: 0.875rem;
  padding: 0.5rem 0.5rem 1rem 1rem;
}

@media (min-width: 640px) {
  .gtable-table .gt-table-body-content .gt-table-cell:nth-child(2) {
    flex: 0 0 33.333333%;
    padding: 1rem;
  }
}

@media (min-width: 1024px) {
  .gtable-table .gt-table-body-content .gt-table-cell:nth-child(2) {
    font-size: 1rem;
    padding: 1rem 1.25rem;
  }
}

@media (min-width: 1440px) {
  .gtable-table .gt-table-body-content .gt-table-cell:nth-child(2) {
    padding: 1.5rem 2.5rem;
  }
}

.gtable-table .gt-table-body-content .gt-table-cell:nth-child(3) {
  flex: 0 0 50%;
  font-size: 0.875rem;
  padding: 0.5rem 1rem 1rem 0.5rem;
}

@media (min-width: 640px) {
  .gtable-table .gt-table-body-content .gt-table-cell:nth-child(3) {
    flex: 0 0 33.333333%;
    padding: 1rem;
  }
}

@media (min-width: 1024px) {
  .gtable-table .gt-table-body-content .gt-table-cell:nth-child(3) {
    font-size: 1rem;
    padding: 1rem 1.25rem;
  }
}

@media (min-width: 1440px) {
  .gtable-table .gt-table-body-content .gt-table-cell:nth-child(3) {
    padding: 1.5rem 2.5rem;
  }
}

.gtable-table .gt-table-header .gt-table-cell:nth-child(1),
.gtable-table .gt-table-footer .gt-table-footer-cta:nth-child(1) {
  display: none;
}

@media (min-width: 640px) {
  .gtable-table .gt-table-header .gt-table-cell:nth-child(1),
  .gtable-table .gt-table-footer .gt-table-footer-cta:nth-child(1) {
    display: flex;
    font-size: 0.875rem;
    flex: 0 0 33.333333%;
    padding: 1rem;
  }
}

@media (min-width: 1024px) {
  .gtable-table .gt-table-header .gt-table-cell:nth-child(1),
  .gtable-table .gt-table-footer .gt-table-footer-cta:nth-child(1) {
    font-size: 1rem;
    padding: 1rem 1.25rem;
  }
}

@media (min-width: 1440px) {
  .gtable-table .gt-table-header .gt-table-cell:nth-child(1),
  .gtable-table .gt-table-footer .gt-table-footer-cta:nth-child(1) {
    padding: 1.5rem 2.5rem;
  }
}

.gtable-table .gt-table-header .gt-table-cell:nth-child(2),
.gtable-table .gt-table-footer .gt-table-footer-cta:nth-child(2) {
  flex: 0 0 50%;
  font-size: 0.875rem;
  padding: 1rem 0.5rem 1rem 1rem;
}

@media (min-width: 640px) {
  .gtable-table .gt-table-header .gt-table-cell:nth-child(2),
  .gtable-table .gt-table-footer .gt-table-footer-cta:nth-child(2) {
    flex: 0 0 33.333333%;
    padding: 1rem;
  }
}

@media (min-width: 1024px) {
  .gtable-table .gt-table-header .gt-table-cell:nth-child(2),
  .gtable-table .gt-table-footer .gt-table-footer-cta:nth-child(2) {
    font-size: 1rem;
    padding: 1rem 1.25rem;
  }
}

@media (min-width: 1440px) {
  .gtable-table .gt-table-header .gt-table-cell:nth-child(2),
  .gtable-table .gt-table-footer .gt-table-footer-cta:nth-child(2) {
    padding: 1.5rem 2.5rem;
  }
}

.gtable-table .gt-table-header .gt-table-cell:nth-child(3),
.gtable-table .gt-table-footer .gt-table-footer-cta:nth-child(3) {
  flex: 0 0 50%;
  font-size: 0.875rem;
  padding: 1rem 1rem 1rem 0.5rem;
}

@media (min-width: 640px) {
  .gtable-table .gt-table-header .gt-table-cell:nth-child(3),
  .gtable-table .gt-table-footer .gt-table-footer-cta:nth-child(3) {
    padding: 1rem;
    flex: 0 0 33.333333%;
  }
}

@media (min-width: 1024px) {
  .gtable-table .gt-table-header .gt-table-cell:nth-child(3),
  .gtable-table .gt-table-footer .gt-table-footer-cta:nth-child(3) {
    font-size: 1rem;
    padding: 1rem 1.25rem;
  }
}

@media (min-width: 1440px) {
  .gtable-table .gt-table-header .gt-table-cell:nth-child(3),
  .gtable-table .gt-table-footer .gt-table-footer-cta:nth-child(3) {
    padding: 1.5rem 2.5rem;
  }
}

.gtable-table .gt-table-info-btn {
  margin-left: 0rem !important;
}

.gtable-table .gt-table-info-btn svg {
  height: 0.875rem;
  width: 0.875rem;
}

.gtable-table .gt-table-footer .primary {
  border: 0.125rem solid #002c5e;
  background-color: #002c5e;
  color: #ffffff;
}

.gtable-table .gt-table-footer .primary:hover {
  border-color: #001A38;
  background-color: #001A38;
  color: #ffffff;
}

.gtable-table .gt-table-footer .primary:focus {
  box-shadow: inset 0 0 0 0.125rem #ffffff;
  box-sizing: border-box;
}

.gtable-table .gt-table-footer .primary:disabled {
  background-color: #bababa;
  border-color: #bababa;
  color: #ffffff;
}

.gtable-table .gt-table-footer .secondary {
  background-color: #888888;
  border: 0.125rem solid #888888;
  color: #ffffff;
}

.gtable-table .gt-table-footer .secondary:hover {
  background-color: #666666;
  border-color: #666666;
  color: #ffffff;
}

.gtable-table .gt-table-footer .secondary:focus {
  box-shadow: inset 0 0 0 0.125rem #ffffff;
  box-sizing: border-box;
}

.gtable-table .gt-table-footer .secondary:disabled {
  background-color: #bababa;
  border-color: #bababa;
  color: #ffffff;
}

.gtable-table .gt-table-footer .tertiary {
  background-color: #ffffff;
  border: 0.125rem solid #ffffff;
  color: #002c5e;
}

.gtable-table .gt-table-footer .tertiary:hover {
  border-color: #f3f3f3;
  background-color: #f3f3f3;
  color: #002c5e;
}

.gtable-table .gt-table-footer .tertiary:focus {
  box-shadow: inset 0 0 0 0.125rem #002c5e;
  box-sizing: border-box;
}

.gtable-table .gt-table-footer .tertiary:disabled {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #666666;
}

.gtable-table .gt-table-cell .gt-table-1440, .gtable-table .gtable-hero-text.gt-table-1440,
.gtable-table .gt-table-footer-cta .gt-table-1440 {
  display: none;
  width: 100%;
  height: auto;
}

@media (min-width: 1440px) {
  .gtable-table .gt-table-cell .gt-table-1440, .gtable-table .gtable-hero-text.gt-table-1440,
  .gtable-table .gt-table-footer-cta .gt-table-1440 {
    display: block;
  }
}

.gtable-table .gt-table-cell .gt-table-1024, .gtable-table .gtable-hero-text.gt-table-1024,
.gtable-table .gt-table-footer-cta .gt-table-1024 {
  display: none;
  width: 100%;
  height: auto;
}

@media (min-width: 1024px) {
  .gtable-table .gt-table-cell .gt-table-1024, .gtable-table .gtable-hero-text.gt-table-1024,
  .gtable-table .gt-table-footer-cta .gt-table-1024 {
    display: block;
  }
}

@media (min-width: 1440px) {
  .gtable-table .gt-table-cell .gt-table-1024, .gtable-table .gtable-hero-text.gt-table-1024,
  .gtable-table .gt-table-footer-cta .gt-table-1024 {
    display: none;
  }
}

.gtable-table .gt-table-cell .gt-table-640, .gtable-table .gtable-hero-text.gt-table-640,
.gtable-table .gt-table-footer-cta .gt-table-640 {
  display: none;
  width: 100%;
  height: auto;
}

@media (min-width: 640px) {
  .gtable-table .gt-table-cell .gt-table-640, .gtable-table .gtable-hero-text.gt-table-640,
  .gtable-table .gt-table-footer-cta .gt-table-640 {
    display: block;
  }
}

@media (min-width: 1024px) {
  .gtable-table .gt-table-cell .gt-table-640, .gtable-table .gtable-hero-text.gt-table-640,
  .gtable-table .gt-table-footer-cta .gt-table-640 {
    display: none;
  }
}

.gtable-table .gt-table-cell .gt-table-639, .gtable-table .gtable-hero-text.gt-table-639,
.gtable-table .gt-table-footer-cta .gt-table-639 {
  display: block;
  width: 100%;
  height: auto;
}

@media (min-width: 640px) {
  .gtable-table .gt-table-cell .gt-table-639, .gtable-table .gtable-hero-text.gt-table-639,
  .gtable-table .gt-table-footer-cta .gt-table-639 {
    display: none;
  }
}

.gallery-v2-filter-layout-container {
  position: relative;
}

.gallery-v2-filter-layout-container .gallery-filter {
  max-width: 90rem;
  margin: 0 auto;
  position: relative;
  height: 0 !important;
}

@media (min-width: 640px) {
  .gallery-v2-filter-layout-container .gallery-filter-bar.sticky-bar-on {
    position: fixed;
    left: auto;
    right: auto;
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
  }
}

.gallery-v2-filter-layout-container .gallery-filter-bar {
  margin-top: 0;
  top: 5.9375rem;
}

@media (min-width: 640px) {
  .gallery-v2-filter-layout-container .gallery-filter-bar {
    width: 13.75rem;
    top: 7.5rem;
    z-index: 900;
    position: absolute;
  }
}

@media (min-width: 1024px) {
  .gallery-v2-filter-layout-container .gallery-filter-bar {
    top: 9rem;
  }
}

@media (min-width: 1440px) {
  .gallery-v2-filter-layout-container .gallery-filter-bar {
    top: 12rem;
    width: 13.75rem;
  }
}

@media (min-width: 640px) {
  .gallery-v2-filter-layout-container .gallery-filter-bar.sticky-bar-bottom {
    position: absolute;
  }
}

.gallery-v2-filter-layout-container .gallery-filter-trigger {
  z-index: 901;
}

@media (min-width: 640px) {
  .gallery-v2-filter-layout-container .gallery-filter-trigger {
    padding-left: 2rem;
    padding-right: 2rem;
    display: none;
  }
}

@media (min-width: 640px) {
  .gallery-v2-filter-layout-container .sticky-bar-on .gallery-filter-trigger {
    display: flex;
  }
}

.sticky-bar-on .dropdown-open .gallery-v2-filter-layout-container .gallery-filter-panel {
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
}

@media (min-width: 640px) {
  .gallery-v2-filter-layout-container .gallery-filter-panel {
    display: block;
    position: static;
  }
}

@media (min-width: 640px) {
  .gallery-v2-filter-layout-container .sticky-bar-on .gallery-filter-panel {
    display: none;
    position: absolute;
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
  }
}

@media (min-width: 640px) {
  .gallery-v2-filter-layout-container .sticky-bar-on .dropdown-open .gallery-filter-panel {
    display: block;
  }
}

.gallery-v2-filter-layout-container .gallery-layout-items {
  margin-top: 0;
}

.gallery-v2-filter-layout-container .powertrain-container .sectag-heading {
  padding-bottom: 0.375rem;
}

.gallery-v2-filter-layout-container .powertrain-container .sectag-heading-txt {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.625rem;
}

.gallery-v2-filter-layout-container .powertrain-container:nth-child(2) .section-tag-container {
  margin-bottom: 3rem;
}

@media (min-width: 640px) {
  .gallery-v2-filter-layout-container .powertrain-container:nth-child(2) .section-tag-container {
    margin-bottom: -0.5rem;
  }
}

.gallery-v2-filter-layout-container .powertrain-container:not(:nth-child(2)) .section-tag-container {
  margin: 0.5rem 0;
}

.oe-offers-vlp-v3-card-ts-container {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  overflow-x: auto;
  padding: 0 1rem;
  margin: 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-wrap: wrap;
}

.oe-offers-vlp-v3-card-ts-container::-webkit-scrollbar {
  display: none;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-card-ts-container {
    padding: 0 3rem;
  }
}

@media (min-width: 1024px) {
  .oe-offers-vlp-v3-card-ts-container {
    margin: 0 3rem;
    padding: 0 1.5rem;
  }
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-card-ts-container {
    padding: 0 2rem;
    margin: 0;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-vlp-v3-card-ts-container {
    padding: 0 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offers-vlp-v3-card-ts-container {
    padding: 0 3rem;
  }
}

.oe-offers-vlp-v3-card-ts-btn {
  flex-shrink: 0;
  font-weight: 700;
  font-size: 1rem;
  color: #000000;
  line-height: 1.375rem;
  border-bottom: 0.125rem solid transparent;
  padding-bottom: 0.25rem;
  opacity: 0.7;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  height: 1.875rem;
}

.oe-offers-vlp-v3-card-ts-btn:hover {
  opacity: 1;
}

.oe-offers-vlp-v3-card-ts-btn svg {
  width: auto;
  height: 0.875rem;
  margin-right: 0.25rem;
}

.oe-offers-vlp-v3-card-ts-btn-active {
  border-bottom: 0.125rem solid #00aad2;
  opacity: 1;
}

.oe-offers-vlp-v3-card-main {
  position: relative;
}

.oe-offers-vlp-v3-card-container {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--offerContainerBg) center/cover no-repeat;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-card-container {
    background: none;
  }
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-card-container {
    margin: 0 3.5rem;
  }
}

.oe-offers-vlp-v3-eyebrow-cards-container {
  position: relative;
  overflow-x: hidden;
  padding: 2rem 0;
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  background: none;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-eyebrow-cards-container {
    background: var(--offerContainerBg) center/cover no-repeat;
    padding: 2rem 0;
  }
}

@media (min-width: 1024px) {
  .oe-offers-vlp-v3-eyebrow-cards-container {
    padding: 2rem 0;
  }
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-eyebrow-cards-container {
    padding: 2rem;
  }
}

.oe-offers-vlp-v3-cards-slick-container {
  display: flex;
  position: relative;
  width: 100%;
  overflow: hidden;
  flex-direction: column;
  row-gap: 1.5rem;
}

.oe-offers-vlp-v3-cards-slick-container .slick-track {
  display: flex;
  margin: 0;
  will-change: transform;
  cursor: default;
}

.oe-offers-vlp-v3-cards-slick-container .slick-list {
  display: flex;
}

.oe-offers-vlp-v3-cards-slick {
  width: 100%;
  position: relative;
}

.oe-offers-vlp-v3-cards-slick .slick-list {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-cards-slick .slick-list {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .oe-offers-vlp-v3-cards-slick .slick-list {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-cards-slick .slick-list {
    padding-left: 0;
    padding-right: 0;
  }
}

.oe-offers-vlp-v3-cards-slick .slick-slide {
  height: auto;
  margin-right: 0.25rem;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.oe-offers-vlp-v3-cards-slick .slick-slide:last-child {
  height: auto;
  margin-right: 0;
}

.oe-offers-vlp-v3-cards-slick .slick-slide > div,
.oe-offers-vlp-v3-cards-slick .slick-slide > div > div {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.oe-offers-vlp-v3-cards-container-inner {
  min-height: var(--oe-vlp-cards-min-height);
}

.oe-offers-vlp-v3-cards-inner {
  display: flex;
  flex-direction: column;
  flex: 1 0 24.5%;
  padding: 1.5rem;
  background: var(--background-color);
  position: relative;
  height: 100%;
  row-gap: 1.5rem;
  justify-content: space-between;
  cursor: pointer;
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-cards-inner {
    padding: 2rem 1.5rem 2rem 2rem;
  }
}

.oe-offers-vlp-v3-cards-inner:hover {
  background: var(--hover-background-color, var(--background-color)) !important;
}

.oe-offers-vlp-v3-cards-inner .tooltip-trigger {
  vertical-align: middle;
}

.oe-offers-vlp-v3-cards-no-offer {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-cards-no-offer {
    padding: 0 1.5rem;
  }
}

@media (min-width: 1024px) {
  .oe-offers-vlp-v3-cards-no-offer {
    width: 50%;
    padding: 0 3rem;
  }
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-cards-no-offer {
    padding: 0;
  }
}

.oe-offers-vlp-v3-cards-no-offer-inner {
  border: 0.0625rem solid #000000;
  padding: 1.5rem;
  min-height: var(--oe-vlp-cards-no-offer-min-height);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-cards-no-offer-inner {
    padding: 2rem 1.5rem 2rem 2rem;
  }
}

.oe-offers-vlp-v3-cards-slick-empty-box {
  height: 200px;
}

.oe-offers-vlp-v3-cards-no-header {
  color: #000000;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  /* 133.333% */
}

.oe-offers-vlp-v3-cards-no-subline {
  color: #000000;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
}

.oe-offers-vlp-v3-card-cta {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: #000000;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
  /* 142.857% */
}

.oe-offers-vlp-v3-card-cta svg {
  height: 1rem !important;
}

.oe-offers-vlp-v3-card-cta .svg-animate {
  flex: 1;
  width: 2.5rem;
}

.oe-offers-vlp-v3-card-cta-container {
  justify-content: flex-end;
}

.oe-offers-vlp-v3-cards-cta-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}

.oe-offers-vlp-v3-cards-cta-container:empty {
  padding: 0 0 2rem 0;
}

.oe-offers-vlp-v3-cards-cta-container:not(:empty) {
  padding: 0 1rem 2rem;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-cards-cta-container {
    background: transparent;
    flex-direction: row;
  }
  .oe-offers-vlp-v3-cards-cta-container:not(:empty) {
    padding: 1.5rem 4.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .oe-offers-vlp-v3-cards-cta-container {
    background: transparent;
  }
  .oe-offers-vlp-v3-cards-cta-container:not(:empty) {
    padding: 1.5rem 4.5rem 3rem;
  }
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-cards-cta-container {
    background: transparent;
  }
  .oe-offers-vlp-v3-cards-cta-container:empty {
    padding: 0 0 2.5rem 0;
  }
  .oe-offers-vlp-v3-cards-cta-container:not(:empty) {
    padding: 2rem 4.5rem 4.5rem;
  }
}

.oe-offers-vlp-v3-cards-cta-container .ro-v2-button {
  width: 100%;
}

.oe-offers-vlp-v3-card-type {
  padding-bottom: 1.5rem;
  color: #000000;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
}

.oe-offers-vlp-v3-card-type svg {
  color: var(--svg-font-color);
}

.oe-offers-vlp-v3-card-name {
  color: #000000;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}

.oe-offers-vlp-v3-card-name svg {
  color: var(--svg-font-color);
}

.oe-offers-vlp-v3-card-value {
  color: #000000;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.25rem;
  /* 105% */
  padding: 1rem 0;
}

.oe-offers-vlp-v3-card-value svg {
  color: var(--svg-font-color);
}

@media (min-width: 1024px) {
  .oe-offers-vlp-v3-card-value {
    line-height: 2.625rem;
    /* 105% */
    font-size: 2.5rem;
  }
}

.oe-offers-vlp-v3-card-value-copy p:last-of-type, .oe-offers-vlp-v3-card-type-copy p:last-of-type, .oe-offers-vlp-v3-card-name-copy p:last-of-type, .oe-offers-vlp-v3-card-desc-copy p:last-of-type {
  display: inline;
}

.oe-offers-vlp-v3-card-desc {
  color: #000000;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
}

.oe-offers-vlp-v3-card-desc svg {
  color: var(--svg-font-color);
}

.oe-offers-vlp-v3-card-flex-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.oe-offers-vlp-v3-cards-slick-nav {
  position: relative;
  width: 100%;
  display: block;
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-cards-slick-nav {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .oe-offers-vlp-v3-cards-slick-nav {
    display: block !important;
  }
}

.oe-offers-vlp-v3-cards-slick-nav-inner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  column-gap: 2rem;
  align-items: center;
}

.oe-offers-vlp-v3-cards-slick-nav-inner #oe-offers-vlp-v3-cards-slick-nav-next svg,
.oe-offers-vlp-v3-cards-slick-nav-inner #oe-offers-vlp-v3-cards-slick-nav-prev svg {
  height: 2rem;
}

.oe-offers-vlp-v3-cards-slick-nav-inner .oe-offers-vlp-v3-cards-slick-nav-disabled {
  pointer-events: none;
}

.oe-offers-vlp-v3-cards-slick-nav-inner .oe-offers-vlp-v3-cards-slick-nav-disabled svg {
  fill: #666666 !important;
}

.oe-offers-vlp-v3-cards-slick-nav-inner #oe-offers-vlp-v3-cards-nav-numbers {
  color: #000000;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  /* 142.857% */
}

.oe-offers-vlp-v3-card-type svg,
.oe-offers-vlp-v3-card-name svg,
.oe-offers-vlp-v3-card-value svg,
.oe-offers-vlp-v3-card-desc svg {
  height: 0.8125rem;
  width: 0.8125rem;
}

.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-card-ts-container button,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-card-type,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-card-name,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-card-sub,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-card-value,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-card-desc,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-cards-no-header,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-cards-no-subline,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-card-cta,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-cards-slick-nav-inner,
.oe-offers-vlp-v3-comps-container-dark #oe-offers-vlp-v3-cards-slick-nav-next,
.oe-offers-vlp-v3-comps-container-dark #oe-offers-vlp-v3-cards-slick-nav-prev,
.oe-offers-vlp-v3-comps-container-dark #oe-offers-vlp-v3-cards-nav-numbers {
  color: #ffffff !important;
}

.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-card-ts-container button .oe-offers-vlp-v3-cards-slick-nav-disabled svg,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-card-type .oe-offers-vlp-v3-cards-slick-nav-disabled svg,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-card-name .oe-offers-vlp-v3-cards-slick-nav-disabled svg,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-card-sub .oe-offers-vlp-v3-cards-slick-nav-disabled svg,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-card-value .oe-offers-vlp-v3-cards-slick-nav-disabled svg,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-card-desc .oe-offers-vlp-v3-cards-slick-nav-disabled svg,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-cards-no-header .oe-offers-vlp-v3-cards-slick-nav-disabled svg,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-cards-no-subline .oe-offers-vlp-v3-cards-slick-nav-disabled svg,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-card-cta .oe-offers-vlp-v3-cards-slick-nav-disabled svg,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-cards-slick-nav-inner .oe-offers-vlp-v3-cards-slick-nav-disabled svg,
.oe-offers-vlp-v3-comps-container-dark #oe-offers-vlp-v3-cards-slick-nav-next .oe-offers-vlp-v3-cards-slick-nav-disabled svg,
.oe-offers-vlp-v3-comps-container-dark #oe-offers-vlp-v3-cards-slick-nav-prev .oe-offers-vlp-v3-cards-slick-nav-disabled svg,
.oe-offers-vlp-v3-comps-container-dark #oe-offers-vlp-v3-cards-nav-numbers .oe-offers-vlp-v3-cards-slick-nav-disabled svg {
  opacity: 0.7;
}

.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-cards-no-offer-inner {
  border-color: #ffffff !important;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-vlp-v3-eyebrow-cards-container {
    padding: 2rem 0;
    background: none;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offers-vlp-v3-eyebrow-cards-container {
    background: var(--offerContainerBg) center/cover no-repeat;
    padding: 2rem 0;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-vlp-v3-cards-slick .slick-list {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offers-vlp-v3-cards-slick .slick-list {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offers-vlp-v3-cards-no-offer {
    padding: 0 1.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-vlp-v3-cards-cta-container {
    flex-direction: column;
  }
  body.chat-opened .oe-offers-vlp-v3-cards-cta-container:not(:empty) {
    padding: 0 1rem 2rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offers-vlp-v3-cards-cta-container {
    background: transparent;
    flex-direction: row;
  }
  body.chat-opened .oe-offers-vlp-v3-cards-cta-container:not(:empty) {
    padding: 1.5rem 4.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offers-vlp-v3-card-value {
    line-height: 2.25rem;
    /* 105% */
    font-size: 1.875rem;
  }
}

.oe-offers-vlp-v3-cards-cta-loading {
  visibility: hidden;
  opacity: 0;
}

.oe-offers-vlp-v3-eb-heading-container {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  flex-wrap: wrap;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-eb-heading-container {
    flex-direction: row;
  }
}

.oe-offers-vlp-v3-eb-heading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  transition: background-color 150ms linear, padding 100ms linear;
  padding: 2rem 1rem 1rem;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-eb-heading {
    padding: 2rem 3rem 0;
  }
}

@media (min-width: 1024px) {
  .oe-offers-vlp-v3-eb-heading {
    padding: 3rem 4.5rem 0;
  }
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-eb-heading {
    padding: 4.5rem 7.5rem 0;
  }
}

.oe-offers-vlp-v3-eb-zip-flex {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.oe-offers-vlp-v3-eb-zip-flex svg {
  margin: 0 0.25rem;
}

.oe-offers-vlp-v3-eb-heading-tag {
  position: relative;
  font-weight: 700;
  font-size: 1rem;
  color: #000000;
  line-height: 1.375rem;
  padding-bottom: 0.25rem;
}

.oe-offers-vlp-v3-eb-heading-tag:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.125rem;
  width: 1.5rem;
  background-color: currentColor;
}

.oe-offers-vlp-v3-eb-pw-nonmerge {
  background: var(--oe-vlp-eb-section-bg);
}

.oe-offers-vlp-v3-eb-pw-merge {
  position: fixed;
  padding: 1rem !important;
  z-index: 994;
  top: 0;
  transition: top .1s linear;
  left: 0;
  right: 0;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3);
  background: var(--oe-vlp-eb-sticky-bg);
}

.oe-offers-vlp-v3-eb-ptb {
  display: flex;
  justify-content: center;
  gap: 1rem;
  position: relative;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
}

.oe-offers-vlp-v3-eb-ptb::-webkit-scrollbar {
  display: none;
}

.oe-offers-vlp-v3-eb-ptb-divider {
  display: none;
  position: relative;
  border-right: 0.0625rem solid #000000;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-eb-ptb-divider {
    width: 1.0625rem;
    display: flex;
    flex-shrink: 0;
  }
}

.oe-offers-vlp-v3-eb-ptb-buttons {
  width: 100%;
  max-width: 90rem;
  display: flex;
  gap: 1rem;
  overflow: auto;
}

.oe-offers-vlp-v3-eb-ptb-button {
  flex-shrink: 0;
  font-weight: 500;
  font-size: 1rem;
  color: #000000;
  line-height: 1.375rem;
  border-bottom: 0.125rem solid transparent;
  padding-bottom: 0.25rem;
  opacity: 0.7;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.oe-offers-vlp-v3-eb-ptb-button:hover {
  opacity: 1;
}

.oe-offers-vlp-v3-eb-ptb-button svg {
  width: auto;
  height: 0.875rem;
  margin-right: 0.25rem;
}

.oe-offers-vlp-v3-eb-ptb-button-active {
  border-bottom: 0.125rem solid #00aad2;
  color: #000000 !important;
  opacity: 1;
}

.oe-offers-vlp-v3-eb-zip-flex span {
  color: #000000;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  display: none;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-eb-zip-flex span {
    display: block;
  }
}

.oe-offers-vlp-v3-eb-zip-flex .oe-offers-vlp-v3-eb-title-location {
  color: #002c5e;
}

.oe-offers-vlp-v3-eb-zip-flex .oe-offers-vlp-v3-eb-title-location:hover {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}

.oe-offers-vlp-v3-eb-zip-flex .oe-offers-vlp-v3-eb-title-location svg {
  margin: 0 0.25rem;
  height: 1rem;
  fill: currentColor;
}

.oe-offers-vlp-v3-eb-zip-flex .oe-offers-vlp-v3-eb-title-location span {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.375rem;
  color: currentColor;
  display: block;
}

.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-eb-heading-tag, .oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-eb-ptb-button span, .oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-eb-zip-flex span, .oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-eb-title-location {
  color: #ffffff !important;
}

.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-eb-ptb-divider {
  border-color: #ffffff !important;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-vlp-v3-eb-heading-container {
    flex-direction: column;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-vlp-v3-eb-heading {
    padding: 2rem 1rem 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offers-vlp-v3-eb-heading {
    padding: 2rem 3rem 0;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-vlp-v3-eb-zip-flex span {
    display: none;
  }
}

.oe-offers-vlp-v3-hl-main {
  position: relative;
  display: flex;
  overflow-x: hidden;
}

.oe-offers-vlp-v3-hl-container {
  display: grid;
  position: relative;
  align-items: center;
  width: 100%;
  margin: 0 1rem 1rem;
  justify-items: center;
  justify-content: center;
  height: 100%;
  color: #000000;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-hl-container {
    margin: 2rem 3rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .oe-offers-vlp-v3-hl-container {
    margin: 2.75rem 4.5rem 1.5rem;
    grid-template-columns: repeat(var(--oe-vlp-grid-count), minmax(0, 1fr));
  }
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-hl-container {
    margin: 2.75rem 3.5rem 1.5rem;
  }
}

.oe-offers-vlp-v3-hl-container .tooltip-trigger {
  vertical-align: middle;
}

.oe-offers-vlp-v3-hl-container-subline {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  margin: 1rem;
  color: #000000;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-hl-container-subline {
    margin: 2.75rem 3rem 1.5rem;
    column-gap: 1rem;
  }
}

@media (min-width: 1024px) {
  .oe-offers-vlp-v3-hl-container-subline {
    margin: 2.75rem 4.5rem 2rem;
    column-gap: 1rem;
  }
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-hl-container-subline {
    margin: 2.75rem 7.5rem 1.875rem;
    column-gap: 1rem;
  }
}

.oe-offers-vlp-v3-hl-container-subline h2 {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.25rem;
  /* 100% */
}

@media (min-width: 1024px) {
  .oe-offers-vlp-v3-hl-container-subline h2 {
    font-size: 3rem;
    font-weight: 500;
    line-height: 3rem;
    /* 100% */
  }
}

.oe-offers-vlp-v3-hl-container-subline h5 {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  /* 137.5% */
}

.oe-offers-vlp-v3-hl-image-1up, .oe-offers-vlp-v3-hl-image-2up {
  padding: 2rem 0;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 29rem;
}

.oe-offers-vlp-v3-hl-offer-1up {
  padding: 1.5rem 1rem;
  width: 100%;
  text-align: center;
  max-width: 100%;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-hl-offer-1up {
    padding: 1.5rem 3rem;
  }
}

@media (min-width: 1024px) {
  .oe-offers-vlp-v3-hl-offer-1up {
    padding: 2rem 4.5rem;
    max-width: 38.5rem;
  }
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-hl-offer-1up {
    padding: 2rem 7.5rem;
    max-width: 52.5rem;
  }
}

.oe-offers-vlp-v3-hl-text-1up {
  padding: 2rem 1rem;
  width: 100%;
  text-align: center;
  align-items: center;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-hl-text-1up {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  .oe-offers-vlp-v3-hl-text-1up {
    padding: 3rem;
    max-width: 38.5rem;
  }
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-hl-text-1up {
    padding: 4.5rem;
    max-width: 52.5rem;
  }
}

.oe-offers-vlp-v3-hl-offer-2up, .oe-offers-vlp-v3-hl-text-2up, .oe-offers-vlp-v3-hl-image-2up {
  flex: 0 0 100%;
}

@media (min-width: 1024px) {
  .oe-offers-vlp-v3-hl-offer-2up, .oe-offers-vlp-v3-hl-text-2up, .oe-offers-vlp-v3-hl-image-2up {
    flex: 0 0 50%;
  }
}

.oe-offers-vlp-v3-hl-offer-1up, .oe-offers-vlp-v3-hl-container:has(> div.oe-offers-vlp-v3-hl-text-1up), .oe-offers-vlp-v3-hl-container:has(> div.oe-offers-vlp-v3-hl-image-1up), .oe-offers-vlp-v3-hl-container-grid-2 {
  background: var(--oe-vlp-highlight-container-bg, transparent);
}

.oe-offers-vlp-v3-hl-text-2up {
  padding: 2rem 1rem;
  width: 100%;
  text-align: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-hl-text-2up {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  .oe-offers-vlp-v3-hl-text-2up {
    padding: 3rem;
  }
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-hl-text-2up {
    padding: 4.5rem;
  }
}

.oe-offers-vlp-v3-hl-offer-2up {
  padding: 2rem 1rem;
  width: 100%;
  text-align: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-hl-offer-2up {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  .oe-offers-vlp-v3-hl-offer-2up {
    padding: 3rem;
  }
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-hl-offer-2up {
    padding: 4.5rem;
  }
}

.oe-offers-vlp-v3-hl-text-headline svg, .oe-offers-vlp-v3-hl-text-subline svg, .oe-offers-vlp-v3-hl-card-type svg, .oe-offers-vlp-v3-hl-card-name svg, .oe-offers-vlp-v3-hl-card-value svg, .oe-offers-vlp-v3-hl-card-desc svg {
  color: var(--highlights-font-color);
}

.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-hl-container,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-hl-card-cta,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-hl-container-subline,
.oe-offers-vlp-v3-comps-container-dark .oe-offers-vlp-v3-hl-cards {
  color: #ffffff !important;
}

.oe-offers-vlp-v3-hl-cards {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  justify-content: space-between;
  row-gap: 1rem;
}

.oe-offers-vlp-v3-hl-text-1up p:last-of-type, .oe-offers-vlp-v3-hl-text-2up p:last-of-type {
  display: inline;
}

.oe-offers-vlp-v3-hl-card-flex-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.oe-offers-vlp-v3-hl-card-type {
  padding-bottom: 1.5rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.oe-offers-vlp-v3-hl-card-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.oe-offers-vlp-v3-hl-card-sub {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.oe-offers-vlp-v3-hl-card-value {
  padding: 1rem 0;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
}

@media (min-width: 1024px) {
  .oe-offers-vlp-v3-hl-card-value {
    line-height: 2.625rem;
    font-size: 2.5rem;
  }
}

.oe-offers-vlp-v3-hl-text-headline {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.25rem;
}

@media (min-width: 1024px) {
  .oe-offers-vlp-v3-hl-text-headline {
    line-height: 2.625rem;
    font-size: 2.5rem;
  }
}

.oe-offers-vlp-v3-hl-text-subline {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  text-align: center;
}

.oe-offers-vlp-v3-hl-card-type-copy *, .oe-offers-vlp-v3-hl-card-name-copy *, .oe-offers-vlp-v3-hl-card-value-copy *, .oe-offers-vlp-v3-hl-card-desc-copy * {
  display: inline;
}

.oe-offers-vlp-v3-hl-card-cta {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.875rem;
  color: #000000;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
  /* 142.857% */
  padding-left: 1.25rem;
  text-decoration: none;
}

.oe-offers-vlp-v3-hl-card-cta svg {
  height: 1rem !important;
}

.oe-offers-vlp-v3-hl-order-last {
  order: 9999;
}

@media (max-width: 639px) {
  .oe-offers-vlp-v3-hl-375 {
    display: inline !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .oe-offers-vlp-v3-hl-640 {
    display: inline !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .oe-offers-vlp-v3-hl-1024 {
    display: inline !important;
  }
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-hl-1440 {
    display: inline !important;
  }
}

.oe-offers-vlp-v3-hl-img-el, .oe-offers-vlp-v3-hl-breakpoint-el {
  display: none;
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-vlp-v3-hl-container {
    margin: 0 1rem 1rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .oe-offers-vlp-v3-hl-container {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin: 2rem 3rem 1.5rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-vlp-v3-hl-container-subline {
    row-gap: 1.5rem;
    margin: 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offers-vlp-v3-hl-container-subline {
    margin: 2.75rem 3rem 1.5rem;
    column-gap: 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offers-vlp-v3-hl-container-subline h2 {
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 2.25rem;
    /* 100% */
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-vlp-v3-hl-offer-1up {
    padding: 1.5rem 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offers-vlp-v3-hl-offer-1up {
    padding: 1.5rem 3rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
  body.chat-opened .oe-offers-vlp-v3-hl-text-1up {
    padding: 2rem 1rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offers-vlp-v3-hl-text-1up {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offers-vlp-v3-hl-offer-2up, body.chat-opened .oe-offers-vlp-v3-hl-text-2up, body.chat-opened .oe-offers-vlp-v3-hl-image-2up {
    flex: 0 0 100%;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offers-vlp-v3-hl-text-2up {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offers-vlp-v3-hl-offer-2up {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offers-vlp-v3-hl-card-value {
    line-height: 1.875rem;
    font-size: 2.25rem;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offers-vlp-v3-hl-text-headline {
    line-height: 1.875rem;
    font-size: 2.25rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .oe-offers-vlp-v3-hl-640 {
    display: inline !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  body.chat-opened .oe-offers-vlp-v3-hl-1024 {
    display: none !important;
  }
}

.oe-offers-vlp-v3-details-container {
  width: 100%;
  max-width: 54.375rem;
  max-height: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  overflow-y: auto;
  z-index: 1002;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-details-container {
    max-height: 100vh;
  }
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-details-container {
    max-width: 80rem;
  }
}

.oe-offers-vlp-v3-details-container .tooltip-trigger svg {
  width: 1rem;
  height: 1rem;
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offers-vlp-v3-details-container {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: none;
    position: relative;
    margin: auto;
  }
}

@media (min-width: 1024px) {
  body.chat-opened .oe-offers-vlp-v3-details-modal-background {
    right: 23.4375rem;
  }
}

body.chat-opened .oe-offers-vlp-v3-details-main {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: calc(100vw - 375px);
  z-index: 1003;
}

.oe-offers-vlp-v3-details-container {
  display: flex;
  flex-direction: column;
  justify-items: center;
}

.oe-offers-vlp-v3-details-header {
  background-color: #e6e6e6;
  width: 100%;
}

.oe-offers-vlp-v3-details-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.0625rem 1rem 1rem;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-details-inner {
    padding: 1.0625rem 2rem 0.875rem;
  }
}

.oe-offers-vlp-v3-details-body-content-model-inner {
  display: inline-flex;
  flex-direction: column;
  row-gap: 0.25rem;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-details-body-content-model-inner {
    padding-bottom: 0.5rem;
  }
}

.oe-offers-vlp-v3-details-header-model h4 {
  color: #000000;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.125rem;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-details-header-model h4 {
    color: #333333;
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.25rem;
    line-height: 1.625rem;
    font-weight: 500;
  }
}

.oe-offers-vlp-v3-details-body-content-model-name {
  color: #333333;
}

.oe-offers-vlp-v3-details-body-content-model-name h5 {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-details-body-content-model-name h5 {
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 500;
  }
}

.oe-offers-vlp-v3-details-body-content-model-name h2 {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.25rem;
}

.oe-offers-vlp-v3-details-body-content-model-name svg {
  color: var(--overlay-font-color);
}

.oe-offers-vlp-v3-details-body-content-model-price {
  display: inline-flex;
  flex-direction: row;
  column-gap: 0.25rem;
  align-items: center;
  color: #333333;
}

.oe-offers-vlp-v3-details-body-content-model-price .oe-offers-vlp-v3-details-body-content-model-price-copy, .oe-offers-vlp-v3-details-body-content-model-price .oe-offers-vlp-v3-details-body-content-model-price-msrp {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-details-body-content-model-price .oe-offers-vlp-v3-details-body-content-model-price-copy, .oe-offers-vlp-v3-details-body-content-model-price .oe-offers-vlp-v3-details-body-content-model-price-msrp {
    font-family: "Hyundai Sans Text", "Arial", sans-serif;
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-details-body-content-model-price .oe-offers-vlp-v3-details-body-content-model-price-msrp {
    font-weight: 700;
  }
}

.oe-offers-vlp-v3-details-body-content-model-price svg {
  color: var(--overlay-font-color);
}

.oe-offers-vlp-v3-details-body-content-offer-expiration {
  color: #000000;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  /* 112.5% */
  padding-bottom: 0;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-details-body-content-offer-expiration {
    padding-bottom: 2rem;
  }
}

.oe-offers-vlp-v3-details-body-content-cta-container {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  padding-bottom: 0;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-details-body-content-cta-container {
    flex-direction: row;
    column-gap: 1rem;
    padding-bottom: 2rem;
  }
}

.oe-offers-vlp-v3-details-form-close {
  display: flex;
}

.oe-offers-vlp-v3-details-form-close svg {
  fill: #002c5e;
  height: 1.5rem;
  width: 1.5rem;
}

.oe-offers-vlp-v3-details-modal-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1001;
}

@media (min-width: 1024px) {
  .oe-offers-vlp-v3-details-modal-background {
    -webkit-backdrop-filter: blur(var(--backdrop-filter-blur));
    backdrop-filter: blur(var(--backdrop-filter-blur));
  }
}

.oe-offers-vlp-v3-details-body {
  position: relative;
  width: 100%;
  overflow: auto;
  padding: 1.5rem 1rem;
  scroll-behavior: smooth;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-details-body {
    padding: 2rem 0;
  }
}

.oe-offers-vlp-v3-details-body .raq-header {
  display: none;
}

.oe-offers-vlp-v3-details-body-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0;
  row-gap: 2rem;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-details-body-inner {
    padding: 1rem 2rem;
    row-gap: 1.5rem;
  }
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-details-body-inner {
    padding: 0;
    flex-direction: row;
  }
}

.oe-offers-vlp-v3-details-body-content-model, .oe-offers-vlp-v3-details-body-content-raq {
  flex: 1 0 50%;
}

.oe-offers-vlp-v3-details-body-content-model {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0;
  border-right: 0;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-details-body-content-model {
    gap: 0;
  }
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-details-body-content-model {
    padding: 1rem 2rem;
    border-right: 0.125rem solid #e6e6e6;
  }
}

.oe-offers-vlp-v3-details-body-content-offer-disclaimer {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1rem;
  /* 133.333% */
  padding-top: 0.625rem;
  padding-bottom: 0;
  border-bottom: 0;
}

.oe-offers-vlp-v3-details-body-content-offer-disclaimer div {
  font-weight: 400;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-details-body-content-offer-disclaimer {
    padding-top: 0;
    row-gap: 0.625rem;
  }
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-details-body-content-offer-disclaimer {
    padding-bottom: 2rem;
    border-bottom: 0.125rem solid #e6e6e6;
  }
}

.oe-offers-vlp-v3-details-body-content-offer {
  color: #000000;
  padding-bottom: 0;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-details-body-content-offer {
    padding-bottom: 1rem;
  }
}

.oe-offers-vlp-v3-details-body-content-offer svg {
  color: var(--overlay-font-color);
}

.oe-offers-vlp-v3-details-body-content-offer-copy, #oe-vlp-raq-headline-head {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.25rem;
  display: block;
}

.oe-offers-vlp-v3-details-body-content-cta-raq {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.375rem;
  display: flex;
  flex-direction: row;
  column-gap: 0.3125rem;
}

.oe-offers-vlp-v3-details-body-content-cta-raq svg {
  width: 1.0625rem;
  height: 1rem;
  fill: none;
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-details-body-content-cta-raq {
    display: none;
  }
}

.oe-offers-vlp-v3-details-body-content-offer-disclaimer-container {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}

.oe-offers-vlp-v3-details-body-content-offer-disclaimer-container .oe-offers-vlp-v3-details-body-content-savings-head {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-details-body-content-offer-disclaimer-container .oe-offers-vlp-v3-details-body-content-savings-head {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.oe-offers-vlp-v3-details-body-content-offer-disclaimer-container .oe-offers-vlp-v3-details-body-content-savings-body {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  margin-top: 0.875rem;
}

.oe-offers-vlp-v3-details-body-content-offer-disclaimer-container .oe-offers-vlp-v3-details-body-content-savings-body ul {
  padding-left: 1.5625rem;
  margin: 0 !important;
}

.oe-offers-vlp-v3-details-body-content-offer-disclaimer-container .oe-offers-vlp-v3-details-body-content-savings-body svg {
  color: var(--overlay-disclaimers-font-color);
}

.oe-offers-vlp-v3-details-body-content-raq .oe-raq-form {
  padding: 0;
}

@media (min-width: 1440px) {
  .oe-offers-vlp-v3-details-body-content-raq .oe-raq-form {
    padding: 1rem 2rem;
  }
}

.oe-offers-vlp-v3-details-body-content-model-image {
  position: relative;
  width: 100%;
  display: flex;
  padding-bottom: 0;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-details-body-content-model-image {
    padding-bottom: 1rem;
  }
}

.oe-offers-vlp-v3-details-body-content-model-image img {
  width: auto;
  height: 8.5625rem;
  margin: auto;
}

@media (min-width: 640px) {
  .oe-offers-vlp-v3-details-body-content-model-image img {
    height: 12rem;
  }
}

.oe-offers-vlp-v3-details-body-content-offer-copy-inner *, .oe-offers-vlp-v3-details-body-content-trim-name-copy *, #oe-vlp-raq-headline-content * {
  display: inline;
}

.oe-offers-vlp-v3-details-body-content-raq .oe-raq-form, .oe-offers-vlp-v3-details-body-content-raq .raq-body {
  background: white !important;
  border-left: 0 !important;
}

.oe-offers-vlp-v3-details-body-content-raq .raq-overlay {
  display: block;
  position: relative;
}

#oe-offers-vlp-v3-details-body-content-raq-id .raq-headline {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  padding-bottom: 0;
}

#oe-offers-vlp-v3-details-body-content-raq-id .raq-headline span {
  padding-top: 0;
}

#oe-offers-vlp-v3-details-body-content-raq-id .raq-headline .raq-headline-head {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.25rem;
}

#oe-offers-vlp-v3-details-body-content-raq-id .raq-headline .raq-headline-content {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  #oe-offers-vlp-v3-details-body-content-raq-id .raq-headline .raq-headline-content {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

#oe-offers-vlp-v3-details-body-content-raq-id .raq-form-fieldset, #oe-offers-vlp-v3-details-body-content-raq-id .raq-form-dealer, #oe-offers-vlp-v3-details-body-content-raq-id .raq-form-label {
  margin-top: 0;
}

#oe-offers-vlp-v3-details-body-content-raq-id .raq-form-contact-option {
  margin-bottom: 1.75rem;
}

@media (min-width: 640px) {
  #oe-offers-vlp-v3-details-body-content-raq-id .raq-form-contact-option {
    margin-bottom: 2.5rem;
  }
}

#oe-offers-vlp-v3-details-body-content-raq-id .raq-form-fieldset, #oe-offers-vlp-v3-details-body-content-raq-id .raq-policy-terms-agreement {
  padding-top: 1.75rem;
}

@media (min-width: 640px) {
  #oe-offers-vlp-v3-details-body-content-raq-id .raq-form-fieldset, #oe-offers-vlp-v3-details-body-content-raq-id .raq-policy-terms-agreement {
    padding-top: 2.5rem;
  }
}

#oe-offers-vlp-v3-details-body-content-raq-id .raq-submit-request-button {
  width: auto;
  margin-top: 1.75rem;
}

@media (min-width: 640px) {
  #oe-offers-vlp-v3-details-body-content-raq-id .raq-submit-request-button {
    margin-top: 2.5rem;
  }
}

#oe-offers-vlp-v3-details-body-content-raq-id .oe-vlp-raq-input-wrapper {
  margin-top: 1rem;
}

@media (min-width: 640px) {
  #oe-offers-vlp-v3-details-body-content-raq-id .oe-vlp-raq-input-wrapper {
    margin-top: 1.25rem;
  }
}

.oe-offers-vlp-v3-details-body-content-raq .raq-headline-head,
.oe-offers-vlp-v3-details-body-content-raq .raq-form-contact-option,
.oe-offers-vlp-v3-details-body-content-raq .oe-raq-form-dealer-item,
.oe-offers-vlp-v3-details-body-content-raq .raq-form-hint,
.oe-offers-vlp-v3-details-body-content-raq #oe-vlp-raq-headline {
  color: var(--raq-overlay-font-color, #333333) !important;
}

.oe-offers-vlp-v3-details-body-content-raq #oe-vlp-raq-headline-head, .oe-offers-vlp-v3-details-body-content-raq #oe-vlp-raq-headline-content {
  visibility: hidden;
}

.oe-offers-vlp-v3-details-body-content-raq .raq-form-user-info-fieldset .raq-form-input-wrapper {
  max-width: 100% !important;
}

.oe-offers-vlp-v3-details-body-content-raq .raq-headline-content,
.oe-offers-vlp-v3-details-body-content-raq .raq-form-label,
.oe-offers-vlp-v3-details-body-content-raq .raq-form-contact-headline,
.oe-offers-vlp-v3-details-body-content-raq .raq-phone-number-form {
  color: var(--raq-overlay-font-color, #666666) !important;
}

.oe-offers-vlp-v3-details-body-content-raq .raq-policy-terms-agreement {
  color: var(--raq-overlay-font-color, #666666) !important;
}

.oe-offers-vlp-v3-details-body-content-raq-divider {
  display: block;
  width: 100%;
  border-bottom: 0.125rem solid #e6e6e6;
  margin-top: 1rem;
}

@media screen and (min-width: 640px) {
  .oe-offers-vlp-v3-details-body-content-raq-divider {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 1440px) {
  .oe-offers-vlp-v3-details-body-content-raq-divider {
    display: none;
  }
}

.oe-offers-vlp-v3-main-container, .oe-offers-vlp-v3-comps-container {
  position: relative;
  margin: 0 auto;
}

.oe-offers-vlp-v3-main-container {
  background: var(--background) center/cover no-repeat;
  max-width: 160rem;
}

.oe-offers-vlp-v3-comps-container {
  max-width: 90rem;
}

.oe-offers-vlp-v3-loading-indicator {
  position: relative;
}

.oe-offers-vlp-v3-loading-indicator .loading-indicator {
  background-color: transparent !important;
}

.oe-offers-vlp-v3-loading-indicator-diff-color .oe-vlp-loading-custom-theme svg, .oe-offers-vlp-v3-loading-indicator-diff-color .oe-vlp-loading-custom-theme path {
  fill: var(--loading-icon-color) !important;
}

.oe-offers-vlp-v3-loading-indicator-inner {
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: relative;
  z-index: 990;
  min-height: var(--min-container-height);
}

.bsi-content-style {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  width: 100%;
  background-color: #ffffff;
  padding-right: 6rem;
}

@media (max-width: 1919px) {
  .bsi-content-style {
    padding-right: 4.5rem;
  }
}

@media (max-width: 1439px) {
  .bsi-content-style {
    padding-right: 2.625rem;
    gap: 1rem;
  }
}

@media (max-width: 1023px) {
  .bsi-content-style {
    padding-right: 2rem;
  }
}

@media (max-width: 639px) {
  .bsi-content-style {
    padding-right: 1rem;
  }
}

.bsi-loading-overlay {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bsi-loading-overlay .loading-indicator {
  opacity: 1;
}

.bsi-initial-loading-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  background-color: #ffffff;
}

.bsi-initial-loading-overlay .loading-indicator {
  opacity: 1;
}

.bsi-model-card-wrapper {
  height: 100%;
  width: 100%;
}

.bsi-model-card {
  align-self: stretch;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

.bsi-model-card-container {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 0;
  background-repeat: no-repeat;
  height: 100%;
}

@media (max-width: 1439px) {
  .bsi-model-card-container {
    padding: 1rem 0;
  }
}

.bsi-model-card-top-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0 1.5rem;
}

@media (max-width: 1439px) {
  .bsi-model-card-top-section {
    padding: 0 1rem;
    gap: 0.5rem;
  }
}

.bsi-model-card-main-section {
  display: grid;
  grid-template-columns: minmax(-webkit-min-content, 18.875rem) minmax(23.75rem, auto) minmax(-webkit-min-content, -webkit-max-content);
  grid-template-columns: minmax(min-content, 18.875rem) minmax(23.75rem, auto) minmax(min-content, max-content);
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  height: 12.5rem;
  padding: 0 1.5rem;
}

@media (max-width: 1439px) {
  .bsi-model-card-main-section {
    grid-template-columns: minmax(-webkit-min-content, 15.3125rem) minmax(18.875rem, auto) minmax(-webkit-min-content, -webkit-max-content);
    grid-template-columns: minmax(min-content, 15.3125rem) minmax(18.875rem, auto) minmax(min-content, max-content);
    padding: 0 1rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .bsi-model-card-main-section {
    height: auto;
    min-height: 12.5rem;
    align-items: flex-start;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .bsi-model-card-main-section {
    height: auto;
    min-height: 12.5rem;
    align-items: flex-start;
  }
}

@media (max-width: 639px) {
  .bsi-model-card-main-section {
    display: flex;
    flex-direction: column;
    grid-template-columns: none;
    height: 100%;
  }
}

.bsi-model-card-main-section-small-screen {
  grid-template-columns: 1fr 1fr;
}

.bsi-model-card-container {
  transition: height 0.4s ease;
  height: auto;
  min-height: 21.125rem;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .bsi-model-card-container {
    height: 100%;
    min-height: 100%;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .bsi-model-card-container {
    height: auto;
    min-height: 19rem;
  }
}

@media (min-width: 1440px) {
  .bsi-model-card-container {
    height: 21.125rem;
  }
}

@media (max-width: 639px) {
  .bsi-model-card-container {
    height: 100%;
    min-height: unset;
  }
}

.bsi-model-card-selected .bsi-model-card-container {
  height: auto;
  min-height: 21.125rem;
}

.bsi-model-card-main-wrapper {
  height: 100%;
  min-height: 15rem;
  position: relative;
}

@media (max-width: 639px) {
  .bsi-model-card-main-wrapper {
    min-height: auto;
  }
}

.bsi-model-card-top-section-inside-model {
  padding: 0;
}

.bsi-year-tabs {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.bsi-card-closed .bsi-year-tabs-selector {
  padding: 0.5rem 0.25rem;
}

.bsi-year-tabs-selector {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1rem;
  padding: 0.4375rem 0.25rem;
  color: #666666;
  border: none;
  border-bottom: 0.125rem solid transparent;
  background-color: transparent;
}

.bsi-year-tabs-selector.active {
  color: #333333;
  border-bottom: 0.125rem solid transparent;
}

.bsi-year-tabs-selector:focus {
  color: #333333;
  border-bottom: 0.125rem solid transparent;
}

.bsi-year-tabs-selector:hover {
  color: #333333;
}

.bsi-year-tabs-sliding-bar {
  height: 0.125rem;
  background-color: #00aad2;
  position: absolute;
  left: 0;
  transition: all 0.3s cubic-bezier(0.25, 0, 0.2, 1);
  z-index: 1;
  pointer-events: none;
  margin-top: 1.875rem;
}

.bsi-model-name-container {
  display: flex;
  align-items: center;
  padding: 0 0 0.5rem;
}

.bsi-model-name {
  justify-self: flex-start;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 2.5rem;
  max-width: 18.875rem;
  color: #333333;
  margin: 0;
}

@media (max-width: 1439px) {
  .bsi-model-name {
    font-size: 1.5rem;
    line-height: 1.625rem;
  }
}

.bsi-model-info {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  width: 100%;
  max-width: 18.875rem;
  will-change: opacity;
}

@media (max-width: 1920px) {
  .bsi-model-info {
    max-width: 15.3125rem;
  }
}

@media (max-width: 1439px) {
  .bsi-model-info {
    flex: 1 0 0;
    max-width: 18.4375rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .bsi-model-info {
    gap: 1rem;
    justify-content: space-between;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .bsi-model-info {
    gap: 1rem;
    justify-content: space-between;
  }
}

@media (max-width: 639px) {
  .bsi-model-info {
    max-width: 100%;
    gap: 0.5rem;
    flex-direction: column-reverse;
    order: 2;
  }
}

.bsi-model-info .bsi-model-description-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.bsi-model-info .bsi-model-description {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25rem;
}

.bsi-model-info .bsi-model-msrp {
  display: flex;
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.25rem;
  will-change: opacity;
}

@media (max-width: 1439px) {
  .bsi-model-info .bsi-model-msrp {
    gap: 0.75rem;
  }
}

@media (max-width: 639px) {
  .bsi-model-info .bsi-model-msrp {
    align-items: flex-end;
    gap: 0.25rem;
  }
}

.bsi-model-info .bsi-model-msrp-label {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  vertical-align: middle;
  gap: 0.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
}

.bsi-model-info .bsi-model-msrp-label button {
  width: 0.75rem;
  height: 0.75rem;
  transform: translateY(-1px);
}

.bsi-model-info .bsi-model-msrp-price {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.625rem;
  color: #000000;
}

@media (max-width: 1439px) {
  .bsi-model-info .bsi-model-msrp-price {
    font-size: 18px;
    line-height: 1.25rem;
  }
}

.bsi-model-image-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: auto;
  flex: 0 0 auto;
}

@media (min-width: 640px) and (max-width: 1439px) {
  .bsi-model-image-container {
    flex: auto;
  }
}

@media (max-width: 639px) {
  .bsi-model-image-container {
    flex: 1 0 0;
    order: 1;
  }
}

@media (min-width: 640px) and (max-width: 1439px) {
  .bsi-model-image {
    top: 50px;
    right: 40px;
  }
}

@media (max-width: 639px) {
  .bsi-model-image {
    position: relative;
    top: 0;
  }
}

.bsi-model-picture-inner {
  width: 100%;
  max-width: 36.875rem;
  max-height: 16.875rem;
}

.bsi-model-image-inner {
  display: block;
  width: 100%;
  height: auto;
  max-width: 36.875rem;
  max-height: 16.875rem;
  -o-object-fit: contain;
     object-fit: contain;
}

@supports (-webkit-touch-callout: none) {
  .bsi-model-image-inner {
    height: auto !important;
  }
}

.bsi-model-img-disclaimer {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  min-height: 1rem;
  color: #888888;
  text-align: center;
}

@media (max-width: 1439px) {
  .bsi-model-img-disclaimer {
    text-align: left;
  }
}

@media (max-width: 639px) {
  .bsi-model-img-disclaimer {
    text-align: center;
  }
}

.bsi-model-ctas {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  align-self: stretch;
  justify-self: flex-end;
  width: 17.3125rem;
}

@media (max-width: 1920px) {
  .bsi-model-ctas {
    flex: 0;
  }
}

@media (max-width: 1439px) {
  .bsi-model-ctas {
    flex: 1 0 0;
    justify-content: space-between;
  }
}

@media (max-width: 639px) {
  .bsi-model-ctas {
    width: 100%;
    order: 3;
  }
}

.bsi-model-ctas .bsi-model-image-mobile-container, .bsi-model-ctas > div:has(.bsi-model-image-mobile) {
  margin-top: 2rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .bsi-model-ctas .bsi-model-image-mobile-container, .bsi-model-ctas > div:has(.bsi-model-image-mobile) {
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
  }
}

@media (max-width: 639px) {
  .bsi-model-ctas .bsi-model-image-mobile-container, .bsi-model-ctas > div:has(.bsi-model-image-mobile) {
    margin-top: 1.25rem;
    margin-bottom: 1rem;
  }
}

.bsi-model-ctas .bsi-model-ctas-bottom {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 13.5rem;
}

@media (max-width: 639px) {
  .bsi-model-ctas .bsi-model-ctas-bottom {
    width: 100%;
  }
}

.bsi-model-ctas .bsi-inventory-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bsi-model-ctas .bsi-inventory-button {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: color 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
  gap: 0.5rem;
  font-weight: 500;
  line-height: 1rem;
  color: #002c5e;
  border-color: transparent;
  background: transparent;
  padding: 0;
}

.bsi-model-ctas .bsi-inventory-button:focus {
  box-shadow: inset 0 0 0 0.125rem #ffffff;
  box-sizing: border-box;
}

.bsi-model-ctas .bsi-inventory-button:disabled {
  background-color: #bababa;
  border-color: #bababa;
  color: #ffffff;
}

.bsi-model-ctas .bsi-inventory-button svg {
  width: 0.3125rem;
  height: 0.75rem;
  fill: currentColor;
  transform: translateX(0);
  transition: transform 0.2s cubic-bezier(0.1, 0.5, 0.15, 1), fill 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
  position: relative;
  bottom: 1px;
  right: 2px;
}

.bsi-model-ctas .bsi-inventory-button:hover:not(:disabled) {
  color: #001A38;
}

.bsi-model-ctas .bsi-inventory-button:hover:not(:disabled) svg {
  transform: translateX(4px);
}

@media (max-width: 1439px) {
  .bsi-model-ctas .bsi-inventory-button {
    height: auto;
    padding: 0.5rem 0;
    font-size: 14px;
    line-height: 0.875rem;
  }
}

.bsi-model-ctas .bsi-trims-button {
  align-self: stretch;
  position: relative;
  overflow: hidden;
  border: none;
  background: linear-gradient(to right, #001A38 50%, #002c5e 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
}

.bsi-model-ctas .bsi-trims-button:hover {
  background-position: left bottom;
}

.bsi-model-ctas .bsi-trims-button svg {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.5625rem 0.375rem;
  fill: #ffffff;
}

.bsi-info-icon {
  padding: 0;
  border: none;
  background-color: transparent;
  vertical-align: middle;
  color: currentColor;
}

.bsi-trims-carousel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  gap: 1rem;
  padding-top: 1.5rem;
  overflow: hidden;
  transition: none;
  will-change: height, opacity;
  transform-origin: bottom center;
}

.bsi-trims-carousel.is-collapsing {
  overflow: hidden;
}

.bsi-trims-carousel[style*="visibility: hidden"] {
  margin: 0 !important;
  padding: 0 !important;
}

.bsi-flkty-cell {
  will-change: transform, opacity;
  padding-right: 1.5rem;
}

@media (max-width: 1439px) {
  .bsi-flkty-cell {
    padding-right: 1rem;
  }
}

.bsi-flkty-cell:first-child {
  padding-left: 1.5rem;
}

@media (max-width: 1439px) {
  .bsi-flkty-cell:first-child {
    padding-left: 1rem;
  }
}

.bsi-model-card-main-section {
  position: relative;
  will-change: transform;
  height: 100%;
  width: 100%;
}

.bsi-trim-cards {
  align-self: stretch;
  height: 100%;
}

.bsi-hide-trims-button-container {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding-right: 1.5rem;
}

@media (max-width: 1439px) {
  .bsi-hide-trims-button-container {
    padding: 0 1rem;
  }
}

.bsi-hide-trims-button {
  font-weight: 500;
  line-height: 1rem;
  padding: 0.75rem 1.5rem;
  width: 13.5rem;
  border: 0.0625rem solid #002c5e;
  position: relative;
  overflow: hidden;
  background: linear-gradient(to right, #f3f3f3 50%, #ffffff 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
}

.bsi-hide-trims-button:hover {
  background-position: left bottom;
  color: #002c5e;
  border-color: #002c5e;
}

.bsi-hide-trims-button:hover svg {
  fill: #002c5e;
}

.bsi-hide-trims-button svg {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.5625rem 0.375rem;
  transition: fill 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
}

@media (max-width: 639px) {
  .bsi-hide-trims-button {
    width: 100%;
  }
}

.bsi-trims-carousel-selector {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  gap: 1rem;
}

.bsi-match-info {
  font-size: 0.875rem;
  line-height: 0.875rem;
}

.bsi-directional-control {
  width: 2rem;
  height: 2rem;
  background-color: #ffffff;
  border: 0.0625rem solid #e6e6e6;
  border-radius: 1.25rem;
  padding: 0;
  transition: background-color 0.2s linear, border-color 0.2s linear, transform 0.2s linear;
}

.bsi-directional-control:hover {
  border-color: #002c5e;
  background-color: #002c5e;
}

.bsi-directional-control:hover svg path {
  stroke: #ffffff;
}

.bsi-directional-control:active {
  transform: scale(0.95) !important;
  background-color: #002c5e;
  border-color: #002c5e;
}

.bsi-directional-control:active svg path {
  stroke: #ffffff;
}

.bsi-directional-control:focus {
  box-shadow: inset 0 0 0 0.0625rem #002c5e;
  box-sizing: border-box;
}

.bsi-directional-control:disabled {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}

.bsi-directional-control:disabled svg path {
  stroke: #888888;
}

.bsi-directional-control:disabled:active {
  transform: none;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}

.bsi-directional-control svg path {
  transition: stroke 0.2s linear;
}

.bsi-directional-control-previous svg {
  transform: rotate(180deg);
}

.bsi-state-salability-banner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  vertical-align: middle;
  height: 2rem;
  padding: 0.5rem 1.5rem;
  background-color: #ebf6f8;
  box-sizing: border-box;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 0.875rem;
  color: #001A38;
}

@media (max-width: 1439px) {
  .bsi-state-salability-banner {
    padding: 0.5rem 1rem;
  }
}

.bsi-zero-match-nofication {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  gap: 1.5rem;
  padding: 1.5rem 0;
}

.bsi-zero-match-nofication-heading {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  line-height: 1.625rem;
  font-weight: 500;
  margin: 0;
}

.bsi-zero-match-nofication-btn-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.bsi-zero-match-nofication-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1rem;
  color: #002c5e;
  background: transparent;
  margin: 0;
  padding: 0;
  border: none;
  text-decoration: none;
}

.bsi-zero-match-nofication-btn svg {
  width: 0.375rem;
  height: 0.75rem;
  fill: none;
}

.bsi-gn-sticky-prevent {
  top: -3.5rem;
}

@media (min-width: 640px) {
  .bsi-gn-sticky-prevent {
    top: -5rem;
  }
}

.bsi-gn-sticky-prevent .bsi-vehicles-filters-top {
  transition: none;
}

.bsi-model-badge {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 1024px) {
  #bv-tooltip-floating-root {
    z-index: 49 !important;
  }
  .bsi-tooltip-pop-up-container {
    z-index: 49;
  }
}

@media (max-width: 639px) {
  body.chat-opened .bsi-trim-card {
    width: 18.4375rem;
  }
}

@media (min-width: 640px) and (max-width: 767px) {
  body.chat-opened .bsi-content-style {
    padding-right: 1rem;
  }
  body.chat-opened .bsi-model-card-main-section.bsi-model-card-main-section-small-screen {
    display: flex;
    flex-direction: column;
  }
  body.chat-opened .bsi-model-ctas {
    padding-top: 0;
    width: 100%;
  }
  body.chat-opened .bsi-model-ctas .bsi-model-ctas-bottom {
    width: 100%;
  }
  body.chat-opened .bsi-model-badge-mobile {
    flex-direction: column;
  }
  body.chat-opened .bsi-trims-carousel {
    padding: 1rem 0.5rem 0.5rem;
  }
  body.chat-opened .bsi-flkty-cell {
    padding-right: 0.5rem;
  }
  body.chat-opened .bsi-flkty-cell:first-child {
    padding-left: 0.5rem;
  }
  body.chat-opened .bsi-trim-card {
    width: 12.5rem;
    padding: 0.75rem;
    border-radius: 0.75rem;
  }
  body.chat-opened .bsi-trim-card-base {
    gap: 0.75rem;
    grid-template-rows: auto 1fr auto;
  }
  body.chat-opened .bsi-trim-card-header {
    flex-wrap: wrap;
    gap: 0.25rem;
  }
  body.chat-opened .bsi-trim-card-header .bsi-trim-card-name {
    font-size: 1rem;
    line-height: 1.125rem;
    min-height: auto;
    padding-top: 0;
  }
  body.chat-opened .bsi-compare-button {
    padding: 0.25rem 0.5rem;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
  }
  body.chat-opened .bsi-trim-card-image {
    max-width: 100%;
    height: auto;
  }
  body.chat-opened .bsi-trim-card-image-disclaimer {
    font-size: 0.625rem;
    line-height: 0.75rem;
  }
  body.chat-opened .bsi-trim-card-specs {
    gap: 0.625rem;
  }
  body.chat-opened .bsi-trim-card-price-mpg {
    flex-direction: column;
    gap: 0.5rem;
  }
  body.chat-opened .bsi-trim-card-label {
    font-size: 1rem;
    line-height: 1.125rem;
  }
  body.chat-opened .bsi-trim-card-text {
    font-size: 0.625rem;
    line-height: 0.75rem;
  }
  body.chat-opened .bsi-trim-card-indicator-container {
    gap: 0.25rem;
  }
  body.chat-opened .bsi-trim-card-indicator-labels {
    font-size: 0.625rem;
    line-height: 0.75rem;
  }
  body.chat-opened .bsi-trim-card-indicators {
    gap: 0.125rem;
  }
  body.chat-opened .bsi-trim-card-indicator-line {
    height: 0.1875rem;
  }
  body.chat-opened .bsi-trim-card-indicator-line-active {
    height: 0.25rem;
  }
  body.chat-opened .bsi-trim-card-specs-text {
    font-size: 0.625rem;
    line-height: 0.875rem;
  }
  body.chat-opened .bsi-trim-card-specs-and-package {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    gap: 0.5rem;
  }
  body.chat-opened .package-pill {
    padding: 0.375rem 0.5rem;
    gap: 0.25rem;
  }
  body.chat-opened .package-pill .pill-label {
    font-size: 0.6875rem;
    line-height: 0.75rem;
  }
  body.chat-opened .bsi-trim-card-buttons {
    flex-direction: column;
    height: auto;
    gap: 0.5rem;
  }
  body.chat-opened .bsi-trim-card-buttons a,
  body.chat-opened .bsi-trim-card-buttons button {
    width: 100%;
    padding: 0.625rem 1rem;
    font-size: 0.75rem;
  }
  body.chat-opened .bsi-trim-card-inventory-btns a,
  body.chat-opened .bsi-trim-card-inventory-btns button {
    height: 2.5rem;
    font-size: 0.75rem;
  }
  body.chat-opened .bsi-trims-carousel-selector {
    margin-top: 1rem;
    padding: 0.5rem 0;
  }
  body.chat-opened .bsi-hide-trims-button-container {
    padding: 0.5rem;
  }
  body.chat-opened .bsi-hide-trims-button {
    width: 100%;
    padding: 0.625rem 1rem;
    font-size: 0.75rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  body.chat-opened .bsi-content-style {
    padding-right: 1rem;
  }
  body.chat-opened .bsi-model-card-main-section.bsi-model-card-main-section-small-screen {
    display: flex;
    flex-direction: column;
  }
  body.chat-opened .bsi-model-ctas {
    padding-top: 0;
    width: 100%;
    align-items: center;
  }
  body.chat-opened .bsi-model-ctas .bsi-model-ctas-bottom {
    width: 100%;
  }
  body.chat-opened .bsi-model-badge-mobile {
    flex-direction: column;
  }
  body.chat-opened .bsi-trims-carousel {
    padding: 1rem 0.5rem 0.5rem;
  }
  body.chat-opened .bsi-flkty-cell {
    padding-right: 0.5rem;
  }
  body.chat-opened .bsi-flkty-cell:first-child {
    padding-left: 0.5rem;
  }
  body.chat-opened .bsi-trim-card {
    width: 20.1875rem;
    padding: 0.75rem;
    border-radius: 0.75rem;
  }
  body.chat-opened .bsi-trim-card-base {
    gap: 0.75rem;
    grid-template-rows: auto 1fr auto;
  }
  body.chat-opened .bsi-trim-card-header {
    flex-wrap: wrap;
    gap: 0.25rem;
  }
  body.chat-opened .bsi-trim-card-header .bsi-trim-card-name {
    font-size: 1rem;
    line-height: 1.125rem;
    min-height: auto;
    padding-top: 0;
  }
  body.chat-opened .bsi-compare-button {
    padding: 0.25rem 0.5rem;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
  }
  body.chat-opened .bsi-trim-card-image {
    max-width: 100%;
    height: auto;
  }
  body.chat-opened .bsi-trim-card-image-disclaimer {
    font-size: 0.625rem;
    line-height: 0.75rem;
  }
  body.chat-opened .bsi-trim-card-specs {
    gap: 0.625rem;
  }
  body.chat-opened .bsi-trim-card-price-mpg {
    flex-direction: column;
    gap: 0.5rem;
  }
  body.chat-opened .bsi-trim-card-label {
    font-size: 1rem;
    line-height: 1.125rem;
  }
  body.chat-opened .bsi-trim-card-text {
    font-size: 0.625rem;
    line-height: 0.75rem;
  }
  body.chat-opened .bsi-trim-card-indicator-container {
    gap: 0.25rem;
  }
  body.chat-opened .bsi-trim-card-indicator-labels {
    font-size: 0.625rem;
    line-height: 0.75rem;
  }
  body.chat-opened .bsi-trim-card-indicators {
    gap: 0.125rem;
  }
  body.chat-opened .bsi-trim-card-indicator-line {
    height: 0.1875rem;
  }
  body.chat-opened .bsi-trim-card-indicator-line-active {
    height: 0.25rem;
  }
  body.chat-opened .bsi-trim-card-specs-container {
    gap: 0.375rem;
  }
  body.chat-opened .bsi-trim-card-specs-text {
    font-size: 0.625rem;
    line-height: 0.75rem;
  }
  body.chat-opened .bsi-trim-card-specs-btn {
    font-size: 0.625rem;
    line-height: 0.75rem;
  }
  body.chat-opened .bsi-trim-card-specs-and-package {
    height: auto;
    gap: 0.25rem;
  }
  body.chat-opened .package-pill {
    padding: 0.375rem;
    gap: 0.25rem;
  }
  body.chat-opened .package-pill .pill-label {
    font-size: 0.625rem;
    line-height: 0.625rem;
  }
  body.chat-opened .bsi-trim-card-buttons {
    gap: 0.5rem;
    height: auto;
  }
  body.chat-opened .bsi-trim-card-buttons a,
  body.chat-opened .bsi-trim-card-buttons button {
    font-size: 0.75rem;
    line-height: 0.75rem;
    padding: 0.625rem 1rem;
  }
  body.chat-opened .bsi-trim-card-inventory-btns a,
  body.chat-opened .bsi-trim-card-inventory-btns button {
    font-size: 0.75rem;
    height: 2.25rem;
  }
  body.chat-opened .bsi-trims-carousel-selector {
    margin-top: 1rem;
    padding: 0.5rem 0;
  }
  body.chat-opened .bsi-hide-trims-button-container {
    padding: 0.5rem;
  }
  body.chat-opened .bsi-hide-trims-button {
    width: 100%;
    padding: 0.625rem 1rem;
    font-size: 0.75rem;
  }
}

@media (min-width: 1024px) and (max-width: 1299px) {
  body.chat-opened .bsi-container {
    padding-right: 1rem;
  }
  body.chat-opened .bsi-model-card-main-section.bsi-model-card-main-section-small-screen {
    display: flex;
    flex-direction: column;
  }
  body.chat-opened .bsi-model-ctas {
    padding-top: 0;
    width: 100%;
  }
  body.chat-opened .bsi-model-ctas .bsi-model-ctas-bottom {
    width: 100%;
  }
  body.chat-opened .bsi-trim-card {
    width: 20.1875rem;
  }
  body.chat-opened .bsi-filters-sticky-section-desktop {
    margin-right: 1rem;
  }
  body.chat-opened .bsi-filters-expand-icon {
    margin-right: 0.625rem;
  }
  body.chat-opened button.bsi-filters-expand-button {
    margin-right: 0.625rem;
  }
}

@media (min-width: 1300px) and (max-width: 1439px) {
  body.chat-opened .bsi-container {
    padding-right: 1rem;
  }
  body.chat-opened .bsi-filters-sticky-section-desktop {
    margin-right: 1rem;
  }
  body.chat-opened .bsi-filters-expand-icon {
    margin-right: 0.625rem;
  }
  body.chat-opened button.bsi-filters-expand-button {
    margin-right: 0.625rem;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bsi-container {
    padding-right: 1rem;
  }
  body.chat-opened .bsi-model-card-main-section {
    grid-template-columns: 10.625rem 1fr 11.875rem;
    gap: 1rem;
  }
  body.chat-opened .bsi-model-image-container {
    position: relative;
    width: 100%;
    max-width: 100%;
  }
  body.chat-opened .bsi-model-picture-inner {
    position: absolute;
    width: 100%;
    max-width: 31.25rem;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    pointer-events: none;
  }
  body.chat-opened .bsi-model-ctas {
    width: 11.875rem;
  }
  body.chat-opened .bsi-trim-card {
    width: 22.875rem;
  }
  body.chat-opened .bsi-filters-sticky-section-desktop {
    margin-right: 1rem;
  }
  body.chat-opened .bsi-filters-expand-icon {
    margin-right: 0.625rem;
  }
  body.chat-opened button.bsi-filters-expand-button {
    margin-right: 0.625rem;
  }
}

@media (min-width: 1920px) {
  body.chat-opened .bsi-model-picture-inner {
    position: static;
    transform: none;
  }
}

.bsi-trim-card {
  display: flex;
  padding: 1.5rem;
  width: 22.875rem;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3), #ffffff 70%);
  border: 0.0625rem solid #e6e6e6;
  border-radius: 1rem;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

@media (max-width: 1439px) {
  .bsi-trim-card {
    width: 20.1875rem;
  }
}

@media (max-width: 639px) {
  .bsi-trim-card {
    width: 19.125rem;
    padding: 1rem;
  }
}

.bsi-trim-card-base {
  display: grid;
  grid-template-rows: auto 1fr 2.75rem;
  height: 100%;
  width: 100%;
  align-self: stretch;
  gap: 1rem;
}

.bsi-trim-card-content {
  position: relative;
  display: flex;
  flex-direction: column;
}

.bsi-trim-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.bsi-trim-card-header .bsi-trim-card-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.625rem;
  color: #000000;
  align-self: flex-start;
  padding-top: 0.25rem;
  min-height: 2rem;
}

.bsi-trim-card-image {
  display: block;
  width: 100%;
  align-self: center;
}

.bsi-trim-card-image-disclaimer {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  color: #888888;
}

.bsi-trim-card-specs {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 1rem;
}

.bsi-trim-card-price-mpg {
  display: flex;
  justify-content: space-between;
}

.bsi-trim-card-flex {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.bsi-trim-card-label {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.375rem;
}

.bsi-trim-card-text {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
}

.bsi-trim-card-specs-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 0.5rem;
}

.bsi-trim-card-specs-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
}

.bsi-trim-card-specs-btn {
  text-decoration: underline;
  text-align: start;
  color: #002c5e;
  background-color: transparent;
  border: none;
  padding: 0;
}

.bsi-trim-card-specs-and-package {
  display: flex;
  justify-content: space-between;
  align-self: stretch;
  height: 1.75rem;
}

.bsi-trim-card-specifications {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  gap: 0.5rem;
  height: 100%;
}

.bsi-trim-card-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  gap: 1rem;
  height: 2.75rem;
}

.bsi-trim-card-buttons a,
.bsi-trim-card-buttons button {
  font-weight: 500;
  line-height: 1rem;
  padding: 0.75rem 1.5rem;
  background: linear-gradient(to right, #001A38 50%, #002c5e 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
}

.bsi-trim-card-buttons a:hover,
.bsi-trim-card-buttons button:hover {
  background-position: left bottom;
}

.bsi-trim-card-buttons a:active,
.bsi-trim-card-buttons button:active {
  transform: scale(0.97);
}

.bsi-trim-card-inventory-btns {
  width: 100%;
}

.bsi-trim-card-inventory-btns a,
.bsi-trim-card-inventory-btns button {
  width: 100%;
  font-weight: 500;
  white-space: nowrap;
  height: 2.75rem;
  border: 0.0625rem solid #002c5e;
  background: linear-gradient(to right, #f3f3f3 50%, #ffffff 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
}

.bsi-trim-card-inventory-btns a:hover,
.bsi-trim-card-inventory-btns button:hover {
  background-position: left bottom;
  border: 0.0625rem solid #002c5e;
  color: #002c5e;
}

.bsi-trim-card-inventory-btns a:active,
.bsi-trim-card-inventory-btns button:active {
  transform: scale(0.97);
}

.bsi-compare-button {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 0.25rem;
  padding: 0.5rem 1rem;
  border: 0.0625rem solid #e6e6e6;
  border-radius: 6.1875rem;
  background-color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 0.875rem;
  color: #002c5e;
  cursor: pointer;
  transition: all 0.2s linear;
}

.bsi-compare-button span {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.bsi-compare-button svg {
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
}

.bsi-compare-button svg path {
  stroke: #002c5e;
}

.bsi-compare-button:hover {
  background-color: #002c5e;
  color: #ffffff;
}

.bsi-compare-button:hover svg path {
  stroke: #ffffff;
}

.bsi-compare-button:active {
  background-color: #001A38;
  border: none;
  color: #ffffff;
}

.bsi-compare-button:active svg path {
  stroke: #ffffff;
}

.bsi-compare-button:focus-visible {
  outline: 0.125rem solid #4D90FE;
  outline-offset: 0.125rem;
}

.bsi-compare-button.active {
  background-color: #002c5e;
  border: 0.0625rem solid #e6e6e6;
  color: #ffffff;
}

.bsi-compare-button.active svg path {
  stroke: #ffffff;
}

.bsi-compare-button.active:hover {
  background-color: #ffffff;
  color: #002c5e;
}

.bsi-compare-button.active:hover svg path {
  stroke: #002c5e;
}

.bsi-compare-button.active:active {
  background-color: #f3f3f3;
  border: none;
  color: #002c5e;
}

.bsi-compare-button.active:active svg path {
  stroke: #002c5e;
}

.bsi-compare-button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #bababa;
  color: #888888;
}

.bsi-compare-button.disabled:hover, .bsi-compare-button.disabled:active {
  background-color: #bababa;
}

.bsi-compare-button.disabled.no-compare {
  background-color: #e6e6e6;
  color: #888888;
}

.bsi-compare-button.disabled svg path {
  stroke: #888888;
}

.package-pill {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 1.5rem;
  background-color: #e6e6e6;
  cursor: pointer;
  font-size: 0.875rem;
  color: #333333;
  padding: 0.625rem;
}

.package-pill .pill-label {
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: #333333;
}

.package-pill .info-icon {
  display: flex;
  width: 1rem;
  height: 1rem;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 0.0625rem solid #333333;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #333333;
  text-align: center;
}

.package-pill .info-icon .question-mark {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.625rem;
}

.tooltip-wrapper {
  position: absolute;
  display: inline-block;
}

.package-tooltip {
  position: absolute;
  bottom: 3.125rem;
  left: -3.625rem;
  width: 20.1875rem;
  border-radius: 0.5rem;
  padding: 1.5rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
  background: #ffffff;
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.package-tooltip .close-tooltip {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1rem;
  color: #002c5e;
  padding: 0.375rem;
}

.package-tooltip strong {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.25rem;
  color: #333333;
}

.package-tooltip p,
.package-tooltip ul {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333333;
  margin: 0;
}

.package-tooltip ul {
  padding-left: 1.25rem;
}

.package-tooltip .tooltip-actions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 0.875rem;
  width: 100%;
  text-align: left;
}

.package-tooltip .tooltip-actions-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.tooltip-pointer {
  position: absolute;
  bottom: 24px;
  left: 8rem;
  width: 2.5rem;
  height: 2.25rem;
  z-index: 20;
  filter: drop-shadow(0 0.75rem 0.5rem rgba(0, 0, 0, 0.15));
}

.tooltip-pointer svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: #fff;
}

.bsi-filter-chip-btn {
  font-size: 0.75rem;
  background: #ffffff;
  border: 0.0625rem solid #002c5e;
  border-radius: 0.25rem;
  color: #002c5e;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  line-height: 0.75rem;
  white-space: nowrap;
}

.bsi-filter-chip-btn:hover {
  background-color: #f3f3f3;
}

.bsi-clear-all-filters {
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #002c5e;
  text-decoration: underline;
  white-space: nowrap;
}

.bsi-trim-card-indicator-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.bsi-trim-card-indicator-labels {
  display: flex;
  justify-content: space-between;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #333333;
}

.bsi-trim-card-indicators {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  gap: 0.125rem;
}

.bsi-trim-card-indicator-line {
  align-self: center;
  flex: 1;
  background-color: #bababa;
  height: 0.125rem;
}

.bsi-trim-card-indicator-line-active {
  background-color: #002c5e;
  height: 0.25rem;
}

.undo-button {
  background: none;
  border: none;
  padding: 0;
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 0.875rem;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  cursor: pointer;
}

.bsi-comparison-drawer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #1f1e21;
  color: inherit;
  z-index: 1003;
  box-shadow: 0 -0.125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
}

.bsi-drawer-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  max-width: 1920px;
  width: 100%;
}

@media (min-width: 640px) {
  .bsi-drawer-content {
    padding: 1rem 2rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .bsi-drawer-content {
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .bsi-drawer-content {
    padding: 1rem 2.625rem;
    gap: 2.25rem;
    justify-content: center;
  }
}

@media (min-width: 1440px) {
  .bsi-drawer-content {
    padding: 1rem 6rem;
  }
}

@media (max-width: 639px) {
  .bsi-drawer-content {
    flex-direction: column;
    gap: 1rem;
    justify-content: normal;
    flex-wrap: nowrap;
    width: 100%;
    align-content: space-between;
    align-items: stretch;
  }
}

.bsi-drawer-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}

@media (max-width: 1200px) {
  .bsi-drawer-buttons {
    gap: 2.25rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .bsi-drawer-buttons {
    width: 100%;
    justify-content: flex-start;
  }
}

@media (max-width: 639px) {
  .bsi-drawer-buttons {
    justify-content: space-between;
  }
  .bsi-drawer-buttons-bottom {
    display: flex;
    width: 100%;
    gap: 1rem;
  }
}

.bsi-drawer-trim-slots {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
}

@media (min-width: 1024px) {
  .bsi-drawer-trim-slots {
    column-gap: 1.1rem;
    flex-grow: 0;
    justify-content: flex-start;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .bsi-drawer-trim-slots {
    flex-grow: 1;
    justify-content: space-between;
  }
  .bsi-drawer-trim-slots.has-two-slots {
    justify-content: flex-start;
    width: 100%;
  }
}

@media (max-width: 639px) {
  .bsi-drawer-trim-slots {
    justify-content: flex-start;
    flex-grow: 1;
  }
}

@media (min-width: 1024px) {
  .bsi-drawer-trim-slots.has-two-slots {
    justify-content: center;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .bsi-drawer-trim-slots.has-two-slots {
    justify-content: flex-start;
  }
  .bsi-drawer-trim-slots.has-two-slots .bsi-drawer-selected-trim.irp, .bsi-drawer-trim-slots.has-two-slots .bsi-drawer-empty-trim.irp {
    width: 100%;
  }
}

@media (max-width: 639px) {
  .bsi-drawer-trim-slots.has-two-slots .bsi-drawer-selected-trim.irp,
  .bsi-drawer-trim-slots.has-two-slots .bsi-drawer-empty-trim.irp {
    width: 100%;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .bsi-drawer-trim-slots.has-two-slots ~ .bsi-drawer-compare-button.desktop {
    margin-right: 1rem;
  }
}

.bsi-drawer-selected-trim {
  border-radius: 0.5rem;
  background: #666666;
  display: flex;
  width: 100%;
  min-width: 4.625rem;
  height: 2.5rem;
  padding: 0.75rem 0.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.25rem;
  position: relative;
}

.bsi-drawer-selected-trim h1 {
  text-align: left;
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25rem;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

@media (max-width: 375px) {
  .bsi-drawer-selected-trim {
    width: 6.625rem;
  }
}

@media (min-width: 376px) and (max-width: 420px) {
  .bsi-drawer-selected-trim {
    width: 100%;
    min-width: 6.625rem;
    flex: 1;
  }
}

@media (min-width: 640px) {
  .bsi-drawer-selected-trim {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .bsi-drawer-selected-trim {
    width: 14.10416875rem;
  }
  .bsi-drawer-selected-trim h1 {
    font-size: 14px;
    line-height: 1rem;
  }
}

@media (min-width: 1440px) {
  .bsi-drawer-selected-trim {
    width: 15rem;
    height: 3.25rem;
    padding: 1rem 0.75rem;
  }
}

.bsi-drawer-selected-trim .bsi-drawer-irp-model-name {
  text-align: left;
  color: #ffffff;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.75rem;
}

.bsi-drawer-selected-trim .bsi-drawer-irp-trim-name {
  text-align: left;
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.25rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bsi-drawer-selected-trim.irp {
  height: 3.75rem;
  padding: 0.625rem 0.5rem;
  width: 100%;
  min-width: 6.625rem;
}

@media (min-width: 1024px) {
  .bsi-drawer-selected-trim.irp {
    width: 14.10416875rem;
  }
}

@media (min-width: 1440px) {
  .bsi-drawer-selected-trim.irp {
    width: 15rem;
    height: 3.75rem;
  }
}

.bsi-drawer-empty-trim {
  display: flex;
  width: 100%;
  min-width: 4.625rem;
  height: 2.5rem;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid #888888;
  background: #1f1e21;
}

.bsi-drawer-empty-trim p {
  color: #ffffff;
  text-align: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 0.875rem;
  margin: 0;
}

@media (max-width: 375px) {
  .bsi-drawer-empty-trim {
    width: 6.625rem;
  }
}

@media (min-width: 376px) and (max-width: 420px) {
  .bsi-drawer-empty-trim {
    width: 100%;
    min-width: 6.625rem;
    flex: 1;
  }
}

@media (min-width: 640px) {
  .bsi-drawer-empty-trim {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .bsi-drawer-empty-trim {
    width: 14.10416875rem;
    padding: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .bsi-drawer-empty-trim {
    width: 15rem;
    height: 3.25rem;
  }
}

.bsi-drawer-empty-trim.irp {
  height: 3.75rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .bsi-drawer-empty-trim.irp {
    width: 14.10416875rem;
  }
}

@media (min-width: 1440px) {
  .bsi-drawer-empty-trim.irp {
    width: 15rem;
    height: 3.75rem;
  }
}

.bsi-drawer-remove-trim {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  background: #333333;
  padding: 0.75rem 0.375rem;
  border: none;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

@media (max-width: 1200px) {
  .bsi-drawer-remove-trim {
    width: 1rem;
    height: 1rem;
    padding: 0.5rem 0.25rem;
  }
}

.bsi-drawer-remove-trim .action {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bsi-drawer-compare-button {
  padding: 0.75rem 1.5rem;
  background: #ffffff;
  background: linear-gradient(to right, #f3f3f3 50%, #ffffff 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
  color: #333333;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1rem;
  height: 2.75rem;
  margin-right: 1rem;
}

.bsi-drawer-compare-button:hover:not(.disabled) {
  background-position: left bottom;
}

.bsi-drawer-compare-button.disabled {
  background: #bababa;
  line-height: 1.25rem;
  color: #8E8E8E;
  cursor: not-allowed;
  opacity: 1;
}

.bsi-drawer-compare-button.desktop {
  display: flex;
}

.bsi-drawer-compare-button.mobile {
  display: none;
}

@media (max-width: 1439px) {
  .bsi-drawer-compare-button {
    height: 2.5rem;
  }
}

@media (max-width: 639px) {
  .bsi-drawer-compare-button.desktop {
    display: none;
  }
  .bsi-drawer-compare-button.mobile {
    display: flex;
    flex: 1;
  }
}

.bsi-drawer-close-button-icon {
  width: 3rem;
  height: 3rem;
  padding: 0.375rem;
  border-radius: 2.5rem;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #ffffff;
  font-size: 16px;
  cursor: pointer;
  flex-shrink: 0;
}

.bsi-drawer-enter-active,
.bsi-drawer-leave-active {
  transition: transform 0.3s ease;
}

.bsi-drawer-enter,
.bsi-drawer-leave-to {
  transform: translateY(100%);
}

@media (max-width: 1200px) {
  .display-none {
    display: none;
  }
}

.bsi-alert-notification {
  display: flex;
  padding: 0.75rem;
  align-items: center;
  border-radius: 0.5rem;
  background: #ffffff;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  position: fixed;
  bottom: 6.25rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1004;
  max-width: 90%;
  width: -webkit-max-content;
  width: max-content;
}

@media (min-width: 375px) {
  .bsi-alert-notification {
    bottom: 2.875rem;
  }
}

@media (min-width: 375px) and (max-width: 639px) {
  .bsi-alert-notification {
    padding: 0.625rem;
  }
}

@media (max-width: 420px) {
  .bsi-alert-notification {
    bottom: 2.875rem;
    width: calc(100% - calcRem(40px));
    max-width: 20.9375rem;
    padding: 0.75rem 0.625rem;
    flex-direction: column;
  }
}

.bsi-alert-continue-comparing {
  background: #1F1E21 !important;
  border-radius: 6.1875rem !important;
  border: 1px solid #e6e6e6 !important;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2) !important;
  color: #ffffff !important;
}

.bsi-alert-continue-comparing .bsi-alert-message, .bsi-alert-continue-comparing .bsi-alert-close-button {
  color: #ffffff;
}

.bsi-alert-continue-comparing .bsi-alert-action-button {
  color: #ffffff !important;
}

.bsi-alert-continue-comparing .bsi-alert-action-button svg {
  fill: #ffffff !important;
}

.bsi-alert-message-link {
  text-decoration: underline;
  color: #ffffff;
  cursor: pointer;
}

.bsi-alert-irp-button {
  text-decoration: none !important;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1rem;
}

.bsi-alert-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
}

.bsi-alert-icon svg {
  width: 100%;
  height: 100%;
}

.bsi-alert-icon-irp {
  width: 0.625rem;
  height: 1rem;
}

.bsi-alert-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  flex-wrap: nowrap;
}

@media (min-width: 375px) and (max-width: 639px) {
  .bsi-alert-content {
    display: inline;
    text-align: center;
    gap: 0.375rem;
  }
}

@media (max-width: 420px) {
  .bsi-alert-content {
    text-align: center;
    width: 100%;
    margin-bottom: 0.5rem;
    display: inline;
  }
}

.bsi-alert-message {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}

.bsi-alert-action-button {
  background: none;
  border: none;
  padding: 0;
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 0.875rem;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  cursor: pointer;
  white-space: nowrap;
}

@media (max-width: 420px) {
  .bsi-alert-action-button {
    padding: 0.25rem 0.5rem;
  }
}

.bsi-alert-close-button {
  background: none;
  border: none;
  padding: 0.25rem;
  margin-left: 0.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
}

@media (max-width: 420px) {
  .bsi-alert-close-button {
    position: absolute;
    top: 1.875rem;
    right: 0.625rem;
  }
}

.bsi-alert-notification .bsi-alert-close-button svg {
  fill: #002c5e;
}

.bsi-alert-notification.bsi-alert-continue-comparing .bsi-alert-close-button svg {
  fill: #ffffff;
}

.bsi-alert-enter-active,
.bsi-alert-leave-active {
  transition: all 0.3s ease;
}

.bsi-alert-enter,
.bsi-alert-leave-to {
  opacity: 0;
  transform: translateX(-50%) translateY(1.25rem);
}

.bsi-tooltip-pop-up-container {
  position: absolute;
  z-index: 49;
  left: 0;
  top: 0;
}

@media screen and (max-width: 1023px) {
  .bsi-tooltip-pop-up-container {
    z-index: 1005;
    position: fixed;
    width: 100vw;
    height: 100vh;
    transform: none !important;
    display: flex;
  }
}

.bsi-tooltip-pop-up-inner {
  position: relative;
  width: 20rem;
  border-radius: 1rem;
  border: 0.0625rem solid #EDEDED;
  background: #ffffff;
  box-shadow: 0.5rem 0.25rem 1.875rem rgba(0, 0, 0, 0.2);
  padding: 1.5rem;
  gap: 1rem;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

@media screen and (max-width: 1023px) {
  .bsi-tooltip-pop-up-inner {
    width: 21.4375rem;
    margin: auto;
  }
}

.bsi-tooltip-pop-up-exit-btn {
  position: absolute;
  top: 0.5625rem;
  right: 0.5rem;
  padding: 0.375rem;
  display: flex;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}

.bsi-tooltip-pop-up-exit-btn svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  stroke-width: 0.0625rem;
  stroke: #002c5e;
}

.bsi-tooltip-pop-up-header {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
  /* 125% */
}

.bsi-tooltip-pop-up-description {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

.bsi-tooltip-pop-up-description svg {
  fill: none;
  align-self: flex-end;
}

.bsi-tooltip-pop-up-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}

@media screen and (max-width: 1023px) {
  .bsi-tooltip-pop-up-overlay {
    display: block;
  }
}

.bsi-tooltip-pop-up-arrow svg {
  fill: #ffffff;
  filter: drop-shadow(0.5rem 0.25rem 1.875rem rgba(0, 0, 0, 0.2));
  width: 1.5rem;
  height: 0.75rem;
}

@media screen and (max-width: 1023px) {
  .bsi-tooltip-pop-up-arrow {
    display: none;
  }
}

.bsi-tooltip-pop-up-container-right .bsi-tooltip-pop-up-arrow {
  position: absolute;
  top: 50%;
  left: -0.6875rem;
}

.bsi-tooltip-pop-up-container-right .bsi-tooltip-pop-up-arrow svg {
  transform: rotate(90deg);
}

.bsi-tooltip-pop-up-container-top .bsi-tooltip-pop-up-arrow, .bsi-tooltip-pop-up-container-top-trim .bsi-tooltip-pop-up-arrow {
  position: absolute;
  bottom: -0.6875rem;
  left: 70%;
}

.bsi-tooltip-pop-up-btn-close {
  display: flex;
  height: 2.75rem;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid #002c5e;
  background: #ffffff;
  color: #002c5e;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  /* 100% */
}

.bsi-tooltip-pop-up-btn-continue-outofstate, .bsi-tooltip-pop-up-btn-continue-lowInventory {
  display: flex;
  height: 2.75rem;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid #002c5e;
  background: #002c5e;
  color: #ffffff;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  /* 100% */
  text-decoration: none;
}

.bsi-tooltip-pop-up-buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.bv-os-trims-change-modal {
  position: absolute;
  z-index: 50;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1023px) {
  .bv-os-trims-change-modal {
    z-index: 1005;
    top: 0;
    position: fixed;
    width: 100vw;
    height: 100vh;
    transform: none !important;
    display: flex;
  }
}

.bv-os-trims-change-modal-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  z-index: 1;
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 1rem;
  border: 0.0625rem solid #EDEDED;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  width: 21.4375rem;
}

@media screen and (max-width: 1023px) {
  .bv-os-trims-change-modal-inner {
    width: 21.4375rem;
    margin: auto;
  }
}

.bv-os-trims-change-modal-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}

@media screen and (max-width: 1023px) {
  .bv-os-trims-change-modal-overlay {
    display: block;
  }
}

.bsi-saved-vehicles-modal-arrow {
  position: absolute;
  top: -11px;
  transform: rotate(180deg);
  left: 51%;
}

.bsi-saved-vehicles-modal-arrow svg {
  width: 1.5rem;
  height: 0.75rem;
  fill: #ffffff;
  filter: drop-shadow(8px 4px 30px rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 1023px) {
  .bsi-saved-vehicles-modal-arrow {
    display: none;
  }
}

.bv-os-trims-change-modal-arrow {
  position: absolute;
  top: -11px;
  transform: rotate(180deg);
  left: 50%;
}

.bv-os-trims-change-modal-arrow svg {
  width: 1.5rem;
  height: 0.75rem;
  fill: #ffffff;
  filter: drop-shadow(8px 4px 30px rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 1023px) {
  .bv-os-trims-change-modal-arrow {
    display: none;
  }
}

.bv-os-trims-change-modal-exit-btn {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.375rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  position: absolute;
  top: 0.4375rem;
  right: 0.4375rem;
}

.bv-os-trims-change-modal-header {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  /* 111.111% */
}

.bv-os-trims-change-modal-description {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
}

.bv-os-trims-change-modal-description span {
  font-weight: 700;
}

.bv-os-trims-change-modal-buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.bv-os-trims-change-modal-btn-continue {
  display: flex;
  height: 2.75rem;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  background: #002c5e;
  color: #ffffff;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  /* 100% */
}

.bv-os-trims-change-modal-btn-saved-vehicles {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #002c5e;
  text-decoration: underline;
}

.bv-os-trims-change-modal-btn-close {
  display: flex;
  height: 2.75rem;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  border: 0.0625rem solid #002c5e;
  background: #ffffff;
  color: #002c5e;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  /* 100% */
}

.bv-os-colors-fpo-modal {
  position: absolute;
  z-index: 50;
  top: 0;
  left: 0;
}

@media screen and (max-width: 639px) {
  .bv-os-colors-fpo-modal {
    z-index: 1005;
    top: 0;
    position: fixed;
    width: 100vw;
    height: 100vh;
    transform: none !important;
    display: flex;
  }
}

.bv-os-colors-fpo-modal-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  z-index: 1;
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 1rem;
  border: 0.0625rem solid #EDEDED;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  width: 20.1875rem;
}

@media screen and (max-width: 1023px) {
  .bv-os-colors-fpo-modal-inner {
    width: 18.75rem;
  }
}

@media screen and (max-width: 639px) {
  .bv-os-colors-fpo-modal-inner {
    width: 21.4375rem;
    margin: auto;
  }
}

.bv-os-colors-fpo-modal-arrow {
  position: absolute;
  top: -0.6875rem;
  transform: rotate(180deg);
  left: 50%;
}

.bv-os-colors-fpo-modal-arrow svg {
  width: 1.5rem;
  height: 0.75rem;
  fill: #ffffff;
  filter: drop-shadow(8px 4px 30px rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 1023px) {
  .bv-os-colors-fpo-modal-arrow {
    left: 30%;
  }
}

@media screen and (max-width: 639px) {
  .bv-os-colors-fpo-modal-arrow {
    display: none;
  }
}

.bv-os-trims-change-modal-header-capitalize {
  text-transform: capitalize;
}

.bsi-tooltip-pop-up-arrow-bottom {
  position: absolute;
  bottom: -0.6875rem;
  right: 30%;
}

.bsi-tooltip-pop-up-arrow-top {
  position: absolute;
  top: -0.6875rem;
  right: 30%;
  transform: rotate(180deg);
}

.bsi-tooltip-pop-up-arrow-left {
  position: absolute;
  top: 50%;
  left: -0.8125rem;
  transform: rotate(90deg);
}

.bv-os-trims-change-modal-arrow-bottom {
  position: absolute;
  bottom: -0.6875rem !important;
  left: 50% !important;
  transform: none !important;
  top: unset !important;
}

.bv-os-trims-change-modal-features {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  line-height: 1.25rem;
  /* 142.857% */
}

.bv-os-trims-change-modal-features svg {
  fill: none;
}

.bv-os-trims-change-modal-features span {
  font-weight: 400 !important;
}

.bsi-tooltip-pop-up-image-inner {
  width: auto;
  height: auto;
  border-radius: 0.5rem;
}

.bsi-tooltip-pop-up-video-youtube {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
}

.bsi-tooltip-pop-up-container, .bv-os-trims-change-modal {
  opacity: 0;
}

.bsi-tooltip-pop-up-container-loaded {
  opacity: 1;
}

.bv-os-drivetrain-mpgtext svg {
  fill: none;
}

.bv-os-accessories-modal-description .bv-os-accessories-modal-description-text {
  color: #333333;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

.bv-os-accessories-modal-description svg {
  fill: none;
  align-self: flex-end;
}

.bv-os-matching-trim-desc {
  color: #333333;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

.bsi-tooltip-pop-up-badge-image {
  width: 100%;
  text-align: center;
}

.bsi-tooltip-pop-up-badge-image img {
  max-width: 100%;
  height: auto;
  border-radius: 0.5rem;
}

.bsi-tooltip-pop-up-badge-image div {
  display: inline-block;
  max-width: 100%;
}

.bsi-tooltip-pop-up-badge-image div svg {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 0.5rem;
}

.bsi-tooltip-pop-up-btn-continue-offerbadge {
  display: flex;
  height: 2.75rem;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid #002c5e;
  background: #002c5e;
  color: #ffffff;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  text-decoration: none;
}

#bv-tooltip-floating-root {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
}

#bv-tooltip-floating-root [data-bsi-tooltip] {
  position: absolute;
  pointer-events: auto;
}

.bsi-btput-irp-filter-match-arrow {
  position: absolute;
  top: -11px;
  transform: rotate(180deg);
  left: 49%;
}

.bsi-btput-irp-filter-match-arrow svg {
  width: 1.5rem;
  height: 0.75rem;
  fill: #ffffff;
  filter: drop-shadow(8px 4px 30px rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 1023px) {
  .bsi-btput-irp-filter-match-arrow {
    display: none;
  }
}

.bsi-btput-irp-filter-match {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.bsi-btput-irp-filter-match-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  color: #333333;
}

.bsi-btput-irp-filter-match-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 0.25rem;
}

.bsi-btput-irp-filter-match-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  color: #333333;
}

.bsi-btput-irp-filter-match-item svg {
  width: 1rem;
  height: 1rem;
  fill: none;
}

.bsi-btput-irp-filter-match-item-more span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
}

.bsi-btput-irp-filter-match-item-more span svg {
  width: 0.5rem;
  height: 0.5rem;
  fill: none;
}

.bsi-model-badge {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.bsi-model-badge-desktop {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  gap: 1rem;
}

.bsi-model-badge-desktop .bsi-model-badge__image {
  text-align: right;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.bsi-model-badge-desktop .bsi-model-badge__image img {
  width: auto;
  height: 3.875rem;
}

.bsi-model-badge-desktop .bsi-model-badge__image svg {
  width: auto;
  height: 3.875rem;
  display: block;
}

.bsi-model-badge-desktop .bsi-model-badge__content {
  display: flex;
  flex-direction: column;
}

.bsi-model-badge-desktop .bsi-model-badge__description {
  text-align: right;
  width: 100%;
}

.bsi-model-badge-desktop .bsi-model-badge__cta-link {
  align-self: flex-end;
}

.bsi-model-badge-desktop .bsi-model-badge__cta-tooltip {
  align-self: flex-end;
}

.bsi-model-badge-tablet {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: flex-start;
  margin-top: 1rem;
  gap: 0.5rem;
}

.bsi-model-badge-tablet .bsi-model-badge__image {
  flex-shrink: 0;
  width: auto;
}

.bsi-model-badge-tablet .bsi-model-badge__image img {
  width: auto;
  height: 3rem;
}

.bsi-model-badge-tablet .bsi-model-badge__image svg {
  width: auto;
  height: 3rem;
  display: block;
}

.bsi-model-badge-tablet .bsi-model-badge__content {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.bsi-model-badge-tablet .bsi-model-badge__content--no-image {
  margin-left: 0 !important;
}

.bsi-model-badge-tablet .bsi-model-badge__description {
  text-align: left;
  width: auto;
}

.bsi-model-badge-tablet .bsi-model-badge__cta-link {
  align-self: flex-start;
}

.bsi-model-badge-tablet .bsi-model-badge__cta-tooltip {
  align-self: flex-start;
}

.bsi-model-badge-mobile {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: flex-start;
  margin-top: 1rem;
  gap: 0.5rem;
}

.bsi-model-badge-mobile .bsi-model-badge__image {
  flex-shrink: 0;
  width: auto;
}

.bsi-model-badge-mobile .bsi-model-badge__image img {
  width: auto;
  height: 3rem;
}

.bsi-model-badge-mobile .bsi-model-badge__image svg {
  width: auto;
  height: 3rem;
  display: block;
}

.bsi-model-badge-mobile .bsi-model-badge__content {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.bsi-model-badge-mobile .bsi-model-badge__content--no-image {
  margin-left: 0 !important;
}

.bsi-model-badge-mobile .bsi-model-badge__description {
  text-align: left;
  width: auto;
}

.bsi-model-badge-mobile .bsi-model-badge__cta-link {
  align-self: flex-start;
}

.bsi-model-badge-mobile .bsi-model-badge__cta-tooltip {
  align-self: flex-start;
}

.bsi-model-badge__description {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25rem;
  font-feature-settings: 'liga' off, 'clig' off;
  font-style: normal;
  display: block;
}

.bsi-model-badge__description svg {
  display: inline-block;
  vertical-align: middle;
  width: 0.8125rem;
  height: 0.8125rem;
  fill: none;
}

.bsi-model-badge__cta-link {
  display: inline;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25rem;
  color: #002c5e;
  font-feature-settings: 'liga' off, 'clig' off;
  font-style: normal;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  transition: color 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
}

.bsi-model-badge__cta-link:hover {
  color: #001A38;
}

.bsi-model-badge__cta-link:focus {
  outline: 0.125rem solid #002c5e;
  outline-offset: 0.125rem;
}

.bsi-model-badge__cta-tooltip {
  display: inline;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25rem;
  color: #002c5e;
  font-feature-settings: 'liga' off, 'clig' off;
  font-style: normal;
  text-decoration: none;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
}

.bsi-model-badge__cta-tooltip:hover {
  color: #001A38;
}

.bsi-model-badge__cta-tooltip:focus {
  outline: 0.125rem solid #002c5e;
  outline-offset: 0.125rem;
}

.bsi-model-badge__cta-icon {
  display: inline;
  vertical-align: middle;
  margin-left: 0.25rem;
}

.bsi-model-badge__cta-icon svg {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: 0.875rem;
}

.bsi-model-badge__cta-button {
  align-self: flex-end;
}

.bsi-gsb {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  gap: 0.75rem;
  width: 100%;
  background-color: #ffffff;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.bsi-gsb::-webkit-scrollbar {
  width: 0.0625rem;
  background: transparent;
}

.bsi-gsb::-webkit-scrollbar-thumb {
  background: transparent;
}

@media (min-width: 1024px) {
  .bsi-gsb {
    gap: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .bsi-gsb {
    gap: 1.5rem;
  }
}

.bsi-gsb-filter {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex: none;
  gap: 1rem;
  width: 14.0625rem;
  padding: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  cursor: pointer;
}

@media (min-width: 640px) {
  .bsi-gsb-filter {
    width: 22.25rem;
  }
}

@media (min-width: 1024px) {
  .bsi-gsb-filter {
    width: 18.75rem;
  }
}

@media (min-width: 1440px) {
  .bsi-gsb-filter {
    width: auto;
    flex: 1;
    min-height: 12rem;
  }
}

@media (min-width: 1920px) {
  .bsi-gsb-filter {
    gap: 1.5rem;
  }
}

.bsi-gsb .bsi-gsb-filter:last-of-type {
  margin-right: 0.75rem;
}

@media (min-width: 1024px) {
  .bsi-gsb .bsi-gsb-filter:last-of-type {
    margin-right: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .bsi-gsb .bsi-gsb-filter:last-of-type {
    margin-right: 0rem;
  }
}

.bsi-gsb-filter-icon svg {
  width: 1.5rem;
  height: 1.5rem;
}

.bsi-gsb-filter-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 0.5rem;
}

.bsi-gsb-filter-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.625rem;
  color: var(--bsi-gsb-title-color, #ffffff);
}

@media (min-width: 1440px) {
  .bsi-gsb-filter-title {
    max-width: 19.375rem;
  }
}

@media (min-width: 1920px) {
  .bsi-gsb-filter-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.bsi-gsb-filter-description {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--bsi-gsb-description-color, #ffffff);
}

@media (min-width: 1440px) {
  .bsi-gsb-filter-description {
    max-width: 19.375rem;
  }
}

@media (min-width: 1920px) {
  .bsi-gsb-filter-description {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.bsi-gsb-filter-bg-image {
  position: absolute;
  right: -2.479125rem;
  bottom: -1.75rem;
}

.bsi-gsb-filter-bg-image svg {
  width: 7.875rem;
  height: 7.875rem;
}

@media (min-width: 1920px) {
  .bsi-gsb-filter-bg-image {
    right: -1.291625rem;
    bottom: 0;
  }
}

.bsi-wbb {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.5rem;
  margin-right: 1rem;
}

@media (min-width: 640px) {
  .bsi-wbb {
    flex-direction: row;
    margin-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .bsi-wbb {
    margin-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .bsi-wbb {
    margin-right: 0;
  }
}

.bsi-wbb-b {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0.5rem;
  margin-right: 1rem;
}

@media (min-width: 640px) {
  .bsi-wbb-b {
    margin-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .bsi-wbb-b {
    margin-right: 2.625rem;
  }
}

@media (min-width: 1440px) {
  .bsi-wbb-b {
    flex-direction: row;
    margin-right: 0;
  }
}

.bsi-wbb-close-btn {
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin: 0.375rem;
}

.bsi-wbb-close-btn svg {
  width: 1rem;
  height: 1rem;
}

.bsi-wbb-close-btn svg path {
  stroke: var(--bsi-wbb-close-color, #ffffff);
}

@media (min-width: 640px) {
  .bsi-wbb-close-btn {
    right: 1rem;
    top: 1rem;
  }
}

@media (min-width: 1024px) {
  .bsi-wbb-close-btn {
    right: 1.25rem;
    top: 1.25rem;
  }
}

@media (min-width: 1920px) {
  .bsi-wbb-close-btn {
    right: 1.5rem;
    top: 1.5rem;
  }
}

.bsi-wbb-title {
  flex: none;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.625rem;
  color: var(--bsi-wbb-title-color, #ffffff);
  width: 100%;
  height: 100%;
  padding: 0.75rem calc(12px + 32px) 0 0.75rem;
}

@media (min-width: 1024px) {
  .bsi-wbb-title {
    padding: 1.25rem calc(20px + 32px) 0 1.25rem;
  }
}

@media (min-width: 1440px) {
  .bsi-wbb-title {
    width: 19.3125rem;
    font-size: 1.5rem;
    line-height: 1.875rem;
    padding: 1.25rem 0 1.25rem 1.25rem;
  }
}

@media (min-width: 1920px) {
  .bsi-wbb-title {
    width: 16.75rem;
    padding: 1.5rem 0 1.5rem 1.5rem;
  }
}

.bsi-wbb-img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: none;
  width: 100%;
  height: 9.5rem;
  margin: auto 0;
}

.bsi-wbb-img img {
  width: auto;
  height: 100%;
}

@media (min-width: 640px) {
  .bsi-wbb-img {
    width: 13.0625rem;
    height: 100%;
  }
}

@media (min-width: 1024px) {
  .bsi-wbb-img {
    width: 13.75rem;
    height: 100%;
  }
}

@media (min-width: 1440px) {
  .bsi-wbb-img {
    width: 19.3125rem;
    height: 100%;
  }
}

@media (min-width: 1920px) {
  .bsi-wbb-img {
    width: 16.75rem;
    height: 100%;
  }
}

.bsi-wbb-filter-chips {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  width: 100%;
}

@media (min-width: 1440px) {
  .bsi-wbb-filter-chips {
    padding-right: 2rem;
  }
}

.bsi-wbb-filter-chip-label {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.375rem 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.1);
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  color: var(--bsi-wbb-filter-chip-color, #ffffff);
}

.bsi-wbb-description-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  gap: 1rem;
  width: 100%;
  padding: 1rem;
}

@media (min-width: 1024px) {
  .bsi-wbb-description-wrapper {
    gap: 1.25rem;
    padding: 1.25rem;
  }
}

@media (min-width: 1920px) {
  .bsi-wbb-description-wrapper {
    gap: 1.5rem;
    padding: 1.5rem;
  }
}

.bsi-wbb-description {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  color: var(--bsi-wbb-description-color, #ffffff);
}

@media (min-width: 640px) {
  .bsi-wbb-description {
    font-size: 1.25rem;
    line-height: 1.625rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1440px) {
  .bsi-wbb-description {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.bsi-wbb-bottom-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 0.5rem;
}

@media (min-width: 1440px) {
  .bsi-wbb-bottom-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
}

.bsi-wbb-bottom-container-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 0.5rem;
}

.bsi-wbb-bottom-container-details-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}

.bsi-wbb-bottom-container-details-msrp {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  color: var(--bsi-wbb-msrp-color, #ffffff);
}

.bsi-wbb-bottom-container-details-msrp span {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
}

.bsi-wbb-bottom-container-details-dealer {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  color: #ffffff;
}

.bsi-wbb-timestamp {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  color: var(--bsi-wbb-timestamp-color, #ffffff);
}

.bsi-wbb-cta {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.75rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1rem;
  color: var(--bsi-wbb-cta-color, #333333);
  padding: 0.75rem 1.5rem;
  background: linear-gradient(to right, #f3f3f3 50%, #ffffff 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
  text-decoration: none;
}

.bsi-wbb-cta:hover {
  background-position: left bottom;
  color: #001A38;
}

.bsi-wbb-cta:active {
  transform: scale(0.97);
}

@media (min-width: 640px) and (max-width: 1023px) {
  body.chat-opened .bsi-wbb {
    flex-direction: column;
    margin-right: 1rem;
  }
  body.chat-opened .bsi-wbb-title {
    font-size: 0.875rem;
    line-height: 1.125rem;
    padding: 0.75rem calc(12px + 32px) 0 0.75rem;
  }
  body.chat-opened .bsi-wbb-img {
    width: 100%;
    height: 9.5rem;
  }
  body.chat-opened .bsi-wbb-description-wrapper {
    gap: 0.75rem;
    padding: 0.75rem;
  }
  body.chat-opened .bsi-wbb-description {
    font-size: 0.75rem;
    line-height: 1rem;
    padding-right: 0;
  }
  body.chat-opened .bsi-wbb-filter-chip-label {
    font-size: 0.625rem;
    line-height: 0.625rem;
    padding: 0.25rem 0.375rem;
  }
  body.chat-opened .bsi-wbb-bottom-container-details-msrp {
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
  body.chat-opened .bsi-wbb-bottom-container-details-msrp span {
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
  body.chat-opened .bsi-wbb-timestamp {
    font-size: 0.625rem;
    line-height: 0.875rem;
  }
}

@media (min-width: 1024px) and (max-width: 1299px) {
  body.chat-opened .bsi-wbb {
    flex-direction: column;
    margin-right: 1rem;
  }
  body.chat-opened .bsi-wbb-title {
    font-size: 1rem;
    line-height: 1.25rem;
    padding: 0.75rem calc(12px + 32px) 0 0.75rem;
  }
  body.chat-opened .bsi-wbb-img {
    width: 100%;
    height: 10rem;
  }
  body.chat-opened .bsi-wbb-description-wrapper {
    gap: 0.75rem;
    padding: 0.75rem;
  }
  body.chat-opened .bsi-wbb-description {
    font-size: 0.875rem;
    line-height: 1.125rem;
    padding-right: 0;
  }
  body.chat-opened .bsi-wbb-filter-chip-label {
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    padding: 0.25rem 0.375rem;
  }
  body.chat-opened .bsi-wbb-bottom-container-details-msrp {
    font-size: 0.875rem;
    line-height: 1rem;
  }
  body.chat-opened .bsi-wbb-bottom-container-details-msrp span {
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
  body.chat-opened .bsi-wbb-timestamp {
    font-size: 0.6875rem;
    line-height: 0.9375rem;
  }
}

@media (min-width: 1300px) and (max-width: 1439px) {
  body.chat-opened .bsi-wbb {
    flex-direction: row;
  }
  body.chat-opened .bsi-wbb-img {
    width: 50%;
  }
  body.chat-opened .bsi-wbb-description-wrapper {
    width: 50%;
  }
}

@media (min-width: 1440px) {
  body.chat-opened .bsi-wbb {
    flex-direction: row;
  }
  body.chat-opened .bsi-wbb-img {
    width: 50%;
  }
  body.chat-opened .bsi-wbb-description-wrapper {
    width: 50%;
  }
}

.bsi-vehicles-filters-top {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 1rem;
  padding-bottom: 1rem;
  background-color: #ffffff;
  transition: top 0.3s linear;
  padding-right: 6rem;
}

@media (max-width: 1919px) {
  .bsi-vehicles-filters-top {
    padding-right: 4.5rem;
  }
}

@media (max-width: 1439px) {
  .bsi-vehicles-filters-top {
    padding-right: 0;
  }
}

.bsi-filters-main-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 2.25rem;
  margin: 0;
}

@media (max-width: 1439px) {
  .bsi-filters-main-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

@media (max-width: 1023px) {
  .bsi-filters-main-title {
    padding-right: 2rem;
  }
}

@media (max-width: 639px) {
  .bsi-filters-main-title {
    padding-right: 1rem;
  }
}

.hidden-chip {
  display: none;
}

.bsi-filters-drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: grid;
  grid-template-rows: -webkit-max-content 1fr 7.5625rem;
  grid-template-rows: max-content 1fr 7.5625rem;
  height: 100dvh;
  background-color: #ffffff;
  z-index: 1005;
  overflow: hidden;
}

.bsi-filters-drawer-overlay-inventory {
  grid-template-rows: -webkit-max-content 1fr 5.8125rem;
  grid-template-rows: max-content 1fr 5.8125rem;
}

.bsi-filters-drawer-overlay-container {
  position: -webkit-sticky;
  position: sticky;
  display: flex;
  flex-direction: column;
  justify-self: center;
  width: 100%;
}

.bsi-filters-drawer-overlay-container-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: env(safe-area-inset-bottom);
  display: flex;
  flex-direction: column;
  justify-self: center;
  width: 100%;
}

.bsi-filters-drawer-overlay-header {
  display: flex;
  align-items: center;
  align-self: center;
  width: 26.8125rem;
  padding: 1rem 0;
}

@media (max-width: 555px) {
  .bsi-filters-drawer-overlay-header {
    width: 90%;
  }
}

.bsi-filter-chips-lgth {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 0.875rem;
  color: #002c5e;
}

.bsi-filters-drawer-overlay-close-btn {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.375rem;
  background-color: #ffffff;
}

.bsi-filters-drawer-overlay-filter-chips {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 26.8125rem;
  align-self: center;
  padding-bottom: 1rem;
  overflow: hidden;
  min-height: 3rem;
  transition: height 0.2s ease;
}

@media (max-width: 555px) {
  .bsi-filters-drawer-overlay-filter-chips {
    width: 90%;
  }
}

.bsi-filters-drawer-overlay-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  justify-content: center;
  gap: 0.875rem;
  width: 26.8125rem;
  padding: 1.5rem 0;
}

@media (max-width: 555px) {
  .bsi-filters-drawer-overlay-footer {
    width: 90%;
  }
}

.bsi-filters-drawer-overlay-footer-btn {
  width: 100%;
}

.bsi-filters-drawer-overlay-line-horizontal {
  width: 100%;
  height: 0.0625rem;
  background-color: #e6e6e6;
}

.bsi-filters {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  padding-right: 2.5rem;
  height: 100%;
}

@media (max-width: 1919px) {
  .bsi-filters {
    padding-right: 0;
  }
}

@media (max-width: 1023px) {
  .bsi-filters {
    position: relative;
    left: 0.46875rem;
    width: 27.75rem;
    justify-self: center;
    overflow-y: scroll;
    min-height: unset;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: #CECECE transparent;
    padding-right: 0.5625rem;
  }
  .bsi-filters::-webkit-scrollbar {
    width: 0.25rem;
  }
}

@media (max-width: 555px) {
  .bsi-filters {
    width: 94%;
  }
}

.bsi-filters-expand-button {
  align-self: flex-end;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 0.875rem;
  background-color: #ffffff;
  color: #002c5e;
  border: none;
  padding: 1rem 0;
}

.bsi-filters-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  height: 3.375rem;
  cursor: pointer;
}

.bsi-filters-header svg {
  fill: none;
}

.bsi-filters-title-icon {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
}

.bsi-filters-title-icon svg {
  height: 1.5rem;
  width: 1.5rem;
  fill: none;
}

.bsi-filters-title-icon svg:not(:root) {
  overflow: hidden;
}

.bsi-filters-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #002c5e;
}

.bsi-filters-items {
  padding: 0 2rem 1rem 2.5rem;
}

.bsi-filters-items-sub-item:not(:last-child) {
  padding-bottom: 1rem;
}

.bsi-filters-item {
  display: flex;
  gap: 0.5rem;
  padding: 0.6875rem 0;
}

.bsi-filters-label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.125rem;
}

.bsi-filters-sub-title-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  color: #002c5e;
  cursor: pointer;
  height: 2.75rem;
}

.bsi-filters-sub-title-container svg {
  fill: none;
}

.bsi-filters-sub-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
}

.bsi-filters-item-trims {
  display: flex;
  padding: 0 0 1rem 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.bsi-filters-item-packages {
  display: flex;
  margin: 0 0 1rem 0.5rem;
  padding-left: 1rem;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-left: 0.09375rem #00aad2 solid;
}

.bsi-filters-expand-icon {
  cursor: pointer;
  align-self: center;
}

.bsi-filters-expand-icon svg {
  fill: #002c5e;
  width: 0.875rem;
  height: 0.5625rem;
}

.bsi-swatches-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.bsi-swatch-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  width: 3.25rem;
}

.bsi-swatch-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.25rem;
  height: 3.25rem;
  border: 0.125rem solid transparent;
  border-radius: 3.875rem;
}

.bsi-swatch-wrapper:has(.bsi-swatch:focus) {
  border: 0.125rem solid #333333;
}

.bsi-swatch {
  position: relative;
  border: none;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
}

.bsi-swatch svg {
  width: 2.5rem;
  height: 2.5rem;
}

.bsi-swatch-name {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.75rem;
  text-align: center;
}

.bsi-swatch-cross-line {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0.125rem;
  background-color: #ffffff;
  opacity: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
}

.bsi-swatch-exterior-gloss {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  transform: translate(-7.5px, -9.5px) rotate(-40deg) scale(0.7, 0.4);
  will-change: transform;
}

.bsi-checkbox {
  display: inline-flex;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  margin: 0;
}

.bsi-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 1rem;
  width: 1rem;
  z-index: 1;
}

.bsi-checkbox-checkmark {
  height: 1rem;
  width: 1rem;
  background-color: #ffffff;
  border: 0.0625rem solid #bababa;
  border-radius: 0.1875rem;
  transition: 0.2s;
  cursor: pointer;
}

.bsi-checkbox-checkmark:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border-color: #00aad2;
}

.bsi-filters-item:hover .bsi-checkbox-checkmark {
  border-color: #00aad2;
}

.bsi-checkbox input:checked ~ .bsi-checkbox-checkmark {
  background-color: #00aad2;
  border-color: #00aad2;
}

.bsi-checkbox input:disabled ~ .bsi-checkbox-checkmark {
  cursor: default;
  background-color: #e6e6e6;
  border: 0.0625rem solid #bababa;
}

.bsi-checkbox input:disabled {
  cursor: default;
}

.bsi-checkbox-checkmark::after {
  content: "";
  position: absolute;
  display: none;
}

.bsi-checkbox input:checked ~ .bsi-checkbox-checkmark::after {
  display: flex;
}

.bsi-checkbox .bsi-checkbox-checkmark::after {
  left: 0.3125rem;
  top: 0.25rem;
  width: 0.3125rem;
  height: 0.4375rem;
  border: 0.0625rem solid #ffffff;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.bsi-checkbox .bsi-checkbox-checkmark-partial::after {
  width: 0px;
  left: 0.4375rem;
  height: 0.4375rem;
  transform: rotate(90deg);
}

.bsi-filters-label-count {
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  /* 133.333% */
  padding-left: 0.25rem;
}

.bsi-swatch-name-container {
  display: flex;
  gap: 0.25rem;
  flex-direction: column;
  align-items: center;
}

.bsi-filters-swatch-count {
  color: #888888;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  /* 133.333% */
}

.bsi-model-results {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 0.875rem;
  white-space: nowrap;
}

.bsi-filter-chips {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
  max-width: 100%;
  overflow: hidden;
}

@media (max-width: 1439px) {
  .bsi-filter-chips {
    padding-right: 2.625rem;
  }
}

@media (max-width: 1023px) {
  .bsi-filter-chips {
    display: none;
  }
}

.bsi-filter-chips-btns {
  display: flex;
  flex-shrink: 0;
  gap: 0.4375rem;
  white-space: nowrap;
}

.bsi-filter-chip {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  height: 1.5rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
  line-height: 0.75rem;
  color: #002c5e;
  background-color: #ffffff;
  border: 1px solid #002c5e;
  border-radius: 0.25rem;
  padding: 0 0.5rem;
  vertical-align: middle;
}

.bsi-filter-chip svg {
  width: 0.5rem;
  height: 0.5rem;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.bsi-filter-chip:hover {
  background-color: #f3f3f3;
}

.bsi-clear-all-btn {
  align-self: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.75rem;
  color: #002c5e;
  background: transparent;
  padding: 0;
  border: none;
  white-space: nowrap;
  height: 1.5rem;
  margin-left: 0.5rem;
}

.bsi-sort-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 1439px) {
  .bsi-sort-container {
    padding-right: 2.625rem;
  }
}

@media (max-width: 1023px) {
  .bsi-sort-container {
    padding-right: 0;
    flex-direction: column;
    gap: 1rem;
  }
}

@media (max-width: 1023px) {
  .bsi-sort-container-inner {
    margin-right: 2rem;
  }
}

@media (max-width: 639px) {
  .bsi-sort-container-inner {
    margin-right: 1rem;
  }
}

.bsi-dropdown {
  position: relative;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 14px;
  line-height: 0.875rem;
  font-weight: 400;
  color: #002c5e;
}

.bsi-dropdown-value {
  gap: 0.25rem;
  background-color: transparent;
  font-weight: 700;
  color: #002c5e;
  line-height: 1.25rem;
  padding: 0;
  cursor: pointer;
}

.bsi-dropdown-value span {
  padding: 0.375rem 0.25rem;
}

.bsi-dropdown-value span svg {
  width: 0.5rem;
  height: 0.25rem;
  stroke-width: 0.0625rem;
  stroke: #002c5e;
}

.bsi-dropdown-open .bsi-dropdown-panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  top: 1.25rem;
  left: -1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #ffffff;
  border-radius: 0.25rem;
  border: 0.0625rem solid #e6e6e6;
  box-shadow: 0.0625rem 0.0625rem 0.25rem 0 #0000001a;
  z-index: 5;
}

.bsi-dropdown-item {
  display: flex;
  justify-content: flex-start;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1rem;
  color: #333333;
  padding: 0.75rem;
  width: 100%;
  white-space: nowrap;
}

.bsi-dropdown-item:hover {
  background-color: #f3f3f3;
}

.bsi-zip-code {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}

@media (max-width: 1023px) {
  .bsi-zip-code {
    padding-right: 2rem;
  }
}

@media (max-width: 639px) {
  .bsi-zip-code {
    padding-right: 1rem;
  }
}

.bsi-zip-code-btn {
  display: flex;
  gap: 0.25rem;
  background-color: transparent;
  border: none;
  padding: 0;
}

.bsi-inventory-label-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 0.875rem;
  color: #002c5e;
}

.bsi-inventory-label-text-underline {
  font-weight: 700;
  text-decoration: underline;
  line-height: 1.25rem;
}

.bsi-inventory-label-text-bold {
  font-weight: 700;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 14px;
  line-height: 0.875rem;
  color: #002c5e;
}

.bsi-total-inventory-results-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 0.875rem;
  color: #002c5e;
  text-decoration: underline;
}

.bsi-filter-and-sort-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25rem;
  color: #002c5e;
  padding: 0.75rem 1.5rem;
  border: 0.0625rem solid #e6e6e6;
  border-radius: 2.5rem;
  background-color: #ffffff;
  width: 100%;
}

.bsi-filter-count {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #f3f3f3;
  border: 0.051875rem solid #e6e6e6;
  border-radius: 7.734375rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.833125rem;
  line-height: 1.041875rem;
}

.bsi-form-option {
  position: relative;
  color: #333333;
  display: inline-flex;
  align-items: flex-end;
}

.bsi-form-option .bsi-form-radio-input {
  display: none;
}

.bsi-form-radio-label {
  margin-left: 1.625rem;
}

.bsi-form-custom-radio {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.bsi-form-radio-input:checked ~ .bsi-form-custom-radio .form-radio-button {
  border-color: #00aad2;
}

.bsi-form-radio-input:checked ~ .bsi-form-custom-radio .form-radio-button:after {
  display: block;
}

.bsi-form-radio-input:focus ~ .bsi-form-custom-radio {
  outline: 1px dotted #212121;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .bsi-form-radio-input:focus ~ .bsi-form-custom-radio {
    outline: 5px auto -webkit-focus-ring-color;
  }
}

.bsi-form-radio-input:hover ~ .bsi-form-custom-radio .form-radio-button {
  border-color: #00aad2;
}

.bsi-range-slider {
  width: 100%;
}

.bsi-range-slider-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.75rem;
  color: #002c5e;
}

.bsi-range-slider-range {
  font-weight: 700;
}

.bsi-range-slider-wrapper {
  position: relative;
  height: 2.5rem;
  overflow: visible;
}

.bsi-range-slider input[type="range"] {
  position: absolute;
  width: 100%;
  pointer-events: none;
  -webkit-appearance: none;
          appearance: none;
  height: 3.4375rem;
  margin: 0;
  z-index: 3;
  background: transparent;
}

.bsi-range-slider input[type="range"]::-webkit-slider-thumb {
  pointer-events: auto;
  -webkit-appearance: none;
          appearance: none;
  height: 1.25rem;
  width: 1.25rem;
  padding: 0.75rem;
  border-radius: 50%;
  background: radial-gradient(circle, white 0%, white 14%, #00aad2 20.1%, #00aad2 100%);
  cursor: pointer;
  border: none;
  margin-top: -0.9375rem;
}

.bsi-range-slider input[type="range"]::-moz-range-thumb {
  pointer-events: auto;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 50%;
  background: radial-gradient(circle, white 0%, white 14%, #00aad2 20.1%, #00aad2 100%);
  cursor: pointer;
  border: none;
}

.bsi-range-slider-track,
.bsi-range-slider-track-fill {
  position: absolute;
  height: 0.25rem;
  border-radius: 1.25rem;
  top: 1.125rem;
}

.bsi-range-slider-track {
  width: 100%;
  z-index: 1;
}

.bsi-range-slider-track-fill {
  z-index: 2;
}

.bsi-bg-light-gray {
  background-color: #bababa;
}

.bsi-bg-active-blue {
  background-color: #00aad2;
}

.bsi-range-slider-tooltip-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  padding: 0.5rem 0;
}

.bsi-range-slider-price-label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.875rem;
  color: #002c5e;
}

.bsi-range-slider-bottom-price-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bsi-range-slider-bottom-price-label p {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.75rem;
  color: #666666;
}

.bsi-filters-inventory-header-container {
  height: 5rem;
  align-self: stretch;
}

@media (max-width: 1023px) {
  .bsi-filters-inventory-header-container {
    display: flex;
    gap: 0.5rem;
    height: auto;
    padding-right: 2rem;
  }
}

@media (max-width: 639px) {
  .bsi-filters-inventory-header-container {
    padding-right: 1rem;
  }
}

.bsi-filters-inventory-header-container-inner {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  height: 2rem;
}

@media (max-width: 1439px) {
  .bsi-filters-inventory-header-container-inner {
    height: 1.625rem;
  }
}

.bsi-filters-inventory-header-title {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  /* 106.667% */
}

@media (max-width: 1439px) {
  .bsi-filters-inventory-header-title {
    font-size: 1.5rem;
    line-height: 1.625rem;
  }
}

.bsi-filters-inventory-header-back-btn {
  display: flex;
  width: 1.5rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}

.bsi-filters-inventory-header-back-btn svg {
  width: 1.5rem;
  height: 1rem;
  transform: scaleX(-1);
}

.bsi-filters-inventory-header-back-btn .path-stroke {
  fill: none;
  stroke: #333333;
  stroke-width: 0.0625rem;
}

@media (max-width: 1439px) {
  .bsi-filters-inventory-header-back-btn {
    height: 1.625rem;
  }
}

.bsi-filters-toggles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.bsi-filters-toggle-btn {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding-left: 0.1875rem;
}

.bsi-filters-toggle-dealership-only-checkbox {
  opacity: 0;
  width: 0;
  height: 0;
}

.bsi-filters-toggle-dealership-only-btn {
  flex-shrink: 0;
  position: relative;
  display: inline-block;
  width: 2.8125rem;
  height: 1.5rem;
  background-color: #bababa;
  border: 0.125rem solid #bababa;
  border-radius: 1.125rem;
  cursor: pointer;
}

.bsi-filters-toggle-dealership-only-btn:hover {
  border-color: #00aad2;
  background-color: #00aad2;
}

.bsi-filters-toggle-dealership-only-btn:focus {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border-color: #00aad2;
  background-color: #00aad2;
}

.bsi-filters-toggle-dealership-only-btn:before {
  content: '';
  position: absolute;
  width: 1rem;
  height: 1rem;
  bottom: 0.125rem;
  left: 0.0625rem;
  background-color: #ffffff;
  border-radius: 50%;
}

.bsi-filters-toggle-dealership-only-checkbox:checked ~ .bsi-filters-toggle-btn .bsi-filters-toggle-dealership-only-btn {
  border: 0.125rem solid #00aad2;
  background-color: #00aad2;
}

.bsi-filters-toggle-dealership-only-checkbox:checked ~ .bsi-filters-toggle-btn .bsi-filters-toggle-dealership-only-btn:before {
  background-color: #ffffff;
  transform: translateX(1.375rem);
}

.bsi-filters-toggle-dealership-only-label {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  /* 100% */
}

.bsi-filters-show-more-dealer {
  display: flex;
  height: 2.75rem;
  padding: 0.6875rem 0;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
}

.bsi-filters-show-more-dealer .bsi-filters-show-more-dealer-icon {
  display: flex;
  padding: 0.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  flex: 1 0 0;
}

.bsi-filters-show-more-dealer svg {
  width: 0.5rem;
  height: 0.5rem;
  stroke-width: 1.5px;
  stroke: #002c5e;
}

.bsi-filters-show-more-dealer span {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.125rem;
  /* 112.5% */
}

.bsi-filters-item-dealer-preferred {
  display: flex;
  padding: 0 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
}

.bsi-filters-item-dealer-preferred-span {
  display: flex;
  padding: 0 0.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}

.bsi-filters-item-dealer-preferred-inner {
  display: flex;
  padding: 0.25rem 0.25rem 0.25rem 0.375rem;
  align-items: center;
  border-radius: 1.5rem;
  background: #e6e6e6;
}

.bsi-filters-item-dealer-preferred-inner svg {
  flex: 1 0 0;
  align-self: stretch;
}

.bsi-filters-item-dealer-preferred-inner span {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  /* 133.333% */
}

.bsi-range-slider-filter-tooptip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.bsi-filters-question-tooltip {
  display: flex;
  width: 1rem;
  height: 1rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 10px;
  border: 1px solid #002c5e;
  color: #002c5e;
  text-align: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  /* 127.273% */
  margin-left: auto;
}

.bsi-filters-question-tooltip-sub-filter {
  display: flex;
  width: 1rem;
  height: 1rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: #002c5e;
  text-align: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  /* 127.273% */
  margin-left: auto;
}

.bsi-filters-question-tooltip-sub-filter svg {
  fill: none;
  width: 1rem;
  height: 1rem;
}

.bsi-filters-font-head {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
}

.bsi-filters-font-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
}

.bsi-model-results-zip-code {
  display: none;
}

.bsi-vehicles-filters-top-sticky-on.bsi-vehicles-filters-top-sticky-scroll-down > .bsi-vehicles-filters-top .bsi-gsb, .bsi-vehicles-filters-top-sticky-on.bsi-vehicles-filters-top-sticky-scroll-down > .bsi-vehicles-filters-top .bsi-wbb, .bsi-vehicles-filters-top-sticky-on.bsi-vehicles-filters-top-sticky-scroll-down > .bsi-vehicles-filters-top .bsi-wbb-b {
  display: none;
}

@media (max-width: 1023px) {
  .bsi-vehicles-filters-top-sticky-on.bsi-vehicles-filters-top-sticky-scroll-down > .bsi-vehicles-filters-top .bsi-zip-code, .bsi-vehicles-filters-top-sticky-on.bsi-vehicles-filters-top-sticky-scroll-down > .bsi-vehicles-filters-top .bsi-filters-inventory-header-container, .bsi-vehicles-filters-top-sticky-on.bsi-vehicles-filters-top-sticky-scroll-down > .bsi-vehicles-filters-top .bsi-filters-main-title, .bsi-vehicles-filters-top-sticky-on.bsi-vehicles-filters-top-sticky-scroll-down > .bsi-vehicles-filters-top .bsi-model-results-hide {
    display: none;
  }
}

.bsi-vehicles-filters-top-sticky-on.bsi-vehicles-filters-top-sticky-scroll-up > .bsi-vehicles-filters-top .bsi-gsb, .bsi-vehicles-filters-top-sticky-on.bsi-vehicles-filters-top-sticky-scroll-up > .bsi-vehicles-filters-top .bsi-wbb, .bsi-vehicles-filters-top-sticky-on.bsi-vehicles-filters-top-sticky-scroll-up > .bsi-vehicles-filters-top .bsi-wbb-b {
  display: none;
}

@media (max-width: 1023px) {
  .bsi-vehicles-filters-top-sticky-on.bsi-vehicles-filters-top-sticky-scroll-up > .bsi-vehicles-filters-top .bsi-dropdown, .bsi-vehicles-filters-top-sticky-on.bsi-vehicles-filters-top-sticky-scroll-up > .bsi-vehicles-filters-top .bsi-inventory-label-text-hide-mobile, .bsi-vehicles-filters-top-sticky-on.bsi-vehicles-filters-top-sticky-scroll-up > .bsi-vehicles-filters-top .bsi-zip-code-btn, .bsi-vehicles-filters-top-sticky-on.bsi-vehicles-filters-top-sticky-scroll-up > .bsi-vehicles-filters-top .bsi-filters-inventory-header-container, .bsi-vehicles-filters-top-sticky-on.bsi-vehicles-filters-top-sticky-scroll-up > .bsi-vehicles-filters-top .bsi-filters-main-title, .bsi-vehicles-filters-top-sticky-on.bsi-vehicles-filters-top-sticky-scroll-up > .bsi-vehicles-filters-top .bsi-inventory-label-text-hide-mobile-build, .bsi-vehicles-filters-top-sticky-on.bsi-vehicles-filters-top-sticky-scroll-up > .bsi-vehicles-filters-top .bsi-model-results-hide {
    display: none;
  }
  .bsi-vehicles-filters-top-sticky-on.bsi-vehicles-filters-top-sticky-scroll-up > .bsi-vehicles-filters-top .bsi-model-results-zip-code {
    display: block;
  }
}

.bsi-vehicles-filters-top-sticky-on > .bsi-vehicles-filters-top {
  position: fixed;
  z-index: 50;
  top: 0;
  padding-top: 1rem;
  box-shadow: 0 0 0 0.25rem white;
}

.bsi-dropdown-radius {
  padding-left: 0.25rem;
}

@media (max-width: 1023px) {
  .bsi-dropdown-radius {
    display: none;
  }
}

.bsi-label-text-radius {
  display: none;
  color: #002c5e;
  text-align: right;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 0.875rem;
  /* 100% */
}

@media (max-width: 1023px) {
  .bsi-label-text-radius {
    display: block;
  }
}

.bsi-zip-code-btn .bsi-zip-code-btn-icon {
  padding-left: 0.25rem;
}

.bsi-filters-sticky-section {
  display: flex;
  flex-direction: column;
}

.bsi-filters-sticky-section-desktop {
  position: -webkit-sticky;
  position: sticky;
  overflow-y: auto;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #CECECE transparent;
}

.bsi-filters-sticky-section-desktop::-webkit-scrollbar {
  width: 0.25rem;
}

.bsi-range-slider.bsi-range-slider-disabled .bsi-range-slider-input::-webkit-slider-thumb {
  background: radial-gradient(circle, white 0%, white 14%, #bababa 20.1%, #bababa 100%);
  cursor: default;
}

.bsi-range-slider.bsi-range-slider-disabled .bsi-range-slider-input::-moz-range-thumb {
  background: radial-gradient(circle, white 0%, white 14%, #bababa 20.1%, #bababa 100%);
  cursor: default;
}

.bsi-range-slider.bsi-range-slider-disabled .bsi-range-slider-track {
  background-color: #bababa;
}

.bsi-range-slider.bsi-range-slider-disabled .bsi-range-slider-track-fill {
  background-color: #bababa;
}

.bsi-filter-chip-trim, .bsi-filter-chip-package {
  position: relative;
  display: flex;
  height: 1.5rem;
  padding: 0.25rem 0.5rem;
  align-items: center;
  gap: 0.5rem;
  margin-left: -0.5rem;
  border-radius: 0 0.25rem 0.25rem 0;
  border-top: 0.0625rem solid #e6e6e6;
  border-right: 0.0625rem solid #e6e6e6;
  border-bottom: 0.0625rem solid #e6e6e6;
  color: #002c5e;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
  /* 100% */
  background: #ffffff;
}

.bsi-filter-chip-trim svg, .bsi-filter-chip-package svg {
  width: 0.5rem;
  height: 0.5rem;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.bsi-filter-chip-trim:hover, .bsi-filter-chip-package:hover {
  background-color: #f3f3f3;
}

.bsi-filter-chip-collapse {
  display: flex;
  height: 1.5rem;
  padding: 0.25rem 0.5rem;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0 0.25rem 0.25rem 0;
  border-top: 0.0625rem solid #e6e6e6;
  border-right: 0.0625rem solid #e6e6e6;
  border-bottom: 0.0625rem solid #e6e6e6;
  color: #002c5e;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.75rem;
  /* 100% */
  background: #ffffff;
}

.bsi-filter-chip-collapse svg {
  width: 0.5rem;
  height: 0.5rem;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.bsi-filter-chip-collapse:hover {
  background-color: #f3f3f3;
}

.bsi-filter-chip:first-of-type, .bsi-filter-chip-element.bsi-filter-chip-element-wrap-first, .bsi-clear-all-btn {
  margin-left: 0;
}

.bsi-filter-chip-trim.bsi-filter-chip-element-wrap-last::after, .bsi-filter-chip-package.bsi-filter-chip-element-wrap-last::after {
  content: '...';
  position: absolute;
  display: flex;
  left: 102%;
  height: 1.5rem;
  padding: 0.25rem 0.5rem;
  align-items: center;
  border-top: 0.0625rem solid #e6e6e6;
  border-bottom: 0.0625rem solid #e6e6e6;
  background: #ffffff;
  color: #e6e6e6;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.75rem;
  /* 100% */
}

.bsi-filter-chip-collapse {
  margin-left: -0.5rem;
}

.bsi-tooltip-pop-up-container {
  position: absolute;
  z-index: 49;
  left: 0;
  top: 0;
}

@media screen and (max-width: 1023px) {
  .bsi-tooltip-pop-up-container {
    z-index: 1005;
    position: fixed;
    width: 100vw;
    height: 100vh;
    transform: none !important;
    display: flex;
  }
}

.bsi-tooltip-pop-up-inner {
  position: relative;
  width: 20rem;
  border-radius: 1rem;
  border: 0.0625rem solid #EDEDED;
  background: #ffffff;
  box-shadow: 0.5rem 0.25rem 1.875rem rgba(0, 0, 0, 0.2);
  padding: 1.5rem;
  gap: 1rem;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

@media screen and (max-width: 1023px) {
  .bsi-tooltip-pop-up-inner {
    width: 21.4375rem;
    margin: auto;
  }
}

.bsi-tooltip-pop-up-exit-btn {
  position: absolute;
  top: 0.5625rem;
  right: 0.5rem;
  padding: 0.375rem;
  display: flex;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}

.bsi-tooltip-pop-up-exit-btn svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  stroke-width: 0.0625rem;
  stroke: #002c5e;
}

.bsi-tooltip-pop-up-header {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
  /* 125% */
}

.bsi-tooltip-pop-up-description {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

.bsi-tooltip-pop-up-description svg {
  fill: none;
  align-self: flex-end;
}

.bsi-tooltip-pop-up-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}

@media screen and (max-width: 1023px) {
  .bsi-tooltip-pop-up-overlay {
    display: block;
  }
}

.bsi-tooltip-pop-up-arrow svg {
  fill: #ffffff;
  filter: drop-shadow(0.5rem 0.25rem 1.875rem rgba(0, 0, 0, 0.2));
  width: 1.5rem;
  height: 0.75rem;
}

@media screen and (max-width: 1023px) {
  .bsi-tooltip-pop-up-arrow {
    display: none;
  }
}

.bsi-tooltip-pop-up-container-right .bsi-tooltip-pop-up-arrow {
  position: absolute;
  top: 50%;
  left: -0.6875rem;
}

.bsi-tooltip-pop-up-container-right .bsi-tooltip-pop-up-arrow svg {
  transform: rotate(90deg);
}

.bsi-tooltip-pop-up-container-top .bsi-tooltip-pop-up-arrow, .bsi-tooltip-pop-up-container-top-trim .bsi-tooltip-pop-up-arrow {
  position: absolute;
  bottom: -0.6875rem;
  left: 70%;
}

.bsi-tooltip-pop-up-btn-close {
  display: flex;
  height: 2.75rem;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid #002c5e;
  background: #ffffff;
  color: #002c5e;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  /* 100% */
}

.bsi-tooltip-pop-up-btn-continue-outofstate, .bsi-tooltip-pop-up-btn-continue-lowInventory {
  display: flex;
  height: 2.75rem;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid #002c5e;
  background: #002c5e;
  color: #ffffff;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  /* 100% */
  text-decoration: none;
}

.bsi-tooltip-pop-up-buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.bv-os-trims-change-modal {
  position: absolute;
  z-index: 50;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1023px) {
  .bv-os-trims-change-modal {
    z-index: 1005;
    top: 0;
    position: fixed;
    width: 100vw;
    height: 100vh;
    transform: none !important;
    display: flex;
  }
}

.bv-os-trims-change-modal-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  z-index: 1;
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 1rem;
  border: 0.0625rem solid #EDEDED;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  width: 21.4375rem;
}

@media screen and (max-width: 1023px) {
  .bv-os-trims-change-modal-inner {
    width: 21.4375rem;
    margin: auto;
  }
}

.bv-os-trims-change-modal-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}

@media screen and (max-width: 1023px) {
  .bv-os-trims-change-modal-overlay {
    display: block;
  }
}

.bsi-saved-vehicles-modal-arrow {
  position: absolute;
  top: -11px;
  transform: rotate(180deg);
  left: 51%;
}

.bsi-saved-vehicles-modal-arrow svg {
  width: 1.5rem;
  height: 0.75rem;
  fill: #ffffff;
  filter: drop-shadow(8px 4px 30px rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 1023px) {
  .bsi-saved-vehicles-modal-arrow {
    display: none;
  }
}

.bv-os-trims-change-modal-arrow {
  position: absolute;
  top: -11px;
  transform: rotate(180deg);
  left: 50%;
}

.bv-os-trims-change-modal-arrow svg {
  width: 1.5rem;
  height: 0.75rem;
  fill: #ffffff;
  filter: drop-shadow(8px 4px 30px rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 1023px) {
  .bv-os-trims-change-modal-arrow {
    display: none;
  }
}

.bv-os-trims-change-modal-exit-btn {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.375rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  position: absolute;
  top: 0.4375rem;
  right: 0.4375rem;
}

.bv-os-trims-change-modal-header {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  /* 111.111% */
}

.bv-os-trims-change-modal-description {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
}

.bv-os-trims-change-modal-description span {
  font-weight: 700;
}

.bv-os-trims-change-modal-buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.bv-os-trims-change-modal-btn-continue {
  display: flex;
  height: 2.75rem;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  background: #002c5e;
  color: #ffffff;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  /* 100% */
}

.bv-os-trims-change-modal-btn-saved-vehicles {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #002c5e;
  text-decoration: underline;
}

.bv-os-trims-change-modal-btn-close {
  display: flex;
  height: 2.75rem;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  border: 0.0625rem solid #002c5e;
  background: #ffffff;
  color: #002c5e;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  /* 100% */
}

.bv-os-colors-fpo-modal {
  position: absolute;
  z-index: 50;
  top: 0;
  left: 0;
}

@media screen and (max-width: 639px) {
  .bv-os-colors-fpo-modal {
    z-index: 1005;
    top: 0;
    position: fixed;
    width: 100vw;
    height: 100vh;
    transform: none !important;
    display: flex;
  }
}

.bv-os-colors-fpo-modal-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  z-index: 1;
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 1rem;
  border: 0.0625rem solid #EDEDED;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  width: 20.1875rem;
}

@media screen and (max-width: 1023px) {
  .bv-os-colors-fpo-modal-inner {
    width: 18.75rem;
  }
}

@media screen and (max-width: 639px) {
  .bv-os-colors-fpo-modal-inner {
    width: 21.4375rem;
    margin: auto;
  }
}

.bv-os-colors-fpo-modal-arrow {
  position: absolute;
  top: -0.6875rem;
  transform: rotate(180deg);
  left: 50%;
}

.bv-os-colors-fpo-modal-arrow svg {
  width: 1.5rem;
  height: 0.75rem;
  fill: #ffffff;
  filter: drop-shadow(8px 4px 30px rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 1023px) {
  .bv-os-colors-fpo-modal-arrow {
    left: 30%;
  }
}

@media screen and (max-width: 639px) {
  .bv-os-colors-fpo-modal-arrow {
    display: none;
  }
}

.bv-os-trims-change-modal-header-capitalize {
  text-transform: capitalize;
}

.bsi-tooltip-pop-up-arrow-bottom {
  position: absolute;
  bottom: -0.6875rem;
  right: 30%;
}

.bsi-tooltip-pop-up-arrow-top {
  position: absolute;
  top: -0.6875rem;
  right: 30%;
  transform: rotate(180deg);
}

.bsi-tooltip-pop-up-arrow-left {
  position: absolute;
  top: 50%;
  left: -0.8125rem;
  transform: rotate(90deg);
}

.bv-os-trims-change-modal-arrow-bottom {
  position: absolute;
  bottom: -0.6875rem !important;
  left: 50% !important;
  transform: none !important;
  top: unset !important;
}

.bv-os-trims-change-modal-features {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  line-height: 1.25rem;
  /* 142.857% */
}

.bv-os-trims-change-modal-features svg {
  fill: none;
}

.bv-os-trims-change-modal-features span {
  font-weight: 400 !important;
}

.bsi-tooltip-pop-up-image-inner {
  width: auto;
  height: auto;
  border-radius: 0.5rem;
}

.bsi-tooltip-pop-up-video-youtube {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
}

.bsi-tooltip-pop-up-container, .bv-os-trims-change-modal {
  opacity: 0;
}

.bsi-tooltip-pop-up-container-loaded {
  opacity: 1;
}

.bv-os-drivetrain-mpgtext svg {
  fill: none;
}

.bv-os-accessories-modal-description .bv-os-accessories-modal-description-text {
  color: #333333;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

.bv-os-accessories-modal-description svg {
  fill: none;
  align-self: flex-end;
}

.bv-os-matching-trim-desc {
  color: #333333;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

.bsi-tooltip-pop-up-badge-image {
  width: 100%;
  text-align: center;
}

.bsi-tooltip-pop-up-badge-image img {
  max-width: 100%;
  height: auto;
  border-radius: 0.5rem;
}

.bsi-tooltip-pop-up-badge-image div {
  display: inline-block;
  max-width: 100%;
}

.bsi-tooltip-pop-up-badge-image div svg {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 0.5rem;
}

.bsi-tooltip-pop-up-btn-continue-offerbadge {
  display: flex;
  height: 2.75rem;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid #002c5e;
  background: #002c5e;
  color: #ffffff;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  text-decoration: none;
}

#bv-tooltip-floating-root {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
}

#bv-tooltip-floating-root [data-bsi-tooltip] {
  position: absolute;
  pointer-events: auto;
}

.bsi-btput-irp-filter-match-arrow {
  position: absolute;
  top: -11px;
  transform: rotate(180deg);
  left: 49%;
}

.bsi-btput-irp-filter-match-arrow svg {
  width: 1.5rem;
  height: 0.75rem;
  fill: #ffffff;
  filter: drop-shadow(8px 4px 30px rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 1023px) {
  .bsi-btput-irp-filter-match-arrow {
    display: none;
  }
}

.bsi-btput-irp-filter-match {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.bsi-btput-irp-filter-match-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  color: #333333;
}

.bsi-btput-irp-filter-match-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 0.25rem;
}

.bsi-btput-irp-filter-match-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  color: #333333;
}

.bsi-btput-irp-filter-match-item svg {
  width: 1rem;
  height: 1rem;
  fill: none;
}

.bsi-btput-irp-filter-match-item-more span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
}

.bsi-btput-irp-filter-match-item-more span svg {
  width: 0.5rem;
  height: 0.5rem;
  fill: none;
}

.bv-360-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.bv-360-inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: space-between;
}

.bv-360-top-nav-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  top: 0.875rem;
  z-index: 10;
  padding: 0;
}

@media screen and (max-width: 1023px) {
  .bv-360-top-nav-container {
    padding: 0.5rem 2rem 0;
  }
}

@media screen and (max-width: 480px) {
  .bv-360-top-nav-container {
    padding: 0.5rem 1rem 0;
    top: 0.625rem;
  }
}

.bv-360-top-nav-container-padding {
  padding: 0.5rem 1rem;
}

.bv-360-top-nav-left-container, .bv-360-top-nav-right-container {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}

.bv-360-top-nav-model-name {
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
}

@media (max-width: 1439px) {
  .bv-360-top-nav-model-name {
    font-size: 1.5rem;
    line-height: 1.625rem;
  }
}

@media (max-width: 639px) {
  .bv-360-top-nav-model-name {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}

.bv-360-top-nav-back {
  position: relative;
  display: flex;
  width: 1.5rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}

@media screen and (max-width: 1439px) {
  .bv-360-top-nav-back {
    width: 1.5rem;
    height: 1.625rem;
  }
}

@media screen and (max-width: 1023px) {
  .bv-360-top-nav-back {
    width: 1rem;
    height: 1.5rem;
  }
  .bv-360-top-nav-back::before {
    content: '';
    position: absolute;
    top: -0.5375rem;
    left: -0.875rem;
    right: -0.875rem;
    bottom: -0.9125rem;
    z-index: 1;
  }
}

@media screen and (max-width: 639px) {
  .bv-360-top-nav-back {
    width: 0.75rem;
    height: 1.0625rem;
  }
}

.bv-360-top-nav-back svg {
  width: 1.5rem;
  height: 1rem;
  transform: scaleX(-1);
}

.bv-360-top-nav-back svg .path-stroke {
  fill: none;
  stroke: #ffffff;
  stroke-width: 0.0625rem;
}

@media screen and (max-width: 1023px) {
  .bv-360-top-nav-back svg {
    width: 1rem;
    height: 0.6625rem;
  }
}

.bv-360-top-nav-heart {
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 1023px) {
  .bv-360-top-nav-heart::before {
    content: '';
    position: absolute;
    top: -0.5125rem;
    left: -0.75rem;
    right: -0.75rem;
    bottom: -1.1375rem;
    z-index: 1;
  }
}

.bv-360-top-nav-heart-disabled svg {
  fill: #bababa !important;
}

.bv-360-top-nav-heart-disabled svg path {
  fill: #bababa !important;
  stroke: #bababa !important;
}

.bv-toast {
  position: absolute;
  top: 2.5rem;
  right: 0;
  width: -webkit-max-content;
  width: max-content;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  background: #ffffff;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 #00000033;
  opacity: 0.9;
  z-index: 3;
  transition: opacity 0.3s ease;
}

.bv-toast-btn {
  color: #002c5e;
  font-weight: 500;
  line-height: 1.25rem;
  text-decoration: underline;
}

.bv-360-top-nav-full-screen svg {
  fill: #ffffff;
  width: 1.5rem;
  height: 1.5rem;
}

.bv-360-top-nav-full-screen .path-stroke {
  fill: none;
  stroke: #ffffff;
  stroke-width: 0.09375rem;
}

.bv-360-bottom-nav-mobile-toggle-icon {
  position: relative;
  border-radius: 100%;
  background: #ffffff;
  width: 2rem;
  height: 2rem;
  margin-left: auto;
  display: none;
}

.bv-360-bottom-nav-mobile-toggle-icon svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

@media screen and (max-width: 1023px) {
  .bv-360-bottom-nav-mobile-toggle-icon {
    display: block;
    top: -0.5625rem;
  }
}

.bv-360-bottom-nav-mobile-toggle-icon button {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

@media screen and (max-width: 1023px) {
  .bv-360-bottom-nav-mobile-toggle-icon button::before {
    content: '';
    position: absolute;
    top: -1rem;
    left: -0.5rem;
    right: -0.5rem;
    bottom: 0;
    z-index: 2;
  }
}

.bv-360-exterior-spin-inner {
  position: absolute;
  width: 100%;
  height: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: grab;
}

.bv-360-exterior-spin-inner:active {
  cursor: grabbing;
}

.bv-360-interior-pano-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: var(--bv-interior-pano-opacity, 0);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

@media screen and (max-width: 1023px) {
  .bv-360-interior-pano-inner {
    max-height: var(--bv-landing-360-section-height);
    overflow: hidden;
  }
}

.bv-360-interior-pano-inner-static {
  cursor: auto !important;
}

.bv-360-inner-spin-pano {
  width: 100%;
  height: 100%;
  max-height: var(--bv-360-dynamic-height);
  max-width: var(--bv-360-dynamic-width);
  position: relative;
  overflow: hidden;
  display: flex;
  z-index: 0;
  opacity: 0;
  cursor: none;
  margin: auto;
  transition: min-height 0.5s;
}

@media screen and (max-width: 1440px) {
  .bv-360-inner-spin-pano {
    max-width: 53.875rem;
  }
}

@media screen and (max-width: 1023px) {
  .bv-360-inner-spin-pano {
    max-height: 100%;
    height: 16.3125rem;
    max-width: 35.4375rem;
    padding: 0 2rem;
  }
}

@media screen and (max-width: 480px) {
  .bv-360-inner-spin-pano {
    padding: 0 1rem;
    height: 9.375rem;
    max-width: 21.4375rem;
  }
}

.bv-landing-container-full-screen .bv-360-inner-spin-pano-scenic {
  max-width: none;
}

.bv-landing-container-full-screen .bv-360-inner-spin-pano-scenic canvas {
  -webkit-mask-image: none !important;
          mask-image: none !important;
}

.bv-360-inner-spin-pano-scenic {
  max-width: var(--bv-360-dynamic-width);
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  display: flex;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
}

@media screen and (max-width: 1023px) {
  .bv-360-inner-spin-pano-scenic {
    max-width: none;
  }
}

.bv-360-inner-spin-pano-scenic-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
}

.bv-360-interior-pano-inner-img {
  width: 100%;
  height: 100%;
}

.bv-360-interior-pano-inner div {
  background: var(--bvLandingInteriorGradientBg);
  cursor: grab !important;
}

.bv-360-interior-pano-inner div:active {
  cursor: grabbing !important;
}

.bv-360-exterior-spin-inner-img {
  position: relative;
  top: -0.625rem;
}

.bv-landing-container.bv-landing-container-full-screen {
  position: relative;
  top: calc(var(--globalNavHeightBv) * -1);
  z-index: 1002;
  height: 100dvh;
  background-color: #ffffff;
}

.bv-360-exterior-spin-selected {
  opacity: 1;
  z-index: 7;
  cursor: grab;
}

.bv-360-interior-pano-selected {
  opacity: 1;
  z-index: 7;
  cursor: grab;
  height: 100vh;
}

.bv-360-bottom-nav-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 1.5rem;
  z-index: 10;
  padding: 0;
  max-width: -webkit-max-content;
  max-width: max-content;
  place-self: center;
  transition: height 0.5s;
}

@media screen and (max-width: 1024px) {
  .bv-360-bottom-nav-container {
    row-gap: 1rem;
  }
}

@media screen and (max-width: 1023px) {
  .bv-360-bottom-nav-container {
    max-width: 100%;
    place-self: unset;
  }
}

.bv-360-bottom-nav-spin-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .bv-360-bottom-nav-spin-container {
    padding: 0 2rem;
  }
}

@media screen and (max-width: 480px) {
  .bv-360-bottom-nav-spin-container {
    padding: 0 1rem;
  }
}

.bv-360-bottom-nav-spin-icon {
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
}

@media screen and (max-width: 1023px) {
  .bv-360-bottom-nav-spin-icon {
    position: absolute;
  }
}

.bv-360-bottom-nav-spin-icon svg {
  width: 3.25rem;
  height: 1.3986875rem;
  fill: var(--bv-360-svg-color);
}

.bv-360-bottom-nav-toggle {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

@media screen and (max-width: 1023px) {
  .bv-360-bottom-nav-toggle {
    display: none;
  }
}

.bv-360-bottom-nav-exterior, .bv-360-bottom-nav-interior {
  display: flex;
  width: 5rem;
  height: 5rem;
  border-radius: 8px;
  align-items: flex-end;
}

@media screen and (max-width: 1024px) {
  .bv-360-bottom-nav-exterior, .bv-360-bottom-nav-interior {
    width: 4.5rem;
    height: 4.5rem;
  }
}

.bv-360-tooltip-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  z-index: 10;
  position: relative;
  padding-bottom: 1rem;
  max-width: -webkit-max-content;
  max-width: max-content;
  place-self: center;
}

@media screen and (max-width: 1023px) {
  .bv-360-tooltip-container {
    order: calc(infinity);
    padding-top: 0.5rem;
    padding-bottom: 0;
    max-width: 100%;
    place-self: unset;
  }
}

.bv-360-tooltip-inner {
  color: #1F1E21;
  text-align: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(0.09375rem);
          backdrop-filter: blur(0.09375rem);
  border-radius: 0.75rem;
  padding: 0.25rem 0.5rem;
}

.bv-360-tooltip-inner svg {
  fill: #1F1E21;
}

@media screen and (max-width: 1023px) {
  .bv-360-tooltip-inner {
    width: 100%;
    border-radius: 0;
  }
}

.bv-360-tooltip-inner-dark-mode {
  color: #ffffff;
  background: rgba(31, 30, 33, 0.5);
  -webkit-backdrop-filter: blur(0.09375rem);
          backdrop-filter: blur(0.09375rem);
}

.bv-360-tooltip-inner-dark-mode svg {
  fill: #ffffff;
}

.bv-landing-360-section {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bv-360-bottom-nav-exterior-spin-icon, .bv-360-bottom-nav-interior-spin-icon {
  display: flex;
  height: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  flex: 1 0 0;
}

.bv-360-bottom-nav-exterior-spin-icon svg, .bv-360-bottom-nav-interior-spin-icon svg {
  width: 2.5rem;
  height: 1.0759375rem;
  fill: var(--bv-360-svg-color);
  filter: drop-shadow(0px 0px 7.692px rgba(0, 0, 0, 0.25));
}

.bv-360-inner-spin-pano-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  z-index: 7;
}

@media screen and (max-width: 1023px) {
  .bv-360-inner-spin-pano-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: unset;
    left: unset;
  }
}

.bv-360-exterior-spin-loading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.25s linear 0.5s;
  pointer-events: none;
  z-index: 1;
  visibility: hidden;
}

.bv-360-exterior-spin-loading-show {
  pointer-events: all;
  z-index: 20;
  visibility: visible;
}

.bv-360-exterior-spin-loading-icon {
  width: 4.375rem;
  height: 4.375rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.bv-360-top-nav-model-name-container {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.bv-360-top-nav-model-state-avail {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #f3f3f3;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
  /* 100% */
}

.bv-360-exterior-spin-inner-hidden {
  pointer-events: none;
}

.bv-360-inner-spin-pano-hidden {
  opacity: 0;
  height: 0;
}

.icon-exterior-view-small .path-stroke {
  fill: none;
  stroke: #002c5e;
  stroke-width: 0.0421875rem;
  transition: 0.2s all cubic-bezier(0.1, 0.5, 0.15, 1);
}

.icon-interior-view-small .path-stroke {
  fill: none;
  stroke: #002c5e;
  stroke-width: 0.084375rem;
  transition: 0.2s all cubic-bezier(0.1, 0.5, 0.15, 1);
}

/* ===== Mobile 360 overlay===== */
.bv-360-mobile-overlay {
  position: fixed;
  inset: 0;
  z-index: 1100;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
}

.bv-360-mobile-overlay-close {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  z-index: 1200;
  width: 2rem;
  height: 2rem;
  padding: 0.375rem;
  color: #ffffff;
  border: none;
  background: transparent;
}

.bv-360-mobile-overlay-close svg {
  width: 1rem;
  height: 1rem;
}

.bv-360-mobile-overlay-inner {
  background: #ffffff;
  padding: 0;
  overflow-y: auto;
  height: auto;
  display: flex;
  flex-direction: column;
}

.bv-360-mobile-overlay-item {
  width: 100%;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0 0 0.25rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bv-360-mobile-overlay-image-wrapper {
  position: relative;
  width: 100%;
}

.bv-360-mobile-overlay-img {
  display: block;
  width: 100%;
  height: auto;
}

/* Bottom-center 360 icon */
.bv-360-mobile-overlay-spin-icon {
  position: absolute;
  left: 50%;
  bottom: 0.5rem;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.bv-360-mobile-overlay-spin-icon svg {
  width: 2.5rem;
  height: 1.0759375rem;
  fill: var(--bv-360-svg-color);
  filter: drop-shadow(0px 0px 7.692px rgba(0, 0, 0, 0.6));
}

/* Mobile gallery button in bottom nav */
.bv-360-bottom-nav-mobile-toggle-gallery {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bv-360-bottom-nav-mobile-toggle-gallery svg {
  width: 1rem;
  height: 1rem;
  fill: none;
}

.bv-360-mobile-overlay-img.is-exterior {
  background-image: var(--bvLandingExteriorBg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bv-360-bottom-nav-full-img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

#bv-360-exterior-scenic-spin-id canvas {
  -webkit-mask-image: linear-gradient(to right, black 90%, transparent 100%);
          mask-image: linear-gradient(to right, black 90%, transparent 100%);
}

@media screen and (max-width: 1023px) {
  #bv-360-exterior-scenic-spin-id canvas {
    -webkit-mask-image: none;
            mask-image: none;
  }
}

.bv-360-mobile-overlay-image-wrapper {
  position: relative;
}

.bv-360-mobile-overlay-spin-layer,
.bv-360-mobile-overlay-pano-layer {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.bv-360-mobile-overlay-image-wrapper.has-spinner .bv-360-mobile-overlay-car {
  opacity: 0;
}

.bv-360-mobile-overlay-spin-icon {
  position: absolute;
  z-index: 5;
}

@media screen and (max-width: 1023px) {
  .bv-view-exterior
.bv-360-container
.bv-360-tooltip-container {
    display: none;
  }
  .bv-view-exterior
.bv-tooltip-wrapper
.bv-360-tooltip-container:not(:has(.bv-360-tooltip-inner-dark-mode)) {
    padding-top: 0;
  }
  .bv-view-exterior
.bv-tooltip-wrapper
.bv-360-tooltip-container:has(.bv-360-tooltip-inner-dark-mode) {
    padding: 0;
  }
}

.bv-landing-options {
  position: relative;
  background-color: transparent;
  height: 100%;
  overflow: hidden;
  z-index: 10;
  max-width: 25.875rem;
  flex-shrink: 0;
}

@media screen and (max-width: 1023px) {
  .bv-landing-options {
    max-width: none;
  }
}

.bv-options-container {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #ffffff;
  border-radius: 1rem;
  box-shadow: 0.25rem 0.25rem 2.5rem 0 rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1023px) {
  .bv-options-container {
    border-radius: 0;
  }
}

.bv-options-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.bv-options-top-nav-container {
  position: relative;
  padding: 1.25rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .bv-options-top-nav-container {
    position: fixed;
    top: var(--topStyle);
    z-index: 11;
    background-color: #ffffff;
    padding: 0.5rem 6.625rem;
  }
}

@media screen and (max-width: 639px) {
  .bv-options-top-nav-container {
    padding: 0.5rem 1rem;
  }
}

@media screen and (max-width: 1023px) {
  .gn-hidden .bv-options-top-nav-container {
    top: calc(var(--topStyle) - var(--globalNavHeightBv));
  }
}

@media screen and (max-width: 1023px) {
  .gn-hidden.gn-sticky .bv-options-top-nav-container {
    top: var(--topStyle);
    transition: top .1s linear .3s;
  }
}

.bv-options-top-nav-scrolled {
  border-bottom: solid 0.0625rem #e6e6e6;
}

.bv-options-top-nav-btn {
  color: #666666;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  padding: 0.5rem 0.25rem;
  border-bottom: 2px solid transparent;
}

.bv-options-top-nav-btn:hover {
  color: #333333;
}

.bv-options-top-nav-btn-selected {
  color: #333333;
  border-color: #00aad2;
}

.bv-options-bottom-first-col {
  display: flex;
  flex-direction: row;
}

.bv-options-bottom-container {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background-color: #1F1E21;
  padding: 1rem 1.25rem 1.25rem;
  color: #ffffff;
  width: 100%;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

@media screen and (max-width: 1023px) {
  .bv-options-bottom-container {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 1rem 6.625rem env(safe-area-inset-bottom);
    z-index: 10;
  }
}

@media screen and (max-width: 639px) {
  .bv-options-bottom-container {
    padding: 1rem 1rem env(safe-area-inset-bottom);
  }
}

.bv-options-bottom-price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.25rem;
}

.bv-options-bottom-price-wrapper {
  display: flex;
  gap: 0.625rem;
}

.bv-options-bottom-edit {
  display: flex;
  padding-bottom: 0.1875rem;
  justify-content: center;
  align-items: flex-end;
  gap: 0.125rem;
  align-self: stretch;
}

.bv-options-bottom-edit button {
  color: #ffffff;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.875rem;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.bv-options-bottom-price-copy {
  display: flex;
  gap: 0.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  /* 133.333% */
}

.bv-options-bottom-estimate-payment {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}

.bv-options-bottom-price-monthly {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.125rem;
}

.bv-options-bottom-price-monthly span {
  font-size: 1.5rem;
  line-height: 1.625rem;
}

.bv-options-bottom-msrp {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0.25rem;
  flex: 1 0 0;
}

.bv-options-bottom-msrp-copy {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}

.bv-options-bottom-msrp-price {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.625rem;
  /* 108.333% */
}

.bv-options-bottom-second-col {
  display: flex;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
}

@media screen and (max-width: 1023px) {
  .bv-options-bottom-second-col {
    justify-content: space-between;
    padding-bottom: 1.25rem;
  }
}

.bv-options-bottom-inventory-search {
  background: #ffffff;
  display: flex;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  color: #333333;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  text-decoration: none;
}

@media screen and (max-width: 1440px) {
  .bv-options-bottom-inventory-search {
    flex: none;
    padding: 0.75rem;
    margin-left: auto;
  }
}

@media screen and (max-width: 480px) {
  .bv-options-bottom-inventory-search {
    flex: 1 0 0;
    margin-left: unset;
  }
}

.bv-options-bottom-dealer-locator {
  display: flex;
  height: 2.75rem;
  justify-content: flex-end;
  align-items: center;
  gap: 0.25rem;
}

.bv-options-bottom-dealer-locator button {
  color: #ffffff;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.875rem;
  /* 100% */
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.bv-options-offer-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 1005;
}

.bv-options-offer-modal-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}

.bv-options-offer-modal-inner {
  margin: auto;
  display: flex;
  width: 40.4375rem;
  max-height: 100dvh;
  padding: 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1.5rem;
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  z-index: 2;
  position: relative;
}

@media screen and (max-width: 1023px) {
  .bv-options-offer-modal-inner {
    width: 35.375rem;
  }
}

@media screen and (max-width: 480px) {
  .bv-options-offer-modal-inner {
    width: 100%;
    height: 100%;
    border-radius: 0;
    padding: 1rem;
    justify-content: flex-start;
  }
}

.bv-options-offer-modal-x {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.375rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  position: absolute;
  top: 0.46875rem;
  right: 0.46875rem;
}

.bv-options-offer-modal-x svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  stroke-width: 0.0625rem;
  stroke: #002c5e;
}

.bv-options-offer-modal-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  overflow-y: auto;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(217, 217, 217, 0.5) transparent;
}

.bv-options-offer-modal-close-btn {
  display: flex;
  height: 2.75rem;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid #002c5e;
  background: #ffffff;
  color: #002c5e;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  /* 100% */
}

.bv-options-offer-modal-content-header {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  /* 111.111% */
}

.bv-options-offer-modal-content-divider {
  width: 1.875rem;
  height: 0.0625rem;
  background: #bababa;
}

.bv-options-offer-modal-content-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.bv-options-offer-modal-content-price {
  color: #000000;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.25rem;
  /* 120% */
}

.bv-options-offer-modal-content-date {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
}

.bv-options-offer-modal-content-date span {
  font-weight: 700;
}

.bv-options-offer-modal-content-disc {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.bv-options-offer-modal-content-disc-header {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
  /* 166.667% */
}

.bv-options-offer-modal-content-disc-content {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.875rem;
  /* 166.667% */
  margin-bottom: 0.9375rem;
}

.bv-options-offer-modal-content-disc-wrapper .bv-options-offer-modal-content-disc-content:last-of-type {
  margin-bottom: 0;
}

.bv-os-summary-header-btn-share-modal {
  width: 19.0625rem;
  position: absolute;
  border-radius: 1rem;
  border: 0.0625rem solid #EDEDED;
  background: #ffffff;
  box-shadow: 0.5rem 0.25rem 1.875rem rgba(0, 0, 0, 0.2);
  padding: 1.5rem;
  gap: 1rem;
  transform: translate(-50%, 60%);
  display: flex;
  flex-direction: column;
  z-index: 50;
}

@media screen and (max-width: 1023px) {
  .bv-os-summary-header-btn-share-modal {
    display: none;
  }
}

.bv-os-summary-header-btn-share-modal-exit-btn {
  position: absolute;
  top: 0.5625rem;
  right: 0.5rem;
  padding: 0.375rem;
  display: flex;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  background: transparent !important;
}

.bv-os-summary-header-btn-share-modal-exit-btn svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  stroke-width: 0.0625rem;
  stroke: #002c5e;
}

.bv-os-summary-header-btn-share-modal-header {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  /* 111.111% */
}

.bv-os-summary-header-btn-share-modal-desc {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
}

.bv-os-summary-header-btn-share-modal-link {
  display: flex;
  padding: 0.5rem;
  align-items: center;
  align-self: stretch;
  border-radius: 0.5rem;
  border: 0.0625rem solid #e6e6e6;
  background: #f3f3f3;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  /* 137.5% */
  overflow-wrap: break-all;
  word-wrap: break-all;
  word-break: break-all;
}

.bv-os-summary-header-btn-share-moda-pop-up-arrow {
  position: absolute;
  transform: rotate(180deg);
  top: -0.6875rem !important;
  right: 15% !important;
}

.bv-os-summary-header-btn-share-moda-pop-up-arrow svg {
  width: 1.5rem !important;
  height: 0.75rem !important;
  fill: #ffffff !important;
  filter: drop-shadow(8px 4px 30px rgba(0, 0, 0, 0.2)) !important;
}

.bv-os-summary-header-btn-share-modal-btn {
  display: flex;
  height: 2.75rem !important;
  padding: 0.75rem 1.5rem !important;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  color: #ffffff !important;
  text-align: center !important;
  font-family: "Hyundai Sans Head", "Arial", sans-serif !important;
  font-size: 1rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1rem !important;
  /* 100% */
  border-radius: 0 !important;
  background: linear-gradient(to right, #001A38 50%, #002c5e 50%) !important;
  background-size: 200% 100% !important;
  background-position: right bottom !important;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1) !important;
}

.bv-os-summary-header-btn-share-modal-btn:hover {
  background-position: left bottom !important;
}

.bv-os-summary-header-btn-share-modal-btn:active {
  transform: scale(0.97) !important;
}

.bv-os-trims-container, .bv-os-colors-container, .bv-os-drivetrain-container, .bv-os-addons-container, .bv-os-summary-container {
  padding: 1.5rem;
  border-radius: 12px;
  border: 1px solid #e6e6e6;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1023px) {
  .bv-os-trims-container, .bv-os-colors-container, .bv-os-drivetrain-container, .bv-os-addons-container, .bv-os-summary-container {
    padding: 1rem;
  }
}

.bv-os-trims-header, .bv-os-drivetrain-header, .bv-os-addons-header, .bv-os-accessories-header {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.375rem;
}

@media screen and (max-width: 1023px) {
  .bv-os-trims-header, .bv-os-drivetrain-header, .bv-os-addons-header, .bv-os-accessories-header {
    font-size: 0.875rem;
    line-height: 1rem;
  }
}

.bv-os-trims-header-desktop {
  display: block;
}

@media (max-width: 1919px) {
  .bv-os-trims-header-desktop {
    display: none;
  }
}

.bv-os-trims-header-mobile {
  display: none;
}

@media (max-width: 1919px) {
  .bv-os-trims-header-mobile {
    display: block;
  }
}

.bv-os-trims-container .bv-os-trims-inner, .bv-os-drivetrain-container .bv-os-drivetrain-inner {
  border-bottom: #E6E6E6 solid 1px;
}

.bv-os-trims-container .bv-os-trims-inner:last-child, .bv-os-drivetrain-container .bv-os-drivetrain-inner:last-child {
  border-bottom: transparent solid 1px;
}

.bv-os-trims-inner, .bv-os-drivetrain-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  width: 100%;
  padding: 1rem 0;
}

.bv-os-trims-checkbox-msrp, .bv-os-drivetrain-checkbox-msrp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.bv-os-trims-msrp, .bv-os-drivetrain-msrp {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 0.25rem;
  align-self: stretch;
  flex-shrink: 0;
}

.bv-os-trims-checkbox-inner, .bv-os-drivetrain-checkbox-inner {
  display: flex;
}

.bv-os-trims-checkbox-btn, .bv-os-drivetrain-checkbox-btn, .bv-os-trim-option-checkbox-btn {
  display: flex;
  align-items: center;
  flex: 1 0 0;
  gap: 0.5rem;
}

.bv-os-trims-checkbox-btn-name {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
  /* 125% */
  text-align: left;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.bv-os-trims-msrp-copy {
  color: #1F1E21;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  /* 133.333% */
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
}

.bv-os-trims-msrp-copy svg {
  fill: #1F1E21;
}

.bv-os-trims-msrp-price {
  color: #1F1E21;
  text-align: right;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem;
  /* 110% */
}

.bv-options-selectors-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.bv-options-selectors-container::-webkit-scrollbar {
  width: 1px;
  background: transparent;
}

.bv-options-selectors-container::-webkit-scrollbar-thumb {
  background: transparent;
}

@media screen and (max-width: 1023px) {
  .bv-options-selectors-container {
    -webkit-overflow-scrolling: touch;
    margin-top: var(--topStyle);
    margin-bottom: var(--bottomStyle);
  }
}

.bv-options-selectors-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
  overflow: overlay;
  padding: 0 1.25rem 1.25rem;
}

@media screen and (max-width: 1023px) {
  .bv-options-selectors-inner {
    padding: 1.25rem 6.625rem 1.25rem;
  }
}

@media screen and (max-width: 639px) {
  .bv-options-selectors-inner {
    padding: 0 1rem 1rem;
  }
}

.bv-os-trims-features, .bv-os-drivetrain-features {
  display: flex;
  padding-left: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.bv-os-trims-features svg, .bv-os-drivetrain-features svg {
  fill: none;
}

.bv-os-trims-features-inner, .bv-os-trims-features-inner p {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.75rem;
  /* 100% */
}

.bv-os-trims-features-inner svg, .bv-os-trims-features-inner p svg {
  fill: none;
}

.bv-os-drivetrain-features-inner, .bv-os-drivetrain-features-inner p {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.875rem;
  /* 100% */
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: normal;
}

.bv-os-trims-ctas {
  display: flex;
  padding-left: 1.5rem;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

.bv-os-trims-ctas-compare {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.5rem 1rem;
  border: 0.0625rem solid #e6e6e6;
  border-radius: 6.1875rem;
  background-color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  color: #002c5e;
  cursor: pointer;
  transition: all 0.2s linear;
  height: 2.125rem;
}

.bv-os-trims-ctas-compare span {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #002c5e;
  padding-top: 0.125rem;
}

.bv-os-trims-ctas-compare svg {
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
  stroke-width: 0.09375rem;
}

.bv-os-trims-ctas-compare svg path {
  stroke: #002c5e;
}

.bv-os-trims-ctas-compare:hover {
  background-color: #002c5e;
  color: #ffffff;
}

.bv-os-trims-ctas-compare:hover span {
  color: #ffffff;
}

.bv-os-trims-ctas-compare:hover svg path {
  stroke: #ffffff;
}

.bv-os-trims-ctas-compare:active {
  background-color: #001A38;
  border: none;
  color: #ffffff;
}

.bv-os-trims-ctas-compare:active span {
  color: #ffffff;
}

.bv-os-trims-ctas-compare:active svg path {
  stroke: #ffffff;
}

.bv-os-trims-ctas-compare:focus-visible {
  outline: 0.125rem solid #4D90FE;
  outline-offset: 0.125rem;
}

.bv-os-trims-ctas-compare.added {
  background-color: #002c5e;
  border: 0.0625rem solid #e6e6e6;
  color: #ffffff;
}

.bv-os-trims-ctas-compare.added span {
  color: #ffffff;
}

.bv-os-trims-ctas-compare.added svg path {
  stroke: #ffffff;
}

.bv-os-trims-ctas-compare.added:hover {
  background-color: #ffffff;
  color: #002c5e;
}

.bv-os-trims-ctas-compare.added:hover span {
  color: #002c5e;
}

.bv-os-trims-ctas-compare.added:hover svg path {
  stroke: #002c5e;
}

.bv-os-trims-ctas-compare.added:active {
  background-color: #f3f3f3;
  border: none;
  color: #002c5e;
}

.bv-os-trims-ctas-compare.added:active span {
  color: #002c5e;
}

.bv-os-trims-ctas-compare.added:active svg path {
  stroke: #002c5e;
}

.bv-os-trims-ctas-compare.bv-os-trims-ctas-compare-disabled, .bv-os-trims-ctas-compare.disabled {
  opacity: 0.5;
  pointer-events: default;
  background-color: #bababa;
  color: #888888;
}

.bv-os-trims-ctas-compare.bv-os-trims-ctas-compare-disabled span,
.bv-os-trims-ctas-compare.disabled span {
  color: #888888;
}

.bv-os-trims-ctas-compare.bv-os-trims-ctas-compare-disabled svg path,
.bv-os-trims-ctas-compare.disabled svg path {
  stroke: #888888;
}

.bv-os-trims-ctas-compare.bv-os-trims-ctas-compare-disabled:hover, .bv-os-trims-ctas-compare.bv-os-trims-ctas-compare-disabled:active, .bv-os-trims-ctas-compare.disabled:hover, .bv-os-trims-ctas-compare.disabled:active {
  background-color: #bababa;
  color: #888888;
}

.bv-os-trims-ctas-compare.bv-os-trims-ctas-compare-disabled:hover span,
.bv-os-trims-ctas-compare.bv-os-trims-ctas-compare-disabled:active span,
.bv-os-trims-ctas-compare.disabled:hover span,
.bv-os-trims-ctas-compare.disabled:active span {
  color: #888888;
}

.bv-os-trims-ctas-compare.bv-os-trims-ctas-compare-disabled:hover svg path,
.bv-os-trims-ctas-compare.bv-os-trims-ctas-compare-disabled:active svg path,
.bv-os-trims-ctas-compare.disabled:hover svg path,
.bv-os-trims-ctas-compare.disabled:active svg path {
  stroke: #888888;
}

.bv-os-trims-ctas-compare.bv-os-trims-ctas-compare-disabled.no-compare, .bv-os-trims-ctas-compare.disabled.no-compare {
  background-color: #e6e6e6;
  color: #888888;
}

.bv-os-trims-ctas-compare.bv-os-trims-ctas-compare-disabled.no-compare span,
.bv-os-trims-ctas-compare.disabled.no-compare span {
  color: #888888;
}

.bv-os-trims-ctas-specs {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  /* 133.333% */
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.bv-os-colors-exterior-container {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e6e6e6;
}

.bv-os-colors-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
}

.bv-os-colors-exterior-header, .bv-os-colors-interior-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  justify-content: space-between;
}

.bv-os-colors-exterior-header-copy, .bv-os-colors-interior-header-copy {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  /* 114.286% */
}

.bv-os-colors-exterior-header-price, .bv-os-colors-interior-header-price {
  color: #333333;
  text-align: right;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  /* 100% */
}

.bv-os-colors-exterior-selections, .bv-os-colors-interior-selections {
  display: flex;
  padding: 0.5rem 0;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1rem 0.75rem;
  flex-wrap: wrap;
  width: 19.5rem;
  margin: 0 auto;
}

.bv-os-colors-exterior-selections-btn, .bv-os-colors-interior-selections-btn {
  display: flex;
  width: 6rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.bv-os-colors-exterior-selections-btn-color, .bv-os-colors-interior-selections-btn-color {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.25rem;
  height: 5.25rem;
  flex-shrink: 0;
}

.bv-os-colors-exterior-selections-swatch {
  position: relative;
  display: flex;
  width: 4.5rem;
  min-width: 4.5rem;
  height: 4.5rem;
  border-radius: 2.25rem;
  box-shadow: -0.1875rem -0.3125rem 0.811875rem 0 rgba(0, 0, 0, 0.15) inset;
}

.bv-os-colors-exterior-selections-swatch-gradient {
  position: absolute;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 2.25rem;
}

.bv-os-colors-exterior-selections-swatch-gloss {
  position: absolute;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 2.25rem;
  transform: translate(-14.1px, -16.85px) rotate(-40deg) scale(0.7, 0.4);
  will-change: transform;
}

.bv-os-colors-interior-selections-btn-color-inner, .bv-os-colors-exterior-selections-btn-color-inner {
  position: relative;
  width: 4.5rem;
  height: 4.5rem;
  background-blend-mode: normal, normal, normal, luminosity;
  box-shadow: -3px -5px 12.99px 0px rgba(0, 0, 0, 0.13) inset;
  border-radius: 6.25rem;
  margin: auto;
}

.bv-os-colors-exterior-selections-btn-name, .bv-os-colors-interior-selections-btn-name {
  color: #333333;
  text-align: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.75rem;
  /* 100% */
}

.bv-360-bottom-nav-exterior-selected, .bv-360-bottom-nav-interior-selected {
  border-radius: 12px;
  border: 2px solid #00aad2;
}

.bv-colors-swatch-selected {
  border-radius: 3.875rem;
  border: 0.125rem solid #333333;
}

.bv-os-colors-interior-container {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.bv-os-drivetrain-checkbox-btn-name {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem;
  /* 137.5% */
  text-align: left;
  text-transform: capitalize;
}

.bv-os-drivetrain-msrp-price {
  color: #333333;
  text-align: right;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  /* 100% */
}

.bv-os-summary-header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.bv-os-summary-header-container p {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem;
  /* 137.5% */
}

.bv-os-summary-header-container button {
  display: flex;
  padding: 0.375rem 0.5rem;
  align-items: center;
  gap: 0.25rem;
  border-radius: 1.5rem;
  background: #f3f3f3;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
  /* 100% */
}

.bv-os-summary-header-btn-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.bv-os-summary-header-btn-container svg {
  width: 0.625rem;
  height: 0.625rem;
}

.bv-os-summary-header-btn-container svg:last-of-type {
  width: 0.6875rem;
  height: 0.75rem;
  fill: #f3f3f3;
}

.bv-os-colors-exterior-selections-btn-disabled, .bv-os-colors-interior-selections-btn-disabled {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bv-os-colors-exterior-selections-btn-disabled svg, .bv-os-colors-interior-selections-btn-disabled svg {
  width: 100%;
  height: 100%;
  fill: rgba(136, 136, 136, 0.6);
}

.bv-os-accessories-container, .bv-os-packages-container, .bv-os-complementary-features-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
}

.bv-os-accessories-checkbox-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  flex: 1 0 0;
}

.bv-os-accessories-item {
  display: flex;
  align-items: center;
}

.bv-os-accessories-item-copy, .bv-os-accessories-custom-checkbox {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  /* 114.286% */
}

.bv-os-accessories-item-copy svg, .bv-os-accessories-custom-checkbox svg {
  fill: #333333;
}

.bv-os-accessories-item-copy {
  display: inline;
  gap: 0.625rem;
}

.bv-os-accessories-checkbox-price {
  color: #333333;
  text-align: right;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  /* 100% */
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.bv-os-accessories-checkbox-container {
  display: flex;
  width: 100%;
}

.bv-os-accessories-inner {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 0.5rem;
}

.bv-os-accessories-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.bv-os-accessories-custom-checkbox {
  display: flex;
  align-items: center;
}

.bv-os-accessories-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  cursor: pointer;
  border-radius: 0.1875rem;
  border: 0.09375rem solid #bababa;
  background: #ffffff;
}

.bv-os-accessories-custom-checkbox-button:hover {
  border-color: #00aad2;
}

.bv-os-accessories-custom-checkbox-button:focus, .bv-os-accessories-custom-checkbox-button:active {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border-color: #00aad2;
}

.bv-os-accessories-checkbox:checked ~ .bv-os-accessories-custom-checkbox .bv-os-accessories-custom-checkbox-button,
.bv-os-accessories-checkbox:checked ~ .bv-os-accessories-custom-checkbox .bv-os-accessories-custom-checkbox-button {
  border: 0.125rem solid #00aad2;
}

.bv-os-accessories-checkbox:checked ~ .bv-os-accessories-custom-checkbox .bv-os-accessories-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0.25rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #00aad2;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.bv-os-accessories-custom-checkbox-label {
  display: flex;
  align-items: center;
  line-height: 1rem;
  transform: translateY(0.5px);
}

.bv-os-summary-recap-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
}

.bv-os-addons-container {
  display: flex;
  gap: 2rem;
  flex-direction: column;
  align-items: flex-start;
}

.bv-os-packages-inner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.bv-os-packages-details {
  display: flex;
  padding-left: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.bv-os-packages-details-img {
  height: 10.625rem;
  align-self: stretch;
  border-radius: 0.5rem;
}

.bv-os-packages-details-feature {
  color: var(--neutral-gray-600, #333333);
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.75rem;
  /* 100% */
}

.bv-os-packages-details-show-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.bv-os-packages-details-show-btn span {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  /* 133.333% */
}

.bv-os-packages-details-show-btn svg {
  width: 0.5rem;
  height: 0.25rem;
  fill: #002c5e;
  stroke-width: 0.0625rem;
  stroke: #002c5e;
}

.bv-os-options-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  width: 100%;
  position: relative;
}

.bv-os-options-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}

.bv-os-trim-option-checkbox-msrp {
  display: flex;
  gap: 0.5rem;
  width: 100%;
  justify-content: space-between;
}

.bv-os-trim-option-checkbox-msrp svg {
  fill: #333333;
  width: 1rem;
  width: 1rem;
}

.bv-os-trim-option-checkbox-btn-name {
  display: inline-flex;
  gap: 0.25rem;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  /* 114.286% */
}

.bv-os-trim-option-msrp-price {
  color: #333333;
  text-align: right;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  /* 100% */
  flex-shrink: 0;
}

.bv-os-option-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.625rem;
}

.bv-os-trim-option-checkbox-inner {
  display: flex;
  gap: 0.625rem;
}

.bv-os-option-details {
  display: flex;
  padding: 0px 0px 0.5rem 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.bv-os-option-details-img {
  height: 10.625rem;
  align-self: stretch;
  border-radius: 0.5rem;
}

.bv-os-option-details-desc {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.875rem;
  /* 100% */
}

.bv-os-summary-recap-section-trim, .bv-os-summary-recap-section-drivetrain {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.75rem;
}

.bv-os-summary-recap-section-addons {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1rem;
}

.bv-os-summary-recap-header {
  display: flex;
  padding-bottom: 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  border-bottom: 0.0625rem solid #e6e6e6;
}

.bv-os-summary-recap-header span {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  /* 100% */
  flex: 1 0 0;
}

.bv-os-summary-recap-header svg {
  width: 0.875rem;
  height: 0.875rem;
  fill: #002c5e;
}

.bv-os-summary-recap-header-btn {
  display: flex;
  gap: 0.125rem;
}

.bv-os-summary-recap-header-btn span {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
  /* 100% */
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.bv-os-summary-recap-trim-selection, .bv-os-summary-recap-drivetrain-selection {
  display: flex;
  gap: 0.5rem;
  width: 100%;
  justify-content: space-between;
}

.bv-os-summary-recap-trim-selection-name {
  color: #333333;
  text-align: left;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.875rem;
  /* 100% */
  flex: 1 0 0;
  display: flex;
  gap: 0.25rem;
  align-items: center;
}

.bv-os-summary-recap-trim-selection-name-drivetrain {
  text-transform: capitalize;
}

.bv-os-summary-recap-trim-selection-price {
  color: #333333;
  text-align: right;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.875rem;
  /* 100% */
  flex-shrink: 0;
}

.bv-os-summary-recap-section-colors {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.75rem;
}

.bv-os-summary-recap-colors-selection {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.bv-os-summary-recap-colors-selection-exterior, .bv-os-summary-recap-colors-selection-interior {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  align-items: center;
}

.bv-os-summary-recap-colors-selection-exterior-thumbnail {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 3.47225rem;
  background: var(--exterior-hex-color-code);
  box-shadow: -1.667px -2.778px 7.217px 0px rgba(0, 0, 0, 0.13) inset;
}

.bv-os-summary-recap-colors-selection-interior-thumbnail {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 3.47225rem;
  background: var(--interior-hex-color-img) center center/cover no-repeat;
}

.bv-os-summary-recap-trim-selection-name span {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
  /* 100% */
}

.bv-os-summary-recap-section-packages, .bv-os-summary-recap-section-options, .bv-os-summary-recap-section-accessories {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.bv-os-summary-recap-section-packages-header, .bv-os-summary-recap-section-options-header, .bv-os-summary-recap-section-accessories-header {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
  /* 100% */
}

.bv-os-summary-recap-section-packages-selection, .bv-os-summary-recap-section-options-selection, .bv-os-summary-recap-section-accessories-selection {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  width: 100%;
}

.bv-os-summary-recap-section-total {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.5rem;
  border: 0.0625rem solid #f3f3f3;
  background: #f3f3f3;
}

.bv-os-summary-recap-section-total-header {
  display: flex;
  padding-bottom: 0.5rem;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  border-bottom: 0.0625rem solid #e6e6e6;
  justify-content: flex-start;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  /* 100% */
}

.bv-os-summary-recap-section-total-inner {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  width: 100%;
}

.bv-os-summary-recap-section-total-msrp, .bv-os-summary-recap-section-total-price {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
  /* 100% */
}

.bv-os-summary-recap-section-total-msrp svg, .bv-os-summary-recap-section-total-price svg {
  fill: none;
}

.bv-os-offers-container {
  position: relative;
  width: 100%;
}

.bv-os-offers-inner {
  display: flex;
  padding: 1.25rem 0;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 100%;
  border-radius: 0.75rem;
  background: #26456A;
}

.bv-os-offers-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 1.25rem;
  align-items: center;
}

.bv-os-offers-header-nav {
  display: flex;
  height: 2rem;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}

.bv-os-offers-header-copy {
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem;
  /* 137.5% */
}

.bv-os-offers-header-nav-page {
  color: #ffffff;
  text-align: center;
  line-height: 0.875rem;
  /* 100% */
}

.bv-os-summary-recap-section-freight, .bv-os-summary-recap-section-freight-price {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.875rem;
  /* 100% */
}

.bv-os-summary-recap-section-freight svg, .bv-os-summary-recap-section-freight-price svg {
  fill: none;
}

.bv-os-offers-header-nav-left, .bv-os-offers-header-nav-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 1.25rem;
  border: 0.0625rem solid #e6e6e6;
  background: #ffffff;
  width: 2rem;
  height: 2rem;
  transition: all 0.2s linear;
}

.bv-os-offers-header-nav-left svg, .bv-os-offers-header-nav-right svg {
  width: 1rem;
  height: 0.6666875rem;
}

.bv-os-offers-header-nav-left svg path, .bv-os-offers-header-nav-right svg path {
  stroke: #002c5e;
  stroke-width: 0.09375rem;
  transition: stroke 0.2s linear;
}

.bv-os-offers-header-nav-left:hover, .bv-os-offers-header-nav-right:hover {
  border-color: #002c5e;
  background-color: #002c5e;
}

.bv-os-offers-header-nav-left:hover svg path, .bv-os-offers-header-nav-right:hover svg path {
  stroke: #ffffff;
}

.bv-os-offers-header-nav-left:active, .bv-os-offers-header-nav-right:active {
  transform: scale(0.95);
  background-color: #001A38;
}

.bv-os-offers-header-nav-left:active svg path, .bv-os-offers-header-nav-right:active svg path {
  stroke: #ffffff;
}

.bv-os-offers-header-nav-left:disabled, .bv-os-offers-header-nav-right:disabled {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  cursor: not-allowed;
  pointer-events: none;
}

.bv-os-offers-header-nav-left:disabled svg path, .bv-os-offers-header-nav-right:disabled svg path {
  stroke: #888888;
}

.bv-os-offers-header-nav-left:disabled:hover, .bv-os-offers-header-nav-right:disabled:hover {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  transform: none;
}

.bv-os-offers-header-nav-left:disabled:hover svg path, .bv-os-offers-header-nav-right:disabled:hover svg path {
  stroke: #888888;
}

.bv-os-offers-header-nav-left:disabled:active, .bv-os-offers-header-nav-right:disabled:active {
  transform: none;
  background-color: #e6e6e6;
}

.bv-os-offers-header-nav-left:disabled:active svg path, .bv-os-offers-header-nav-right:disabled:active svg path {
  stroke: #888888;
}

.bv-os-offers-slide {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  height: 100%;
  justify-content: space-between;
}

.bv-os-offers-slide-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
  padding: 1.5rem 1.5rem 0;
}

.bv-os-offers-slide-content-type {
  color: #ffffff;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1rem;
  /* 114.286% */
}

.bv-os-offers-slide-content-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.bv-os-offers-slide-content-trim {
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem;
  /* 137.5% */
}

.bv-os-offers-slide-content-offer {
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.25rem;
  /* 120% */
}

.bv-os-offers-slide-content-desc {
  color: #e6e6e6;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
}

.bv-os-offers-slide-cta {
  display: flex;
  height: 1.25rem;
  padding: 0 1.75rem 1.5rem 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.bv-os-offers-slide-cta span {
  color: #ffffff;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  /* 100% */
}

.bv-os-offers-slide-cta svg {
  flex-shrink: 0;
  stroke-width: 0.09375rem;
  stroke: #ffffff;
  fill: none;
}

.bv-os-offers-loading {
  min-height: 100px;
  width: 100%;
  position: relative;
}

.bv-os-offers-carousel {
  position: relative;
  width: 100%;
}

.bv-os-offers-carousel .swiper-slide {
  background: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  height: auto;
}

.bv-os-offers-carousel .swiper-slide-active {
  background: linear-gradient(0deg, #061D39 0%, #061D39 100%), radial-gradient(153.19% 100% at 49.92% 100%, #96A7BA 0%, #0A284A 100%);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.bv-os-offers-slider {
  display: flex;
  position: relative;
  height: 100%;
}

.bv-os-offers-header-nav:disabled {
  border-radius: 1.5rem;
  border: none;
}

.bv-os-colors-selections-btn-disabled {
  cursor: not-allowed;
}

.bv-os-complemetary-features-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  width: 100%;
}

.bv-os-complemetary-feature {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
}

.bv-os-complemetary-feature-img {
  height: 10.625rem;
  align-self: stretch;
  border-radius: 0.5rem;
}

.bv-os-complemetary-feature-copy {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.bv-os-complemetary-feature-title {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  /* 100% */
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  justify-content: space-between;
}

.bv-os-complemetary-feature-desc span {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  /* 133.333% */
}

.bv-os-complemetary-feature-desc svg {
  fill: #333333;
}

.bv-os-complemetary-feature-price {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  /* 100% */
  display: flex;
  flex-shrink: 0;
}

.bv-os-colors-container-loading {
  pointer-events: none;
}

.bv-360-inner-spin-pano-transitioning {
  max-height: 100dvh !important;
}

.bv-options-selectors-container .form-radio {
  min-height: 1rem !important;
  padding-left: 1rem !important;
}

.bv-options-selectors-container .form-radio .form-radio-button {
  border-width: 0.09375rem;
  width: 1rem;
  height: 1rem;
}

.bv-options-selectors-container .form-radio .form-radio-button::after {
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.bv-os-trims-matching-trim-btn {
  display: flex;
  padding: 0.25rem 0.25rem 0.25rem 0.375rem;
  align-items: center;
  gap: 0.25rem;
  border-radius: 1.5rem;
  background: #e6e6e6;
}

.bv-os-trims-matching-trim-btn-text {
  display: flex;
  padding: 0 0.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  color: #333333;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.75rem;
  /* 100% */
}

.bv-options-inner .form-radio-button:hover {
  border-color: #00aad2;
}

.bv-options-inner .form-radio-button:focus, .bv-options-inner .form-radio-button:active {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border-color: #00aad2;
}

.bv-raq-container {
  position: relative;
  width: 100%;
  display: flex;
}

.bv-raq-inner {
  display: flex;
  position: relative;
  padding: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
  border-radius: 0.75rem;
  border: 0.0625rem solid #e6e6e6;
  background: #f3f3f3;
}

.bv-raq-errors-notice {
  display: flex;
  padding: 0.75rem;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.5rem;
  border: 0.0625rem solid #e6e6e6;
  background: linear-gradient(0deg, rgba(230, 51, 18, 0.2) 0%, rgba(230, 51, 18, 0.2) 100%), #FFF;
}

.bv-raq-errors-notice span {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  /* 142.857% */
}

.bv-raq-errors-notice svg {
  width: 1rem;
  height: 1rem;
}

.bv-raq-header {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem;
  /* 137.5% */
}

.bv-raq-submit-btn-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.bv-raq-submit-btn {
  display: flex;
  width: 100%;
  height: 2.75rem;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to right, #001A38 50%, #002c5e 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
  color: #ffffff;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  /* 100% */
}

.bv-raq-submit-btn:hover {
  background-position: left bottom;
}

.bv-raq-submit-btn:active {
  transform: scale(0.97);
}

.bv-raq-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  align-self: stretch;
}

.bv-raq-field label {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.75rem;
  /* 100% */
}

.bv-raq-field input {
  display: flex;
  height: 2.75rem;
  padding: 0.0625rem 0.75rem;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.25rem;
  border: 0.0625rem solid #bababa;
  background: #ffffff;
}

.bv-raq-field input:hover {
  border-color: #00aad2;
}

.bv-raq-field input:focus, .bv-raq-field input:active {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border-color: #00aad2;
}

.bv-raq-label-error {
  display: none;
  color: #e63312;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  /* 142.857% */
}

.bv-raq-field-error .bv-raq-input {
  border-color: #e63312;
}

.bv-raq-field-error .bv-raq-label-error {
  display: block;
}

.bv-raq-form, .bv-raq-dealer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
}

.bv-raq-contact-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
}

.bv-raq-zipcode-selector {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.bv-raq-zipcode-selector-header {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
  /* 100% */
}

.bv-raq-zipcode-dealer {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
}

.bv-raq-zipcode-selector-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.bv-raq-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.bv-raq-custom-checkbox {
  display: flex;
}

.bv-raq-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  cursor: pointer;
  border-radius: 0.1875rem;
  border: 0.09375rem solid #bababa;
  background: #ffffff;
}

.bv-raq-custom-checkbox-button:hover {
  border-color: #00aad2;
}

.bv-raq-custom-checkbox-button:focus, .bv-raq-custom-checkbox-button:active {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border-color: #00aad2;
}

.bv-raq-checkbox:checked ~ .bv-raq-custom-checkbox .bv-raq-custom-checkbox-button,
.bv-raq-checkbox:checked ~ .bv-raq-custom-checkbox .bv-raq-custom-checkbox-button {
  border: 0.09375rem solid #00aad2;
  background: #00aad2;
}

.bv-raq-checkbox:checked ~ .bv-raq-custom-checkbox .bv-raq-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.125rem;
  left: 0.25rem;
  width: 0.3333125rem;
  height: 0.5rem;
  border: 0.09375rem solid #ffffff;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.bv-raq-field-error .bv-raq-custom-checkbox-button {
  border: 0.125rem solid #e63312 !important;
}

.bv-raq-custom-checkbox-label {
  display: flex;
}

.bv-raq-zipcode-dealer-item-copy {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
}

.bv-raq-dealer-disabled {
  pointer-events: none;
  opacity: 0.3;
}

.bv-raq-field-preferred {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.bv-raq-preferred-contacts {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
}

.bv-raq-custom-radio {
  display: flex;
  height: 1rem;
  align-items: flex-end;
  gap: 0.5rem;
}

.bv-raq-zipcode-dealer-preferred {
  display: flex;
  padding: 0.125rem 0.5rem 0.125rem 0.25rem;
  align-items: center;
  gap: 0.25rem;
  border-radius: 1.5rem;
  background: #ffffff;
}

.bv-raq-zipcode-dealer-preferred svg {
  width: 1rem;
  height: 1rem;
}

.bv-raq-zipcode-dealer-preferred span {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
  /* 100% */
}

.bv-raq-zipcode-dealer-empty-input {
  display: flex;
  width: 1rem;
  height: 1rem;
  padding-top: 0.0625rem;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.1875rem;
  background: #e6e6e6;
}

.bv-raq-zipcode-dealer-empty-copy {
  display: flex;
  height: 1rem;
  padding-top: 0.0625rem;
  align-items: center;
  gap: 0.625rem;
  flex: 1 0 0;
  border-radius: 0.1875rem;
  background: #e6e6e6;
}

.bv-raq-label-error-dealers {
  display: block;
}

.bv-raq-change-dealer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.bv-raq-change-dealer-header {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
  /* 100% */
}

.bv-raq-change-dealer-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  align-self: stretch;
}

.bv-raq-change-dealer-btn {
  display: flex;
  gap: 0.125rem;
}

.bv-raq-change-dealer-btn svg {
  width: 0.875rem;
  height: 0.875rem;
}

.bv-raq-change-dealer-btn span {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.75rem;
  /* 100% */
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.bv-raq-contact-info-header {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
  /* 100% */
}

.bv-raq-custom-radio {
  height: 1.125rem;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  order: 2;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.bv-raq-custom-radio-input {
  width: 1.125rem;
  height: 1.125rem;
  opacity: 0;
}

.bv-raq-custom-radio-input:checked + label::before {
  border-color: #00aad2;
}

.bv-raq-custom-radio-input:checked + label::after {
  display: block;
}

.bv-raq-custom-radio-input:focus + label::before {
  outline-color: -webkit-focus-ring-color;
  outline-style: auto;
}

.bv-raq-custom-radio-label {
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.bv-raq-custom-radio-label::before {
  content: '';
  width: 1.125rem;
  height: 1.125rem;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.125rem solid #bababa;
  border-radius: 50%;
}

.bv-raq-custom-radio-label::after {
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  display: none;
  background: #00aad2;
  border-radius: 50%;
}

.bv-raq-group-preferred-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
}

.bv-raq-consent {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.bv-raq-custom-checkbox-label-consent {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  /* 133.333% */
}

.bv-raq-comment-button {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  /* 100% */
  text-align: left;
}

.bv-raq-comment-button .bv-raq-comment-button-icon svg {
  width: 1.5rem;
  height: 1.5rem;
}

.bv-raq-comment {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  align-self: stretch;
}

.bv-raq-comment-textarea {
  display: flex;
  height: 6.4375rem;
  padding: 0.75rem;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  width: 100%;
  border-radius: 0.25rem;
  border: 0.0625rem solid #bababa;
  background: #ffffff;
  outline: none;
  resize: none;
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
  margin: 0.75rem 0;
}

.bv-raq-comment-textarea:hover {
  border-color: #00aad2;
}

.bv-raq-comment-textarea:focus, .bv-raq-comment-textarea:active {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border-color: #00aad2;
}

.bv-raq-comment-remain {
  color: #666666;
  text-align: left;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.75rem;
  /* 100% */
  width: 100%;
}

.bv-raq-comment-form {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.bv-raq-group-comments {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-start;
}

.bv-raq-comment-disclaimer-content, .bv-raq-recaptcha-legal-copy {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  /* 133.333% */
}

.bv-raq-success-container {
  display: flex;
  padding: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
  border-radius: 0.75rem;
  border: 0.0625rem solid #e6e6e6;
  background: #f3f3f3;
}

.bv-raq-success-thank-you {
  color: #333333;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.625rem;
  /* 108.333% */
}

.bv-raq-success-desc {
  color: #333333;
  text-align: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
}

.bv-raq-submit-btn:disabled {
  background: #bababa;
  color: #888888;
}

.bv-raq-electric-salable {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  border-radius: 0.5rem;
  border: 1px solid #e6e6e6;
  background: linear-gradient(0deg, rgba(0, 170, 210, 0.2) 0%, rgba(0, 170, 210, 0.2) 100%), #ffffff;
}

.bv-raq-electric-salable-copy {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
}

.bv-raq-asterisk:after {
  content: '*';
  color: #e63312;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
}

.bv-raq-dealer-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  align-self: stretch;
  border-radius: 0.5rem;
  background: #e6e6e6;
}

.bv-raq-dealer-selected-default {
  color: #1F1E21;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  /* 133.333% */
  text-transform: capitalize;
}

.bv-raq-dealer-selected-cta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.bv-raq-dealer-selected-miles {
  color: #1F1E21;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
}

.bv-raq-dealer-selected-btn {
  color: #1F1E21;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  /* 142.857% */
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.bv-raq-dealer-open {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
}

.bv-raq-input-zipcode {
  display: flex;
  height: 2.75rem;
  max-width: 7rem;
  padding: 0 1rem;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: textfield;
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
  border-radius: 0.25rem;
  border: 0.0625rem solid #bababa;
  background: #ffffff;
}

.bv-raq-input-zipcode::-webkit-outer-spin-button, .bv-raq-input-zipcode::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.bv-raq-input-zipcode-container {
  position: relative;
}

.bv-raq-input-zipcode-search-icon {
  position: absolute;
  top: 0;
  right: 1rem;
  transform: translateY(13px);
}

.bv-raq-input-zipcode-search-icon svg {
  width: 1rem;
  height: 1rem;
  fill: #333333;
  color: #333333;
}

.bv-raq-dealer-zip-selections-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
}

.bv-raq-dealer-list-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  align-self: stretch;
}

.bv-raq-form-dealers {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  align-self: stretch;
}

.bv-raq-dealer-list-container .bv-raq-form-dealers-option-checkbox {
  display: none;
}

.bv-raq-dealer-list-container .bv-raq-form-dealers-option-custom-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  flex: 1 0 0;
}

.bv-raq-dealer-list-container .disable-dealer-checkbox {
  pointer-events: none;
  opacity: 0.3;
}

.bv-raq-dealer-list-container .bv-raq-form-dealers-option-custom-checkbox-button {
  position: relative;
  display: flex;
  width: 1rem;
  height: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.1875rem;
  border: 0.09375rem solid #bababa;
  background: #ffffff;
  flex-shrink: 0;
}

.bv-raq-dealer-list-container .bv-raq-form-dealers-option-custom-checkbox-button:hover {
  border-color: #00aad2;
}

.bv-raq-dealer-list-container .bv-raq-form-dealers-option-custom-checkbox-button:focus, .bv-raq-dealer-list-container .bv-raq-form-dealers-option-custom-checkbox-button:active {
  outline: 0.125rem solid #001A38;
  outline-offset: 0.125rem;
  border-color: #00aad2;
}

.bv-raq-dealer-list-container .bv-raq-form-dealers-checkbox-error .bv-raq-form-dealers-option-custom-checkbox-button {
  border-color: #e63312 !important;
}

.bv-raq-dealer-list-container .bv-raq-form-dealers-item-name {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
  text-transform: capitalize;
}

.bv-raq-dealer-list-container .bv-raq-form-dealers-item-name-sub {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
}

.bv-raq-dealer-list-container .bv-raq-form-dealers-item {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.5rem;
  flex: 1 0 0;
  flex-wrap: wrap;
}

.bv-raq-dealer-list-container .bv-raq-form-dealer-pref {
  display: flex;
  padding: 0.125rem 0.5rem 0.125rem 0.25rem;
  align-items: center;
  gap: 0.25rem;
  border-radius: 1.5rem;
  background: #ffffff;
}

.bv-raq-dealer-list-container .bv-raq-form-dealer-pref svg {
  width: 1rem;
  height: 1rem;
}

.bv-raq-dealer-list-container .bv-raq-form-dealer-pref span {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
  /* 100% */
  padding-top: 0.125rem;
}

.bv-raq-dealer-list-container .bv-raq-form-dealers-option-checkbox:checked ~ .bv-raq-form-dealers-option-custom-checkbox .bv-raq-form-dealers-option-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.0625rem;
  left: 0.3125rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #ffffff;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.bv-raq-dealer-list-container .bv-raq-form-dealers-option-checkbox:checked ~ .bv-raq-form-dealers-option-custom-checkbox .bv-raq-form-dealers-option-custom-checkbox-button {
  background: #00aad2;
}

.bv-raq-dealer-list-container .loading-indicator {
  height: 8.9375rem !important;
  margin-top: 0 !important;
  position: relative;
  background-color: transparent;
}

.bv-raq-dealer-list-container .bv-raq-loading-indicator {
  width: 100%;
}

.bv-raq-dealer-selected-default-container {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.25rem;
  align-self: stretch;
  flex-wrap: wrap;
}

.bv-raq-form-dealer-pref {
  display: flex;
  padding: 0.125rem 0.5rem 0.125rem 0.25rem;
  align-items: center;
  gap: 0.25rem;
  border-radius: 1.5rem;
  background: #ffffff;
}

.bv-raq-form-dealer-pref svg {
  width: 1rem;
  height: 1rem;
}

.bv-raq-form-dealer-pref span {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
  /* 100% */
  padding-top: 0.125rem;
}

.bv-raq-dealer-close {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.bv-os-flexible-callout-container {
  position: relative;
  width: 100%;
}

.bv-os-flexible-callout-inner {
  display: flex;
  padding: 1.5rem;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  border-radius: 0.75rem;
  align-items: flex-start;
}

.bvfc-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.bvfc-content-header {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem;
  /* 110% */
}

.bvfc-content-desc {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
}

.bvfc-cta {
  display: flex;
  height: 1.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.bvfc-cta span {
  color: #ffffff;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  /* 100% */
}

.bvfc-cta svg {
  flex-shrink: 0;
  stroke-width: 0.09375rem;
  stroke: #ffffff;
  fill: none;
}

.bvfc-modal-desc {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  /* 137.5% */
}

.bvfc-svg-bg {
  position: absolute;
  bottom: 0;
  right: 0;
}

.bvfc-svg-bg svg {
  width: 100%;
  height: 100%;
  max-width: 7.875rem;
  max-height: 7.875rem;
}

.bv-landing-container {
  position: relative;
  width: 100%;
  max-width: 120rem;
  overflow: hidden;
  height: calc(100dvh - var(--globalNavHeightBv));
  margin: auto;
}

@media screen and (max-width: 1023px) {
  .bv-landing-container {
    min-height: calc(100dvh - var(--globalNavHeightBv));
    height: 100%;
  }
}

.bv-360-sticky {
  display: contents;
}

@media screen and (max-width: 1023px) {
  .bv-360-sticky {
    display: block;
    position: fixed;
    top: var(--globalNavHeightBv);
    left: 0;
    right: 0;
    z-index: 11;
    transition: top .1s linear;
    will-change: top;
    background-color: #ffffff;
  }
}

.gn-hidden .bv-360-sticky {
  position: fixed;
  top: 0;
  transition: top .1s linear;
}

.gn-hidden.gn-sticky .bv-360-sticky {
  position: fixed;
  top: var(--globalNavHeightBv);
  transition: top .1s linear .3s;
}

.bv-landing-container-inner {
  width: 100%;
  position: relative;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  height: 100%;
  padding: 1.5rem 6rem;
  transition: top 0.3s;
}

@media screen and (max-width: 1439px) {
  .bv-landing-container-inner {
    padding: 1.5rem 4.5rem;
    gap: 1.25rem;
  }
}

@media screen and (max-width: 1023px) {
  .bv-landing-container-inner {
    padding: 0;
    flex-direction: column;
    gap: 0;
    top: 0;
  }
}

.bv-landing-container .ctms-overlay {
  display: block;
}

.bv-landing-container-loading {
  height: 31.25rem;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.bv-info-tooltip {
  display: flex;
  width: 1rem;
  height: 1rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.625rem;
  border: 0.0625rem solid #333333;
}

.bv-info-tooltip::after {
  content: '?';
  color: #333333;
  text-align: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  /* 127.273% */
}

.bv-landing-options-disabled {
  pointer-events: none;
  background-color: #ffffff;
  border-radius: 1rem;
}

.bv-landing-options-disabled .bv-options-container {
  opacity: 0.5;
}

/* --- LEFT SUMMARY SCROLL AREA --- */
.bv-summary-scroll-wrapper {
  flex: 1;
  height: calc(100vh - var(--globalNavHeightBv, 80px));
  overflow-y: auto;
  padding-bottom: 5rem;
  scroll-behavior: smooth;
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.bv-summary-scroll-inner {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-top: 1rem;
  margin-left: -6rem;
  margin-right: -6rem;
  width: calc(100% + calcRem(192px));
}

@media screen and (max-width: 1439px) {
  .bv-summary-scroll-inner {
    margin-left: -4.5rem;
    margin-right: -4.5rem;
    width: calc(100% + calcRem(144px));
  }
}

.bv-summary-item {
  width: 100%;
}

.bv-summary-spin-pano, .bv-summary-static-frame {
  position: relative;
  width: 100%;
  max-width: 80.625rem;
  margin: 0 auto;
}

.bv-summary-spin-pano::before,
.bv-summary-static-frame::before {
  content: '';
  display: block;
  padding-top: 56.74%;
}

@media screen and (max-width: 1919px) {
  .bv-summary-spin-pano,
  .bv-summary-static-frame {
    max-width: 53.625rem;
  }
  .bv-summary-spin-pano::before, .bv-summary-static-frame::before {
    padding-top: 56.78%;
  }
}

@media screen and (max-width: 1439px) {
  .bv-summary-spin-pano,
  .bv-summary-static-frame {
    max-width: 31.625rem;
    padding-inline: 0;
  }
  .bv-summary-spin-pano::before, .bv-summary-static-frame::before {
    padding-top: 56.92%;
  }
}

@media screen and (max-width: 1023px) {
  .bv-summary-spin-pano,
  .bv-summary-static-frame {
    max-width: 100%;
  }
  .bv-summary-spin-pano::before, .bv-summary-static-frame::before {
    padding-top: 56.25%;
  }
}

.bv-360-top-nav-container-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
}

.bv-summary-spin-pano {
  position: relative;
}

.bv-summary-spin-pano .bv-360-exterior-spin-inner {
  overflow: visible;
  height: 100%;
}

.bv-summary-spin-pano .bv-360-exterior-spin-inner canvas {
  max-width: 100%;
  max-height: 100%;
}

.bv-summary-spin-pano .bv-360-interior-pano-inner {
  height: 100%;
}

.bv-summary-spin-pano .bv-360-tooltip-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.5rem;
  top: auto;
  width: calc(100% - 64px);
  max-width: 80.625rem;
  padding: 1rem 0.5rem 1.5rem;
  gap: 1rem;
  opacity: 1;
}

.bv-summary-spin-pano .bv-360-bottom-nav-spin-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.25rem;
  top: auto;
  width: 100%;
  display: flex;
  justify-content: center;
}

.bv-summary-item:has(> .bv-summary-static-img) {
  position: relative;
}

.bv-summary-item:has(> .bv-summary-static-img) > .bv-360-tooltip-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.5rem;
  top: auto;
  width: 80.625rem;
  max-width: 100%;
  padding: 1rem 0.5rem 1.5rem;
}

.bv-summary-static-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.bv-summary-static-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.bv-summary-static-frame .bv-360-tooltip-container {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 64px);
}

.bv-summary-scroll-wrapper {
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.bv-summary-scroll-wrapper::-webkit-scrollbar {
  display: none;
}

.bv-summary-item-interior .bv-360-tooltip-inner {
  color: #ffffff;
  background: rgba(31, 30, 33, 0.5);
  -webkit-backdrop-filter: blur(0.09375rem);
          backdrop-filter: blur(0.09375rem);
}

.bv-summary-item-interior .bv-360-tooltip-inner svg {
  fill: #ffffff;
}

.bsi-tooltip-pop-up-container {
  position: absolute;
  z-index: 49;
  left: 0;
  top: 0;
}

@media screen and (max-width: 1023px) {
  .bsi-tooltip-pop-up-container {
    z-index: 1005;
    position: fixed;
    width: 100vw;
    height: 100vh;
    transform: none !important;
    display: flex;
  }
}

.bsi-tooltip-pop-up-inner {
  position: relative;
  width: 20rem;
  border-radius: 1rem;
  border: 0.0625rem solid #EDEDED;
  background: #ffffff;
  box-shadow: 0.5rem 0.25rem 1.875rem rgba(0, 0, 0, 0.2);
  padding: 1.5rem;
  gap: 1rem;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

@media screen and (max-width: 1023px) {
  .bsi-tooltip-pop-up-inner {
    width: 21.4375rem;
    margin: auto;
  }
}

.bsi-tooltip-pop-up-exit-btn {
  position: absolute;
  top: 0.5625rem;
  right: 0.5rem;
  padding: 0.375rem;
  display: flex;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}

.bsi-tooltip-pop-up-exit-btn svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  stroke-width: 0.0625rem;
  stroke: #002c5e;
}

.bsi-tooltip-pop-up-header {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
  /* 125% */
}

.bsi-tooltip-pop-up-description {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

.bsi-tooltip-pop-up-description svg {
  fill: none;
  align-self: flex-end;
}

.bsi-tooltip-pop-up-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}

@media screen and (max-width: 1023px) {
  .bsi-tooltip-pop-up-overlay {
    display: block;
  }
}

.bsi-tooltip-pop-up-arrow svg {
  fill: #ffffff;
  filter: drop-shadow(0.5rem 0.25rem 1.875rem rgba(0, 0, 0, 0.2));
  width: 1.5rem;
  height: 0.75rem;
}

@media screen and (max-width: 1023px) {
  .bsi-tooltip-pop-up-arrow {
    display: none;
  }
}

.bsi-tooltip-pop-up-container-right .bsi-tooltip-pop-up-arrow {
  position: absolute;
  top: 50%;
  left: -0.6875rem;
}

.bsi-tooltip-pop-up-container-right .bsi-tooltip-pop-up-arrow svg {
  transform: rotate(90deg);
}

.bsi-tooltip-pop-up-container-top .bsi-tooltip-pop-up-arrow, .bsi-tooltip-pop-up-container-top-trim .bsi-tooltip-pop-up-arrow {
  position: absolute;
  bottom: -0.6875rem;
  left: 70%;
}

.bsi-tooltip-pop-up-btn-close {
  display: flex;
  height: 2.75rem;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid #002c5e;
  background: #ffffff;
  color: #002c5e;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  /* 100% */
}

.bsi-tooltip-pop-up-btn-continue-outofstate, .bsi-tooltip-pop-up-btn-continue-lowInventory {
  display: flex;
  height: 2.75rem;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid #002c5e;
  background: #002c5e;
  color: #ffffff;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  /* 100% */
  text-decoration: none;
}

.bsi-tooltip-pop-up-buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.bv-os-trims-change-modal {
  position: absolute;
  z-index: 50;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1023px) {
  .bv-os-trims-change-modal {
    z-index: 1005;
    top: 0;
    position: fixed;
    width: 100vw;
    height: 100vh;
    transform: none !important;
    display: flex;
  }
}

.bv-os-trims-change-modal-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  z-index: 1;
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 1rem;
  border: 0.0625rem solid #EDEDED;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  width: 21.4375rem;
}

@media screen and (max-width: 1023px) {
  .bv-os-trims-change-modal-inner {
    width: 21.4375rem;
    margin: auto;
  }
}

.bv-os-trims-change-modal-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}

@media screen and (max-width: 1023px) {
  .bv-os-trims-change-modal-overlay {
    display: block;
  }
}

.bsi-saved-vehicles-modal-arrow {
  position: absolute;
  top: -11px;
  transform: rotate(180deg);
  left: 51%;
}

.bsi-saved-vehicles-modal-arrow svg {
  width: 1.5rem;
  height: 0.75rem;
  fill: #ffffff;
  filter: drop-shadow(8px 4px 30px rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 1023px) {
  .bsi-saved-vehicles-modal-arrow {
    display: none;
  }
}

.bv-os-trims-change-modal-arrow {
  position: absolute;
  top: -11px;
  transform: rotate(180deg);
  left: 50%;
}

.bv-os-trims-change-modal-arrow svg {
  width: 1.5rem;
  height: 0.75rem;
  fill: #ffffff;
  filter: drop-shadow(8px 4px 30px rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 1023px) {
  .bv-os-trims-change-modal-arrow {
    display: none;
  }
}

.bv-os-trims-change-modal-exit-btn {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.375rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  position: absolute;
  top: 0.4375rem;
  right: 0.4375rem;
}

.bv-os-trims-change-modal-header {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  /* 111.111% */
}

.bv-os-trims-change-modal-description {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
}

.bv-os-trims-change-modal-description span {
  font-weight: 700;
}

.bv-os-trims-change-modal-buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.bv-os-trims-change-modal-btn-continue {
  display: flex;
  height: 2.75rem;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  background: #002c5e;
  color: #ffffff;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  /* 100% */
}

.bv-os-trims-change-modal-btn-saved-vehicles {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #002c5e;
  text-decoration: underline;
}

.bv-os-trims-change-modal-btn-close {
  display: flex;
  height: 2.75rem;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  border: 0.0625rem solid #002c5e;
  background: #ffffff;
  color: #002c5e;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  /* 100% */
}

.bv-os-colors-fpo-modal {
  position: absolute;
  z-index: 50;
  top: 0;
  left: 0;
}

@media screen and (max-width: 639px) {
  .bv-os-colors-fpo-modal {
    z-index: 1005;
    top: 0;
    position: fixed;
    width: 100vw;
    height: 100vh;
    transform: none !important;
    display: flex;
  }
}

.bv-os-colors-fpo-modal-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  z-index: 1;
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 1rem;
  border: 0.0625rem solid #EDEDED;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
  width: 20.1875rem;
}

@media screen and (max-width: 1023px) {
  .bv-os-colors-fpo-modal-inner {
    width: 18.75rem;
  }
}

@media screen and (max-width: 639px) {
  .bv-os-colors-fpo-modal-inner {
    width: 21.4375rem;
    margin: auto;
  }
}

.bv-os-colors-fpo-modal-arrow {
  position: absolute;
  top: -0.6875rem;
  transform: rotate(180deg);
  left: 50%;
}

.bv-os-colors-fpo-modal-arrow svg {
  width: 1.5rem;
  height: 0.75rem;
  fill: #ffffff;
  filter: drop-shadow(8px 4px 30px rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 1023px) {
  .bv-os-colors-fpo-modal-arrow {
    left: 30%;
  }
}

@media screen and (max-width: 639px) {
  .bv-os-colors-fpo-modal-arrow {
    display: none;
  }
}

.bv-os-trims-change-modal-header-capitalize {
  text-transform: capitalize;
}

.bsi-tooltip-pop-up-arrow-bottom {
  position: absolute;
  bottom: -0.6875rem;
  right: 30%;
}

.bsi-tooltip-pop-up-arrow-top {
  position: absolute;
  top: -0.6875rem;
  right: 30%;
  transform: rotate(180deg);
}

.bsi-tooltip-pop-up-arrow-left {
  position: absolute;
  top: 50%;
  left: -0.8125rem;
  transform: rotate(90deg);
}

.bv-os-trims-change-modal-arrow-bottom {
  position: absolute;
  bottom: -0.6875rem !important;
  left: 50% !important;
  transform: none !important;
  top: unset !important;
}

.bv-os-trims-change-modal-features {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  line-height: 1.25rem;
  /* 142.857% */
}

.bv-os-trims-change-modal-features svg {
  fill: none;
}

.bv-os-trims-change-modal-features span {
  font-weight: 400 !important;
}

.bsi-tooltip-pop-up-image-inner {
  width: auto;
  height: auto;
  border-radius: 0.5rem;
}

.bsi-tooltip-pop-up-video-youtube {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
}

.bsi-tooltip-pop-up-container, .bv-os-trims-change-modal {
  opacity: 0;
}

.bsi-tooltip-pop-up-container-loaded {
  opacity: 1;
}

.bv-os-drivetrain-mpgtext svg {
  fill: none;
}

.bv-os-accessories-modal-description .bv-os-accessories-modal-description-text {
  color: #333333;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

.bv-os-accessories-modal-description svg {
  fill: none;
  align-self: flex-end;
}

.bv-os-matching-trim-desc {
  color: #333333;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

.bsi-tooltip-pop-up-badge-image {
  width: 100%;
  text-align: center;
}

.bsi-tooltip-pop-up-badge-image img {
  max-width: 100%;
  height: auto;
  border-radius: 0.5rem;
}

.bsi-tooltip-pop-up-badge-image div {
  display: inline-block;
  max-width: 100%;
}

.bsi-tooltip-pop-up-badge-image div svg {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 0.5rem;
}

.bsi-tooltip-pop-up-btn-continue-offerbadge {
  display: flex;
  height: 2.75rem;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid #002c5e;
  background: #002c5e;
  color: #ffffff;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  text-decoration: none;
}

#bv-tooltip-floating-root {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
}

#bv-tooltip-floating-root [data-bsi-tooltip] {
  position: absolute;
  pointer-events: auto;
}

.bsi-btput-irp-filter-match-arrow {
  position: absolute;
  top: -11px;
  transform: rotate(180deg);
  left: 49%;
}

.bsi-btput-irp-filter-match-arrow svg {
  width: 1.5rem;
  height: 0.75rem;
  fill: #ffffff;
  filter: drop-shadow(8px 4px 30px rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 1023px) {
  .bsi-btput-irp-filter-match-arrow {
    display: none;
  }
}

.bsi-btput-irp-filter-match {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.bsi-btput-irp-filter-match-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  color: #333333;
}

.bsi-btput-irp-filter-match-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 0.25rem;
}

.bsi-btput-irp-filter-match-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  color: #333333;
}

.bsi-btput-irp-filter-match-item svg {
  width: 1rem;
  height: 1rem;
  fill: none;
}

.bsi-btput-irp-filter-match-item-more span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
}

.bsi-btput-irp-filter-match-item-more span svg {
  width: 0.5rem;
  height: 0.5rem;
  fill: none;
}

.undo-button {
  background: none;
  border: none;
  padding: 0;
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 0.875rem;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  cursor: pointer;
}

.bsi-comparison-drawer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #1f1e21;
  color: inherit;
  z-index: 1003;
  box-shadow: 0 -0.125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
}

.bsi-drawer-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  max-width: 1920px;
  width: 100%;
}

@media (min-width: 640px) {
  .bsi-drawer-content {
    padding: 1rem 2rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .bsi-drawer-content {
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .bsi-drawer-content {
    padding: 1rem 2.625rem;
    gap: 2.25rem;
    justify-content: center;
  }
}

@media (min-width: 1440px) {
  .bsi-drawer-content {
    padding: 1rem 6rem;
  }
}

@media (max-width: 639px) {
  .bsi-drawer-content {
    flex-direction: column;
    gap: 1rem;
    justify-content: normal;
    flex-wrap: nowrap;
    width: 100%;
    align-content: space-between;
    align-items: stretch;
  }
}

.bsi-drawer-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}

@media (max-width: 1200px) {
  .bsi-drawer-buttons {
    gap: 2.25rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .bsi-drawer-buttons {
    width: 100%;
    justify-content: flex-start;
  }
}

@media (max-width: 639px) {
  .bsi-drawer-buttons {
    justify-content: space-between;
  }
  .bsi-drawer-buttons-bottom {
    display: flex;
    width: 100%;
    gap: 1rem;
  }
}

.bsi-drawer-trim-slots {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
}

@media (min-width: 1024px) {
  .bsi-drawer-trim-slots {
    column-gap: 1.1rem;
    flex-grow: 0;
    justify-content: flex-start;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .bsi-drawer-trim-slots {
    flex-grow: 1;
    justify-content: space-between;
  }
  .bsi-drawer-trim-slots.has-two-slots {
    justify-content: flex-start;
    width: 100%;
  }
}

@media (max-width: 639px) {
  .bsi-drawer-trim-slots {
    justify-content: flex-start;
    flex-grow: 1;
  }
}

@media (min-width: 1024px) {
  .bsi-drawer-trim-slots.has-two-slots {
    justify-content: center;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .bsi-drawer-trim-slots.has-two-slots {
    justify-content: flex-start;
  }
  .bsi-drawer-trim-slots.has-two-slots .bsi-drawer-selected-trim.irp, .bsi-drawer-trim-slots.has-two-slots .bsi-drawer-empty-trim.irp {
    width: 100%;
  }
}

@media (max-width: 639px) {
  .bsi-drawer-trim-slots.has-two-slots .bsi-drawer-selected-trim.irp,
  .bsi-drawer-trim-slots.has-two-slots .bsi-drawer-empty-trim.irp {
    width: 100%;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .bsi-drawer-trim-slots.has-two-slots ~ .bsi-drawer-compare-button.desktop {
    margin-right: 1rem;
  }
}

.bsi-drawer-selected-trim {
  border-radius: 0.5rem;
  background: #666666;
  display: flex;
  width: 100%;
  min-width: 4.625rem;
  height: 2.5rem;
  padding: 0.75rem 0.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.25rem;
  position: relative;
}

.bsi-drawer-selected-trim h1 {
  text-align: left;
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25rem;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

@media (max-width: 375px) {
  .bsi-drawer-selected-trim {
    width: 6.625rem;
  }
}

@media (min-width: 376px) and (max-width: 420px) {
  .bsi-drawer-selected-trim {
    width: 100%;
    min-width: 6.625rem;
    flex: 1;
  }
}

@media (min-width: 640px) {
  .bsi-drawer-selected-trim {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .bsi-drawer-selected-trim {
    width: 14.10416875rem;
  }
  .bsi-drawer-selected-trim h1 {
    font-size: 14px;
    line-height: 1rem;
  }
}

@media (min-width: 1440px) {
  .bsi-drawer-selected-trim {
    width: 15rem;
    height: 3.25rem;
    padding: 1rem 0.75rem;
  }
}

.bsi-drawer-selected-trim .bsi-drawer-irp-model-name {
  text-align: left;
  color: #ffffff;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.75rem;
}

.bsi-drawer-selected-trim .bsi-drawer-irp-trim-name {
  text-align: left;
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.25rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bsi-drawer-selected-trim.irp {
  height: 3.75rem;
  padding: 0.625rem 0.5rem;
  width: 100%;
  min-width: 6.625rem;
}

@media (min-width: 1024px) {
  .bsi-drawer-selected-trim.irp {
    width: 14.10416875rem;
  }
}

@media (min-width: 1440px) {
  .bsi-drawer-selected-trim.irp {
    width: 15rem;
    height: 3.75rem;
  }
}

.bsi-drawer-empty-trim {
  display: flex;
  width: 100%;
  min-width: 4.625rem;
  height: 2.5rem;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid #888888;
  background: #1f1e21;
}

.bsi-drawer-empty-trim p {
  color: #ffffff;
  text-align: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 0.875rem;
  margin: 0;
}

@media (max-width: 375px) {
  .bsi-drawer-empty-trim {
    width: 6.625rem;
  }
}

@media (min-width: 376px) and (max-width: 420px) {
  .bsi-drawer-empty-trim {
    width: 100%;
    min-width: 6.625rem;
    flex: 1;
  }
}

@media (min-width: 640px) {
  .bsi-drawer-empty-trim {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .bsi-drawer-empty-trim {
    width: 14.10416875rem;
    padding: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .bsi-drawer-empty-trim {
    width: 15rem;
    height: 3.25rem;
  }
}

.bsi-drawer-empty-trim.irp {
  height: 3.75rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .bsi-drawer-empty-trim.irp {
    width: 14.10416875rem;
  }
}

@media (min-width: 1440px) {
  .bsi-drawer-empty-trim.irp {
    width: 15rem;
    height: 3.75rem;
  }
}

.bsi-drawer-remove-trim {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  background: #333333;
  padding: 0.75rem 0.375rem;
  border: none;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

@media (max-width: 1200px) {
  .bsi-drawer-remove-trim {
    width: 1rem;
    height: 1rem;
    padding: 0.5rem 0.25rem;
  }
}

.bsi-drawer-remove-trim .action {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bsi-drawer-compare-button {
  padding: 0.75rem 1.5rem;
  background: #ffffff;
  background: linear-gradient(to right, #f3f3f3 50%, #ffffff 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
  color: #333333;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1rem;
  height: 2.75rem;
  margin-right: 1rem;
}

.bsi-drawer-compare-button:hover:not(.disabled) {
  background-position: left bottom;
}

.bsi-drawer-compare-button.disabled {
  background: #bababa;
  line-height: 1.25rem;
  color: #8E8E8E;
  cursor: not-allowed;
  opacity: 1;
}

.bsi-drawer-compare-button.desktop {
  display: flex;
}

.bsi-drawer-compare-button.mobile {
  display: none;
}

@media (max-width: 1439px) {
  .bsi-drawer-compare-button {
    height: 2.5rem;
  }
}

@media (max-width: 639px) {
  .bsi-drawer-compare-button.desktop {
    display: none;
  }
  .bsi-drawer-compare-button.mobile {
    display: flex;
    flex: 1;
  }
}

.bsi-drawer-close-button-icon {
  width: 3rem;
  height: 3rem;
  padding: 0.375rem;
  border-radius: 2.5rem;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #ffffff;
  font-size: 16px;
  cursor: pointer;
  flex-shrink: 0;
}

.bsi-drawer-enter-active,
.bsi-drawer-leave-active {
  transition: transform 0.3s ease;
}

.bsi-drawer-enter,
.bsi-drawer-leave-to {
  transform: translateY(100%);
}

@media (max-width: 1200px) {
  .display-none {
    display: none;
  }
}

.bsi-inventory-card {
  position: relative;
  display: grid;
  gap: 1.5rem;
  width: 100%;
  padding-bottom: 2rem;
  background: linear-gradient(0deg, #efefef, #efefef), linear-gradient(180deg, #e6e6e6 0%, rgba(255, 255, 255, 0.3) 27.44%);
  box-shadow: 0 0.125rem 0.5rem 0 #0000001a;
  border-radius: 1rem;
  height: inherit;
}

@media (max-width: 1439px) {
  .bsi-inventory-card {
    border-radius: 0.5rem;
    gap: 1rem;
  }
}

.bsi-inventory-card-top-container {
  position: relative;
  display: grid;
  grid-template-rows: -webkit-max-content 1fr minmax(24px, 40px);
  grid-template-rows: max-content 1fr minmax(24px, 40px);
  gap: 0.5rem;
}

@media (max-width: 1439px) {
  .bsi-inventory-card-top-container {
    gap: 0.25rem;
  }
}

.bsi-inventory-card-compare {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2rem;
  z-index: 2;
  margin: 1.5rem 1.5rem 0;
}

@media (max-width: 1439px) {
  .bsi-inventory-card-compare {
    margin: 1rem 1rem 0;
  }
}

.bsi-inventory-card-image-exterior-container {
  position: absolute;
  justify-self: center;
  align-self: center;
  width: auto;
  height: initial;
  max-height: 11.5625rem;
  padding: 0 1.5rem;
}

@media (max-width: 1439px) {
  .bsi-inventory-card-image-exterior-container {
    padding: 0 1rem;
  }
}

.bsi-inventory-card-image-exterior {
  justify-self: center;
  align-self: center;
  width: auto;
  height: initial;
  max-height: 11.5625rem;
}

.bsi-inventory-card-image-interior {
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1439px) {
  .bsi-inventory-card-image-interior {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
}

.bsi-inventory-card-image-disclaimer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  align-self: flex-end;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  text-align: center;
  line-height: 1rem;
  padding: 0.25rem 1.5rem;
}

@media (max-width: 1439px) {
  .bsi-inventory-card-image-disclaimer {
    padding: 0.25rem 1rem;
  }
}

.bsi-inventory-card-image-disclaimer-interior {
  color: #ffffff;
  background: #00000066;
  margin: 0 auto;
}

.bsi-inventory-card-active {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 52.8%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(180deg, #E6E6E6 0%, rgba(255, 255, 255, 0.3) 27.44%), #EFEFEF;
}

.bsi-inventory-card-ctas {
  display: flex;
  gap: 0.625rem;
  align-self: stretch;
  margin: 0 1.5rem;
}

@media (max-width: 1439px) {
  .bsi-inventory-card-ctas {
    margin: 0 1rem;
  }
}

.bsi-inventory-card-quick-view-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
  text-align: center;
  color: #002c5e;
  height: 2.75rem;
  padding: 0 0.75rem;
  background: linear-gradient(to right, #f3f3f3 50%, #ffffff 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  border: 0.0625rem solid #002c5e;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
  text-decoration: none;
  cursor: pointer;
}

.bsi-inventory-card-quick-view-btn:hover {
  background-position: left bottom;
  color: #001A38;
}

.bsi-inventory-card-quick-view-btn:active {
  transform: scale(0.97);
}

@media (min-width: 1440px) {
  .bsi-inventory-card-quick-view-btn {
    padding: 0 1.5rem;
  }
}

.bsi-inventory-card-view-full-details-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
  text-align: center;
  color: #ffffff;
  height: 2.75rem;
  padding: 0 0.75rem;
  background: linear-gradient(to right, #001A38 50%, #002c5e 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
  text-decoration: none;
  cursor: pointer;
}

.bsi-inventory-card-view-full-details-btn:hover {
  background-position: left bottom;
}

.bsi-inventory-card-view-full-details-btn:active {
  transform: scale(0.97);
}

@media (min-width: 1440px) {
  .bsi-inventory-card-view-full-details-btn {
    padding: 0 1.5rem;
  }
}

.bsi-inventory-card-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.625rem;
  padding: 0 1.5rem;
}

@media (max-width: 1439px) {
  .bsi-inventory-card-info {
    padding: 0 1rem;
  }
}

.bsi-inventory-card-info-model {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.bsi-inventory-card-info-model-text {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1rem;
}

.bsi-inventory-card-info-model-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.625rem;
}

@media (max-width: 1439px) {
  .bsi-inventory-card-info-model-name {
    font-size: 1.125rem;
    line-height: 1.25rem;
  }
}

.bsi-inventory-card-info-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
}

.bsi-inventory-card-info-price-msrp {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #666666;
}

.bsi-inventory-card-info-price-price {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.625rem;
}

@media (max-width: 1439px) {
  .bsi-inventory-card-info-price-price {
    font-size: 1.125rem;
    line-height: 1.25rem;
  }
}

.bsi-inventory-card-info-price-estimate {
  display: flex;
  align-items: center;
  vertical-align: middle;
  gap: 0.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  color: #1f1e21;
}

.bsi-inventory-card-info-price-estimate span {
  font-size: 0.75rem;
  line-height: 0.75rem;
  text-decoration: underline;
}

.bsi-inventory-card-info-price-estimate svg {
  width: 0.625rem;
  height: 0.625rem;
}

.bsi-inventory-card-info-price-monthly {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.bsi-inventory-card-info-price-monthly-price {
  display: flex;
  gap: 0.5rem;
  align-self: flex-start;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.625rem;
}

@media (max-width: 1439px) {
  .bsi-inventory-card-info-price-monthly-price {
    font-size: 1.125rem;
    line-height: 1.25rem;
  }
}

.bsi-inventory-card-info-price-monthly-price-edit {
  display: inline-flex;
  align-self: center;
  vertical-align: middle;
  gap: 0.125rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.75rem;
}

.bsi-inventory-card-info-price-monthly-price-edit span {
  text-decoration: underline;
}

.bsi-inventory-card-swatches {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0 1.5rem;
}

@media (max-width: 1439px) {
  .bsi-inventory-card-swatches {
    padding: 0 1rem;
  }
}

.bsi-inventory-card-swatches-wrapper {
  display: flex;
  gap: 0.75rem;
  width: 100%;
}

@media (max-width: 1439px) {
  .bsi-inventory-card-swatches-wrapper {
    gap: 0.25rem;
    align-self: center;
  }
}

.bsi-inventory-card-swatches-wrapper-inner {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 50%;
}

.bsi-inventory-card-swatches-wrapper-inner .bsi-inventory-card-swatch {
  position: relative;
  align-self: stretch;
  padding: 0.125rem;
  border-radius: 0.25rem;
  border: 0.09375rem solid transparent;
  height: 1.9375rem;
}

.bsi-inventory-card-swatches-wrapper-inner .bsi-inventory-card-swatch.bsi-inventory-card-swatch-active {
  border: 0.09375rem solid #00aad2;
}

.bsi-inventory-card-swatches-wrapper-inner .bsi-inventory-card-swatch-img {
  width: 100%;
  height: 1.5rem;
  border-radius: 0.25rem;
}

.bsi-inventory-card-swatches-wrapper-inner .bsi-inventory-card-swatch-img-exterior {
  box-shadow: -0.1875rem -0.3125rem 0.811875rem 0 #00000021 inset;
}

.bsi-inventory-card-swatches-wrapper-inner .bsi-inventory-card-swatch-name {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.75rem;
  height: 0.75rem;
  padding: 0 0.21875rem;
  text-transform: capitalize;
}

.bsi-inventory-card-swatch-highlight {
  width: calc(100% - 4px);
  height: 0.4375rem;
  top: 0;
  left: 0.125rem;
  position: absolute;
  opacity: 0.4;
  background-color: #ffffff;
  border-radius: 0.625rem;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  z-index: 2;
}

.bsi-inventory-card-swatches-specs {
  display: flex;
  align-items: center;
  height: 1.5rem;
}

.bsi-inventory-card-swatches-specs-btn {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #002c5e;
  text-decoration: underline;
}

.bsi-inventory-card-swatches-specs .bsi-inventory-card-package {
  display: inline-flex;
  gap: 0.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
  background-color: #ffffff;
  padding: 0.25rem 0.25rem 0.25rem 0.375rem;
  border-radius: 1.5rem;
}

.bsi-inventory-card-swatches-specs .bsi-inventory-card-package span {
  align-self: center;
}

.bsi-inventory-card-swatches-specs .bsi-inventory-card-package svg {
  fill: none;
  vertical-align: middle;
}

.bsi-inventory-card-dealer {
  display: flex;
  flex-direction: column;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
}

.bsi-inventory-card-dealer-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 1.5rem;
}

@media (max-width: 1439px) {
  .bsi-inventory-card-dealer-wrapper {
    padding: 0 1rem;
  }
}

.bsi-inventory-card-dealer-name {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.bsi-inventory-card-dealer-vin {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.75rem;
}

.bsi-inventory-card-dealer-arrival {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.bsi-inventory-card-dealer-arrival svg {
  width: 0.75rem;
  height: 0.75rem;
}

.bsi-inventory-card-dealer-arrival span svg {
  fill: none;
}

.bsi-save {
  position: relative;
  display: flex;
  gap: 0.5rem;
}

.bsi-save-button {
  flex: none;
  width: 2rem;
  height: 2rem;
  background-color: #ffffff;
  border: 0.0625rem solid #e6e6e6;
  border-radius: 6.1875rem;
}

.bsi-save-button svg {
  fill: none;
}

.bsi-save-button-disabled svg {
  fill: #bababa;
}

.bsi-save-button-disabled svg path {
  stroke: #bababa;
}

.bsi-save .bsi-match-text {
  display: flex;
  gap: 0.25rem;
  align-self: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1rem;
  color: #002c5e;
}

.bsi-save .bsi-match-text svg {
  fill: none;
}

.bsi-save .bsi-toast {
  position: absolute;
  top: 2.5rem;
  left: -1rem;
  width: -webkit-max-content;
  width: max-content;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  background: #ffffff;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 #00000033;
  opacity: 0.9;
  z-index: 3;
  transition: opacity 0.3s ease;
}

.bsi-save .bsi-toast-btn {
  color: #002c5e;
  font-weight: 500;
  line-height: 1.25rem;
  text-decoration: underline;
}

.empty-line {
  height: 1.375rem;
}

@media (max-width: 1439px) {
  .empty-line {
    height: 1.25rem;
  }
}

.bsi-inventory-card-estimate-msrp-wrapper {
  display: flex;
  align-items: center;
  align-self: stretch;
}

.bsi-inventory-card-estimate-wrapper {
  flex: 1 0 0;
  align-self: center;
}

.bsi-inventory-card-estimate-wrapper-self-start {
  flex: 1 0 0;
  align-self: flex-start;
}

.bsi-inventory-card-estimate-wrapper-self-start .bsi-inventory-card-info-model-text {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.625rem;
}

@media screen and (max-width: 1439px) {
  .bsi-inventory-card-estimate-wrapper-self-start .bsi-inventory-card-info-model-text {
    font-size: 1.125rem;
    line-height: 1.25rem;
  }
}

.bsi-inventory-card-info-price-estimate {
  display: flex;
  height: 2rem;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0.75rem 0.5rem 0.5rem;
  border-radius: 6.1875rem;
  border: 1px solid #e6e6e6;
  background: #ffffff;
}

.bsi-inventory-card-info-price-estimate span {
  color: #002c5e;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  text-decoration: none;
}

.bsi-inventory-card-info-price-estimate svg {
  fill: #002c5e;
}

.bsi-inventory-card-unavailable-price {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.bsi-inventory-card-msrp-wrapper {
  align-self: flex-start;
}

.bsi-inventory-card-info-price-monthly-description .bsi-inventory-card-info-price-monthly-description-text {
  color: #666666;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  /* 133.333% */
}

.bsi-inventory-card-viewed {
  position: absolute;
  left: calc(50% - 30px);
  bottom: 0.6875rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.bsi-inventory-card-viewed svg {
  width: 1rem;
  height: 0.75rem;
}

.bsi-inventory-card-viewed-label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
  color: #333333;
}

.bsi-qv {
  position: relative;
  height: auto;
  margin: 0 1.5rem;
}

@media (max-width: 1439px) {
  .bsi-qv {
    margin: 0 1rem;
  }
}

.bsi-qv-arrow {
  display: none;
}

@media (min-width: 640px) {
  .bsi-qv-arrow {
    display: flex;
    position: absolute;
    top: -1.1875rem;
    left: var(--bsi-qv-arrow-left);
  }
  .bsi-qv-arrow svg {
    width: 2.5rem;
    height: 1.25rem;
  }
}

.bsi-qv-inner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100vw;
  height: 100dvh;
  background-color: #1F1E21;
  box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.25);
  padding: 1rem;
  overflow: hidden;
}

@media (min-width: 640px) {
  .bsi-qv-inner {
    position: relative;
    top: auto;
    left: auto;
    z-index: auto;
    width: 100%;
    height: auto;
    padding: 1.5rem;
    border-radius: 0.75rem;
    gap: 1rem;
    overflow: visible;
  }
}

.bsi-qv-top {
  display: flex;
  flex-direction: column-reverse;
  gap: 1rem;
}

@media (min-width: 640px) {
  .bsi-qv-top {
    flex-direction: row;
    justify-content: space-between;
  }
}

@media (min-width: 640px) and (max-width: 1439px) {
  .bsi-qv-top.bsi-qv-text-me-vin-show {
    flex-direction: column-reverse;
    justify-content: initial;
  }
}

@media (min-width: 1440px) {
  .bsi-qv-top.bsi-qv-text-me-vin-show {
    flex-direction: row;
    justify-content: space-between;
  }
}

.bsi-qv-model-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}

.bsi-qv-model-name {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.625rem;
  color: #ffffff;
}

.bsi-qv-dealer {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

@media (min-width: 1440px) {
  .bsi-qv-dealer {
    flex-direction: row;
    gap: 1rem;
  }
}

.bsi-qv-dealer-name {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #ffffff;
}

.bsi-qv-dealer-arrival {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #ffffff;
}

.bsi-qv-dealer-arrival svg {
  fill: none;
}

.bsi-qv-dealer-info-icon svg {
  fill: currentColor;
}

.bsi-qv-interaction-btns {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

@media (min-width: 640px) {
  .bsi-qv-interaction-btns {
    justify-content: flex-end;
  }
}

@media (min-width: 640px) and (max-width: 1439px) {
  .bsi-qv-text-me-vin-show .bsi-qv-interaction-btns {
    justify-content: space-between;
  }
}

@media (min-width: 1440px) {
  .bsi-qv-text-me-vin-show .bsi-qv-interaction-btns {
    justify-content: flex-end;
  }
}

.bsi-qv-interaction-btns-heart-and-share {
  display: flex;
  gap: 0.5rem;
  height: 2rem;
  position: relative;
}

.bsi-qv-interaction-btn-save-container {
  position: relative;
}

.bsi-qv-interaction-btn-save {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6.1875rem;
  background-color: #666666;
  width: 2rem;
  height: 2rem;
  transition: all 0.3s ease;
  transition-property: all, transform;
  transition-duration: 0.3s, 0s;
  transition-timing-function: ease, linear;
}

.bsi-qv-interaction-btn-save svg {
  fill: #666666;
  width: 1.125rem;
  height: 0.9375rem;
  pointer-events: none;
  transition: 0.2s all cubic-bezier(0.1, 0.5, 0.15, 1);
  opacity: 1;
}

.bsi-qv-interaction-btn-save .path-stroke {
  fill: none;
  stroke: #ffffff;
  stroke-width: 0.1875rem;
  transition: 0.2s all cubic-bezier(0.1, 0.5, 0.15, 1);
}

.bsi-qv-interaction-btn-save:hover .path-stroke {
  stroke-width: 0.625rem;
}

.bsi-qv-interaction-btn-save:active {
  transform: scale(0.95);
  background-color: #e6e6e6;
}

.bsi-qv-interaction-btn-save-active {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6.1875rem;
  background-color: #00aad2;
  width: 2rem;
  height: 2rem;
  transition: all 0.3s ease;
  transition-property: all, transform;
  transition-duration: 0.3s, 0s;
  transition-timing-function: ease, linear;
}

.bsi-qv-interaction-btn-save-active svg {
  fill: #e6e6e6;
  width: 1.125rem;
  height: 0.9375rem;
  pointer-events: none;
  transition: 0.2s all cubic-bezier(0.1, 0.5, 0.15, 1);
  opacity: 1;
}

.bsi-qv-interaction-btn-save-active .path-stroke {
  fill: none;
  stroke: #e6e6e6;
  stroke-width: 0.625rem;
  transition: 0.2s all cubic-bezier(0.1, 0.5, 0.15, 1);
}

.bsi-qv-interaction-btn-save-active:hover .path-stroke {
  stroke-width: 0.1875rem;
}

.bsi-qv-interaction-btn-save-active:active {
  transform: scale(0.95);
  background-color: #00aad2;
}

.bsi-qv-toast {
  position: absolute;
  top: 2.5rem;
  left: 0;
  width: -webkit-max-content;
  width: max-content;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  background: #ffffff;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  box-shadow: 0.5rem 0.25rem 1.875rem 0 #00000033;
  opacity: 0.9;
  z-index: 3;
  transition: opacity 0.3s ease;
}

.bsi-qv-toast-btn {
  color: #002c5e;
  font-weight: 500;
  line-height: 1.25rem;
  text-decoration: underline;
}

.bsi-qv-interaction-btn-save-disabled {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6.1875rem;
  background-color: #bababa;
  width: 2rem;
  height: 2rem;
}

.bsi-qv-interaction-btn-share {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  padding-bottom: 0.3125rem;
  border-radius: 6.1875rem;
  background-color: #666666;
  width: 2rem;
  height: 2rem;
  color: #ffffff;
}

.bsi-qv-interaction-btn-share span {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 0.875rem;
}

.bsi-qv-interaction-btn-share svg {
  fill: none;
  width: 1rem;
  height: 1.125rem;
}

.bsi-qv-interaction-btn-close {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.375rem;
  width: 2rem;
  height: 2rem;
}

.bsi-qv-interaction-btn-close svg {
  width: 1rem;
  height: 1rem;
}

.bsi-qv-main {
  display: flex;
  height: 100%;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

@media (min-width: 640px) {
  .bsi-qv-main {
    overflow-y: auto;
    height: 27.6875rem;
  }
}

@media (min-width: 1440px) {
  .bsi-qv-main {
    height: 26.375rem;
    gap: 1rem;
  }
}

@media (min-width: 1920px) {
  .bsi-qv-main {
    height: 29.5625rem;
  }
}

.bsi-qv-details-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background-color: #1F1E21;
  width: 100%;
}

@media (min-width: 640px) {
  .bsi-qv-details-container {
    background-color: #333333;
    border-radius: 0.75rem;
    padding: 1.5rem;
    gap: 1rem;
  }
}

@media (min-width: 1440px) {
  .bsi-qv-details-container {
    width: 50%;
  }
}

.bsi-qv-toggle {
  display: flex;
  align-self: center;
  background-color: #666666;
  border-radius: 1.25rem;
  padding: 0.25rem;
  width: -webkit-max-content;
  width: max-content;
}

@media (min-width: 1440px) {
  .bsi-qv-toggle {
    align-self: flex-start;
  }
}

.bsi-qv-toggle-item {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: #ffffff;
  padding: 0.625rem 1rem 0.5rem 1rem;
  background-color: #666666;
  border-radius: 6.1875rem;
}

.bsi-qv-toggle-item-active {
  color: #333333;
  background-color: #ffffff;
}

.bsi-qv-overview {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  background-color: #333333;
  overflow-y: auto;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(217, 217, 217, 0.5) transparent;
}

.bsi-qv-overview::-webkit-scrollbar {
  width: 0.25rem;
}

@media (min-width: 640px) {
  .bsi-qv-overview {
    border-radius: 0;
    padding: 0;
    gap: 0;
    align-items: normal;
  }
}

.bsi-qv-overview-row {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.25rem;
}

@media (min-width: 640px) {
  .bsi-qv-overview-row {
    flex-direction: row;
    gap: 0.625rem;
    padding: 0.5rem 0;
    border-bottom: 0.0625rem solid #595959;
  }
}

.bsi-qv-overview-label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: #ffffff;
  width: 7.5rem;
}

.bsi-qv-overview-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: #ffffff;
}

.bsi-qv-info-icon {
  vertical-align: middle;
}

.bsi-qv-info-icon svg {
  fill: none;
}

.bsi-qv-overview-colors-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.bsi-qv-overview-color {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}

.bsi-qv-overview-swatch-exterior {
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 3.47225rem;
  box-shadow: -0.1041875rem -0.173625rem 0.4510625rem 0 rgba(0, 0, 0, 0.13) inset;
}

.bsi-qv-overview-swatch-interior {
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 3.47225rem;
}

.bsi-qv-overview-color-label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: #ffffff;
}

.bsi-qv-overview-features {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.bsi-qv-overview-vfs {
  text-decoration: underline;
}

.bsi-qv-overview-row-addons .bsi-qv-overview-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.bsi-qv-addons-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: transparent;
  border: none;
  padding: 0;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: #ffffff;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.bsi-qv-addons-chevron {
  flex-shrink: 0;
  fill: none;
  transition: transform 0.3s ease;
}

.bsi-qv-addons-chevron.bsi-qv-addons-chevron-expanded {
  transform: rotate(180deg);
}

.bsi-qv-addons-list {
  margin: 0;
  margin-left: 1rem;
  padding: 0;
  list-style: none;
  width: 100%;
}

.bsi-qv-addon-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #ffffff;
}

.bsi-qv-price-summary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  height: 100%;
  padding: 1rem;
  border-radius: 0.75rem;
  background-color: #333333;
  overflow-y: auto;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(217, 217, 217, 0.5) transparent;
}

.bsi-qv-price-summary::-webkit-scrollbar {
  width: 0.25rem;
}

@media (min-width: 640px) {
  .bsi-qv-price-summary {
    border-radius: 0;
    padding: 0 0.625rem 0 0;
    align-items: normal;
  }
}

.bsi-qv-price-summary-details-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.bsi-qv-price-summary-row {
  display: flex;
  justify-content: space-between;
  gap: 0.625rem;
  padding: 0.375rem 0;
  width: 100%;
}

.bsi-qv-price-summary-label-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

@media (min-width: 640px) {
  .bsi-qv-price-summary-label-container {
    flex-direction: row;
  }
}

.bsi-qv-price-summary-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: #ffffff;
}

.bsi-qv-price-summary-value {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: #ffffff;
}

.bsi-qv-price-summary-add-on-dropdown {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  background: transparent;
  border: none;
  padding: 0;
  transition: opacity 0.2s ease;
}

.bsi-qv-price-summary-add-ons-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.bsi-qv-price-summary-add-on {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.375rem 0 0.375rem 1rem;
}

.bsi-qv-price-msrp-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  padding-top: 0.75rem;
  border-top: 0.0625rem solid #666666;
  width: 100%;
}

.bsi-qv-price-summary-msrp {
  display: flex;
  justify-content: space-between;
  gap: 0.625rem;
  width: 100%;
}

.bsi-qv-price-summary-msrp-disclaimer {
  display: inline-flex;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #ffffff;
}

.bsi-qv-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1;
  gap: 1rem;
}

@media (min-width: 1440px) {
  .bsi-qv-bottom {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.bsi-qv-price-unavailable {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}

.bsi-qv-price-unavailable-label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #ffffff;
}

.bsi-qv-price-unavailable-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  height: 1.25rem;
  padding-right: 0.25rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.125rem;
  color: #ffffff;
  background: transparent;
  margin: 0;
  border: none;
  text-decoration: none;
  transition: 0.2s all cubic-bezier(0.1, 0.5, 0.15, 1);
}

.bsi-qv-price-unavailable-cta svg {
  width: 0.3125rem;
  height: 0.625rem;
  fill: none;
  transition: transform 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
}

.bsi-qv-price-unavailable-cta:hover svg {
  transform: translateX(4px);
}

.bsi-qv-price-unavailable-cta:hover svg path {
  stroke: #ffffff;
}

.bsi-qv-price {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
}

@media (min-width: 640px) {
  .bsi-qv-price {
    justify-content: flex-start;
    align-items: center;
  }
}

.bsi-qv-msrp-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.25rem;
}

@media (min-width: 640px) {
  .bsi-qv-msrp-container {
    padding-right: 1rem;
    border-right: 0.0625rem solid #595959;
  }
}

.bsi-qv-msrp-label {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #ffffff;
}

.bsi-qv-msrp {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.375rem;
  color: #ffffff;
}

@media (min-width: 640px) {
  .bsi-qv-msrp {
    font-size: 1.5rem;
    line-height: 1.625rem;
  }
}

.bsi-qv-payment-estimate {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}

@media (min-width: 640px) {
  .bsi-qv-payment-estimate {
    justify-content: center;
  }
}

.bsi-qv-payment-estimate-cta {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #ffffff;
}

.bsi-qv-payment-estimate-cta span {
  text-decoration: underline;
}

.bsi-qv-payment-estimate-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

@media (min-width: 640px) {
  .bsi-qv-payment-estimate-container {
    gap: 0.75rem;
  }
}

.bsi-qv-payment-estimate-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}

.bsi-qv-payment-estimate-price {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #ffffff;
}

.bsi-qv-payment-estimate-text {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #ffffff;
}

.bsi-qv-payment-estimate-edit-cta {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #ffffff;
}

.bsi-qv-payment-estimate-edit-cta span {
  text-decoration: underline;
}

.bsi-qv-ctas {
  display: flex;
  gap: 1rem;
  height: 2.75rem;
}

.bsi-qv-cta-vds {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  gap: 0.625rem;
  padding: 0.75rem 0.625rem;
  background: linear-gradient(to right, #1F1E21 50%, #1F1E21 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
  border: 0.0625rem solid #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
}

.bsi-qv-cta-vds svg {
  fill: none;
  width: 0.875rem;
  height: 0.875rem;
}

.bsi-qv-cta-vds:hover {
  background-position: left bottom;
}

.bsi-qv-cta-vds:active {
  transform: scale(0.97);
}

@media (min-width: 375px) {
  .bsi-qv-cta-vds {
    padding: 0.75rem 1.5rem;
  }
}

@media (min-width: 400px) {
  .bsi-qv-cta-vds {
    flex: 1;
  }
}

@media (min-width: 640px) {
  .bsi-qv-cta-vds {
    flex: none;
  }
}

.bsi-qv-cta-vdp {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 0.75rem 0.3125rem;
  background: linear-gradient(to right, #f3f3f3 50%, #ffffff 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
  border: 0.0625rem solid #002c5e;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  color: #002c5e;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}

.bsi-qv-cta-vdp:hover {
  color: #001A38;
  background-position: left bottom;
}

.bsi-qv-cta-vdp:active {
  transform: scale(0.97);
}

@media (min-width: 375px) {
  .bsi-qv-cta-vdp {
    padding: 0.75rem 1.5rem;
  }
}

@media (min-width: 640px) {
  .bsi-qv-cta-vdp {
    flex: none;
  }
}

.bsi-qv-share-popup {
  display: none;
}

@media (min-width: 640px) {
  .bsi-qv-share-popup {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 4rem;
    right: -6.875rem;
    z-index: 10;
  }
}

.bsi-qv-share-popup-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 19.0625rem;
  padding: 1.5rem;
  background: #ffffff;
  border-radius: 1rem;
  box-shadow: 8px 4px 30px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 2;
}

.bsi-qv-share-popup-arrow {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: -0.5625rem;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  overflow: hidden;
  z-index: 1;
}

.bsi-qv-share-popup-arrow:after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 0;
  top: 0;
  background: #ffffff;
  box-shadow: -2px -2px 4px 0 rgba(0, 0, 0, 0.05);
}

.bsi-qv-share-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #333333;
}

.bsi-qv-share-copy {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #333333;
}

.bsi-qv-share-textarea {
  width: 100%;
  min-height: 5rem;
  resize: none;
  padding: 0.5rem;
  box-sizing: border-box;
  border-radius: 0.5rem;
  border: 0.0625rem solid #e6e6e6;
  background: #f3f3f3;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333333;
}

.bsi-qv-share-close-button {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  z-index: 3;
}

.bsi-qv-share-close-button svg {
  fill: #333333;
  width: 0.75rem;
  height: 0.75rem;
}

.bsi-qv-share-close-button:hover svg {
  fill: #002c5e;
}

.bsi-qv-share-copy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
  color: #ffffff;
  height: 2.75rem;
  padding: 0 1.5rem;
  background: linear-gradient(to right, #001A38 50%, #002c5e 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
  text-decoration: none;
  cursor: pointer;
  border: none;
}

.bsi-qv-share-copy-btn:hover {
  background-position: left bottom;
}

.bsi-qv-share-copy-btn:active {
  transform: scale(0.97);
}

.bsi-qv-image-swiper {
  position: relative;
  width: 50%;
  height: auto;
  display: flex;
  padding: 1.5rem;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 0.5rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
  overflow: hidden;
}

.bsi-qv-image-swiper .swiper-container {
  margin: auto;
  width: 100%;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 1439px) {
  .bsi-qv-image-swiper {
    width: 100%;
  }
}

.bsi-qv-image-swiper-hidden {
  opacity: 0;
}

.bsi-qv-image {
  display: flex;
  justify-content: center;
}

.bsi-qv-image img {
  max-width: 33.8125rem;
  width: 100%;
  height: auto;
}

.bsi-qv-image-swiper-nav {
  display: flex;
  height: 2rem;
  justify-content: flex-end;
  align-items: center;
  justify-self: flex-end;
  gap: 1rem;
}

.bsi-qv-image-swiper-nav-arrow {
  display: flex;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 1.25rem;
  border: 0.0625rem solid #e6e6e6;
  background: #ffffff;
}

.bsi-qv-image-swiper-nav-arrow svg {
  stroke-width: 0.09375rem;
  stroke: #333333;
  fill: none;
}

.bsi-qv-image-swiper-nav-arrow-disabled {
  pointer-events: none;
  cursor: none;
  opacity: 0.5;
}

.bsi-qv-image-swiper-nav-number {
  color: #ffffff;
  text-align: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  /* 100% */
}

.bsi-qv-image-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.bsi-qv-interaction-btn-text-me {
  display: flex;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  align-self: stretch;
  border-radius: 6.1875rem;
  border: 0.0625rem solid #e6e6e6;
  background: #f3f3f3;
}

.bsi-qv-interaction-btn-text-me svg {
  fill: #f3f3f3;
}

.bsi-qv-interaction-btn-text-me span {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 0.875rem;
}

.bsi-inventory-cards-zero-match-nofication {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  gap: 1rem;
  flex: 1;
  padding: 1rem;
  border-radius: 1.5rem;
  border: 0.0625rem solid #bababa;
  background-color: #ffffff;
  margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
  .bsi-inventory-cards-zero-match-nofication {
    padding: 1.5rem;
    margin-bottom: 0.5rem;
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .bsi-inventory-cards-zero-match-nofication {
    padding: 2rem;
    gap: 2rem;
  }
}

@media (min-width: 1440px) {
  .bsi-inventory-cards-zero-match-nofication {
    padding: 2.625rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    gap: 2.25rem;
  }
}

@media (min-width: 1920px) {
  .bsi-inventory-cards-zero-match-nofication {
    padding: 4.5rem;
    margin-bottom: 2.5rem;
  }
}

.bsi-inventory-cards-zero-match-nofication-icon svg {
  width: 4.5625rem;
  height: 3.9375rem;
  fill: none;
}

@media (min-width: 640px) {
  .bsi-inventory-cards-zero-match-nofication-icon {
    padding: 0.625rem;
  }
  .bsi-inventory-cards-zero-match-nofication-icon svg {
    width: 7.8625rem;
    height: 6.8125rem;
  }
}

.bsi-inventory-cards-zero-match-nofication-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: 1.5rem;
}

.bsi-inventory-cards-zero-match-nofication-heading {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  line-height: 1.375rem;
  font-weight: 500;
  text-align: center;
  margin: 0;
}

@media (min-width: 1024px) {
  .bsi-inventory-cards-zero-match-nofication-heading {
    font-size: 1.5rem;
    line-height: 1.625rem;
  }
}

.bsi-inventory-cards-zero-match-nofication-ctas {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  gap: 1rem;
}

@media (min-width: 640px) {
  .bsi-inventory-cards-zero-match-nofication-ctas {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.bsi-inventory-cards-zero-match-nofication-zip-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  padding: 0.75rem 1.5rem;
  background: linear-gradient(to right, #001A38 50%, #002c5e 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  color: #ffffff;
}

.bsi-inventory-cards-zero-match-nofication-zip-cta:hover {
  background-position: left bottom;
}

.bsi-inventory-cards-zero-match-nofication-zip-cta:active {
  transform: scale(0.97);
}

@media (min-width: 640px) {
  .bsi-inventory-cards-zero-match-nofication-zip-cta {
    align-self: unset;
  }
}

.bsi-inventory-cards-zero-match-nofication-clear-all-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  padding: 0.75rem 1.5rem;
  background: linear-gradient(to right, #f3f3f3 50%, #ffffff 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
  border: 0.0625rem solid #002c5e;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  color: #002c5e;
}

.bsi-inventory-cards-zero-match-nofication-clear-all-cta:hover {
  color: #001A38;
  background-position: left bottom;
}

.bsi-inventory-cards-zero-match-nofication-clear-all-cta:active {
  transform: scale(0.97);
}

@media (min-width: 640px) {
  .bsi-inventory-cards-zero-match-nofication-clear-all-cta {
    align-self: unset;
  }
}

.bsi-inventory-cards-zero-match-nofication-contact-dealer-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  gap: 0.25rem;
  height: 1.25rem;
  padding-right: 0.25rem;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  color: #002c5e;
  background: transparent;
  margin: 0;
  border: none;
  text-decoration: none;
  transition: 0.2s all cubic-bezier(0.1, 0.5, 0.15, 1);
}

.bsi-inventory-cards-zero-match-nofication-contact-dealer-cta svg {
  width: 0.25rem;
  height: 0.5rem;
  fill: none;
  transition: transform 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
}

.bsi-inventory-cards-zero-match-nofication-contact-dealer-cta:hover {
  color: #001A38;
}

.bsi-inventory-cards-zero-match-nofication-contact-dealer-cta:hover svg {
  transform: translateX(4px);
}

.bsi-inventory-cards-zero-match-nofication-contact-dealer-cta:hover svg path {
  stroke: #001A38;
}

@media (min-width: 640px) {
  .bsi-inventory-cards-zero-match-nofication-contact-dealer-cta {
    align-self: unset;
  }
}

.bsi-similar-model-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  height: 100%;
  border-radius: 1rem;
  box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
}

@media (min-width: 1440px) {
  .bsi-similar-model-card {
    gap: 1.5rem;
    padding: 1.5rem 1.5rem 2rem 1.5rem;
  }
}

.bsi-similar-model-card-image-container {
  position: relative;
}

.bsi-similar-model-card-image {
  display: block;
  margin: 0;
  padding: 0;
  justify-self: center;
}

.bsi-similar-model-card-image img {
  width: auto;
}

.bsi-similar-model-card-image-disclaimer {
  position: absolute;
  bottom: 0;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #888888;
  text-align: center;
  width: 100%;
  height: 1rem;
}

.bsi-similar-model-card-details-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  gap: 0.5rem;
}

.bsi-similar-model-card-details-model-info-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}

.bsi-similar-model-card-details-msrp-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
}

.bsi-similar-model-card-details-msrp-label {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  min-width: 5.8125rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #666666;
}

.bsi-similar-model-card-text {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #333333;
}

.bsi-similar-model-card-text.fs-14 {
  font-size: 0.875rem;
  line-height: 1rem;
}

.bsi-similar-model-card-text.fs-18 {
  font-size: 1.125rem;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .bsi-similar-model-card-text.fs-18 {
    font-size: 1.5rem;
    line-height: 1.625rem;
  }
}

.bsi-similar-model-card-description {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #1F1E21;
  flex: 1;
}

.bsi-similar-model-card-cta {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 1rem;
  color: #ffffff;
  text-align: center;
  width: 100%;
  height: 2.75rem;
  padding: 0 1.5rem;
  align-self: stretch;
  position: relative;
  overflow: hidden;
  border: none;
  background: linear-gradient(to right, #001A38 50%, #002c5e 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s cubic-bezier(0.1, 0.5, 0.15, 1);
}

.bsi-similar-model-card-cta:hover {
  background-position: left bottom;
}

.bsi-inventory-cards {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  background-color: #ffffff;
  padding-right: 6rem;
}

@media (max-width: 1919px) {
  .bsi-inventory-cards {
    padding-right: 4.5rem;
  }
}

@media (max-width: 1439px) {
  .bsi-inventory-cards {
    padding-right: 2.625rem;
  }
}

@media (max-width: 1023px) {
  .bsi-inventory-cards {
    padding-right: 2rem;
  }
}

@media (max-width: 639px) {
  .bsi-inventory-cards {
    padding-right: 1rem;
  }
}

.bsi-inventory-cards-zero-match {
  height: 100dvh;
}

.bsi-inventory-cards-zero-match .bsi-inventory-cards-zero-match-nofication {
  margin-bottom: 0;
}

.bsi-inventory-cards-container, .bsi-similar-inventory-cards-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .bsi-inventory-cards-container, .bsi-similar-inventory-cards-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .bsi-inventory-cards-container, .bsi-similar-inventory-cards-container {
    gap: 1.25rem;
  }
}

@media (min-width: 1750px) {
  .bsi-inventory-cards-container, .bsi-similar-inventory-cards-container {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }
}

.bsi-similar-models-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  background-color: #ffffff;
  margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
  .bsi-similar-models-container {
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .bsi-similar-models-container {
    margin-bottom: 1rem;
  }
}

@media (min-width: 1920px) {
  .bsi-similar-models-container {
    margin-bottom: 2.5rem;
  }
}

.bsi-inventory-card-wrapper {
  height: 100%;
}

.bsi-quick-view-grid-item, .bsi-similar-quick-view-grid-item {
  grid-column: 1 / -1;
  position: relative;
  margin-top: -1.5625rem;
}

@media (max-width: 1440px) {
  .bsi-quick-view-grid-item, .bsi-similar-quick-view-grid-item {
    margin-top: -1.3125rem;
  }
}

@media (max-width: 1023px) {
  .bsi-quick-view-grid-item, .bsi-similar-quick-view-grid-item {
    margin-top: -0.8125rem;
  }
}

@media (max-width: 580px) {
  .bsi-quick-view-grid-item, .bsi-similar-quick-view-grid-item {
    margin-top: -1.3125rem;
  }
}

.bsi-irp-loading-overlay {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bsi-irp-loading-overlay .loading-indicator {
  opacity: 1;
}

.bsi-irp-initial-loading-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  background-color: #ffffff;
}

.bsi-irp-initial-loading-overlay .loading-indicator {
  opacity: 1;
}

.bsi-inventory-cards-match-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #333333;
}

@media (min-width: 640px) {
  .bsi-inventory-cards-match-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.bsi-inventory-cards-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  gap: 1rem;
}

.bsi-inventory-cards-pagination-numbers {
  display: flex;
}

.bsi-inventory-cards-pagination-numbers-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 0.875rem;
  background-color: #ffffff;
  color: #002c5e;
}

.bsi-inventory-cards-pagination-numbers-btn.active {
  border: 0.0625rem solid #e6e6e6;
  border-radius: 1.25rem;
}

.bsi-inventory-cards-pagination-btn {
  width: 2rem;
  height: 2rem;
  background-color: #ffffff;
  border: 0.0625rem solid #e6e6e6;
  border-radius: 1.25rem;
  padding: 0;
}

.bsi-inventory-cards-pagination-btn:hover {
  border-color: #002c5e;
  background-color: #002c5e;
}

.bsi-inventory-cards-pagination-btn:hover svg path {
  stroke: #ffffff;
}

.bsi-inventory-cards-pagination-btn:focus {
  box-shadow: inset 0 0 0 0.0625rem #002c5e;
  box-sizing: border-box;
}

.bsi-inventory-cards-pagination-btn:disabled {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}

.bsi-inventory-cards-pagination-btn:disabled svg path {
  stroke: #888888;
}

.bsi-inventory-cards-pagination-btn-previous svg {
  transform: rotate(180deg);
}

@charset "UTF-8";
.bsi-expandable-section {
  background-color: #ffffff;
}

.bsi-expandable-section.is-expanded .bsi-expandable-chevron svg {
  transform: rotate(180deg);
}

.bsi-expandable-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  width: 100%;
  padding: 2rem 0 1.25rem;
  background: none;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

@media (max-width: 1439px) {
  .bsi-expandable-header {
    padding: 2rem 0 1.25rem;
  }
}

@media (max-width: 1023px) {
  .bsi-expandable-header {
    gap: 0.5rem;
    padding: 1.25rem 0;
  }
}

@media (max-width: 639px) {
  .bsi-expandable-header {
    padding: 1rem 0;
  }
}

.bsi-expandable-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}

.bsi-expandable-icon svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: none;
}

@media (max-width: 1023px) {
  .bsi-expandable-icon {
    width: 1.75rem;
    height: 1.75rem;
  }
  .bsi-expandable-icon svg {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.bsi-expandable-title {
  color: #002c5e;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

@media (max-width: 639px) {
  .bsi-expandable-title {
    flex: 1;
    font-size: 1.25rem;
    line-height: 1.625rem;
    text-align: left;
  }
}

.bsi-expandable-title:focus {
  outline: 0.125rem solid #00aad2;
  outline-offset: -0.125rem;
}

.bsi-expandable-chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 0.5rem;
  flex-shrink: 0;
}

.bsi-expandable-chevron svg {
  width: 1rem;
  height: 0.5rem;
  transition: transform 0.3s ease;
  stroke: #002c5e;
}

.bsi-expandable-subhead {
  border-bottom: 0.0625rem solid #f3f3f3;
  padding: 2.5rem 2.5rem 1.25rem 3rem;
  color: #002c5e;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.25rem;
}

@media (max-width: 1439px) {
  .bsi-expandable-subhead {
    font-size: 0.875rem;
    line-height: 1rem;
    padding: 1rem 1.25rem;
  }
}

@media (max-width: 1023px) {
  .bsi-expandable-subhead {
    padding: 1.25rem 0.75rem;
  }
}

.bsi-expandable-row {
  display: grid;
  grid-template-columns: 15.25rem auto;
  width: 100%;
  min-height: 5rem;
  align-items: center;
  border-bottom: 0.0625rem solid #f3f3f3;
  gap: 1rem;
}

@media (max-width: 1439px) {
  .bsi-expandable-row {
    grid-template-columns: none;
    grid-template-rows: repeat(2, auto);
    padding: 1.25rem;
    gap: 0.5rem;
  }
}

@media (max-width: 1023px) {
  .bsi-expandable-row {
    min-width: 45.8125rem;
    width: 100%;
    padding: 1.25rem 0.75rem;
  }
}

@media (max-width: 639px) {
  .bsi-expandable-row {
    min-width: unset;
    width: 100%;
    overflow-x: hidden;
  }
}

.bsi-expandable-row-last {
  border-bottom: none;
}

.bsi-expandable-label {
  flex: 1 0 0;
  padding-left: 3rem;
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.25rem;
}

@media (max-width: 1439px) {
  .bsi-expandable-label {
    font-size: 0.875rem;
    line-height: 1rem;
    padding: 0;
    margin: 0 0 0.5rem 0;
  }
}

.bsi-expandable-values {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  transition: background-color 0.2s linear, border-color 0.2s linear, box-shadow 0.2s linear;
}

@media (max-width: 1439px) {
  .bsi-expandable-values {
    width: 100%;
    gap: 4rem;
    padding: 0.25rem 0.5rem;
  }
}

@media (max-width: 1023px) {
  .bsi-expandable-values {
    min-width: 45.8125rem;
    overflow-x: auto;
    gap: 2.375rem;
    scrollbar-width: thin;
  }
}

@media (max-width: 639px) {
  .bsi-expandable-values {
    min-width: unset;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow-x: hidden;
    gap: 2.5625rem;
  }
}

.bsi-expandable-values.is-diff {
  border-radius: 0.5rem;
  background-color: rgba(0, 170, 210, 0.2);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.bsi-expandable-value {
  flex: 1;
  min-width: 12.5rem;
  text-align: center;
}

@media (max-width: 1200px) {
  .bsi-expandable-value {
    min-width: 9.375rem;
  }
}

@media (max-width: 1439px) {
  .bsi-expandable-value {
    min-width: 0;
    flex: 1;
    text-align: left;
  }
}

.bsi-expandable-value-text {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  font-size: 1rem;
  line-height: 1.375rem;
}

@media (max-width: 1439px) {
  .bsi-expandable-value-text {
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-align: left;
  }
}

.bsi-compare-overlay.highlight-differences .bsi-expandable-row.has-difference {
  background-color: rgba(0, 170, 210, 0.05);
}

.bsi-compare-overlay.highlight-differences .bsi-expandable-row.has-difference .bsi-expandable-value-text {
  font-weight: 500;
  color: #002c5e;
}

.bsi-expandable-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 3rem;
  color: #999;
}

.bsi-expandable-loading .bsi-loading-spinner {
  width: 2rem;
  height: 2rem;
  border: 0.1875rem solid #e6e6e6;
  border-top-color: #002c5e;
  border-radius: 50%;
  animation: spinner 0.8s linear infinite;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}

.bsi-compare-toolbar {
  display: flex;
  max-width: 120rem;
  align-items: center;
  gap: 1.5rem;
  padding: 2rem 6.5rem;
  margin: 0 auto;
  background-color: #ffffff;
}

@media (max-width: 1439px) {
  .bsi-compare-toolbar {
    padding: 1.25rem 3rem;
    gap: 0.75rem;
  }
}

@media (max-width: 1023px) {
  .bsi-compare-toolbar {
    flex-wrap: wrap;
    gap: 1.25rem;
    padding: 1.25rem 0;
  }
  .bsi-compare-toolbar .bsi-compare-toolbar.mobile-search-active .bsi-compare-toolbar__toggle-wrapper {
    display: none;
  }
  .bsi-compare-toolbar .bsi-compare-toolbar.mobile-search-active .bsi-compare-toolbar__expand {
    display: none;
  }
  .bsi-compare-toolbar__search {
    flex: 1 1 100%;
  }
  .bsi-compare-toolbar__toggle-wrapper {
    flex: 0 0 auto;
  }
  .bsi-compare-toolbar__expand {
    flex: 0 0 auto;
  }
}

@media (max-width: 639px) {
  .bsi-compare-toolbar {
    padding: 1.25rem 1rem;
    gap: 1.25rem;
  }
}

.bsi-compare-toolbar__search {
  position: relative;
  flex: 0 0 auto;
  width: 22.5rem;
}

@media (min-width: 1024px) {
  .bsi-compare-toolbar__search {
    width: 22.5rem;
  }
}

@media (max-width: 1023px) {
  .bsi-compare-toolbar__search {
    width: 100%;
    order: 1;
    flex-basis: 100%;
    margin: 0 0 1rem 0;
  }
}

.bsi-compare-toolbar__search.is-error .bsi-compare-toolbar__search-input {
  border-bottom-color: #e63312;
  outline: none;
}

.bsi-compare-toolbar__search.has-back-button {
  margin-left: 1.25rem;
}

.bsi-compare-toolbar .bsi-compare-toolbar__search-icon svg {
  fill: none;
}

.bsi-compare-toolbar .bsi-compare-toolbar__search.has-back-button .bsi-compare-toolbar__search-icon {
  left: 0.3125rem;
}

.bsi-compare-toolbar .bsi-compare-toolbar__search.has-back-button .bsi-compare-toolbar__search-input {
  padding-left: 2.5rem;
}

.bsi-compare-toolbar__search-icon {
  position: absolute;
  left: 0.5625rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.125rem;
  height: 1.125rem;
  pointer-events: none;
  fill: transparent;
}

.bsi-compare-toolbar__back {
  position: absolute;
  left: -2.1875rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  z-index: 1;
}

.bsi-compare-toolbar .bsi-compare-toolbar__back svg {
  fill: none;
}

.bsi-compare-toolbar__clear {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: 0;
  font-size: 1rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  cursor: pointer;
  color: #888888;
}

.bsi-compare-toolbar__clear:hover {
  color: #333333;
}

@media (max-width: 1023px) {
  .bsi-compare-toolbar__clear {
    min-width: 2.75rem;
    min-height: 2.75rem;
    right: 0;
  }
}

.bsi-compare-toolbar__search-input {
  width: 100%;
  height: 3rem;
  padding: 0 2rem 0 3rem;
  border: none;
  border-bottom: 1px solid #e6e6e6;
  background: transparent;
  color: #333333;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  outline: none;
  transition: border-color 0.2s ease;
  box-sizing: border-box;
}

.bsi-compare-toolbar__search-input:-ms-input-placeholder {
  color: #888888;
}

.bsi-compare-toolbar__search-input::placeholder {
  color: #888888;
}

.bsi-compare-toolbar__search-input:focus {
  border-bottom-color: #bababa;
}

.bsi-compare-toolbar__search-input.is-error {
  border-bottom-color: #e63312;
}

@media (max-width: 1023px) {
  .bsi-compare-toolbar__search-input {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-right: 2.5rem;
  }
}

.bsi-compare-toolbar__toggle-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 0 auto;
}

@media (max-width: 1023px) {
  .bsi-compare-toolbar__toggle-wrapper {
    order: 2;
    margin: 0;
  }
}

.bsi-compare-toolbar__toggle {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.75rem;
}

@media (max-width: 1023px) {
  .bsi-compare-toolbar__toggle {
    width: 2.75rem;
    height: 1.5rem;
  }
}

.bsi-compare-toolbar__toggle-input {
  opacity: 0;
  width: 0;
  height: 0;
}

.bsi-compare-toolbar__toggle-input:checked + .bsi-compare-toolbar__toggle-slider {
  background-color: #00aad2;
}

.bsi-compare-toolbar__toggle-input:checked + .bsi-compare-toolbar__toggle-slider:before {
  transform: translateX(0.75rem);
}

@media (max-width: 1023px) {
  .bsi-compare-toolbar__toggle-input:checked + .bsi-compare-toolbar__toggle-slider:before {
    transform: translateX(0.75rem);
  }
}

.bsi-compare-toolbar__toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 2.5rem;
  height: 1.625rem;
  padding: 0.25rem;
  background-color: #bababa;
  border-radius: 0.75rem;
  transition: 0.3s;
}

.bsi-compare-toolbar__toggle-slider:before {
  position: absolute;
  content: "";
  height: 1rem;
  width: 1rem;
  left: 0.375rem;
  bottom: 0.3125rem;
  background-color: #ffffff;
  border-radius: 50%;
  transition: 0.3s;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15);
}

@media (max-width: 1023px) {
  .bsi-compare-toolbar__toggle-slider:before {
    height: 1.125rem;
    width: 1.125rem;
    left: 0.3125rem;
    bottom: 0.25rem;
  }
}

.bsi-compare-toolbar__toggle-label {
  color: #333333;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

@media (max-width: 1023px) {
  .bsi-compare-toolbar__toggle-label {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.bsi-compare-toolbar__expand {
  flex: 0 0 auto;
  padding: 0;
  background: none;
  border: none;
  color: #002c5e;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}

@media (max-width: 1023px) {
  .bsi-compare-toolbar__expand {
    order: 3;
    margin: 0 0 0 auto;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.bsi-compare-toolbar__expand:disabled {
  cursor: not-allowed;
  color: #bababa;
  border-color: #bababa;
  opacity: 1;
}

@media (min-width: 640px) {
  .bsi-compare-toolbar.no-toggle .bsi-compare-toolbar__expand {
    margin-left: auto;
  }
}

.bsi-compare-no-results {
  margin-top: 0.75rem;
  color: #e63312;
}

.bsi-warranty-cards__grid {
  display: grid;
  grid-template-columns: repeat(4, 13.0625rem);
  gap: 1.5rem;
  justify-items: center;
  justify-content: center;
  padding: 4rem 0 2rem 0;
  background-color: #ffffff;
}

@media (max-width: 1023px) {
  .bsi-warranty-cards__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem 0.75rem;
    padding: 3rem 0 0.75rem 0;
  }
}

.bsi-warranty-cards__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 13.0625rem;
  gap: 0.75rem;
}

@media (max-width: 1023px) {
  .bsi-warranty-cards__item {
    width: 10.3125rem;
    gap: 0.25rem;
  }
}

.bsi-warranty-cards__icon {
  display: block;
}

.bsi-warranty-cards__icon svg {
  fill: none;
}

.bsi-warranty-cards__title {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 500;
  text-align: center;
}

@media (max-width: 1023px) {
  .bsi-warranty-cards__title {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.bsi-warranty-cards__desc {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #888888;
  text-align: center;
}

@media (max-width: 1023px) {
  .bsi-warranty-cards__desc {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 400;
  }
}

.bsi-warranty-cards__support {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #888888;
  text-align: center;
}

@media (min-width: 1440px) {
  .bsi-warranty-cards__support {
    font-weight: 400;
    color: #1F1E21;
  }
}

@media (max-width: 1023px) {
  .bsi-warranty-cards__support {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 400;
    color: #1F1E21;
  }
}

.bco-model-cards {
  position: relative;
  display: flex;
  margin: auto;
  padding: auto;
  width: 100%;
}

.bco-model-cards-inner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
  margin: auto;
  width: 100%;
}

@media screen and (max-width: 1439px) {
  .bco-model-cards-inner {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media screen and (max-width: 1023px) {
  .bco-model-cards-inner {
    width: 100%;
    gap: 0.75rem;
  }
}

.bco-model-cards-title {
  display: flex;
  padding: 0;
}

@media screen and (max-width: 1439px) {
  .bco-model-cards-title {
    width: 100%;
  }
}

@media screen and (max-width: 1023px) {
  .bco-model-cards-title {
    padding: 0 2rem 0;
  }
}

@media screen and (max-width: 639px) {
  .bco-model-cards-title {
    padding: 0 1rem 0;
  }
}

.bco-model-cards-title .bsi-model-cards-close {
  display: none;
}

@media screen and (max-width: 1439px) {
  .bco-model-cards-title .bsi-model-cards-close {
    display: block;
  }
}

.bco-model-cards-title-text {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.625rem;
  display: flex;
  width: 16.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
}

@media screen and (max-width: 1439px) {
  .bco-model-cards-title-text {
    width: 100%;
  }
}

@media screen and (max-width: 1023px) {
  .bco-model-cards-title-text {
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.25rem;
    /* 120% */
  }
}

.bco-model-cards-item {
  display: flex;
  width: 28.9166875rem;
  padding: 1.25rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 1rem;
  background: #323232;
  box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1920px) {
  .bco-model-cards-item {
    width: 100%;
    min-width: 20.4375rem;
  }
}

@media screen and (max-width: 1439px) {
  .bco-model-cards-item {
    width: 100%;
    min-width: 17.3125rem;
  }
}

@media screen and (max-width: 1023px) {
  .bco-model-cards-item {
    width: auto;
    padding: 0.75rem;
    gap: 1rem;
    height: 100%;
    min-width: auto;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 1023px) {
  .bco-model-cards-item-no-gap {
    gap: 0;
  }
}

.bco-model-cards-trim-selector {
  display: flex;
  align-items: center;
  align-self: stretch;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1023px) {
  .bco-model-cards-trim-selector-cta {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
}

.bco-model-cards-trim-selector-cta-remove {
  display: flex;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  align-self: stretch;
  border-radius: 6.1875rem;
  background: #666666;
}

.bco-model-cards-trim-selector-cta-remove svg {
  width: 0.75rem;
  height: 0.125rem;
  flex-shrink: 0;
  stroke-width: 0.09375rem;
  stroke: #ffffff;
}

.bco-model-cards-trim-selector-cta-remove span {
  display: block;
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  /* 100% */
}

@media screen and (max-width: 1023px) {
  .bco-model-cards-trim-selector-cta-remove span {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .bco-model-cards-trim-selector-cta-remove {
    padding: 1rem 0.625rem;
  }
}

.bco-model-cards-trim-selector-dropdown {
  position: relative;
}

.bco-model-cards-trim-selector-dropdown-button {
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  /* 100% */
  display: flex;
  padding-right: 0.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}

.bco-model-cards-trim-selector-dropdown-button svg {
  width: 0.5rem;
  height: 0.25rem;
  stroke-width: 0.09375rem;
  stroke: #ffffff;
}

.bco-model-cards-trim-selector-dropdown-select {
  display: flex;
  flex-direction: column;
  position: absolute;
  padding: 0;
  margin: 0.5rem 0 0;
  align-items: center;
  border-radius: 0.25rem;
  box-shadow: 0 0.3768125rem 3.0146875rem 0 rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(30.1470584869px);
          backdrop-filter: blur(30.1470584869px);
  background: rgba(102, 102, 102, 0.4);
  z-index: 5;
}

.bco-model-cards-trim-selector-dropdown-select li {
  display: flex;
  padding: 0.75rem;
  align-items: center;
  align-self: stretch;
  cursor: pointer;
}

.bco-model-cards-trim-selector-dropdown-select li:hover {
  background: rgba(102, 102, 102, 0.8);
}

.bco-model-cards-trim-selector-dropdown-select li:hover:first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.bco-model-cards-trim-selector-dropdown-select li:hover:last-of-type {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.bco-model-cards-trim-selector-dropdown-select li span {
  color: #ffffff;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.875rem;
  /* 100% */
  white-space: nowrap;
}

.bco-model-cards-image {
  align-self: stretch;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  overflow: hidden;
}

.bco-model-cards-image picture {
  height: 10.8125rem;
}

.bco-model-cards-image img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  transform: scale(1.3);
  transform-origin: center center;
}

.bco-model-cards-image img.no-scale {
  transform: none;
}

@media screen and (max-width: 1023px) {
  .bco-model-cards-image {
    display: none;
  }
}

.bco-model-cards-image-disclaimer {
  color: #e6e6e6;
  text-align: center;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  /* 133.333% */
}

.bco-model-cards-details {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  align-self: stretch;
}

@media screen and (max-width: 1023px) {
  .bco-model-cards-details {
    gap: 1rem;
    flex-direction: column;
  }
}

.bco-model-cards-details-model {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  flex: 1 0 0;
}

.bco-model-cards-details-model .bco-model-cards-details-model-name {
  align-self: stretch;
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  /* 114.286% */
}

.bco-model-cards-details-model .bco-model-cards-details-model-trim-name {
  flex: 1 0 0;
  align-self: stretch;
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.625rem;
  /* 108.333% */
}

.bco-model-cards-details-model .bco-model-cards-details-model-vin {
  flex: 1 0 0;
  align-self: stretch;
  color: #ffffff;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.75rem;
  /* 100% */
}

.bco-model-cards-details-msrp {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
}

.bco-model-cards-details-msrp .bco-model-cards-details-msrp-text {
  color: #bababa;
  text-align: right;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  /* 133.333% */
}

@media screen and (max-width: 1023px) {
  .bco-model-cards-details-msrp .bco-model-cards-details-msrp-text {
    text-align: left;
  }
}

.bco-model-cards-details-msrp .bco-model-cards-details-msrp-price {
  color: #ffffff;
  text-align: right;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.625rem;
  /* 108.333% */
}

@media screen and (max-width: 1023px) {
  .bco-model-cards-details-msrp .bco-model-cards-details-msrp-price {
    text-align: left;
  }
}

@media screen and (max-width: 1023px) {
  .bco-model-cards-details-msrp {
    align-items: flex-start;
  }
}

.bco-model-cards-loaded-meter {
  display: flex;
  height: 1.5rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  margin-top: auto;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.bco-model-cards-item-scrolled .bco-model-cards-loaded-meter {
  margin-top: 0;
}

.bco-model-cards-loaded-meter-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  color: #ffffff;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.75rem;
  /* 100% */
}

.bco-model-cards-item-top, .bco-model-cards-item-bottom {
  position: relative;
  width: 100%;
}

.bco-model-cards-item-bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  height: 100%;
}

.bco-model-cards-loaded-meter-line {
  display: flex;
  height: 0.25rem;
  align-items: center;
  gap: 0.125rem;
  flex-shrink: 0;
  align-self: stretch;
}

.bco-model-cards-loaded-meter-line .bco-model-cards-loaded-meter-line-dash {
  flex: 1 0 0;
  align-self: stretch;
  background: #888888;
  height: 0.125rem;
  margin: auto;
}

.bco-model-cards-loaded-meter-line .bco-model-cards-loaded-meter-line-dash-active {
  background: #ffffff;
  height: 0.25rem;
  flex: 1 0 0;
}

.bco-model-cards-cta {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1rem;
  align-self: stretch;
  flex-wrap: wrap;
  margin-top: 0;
}

.bco-model-cards-cta .bco-model-cards-cta-link {
  display: flex;
  padding-right: 0.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  /* 100% */
  text-decoration: none;
  cursor: pointer;
}

.bco-model-cards-cta svg {
  width: 0.5rem;
  flex-shrink: 0;
  stroke-width: 0.09375rem;
  stroke: #ffffff;
  fill: none;
}

@media screen and (max-width: 1023px) {
  .bco-model-cards-cta {
    flex-direction: column;
  }
}

.bco-model-cards-item-scrolled .bco-model-cards-cta {
  margin-top: auto;
}

.bco-model-cards-container-desktop {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  align-items: stretch;
  gap: 1.5rem;
  flex: 1 0 0;
}

@media screen and (max-width: 1023px) {
  .bco-model-cards-container-desktop {
    display: none;
  }
}

.bco-model-cards-container-mobile {
  display: none;
}

@media screen and (max-width: 1023px) {
  .bco-model-cards-container-mobile {
    position: relative;
    display: block;
    width: 100%;
  }
}

.bco-model-cards-container-mobile-swiper {
  width: 100%;
  overflow-x: clip;
  overflow-y: visible;
  margin: 0;
  height: 100%;
}

.bco-model-cards-container-mobile-swiper .swiper-wrapper {
  margin-bottom: 0;
  align-items: stretch;
}

.bco-model-cards-container-mobile-swiper .swiper-slide {
  height: auto;
  border-radius: 1rem;
}

.bco-model-cards-swiper-left {
  padding-left: 2rem;
}

@media screen and (max-width: 639px) {
  .bco-model-cards-swiper-left {
    padding-left: 1rem;
  }
}

.bco-model-cards-swiper-right {
  padding-right: 2rem;
}

@media screen and (max-width: 639px) {
  .bco-model-cards-swiper-right {
    padding-right: 1rem;
  }
}

.bco-model-cards-scrolled-hidden {
  position: absolute !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: none !important;
}

.bsi-compare-overlay-top-section {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #f6f3f2;
  z-index: 5;
}

.bsi-model-cards-closebar {
  display: none;
  justify-content: flex-end;
  margin-bottom: 0.625rem;
  width: 100%;
}

@media (min-width: 1440px) {
  .bsi-model-cards-closebar {
    display: flex;
  }
}

.bsi-model-cards-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
}

.bsi-model-cards-close svg {
  width: 2rem;
  height: 2rem;
}

.bsi-compare-overlay-top-section-container {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 120rem;
  gap: 1.5rem;
  margin: auto;
  padding: 3rem 6rem;
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out, margin 0.3s ease-in-out, padding 0.3s ease-in-out;
}

@media screen and (max-width: 1920px) {
  .bsi-compare-overlay-top-section-container {
    padding: 3rem 4.5rem;
  }
}

@media screen and (max-width: 1439px) {
  .bsi-compare-overlay-top-section-container {
    padding: 3rem 2.625rem;
  }
}

@media screen and (max-width: 1023px) {
  .bsi-compare-overlay-top-section-container {
    gap: 0.75rem;
    padding: 1.5rem 0;
  }
}

.bco-selected-filters {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  gap: 1.5rem;
  padding: 0;
}

@media screen and (max-width: 1023px) {
  .bco-selected-filters {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0 2rem;
  }
}

@media screen and (max-width: 639px) {
  .bco-selected-filters {
    padding: 0 1rem;
  }
}

.bco-selected-filters-copy {
  width: 16.75rem;
  color: #333333;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  /* 142.857% */
}

.bco-selected-filters-list {
  display: flex;
  flex-wrap: wrap;
  flex: 1 0 0;
  align-items: center;
  gap: 0.5rem;
}

.bco-selected-filters-list-text {
  border-radius: 0.25rem;
  background: #ffffff;
  color: #333333;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  /* 100% */
  padding: 0.375rem 0.5rem;
}

.bco-selected-filters-list-text-more {
  background: transparent;
}

@media screen and (max-width: 1023px) {
  .bsi-compare-overlay-top-section.search-active-mobile .bsi-compare-overlay-top-section-container {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    margin: 0;
    padding: 0;
  }
}

.bsi-compare-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100vw;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1051;
  background: #ffffff;
}

body.bsi-compare-modal-open {
  overflow: hidden;
}

.search-highlight {
  text-decoration: underline;
}

.bsi-expandable-empty {
  padding: 2rem;
  text-align: center;
  color: #999;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.bsi-disclaimer {
  color: #333333;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 1rem 0 0 0;
  padding: 1.5rem 6rem;
  background-color: #ffffff;
}

@media (max-width: 1023px) {
  .bsi-disclaimer {
    padding: 1.5rem 2.5rem;
  }
}

.bsi-disclaimer p {
  margin: 1rem auto;
}

.bsi-compare-overlay-wrapper {
  background-color: #ffffff;
}

.bsi-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 2000;
  background-color: #ffffff;
}

.bsi-compare-overlay-middle-section {
  /*  (≈375px) */
  padding: 0 1rem;
  /* ≥640px */
  /* ≥1024px */
  /* ≥1440px */
  /* ≥1920px */
}

@media (min-width: 640px) {
  .bsi-compare-overlay-middle-section {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .bsi-compare-overlay-middle-section {
    padding: 0 2.625rem;
  }
}

@media (min-width: 1440px) {
  .bsi-compare-overlay-middle-section {
    padding: 0 4.5rem;
  }
}

@media (min-width: 1920px) {
  .bsi-compare-overlay-middle-section {
    padding: 0 6rem;
  }
}

.bsi-overlay-show {
  display: block;
}

.bsi-overlay-content {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
  margin: 0 auto;
  width: 100%;
  scrollbar-width: thin;
}

.bsi-compare-overlay-top-toolbar-section {
  max-height: 100%;
  transition: all linear 0.2s;
  background-color: #ffffff;
}

@media (max-width: 1023px) {
  .bsi-compare-overlay-top-toolbar-section {
    padding: 0 2rem;
  }
}

@media (max-width: 639px) {
  .bsi-compare-overlay-top-toolbar-section {
    padding: 0 1rem;
  }
}

.bsi-compare-overlay-top-toolbar-section.scrolled {
  border-bottom: 0.0625rem solid #e6e6e6;
}

.bsi-compare-overlay-top-toolbar-section-scrolled-hidden {
  opacity: 0;
  visibility: hidden;
  max-height: 0 !important;
}

.bsi-compare-overlay-combined-section {
  max-width: 120rem;
  margin: 0 auto;
  background-color: #ffffff;
}

.bsi-finance-container {
  height: 100%;
}

.bsi-lease-container {
  height: 100%;
}

.bsi-payment-calculator-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1050;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}

.bsi-payment-calculator {
  position: relative;
  width: 30rem;
  height: 80%;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: #CECECE transparent;
  border-radius: 0.75rem;
  background-color: #f3f3f3;
}

.bsi-payment-calculator::-webkit-scrollbar {
  width: 0.25rem;
}

@media (max-width: 1023px) {
  .bsi-payment-calculator {
    width: 26.75rem;
  }
}

@media (max-width: 639px) {
  .bsi-payment-calculator {
    width: 100%;
    height: 100dvh;
    border-radius: 0;
  }
}

.bsi-calculator-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  height: 100%;
}

.bsi-payment-calculator-main {
  height: calc(100% - 98px);
}

@media (max-width: 1023px) {
  .bsi-payment-calculator-main {
    height: calc(100% - 82px);
  }
}

.bsi-payment-calculator-top {
  display: flex;
  justify-content: space-between;
  height: 6rem;
  padding: 2rem 2rem 0;
}

@media (max-width: 1023px) {
  .bsi-payment-calculator-top {
    height: 5rem;
    padding: 1rem 1rem 0;
  }
}

.bsi-payment-calculator-close {
  width: 1.5rem;
  height: 1.5rem;
}

.bsi-payment-calculator-close svg {
  color: #333333;
}

.bsi-payment-calculator-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  background-color: #002c5e;
  padding: 0.25rem;
  border-radius: 1.25rem;
  height: 2.5rem;
}

.bsi-payment-calculator-toggle-btn {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 0.875rem;
  height: 2rem;
  color: #ffffff;
  vertical-align: middle;
  border-radius: 6.1875rem;
  padding: 0.625rem 1rem;
}

.bsi-payment-calculator-toggle-btn-active {
  background-color: #ffffff;
  color: #002c5e;
}

.bsi-calculator-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.bsi-calculator-title {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.875rem;
}

.bsi-calculator-head-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #333333;
  padding: 2rem 2rem 0;
}

@media (max-width: 1023px) {
  .bsi-calculator-head-text {
    padding: 1rem 1rem 0;
  }
}

.bsi-calculator-head-text p {
  display: inline;
}

.bsi-calculator-head-text svg {
  fill: none;
}

.bsi-calculator-body-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
  height: 100%;
}

.bsi-calculator-body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  border-top: 0.0625rem solid #bababa;
  color: #666666;
  margin: 0 2rem;
  padding-top: 1.5rem;
}

@media (max-width: 1023px) {
  .bsi-calculator-body {
    margin: 0 1rem;
  }
}

.bsi-calculator-disclaimer {
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  color: #333333;
}

.bsi-calculator-disclaimer svg {
  fill: none;
}

.bsi-calculator-trade-in {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.bsi-calculator-trade-in input {
  transform: scale(1.5);
  margin-right: 0.25rem;
  vertical-align: middle;
}

.bsi-calculator-trade-in label {
  padding-right: 1.25rem;
  color: #333333;
  font-weight: 500;
}

.bsi-calculator-trade-in .bsi-calculator-trade-in-section .testdrive-modal-form-contact-option {
  margin: 0;
}

.bsi-calculator-trade-in-section .testdrive-modal-form-radio-button {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}

.bsi-calculator-trade-in-section .testdrive-modal-form-radio-button.form-radio-button::after {
  top: 0.125rem;
  left: 0.125rem;
}

.bsi-calculator-trade-in .bsi-calculator-trade-txt {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.875rem;
}

.bsi-calculator-down-payment-trade-in {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bsi-calculator-loan-term {
  display: flex;
  gap: 0.75rem;
  width: 100%;
}

.bsi-calculator-loan-term .bsi-calculator-loan-term-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2.75rem;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  line-height: 1.375rem;
  color: #333333;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  background-color: #ffffff;
  padding: 0.0625rem 0.75rem;
  cursor: pointer;
}

.bsi-calculator-loan-term .bsi-calculator-loan-term-item:hover {
  font-weight: 700;
  border: 0.125rem solid #00aad2;
}

.bsi-calculator-loan-term .bsi-calculator-loan-term-item.bsi-calculator-loan-term-item-active {
  font-weight: 700;
  border: 0.125rem solid #00aad2;
}

.bsi-calculator-trade-estimate-txt a {
  color: #001A38;
  cursor: pointer;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 0.875rem;
}

.bsi-calculator-loan-term-rate {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  height: 2.75rem;
  text-align: center;
  color: #333333;
  background-color: #ffffff;
  border: 0.125rem solid #00aad2;
  border-radius: 0.25rem;
  padding: 0.0625rem 0.75rem;
}

.bsi-calculator-dont-know-score {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.875rem;
  text-decoration: none;
  color: #002c5e;
  cursor: pointer;
}

.bsi-calculator-external-icon {
  display: inline-block;
  margin-left: 0.25rem;
  height: 0.6875rem !important;
  width: 0.6875rem !important;
}

.bsi-calculator-bottom {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  background-color: #ffffff;
  padding: 1rem 2rem;
}

@media (max-width: 1023px) {
  .bsi-calculator-bottom {
    padding: 1rem;
  }
}

@media (max-width: 639px) {
  .bsi-calculator-bottom {
    padding-bottom: env(safe-area-inset-bottom);
  }
}

.bsi-calculator-bottom-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
}

@media (max-width: 639px) {
  .bsi-calculator-bottom-wrapper {
    padding-bottom: 1rem;
  }
}

@media (max-width: 420px) {
  .bsi-calculator-bottom-wrapper {
    gap: unset;
  }
}

.bsi-calculator-bottom-payment {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.bsi-calculator-bottom-monthly-payment {
  display: flex;
  align-items: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 2.25rem;
  color: #000000;
  white-space: nowrap;
}

.bsi-calculator-bottom-monthly-payment small {
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 500;
  place-self: flex-end;
}

.bsi-calculator-bottom-monthly-payment svg {
  fill: none;
}

@media (max-width: 1023px) {
  .bsi-calculator-bottom-monthly-payment {
    font-size: 1.5rem;
    line-height: 1.625rem;
  }
  .bsi-calculator-bottom-monthly-payment small {
    font-size: 0.875rem;
    line-height: 1rem;
  }
}

.bsi-calculator-bottom-msrp {
  display: flex;
  align-items: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #000000;
  white-space: nowrap;
}

@media (max-width: 1023px) {
  .bsi-calculator-bottom-msrp {
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
}

.bsi-calculator-bottom-msrp svg {
  fill: none;
}

.bsi-calculator-bottom-msrp-bold {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-right: 0.25rem;
}

@media (max-width: 1023px) {
  .bsi-calculator-bottom-msrp-bold {
    font-size: 0.875rem;
    line-height: 1rem;
  }
}

.bsi-calculator-save-payment-details {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1rem;
  height: 2.75rem;
  text-align: center;
  vertical-align: middle;
  background-color: #002c5e;
  color: #ffffff;
  padding: 0.75rem 1.5rem;
  white-space: nowrap;
}

.bsi-calculator-save-payment-details:hover {
  border-color: #001A38;
  background-color: #001A38;
  color: #ffffff;
}

.bsi-calculator-save-payment-details.disabled {
  color: #888888;
  background-color: #bababa;
}

@media (max-width: 420px) {
  .bsi-calculator-save-payment-details {
    max-width: 12.125rem;
  }
}

.bsi-calculator-slider-down-payment {
  display: flex;
  gap: 0.75rem;
}

.bsi-calculator-slider-down-payment input:nth-child(2) {
  width: 78%;
  display: flex;
  margin: auto;
}

@media (min-width: 1024px) {
  .bsi-calculator-slider-down-payment input:nth-child(2) {
    display: block;
    margin-left: 0.3125rem;
  }
}

.bsi-calculator-downpaymet-slider-input {
  width: 8.125rem;
  height: 2.75rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: #333333;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  background-color: #ffffff;
  padding: 0.0625rem 0.75rem;
}

@media (max-width: 1023px) {
  .bsi-calculator-downpaymet-slider-input {
    width: 6.625rem;
  }
}

.bsi-calculator-downpayment-wrapper {
  width: 70%;
  display: flex;
  align-items: center;
  margin: auto;
  position: relative;
}

.bsi-calculator-downpayment-wrapper .bsi-credit-score-slider-container {
  height: 0.625rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .bsi-calculator-downpayment-wrapper {
    width: 75%;
  }
}

@media (min-width: 640px) {
  .bsi-calculator-downpayment-wrapper {
    width: 60%;
  }
}

.bsi-calculator-downpayment-cover {
  position: absolute;
  z-index: 1;
  display: flex;
  width: 100%;
}

.bsi-calculator-downpayment-cover .bsi-calculator-downpayment-track-scroll {
  display: inline-block;
  height: 0.25rem;
  background-color: #00aad2;
}

.bsi-calculator-downpayment-cover .bsi-calculator-downpayment-track-reverse {
  display: inline-block;
  height: 0.25rem;
  background-color: #bababa;
}

.bsi-credit-score-slider {
  display: flex;
  gap: 0.75rem;
}

.bsi-credit-score-slider-cover {
  position: absolute;
  z-index: 1;
  display: flex;
  width: 100%;
}

.bsi-credit-score-slider-cover .bsi-credit-score-slider-track-scroll {
  display: inline-block;
  height: 0.25rem;
  background-color: #00aad2;
}

.bsi-credit-score-slider-cover .bsi-credit-score-slider-track-reverse {
  display: inline-block;
  height: 0.25rem;
  background-color: #bababa;
}

.bsi-credit-score-slider-sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.bsi-credit-score-slider-mp, .bsi-calculator-downpayment-mp {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 0.25rem;
  background: transparent;
  transition: opacity 0.2s;
}

.bsi-credit-score-slider input:nth-child(2) {
  width: 100%;
  display: flex;
  margin: auto;
}

@media (min-width: 1024px) {
  .bsi-credit-score-slider input:nth-child(2) {
    display: block;
    margin-left: 0.3125rem;
  }
}

.bsi-credit-score-slider-input, .bsi-calculator-downpayment-input {
  width: 8.125rem;
  height: 2.75rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: #333333;
  border: 0.0625rem solid #bababa;
  border-radius: 0.25rem;
  background-color: #ffffff;
  padding: 0.0625rem 0.75rem;
}

@media (max-width: 1023px) {
  .bsi-credit-score-slider-input, .bsi-calculator-downpayment-input {
    width: 6.625rem;
  }
}

.bsi-credit-score-slider-status-text {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333333;
}

.bsi-credit-score-slider-cover .bsi-credit-score-slider-track-scroll, .bsi-calculator-downpayment-cover .bsi-calculator-downpayment-track-scroll {
  display: inline-block;
  height: 0.25rem;
  background-color: #00aad2;
}

.edit-credit {
  left: 0;
}

.bsi-credit-score-slider-mp::-webkit-slider-thumb, .bsi-calculator-downpayment-mp::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  border: 0.3125rem solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.bsi-credit-score-slider-mp::-moz-range-thumb, .bsi-calculator-downpayment-mp::-moz-range-thumb {
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  border: 0.3125rem solid #00aad2;
  background: #ffffff;
  cursor: pointer;
}

.bsi-credit-score-slider-mp::-ms-thumb, .bsi-calculator-downpayment-mp::-ms-thumb {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  border: 0.3125rem solid #00aad2;
  background: #ffffff;
}

.bsi-credit-score-slider-mp::-ms-track, .bsi-calculator-downpayment-mp::-ms-track {
  border: none;
  width: 0;
  height: 0;
  background: transparent;
  color: transparent;
}

.bsi-credit-score-slider-wrapper {
  width: 70%;
  display: flex;
  align-items: center;
  margin: auto;
  position: relative;
}

.bsi-credit-score-slider-wrapper .bsi-credit-score-slider-container {
  height: 0.625rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .bsi-credit-score-slider-wrapper {
    width: 75%;
  }
}

@media (min-width: 640px) {
  .bsi-credit-score-slider-wrapper {
    width: 60%;
  }
}

.bsi-credit-score-slider-mp:focus, .bsi-calculator-downpayment-mp:focus {
  outline: none;
}

.bsi-calculator-error {
  padding: 0.75rem;
  background-color: rgba(230, 51, 18, 0.1);
  border: 1px solid #e6e6e6;
  border-radius: 0.5rem;
}

.bsi-calculator-error-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  color: #333333;
}

.bsi-calculator-error-text span button {
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

.bsi-raq-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1050;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}

.bsi-raq-inner {
  display: flex;
  position: relative;
  width: 21.4375rem;
  max-height: 90%;
  padding: 1.25rem;
  gap: 1.25rem;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0.75rem;
  border: 0.0625rem solid #e6e6e6;
  background: #f3f3f3;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: #CECECE transparent;
}

.bsi-raq-inner::-webkit-scrollbar {
  width: 0.25rem;
}

@media (min-width: 640px) {
  .bsi-raq-inner {
    width: 26.8125rem;
  }
}

@media (min-width: 1024px) {
  .bsi-raq-inner {
    width: 40rem;
    padding: 2.5rem;
    gap: 1.5rem;
  }
}

.bsi-raq-errors-notice {
  display: flex;
  padding: 1.25rem 3rem;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
}

.bsi-raq-errors-notice span {
  color: #e63312;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
}

.bsi-raq-errors-notice svg {
  width: 1.5625rem;
  height: 1.4375rem;
}

.bsi-raq-close-btn {
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 0.375rem;
}

.bsi-raq-close-btn svg {
  width: 1rem;
  height: 1rem;
}

@media (min-width: 1024px) {
  .bsi-raq-close-btn {
    right: 1.5rem;
    top: 1.5rem;
  }
}

.bsi-raq-header {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem;
}

.bsi-raq-description {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}

.bsi-raq-submit-btn-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.bsi-raq-submit-btn {
  display: flex;
  width: 13.5rem;
  height: 2.75rem;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  background: #002c5e;
  color: #ffffff;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}

.bsi-raq-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  align-self: stretch;
  width: 100%;
}

@media (min-width: 1024px) {
  .bsi-raq-field {
    width: 50%;
  }
}

.bsi-raq-field label {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.75rem;
}

.bsi-raq-field input {
  display: flex;
  height: 2.75rem;
  padding: 0.0625rem 0.75rem;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.25rem;
  border: 0.0625rem solid #bababa;
  background: #ffffff;
}

.bsi-raq-label-error {
  display: none;
  color: #e63312;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.75rem;
}

.bsi-raq-field-error .bsi-raq-label-error {
  display: block;
}

.bsi-raq-error {
  display: none;
  color: #e63312;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

.bsi-raq-field-error .bsi-raq-error {
  display: block;
}

.bsi-raq-form, .bsi-raq-dealer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
}

.bsi-raq-contact-info-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.bsi-raq-contact-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 1rem;
}

.bsi-raq-zipcode-selector {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.bsi-raq-zipcode-selector-header {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
}

.bsi-raq-contact-info-labels {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .bsi-raq-contact-info-labels {
    flex-direction: row;
  }
}

.bsi-raq-zipcode-dealer {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
}

.bsi-raq-zipcode-selector-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.bsi-raq-checkbox {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.bsi-raq-custom-checkbox {
  display: flex;
}

.bsi-raq-custom-checkbox-button {
  flex-shrink: 0;
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  cursor: pointer;
  border-radius: 0.1875rem;
  border: 0.09375rem solid #bababa;
  background: #ffffff;
}

.bsi-raq-checkbox:checked ~ .bsi-raq-custom-checkbox .bsi-raq-custom-checkbox-button,
.bsi-raq-checkbox:checked ~ .bsi-raq-custom-checkbox .bsi-raq-custom-checkbox-button {
  border: 0.09375rem solid #00aad2;
  background: #00aad2;
}

.bsi-raq-checkbox:checked ~ .bsi-raq-custom-checkbox .bsi-raq-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.125rem;
  left: 0.25rem;
  width: 0.3333125rem;
  height: 0.5rem;
  border: 0.09375rem solid #ffffff;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.bsi-raq-field-error .bsi-raq-custom-checkbox-button {
  border: 0.125rem solid #e63312;
}

.bsi-raq-zipcode-dealer-item-copy {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

.bsi-raq-dealer-disabled {
  pointer-events: none;
  opacity: 0.3;
}

.bsi-raq-field-preferred {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.bsi-raq-preferred-contacts {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
}

.bsi-raq-custom-radio {
  display: flex;
  height: 1rem;
  align-items: flex-end;
  gap: 0.5rem;
}

.bsi-raq-zipcode-dealer-preferred {
  display: flex;
  padding: 0.125rem 0.5rem 0.125rem 0.25rem;
  align-items: center;
  gap: 0.25rem;
  border-radius: 1.5rem;
  background: #ffffff;
}

.bsi-raq-zipcode-dealer-preferred svg {
  width: 1rem;
  height: 1rem;
}

.bsi-raq-zipcode-dealer-preferred span {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
}

.bsi-raq-zipcode-dealer-empty-input {
  display: flex;
  width: 1rem;
  height: 1rem;
  padding-top: 0.0625rem;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.1875rem;
  background: #e6e6e6;
}

.bsi-raq-zipcode-dealer-empty-copy {
  display: flex;
  height: 1rem;
  padding-top: 0.0625rem;
  align-items: center;
  gap: 0.625rem;
  flex: 1 0 0;
  border-radius: 0.1875rem;
  background: #e6e6e6;
}

.bsi-raq-label-error-dealers {
  display: block;
}

.bsi-raq-change-dealer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.bsi-raq-change-dealer-header {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
}

.bsi-raq-change-dealer-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  align-self: stretch;
}

.bsi-raq-change-dealer-btn {
  display: flex;
  gap: 0.125rem;
}

.bsi-raq-change-dealer-btn svg {
  width: 0.875rem;
  height: 0.875rem;
}

.bsi-raq-change-dealer-btn span {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.75rem;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.bsi-raq-contact-info-header {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
}

.bsi-raq-custom-radio {
  height: 1.125rem;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  order: 2;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.bsi-raq-custom-radio-input {
  width: 1.125rem;
  height: 1.125rem;
  opacity: 0;
}

.bsi-raq-custom-radio-input:checked + label::before {
  border-color: #00aad2;
}

.bsi-raq-custom-radio-input:checked + label::after {
  display: block;
}

.bsi-raq-custom-radio-input:focus + label::before {
  outline-color: -webkit-focus-ring-color;
  outline-style: auto;
}

.bsi-raq-custom-radio-label {
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.bsi-raq-custom-radio-label::before {
  content: '';
  width: 1.125rem;
  height: 1.125rem;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.125rem solid #bababa;
  border-radius: 50%;
}

.bsi-raq-custom-radio-label::after {
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  display: none;
  background: #00aad2;
  border-radius: 50%;
}

.bsi-raq-group-preferred-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
}

.bsi-raq-consent {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.bsi-raq-custom-checkbox-label {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.bsi-raq-custom-checkbox-label-consent {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}

.bsi-raq-custom-checkbox-label-consent a {
  color: currentColor;
}

.bsi-raq-comment-button {
  color: #002c5e;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
  text-align: left;
}

.bsi-raq-comment-button .bsi-raq-comment-button-icon svg {
  width: 1.5rem;
  height: 1.5rem;
}

.bsi-raq-comment {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  align-self: stretch;
}

.bsi-raq-comment-textarea {
  display: flex;
  height: 6.4375rem;
  padding: 0.75rem;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  width: 100%;
  border-radius: 0.25rem;
  border: 0.0625rem solid #bababa;
  background: #ffffff;
  outline: none;
  resize: none;
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0.75rem 0;
}

.bsi-raq-comment-remain {
  color: #666666;
  text-align: left;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.75rem;
  width: 100%;
}

.bsi-raq-comment-form {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.bsi-raq-group-comments {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-start;
}

.bsi-raq-comment-disclaimer-content {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}

.bsi-raq-comment-disclaimer-content a {
  color: currentColor;
}

.bsi-raq-success-container {
  display: flex;
  position: relative;
  width: 21.4375rem;
  padding: 1.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-radius: 0.75rem;
  border: 0.0625rem solid #e6e6e6;
  background: #f3f3f3;
}

@media (min-width: 640px) {
  .bsi-raq-success-container {
    width: 26.8125rem;
  }
}

@media (min-width: 1024px) {
  .bsi-raq-success-container {
    width: 40rem;
    padding: 2.5rem;
    gap: 1.5rem;
  }
}

.bsi-raq-success-thank-you {
  color: #333333;
  text-align: center;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.625rem;
}

.bsi-raq-success-desc {
  color: #333333;
  text-align: center;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

.bsi-raq-submit-btn:disabled {
  background: #bababa;
  color: #888888;
}

.bsi-raq-electric-salable {
  width: 100%;
  padding: 1rem;
  align-self: stretch;
  background: #EEF7F9;
}

.bsi-raq-electric-salable-copy {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
}

.bsi-raq-asterisk:after {
  content: '*';
  color: #e63312;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.875rem;
}

.bsi-raq-dealer-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  background: #e6e6e6;
}

.bsi-raq-dealer-selected-default {
  color: #1F1E21;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  text-transform: capitalize;
}

.bsi-raq-dealer-selected-cta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.bsi-raq-dealer-selected-miles {
  color: #1F1E21;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

.bsi-raq-dealer-selected-btn {
  color: #1F1E21;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.bsi-raq-dealer-open {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
}

@media (min-width: 1024px) {
  .bsi-raq-dealer-open {
    flex-direction: row;
  }
}

.bsi-raq-dealer-zip-container {
  max-width: 7rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.bsi-raq-input-zipcode {
  display: flex;
  height: 2.75rem;
  max-width: 7rem;
  padding: 0 1rem;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: textfield;
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #bababa;
  background: #ffffff;
}

.bsi-raq-input-zipcode::-webkit-outer-spin-button, .bsi-raq-input-zipcode::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.bsi-raq-input-zipcode-container {
  position: relative;
}

.bsi-raq-input-zipcode-search-icon {
  position: absolute;
  top: 0;
  right: 1rem;
  transform: translateY(13px);
  cursor: pointer;
}

.bsi-raq-input-zipcode-search-icon svg {
  width: 1rem;
  height: 1rem;
  fill: #333333;
  color: #333333;
}

.bsi-raq-dealer-zip-selections-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  width: 100%;
}

.bsi-raq-dealer-list-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  align-self: stretch;
}

.bsi-raq-form-dealers {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  align-self: stretch;
}

.bsi-raq-dealer-list-container .bsi-raq-form-dealers-option-checkbox {
  display: none;
}

.bsi-raq-dealer-list-container .bsi-raq-form-dealers-option-custom-checkbox {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1 0 0;
}

.bsi-raq-dealer-list-container .disable-dealer-checkbox {
  pointer-events: none;
  opacity: 0.3;
}

.bsi-raq-dealer-list-container .bsi-raq-form-dealers-option-custom-checkbox-button {
  position: relative;
  display: flex;
  width: 1rem;
  height: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.1875rem;
  border: 0.09375rem solid #bababa;
  background: #ffffff;
  flex-shrink: 0;
  cursor: pointer;
}

.bsi-raq-dealer-list-container .bsi-raq-form-dealers-option-custom-checkbox-button:hover {
  border-color: #00aad2;
}

.bsi-raq-dealer-list-container .bsi-raq-form-dealers-checkbox-error .bsi-raq-form-dealers-option-custom-checkbox-button {
  border-color: #e63312;
}

.bsi-raq-dealer-list-container .bsi-raq-form-dealers-item-name {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  text-transform: capitalize;
}

.bsi-raq-dealer-list-container .bsi-raq-form-dealers-item-name-sub {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

.bsi-raq-dealer-list-container .bsi-raq-form-dealers-item {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.5rem;
  flex: 1 0 0;
  flex-wrap: wrap;
}

.bsi-raq-dealer-list-container .bsi-raq-form-dealer-pref {
  display: flex;
  padding: 0.125rem 0.5rem 0.125rem 0.25rem;
  align-items: center;
  gap: 0.25rem;
  border-radius: 1.5rem;
  background: #ffffff;
}

.bsi-raq-dealer-list-container .bsi-raq-form-dealer-pref svg {
  width: 1rem;
  height: 1rem;
}

.bsi-raq-dealer-list-container .bsi-raq-form-dealer-pref span {
  color: #333333;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
}

.bsi-raq-dealer-list-container .bsi-raq-form-dealers-option-checkbox:checked ~ .bsi-raq-form-dealers-option-custom-checkbox .bsi-raq-form-dealers-option-custom-checkbox-button:after {
  content: '';
  position: absolute;
  top: 0.0625rem;
  left: 0.3125rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #ffffff;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
}

.bsi-raq-dealer-list-container .bsi-raq-form-dealers-option-checkbox:checked ~ .bsi-raq-form-dealers-option-custom-checkbox .bsi-raq-form-dealers-option-custom-checkbox-button {
  background: #00aad2;
}

.bsi-raq-dealer-list-container .loading-indicator {
  height: 8.9375rem !important;
  margin-top: 0 !important;
  position: relative;
  background-color: transparent;
}

.bsi-raq-dealer-list-container .bsi-raq-loading-indicator {
  width: 100%;
}

.bsi-raq-dealer-selected-default-container {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.25rem;
  align-self: stretch;
  flex-wrap: wrap;
}

.bsi-raq-dealer-close {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.bsi-raq-group-recaptcha {
  width: 100%;
}

.bsi-raq-recaptcha-legal-copy {
  color: #666666;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}

.bsi-raq-recaptcha-legal-copy a {
  display: inline-flex;
  gap: 0.1875rem;
  color: #002c5e;
}

.bsi-raq-recaptcha-legal-copy svg {
  width: 0.875rem;
  height: 0.875rem;
}

.bsi-raq-form-divider {
  height: 0.0625rem;
  width: 100%;
  background-color: #bababa;
  margin-bottom: 1.5rem;
}

.xf-content-height:has(.bsiZipModal),
.xf-content-height:has(.bsi-compare),
.xf-content-height:has(.bsi-payment-calc),
.xf-content-height:has(.bsiFilters),
.xf-content-height:has(.bsiBuilder) {
  margin: 0;
  min-height: 0;
}

.bsi-zip-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2000;
}

.bsi-zip-modal-box {
  position: relative;
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: 8px 4px 30px 0px rgba(0, 0, 0, 0.2);
  width: 21.25rem;
  margin: auto;
}

.bsi-zip-modal-box .loading-indicator {
  border-radius: 1rem;
}

.bsi-zip-modal-close {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}

.bsi-zip-modal-close svg {
  color: #333333;
}

.bsi-zip-modal-content {
  display: flex;
  width: 21.25rem;
  padding: 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  flex-shrink: 0;
}

.bsi-zip-modal-title {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.25rem;
  width: 15.0625rem;
}

.bsi-zip-label {
  display: block;
  font-weight: 400;
  color: #333333;
  font-size: 0.75rem;
  line-height: 0.75rem;
}

.bsi-zip-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
  align-self: stretch;
}

.bsi-zip-form-inner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.bsi-zip-form-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.bsi-zip-input {
  width: 100%;
  height: 2.75rem;
  border: 0.0625rem solid #e6e6e6;
  border-radius: 0.25rem;
  padding: 0.0625rem 0.75rem;
  color: #333333;
}

.bsi-zip-form-error .bsi-zip-input {
  border-color: #e63312;
}

.bsi-zip-input-error {
  display: none;
  font-size: 14px;
  line-height: 1.25rem;
  color: #e63312;
}

.bsi-zip-form-error-required .bsi-zip-input-error-required {
  display: block;
}

.bsi-zip-form-error-invalid .bsi-zip-input-error-invalid {
  display: block;
}

.bsi-zip-form-error-location .bsi-zip-input-error-location {
  display: block;
}

.bsi-zip-form-error-non-us .bsi-zip-input-error-non-us {
  display: block;
}

.bsi-zip-location-button {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}

.bsi-zip-location-button .icon {
  display: block;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.bsi-zip-location-text {
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #333333;
  font-weight: 400;
}

.bsi-zip-modal-button button {
  width: 100%;
}

.bsi-radius-input-container {
  position: relative;
  width: 100%;
}

.bsi-radius-input-container.is-open .bsi-radius-icon svg {
  transform: rotate(180deg);
}

.bsi-radius-input {
  width: 100%;
  height: 2.75rem;
  border: 0.0625rem solid #e6e6e6;
  border-radius: 0.25rem;
  padding: 0.0625rem 0.75rem;
  color: #333333;
  position: relative;
  white-space: normal;
  background: #ffffff;
  -webkit-appearance: none;
          appearance: none;
  cursor: pointer;
  /*For IE*/
}

.bsi-radius-input ~ .bsi-radius-icon {
  fill: currentColor;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.375rem 0.25rem;
  pointer-events: none;
}

.bsi-radius-input ~ .bsi-radius-icon svg {
  width: 0.5rem;
  height: 0.25rem;
  transition: transform 0.1s ease;
  transform: rotate(0deg);
}

.bsi-radius-input option {
  cursor: pointer;
}

.bsi-radius-input::-ms-expand {
  display: none;
}

.bsi-radius-input:disabled {
  color: #bababa;
}

.bsi-radius-input:disabled ~ .bsi-radius-icon svg {
  fill: #bababa;
}