[data-tone=dark]{--note-text:var(--color-on-dark-body)}[data-noted]>.note{z-index:2;inline-size:var(--line-width);block-size:var(--line-width);clip-path:inset(50%);white-space:nowrap;margin:0;position:absolute;overflow:hidden}[data-noted]:is(:hover,:focus):not([data-notes=served] *)>.note{inset-block-start:var(--note-top,calc(100% + var(--space-2)));inset-inline:var(--note-inset,0);block-size:auto;inline-size:auto;padding:var(--space-3) var(--space-4);border:var(--line-width) solid var(--edge-control);border-radius:var(--radius-md);background-color:var(--fill-raised);box-shadow:var(--shadow-lg);clip-path:none;color:var(--note-text);font-family:var(--font-body);font-size:var(--text-small);line-height:var(--text-small-leading);text-align:start;white-space:normal;overflow:visible}[data-noted]:is(:hover,:focus){box-shadow:inset 0 0 0 var(--line-width) var(--mark-emphasis)}[data-tone=dark]{--figure-edge:var(--edge-control);--figure-strong:var(--color-on-dark);--figure-body:var(--color-on-dark-body);--figure-muted:var(--color-on-dark-muted)}figure.quadrant-plot{gap:var(--space-3);max-inline-size:var(--measure-prose);padding:var(--space-4);border:var(--line-width) solid var(--figure-edge);border-radius:var(--radius-xl);background-color:var(--fill-raised);flex-direction:column;margin:0;display:flex}figure.quadrant-plot>p.end,figure.quadrant-plot>div.plot>p.axis>span.end{color:var(--figure-muted);font-family:var(--font-body);font-size:var(--text-caps);font-weight:var(--weight-chrome);line-height:var(--text-caps-leading);letter-spacing:var(--text-caps-tracking);text-transform:uppercase;text-align:center}figure.quadrant-plot>div.plot{position:relative}figure.quadrant-plot>div.plot>span.line-up,figure.quadrant-plot>div.plot>p.axis>span.line-across{background-color:var(--edge-control)}figure.quadrant-plot>div.plot>span.line-up{inline-size:var(--line-width);position:absolute;inset-block:0;inset-inline-start:50%}figure.quadrant-plot>div.plot>ul.quadrants{gap:var(--space-6);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}figure.quadrant-plot>div.plot>ul.quadrants>li.quadrant{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}figure.quadrant-plot>div.plot>ul.quadrants>li.quadrant>p.name{color:var(--figure-strong);font-family:var(--font-heading);font-size:var(--text-small);font-weight:var(--weight-heading);line-height:var(--text-small-leading);overflow-wrap:anywhere}figure.quadrant-plot>div.plot>ul.quadrants>li.quadrant>ul.items{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}figure.quadrant-plot>div.plot>ul.quadrants>li.quadrant>ul.items>li.item{gap:var(--space-2);color:var(--figure-body);font-size:var(--text-small);line-height:var(--text-small-leading);align-items:flex-start;padding-inline-start:calc(var(--across) * max(0%, 100% - 2 * var(--space-8)));display:flex}figure.quadrant-plot>div.plot>ul.quadrants>li.quadrant>ul.items>li.item>span.dot{inline-size:var(--space-3);block-size:var(--space-3);border-radius:var(--radius-pill);background-color:var(--mark-emphasis);flex:none;margin-block-start:calc((var(--text-small) * var(--text-small-leading) - var(--space-3)) / 2)}figure.quadrant-plot>div.plot>ul.quadrants>li.quadrant>ul.items>li.item>span.label{overflow-wrap:anywhere;min-width:0}figure.quadrant-plot>div.plot>p.axis{gap:var(--space-2);align-items:center;display:flex;position:absolute;inset-block-start:50%;inset-inline:0;translate:0 -50%}figure.quadrant-plot>div.plot>p.axis>span.end{max-inline-size:calc(50% - var(--space-3));text-align:start}figure.quadrant-plot>div.plot>p.axis>span.end:last-child{text-align:end}figure.quadrant-plot>div.plot>p.axis>span.line-across{block-size:var(--line-width);flex:1}figure.quadrant-plot[data-unnamed]>div.plot>ul.quadrants>li.quadrant>p.name{inline-size:var(--line-width);block-size:var(--line-width);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}figure.quadrant-plot[data-numbered]{padding-block-end:calc(var(--space-4) + 3 * var(--space-3) + 2 * var(--line-width) + var(--text-small) * var(--text-small-leading))}figure.quadrant-plot[data-numbered]>div.plot{--note-top:calc(100% + 2 * var(--space-3) + var(--text-caps) * var(--text-caps-leading))}figure.quadrant-plot[data-numbered]>div.plot>ul.quadrants>li.quadrant>ul.items>li.item{inline-size:var(--space-6);block-size:var(--space-6);border-radius:var(--radius-pill);margin-inline-start:calc(var(--across) * (100% - var(--space-6)));padding:0;display:block}figure.quadrant-plot[data-numbered]>div.plot>ul.quadrants>li.quadrant>ul.items>li.item>span.dot{block-size:100%;inline-size:100%;color:var(--mark-emphasis-on);font-family:var(--font-heading);font-size:var(--text-small);font-weight:var(--weight-heading);justify-content:center;align-items:center;margin:0;line-height:1;display:flex}figure.quadrant-plot[data-numbered]>div.plot>ul.quadrants>li.quadrant>ul.items>li.item:is(:hover,:focus){box-shadow:0 0 0 var(--focus-offset) var(--fill-raised), 0 0 0 calc(var(--focus-offset) + var(--line-width)) var(--mark-emphasis)}@media (prefers-reduced-motion:no-preference){figure.quadrant-plot[data-play-once=waiting] .dot{opacity:0;scale:.4}figure.quadrant-plot[data-play-once=played] .dot{animation:quadrant-dot var(--dur-400) var(--spring) backwards;animation-delay:calc(var(--i) * var(--dur-150) / 2)}}@keyframes quadrant-dot{0%{opacity:0;scale:.4}}