.vz-finder{--vz-finder-ink: var(--vz-ink);--vz-finder-muted: var(--vz-ink-muted);--vz-finder-subtle: var(--vz-ink-subtle);--vz-finder-accent: var(--vz-brand-ink);--vz-finder-line: var(--vz-line);--vz-finder-border: var(--vz-line-strong);display:block;container-type:inline-size}.vz-finder__inner{display:grid;gap:var(--vz-space-4)}.vz-finder__title{font-family:var(--vz-font-display);font-size:var(--vz-text-lg);font-weight:var(--vz-weight-bold);line-height:var(--vz-leading-tight);color:var(--vz-finder-ink);margin:0}.vz-finder__vin{display:grid;gap:var(--vz-space-2)}.vz-finder__vin-label{font-size:var(--vz-text-xs);font-weight:var(--vz-weight-bold);letter-spacing:var(--vz-tracking-caps);text-transform:uppercase;color:var(--vz-finder-accent)}html[lang^=ar] .vz-finder__vin-label{text-transform:none;letter-spacing:0}.vz-finder__vin-bar{position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--vz-space-3);padding:var(--vz-space-2);padding-inline-start:var(--vz-space-4);background-color:var(--vz-card);border:var(--vz-border-emphasis) solid var(--vz-brand);border-radius:var(--vz-radius-lg)}.vz-finder__vin-bar:focus-within{border-color:var(--vz-brand-ink)}.vz-finder__vin-icon{flex:none;color:var(--vz-brand-ink)}.vz-finder__vin-input{flex:1;min-inline-size:0;min-block-size:var(--vz-control-height);border:0;background:transparent;outline:none;direction:ltr;text-align:start;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--vz-text-base);letter-spacing:var(--vz-tracking-vin);text-transform:uppercase;color:var(--vz-ink)}.vz-finder__vin-input:focus,.vz-finder__vin-input:focus-visible,.vz-finder__vin-input.focused{outline:0;box-shadow:none}.vz-finder__vin-input::placeholder{font-family:var(--vz-font-body);letter-spacing:normal;text-transform:none;color:var(--vz-ink-subtle)}.vz-finder__vin-submit{position:relative;flex:none}.vz-finder__vin-submit.is-loading{opacity:1;cursor:progress}.vz-finder__vin-submit.is-loading .vz-finder__vin-submit-label{visibility:hidden}.vz-finder__vin-submit-spinner{position:absolute;inset-block-start:50%;inset-inline-start:50%;margin-block-start:calc(var(--vz-spinner-size) / -2);margin-inline-start:calc(var(--vz-spinner-size) / -2);display:none}.vz-finder__vin-submit.is-loading .vz-finder__vin-submit-spinner{display:block}.vz-finder__vin-bar:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:var(--vz-sweep-height);background:linear-gradient(90deg,transparent,var(--vz-brand),transparent);transform:translate(-100%);opacity:0;pointer-events:none}.vz-finder__vin-bar.is-loading:after{opacity:1;animation:vzFinderSweep var(--vz-duration-sweep) ease-in-out infinite}html[dir=rtl] .vz-finder__vin-bar.is-loading:after{animation-direction:reverse}@keyframes vzFinderSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.vz-finder__vin-bar.is-loading:after{animation:none;transform:none;background:var(--vz-brand);opacity:.55}}.vz-finder__help,.vz-finder__message{font-size:var(--vz-text-sm);line-height:var(--vz-leading);color:var(--vz-finder-muted);margin:0}.vz-finder__message:empty{display:none}.vz-finder__message--vin{margin:0}.vz-finder__message--success{color:var(--vz-success)}.vz-finder__message--warning{color:var(--vz-warning)}.vz-finder__message--error{color:var(--vz-danger)}.vz-finder__message a{color:var(--vz-finder-accent);font-weight:var(--vz-weight-semibold)}.vz-finder__detail{color:var(--vz-finder-subtle);font-size:var(--vz-text-xs)}.vz-finder__going{display:inline-flex;align-items:center;gap:var(--vz-space-2);font-weight:var(--vz-weight-semibold)}.vz-finder__going:before{content:"";inline-size:var(--vz-spinner-size);block-size:var(--vz-spinner-size);border:var(--vz-spinner-width) solid currentColor;border-block-start-color:transparent;border-radius:50%;animation:vzSpin var(--vz-duration-spin) linear infinite}@media(prefers-reduced-motion:reduce){.vz-finder__going:before{animation-duration:var(--vz-duration-spin-reduced)}}.vz-finder .vz-label{color:var(--vz-finder-ink)}.vz-finder .vz-divider{color:var(--vz-finder-subtle)}.vz-finder .vz-divider:before,.vz-finder .vz-divider:after{background-color:var(--vz-finder-line)}.vz-finder .vz-btn--ghost{border-color:var(--vz-finder-border);color:var(--vz-finder-ink)}.vz-finder__manual{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:var(--vz-space-3);align-items:end}.vz-finder__field{display:grid}.vz-finder__select{appearance:none;-webkit-appearance:none;padding-inline-end:var(--vz-space-6);cursor:pointer}.vz-finder__field{position:relative}.vz-finder__field:after{content:"";position:absolute;inset-inline-end:var(--vz-space-3);inset-block-end:calc(var(--vz-control-height) / 2);translate:0 50%;inline-size:var(--vz-space-3);block-size:var(--vz-space-2);background-color:var(--vz-ink-subtle);-webkit-mask:var(--vz-chevron) center / contain no-repeat;mask:var(--vz-chevron) center / contain no-repeat;pointer-events:none}.vz-finder__field:has(select:disabled):after{opacity:.4}.vz-finder__actions{display:flex;gap:var(--vz-space-2)}@container (max-width: 900px){.vz-finder__manual{grid-template-columns:repeat(2,minmax(0,1fr))}.vz-finder__actions{grid-column:1 / -1}.vz-finder__actions .vz-btn{flex:1}}@container (max-width: 520px){.vz-finder__vin-bar{flex-wrap:wrap;padding-inline-start:var(--vz-space-2)}.vz-finder__vin-submit{flex:1 0 100%}}@supports not (container-type: inline-size){@media screen and (max-width:989px){.vz-finder__manual{grid-template-columns:repeat(2,minmax(0,1fr))}.vz-finder__actions{grid-column:1 / -1}}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/vz-vehicle-finder.css.map */