#tooltip {
display: block;
width: 50%;
height: 0;
font-size: 11px;
font-weight: 400;
color: #333333;
}

.venn {
	width: 250px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
}

.venntooltip {
	position: absolute;
	text-align: right;
	width: auto;
	height: auto;
	background: rgb(255, 255, 255);
	color: #000;
	padding: 0 10px;
	border: 1px solid #333333;
	opacity: 0;
	top: 0;
	right: 0;
	z-index: -1000;
}

svg path {
/*     stroke: rgba(33,33,33,0.6); */
/*     stroke-width: 3px; */
}

svg text {
fill: #333;
opacity: 0.8;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: .8rem;
font-weight: 400;
z-index: 9999;
}

/* [data-venn-sets="0"]   { fill: #125FE3; }
[data-venn-sets="1"]   { fill: #FD4DB0; }
[data-venn-sets="2"]   { fill: #C94402; }
[data-venn-sets="0_1"] { fill: #FCE917; }
[data-venn-sets="0_2"] { fill: #2C4A68; }
[data-venn-sets="1_2"] { fill: #9244A6; }
[data-venn-sets="0_1_2"] { fill: #44A691; } */
  [data-venn-sets="2"] {
    fill: #e9e9e9;
  }

  [data-venn-sets="1"] {
    fill: #e9e9e9;
  }

  [data-venn-sets="0"] {
    fill: #e9e9e9;
  }

  [data-venn-sets="0_1"] {
    fill: #d2d2d2;
  }

  [data-venn-sets="0_2"] {
    fill: #d2d2d2;
  }

  [data-venn-sets="1_2"] {
    fill: #d2d2d2;
  }

  [data-venn-sets="0_1_2"] {
    fill: #b4b4b4;
  }
  g#venngroup:hover g:not(:hover) path {
    opacity: 0.5;
    z-index: 5000;
  }

  g#venngroup:hover g:not(:hover) text {
    opacity: 0.5;
  }