:root {
  /*
    Semantically-named custom properties matching npm Figma Library
    and Primer naming conventions.

    These should be preferred over the below variables.

    Note that each variable has a corresponding class;
    `--color-fg-default` can be applied with `.color-fg-default`, etc.

    https://www.figma.com/file/qewGdfS6NAH5yOR3gKtWK9/?node-id=3%3A41
  */
  --color-fg-default: #262626;
  --color-fg-muted: #4d4d4d;
  --color-fg-subtle: #666666;
  --color-fg-on-emphasis: #ffffff;
  --color-fg-brand: #cb3837;
  --color-fg-accent: #196cb2;
  --color-fg-success: #107010;
  --color-fg-attention: #886701;
  --color-fg-danger: #bb2e3e;

  --color-bg-default: #ffffff;
  --color-bg-subtle: #f7f7f7;
  --color-bg-inset: #f2f2f2;
  --color-bg-emphasis: #262626;
  --color-bg-accent: #f2f9ff;
  --color-bg-success: #dcfdd9;
  --color-bg-attention: #fff5d8;
  --color-bg-danger: #ffdbdb;

  --color-border-default: #e6e6e6;
  --color-border-muted: #f2f2f2;
  --color-border-strong: #8f8f8f;
  --color-border-accent: #afcee9;
  --color-border-accent-emphasis: #0969da;
  --color-border-success: #93d58a;
  --color-border-success-emphasis: #107010;
  --color-border-attention: #efd88f;
  --color-border-danger: #f1b8bc;

  --color-shadow-large: 0 8px 24px rgba(140, 149, 159, 0.2);

  /*
    Legacy color variables — please avoid!
  */
  --wombat-red-hover: #c40b0a;
  --button-green: #00c642;
  --wombat-yellow: #ffcd3a;
  --wombat-violet: #8956ff;
  --wombat-purple: #c836c3;
  --wombat-green: #00c642;
  --wombat-teal: #29abe2;
  --light-blue: #70b8ff;
  --wombat-red: #cb3837;
  --header-color: #000;
  --bg-dark: #cb3837;
  --npmRed: #cb3837;
  --npmLightRed: #fb3e44;
  --blue: #357edd;
  --bg: #fff;
  --background-color: #fafafa;
  --wombat-bg-red: rgba(203, 55, 56, 0.1);

  --code: 'Fira Mono', 'Andale Mono', 'Consolas', monospace;
  --code-ls: 0px;
  --code-lh: 24px;

  --standardCardTransition: all 0.2s ease;

  --header-letter-spacing: 0.015625em;

  --readme-font-size: 18px;
  --readme-line-height: 1.6;
  --copy-color: rgba(0, 0, 0, 0.85);
  --code-bg: #f7f7f7;
  --code-box-radius: 2px;
}
/*
These breakpoints are based on tachyon's source

TACHYONS v4.9.0 | http://tachyons.io

The MIT License (MIT)

Permission is hereby granted, free of charge, to any person obtaining a
copy of this software and associated documentation files (the "Software"),
to deal in the Software without restriction, including without limitation
the rights to use, copy, modify, merge, publish, distribute, sublicense,
and/or sell copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
DEALINGS IN THE SOFTWARE. 
*/
/* css modules will take any classname and turn it into a unique identifier.
 * this is what we want for the top level .markdown class but all other classes
 * are embedded in generated readmes so they must all be preceeded with :global.
*/
._6d9832ac {
  padding-top: 8px;
  font-size: 18px;
  font-size: var(--readme-font-size);
  line-height: 1.6;
  line-height: var(--readme-line-height);
}
@media screen and (min-width: 30em) {
    ._6d9832ac {
      font-size: 1rem;
    }
  }
._6d9832ac h1,
  ._6d9832ac h2,
  ._6d9832ac h3,
  ._6d9832ac h4,
  ._6d9832ac h5,
  ._6d9832ac h6 {
    color: #111;
    margin-top: 24px;
    margin-bottom: 16px;
    padding-bottom: 0rem;
    font-weight: 600;
    line-height: 1.25;
  }
._6d9832ac .package-description-redundant {
    font-size: 3em;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
._6d9832ac a {
    color: #cb3837;
    color: var(--wombat-red);
    -webkit-text-decoration: none;
    text-decoration: none;
    font-size: 1em;
  }
._6d9832ac a strong {
      color: #cb3837;
      color: var(--wombat-red);
    }
._6d9832ac a._5a6c64a6 {
      color: #111;
    }
._6d9832ac p a,
  ._6d9832ac li a {
    font-weight: normal;
  }
._6d9832ac blockquote a {
    color: #c40b0a;
    color: var(--wombat-red-hover);
  }
._6d9832ac blockquote {
    background: none;
    padding: 0px 16px;
    margin-left: 0;
    margin-right: 0;
    border-left: #cecece solid 4px;
    border-radius: 0;
  }
._6d9832ac > *:last-child {
    margin-bottom: 0;
  }
._6d9832ac h1:first-child {
    font-weight: 700;
    margin-top: 0;
  }
._6d9832ac::first-letter-line {
    font-size: 5rem;
    margin-top: 0;
    font-weight: 100;
  }
._6d9832ac h1 {
    font-size: 2.25rem;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
._6d9832ac h2 {
    font-size: 1.875rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 8px;
    letter-spacing: -0.05rem;
  }
._6d9832ac h3 {
    font-size: 1.25rem;
    letter-spacing: -0.03rem;
  }
._6d9832ac h4 {
    font-size: 1.125rem;
    padding-bottom: 8px;
    letter-spacing: -0.03rem;
    border-bottom: 1px solid #eee;
  }
._6d9832ac h5 {
    font-size: 1rem;
    letter-spacing: -0.01rem;
  }
._6d9832ac h6 {
    font-size: 0.875rem;
    letter-spacing: -0.01rem;
  }
._6d9832ac p {
    color: rgba(0, 0, 0, 0.85);
    color: var(--copy-color);
    font-size: 18px;
    font-size: var(--readme-font-size);
    line-height: 1.6;
    line-height: var(--readme-line-height);
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.65;
    letter-spacing: 0.1px;
  }
._6d9832ac p li {
    line-height: 1;
    margin-top: 0;
    margin-bottom: 8px;
  }
._6d9832ac strong {
    color: black;
    font-weight: bolder;
  }
._6d9832ac hr {
    opacity: 0.2;
    height: 0px;
  }
._6d9832ac ol {
    padding-left: 17px;
    padding-top: 0;
    margin-top: 0;
  }
._6d9832ac ol li,
  ._6d9832ac ul li {
    margin-bottom: 6px;
    font-size: 1.1em;
  }
._6d9832ac td,
  ._6d9832ac th {
    font-size: 1.1em;
    padding: 9px 13px;
    border: 1px solid #d8d8d8;
    border-bottom: none;
    line-height: 1.6;
    line-height: var(--readme-line-height);
  }
._6d9832ac tr td {
    line-height: 1.4;
  }
._6d9832ac table {
    display: block;
    white-space: normal;
    overflow-x: auto;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: 1px solid #e2e2e2;
  }
._6d9832ac li p code {
    font-size: 0.8em;
  }
._6d9832ac ol li,
  ._6d9832ac ul li {
    margin-bottom: 6px;
    font-size: 1em;
  }
._6d9832ac pre {
    margin-top: 0;
    margin-bottom: 24px;
    padding: 12px;
    font-size: 1em;
    background: #f7f7f7;
    background: var(--code-bg);
    border-radius: 2px;
    border-radius: var(--code-box-radius);
    overflow-x: auto;
  }
@media screen and (min-width: 30em) {
      ._6d9832ac pre {
        padding: 13px 15px;
      }
    }
._6d9832ac code {
    font-size: 1em;
    border-radius: 2px;
    border-radius: var(--code-box-radius);
    background: #f7f7f7;
    background: var(--code-bg);
    padding: 0px 5px;
  }
._6d9832ac pre code {
    font-size: 1rem;
    padding: 0;
  }
._6d9832ac p code {
    font-size: 0.9em;
  }
._6d9832ac ul {
    padding-left: 1em;
    margin-bottom: 1em;
    font-size: 1em;
    line-height: 1.3;
  }
._6d9832ac ul li a {
    font-size: 18px;
    color: #cb3837;
    color: var(--wombat-red);
    -webkit-text-decoration: none;
    text-decoration: none;
    font-weight: normal;
    line-height: 1.4;
  }
._6d9832ac svg .deep-link-icon {
    float: right;
    margin-right: 3rem;
    padding-top: 1rem;
  }
._6d9832ac svg .deep-link-icon:first-child {
    padding-top: 20px;
  }
._6d9832ac h1:hover .anchor .octicon-link,
    ._6d9832ac h2:hover .anchor .octicon-link,
    ._6d9832ac h3:hover .anchor .octicon-link,
    ._6d9832ac h4:hover .anchor .octicon-link,
    ._6d9832ac h5:hover .anchor .octicon-link,
    ._6d9832ac h6:hover .anchor .octicon-link,
    ._6d9832ac h1:hover .heading-link .octicon-link,
    ._6d9832ac h2:hover .heading-link .octicon-link,
    ._6d9832ac h3:hover .heading-link .octicon-link,
    ._6d9832ac h4:hover .heading-link .octicon-link,
    ._6d9832ac h5:hover .heading-link .octicon-link,
    ._6d9832ac h6:hover .heading-link .octicon-link {
      color: #111;
      visibility: visible;
    }
._6d9832ac .anchor:hover .octicon-link,
  ._6d9832ac .anchor:focus .octicon-link,
  ._6d9832ac .heading-link:hover .octicon-link,
  ._6d9832ac .heading-link:focus .octicon-link,
  ._6d9832ac .octicon-link:hover {
    color: #111;
    visibility: visible;
  }
._6d9832ac .anchor {
    float: left;
    margin-left: -20px;
    padding-right: 4px;
  }
._6d9832ac .heading-link .octicon-link {
    margin-left: 4px;
  }
._6d9832ac .anchor .octicon-link,
  ._6d9832ac .heading-link .octicon-link {
    visibility: hidden;
  }
._6d9832ac .pl-k {
    color: #d53042;
  }
