.vehicle-make-nav{--vmn-accent: #cccccc;--vmn-outline-width: 2px;--vmn-card-bg: rgba(var(--text-color), .05);--vmn-card-hover: rgba(var(--text-color), .1);--vmn-tab-glow-outer: rgba(var(--text-color), .2);--vmn-radius: 1.4rem}.vehicle-make-nav__header{margin-bottom:4rem}.vehicle-make-nav__heading{margin:0 0 1rem;font-weight:800;line-height:1.05}.vehicle-make-nav__subtext{margin:0 auto;max-width:60rem;color:rgba(var(--text-color),.65);font-size:1.6rem;line-height:1.5}@media(min-width:769px){.vehicle-make-nav__subtext{font-size:1.8rem}}.vehicle-make-nav__tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.6rem;margin-bottom:2.4rem}.vehicle-make-nav__tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;min-height:16rem;padding:1.6rem 1.2rem;border-radius:var(--vmn-radius);border:var(--vmn-outline-width) solid transparent;background:rgb(var(--bg-color));box-shadow:0 .4rem 1.4rem #0000000f;color:rgb(var(--heading-color));font-family:inherit;font-size:1.6rem;font-weight:700;line-height:1.2;text-align:center;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.vehicle-make-nav__tab:hover{transform:translateY(-.4rem);border-color:var(--vmn-accent);box-shadow:0 .8rem 2.4rem #0000001f}.vehicle-make-nav__tab:active{transform:translateY(-.1rem)}.vehicle-make-nav__tab-logo{width:100%;max-width:16rem;aspect-ratio:5 / 3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vehicle-make-nav__tab-logo img{width:100%;height:100%;object-fit:contain;transition:filter .25s ease}.vehicle-make-nav__tab-logo-placeholder{width:5rem;height:5rem;border-radius:50%;background:rgba(var(--text-color),.12);display:block}.vehicle-make-nav__tab-name{font-size:1.5rem;transition:color .25s ease}@media(min-width:769px){.vehicle-make-nav__tabs{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.8rem}.vehicle-make-nav__tab{min-height:18rem;padding:2rem 1.6rem;gap:1rem}.vehicle-make-nav__tab-logo{max-width:18rem}.vehicle-make-nav__tab-name{font-size:1.7rem}}.vehicle-make-nav__card.is-hidden,.vehicle-make-nav__step{display:none}.vehicle-make-nav__step.is-active{display:block}.vehicle-make-nav__empty{padding:4rem 2rem;text-align:center;color:rgb(var(--text-color));opacity:.55;font-size:1.5rem;line-height:1.5}.vehicle-make-nav__empty p{margin:0}.vehicle-make-nav__back{display:inline-flex;align-items:center;gap:.6rem;background:transparent;border:none;padding:.6rem 0;margin-bottom:1.6rem;color:rgb(var(--text-color));opacity:.7;font-size:1.4rem;font-family:inherit;cursor:pointer;transition:opacity .15s ease}.vehicle-make-nav__back:hover{opacity:1}.vehicle-make-nav__crumb{font-size:2rem;font-weight:600;color:rgb(var(--heading-color));margin:0 0 2.4rem;line-height:1.2}.vehicle-make-nav__crumb-suffix,.vehicle-make-nav__crumb-sep{opacity:.5;font-weight:400}@media(min-width:769px){.vehicle-make-nav__crumb{font-size:2.4rem}}.vehicle-make-nav__model-list{display:none;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1rem}.vehicle-make-nav__model-list.is-active{display:grid}.vehicle-make-nav__chip{display:flex;align-items:center;gap:1rem;padding:.8rem 1.4rem .8rem .8rem;border-radius:var(--vmn-radius);border:.1rem solid var(--vmn-tab-border);background:var(--vmn-card-bg);color:rgb(var(--text-color));font-family:inherit;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease;width:100%}.vehicle-make-nav__chip:hover{background:var(--vmn-card-hover);border-color:rgba(var(--text-color),.3);transform:translateY(-2px)}.vehicle-make-nav__chip:active{transform:translateY(0)}.vehicle-make-nav__chip-image{flex:0 0 auto;width:6rem;height:4.5rem;display:flex;align-items:flex-end;justify-content:center;padding:.3rem .3rem 0;background:rgba(var(--text-color),.04);border-radius:calc(var(--vmn-radius) * .6);overflow:hidden}.vehicle-make-nav__chip-img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}.vehicle-make-nav__chip-name{flex:1 1 auto;font-size:1.4rem;font-weight:600;line-height:1.2;color:rgb(var(--heading-color))}@media(min-width:769px){.vehicle-make-nav__model-list{grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:1.2rem}.vehicle-make-nav__chip-image{width:7rem;height:5.2rem}.vehicle-make-nav__chip-name{font-size:1.5rem}}.vehicle-make-nav__grid{row-gap:2.4rem}@media(min-width:769px){.vehicle-make-nav__grid{row-gap:3.2rem}}.vehicle-make-nav__card-image{aspect-ratio:16 / 9;padding:.4rem .8rem 0}.vehicle-make-nav__card-link{display:block;background:var(--vmn-card-bg);border-radius:var(--vmn-radius);overflow:hidden;text-decoration:none;color:inherit;transition:background .2s ease,transform .15s ease}.vehicle-make-nav__card-link:hover{background:var(--vmn-card-hover);transform:translateY(-3px)}.vehicle-make-nav__card-image{aspect-ratio:4 / 3;display:flex;align-items:flex-end;justify-content:center;padding:1.2rem 1.2rem 0;overflow:hidden}.vehicle-make-nav__img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}.vehicle-make-nav__img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.2}.vehicle-make-nav__card-body{padding:.8rem 1.2rem 1.4rem;display:flex;flex-direction:column;gap:.2rem}.vehicle-make-nav__years{font-size:var(--vmn-years-size, 1.2rem);color:rgb(var(--text-color));opacity:.6;letter-spacing:.04em;line-height:1}.vehicle-make-nav__model{font-size:var(--vmn-model-size, 1.4rem);font-weight:600;color:rgb(var(--heading-color));line-height:1.2}@media(min-width:769px){.vehicle-make-nav__model{font-size:var(--vmn-model-size-desktop, 1.5rem)}}.vehicle-make-nav--text-sm{--vmn-years-size: 1rem;--vmn-model-size: 1.2rem;--vmn-model-size-desktop: 1.3rem}.vehicle-make-nav--text-md{--vmn-years-size: 1.2rem;--vmn-model-size: 1.4rem;--vmn-model-size-desktop: 1.5rem}.vehicle-make-nav--text-lg{--vmn-years-size: 1.5rem;--vmn-model-size: 1.8rem;--vmn-model-size-desktop: 2rem}.vehicle-make-nav--text-xl{--vmn-years-size: 1.8rem;--vmn-model-size: 2.2rem;--vmn-model-size-desktop: 2.6rem}.vehicle-make-nav__placeholder{padding:4rem;text-align:center;border:2px dashed rgba(var(--text-color),.15);border-radius:var(--vmn-radius);color:rgb(var(--text-color));opacity:.6}
/*# sourceMappingURL=/cdn/shop/t/220/assets/vehicle-make-nav.css.map */