.compare-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.compare{border-collapse:collapse;width:100%;font-size:14px}.compare td,.compare th{text-align:left;border-bottom:1px solid var(--line);padding:12px 14px}.compare thead th{color:var(--ink-3);white-space:nowrap;font-size:13px;font-weight:600}.compare td{color:var(--ink)}.compare tbody th{font-weight:inherit;color:var(--ink)}.compare td.num,.compare th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.compare--zebra tbody tr:nth-child(2n){background:#00000008}.compare tbody tr:hover{background:var(--line-2)}.compare-wrap--flush .compare :is(th,td):first-child:not(.compare-inner-start){padding-left:0}.compare-wrap--flush .compare :is(th,td):last-child:not(.compare-inner-end){padding-right:0}.compare-wrap--flush .compare tbody tr:hover{background:0 0}@media (hover:hover){.compare-wrap--row-hover{margin-inline:-12px;padding-inline:12px}.inclusions-collapsible:has(.compare-wrap--row-hover){margin-inline:-12px;padding-inline:12px}.compare-wrap--row-hover .compare{border-collapse:separate;border-spacing:0}.compare-wrap--row-hover .compare :is(th,td){transition:background-color .18s,box-shadow .18s,border-color .18s}.compare-wrap--row-hover .compare tbody :is(th,td):first-child{box-shadow:-12px 0 #0000}.compare-wrap--row-hover .compare tbody :is(th,td):last-child{box-shadow:12px 0 #0000}.compare-wrap--row-hover .compare tbody :is(th,td):only-child{box-shadow:-12px 0 #0000,12px 0 #0000}.compare-wrap--row-hover .compare tbody tr:has(>td):hover>*{background-color:var(--line-2);border-bottom-color:#0000}.compare-wrap--row-hover .compare tbody tr:has(>td):hover>:first-child{box-shadow:-12px 0 0 var(--line-2);border-radius:10px 0 0 10px}.compare-wrap--row-hover .compare tbody tr:has(>td):hover>:last-child{box-shadow:12px 0 0 var(--line-2);border-radius:0 10px 10px 0}.compare-wrap--row-hover .compare tbody tr:has(>td):hover>:only-child{box-shadow:-12px 0 0 var(--line-2),12px 0 0 var(--line-2);border-radius:10px}.compare-wrap--row-hover .compare tbody tr:has(+tr+tr+tr:hover>td)>[rowspan="3"]{border-bottom-color:#0000}.compare-wrap--row-hover .compare tbody tr:has(+tr+tr:hover>td)>[rowspan="2"]{border-bottom-color:#0000}.compare-wrap--row-hover .compare tbody tr:has(+tr:hover>td)>*{border-bottom-color:#0000}.compare-wrap--row-hover .compare tbody:has(+tbody>tr:first-child:hover>td)>tr:last-child>*{border-bottom-color:#0000}.compare-wrap--row-hover .compare:has(thead+tbody>tr:first-child:hover>td) thead :is(tr:last-child>*,[rowspan]:not([rowspan="1"])){border-bottom-color:#0000}}@media (hover:hover) and (prefers-reduced-motion:reduce){.compare-wrap--row-hover .compare :is(th,td){transition:none}}.specs{border-collapse:collapse;width:100%;font-size:15px}.specs th{text-align:left;width:42%;color:var(--ink-3);vertical-align:top;padding:11px 0;font-weight:500}.specs td{color:var(--ink);font-variant-numeric:tabular-nums;padding:11px 0}.specs td,.specs th{border-bottom:1px solid var(--line)}.specs tr.is-empty{display:none}@media (width<=720px){.compare,.specs{font-size:14px}}
