@layer components{.compare-verdict_wrap{--background:var(--dark-800);gap:var(--space-5);width:100%;padding:var(--space-5);border-radius:var(--radius-main);background-color:var(--background);flex-direction:column;display:flex}@media (min-width:48rem){.compare-verdict_wrap{padding:var(--space-6)}}.compare-verdict_top{justify-content:space-between;align-items:end;gap:var(--space-5) var(--space-8);flex-wrap:wrap;display:flex}.compare-verdict_head{gap:var(--space-3);flex-direction:column;max-width:60ch;display:flex}.compare-verdict_head>:is(.heading,.text){--_margin-top:0;--_margin-bottom:0}.compare-verdict_tally{gap:var(--border-width);border:var(--border-width) solid var(--border);border-radius:var(--radius-small);background-color:var(--border);flex-wrap:wrap;flex:18rem;max-width:30rem;display:flex;overflow:clip}.compare-verdict_tally>div{gap:var(--space-1);padding:var(--space-3) var(--space-4);background-color:var(--background);flex-direction:column;flex:9rem;display:flex}.compare-verdict_tally dt{font-size:var(--text-small);color:var(--text-2)}.compare-verdict_tally dd{font-size:var(--text-small);color:var(--text-2);align-items:flex-end;gap:.4em;margin:0;display:flex}.compare-verdict_count{color:var(--text);font-variant-numeric:tabular-nums;margin:0}.compare-verdict_table{border-collapse:collapse;width:100%;font-size:var(--text-small);font-variant-numeric:tabular-nums}.compare-verdict_table :is(th,td){padding:var(--space-3) var(--space-2);border-top:var(--border-width) solid var(--border);text-align:start}.compare-verdict_table tr>:first-child{width:34%;padding-inline-start:0}.compare-verdict_table tr>:last-child{padding-inline-end:0}.compare-verdict_table thead th{font-weight:var(--primary-bold);color:var(--text-2);border-top:0}.compare-verdict_table tbody th{font-weight:var(--primary-regular)}@media not (min-width:48rem){.compare-verdict_table tr{column-gap:var(--space-4);border-top:var(--border-width) solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.compare-verdict_table thead tr{border-top:0}.compare-verdict_table tr>:first-child{grid-column:1/-1;width:auto}.compare-verdict_table thead tr>:first-child{display:none}.compare-verdict_table :is(th,td){border-top:0;padding-inline:0}.compare-verdict_table tbody th{padding-bottom:0}}.compare-verdict_lens{font-weight:var(--primary-bold);text-wrap:balance;display:block}.compare-verdict_call{margin-top:var(--space-1);color:var(--text-2);text-wrap:balance;display:block}.compare-verdict_score{align-items:center;gap:var(--space-3);display:flex}.compare-verdict_number{min-width:2ch;color:var(--text-2);font-size:var(--text-large);font-weight:var(--primary-bold);flex:none}.compare-verdict_bar{background:linear-gradient(var(--_ink,color-mix(in lab, var(--text) 40%, transparent)), var(--_ink,color-mix(in lab, var(--text) 40%, transparent))) 0 0 / var(--_fill) 100% no-repeat, color-mix(in lab, var(--text) 10%, transparent);border-radius:.1em;flex:1;height:.5rem}.compare-verdict_wrap .is-winner{--_ink:var(--brand-500)}.compare-verdict_wrap .is-winner .compare-verdict_number{color:var(--brand-500)}.compare-categories_wrap{gap:var(--space-5);flex-direction:column;width:100%;display:flex}.compare-categories_head{gap:var(--space-3);flex-direction:column;display:flex}.compare-categories_table :is(th,td){vertical-align:top}.compare-categories_table tr>:first-child{width:30%}.compare-categories_table thead th{top:var(--nav-height);z-index:1;vertical-align:bottom;position:sticky}.compare-categories_table tbody th{font-weight:var(--primary-bold);text-wrap:balance}.compare-categories_table td{width:35%}.compare-categories_table .compare-categories_group{display:none}.compare-categories_table .is-same :is(th,td){color:var(--text-2)}.compare-categories_table .is-same .compare-categories_tool{font-weight:var(--primary-regular)}@media not (min-width:48rem){.compare-categories_table :is(th,td){padding-inline:var(--space-3)}.compare-categories_table thead th:first-child,.compare-categories_table tbody th[scope=row]{display:none}.compare-categories_table td{width:50%}.compare-categories_table .compare-categories_group{display:table-row}.compare-categories_table .compare-categories_group>th{border-bottom:0;padding-block-end:0}}.compare-categories_stack{font-weight:var(--primary-bold);color:var(--text);display:block}.compare-categories_detail{margin-top:var(--space-1);font-size:var(--text-small);font-weight:var(--primary-regular);color:var(--text-2);display:block}.compare-categories_tool{align-items:center;gap:var(--space-2);font-weight:var(--primary-bold);flex-wrap:wrap;display:flex}.compare-categories_empty{color:var(--text-2);font-style:italic}.compare-categories_note{color:var(--text-2)}.compare-ratings_wrap{gap:var(--space-5);flex-direction:column;width:100%;display:flex}.compare-ratings_head{gap:var(--space-3);flex-direction:column;display:flex}.compare-ratings_table :is(th,td){vertical-align:top}.compare-ratings_table tr>:first-child{width:30%}.compare-ratings_table thead th{top:var(--nav-height);z-index:1;position:sticky}.compare-ratings_table thead th:not(:first-child){font-weight:var(--primary-bold);color:var(--text)}.compare-ratings_table tbody tr:has(+tr)>*{border-bottom:0}.compare-ratings_table .compare-ratings_reasons{padding-top:0}.compare-ratings_table .compare-ratings_score{width:35%}.compare-ratings_table .is-leader .compare-ratings_mark{border-radius:var(--radius-round);background-color:color-mix(in lab, var(--brand-500) 14%, transparent);margin:-.25em -.7em;padding:.25em .7em}.compare-ratings_table .is-leader .compare-ratings_value{color:var(--brand-700);font-weight:var(--primary-bold)}.compare-ratings_table .compare-ratings_group{display:none}@media not (min-width:48rem){.compare-ratings_table :is(th,td){padding-inline:var(--space-3)}.compare-ratings_table thead th:first-child,.compare-ratings_table tbody th[scope=row]{display:none}.compare-ratings_table .compare-ratings_score{width:50%}.compare-ratings_table .compare-ratings_group{display:table-row}.compare-ratings_table .compare-ratings_group>th{padding-block-end:0}.compare-ratings_table .compare-ratings_mark{flex-wrap:wrap}}.compare-ratings_measure{font-weight:var(--primary-bold);text-wrap:balance;display:block}.compare-ratings_gap{margin-top:var(--space-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-round);font-size:var(--text-small);font-weight:var(--primary-regular);color:var(--text-2);white-space:nowrap;padding:.1em .6em;display:inline-block}.compare-ratings_mark{align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums;display:inline-flex}.compare-ratings_pair{gap:var(--space-2) var(--space-5);font-size:var(--text-small);color:var(--text-2);display:grid}@media (min-width:48rem){.compare-ratings_pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.compare-ratings_who{font-weight:var(--primary-bold);color:var(--text)}.compare-ratings_shared{color:var(--text-2)}.compare-sides_wrap{gap:var(--space-5);flex-direction:column;width:100%;display:flex}.compare-sides_head{gap:var(--space-3);flex-direction:column;display:flex}.compare-sides_tradeoffs{gap:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-main);background-color:color-mix(in lab, var(--brand-500) 12%, transparent);font-weight:var(--primary-medium);flex-direction:column;display:flex}.compare-sides_tradeoffs li{text-wrap:pretty;max-width:70ch}.compare-sides_columns{gap:var(--space-3);width:100%;display:grid}@media (min-width:48rem){.compare-sides_columns{grid-template-columns:repeat(2,minmax(0,1fr))}}.compare-sides_side{flex-direction:column;display:flex}.compare-sides_body{gap:var(--space-2);padding:var(--space-5);flex-direction:column;flex:1;display:flex}.compare-sides_label{margin-top:var(--space-4);font-weight:var(--primary-bold);color:var(--text-2)}.compare-sides_ledger{font-size:var(--text-small);flex-direction:column;display:flex}.compare-sides_ledger>div{justify-content:space-between;gap:0 var(--space-3);padding-block:var(--space-2);border-bottom:var(--border-width) solid var(--border);flex-wrap:wrap;display:flex}.compare-sides_ledger dt{font-weight:var(--primary-bold)}.compare-sides_ledger dd{text-align:end;margin:0}.compare-sides_list{gap:var(--space-2);font-size:var(--text-small);flex-direction:column;display:flex}.compare-sides_list li{gap:.6em;display:flex}.compare-sides_list li:before{content:"";border-radius:var(--radius-round);background-color:var(--text);flex:none;width:.4em;height:.4em;margin-top:.55em}.compare-sides_foot{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-5);border-top:var(--border-width) solid var(--border);background-color:var(--data-tint);font-size:var(--text-small);flex-wrap:wrap;display:flex}.compare-sides_meta{color:var(--text-2)}}
