[data-compare-root]:empty{min-height:100vh}.cmp-toolbar{align-items:center;gap:var(--s-3) var(--s-5);margin-bottom:var(--s-6);flex-wrap:wrap;display:flex}.cmp-add{width:min(22rem,100%)}.cmp-wrap{border:1px solid var(--c-line);border-radius:var(--r-2);background:var(--c-surface);overflow-x:auto}.cmp{border-collapse:collapse;table-layout:fixed;width:100%;font-size:var(--fs-sm)}.cmp col.cmp__label-col{width:13rem}.cmp th,.cmp td{padding:var(--s-3) var(--s-4);text-align:left;vertical-align:top;border-bottom:1px solid var(--c-line)}.cmp thead th{top:var(--header-h);z-index:2;background:var(--c-surface);border-bottom:1px solid var(--c-ink);vertical-align:bottom;position:sticky}.cmp__head{gap:var(--s-2);display:grid}.cmp__head-top{justify-content:space-between;align-items:flex-start;gap:var(--s-2);display:flex}.cmp__name{font-size:var(--fs-md);letter-spacing:-.02em;font-weight:640;text-decoration:none}.cmp__name:hover{color:var(--c-red-ink)}.cmp__tag{font-size:var(--fs-xs);color:var(--c-ink-3);font-weight:400}.cmp tbody th{color:var(--c-ink-2);background:var(--c-surface);font-weight:520}.cmp__group th{padding-top:var(--s-6);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--c-ink);border-bottom:1px solid var(--c-ink);font-weight:500}.cmp__list{flex-wrap:wrap;gap:.25rem .75rem;display:flex}.cmp__sub{font-size:var(--fs-xs);color:var(--c-ink-3);margin-top:.15rem;display:block}.cmp tr[data-same]{color:var(--c-ink-3)}.cmp--diff tr[data-same]{display:none}@media (width<=44rem){.cmp-wrap{background:0 0;border:0;overflow:visible}.cmp,.cmp tbody,.cmp tr,.cmp th,.cmp td{width:auto;display:block}.cmp colgroup{display:none}.cmp thead{gap:var(--s-2);top:var(--header-h);z-index:3;padding:var(--s-2) 0;background:var(--c-bg);display:flex;position:sticky;overflow-x:auto}.cmp thead tr{display:contents}.cmp thead th{border:1px solid var(--c-line);border-radius:var(--r-2);flex:1 0 9rem;position:static}.cmp thead td{display:none}.cmp tbody tr{margin-bottom:var(--s-2);border:1px solid var(--c-line);border-radius:var(--r-2);background:var(--c-surface)}.cmp tbody tr.cmp__group{margin:var(--s-6) 0 var(--s-2);background:0 0;border:0}.cmp tbody th{border-bottom:1px solid var(--c-line)}.cmp tbody td{gap:var(--s-3);grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);display:grid}.cmp tbody td:before{content:attr(data-product);color:var(--c-ink);font-weight:600}.cmp tbody tr>:last-child{border-bottom:0}.cmp--diff tr[data-same]{display:none}}