.cmp-tray{z-index:2147483002;left:.5rem;right:.5rem;bottom:calc(4rem + env(safe-area-inset-bottom,0px) + 4.5rem);border:1px solid var(--line);background:var(--raise);max-width:26rem;color:var(--ink);font-family:var(--font);border-radius:1rem;margin-left:auto;padding:.5rem;animation:.26s cubic-bezier(.2,.8,.2,1) both cmp-in;position:fixed;box-shadow:0 .75rem 2rem -.75rem #0009}:root[data-theme=light] .cmp-tray{background:#fff;box-shadow:0 .75rem 2rem -.75rem #00000038}@keyframes cmp-in{0%{opacity:0;transform:translateY(.5rem)}}.cmp-row{align-items:center;gap:.625rem;display:flex}.cmp-th{flex:none;gap:.25rem;display:flex}.cmp-it{background:var(--hover);cursor:pointer;border:0;border-radius:.5rem;width:2.25rem;height:2.25rem;padding:0;position:relative;overflow:hidden}.cmp-it.empty{border:1.5px dashed var(--hover-2);cursor:default;background:0 0}.cmp-it img{object-fit:cover;width:100%;height:100%;display:block}.cmp-it i{color:#fff;opacity:0;background:#0000008c;place-items:center;font-style:normal;font-weight:800;transition:opacity .15s;display:grid;position:absolute;inset:0}.cmp-it:hover i,.cmp-it:focus-visible i{opacity:1}.cmp-tx{flex-direction:column;flex:auto;min-width:0;line-height:1.25;display:flex}.cmp-tx b{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:800;overflow:hidden}.cmp-tx span{color:var(--read);font-size:.75rem}.cmp-go{background:var(--acc-bg);height:2.25rem;box-shadow:var(--acc-rim);color:#fff;border-radius:999px;flex:none;align-items:center;padding:0 .875rem;font-size:.8125rem;font-weight:800;text-decoration:none;display:inline-flex}.cmp-go.off{background:var(--hover);box-shadow:none;color:var(--read)}.cmp-x{width:2rem;height:2rem;color:var(--read);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;font-size:1.25rem}.cmp-x:hover{background:var(--hover);color:var(--ink)}.cmp-note{background:var(--hover);border-radius:.625rem;margin:0 0 .5rem;padding:.5rem .625rem;font-size:.8125rem;line-height:1.45}.cmp-note button{color:var(--acc);font:inherit;cursor:pointer;background:0 0;border:0;margin-left:.25rem;padding:0;font-weight:800;text-decoration:underline}@media (width>=62em){.cmp-tray{width:24rem;bottom:1.25rem;left:auto;right:1.25rem}}.sx-tools{flex-wrap:wrap;gap:.5rem;margin:.75rem 0 0;display:flex}.sx-tool{background:var(--hover);height:2.375rem;color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.4375rem;padding:0 .9375rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:background-color .15s,transform .12s;display:inline-flex}.sx-tool:hover{background:var(--hover-2,var(--hover))}.sx-tool:active{transform:scale(.96)}.sx-tool svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.sx-tool[aria-pressed=true],.sx-tool.done{background:color-mix(in srgb, var(--acc) 18%, transparent);color:var(--acc)}.cmp{max-width:80rem;color:var(--ink);margin:0 auto;padding:1.75rem 1rem 7rem}.cmp-head{flex-wrap:wrap;align-items:flex-end;gap:.5rem 1.25rem;margin:0 0 1rem;display:flex}.cmp-h1{letter-spacing:-.035em;flex:100%;margin:0;font-size:clamp(1.875rem,5.5vw,2.5rem);font-weight:800;line-height:1.1}.cmp-lead{color:var(--read);flex:20rem;margin:0;font-size:.9375rem;line-height:1.55}.cmp-only{cursor:pointer;align-items:center;gap:.375rem;font-size:.875rem;font-weight:700;display:inline-flex}.cmp-only input{width:1.125rem;height:1.125rem;accent-color:var(--acc)}.cmp-wrap{overscroll-behavior-x:contain;scrollbar-width:thin;margin:0 -1rem;padding:0 1rem;overflow-x:auto}.cmp-t{width:100%;min-width:calc(6rem + var(--n) * 8rem);border-collapse:separate;border-spacing:0;table-layout:fixed}.cmp-t th,.cmp-t td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.625rem;font-size:.875rem;line-height:1.45}.cmp-t td{overflow-wrap:anywhere;font-weight:600}.cmp-k{z-index:1;background:var(--bg);width:6rem;color:var(--read);position:sticky;left:0;font-size:.8125rem!important;font-weight:700!important}.cmp-t thead th{border-bottom:0;padding-bottom:.875rem}.cmp-card{color:var(--ink);flex-direction:column;gap:.5rem;text-decoration:none;display:flex}.cmp-ph{aspect-ratio:4/3;background:var(--hover);border-radius:.75rem;display:block;overflow:hidden}.cmp-ph img{object-fit:cover;width:100%;height:100%;display:block}.cmp-tt{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9375rem;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.cmp-card:hover .cmp-tt{text-decoration:underline}.cmp-rm{color:var(--read);margin-top:.375rem;font-size:.75rem;font-weight:700;display:inline-block}.cmp-t tr.diff td{background:color-mix(in srgb, var(--acc) 7%, transparent)}.cmp-t tr.diff .cmp-k{color:var(--ink);background:linear-gradient(color-mix(in srgb, var(--acc) 7%, transparent), color-mix(in srgb, var(--acc) 7%, transparent)) var(--bg)}.cmp-t td.best{color:var(--good);font-weight:800}.cmp.only .cmp-t tbody tr:not(.diff):not(.cmp-sec),.cmp.only .cmp-t tr.cmp-sec.nodiff{display:none}.cmp-t tr.cmp-sec th{border-bottom:1px solid var(--line);background:0 0;padding:1.75rem 0 .5rem}.cmp-t tbody tr.cmp-sec:first-child th{padding-top:.75rem}.cmp-sh{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1rem;font-weight:800;display:inline-flex;position:sticky;left:0}.cmp-si{width:1rem;height:1rem;color:var(--read);place-items:center;display:inline-grid}.cmp-si svg{width:1rem;height:1rem}.cmp-kl{align-items:flex-start;gap:.4375rem;display:flex}.cmp-ki{width:1rem;height:1.25rem;color:var(--read);flex:none;place-items:center;display:grid}.cmp-ki svg{width:1rem;height:1rem}@media (width<=61.99em){.cmp-ki{display:none}}.cmp-up{width:.8125rem;height:.8125rem;color:var(--good);vertical-align:-.0625rem;margin:0 .3125rem 0 0;display:inline-block}.cmp-up svg{width:100%;height:100%;display:block}.cmp-up-i{margin:0 0 0 .1875rem}.cmp-wins{color:var(--read);margin:.5rem 0 0;font-size:.75rem;font-weight:600;line-height:1.3;display:block}.cmp-wins b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:800}.cmp-wins.lead b{color:var(--acc)}@media (width>=62em){.cmp{padding:2.25rem 1.75rem 6rem}.cmp-wrap{margin:0;padding:0}.cmp-t th,.cmp-t td{padding:.625rem .75rem}.cmp-k{width:11rem}.cmp-t thead .cmp-k{background:0 0}.cmp-t{min-width:calc(11rem + var(--n) * 12rem)}}
