/* CSS for Aggregate explorable styles */

div#a-content li > ul {
    padding-bottom: 0; }

div#a-ctrl > div,
div#a-ctrl {
    display: flex;

    /* justify-content: space-between; */
    flex-wrap: wrap; }

div#a-ctrl > div.position > div.x-y-values > * > input[type="number"] {
    width: 5rem; }

input#a-v-count,
input#a-m-count {
    width: 2rem; }

input#a-x-weight {
    width: 2.5rem; }

svg#a-aggregate-svg g.motion,
svg#a-aggregate-svg g.voter {
    stroke: black; }

svg#a-aggregate-svg > g.g-drag > g.motion,
svg#a-aggregate-svg > g.g-drag > g.voter {
    opacity: 0.75; }

svg#a-aggregate-svg > g.indifference-curves {
    stroke-opacity: 0.25;
    stroke: black;
    fill-opacity: 0.5;
    fill: none; }

svg#a-aggregate-svg > g.gradient-paths {
    stroke-opacity: 0.5;
    stroke-width: 2;
    fill: none; }

svg#a-aggregate-svg g.dist-heat-map rect[data-heat="0"] {
    stroke: #f7fcfd;
    fill: #f7fcfd; }
svg#a-aggregate-svg g.dist-heat-map rect[data-heat="1"] {
    stroke: #e5f5f9;
    fill: #e5f5f9; }
svg#a-aggregate-svg g.dist-heat-map rect[data-heat="2"] {
    stroke: #ccece6;
    fill: #ccece6; }
svg#a-aggregate-svg g.dist-heat-map rect[data-heat="3"] {
    stroke: #99d8c9;
    fill: #99d8c9; }
svg#a-aggregate-svg g.dist-heat-map rect[data-heat="4"] {
    stroke: #66c2a4;
    fill: #66c2a4; }
svg#a-aggregate-svg g.dist-heat-map rect[data-heat="5"] {
    stroke: #41ae76;
    fill: #41ae76; }
svg#a-aggregate-svg g.dist-heat-map rect[data-heat="6"] {
    stroke: #238b45;
    fill: #238b45; }
svg#a-aggregate-svg g.dist-heat-map rect[data-heat="7"] {
    stroke: #006d2c;
    fill: #006d2c; }
svg#a-aggregate-svg g.dist-heat-map rect[data-heat="8"] {
    stroke: #00441b;
    fill: #00441b; }

path#a-grad-path-0 { stroke: red; }
path#a-grad-path-1 { stroke: orange; }
path#a-grad-path-2 { stroke: cornflowerblue; }
path#a-grad-path-3 { stroke: green; }
path#a-grad-path-4 { stroke: blue; }
path#a-grad-path-5 { stroke: indigo; }
path#a-grad-path-6 { stroke: violet; }
path#a-grad-path-7 { stroke: gray; }

svg#a-aggregate-svg > g.zero-grad {
    stroke-width: 1;
    stroke: blue;
    fill: none; }