.ha-compat,.ha-compat *{box-sizing:border-box}.ha-compat{--ha-ink: #243a41;--ha-muted: #5b6d72;--ha-line: #dce5e6;color:var(--ha-ink);background:#f6f8f9;font-family:Arial,Helvetica,sans-serif}.ha-compat button,.ha-compat input{font:inherit}.ha-compat button{cursor:pointer}.ha-compat a{color:#246477}.ha-compat__main{max-width:1120px;margin:0 auto;padding:42px 24px 75px}.ha-compat .eyebrow{margin:0 0 13px;color:#8b704f;font-size:13px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.ha-compat h1{margin:0 0 25px;font-size:clamp(31px,4vw,44px);line-height:1.12;letter-spacing:-.04em}.ha-compat .browser{overflow:hidden;border:1px solid var(--ha-line);border-radius:16px;background:#fff;box-shadow:0 12px 35px #24444b0a}.ha-compat .bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #e4eaeb}.ha-compat .bar h2{margin:0;font-size:20px}.ha-compat .bar input{width:260px;max-width:45%;min-height:44px;padding:10px 13px;border:1px solid #c5d2d5;border-radius:8px;background:#fff;color:var(--ha-ink)}.ha-compat .bar input:focus-visible{outline:3px solid #9cd0d6;outline-offset:2px}.ha-compat .brands{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:18px 24px;border-bottom:1px solid #e4eaeb}.ha-compat .brands button{display:flex;min-width:0;height:74px;align-items:center;justify-content:center;padding:8px;border:1px solid #dce5ef;border-radius:16px;background:#fff;color:#3c555b;font-weight:700}.ha-compat .brands button:hover{border-color:#4383b1}.ha-compat .brands button[aria-selected=true]{border:2px solid #326b91;background:#f4f8fb}.ha-compat .brands button:focus-visible{outline:3px solid #9cd0d6;outline-offset:2px}.ha-compat .brands button img{display:block;width:100%;max-width:80px;height:36px;object-fit:contain}.ha-compat .brands button .fallback{display:grid;height:36px;place-items:center;color:#e83a43;font-size:16px;font-weight:800}.ha-compat .brandhead{display:flex;align-items:baseline;gap:12px;padding:26px 27px 22px;scroll-margin-top:20px}.ha-compat .brandhead .brandname{display:flex;align-items:center;gap:12px}.ha-compat .brandhead h2{margin:0;font-size:29px;letter-spacing:-.03em}.ha-compat .brandhead .brandname img{display:block;width:175px;height:54px;object-fit:contain;object-position:left center}.ha-compat .brandhead>span{color:#77898d;font-size:14px}.ha-compat .groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:0 24px 26px}.ha-compat .group{position:relative;min-height:265px;padding:18px 18px 132px;border:1px solid #dde6e7;border-radius:12px;background:#fbfcfc}.ha-compat .group.a{padding-bottom:18px;background:#eff8f8}.ha-compat .group.b{background:#fff8f1}.ha-compat .group.c{background:#f6f4fa}.ha-compat .group h3{margin:0 0 7px;font-size:19px;letter-spacing:-.02em}.ha-compat .group .explainer{min-height:42px;margin:0 0 15px;color:#576b70;font-size:14px;line-height:1.45}.ha-compat .models{display:block}.ha-compat .yearrow{display:grid;grid-template-columns:46px 1fr;gap:8px;padding:8px 0;border-top:1px solid #dce5e6}.ha-compat .yearrow:first-child{border-top:0}.ha-compat .yearrow>strong{padding-top:3px;color:#71868b;font-size:13px}.ha-compat .yearrow>div{display:flex;flex-wrap:wrap;gap:5px}.ha-compat .model{display:inline-flex;flex-direction:column;gap:2px;padding:5px 7px;border:1px solid #d6e1e2;border-radius:7px;background:#fff;color:#244b55;font-size:14px;font-weight:700;line-height:1.2;text-align:left}.ha-compat .model:hover{text-decoration:underline}.ha-compat .model:focus-visible{outline:2px solid #27798b;outline-offset:2px}.ha-compat .empty{color:#6a7d81;font-size:14px;line-height:1.5}.ha-compat .product{position:absolute;right:14px;bottom:13px;width:130px;margin:0;text-align:right}.ha-compat .product img{display:block;width:100%;height:90px;object-fit:contain;object-position:right bottom}.ha-compat .product figcaption{color:#61767a;font-size:12px;line-height:1.25}.ha-compat .detail{margin:0 24px 24px;padding:19px 22px;border-radius:10px;background:#edf4f5;line-height:1.5}.ha-compat .detail h3{margin:0 0 6px;font-size:20px}.ha-compat .detail p{margin:0 0 8px;color:#405b62}.ha-compat .detail .status{color:#87592e;font-weight:700}.ha-compat .detail button{padding:4px 0;border:0;background:none;color:#1b6371;text-decoration:underline}.ha-compat .note{margin:20px 2px;color:#667a7e;font-size:14px;line-height:1.55}.ha-compat footer{margin-top:25px;color:#708387;font-size:14px}.ha-compat [hidden]{display:none!important}@media(max-width:790px){.ha-compat__main{padding:27px 16px 45px}.ha-compat .bar{align-items:stretch;flex-direction:column}.ha-compat .bar input{width:100%;max-width:none}.ha-compat .brands{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:12px}.ha-compat .brands button{height:65px;padding:7px 4px;border-radius:11px}.ha-compat .brands button img{max-width:52px;height:32px}.ha-compat .brands button .fallback{height:32px;font-size:12px}.ha-compat .brandhead{align-items:flex-start;flex-direction:column;padding:22px 24px 16px}.ha-compat .groups{grid-template-columns:1fr}.ha-compat .group,.ha-compat .group .explainer{min-height:0}}@media(prefers-reduced-motion:reduce){.ha-compat *{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/hearing-aids-compatibility.css.map */