.m-vf{--vf-accent: 246, 163, 22;position:relative;overflow:hidden;padding-top:var(--vf-pt, 72px);padding-bottom:var(--vf-pb, 72px);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.m-vf:before{content:"";position:absolute;inset:-30% 0 auto 0;height:420px;background:radial-gradient(60% 100% at 50% 0%,rgba(var(--vf-accent),.16),transparent 70%);pointer-events:none}.m-vf__inner{position:relative;max-width:940px;margin:0 auto}.m-vf__head{text-align:center;margin-bottom:26px}.m-vf__eyebrow{font-family:var(--font-stack-body, inherit);text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:700;color:rgb(var(--vf-accent));margin-bottom:10px}.m-vf__title{font-family:var(--font-stack-header, inherit);font-size:clamp(28px,5vw,46px);line-height:1.02;margin:0 0 12px;text-wrap:balance}.m-vf__intro{max-width:54ch;margin:0 auto;opacity:.72;font-size:15px;line-height:1.5}.m-vf__widget{display:block;position:relative}.m-vf__bar{display:grid;grid-template-columns:1fr 1fr 1fr;border-radius:18px;background:rgba(var(--color-foreground),.05);border:1px solid rgba(var(--color-foreground),.12);box-shadow:0 24px 60px -30px #0009,0 0 0 1px rgba(var(--vf-accent),.05);overflow:hidden}.m-vf__seg{display:flex;flex-direction:column;gap:3px;padding:14px 18px;border-right:1px solid rgba(var(--color-foreground),.12);position:relative;transition:background .15s ease}.m-vf__seg:last-child{border-right:0}.m-vf__seg:focus-within{background:rgba(var(--vf-accent),.06)}.m-vf__label{font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;opacity:.5}.m-vf__select{appearance:none;-webkit-appearance:none;width:100%;border:0;padding:4px 26px 4px 0;font-size:17px;font-weight:500;font-family:inherit;color:rgb(var(--color-foreground));background:transparent;cursor:pointer;border-radius:4px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 2px center}.m-vf__select>option{color:#111}.m-vf__select:focus{outline:none}.m-vf__select.is-filled{color:rgb(var(--color-foreground))}.m-vf__select:disabled{opacity:.4;cursor:not-allowed}@media(max-width:640px){.m-vf__bar{grid-template-columns:1fr}.m-vf__seg{border-right:0;border-bottom:1px solid rgba(var(--color-foreground),.12)}.m-vf__seg:last-child{border-bottom:0}}.m-vf__result{margin-top:20px}.m-vf__result[hidden]{display:none}.m-vf__result-head{display:flex;align-items:center;gap:10px;justify-content:center;font-size:16px;margin-bottom:14px;animation:m-vf-fade .3s ease both}.m-vf__result-head b{font-weight:700}.m-vf__check{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 auto;border-radius:999px;background:rgb(var(--vf-accent));color:#111;font-size:13px;font-weight:800}.m-vf__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.m-vf__cat{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;text-decoration:none;color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04);border:1px solid rgba(var(--color-foreground),.12);transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease;animation:m-vf-fade .3s ease both}.m-vf__cat:hover{transform:translateY(-2px);border-color:rgba(var(--vf-accent),.6);box-shadow:0 16px 40px -22px rgba(var(--vf-accent),.6)}.m-vf__cat.is-primary{background:rgba(var(--vf-accent),.1);border-color:rgba(var(--vf-accent),.45)}.m-vf__cat-ic{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 auto;border-radius:12px;background:rgba(var(--vf-accent),.16);color:rgb(var(--vf-accent))}.m-vf__cat-ic svg{width:22px;height:22px}.m-vf__cat-body{display:flex;flex-direction:column;gap:2px;min-width:0}.m-vf__cat-t{font-weight:700;font-size:15px}.m-vf__cat-d{font-size:12.5px;opacity:.62;line-height:1.35}.m-vf__cat-go{margin-left:auto;font-size:22px;opacity:.4;flex:0 0 auto}.m-vf__cat:hover .m-vf__cat-go{opacity:.9;color:rgb(var(--vf-accent))}@keyframes m-vf-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.m-vf__cat,.m-vf__result-head{animation:none}.m-vf__cat:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/vehicle-finder.css.map */