.machine-family-picker{margin:0 0 30px;padding:clamp(20px,3vw,30px);border:1px solid #c5d4e2;border-radius:14px;background:radial-gradient(circle at 92% 0%,rgba(36,140,255,.12),transparent 28rem),linear-gradient(180deg,#f9fcff,#edf4fa);box-shadow:0 16px 40px #07182712}.machine-family-picker__heading{display:grid;grid-template-columns:minmax(0,.78fr) minmax(240px,1.22fr);gap:18px 32px;align-items:end;margin-bottom:22px}.machine-family-picker__eyebrow{margin:0 0 6px;color:#0878e8;font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.machine-family-picker__heading h3{margin:0;color:#071827;font-size:clamp(1.22rem,2.2vw,1.62rem);line-height:1.06;letter-spacing:-.03em}.machine-family-picker__heading>p{margin:0;color:#52677a;font-size:.82rem;line-height:1.58}.machine-family-picker__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.machine-family-picker__card{display:grid;grid-template-rows:auto 1fr;min-width:0;padding:0;overflow:hidden;border:1px solid #bccbd9;border-radius:10px;color:#153047;background:#fff;box-shadow:0 5px 16px #0718270e;font:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.machine-family-picker__card:hover{border-color:#62a4e7;box-shadow:0 14px 30px #07488924;transform:translateY(-2px)}.machine-family-picker__card:focus-visible{outline:3px solid rgba(0,109,255,.34);outline-offset:3px}.machine-family-picker__card[aria-pressed=true]{border-color:#0878e8;box-shadow:0 0 0 2px #0878e833,0 16px 34px #07488929}.machine-family-picker__media{position:relative;display:grid;width:100%;aspect-ratio:1 / 1;place-items:center;overflow:hidden;border-bottom:1px solid #dce6ef;background:radial-gradient(circle at 50% 46%,#fff 0% 57%,#f0f5f9)}.machine-family-picker__media:after{position:absolute;inset:auto 9px 8px auto;padding:4px 7px;border:1px solid rgba(174,191,207,.72);border-radius:999px;color:#4d6275;background:#f8fbfdf0;content:"Type guide";font-size:.52rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.machine-family-picker__media img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;padding:clamp(12px,8%,18px);object-fit:contain;object-position:center}.machine-family-picker__label{display:grid;align-content:start;gap:4px;min-height:76px;padding:12px 13px 14px;background:#fff}.machine-family-picker__label strong{color:#102b43;font-size:.8rem;line-height:1.25}.machine-family-picker__label small{color:#627588;font-size:.67rem;line-height:1.38}.machine-family-picker__card[aria-pressed=true] .machine-family-picker__label{background:linear-gradient(180deg,#f4f9ff,#eaf4ff)}.machine-family-picker__card[aria-pressed=true] .machine-family-picker__label strong{color:#075fae}@media(max-width:1040px){.machine-family-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.machine-family-picker{padding:17px;border-radius:12px}.machine-family-picker__heading{grid-template-columns:1fr}.machine-family-picker__grid{display:flex;gap:11px;overflow-x:auto;padding:3px 3px 14px;scroll-snap-type:x proximity;scrollbar-width:thin}.machine-family-picker__card{flex:0 0 min(72vw,238px);grid-template-rows:auto 1fr;scroll-snap-align:start}.machine-family-picker__label{min-height:78px}}@media(prefers-reduced-motion:reduce){.machine-family-picker__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/194/assets/machine-family-picker.css.map */