body {
	font-family:    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	background-color: rgb(232 234 244);
}

table {border: 1px solid gray;}
img {max-width: 100vw;}
.centered {display:flex;justify-content: center;}
td {padding:0.6rem;}
.code {background-color:#111;color:#ddd;padding:1rem;overflow-x:scroll;}
code {background-color:#111;color:#ddd;overflow-x:scroll;}
pre {margin:0;}
svg text {fill:#444;stroke-width:1;pointer-events: none;}
/* svg text {font-size:0.9rem; fill:#444;stroke-width:1;pointer-events: none;} */
svg title {border-radius:5px;font-size:1.9rem; fill:#f44;paint-order: fill;pointer-events: none;}
/* Title & subtitle */
.charttitle {font-size:1.1rem; font-weight:600;fill:#5b5b5b;pointer-events: none;}
.chartsubtitle {font-size:1rem; fill:#5b5b5b;pointer-events: none;}
/* Ticks */
.charttick {font-size:0.85rem; fill:#666;pointer-events: none;}
/* All other text - labels, ticks */
.charttext {font-size:0.8rem; fill:#666;pointer-events: none;}
/* Legends */
.legendtitle {font-size:0.9rem; fill:#444;pointer-events: none;}
.legendcontent {font-size:0.8rem; fill:#666;pointer-events: none;}
/* labels */
.labeltitle {font-size:0.8rem; fill:#744;pointer-events: none;}
.labelcontent {font-size:0.7rem; fill:#444;pointer-events: none;}
.badgeL {border-radius: 5px 0 0 5px;background-color: #666;color:white;font-family: "Open Sans" Verdana Arial;display: inline;padding:4px;font-size: 14px;}
.badgeR {border-radius: 0 5px 5px 0;background-color: rgb(173, 98, 98);color:white;font-family: "Open Sans" Verdana Arial;display: inline;padding:4px;font-size: 14px;}