.cmp-top{justify-content:space-between;align-items:flex-end;gap:var(--s-4);flex-wrap:wrap;display:flex}.cmp-h{align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-5);display:flex}.cmp-diff{align-items:center;gap:var(--s-2);min-height:40px;padding:0 var(--s-4);margin-bottom:var(--s-5);border-radius:var(--r-control);background:var(--surface);box-shadow:var(--sh-1);font-size:var(--fs-14);font-weight:var(--fw-2);color:var(--text-2);cursor:pointer;user-select:none;transition:color .15s, box-shadow .2s var(--ease);display:inline-flex}.cmp-diff:hover{color:var(--text);box-shadow:var(--sh-2)}.cmp-diff:active{transform:scale(.96)}.cmp-diff input{opacity:0;width:0;height:0;position:absolute}.cmp-diff__box{border-radius:var(--r-xs);background:var(--surface-2);width:20px;height:20px;box-shadow:var(--glass-inset);color:#0000;flex-shrink:0;place-items:center;transition:background .15s,color .15s;display:grid}.cmp-diff__box i{font-size:13px}.cmp-diff:has(input:checked){color:var(--text)}.cmp-diff:has(input:checked) .cmp-diff__box{background:var(--accent);color:var(--on-accent)}.cmp-diff:has(input:focus-visible) .cmp-diff__box{outline:2px solid var(--accent);outline-offset:2px}.cmp-wrap{--cmp-lbl-w:180px;position:relative}.cmp-scroll{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-2);-webkit-overflow-scrolling:touch;overflow:auto hidden}.cmp-fade{z-index:3;pointer-events:none;opacity:0;width:56px;transition:opacity .2s var(--ease);border-radius:var(--r-lg);position:absolute;top:0;bottom:0}.cmp-fade.is-shown{opacity:1}.cmp-fade--left{left:calc(var(--cmp-lbl-w) + 1px);background:linear-gradient(to right, var(--surface), transparent)}.cmp-fade--right{background:linear-gradient(to left, var(--surface), transparent);right:0}.cmp-nav{z-index:4;border-radius:var(--r-pill);cursor:pointer;background:var(--surface);width:40px;height:40px;color:var(--text-2);box-shadow:var(--sh-2);transition:color .15s, box-shadow .2s var(--ease), transform .12s var(--ease);border:0;justify-content:center;align-items:center;padding:0;display:none;position:absolute;top:50%;transform:translateY(-50%)}.cmp-nav.is-shown{display:inline-flex}.cmp-nav:hover{color:var(--text);box-shadow:var(--sh-3,var(--sh-2))}.cmp-nav:active{transform:translateY(-50%)scale(.92)}.cmp-nav:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cmp-nav i{font-size:20px;line-height:1}.cmp-nav--left{left:calc(var(--cmp-lbl-w) + 8px)}.cmp-nav--right{right:8px}.cmp-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:calc(var(--cmp-lbl-w,180px) + var(--cmp-cols,3) * 220px)}.cmp-table th,.cmp-table td{text-align:left;vertical-align:top;padding:var(--s-4) var(--s-5);font-size:var(--fs-14);min-width:220px}.cmp-table thead th:not(.cmp-corner),.cmp-table tbody td:not(.cmp-lbl){border-left:1px solid var(--border)}.cmp-table .cmp-lbl,.cmp-table .cmp-corner{z-index:2;width:var(--cmp-lbl-w,180px);min-width:var(--cmp-lbl-w,180px);max-width:var(--cmp-lbl-w,180px);color:var(--text-3);font-weight:var(--fw-2);background:var(--surface);box-shadow:1px 0 0 var(--border);position:sticky;left:0}.cmp-table thead .cmp-corner{z-index:3}.cmp-head{gap:var(--s-3);flex-direction:column;align-items:flex-start;height:100%;display:flex}.cmp-thumb{object-fit:contain;border-radius:var(--r-md);width:132px;height:132px;padding:var(--s-2);outline:1px solid var(--img-edge);outline-offset:-1px}.cmp-thumb--empty{border-radius:var(--r-md);background:var(--surface-2);width:132px;height:132px;color:var(--text-3);place-items:center;display:grid}.cmp-name{font-weight:var(--fw-3);color:var(--text);letter-spacing:-.01em;text-wrap:pretty;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;min-height:3.9em;line-height:1.3;display:-webkit-box;overflow:hidden}.cmp-name:hover{color:var(--accent)}.cmp-price{font-size:var(--fs-20);font-weight:var(--fw-5);letter-spacing:-.02em;color:var(--text)}.cmp-price--ask{font-size:var(--fs-15);font-weight:var(--fw-3);color:var(--text-3)}.cmp-head__actions{align-items:center;gap:var(--s-2);padding-top:var(--s-1);width:100%;margin-top:auto;display:flex}.cmp-buy{flex:1}.cmp-del{flex:none;justify-content:center;align-items:center;width:40px;height:38px;padding:0;display:inline-flex}.cmp-del:hover{background:var(--danger-soft);color:var(--danger)}.cmp-table tbody td{color:var(--text);border-top:1px solid var(--border)}.cmp-table tbody .cmp-lbl{background:var(--surface);border-top:1px solid var(--border)}:root[data-cmp-diff="1"] .cmp-table tbody tr.row-diff td:not(.cmp-lbl){background:var(--accent-soft);box-shadow:inset 3px 0 0 -1px #0000}.cmp-na{color:var(--text-3)}:root[data-cmp-diff="1"] tbody tr.row-same{display:none}@media (width<=600px){.cmp-wrap{--cmp-lbl-w:130px}.cmp-table{min-width:calc(var(--cmp-lbl-w,130px) + var(--cmp-cols,3) * 170px)}.cmp-table th,.cmp-table td{min-width:170px;padding:var(--s-3) var(--s-4)}.cmp-thumb,.cmp-thumb--empty{width:104px;height:104px}.cmp-price{font-size:var(--fs-18)}.cmp-fade{width:40px}.cmp-nav{width:34px;height:34px}.cmp-nav i{font-size:17px}.cmp-nav--left{left:calc(var(--cmp-lbl-w) + 4px)}.cmp-nav--right{right:4px}}.cmp-scroll{animation:vd-rise .4s var(--ease-out) both}