.cmp{--cmp-0:var(--chart-up);--cmp-1:var(--chart-down);--cmp-2:var(--water-3);--cmp-3:var(--elder-3);max-width:60rem;padding-block:clamp(2rem,6vw,4rem)}.cmp h1{font-family:var(--display);font-size:clamp(var(--t-lg), 5vw, var(--t-xl));letter-spacing:-.015em;margin:0 0 .75rem;font-weight:400;line-height:1.1}.cmp .lede{color:var(--quiet);max-width:46ch;margin:0 0 2rem}.cmp astro-island{min-height:30rem;display:block}.cmp-status{color:var(--quiet)}.cmp button{font:inherit;cursor:pointer}.cmp button:focus-visible,.cmp select:focus-visible,.cmp a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.cmp-glyph{flex:none;overflow:visible}.cmp-glyph.k0 path,.cmp-picked.k0 path{fill:var(--cmp-0)}.cmp-glyph.k1 path,.cmp-picked.k1 path{fill:var(--cmp-1)}.cmp-glyph.k2 path,.cmp-picked.k2 path{fill:var(--cmp-2)}.cmp-glyph.k3 path,.cmp-picked.k3 path{fill:var(--cmp-3)}.cmp-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem 1.5rem;margin-bottom:1.25rem;display:flex}.cmp-picker{flex:24rem;position:relative}.cmp-chips{border:1px solid var(--rule);border-radius:.65rem;flex-wrap:wrap;gap:.35rem;margin:0;padding:.3rem;list-style:none;display:flex}.cmp-chips:focus-within{border-color:var(--quiet)}.cmp-chip{border:1px solid var(--rule);font-size:var(--t-sm);border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .2rem .25rem .6rem;display:inline-flex}.cmp-chip a{color:var(--ink);text-decoration:none}.cmp-chip a:hover{text-decoration:underline}.cmp-chip button{color:var(--quiet);background:0 0;border:0;border-radius:50%;width:1.6rem;height:1.6rem;font-size:1.15rem;line-height:1}.cmp-chip button:hover{color:var(--ink);background:var(--well)}.cmp-add{flex:9rem}.cmp-add input{width:100%;color:var(--ink);font:inherit;font-size:var(--t-sm);background:0 0;border:0;outline:none;padding:.4rem .5rem}.cmp-add input::placeholder{color:var(--quiet)}.cmp-options{z-index:30;background:var(--paper);border:1px solid var(--rule);border-radius:.65rem;max-height:22rem;margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow:auto;box-shadow:0 12px 32px #00000024}.cmp-option{cursor:pointer;border-radius:.45rem;flex-direction:column;gap:.1rem;padding:.5rem .65rem;display:flex}.cmp-option.is-active{background:var(--well)}.cmp-option-meta{font-size:var(--t-xs);color:var(--quiet)}.cmp-option.is-off,.cmp-option.is-none{cursor:default}.cmp-option.is-off .cmp-option-name,.cmp-option.is-none{color:var(--quiet)}.cmp-views{border:1px solid var(--rule);border-radius:999px;gap:.15rem;padding:.2rem;display:inline-flex}.cmp-views button{color:var(--quiet);font-size:var(--t-sm);background:0 0;border:0;border-radius:999px;padding:.4rem .9rem}.cmp-views button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.cmp-note{font-size:var(--t-sm);color:var(--quiet);border-left:2px solid var(--brass);margin:0 0 1rem;padding-left:.75rem}.cmp-empty{font-size:var(--t-sm);color:var(--quiet);margin:0 0 1.75rem}.cmp-empty p{margin:0 0 .6rem}.cmp-suggestions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.cmp-suggestions span{margin-right:.2rem}.cmp-suggest{border:1px solid var(--rule);color:var(--ink);font-size:var(--t-sm);background:0 0;border-radius:999px;padding:.35rem .8rem}.cmp-suggest:hover{border-color:var(--ink)}.cmp-legend{font-size:var(--t-sm);flex-wrap:wrap;gap:.35rem 1.1rem;margin:0 0 .5rem;padding:0;list-style:none;display:flex}.cmp-legend li{align-items:center;gap:.4rem;display:inline-flex}.cmp-legend .lg-morocco,.cmp-legend .lg-every{color:var(--quiet)}.lg-morocco i{background:var(--ink);opacity:.55;width:2px;height:.9rem;display:inline-block}.lg-every i{background:linear-gradient(to top, var(--quiet) 45%, transparent 45%) 0 0 / 25% 100%, linear-gradient(to top, var(--quiet) 100%, transparent 100%) 33% 0 / 25% 100%, linear-gradient(to top, var(--quiet) 70%, transparent 70%) 66% 0 / 25% 100%, linear-gradient(to top, var(--quiet) 30%, transparent 30%) 100% 0 / 25% 100%;opacity:.35;background-repeat:no-repeat;width:1rem;height:.65rem;display:inline-block}.cmp-group h2{font-family:var(--sans);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);margin:2rem 0 .25rem;font-weight:600}.cmp-row{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label values""strip strip""ends ends";column-gap:1rem;padding:.75rem 0 .4rem;display:grid}.cmp-label{grid-area:label}.cmp-values{font-size:var(--t-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;grid-area:values;justify-content:flex-end;align-items:baseline;gap:.2rem .9rem;display:flex}.cmp-values .v{white-space:nowrap;align-items:center;gap:.3rem;display:inline-flex}.cmp-values .mo{color:var(--quiet)}.cmp-strip{grid-area:strip;height:2.1rem;margin-top:.4rem;position:relative}.cmp-strip:after{content:"";background:var(--rule);height:1px;position:absolute;bottom:0;left:0;right:0}.cmp-bars{width:100%;height:1.6rem;fill:var(--quiet);opacity:.28;position:absolute;bottom:0;left:0}.cmp-mo{background:var(--ink);opacity:.55;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.cmp-mark{pointer-events:none;background:0 0;border:0;border-radius:50%;margin:0;padding:2px;line-height:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.cmp-mark:focus-visible{outline-offset:-2px}.cmp-mark path{stroke:var(--paper);stroke-width:1.5px}.cmp-ends{color:var(--quiet);font-variant-numeric:tabular-nums;grid-area:ends;justify-content:space-between;margin-top:.15rem;font-size:.6875rem;display:flex}.cmp-axes{flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;margin-bottom:1rem;display:flex}.cmp-axis{font-size:var(--t-xs);color:var(--quiet);flex-direction:column;flex:13rem;gap:.3rem;display:flex}.cmp-axis select{height:2.5rem;font:inherit;font-size:var(--t-sm);color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:.5rem;padding:0 .6rem}.cmp-swap{border:1px solid var(--rule);height:2.5rem;color:var(--ink);font-size:var(--t-sm);background:0 0;border-radius:999px;padding:0 .85rem;line-height:1}.cmp-swap:hover{border-color:var(--ink)}.cmp-plot{position:relative}.cmp-plot svg{cursor:crosshair;touch-action:manipulation;display:block}.cmp-grid line{stroke:var(--rule)}.cmp-grid text,.cmp-morocco text{fill:var(--quiet);font-size:11px;font-family:var(--sans);font-variant-numeric:tabular-nums}.cmp-arrow{fill:none;stroke:var(--ink);stroke-width:1.8px}.cmp-title-x,.cmp-title-y{fill:var(--ink);font-size:12.5px;font-weight:500;font-family:var(--sans)}.cmp-morocco line{stroke:var(--quiet);stroke-dasharray:4 4}.cmp-dots circle{fill:var(--quiet);opacity:.38}.cmp-hover{fill:none;stroke:var(--ink);stroke-width:1.5px}.cmp-picked path{stroke:var(--paper);stroke-width:2px}.cmp-picked text{fill:var(--ink);font-family:var(--sans);paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round;font-size:13px;font-weight:600}.cmp-tip{z-index:40;background:var(--paper);border:1px solid var(--rule);min-width:11rem;max-width:min(16rem,100vw - 2rem);font-size:var(--t-xs);pointer-events:none;font-variant-numeric:tabular-nums;border-radius:4px;gap:.1rem;padding:.55rem .75rem;line-height:1.45;display:grid;position:absolute;top:0;left:0;box-shadow:0 6px 18px #0000001f}.cmp-tip.is-fixed{position:fixed}.cmp-tip strong{font-size:var(--t-sm);font-weight:500}.cmp-tip>span{color:var(--quiet)}.cmp-tip-row{justify-content:space-between;gap:1rem;display:flex}.cmp-tip-row b{color:var(--ink);font-weight:500}.cmp-caption{font-size:var(--t-xs);color:var(--quiet);margin:.5rem 0 0}.cmp-actions{border-top:1px solid var(--rule);flex-wrap:wrap;gap:.5rem;margin-top:2rem;padding-top:1.25rem;display:flex}.cmp-actions button{border:1px solid var(--rule);color:var(--ink);font-size:var(--t-sm);background:0 0;border-radius:999px;padding:.5rem 1rem}.cmp-actions button:hover{border-color:var(--ink)}.cmp-actions button:disabled{color:var(--quiet);cursor:progress}.cmp-source{font-size:var(--t-xs);color:var(--quiet);max-width:62ch;margin:1.5rem 0 0}.cmp-source a{color:inherit}@media (width<=30rem){.cmp-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"label""values""strip""ends"}.cmp-values{justify-content:flex-start;margin-top:.2rem}.cmp-views{width:100%}.cmp-views button{flex:1}}