.n-search-form:focus-within{outline:2px solid #1555fc;outline-offset:3px}.n-search-form #nav-query:focus-visible{outline:none}.n-search-form #nav-query{min-height:52px}.n-vehicle-search{margin-top:23px;padding:24px;border-radius:24px;background:radial-gradient(ellipse at 85% 0%,#284e70,transparent 65%),linear-gradient(145deg,#16334e,#0a1d30);color:#f5f9ff;color-scheme:dark;animation:vs-arrive .3s cubic-bezier(.16,1,.3,1)}.n-vehicle-search [hidden]{display:none!important}.n-vehicle-search svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}.n-vehicle-search :is(button,input,select){font-family:var(--body-font,"Open Sans",sans-serif)}.n-vehicle-search :is(button,input,select):focus-visible{outline:2px solid #b9e8ff;outline-offset:3px}.n-vehicle-search input,.n-vehicle-search select{font-size:16px;caret-color:#b9e8ff}.n-vehicle-search ::placeholder{color:#c4d6e7;opacity:1}.vs-selection{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:16px;font-size:14px}.vs-selection>span{color:#c4d6e7;margin-right:3px}.vs-selection button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;color:#f5f9ff;background:#ffffff12;border-radius:999px;font-size:14px}.vs-selection svg{width:14px;height:14px}.n-vehicle-search .n-search-title{color:#fff;font:600 27px/1.15 Gilroy,sans-serif;letter-spacing:-.02em;margin:0 0 18px;text-wrap:balance;scroll-margin:18px}.n-vehicle-search .n-search-title:focus{outline:none}.vs-choice-filter{display:flex;align-items:center;gap:10px;padding:0 14px;background:#0b243bd9;border:1px solid #67849e;border-radius:14px;min-width:0;margin:0 0 12px;color:#bdd6ed}.vs-choice-filter input{border:0;background:none;color:#fff;min-width:0;width:100%;min-height:48px;padding:10px 0}.vs-choice-filter:focus-within{outline:2px solid #b9e8ff;outline-offset:2px}.vs-choice-filter input:focus-visible{outline:none}.vs-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 12px;max-height:260px;overflow-y:auto;overscroll-behavior:contain;padding:4px;scrollbar-width:thin;scrollbar-color:#7899b5 #102b44}.vs-choice{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 8px;text-align:left;color:#f5f9ff;border:0;border-radius:10px;background:transparent;font-size:14px;line-height:1.4}.vs-choice span{min-width:0;flex:1;overflow-wrap:anywhere}.vs-choice>img{width:30px;height:30px;object-fit:contain;background:#f0f5fa;border-radius:7px;padding:3px;flex-shrink:0}.vs-choice>svg{width:16px;height:16px}.vs-choice-all{background:#ffffff0e}.vs-no-match,.vs-empty p{color:#c4d6e7;font-size:14px;line-height:1.5;margin:16px 0}.vs-help,.vs-reset-year{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;color:#c6e0ff;background:none;border:0;font-size:14px;font-weight:600}.vs-help{margin-top:14px}.vs-car-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.vs-car-toolbar p{font-size:14px;color:#c4d6e7;margin:0}.vs-car-toolbar select{appearance:none;-webkit-appearance:none;min-height:44px;max-width:185px;padding:10px 42px 10px 14px;background-color:#203e59;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c5d8ea' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;color:#fff;border:1px solid #7690a7;border-radius:12px}.vs-car-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vs-car-grid .vf-car-card{font-family:var(--body-font);color:#fff}.vs-car-grid .vf-car-name strong{font-size:22px}.vs-car-grid .vf-car-caption{padding:14px 11px;min-height:90px}.vs-car-grid .vf-car-arrow{display:none}.vs-car-grid .vf-family-codes{padding-inline:12px;min-height:84px}.vs-fit-note{color:#c4d6e7;font-size:14px;line-height:1.5;margin:18px 0 0}@media(hover:hover){.vs-choice:hover,.vs-selection button:hover{background:#355773}.vs-help:hover,.vs-reset-year:hover{color:#fff}}@keyframes vs-arrive{0%{opacity:.85;transform:translateY(5px);clip-path:inset(0 0 8px)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}@media(max-width:1100px){.n-vehicle-search{padding:20px 16px;border-radius:22px}.vs-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;max-height:310px}.vs-car-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.n-vehicle-search .n-search-title{font-size:25px}.vs-car-grid .vf-car-name strong{font-size:20px}.vs-car-grid .vf-car-caption{padding:13px 10px}.vs-car-grid .vf-family-codes{min-height:96px;padding:12px 10px 0}.vs-car-grid .vf-car-stage{aspect-ratio:1.2;padding-inline:0}.vs-car-toolbar{gap:10px}.vs-car-toolbar select{max-width:170px}.vs-selection{gap:5px}.vs-choice{gap:7px;font-size:14px;padding-inline:5px}}@media(max-width:370px){.n-vehicle-search{padding-inline:12px}.vs-choice>img{width:25px;height:25px}.vs-choice>svg{display:none}.vs-car-grid{gap:8px}.vs-car-grid .vf-car-caption{padding:12px 8px}.vs-car-grid .vf-car-name strong{font-size:18px}.vs-car-grid .vf-family-codes{padding-inline:8px}.vs-car-toolbar select{max-width:155px}}@media(prefers-reduced-motion:reduce){.n-vehicle-search,.n-vehicle-search *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(forced-colors:active){.n-vehicle-search,.vs-choice,.vs-selection button,.vs-car-grid .vf-car-card{border:1px solid CanvasText}.n-vehicle-search :is(h3,p,button,span,input,select){color:CanvasText}.vs-car-grid .vf-car-caption{-webkit-backdrop-filter:none;backdrop-filter:none}}@media(max-width:700px){.n-vehicle-search{margin-top:18px;padding:18px 14px;border-radius:20px}.n-vehicle-search .n-search-title{font-size:22px;line-height:1.2;margin-bottom:16px;text-wrap:pretty}.vs-selection{font-size:12px;gap:4px 6px;margin-bottom:14px}.vs-selection button{font-size:12px;gap:7px;padding:8px 10px}.vs-selection svg{width:12px;height:12px}.vs-car-grid{grid-template-columns:minmax(0,1fr);gap:12px}.vs-car-toolbar{flex-wrap:wrap;gap:10px 14px;margin-bottom:16px}.vs-car-toolbar p{font-size:13px}.vs-car-toolbar label{flex:0 1 180px;min-width:170px;margin:0 0 0 auto}.vs-car-toolbar select{width:100%;max-width:none;min-height:46px}.vs-fit-note{font-size:13px;line-height:1.55}}@media(max-width:370px){.n-vehicle-search{padding-inline:12px}.n-vehicle-search .n-search-title{font-size:21px}.vs-car-toolbar label{flex-basis:100%;min-width:0}}@media(forced-colors:active){.vs-car-toolbar select{-webkit-appearance:auto;appearance:auto;background-image:none;padding-right:14px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/co-source-vehicle-search-c5ca0d3a.css.map */