body {
  background-color: #f0f0f2;
  margin: 0;
  padding: 0;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.panel {
  width: 600px;
  margin: 5em auto;
  padding: 2em;
  background-color: #fdfdff;
  border-radius: 0.5em;
  box-shadow: 2px 3px 7px 2px rgba(0, 0, 0, 0.02);
}

a:link,
a:visited {
  color: #38488f;
  text-decoration: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1em;
}

th,
td {
  text-align: left;
  padding: 0.35em 0.5em;
  border-bottom: 1px solid #ececf3;
}

th {
  font-weight: 600;
}

select,
button {
  font: inherit;
  margin-top: 0.5em;
}

.match-links {
  white-space: nowrap;
}

.link-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 0.4em;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.85;
}

.link-icon:hover {
  opacity: 1;
}

.link-icon.opendota {
  background-image: url("data:image/png;base64,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");
}

.link-icon.dotabuff {
  background-image: url("data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAABILAAASCwAAAAAAAAAAAAAcO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/bH/z/3+Q9f9/kPX/f5D1/3CD8/8+WO//HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/9PY+//l6P3/y9H7/8vR+//a3vz//v7//5+s9/8dPO3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f/T2Pv/jZ32/xw77f8cO+3/HDvt/1Zs8f/6+///boHz/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/09j7/42d9v8cO+3/HDvt/xw77f8cO+3/rbf4/8jP+v8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/9PY+/+Nnfb/HDvt/xw77f8cO+3/HDvt/3mK9P/z9P7/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f/T2Pv/jZ32/xw77f8cO+3/HDvt/xw77f9qfvP/+Pn+/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/09j7/42d9v8cO+3/HDvt/xw77f8cO+3/hJT1/+nr/f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/9PY+/+Nnfb/HDvt/xw77f8cO+3/Hz3t/9LX+/+uufj/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f/T2Pv/oK34/0Jc8P9CXPD/WG7x/7bA+f/19v7/QVrw/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/zdP7//j5/v/4+f7/+Pn+//P0/v/Ey/r/S2Px/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/HDvt/xw77f8cO+3/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==");
}

@media (max-width: 700px) {
  .panel {
    margin: 0 auto;
    width: auto;
  }
}
