.car-detail-nav {
  position: fixed;
  left: 3.125vw;
  bottom: 7.4074074074vh;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .car-detail-nav {
    display: none;
  }
}@media screen {
.fade-enter-active[data-v-a87b7210],
  .fade-leave-active[data-v-a87b7210] {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-a87b7210] {
    opacity: 0;
}
.fade-leave-to[data-v-a87b7210] {
    opacity: 0;
}
.nav-container .nav-list[data-v-a87b7210] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}
.nav-container .nav-list .nav-item[data-v-a87b7210] {
    display: grid;
    grid-template-columns: 20px auto;
    height: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    cursor: pointer;
}
.nav-container .nav-list .nav-item .nav-text[data-v-a87b7210] {
    opacity: 0;
    -webkit-transform: translateX(-28px) scale(0);
            transform: translateX(-28px) scale(0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-family: "URW Form Expand-500";
    font-size: 16px;
    color: #fff;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.nav-container .nav-list .nav-item[data-v-a87b7210]::before {
    content: "";
    width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
            box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.nav-container .nav-list .nav-item.is-selected[data-v-a87b7210]::before {
    border: 2px solid var(--denza-brand-color);
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
}
.nav-container .nav-list .nav-item.is-selected .nav-text[data-v-a87b7210] {
    opacity: 1;
    -webkit-transform: translateX(0px) scale(1);
            transform: translateX(0px) scale(1);
}
.nav-container .nav-list .nav-item:hover .nav-text[data-v-a87b7210] {
    opacity: 1;
    -webkit-transform: translateX(0px) scale(1);
            transform: translateX(0px) scale(1);
}
}