.sc-story .sc-compare{padding-block:64px;background:#e8f3f9;color:#172d3b}.sc-compare .sc-compare__layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"heading comparison" "result comparison";align-items:start;column-gap:clamp(32px,5vw,76px);row-gap:28px}.sc-compare .sc-compare__heading{grid-area:heading;text-align:left}.sc-compare .sc-compare__heading h2{max-width:480px;margin:0;color:#172d3b;font-family:var(--font-body-family);font-size:42px;font-weight:600;line-height:1.14;letter-spacing:-1.4px}.sc-compare .sc-compare__heading>p{max-width:430px;margin:18px 0 0;color:#425a69;font-size:15px;line-height:1.6}.sc-compare .sc-compare__comparison{grid-area:comparison;min-width:0}.sc-compare .sc-compare__switch{min-width:0;margin:0 0 20px;padding:0;border:0}.sc-compare .sc-compare__switch legend{padding:0;margin-bottom:10px;color:#425a69;font-size:12px;line-height:1.5}.sc-compare .sc-compare__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.sc-compare .sc-compare__choices label{display:flex;justify-content:center;align-items:center;min-height:44px;padding:10px 12px;border:1px solid #adc6d4;border-radius:0;background:transparent;color:#172d3b;font-size:12px;font-weight:500;line-height:1.35;text-align:center;cursor:pointer}.sc-compare .sc-compare__choices label:first-of-type{border-radius:3px 0 0 3px}.sc-compare .sc-compare__choices label:last-of-type{border-radius:0 3px 3px 0}.sc-compare .sc-compare__choices input:checked+label{z-index:1;background:#123d57;border-color:#123d57;color:#fff}.sc-compare .sc-compare__choices input:focus-visible+label{outline:2px solid #1676b1;outline-offset:3px}.sc-compare .sc-compare__notes{display:none}.sc-compare:has(input[value=notes]:checked) .sc-compare__pens{display:none}.sc-compare:has(input[value=notes]:checked) .sc-compare__notes{display:block}.sc-compare .sc-compare__table{width:100%;margin:0;border:0;border-collapse:separate;border-spacing:0;table-layout:fixed;box-shadow:none}.sc-compare .sc-compare__table :is(th,td){width:50%;padding:19px 22px;border:0;border-bottom:1px solid #dce5ea;background:#fff;color:#172d3b;text-align:left;vertical-align:top;overflow-wrap:break-word}.sc-compare .sc-compare__table tr>:first-child{background:#123d57;border-color:#ffffff2e;color:#fff}.sc-compare .sc-compare__table th{padding-block:22px;font-size:16px;font-weight:600;line-height:1.4;vertical-align:middle}.sc-compare .sc-compare__table th:first-child{border-radius:4px 0 0}.sc-compare .sc-compare__table th:last-child{border-radius:0 4px 0 0}.sc-compare .sc-compare__table th small{display:block;margin-top:5px;font-size:11px;font-weight:400;line-height:1.5;opacity:.8}.sc-compare .sc-compare__table tbody tr:last-child td{border-bottom:0}.sc-compare .sc-compare__table tbody tr:last-child td:first-child{border-radius:0 0 0 4px}.sc-compare .sc-compare__table tbody tr:last-child td:last-child{border-radius:0 0 4px}.sc-compare .sc-compare__aspect{display:block;margin-bottom:7px;font-size:11px;font-weight:500;line-height:1.4;opacity:.75}.sc-compare .sc-compare__table td p{margin:0;color:inherit;font-size:14px;line-height:1.5}.sc-compare .sc-compare__result{grid-area:result;min-width:0;text-align:left}.sc-compare .sc-compare__reach{padding-block:24px;border-block:1px solid #b9d0dd}.sc-compare .sc-compare__reach-label{margin:0 0 14px;color:#425a69;font-size:12px;line-height:1.5}.sc-compare .sc-compare__number{margin:0;color:#123d57;font-size:58px;font-weight:600;line-height:1;letter-spacing:-2px;font-variant-numeric:tabular-nums}.sc-compare .sc-compare__reach-title{margin:8px 0 0;color:#172d3b;font-size:17px;font-weight:500;line-height:1.4}.sc-compare .sc-compare__calculation{margin:18px 0 0;color:#425a69;font-size:12px;line-height:1.6}.sc-compare .sc-compare__note{margin:10px 0 0;color:#536b79;font-size:11px;line-height:1.6}.sc-compare .sc-compare__takeaway{max-width:390px;margin:24px 0 20px;color:#172d3b;font-size:15px;line-height:1.6}.sc-compare .sc-compare__button{max-width:none;min-height:48px;border-color:#123d57;border-radius:4px;background:#123d57;color:#fff}.sc-compare .sc-compare__button:hover{border-color:#0d2e43;background:#0d2e43;color:#fff}.sc-compare .sc-compare__button:focus-visible{outline:2px solid #1676b1;outline-offset:3px}@media(min-width:750px)and (max-width:989px){.sc-compare .sc-compare__layout{column-gap:30px}.sc-compare .sc-compare__heading h2{font-size:36px}.sc-compare .sc-compare__table :is(th,td){padding-inline:13px}.sc-compare .sc-compare__table th{font-size:14px}.sc-compare .sc-compare__table td p{font-size:13px}}@media(max-width:749px){.sc-story .sc-compare{padding-block:44px}.sc-compare .sc-compare__layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "comparison" "result";row-gap:28px}.sc-compare .sc-compare__heading h2{max-width:330px;font-size:30px;letter-spacing:-.9px}.sc-compare .sc-compare__heading>p{margin-top:14px;font-size:14px}.sc-compare .sc-compare__switch{margin-bottom:16px}.sc-compare .sc-compare__choices label{padding-inline:6px;font-size:12px}.sc-compare .sc-compare__table :is(th,td){padding:16px 13px}.sc-compare .sc-compare__table th{font-size:14px}.sc-compare .sc-compare__table th small{font-size:10px}.sc-compare .sc-compare__table td p{font-size:13px;line-height:1.5}.sc-compare .sc-compare__aspect{font-size:10px}.sc-compare .sc-compare__number{font-size:52px}.sc-compare .sc-compare__reach-title{font-size:16px}.sc-compare .sc-compare__button{width:100%}}@media(max-width:359px){.sc-compare .sc-compare__table :is(th,td){padding-inline:10px}.sc-compare .sc-compare__table th,.sc-compare .sc-compare__table td p{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/sniffcar-product-comparison.css.map */