@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");
.dark-theme {
  --background-color: #162939;
  --color: #43FCD5;
  --color-meta: #f3efef;
  --pitch-line-color: #ccc;
  --pitch-shade-color: #ccc;
}

.light-theme {
  --background-color: #fff;
  --color: #333;
  --color-meta: #808080;
  --pitch-line-color: #808080;
  --pitch-shade-color: #808080;
}

.d3-soccer {
  font-family: "Open Sans";
}
.d3-soccer .pitch .lines {
  stroke: var(--pitch-line-color);
  fill: var(--pitch-line-color);
}
.d3-soccer .pitch .shaded {
  fill: var(--pitch-shade-color);
  opacity: 0.1;
  stroke: 0;
}
.d3-soccer .tooltip {
  font-family: "Open Sans";
  background: #fff;
  align-items: center;
  transform: translateX(20px) translateY(0%) translateY(-14px);
  opacity: 0;
  display: flex;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.d3-soccer .tooltip table {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  box-shadow: 7px 7px 12px -9px #777;
  opacity: 0.9;
}
.d3-soccer .tooltip table th {
  background-color: #aaa;
  font-size: 14px;
  padding: 2px 5px;
  text-align: left;
  color: #fff;
}
.d3-soccer .tooltip table tr {
  border: 1px solid #ccc;
}
.d3-soccer .tooltip table td {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #fff;
  border-left: 1px dotted #999;
}
.d3-soccer .header .h1 {
  font-size: 32px;
  fill: var(--color);
}
.d3-soccer .header .h2 {
  font-size: 21px;
  fill: var(--color-meta);
}
.d3-soccer .header .circle {
  stroke: var(--color-meta);
}
.d3-soccer table.actions-table {
  font-size: 0.8em;
  border-collapse: collapse;
  background-color: transparent;
}
.d3-soccer table.actions-table :last-child {
  margin-bottom: 0;
}
.d3-soccer table.actions-table th {
  padding: 8px 5px;
  line-height: 1.625;
  vertical-align: bottom;
  border-bottom: 2px solid #d8d9da;
}
.d3-soccer table.actions-table td {
  padding: 8px 5px;
  line-height: 1.625;
  vertical-align: top;
  border-top: 1px solid #ededed;
}