:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}

@layer priority1 {
  .x19bbpc0 {
    margin: 0 auto;
  }

  .xrqs5gp {
    padding: .5rem 1rem;
  }

  .xq3cggq {
    padding: 0 1rem;
  }

  .xv0mwg2 {
    padding: 1rem;
  }
}

@layer priority2 {
  .x116uinm {
    border-radius: .5rem;
  }

  .x8fetqu {
    gap: 1rem;
  }
}

@layer priority3 {
  .x6s0dn4 {
    align-items: center;
  }

  .x5qyhuo {
    background-color: #1a1a1a;
  }

  .x1l7kck9 {
    box-shadow: 0 2px 2px #0000001a;
  }

  .x1awj2ng {
    color: #fff;
  }

  .x1lliihq {
    display: block;
  }

  .x78zum5 {
    display: flex;
  }

  .xdt5ytf {
    flex-direction: column;
  }

  .x14b5q35 {
    font-family: Impact, Arial Black, sans-serif;
  }

  .xngnso2 {
    font-size: 1.5rem;
  }

  .x117nqv4 {
    font-weight: bold;
  }

  .xl56j7k {
    justify-content: center;
  }

  .x1r0g7yl {
    letter-spacing: 1px;
  }

  .x1u7k74 {
    line-height: 1.2;
  }

  .x10l6tqk {
    position: absolute;
  }

  .xixxii4 {
    position: fixed;
  }

  .x1n2onr6 {
    position: relative;
  }

  .x2b8uid {
    text-align: center;
  }

  .xdpxx8g {
    text-align: left;
  }

  .x1lwkqgz {
    text-shadow: 2px 2px 4px #000c, -2px -2px 4px #000c, 2px -2px 4px #000c, -2px 2px 4px #000c;
  }

  .xtvhhri {
    text-transform: uppercase;
  }

  .xuuh30 {
    transform: translateX(-50%);
  }

  .xfo81ep {
    z-index: 1000;
  }

  @media (width >= 768px) {
    .x12vxjpv.x12vxjpv {
      flex-direction: row;
    }

    .x2x07wg.x2x07wg {
      font-size: 2rem;
    }
  }
}

@layer priority4 {
  .x1ey2m1c {
    bottom: 0;
  }

  .x1szun9y {
    bottom: 1rem;
  }

  .xt7dq6l {
    height: auto;
  }

  .xu96u03 {
    left: 0;
  }

  .x1nrll8i {
    left: 50%;
  }

  .xrlsmeg {
    max-width: 600px;
  }

  .x3m8u43 {
    right: 0;
  }

  .x13vifvy {
    top: 0;
  }

  .x1nwpe0i {
    top: 1rem;
  }

  .xh8yej3 {
    width: 100%;
  }

  .xm6i5cn {
    width: 90%;
  }
}