:root {
  color: #1f2328;
  background: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: #fff; }
a { color: #0969da; }
.readme { width: min(1012px, calc(100% - 64px)); margin: 0 auto; padding: 40px 0 96px; line-height: 1.5; }
.readme > :first-child { margin-top: 0; }
.readme h1, .readme h2 { padding-bottom: .3em; border-bottom: 1px solid #d0d7de; }
.readme h1 { font-size: 2em; }
.readme h2 { margin-top: 1.5em; font-size: 1.5em; }
.readme h3 { margin-top: 1.45em; font-size: 1.25em; }
.readme img { max-width: 100%; height: auto; }
.readme blockquote { margin-left: 0; border-left: 4px solid #d0d7de; padding-left: 1em; color: #656d76; }
.readme code, .readme pre, .readme textarea { font: 13px/1.45 ui-monospace, SFMono-Regular, Consolas, monospace; }
.readme > pre { overflow: auto; border-radius: 6px; padding: 16px; background: #f6f8fa; }
.readme :not(pre) > code { border-radius: 4px; padding: .15em .35em; background: #eff1f3; }
.table-scroll { overflow-x: auto; }
.readme table { width: 100%; border-collapse: collapse; }
.readme th, .readme td { border: 1px solid #d0d7de; padding: 6px 13px; text-align: left; }
.readme tr:nth-child(2n) { background: #f6f8fa; }
.readme-example { margin: 16px 0; border: 1px solid #d0d7de; border-radius: 6px; overflow: hidden; }
.readme-example-bar { display: flex; align-items: center; justify-content: space-between; min-height: 38px; border-bottom: 1px solid #d0d7de; padding: 0 10px 0 14px; background: #f6f8fa; color: #656d76; font: 600 12px/1 sans-serif; }
.readme-example-play { border: 1px solid #1f883d; border-radius: 6px; padding: 5px 12px; color: #fff; background: #1f883d; font: 600 12px/1 sans-serif; cursor: pointer; }
.readme-example-play:disabled { cursor: wait; opacity: .65; }
.readme-example-layout { display: grid; grid-template-columns: minmax(0, 1fr); }
.readme-example-layout.has-result { grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr); }
.readme-example-workspace { min-width: 0; }
.readme-example-editor { position: relative; min-height: 140px; overflow: hidden; background: #0d1117; }
.readme-example-highlight, .readme-example-source { width: 100%; min-height: 140px; margin: 0; border: 0; padding: 16px; overflow: auto; white-space: pre; tab-size: 4; }
.readme-example-highlight { position: absolute; inset: 0; color: #e6edf3; pointer-events: none; }
.readme-example-source { position: relative; z-index: 1; display: block; resize: vertical; color: transparent; caret-color: #e6edf3; background: transparent; outline: none; -webkit-text-fill-color: transparent; }
.readme-example-source::selection { color: transparent; background: #264f78; -webkit-text-fill-color: transparent; }
.readme-example-terminal { border-top: 1px solid #30363d; padding: 10px 16px 14px; color: #e6edf3; background: #010409; }
.readme-example-terminal > span { color: #8b949e; font: 600 11px/1 sans-serif; text-transform: uppercase; }
.readme-example-output { margin: 8px 0 0; overflow: auto; white-space: pre-wrap; }
.readme-example-result { min-height: 220px; border-left: 1px solid #d0d7de; padding: 16px; background: #fff; }
.readme-example-result canvas { display: block; width: 100%; height: auto; border-radius: 4px; }
.vf-token.comment { color: #8b949e; }
.vf-token.string { color: #a5d6ff; }
.vf-token.number { color: #79c0ff; }
.vf-token.keyword, .vf-token.operator { color: #ff7b72; }
.vf-token.binding, .vf-token.function { color: #d2a8ff; }
.vf-token.builtin, .vf-token.type { color: #ffa657; }
.vf-token.punctuation { color: #c9d1d9; }
@media (prefers-color-scheme: dark) {
  :root, body { color: #e6edf3; background: #0d1117; }
  a { color: #58a6ff; }
  .readme h1, .readme h2, .readme-example, .readme-example-bar, .readme th, .readme td { border-color: #30363d; }
  .readme blockquote { border-color: #30363d; color: #8b949e; }
  .readme > pre, .readme tr:nth-child(2n), .readme-example-bar { background: #161b22; }
  .readme :not(pre) > code { background: #21262d; }
  .readme-example-result { border-color: #30363d; background: #0d1117; }
}
@media (max-width: 760px) {
  .readme { width: min(100% - 32px, 1012px); padding-top: 24px; }
  .readme-example-layout.has-result { grid-template-columns: 1fr; }
  .readme-example-result { border-top: 1px solid #d0d7de; border-left: 0; }
}