.vf-refined{--vf-ink:#17191c;--vf-muted:#606970;--vf-surface:#fff;--vf-line:#b6babd;--vf-disabled:#e9ebec;--vf-error:#9b2f15}.vf-refined.vf-dark{--vf-ink:#fff;--vf-muted:#c4cad0;--vf-surface:#262a2f;--vf-line:#626b74;--vf-disabled:#202327;--vf-error:#ffb29e}.vf-refined .vf-fields{background:0 0;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;display:grid}.vf-refined .vf-fields .finder-control{border:1px solid var(--vf-line);background:var(--vf-surface);min-width:0;min-height:74px;padding:0;display:block;position:relative}.vf-refined .vf-fields .finder-control>span{z-index:1;color:var(--vf-muted);font:500 11px/1.2 var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;position:absolute;top:11px;left:14px}.vf-refined .vf-fields .finder-control select{box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:100%;color:var(--vf-ink);font:600 19px/1.3 var(--font-display),sans-serif;text-transform:uppercase;cursor:pointer;padding:29px 42px 8px 14px;position:absolute;inset:0}.vf-refined .vf-fields .finder-control>svg{z-index:1;width:18px;height:18px;color:var(--vf-ink);pointer-events:none;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.vf-refined .vf-fields .finder-control[data-disabled]{background:var(--vf-disabled);border-color:var(--vf-line)}.vf-refined .vf-fields .finder-control select:disabled{color:var(--vf-muted);cursor:not-allowed;opacity:1}.vf-refined .vf-fields .finder-control[data-disabled]>svg{color:var(--vf-muted)}.vf-refined .vf-fields .finder-control:focus-within{outline:2px solid var(--orange);outline-offset:2px}.vf-refined .vf-fields .finder-control select:focus-visible{outline:0}.vf-refined .vf-fields .finder-control:has(select[aria-invalid=true]){border-color:var(--vf-error)}.vf-refined .vf-fields .finder-submit{gap:10px;min-height:54px;padding:12px 18px}.vf-refined .vf-fields .finder-submit>span{white-space:nowrap;font-size:18px;display:inline}.vf-refined .finder-submit:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.vf-refined .vf-saved button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.vf-refined .vf-error{color:var(--vf-error);align-items:center;gap:8px;margin:12px 0 0;font-size:15px;line-height:1.5;display:flex}.vf-refined .vf-error>svg{flex:none;width:19px;height:19px}.vf-refined .vf-saved{text-transform:none;letter-spacing:0;gap:16px;margin-top:12px}.vf-refined .vf-saved>span{min-width:0}.vf-refined .vf-saved button{flex:none;min-height:36px}.vf-refined .finder-links{flex-wrap:wrap;gap:8px 20px;margin-top:12px;font-size:13px;line-height:1.5}.make-finder .vf-refined .finder-links,#find-your-system .vf-refined .finder-links{display:flex}@media (min-width:1200px){.vf-refined .vf-fields:has(.finder-qualification){grid-template-columns:repeat(4,minmax(0,1fr))}.vf-refined .vf-fields:has(.finder-qualification) .finder-submit{grid-column:1/-1}}@media (min-width:640px) and (max-width:1199px){.vf-refined .vf-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.vf-refined .vf-fields .finder-submit{grid-column:1/-1}}@media (max-width:639px){.vf-refined .vf-fields,.make-finder .finder-shell.vf-refined .vf-fields,#find-your-system .finder-shell.vf-refined .vf-fields{grid-template-columns:minmax(0,1fr);gap:10px}.vf-refined .vf-fields .finder-control{min-height:70px}.vf-refined .vf-fields .finder-control select{font-size:20px}.vf-refined .vf-fields .finder-submit{min-height:52px}}
