.mat-finder{grid-template-columns:320px 1fr;gap:32px;margin-top:32px;display:grid}@media (max-width:980px){.mat-finder{grid-template-columns:1fr}}.mat-finder__panel{background:var(--paper);border:1px solid var(--hairline);border-radius:var(--r-lg);align-self:start;max-height:calc(100vh - 120px);padding:24px;position:sticky;top:96px;overflow-y:auto}@media (max-width:980px){.mat-finder__panel{max-height:none;position:static}}.mat-finder__panel-head{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:flex}.mat-finder__reset{border:1px solid var(--hairline);border-radius:var(--r-sm);font-size:12px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);cursor:pointer;background:0 0;padding:5px 10px;transition:all .14s}.mat-finder__reset:hover{border-color:var(--ink);color:var(--ink)}.mat-finder__field{margin-bottom:18px}.mat-finder__field:last-child{margin-bottom:0}.mat-finder__label{color:var(--ink-2);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.mat-finder__help{color:var(--muted);margin-top:4px;font-size:11px;font-style:italic;display:block}.mat-finder__tech-row{flex-wrap:wrap;gap:6px;display:flex}.mat-finder__chip{background:var(--cream);border:1px solid var(--hairline);border-radius:var(--r-pill);font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink);cursor:pointer;padding:5px 12px;font-size:11px;transition:all .14s}.mat-finder__chip:hover{border-color:var(--ink)}.mat-finder__chip.is-active{background:var(--ink);border-color:var(--ink);color:var(--cream)}.mat-finder__slider{align-items:center;height:32px;display:flex;position:relative}.mat-finder__slider input[type=range]{appearance:none;pointer-events:none;background:0 0;width:100%;height:4px;margin:0;position:absolute}.mat-finder__slider input[type=range]::-webkit-slider-runnable-track{background:var(--hairline);border-radius:2px;height:4px}.mat-finder__slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--bronze);border:2px solid var(--cream);cursor:grab;pointer-events:auto;border-radius:50%;width:16px;height:16px;margin-top:-7px;box-shadow:0 1px 2px #0e0e0c40}.mat-finder__slider input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;background:var(--bronze-hover)}.mat-finder__slider input[type=range]::-moz-range-track{background:var(--hairline);border-radius:2px;height:4px}.mat-finder__slider input[type=range]::-moz-range-thumb{background:var(--bronze);border:2px solid var(--cream);cursor:grab;pointer-events:auto;border-radius:50%;width:16px;height:16px}.mat-finder__slider-vals{color:var(--ink);justify-content:space-between;align-items:center;margin-top:6px;font-size:12px;display:flex}.mat-finder__slider-vals span:nth-child(2){color:var(--muted);font-size:10px}.mat-finder__results{min-width:0}.mat-finder__results-head{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:baseline;margin-bottom:16px;padding-bottom:14px;display:flex}.mat-finder__results-head h2{margin:0;font-size:22px}.mat-finder__sort{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.mat-finder__empty{text-align:center;color:var(--muted);background:var(--paper);border-radius:var(--r-md);padding:48px 20px;font-style:italic}.mat-finder__list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.mat-finder__card{background:var(--cream);border:1px solid var(--hairline);border-radius:var(--r-md);color:inherit;flex-direction:column;gap:8px;padding:18px 22px;text-decoration:none;transition:all .18s;display:flex;position:relative}.mat-finder__card:hover{border-color:var(--bronze);box-shadow:var(--shadow-md);transform:translateY(-1px)}.mat-finder__card-head{align-items:baseline;gap:10px;display:flex}.mat-finder__card-name{font-family:var(--font-display);color:var(--ink-2);font-size:18px;font-weight:600}.mat-finder__card-tech{letter-spacing:.08em;color:var(--bronze);text-transform:uppercase;font-size:11px}.mat-finder__card-row{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.mat-finder__card-price{font-family:var(--font-mono);color:var(--bronze);font-size:14px;font-weight:600}.mat-finder__card-arrow{color:var(--bronze);font-family:var(--font-mono);opacity:0;font-size:18px;transition:all .18s;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.mat-finder__card:hover .mat-finder__card-arrow{opacity:1;transform:translateY(-50%)translate(3px)}
