.pxs-cmp{--pxs-cmp-plot-h:clamp(13rem,32vh,19rem);--pxs-cmp-headroom:2rem;--pxs-cmp-bar-w:2.75rem;--pxs-cmp-col:6rem;display:flex;flex-direction:column;gap:1.75rem}.pxs-cmp:not([data-tone]){--bar:color-mix(in oklab,var(--ink) 24%,var(--ground))}.pxs-cmp-types{display:flex;flex-wrap:wrap;gap:.5rem .6rem}.pxs .pxs-cmp-types button{position:relative;display:inline-flex;align-items:center;gap:.5rem;min-height:var(--pxs-tap);padding:0 .9rem 0 .75rem;border-radius:13px 8px 12px 9px/9px 12px 8px 13px;color:var(--ink-soft);font-size:var(--pxs-fs-body);font-weight:500;transition:color var(--dur-quick) var(--ease-quiet),background-color var(--dur-quick) var(--ease-quiet)}.pxs .pxs-cmp-types button:after{content:"";position:absolute;inset:3px;border-radius:inherit;pointer-events:none;border:1.5px dashed transparent}.pxs .pxs-cmp-types button:hover{color:var(--ink);background:var(--pxs-wash)}.pxs .pxs-cmp-types button[aria-pressed=true]{color:var(--ink);font-weight:600;background:var(--pxs-cmp-tint,var(--pxs-wash-strong));box-shadow:3px 4px 0 -1px var(--pxs-cmp-shade,color-mix(in oklab,var(--ink) 22%,transparent))}.pxs .pxs-cmp-types button[aria-pressed=true]:after{border-color:color-mix(in oklab,var(--ink) 30%,transparent)}.pxs-cmp-types strong{font-family:var(--font-mono);font-size:var(--pxs-fs-sm);font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink-mute)}.pxs-cmp-types button[aria-pressed=true] strong{color:var(--ink)}.pxs-cmp-types .pxs-plate{color:var(--pxs-cmp-shade,var(--ink-mute))}.pxs-cmp-types [data-tone=robin]{--pxs-cmp-tint:var(--pxs-tint-robin);--pxs-cmp-shade:var(--pxs-shade-robin)}.pxs-cmp-types [data-tone=straw]{--pxs-cmp-tint:var(--pxs-tint-straw);--pxs-cmp-shade:var(--pxs-shade-straw)}.pxs-cmp-types [data-tone=berry]{--pxs-cmp-tint:var(--pxs-tint-berry);--pxs-cmp-shade:var(--pxs-shade-berry)}.pxs-cmp-types [data-tone=moss]{--pxs-cmp-tint:var(--pxs-tint-moss);--pxs-cmp-shade:var(--pxs-shade-moss)}.pxs-cmp-types [data-tone=lilac]{--pxs-cmp-tint:var(--pxs-tint-lilac);--pxs-cmp-shade:var(--pxs-shade-lilac)}.pxs-cmp-lead{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.75rem 2rem}.pxs-cmp-lead h2{margin:0;font-family:var(--font-serif);font-size:var(--pxs-fs-step);font-weight:560;line-height:1.15;letter-spacing:-.015em}.pxs-cmp-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-left:auto}.pxs-cmp-controls .pxs-report-choice select{min-width:11rem}.pxs-cmp-charts{display:flex;gap:2.5rem clamp(2rem,4vw,4rem);align-items:flex-start}.pxs-cmp-chart{flex:var(--pxs-cmp-n,1) 1 0;min-width:min(50% - 2rem,calc(var(--pxs-cmp-n, 1) * var(--pxs-cmp-col) + 2.75rem))}.pxs-cmp-chart h3{margin:0 0 .25rem;font-family:var(--font-serif);font-size:var(--pxs-fs-lg);font-weight:560;letter-spacing:-.01em}.pxs-cmp-none{margin:1rem 0;color:var(--ink-mute);font-size:var(--pxs-fs-body)}.pxs-cmp-plot{display:grid;grid-template-columns:2.75rem minmax(0,1fr)}.pxs-cmp-axis{position:relative;height:var(--pxs-cmp-plot-h);margin-top:var(--pxs-cmp-headroom);color:var(--ink-mute);font:var(--pxs-fs-xs) var(--font-mono);font-variant-numeric:tabular-nums}.pxs-cmp-axis>span{position:absolute;right:.6rem;bottom:calc(var(--pxs-cmp-at) * 1%);transform:translateY(50%)}.pxs-cmp-scroll{min-width:0;overflow-x:auto;overscroll-behavior-x:contain;--pxs-cmp-shade:color-mix(in oklab,var(--ink) 16%,transparent);background:linear-gradient(to right,var(--paper,var(--ground)) 40%,transparent) 0 /2.5rem 100% no-repeat local,linear-gradient(to left,var(--paper,var(--ground)) 40%,transparent) 100% /2.5rem 100% no-repeat local,radial-gradient(farthest-side at 0 50%,var(--pxs-cmp-shade),transparent) 0 /.9rem 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,var(--pxs-cmp-shade),transparent) 100% /.9rem 100% no-repeat scroll}.pxs-cmp-ground{position:relative;min-width:calc(var(--pxs-cmp-n) * var(--pxs-cmp-col))}.pxs-cmp-grid{top:var(--pxs-cmp-headroom);height:var(--pxs-cmp-plot-h);pointer-events:none}.pxs-cmp-grid,.pxs-cmp-grid>i{position:absolute;left:0;right:0}.pxs-cmp-grid>i{bottom:calc(var(--pxs-cmp-at) * 1%);border-top:1px solid color-mix(in oklab,var(--ink) 9%,transparent)}.pxs-cmp-grid>i:last-child{border-top-color:color-mix(in oklab,var(--ink) 45%,transparent)}.pxs-cmp-bars{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:0;padding:0;list-style:none}.pxs .pxs-cmp-item>button{display:flex;flex-direction:column;align-items:stretch;width:100%;padding:var(--pxs-cmp-headroom) .45rem .6rem;border-radius:var(--pxs-r-control)}.pxs-cmp-column{position:relative;display:block;height:var(--pxs-cmp-plot-h)}.pxs-cmp-fill{position:absolute;left:50%;bottom:0;width:var(--pxs-cmp-bar-w);height:calc(var(--pxs-cmp-h) * 1%);min-height:.15rem;transform:translateX(-50%);border-radius:.3rem .3rem 0 0;background:var(--bar,var(--pxs-bar-robin));transition:height var(--dur-quick) var(--ease-quiet),background-color var(--dur-quick) var(--ease-quiet);animation:pxs-cmp-rise var(--dur-slow) var(--ease-quiet) both}@keyframes pxs-cmp-rise{0%{height:0}}.pxs-cmp-item[data-small=true] .pxs-cmp-fill{background-image:repeating-linear-gradient(135deg,transparent 0 .22rem,color-mix(in oklab,var(--ground) 62%,transparent) .22rem .44rem)}.pxs-cmp-item>button:hover .pxs-cmp-fill,.pxs-cmp-item>button[aria-expanded=true] .pxs-cmp-fill{background-color:color-mix(in oklab,var(--bar,var(--pxs-bar-robin)) 82%,var(--ink))}.pxs-cmp-range{bottom:calc(var(--pxs-cmp-lo) * 1%);height:calc((var(--pxs-cmp-hi) - var(--pxs-cmp-lo)) * 1%);width:.45rem;--pxs-cmp-whisker:color-mix(in oklab,var(--ink) 38%,transparent);border-block:1px solid var(--pxs-cmp-whisker);background:linear-gradient(var(--pxs-cmp-whisker),var(--pxs-cmp-whisker)) 50% /1px 100% no-repeat;transition:bottom var(--dur-quick) var(--ease-quiet),height var(--dur-quick) var(--ease-quiet)}.pxs-cmp-range,.pxs-cmp-value{position:absolute;left:50%;transform:translateX(-50%)}.pxs-cmp-value{bottom:calc(var(--pxs-cmp-h) * 1% + .3rem);padding:0 .3rem;border-radius:.25rem;white-space:nowrap;background:var(--paper,var(--ground));font:600 var(--pxs-fs-sm) var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);transition:bottom var(--dur-quick) var(--ease-quiet)}.pxs-cmp-value[data-unknown=true]{bottom:.4rem;font-weight:400;color:var(--ink-mute)}.pxs-cmp-label{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding-top:.7rem;text-align:center}.pxs-cmp-mark{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-bottom:.15rem;color:var(--ink)}.pxs-cmp-mark-none{display:block;width:.55rem;height:.55rem;border-radius:50%;background:var(--ink-mute)}.pxs-cmp-name{max-width:100%;font-size:var(--pxs-fs-sm);font-weight:600;line-height:1.25;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.pxs-cmp-n{font:var(--pxs-fs-2xs) var(--font-mono);color:var(--ink-mute);font-variant-numeric:tabular-nums;white-space:nowrap}.pxs-cmp-item>button[aria-expanded=true] .pxs-cmp-name{text-decoration:underline;text-underline-offset:.25em}.pxs-cmp-chart>.pxs-report-more{margin-left:2.75rem}#pxs-cmp-evidence .pxs-report-more{min-width:var(--pxs-tap)}.pxs-cmp-sample{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1.5rem;padding-top:.75rem;border-top:var(--hairline);color:var(--ink-mute);font-size:var(--pxs-fs-sm)}.pxs-cmp-sample .pxs-report-more,.pxs-cmp-sample p{margin:0}@media (max-width:68rem){.pxs-cmp-charts{flex-direction:column;align-items:stretch}.pxs-cmp-chart{flex:none;min-width:0}}@media (max-width:40rem){.pxs-cmp{--pxs-cmp-bar-w:2.25rem;--pxs-cmp-col:5.5rem}.pxs-cmp-types{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;margin-inline:-1rem;padding:0 1rem .5rem}.pxs .pxs-cmp-types button{flex:none}.pxs-cmp-controls{margin-left:0}}@media (prefers-reduced-motion:reduce){.pxs-cmp-fill,.pxs-cmp-range,.pxs-cmp-value{animation:none;transition:none}}