@layer reset{*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{border:0}}@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-rendering:optimizelegibility;--page-bg:#f4f4f5;--surface:#fff;--surface-soft:#fafafa;--text:#1c1c1e;--text-secondary:#6e6e73;--separator:#e4e4e7;--accent:#0b73e7;--accent-hover:#0869d3;--accent-soft:#e8f1fd;--code-bg:#17181c;--code-text:#e7e9ee;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif}body{background:var(--page-bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit}::selection{color:#fff;background:var(--accent)}}

@layer reset, base, stylex.priority1;

@layer stylex.priority2 {
  .x1j0uz5r {
    margin: -14px 0 34px;
  }

  .xkc5qi {
    margin: 0 0 10px;
  }

  .xjgi5au {
    margin: 0 0 12px;
  }

  .x15qb3m7 {
    margin: 0 0 18px;
  }

  .x103tiuj {
    margin: 0 0 22px;
  }

  .x14kyu8q {
    margin: 0 0 26px;
  }

  .xbvy2oj {
    margin: 0 0 40px;
  }

  .xc86uaa {
    margin: 0 0 6px;
  }

  .xit3vud {
    margin: 0 auto 10px;
  }

  .x1yl9404 {
    margin: 0 auto 18px;
  }

  .x83bpuy {
    margin: 0 auto 24px;
  }

  .xa1ma8y {
    margin: 0 auto 26px;
  }

  .x1urptvm {
    margin: 0 auto 30px;
  }

  .x1hqysqv {
    margin: 0 auto 42px;
  }

  .x19bbpc0 {
    margin: 0 auto;
  }

  .x1ghz6dp {
    margin: 0;
  }

  .xzmowlt {
    margin: 14px 0 0;
  }

  .x1cpde12 {
    margin: 2px 0 0;
  }

  .x7jqj3c {
    margin: 44px auto 0;
  }

  .x64x4ey {
    margin: 4px 0 2px;
  }

  .x17dt3li {
    padding: 0 20px 16px;
  }

  .x1717udv {
    padding: 0;
  }

  .x15x03d9 {
    padding: 10px 14px;
  }

  .xf0b7zy {
    padding: 10px 18px;
  }

  .xzl5hh6 {
    padding: 11px 16px 11px 38px;
  }

  .x1gqud3g {
    padding: 12px 14px;
  }

  .x1np1h16 {
    padding: 16px 18px;
  }

  .x14hcewi {
    padding: 16px 20px;
  }

  .xmbxx08 {
    padding: 18px 20px;
  }

  .x7bhtc1 {
    padding: 1px 7px;
  }

  .xl7t7w5 {
    padding: 1px 8px;
  }

  .x147hlpw {
    padding: 22px 24px;
  }

  .xp9y95v {
    padding: 22px;
  }

  .xp59utf {
    padding: 26px 0;
  }

  .x1n2it3j {
    padding: 28px 30px;
  }

  .x89xqzq {
    padding: 30px 24px;
  }

  .x1x7i2cb {
    padding: 3px 9px;
  }

  .x782wnf {
    padding: 56px 0 80px;
  }

  .xqy1keh {
    padding: 5px 11px;
  }

  .xw5nz3n {
    padding: 5px 12px;
  }

  .x1sfqgxf {
    padding: 64px 0;
  }

  .x17pnzc4 {
    padding: 7px 14px;
  }

  .x12liiwc {
    padding: 88px 0 56px;
  }

  .x1ib1h6n {
    padding: 8px 0;
  }

  .xbnpv00 {
    padding: 8px 14px;
  }

  .x761oyd {
    padding: 8px 20px;
  }

  .x1jx5nlt {
    padding: 9px 16px;
  }

  @media (width <= 520px) {
    .xnmxtco.xnmxtco {
      margin: 34px auto 0;
    }

    .x1wm0lvj.x1wm0lvj {
      padding: 64px 0 44px;
    }
  }
}

@layer stylex.priority3 {
  .x9ryw59 {
    border-color: var(--separator);
  }

  .x2u8bby {
    border-radius: 0;
  }

  .x1q4ynmn {
    border-radius: 10px;
  }

  .x4pepcl {
    border-radius: 12px;
  }

  .xixl9f9 {
    border-radius: 14px;
  }

  .xgqmno8 {
    border-radius: 16px;
  }

  .xugzpu4 {
    border-radius: 18px;
  }

  .x1kogg8i {
    border-radius: 6px;
  }

  .xu4hgxq {
    border-radius: 7px;
  }

  .xur7f20 {
    border-radius: 8px;
  }

  .x1e6avla {
    border-radius: 999px;
  }

  .xhpnuu7 {
    border-radius: 9px;
  }

  .xbsl7fq {
    border-style: dashed;
  }

  .xng3xce {
    border-style: none;
  }

  .xdh2fpr {
    border-width: 2px;
  }

  .x883omv {
    gap: 10px;
  }

  .x1v2ro7d {
    gap: 12px;
  }

  .x1af02g3 {
    gap: 14px;
  }

  .xou54vl {
    gap: 16px;
  }

  .xaobbuh {
    gap: 18px;
  }

  .xmt3bw4 {
    gap: 22px;
  }

  .xtp3fuj {
    gap: 44px;
  }

  .x17d4w8g {
    gap: 6px;
  }

  .x1j9xkj6 {
    gap: 7px;
  }

  .x13uf9xa {
    gap: 84px;
  }

  .x167g77z {
    gap: 8px;
  }

  .xe8uvvx {
    list-style: none;
  }

  .xvueqy4 {
    margin-inline: auto;
  }

  .x1a2a7pz {
    outline: none;
  }

  .xb3r6kr {
    overflow: hidden;
  }

  .x1ku5rj1 {
    place-items: center;
  }

  .x1hl2dhg {
    text-decoration: none;
  }

  .x1n5wggv {
    transition: grid-template-rows .25s;
  }

  .x1ekxp0j {
    transition: opacity .15s, box-shadow .15s, color .15s;
  }

  .x1lfvz1t {
    transition: opacity .15s, transform .15s;
  }

  .x1sv4dxw {
    transition: transform .25s;
  }
}

@layer stylex.priority4 {
  .x1lugfcp {
    -webkit-appearance: none;
  }

  .x5pbdfn {
    -webkit-mask-image: linear-gradient(to right, #0000, #000 12% 88%, #0000);
  }

  .x1pha0wt {
    align-items: baseline;
  }

  .x6s0dn4 {
    align-items: center;
  }

  .x7a106z {
    align-items: start;
  }

  .xl8t4ro {
    animation-duration: .55s;
  }

  .x1honnkd {
    animation-duration: 45s;
  }

  .xa4qsjk {
    animation-iteration-count: infinite;
  }

  .xx7oji7 {
    animation-name: x18kjr21-B;
  }

  .x1avuawy {
    animation-name: x1ofc7ps-B;
  }

  .x1debuo4 {
    animation-timing-function: ease;
  }

  .x1esw782 {
    animation-timing-function: linear;
  }

  .xjyslct {
    appearance: none;
  }

  .x8gyo0a {
    backdrop-filter: blur(14px);
  }

  .x1s7cv9e {
    background-color: #e8f6ec;
  }

  .xk0x0fr {
    background-color: #fdf6e3;
  }

  .x1c5tqo3 {
    background-color: #fff;
  }

  .x1bhag4e {
    background-color: #0b73e714;
  }

  .x6ieuc9 {
    background-color: #0b73e717;
  }

  .xm5x9gk {
    background-color: #0b73e71a;
  }

  .x4z6a7p {
    background-color: #f4f4f5db;
  }

  .x74mqcx {
    background-color: #ffffff29;
  }

  .xjbqb8w {
    background-color: #0000;
  }

  .xhlrlra {
    background-color: var(--accent-soft);
  }

  .xwnonoy {
    background-color: var(--accent);
  }

  .xvlpt32 {
    background-color: var(--code-bg);
  }

  .xsf7f95 {
    background-color: var(--surface-soft);
  }

  .xuvt9l {
    background-color: var(--surface);
  }

  .x15k62pf {
    background-color: var(--text);
  }

  .x43zuo4 {
    box-shadow: 0 12px 32px #00000024;
  }

  .xc6mbk3 {
    box-shadow: 0 16px 38px #1c1c1e1a;
  }

  .x9q26zq {
    box-shadow: 0 1px 2px #0000001f;
  }

  .xe5q8m5 {
    box-shadow: inset 0 0 0 1.5px var(--accent);
  }

  .xigndp2 {
    box-shadow: inset 0 0 0 1px #cbe8d3;
  }

  .x4qoylx {
    box-shadow: inset 0 0 0 1px #f0e2b6;
  }

  .xduthb9 {
    box-shadow: inset 0 0 0 1px #00000014, 0 16px 38px #1c1c1e1a;
  }

  .xflcn3v {
    box-shadow: inset 0 0 0 1px #00000014, 0 24px 60px #1c1c1e24;
  }

  .xq1nsxp {
    box-shadow: inset 0 0 0 1px #ffffff4d;
  }

  .x1sq2vv {
    box-shadow: inset 0 0 0 1px var(--accent);
  }

  .x1ns3ztf {
    box-shadow: inset 0 0 0 1px var(--separator),0 14px 38px #00000012;
  }

  .x3zydfo {
    box-shadow: inset 0 0 0 1px var(--separator),0 1px 2px #00000008;
  }

  .x1h86ax7 {
    box-shadow: inset 0 0 0 1px var(--separator),0 1px 2px #0000000a;
  }

  .xu6uzur {
    box-shadow: inset 0 0 0 1px var(--separator),0 1px 2px #0000000d;
  }

  .x1kn8pem {
    box-shadow: inset 0 0 0 1px var(--separator),0 1px 3px #0000000a;
  }

  .x39r07l {
    box-shadow: inset 0 0 0 1px var(--separator);
  }

  .x9f619 {
    box-sizing: border-box;
  }

  .x1qgqlal {
    break-inside: avoid;
  }

  .xitdr27 {
    color: #1e5c2f;
  }

  .x1oqkj35 {
    color: #7cb5ff;
  }

  .xg0h4vq {
    color: #7e8494;
  }

  .x194a6s6 {
    color: #8a6d1f;
  }

  .x1f7m26b {
    color: #fff;
  }

  .x1heor9g {
    color: inherit;
  }

  .x1qq9wsj {
    color: var(--accent);
  }

  .x1ur92h2 {
    color: var(--code-text);
  }

  .xhgddhk {
    color: var(--text-secondary);
  }

  .x1aj07ft {
    color: var(--text);
  }

  .xiyxwb5 {
    column-gap: 14px;
  }

  .x14x0icv {
    column-width: 330px;
  }

  .x1ypdohk {
    cursor: pointer;
  }

  .x1lliihq {
    display: block;
  }

  .x78zum5 {
    display: flex;
  }

  .xrvj5dj {
    display: grid;
  }

  .x1rg5ohu {
    display: inline-block;
  }

  .x3nfvp2 {
    display: inline-flex;
  }

  .xdt5ytf {
    flex-direction: column;
  }

  .x2lah0s {
    flex-shrink: 0;
  }

  .x1a02dak {
    flex-wrap: wrap;
  }

  .xjb2p0i {
    font-family: inherit;
  }

  .x1mb2qyg {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  }

  .x1qt5hsa {
    font-size: 11.5px;
  }

  .x1ct8sxb {
    font-size: 12.5px;
  }

  .xfifm61 {
    font-size: 12px;
  }

  .x2ouz8m {
    font-size: 13.5px;
  }

  .x4z9k3i {
    font-size: 13px;
  }

  .xazqsvr {
    font-size: 14.5px;
  }

  .xif65rj {
    font-size: 14px;
  }

  .xf9d6ro {
    font-size: 15.5px;
  }

  .x1jvydc1 {
    font-size: 15px;
  }

  .xksbqk4 {
    font-size: 17.5px;
  }

  .x19d36u7 {
    font-size: 17px;
  }

  .x1q7jzdg {
    font-size: 19px;
  }

  .x1ewwscv {
    font-size: 26px;
  }

  .x1m6oxru {
    font-size: 34px;
  }

  .x93iunb {
    font-size: 48px;
  }

  .x1fhusgw {
    font-size: 56px;
  }

  .xk50ysn {
    font-weight: 500;
  }

  .xh88oxj {
    font-weight: 550;
  }

  .x1s688f {
    font-weight: 600;
  }

  .x19s9jnd {
    font-weight: 650;
  }

  .xvdv984 {
    font-weight: 680;
  }

  .x1xlr1w8 {
    font-weight: 700;
  }

  .x18ab760 {
    font-weight: 720;
  }

  .xt64d2d {
    font-weight: 740;
  }

  .x1t8wntd {
    font-weight: 750;
  }

  .x1t97rjw {
    font-weight: 760;
  }

  .xuv8nkb {
    font-weight: 800;
  }

  .x1kq99cu {
    grid-template-columns: 84px 1fr;
  }

  .x1grhodo {
    grid-template-columns: minmax(0, 11fr) minmax(300px, 9fr);
  }

  .x18t5x8d {
    grid-template-columns: minmax(300px, 9fr) minmax(0, 11fr);
  }

  .x19eehl1 {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }

  .xsuz0e0 {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }

  .xchwjsl {
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  }

  .xl56j7k {
    justify-content: center;
  }

  .x1qughib {
    justify-content: space-between;
  }

  .x1vyo3qp {
    letter-spacing: .04em;
  }

  .x2ujxvm {
    letter-spacing: .05em;
  }

  .x1dgsrnt {
    letter-spacing: .06em;
  }

  .x12oo3zp {
    letter-spacing: 0;
  }

  .x14ju556 {
    line-height: 0;
  }

  .x1rewzq7 {
    line-height: 1.06;
  }

  .x1evy7pa {
    line-height: 1.5;
  }

  .x1jjo3f5 {
    line-height: 1.55;
  }

  .x1dbl2gt {
    line-height: 1.6;
  }

  .xa7kkou {
    line-height: 1.7;
  }

  .xwxc2jc {
    line-height: 1.8;
  }

  .xo5v014 {
    line-height: 1;
  }

  .x1dke8mz {
    line-height: 2.05;
  }

  .x1prmk6k {
    -webkit-mask-image: linear-gradient(to right, #0000, #000 12% 88%, #0000);
    mask-image: linear-gradient(to right, #0000, #000 12% 88%, #0000);
  }

  .x3onkmb {
    opacity: .35;
  }

  .x47corl {
    pointer-events: none;
  }

  .x10l6tqk {
    position: absolute;
  }

  .x1n2onr6 {
    position: relative;
  }

  .x7wzq59 {
    position: sticky;
  }

  .x2b8uid {
    text-align: center;
  }

  .xdpxx8g {
    text-align: left;
  }

  .xtvhhri {
    text-transform: uppercase;
  }

  .xda060z {
    text-underline-offset: 3px;
  }

  .xhmqdbg {
    transform-origin: bottom;
  }

  .x1cb1t30 {
    transform: translateY(-50%);
  }

  .xf6nozr {
    vertical-align: -.15em;
  }

  .xuxw1ft {
    white-space: nowrap;
  }

  .x1so62im {
    will-change: transform;
  }

  .x1n327nk {
    z-index: 10;
  }

  .x1355qak {
    z-index: 20;
  }

  .xee36t5:hover {
    background-color: #0b73e714;
  }

  .x10oipxf:hover {
    background-color: var(--accent-hover);
  }

  .x2t2tc7:hover {
    background-color: var(--page-bg);
  }

  .xrptiz2:hover {
    background-color: var(--surface-soft);
  }

  .xg43vfk:hover {
    box-shadow: inset 0 0 0 1px var(--accent);
  }

  .x6ns2yr:hover {
    color: var(--accent);
  }

  .x1ft2rvj:hover {
    color: var(--text);
  }

  .x1puybb7:focus {
    box-shadow: inset 0 0 0 2px var(--accent),0 1px 2px #0000000a;
  }

  @media (prefers-reduced-motion: reduce) {
    .x1aquc0h.x1aquc0h {
      animation-name: none;
    }
  }

  @media (width <= 760px) {
    .xy0uqqd.xy0uqqd {
      display: none;
    }
  }

  @media (width <= 520px) {
    .x1c3spo4.x1c3spo4 {
      font-size: 28px;
    }

    .xe1qe4e.xe1qe4e {
      font-size: 32px;
    }
  }

  @media (width >= 520.01px) and (width <= 760px) {
    .x1at2n19.x1at2n19 {
      font-size: 42px;
    }
  }

  @media (width <= 520px) {
    .x1rv48r1.x1rv48r1 {
      grid-template-columns: 1fr;
    }
  }

  @media (width <= 860px) {
    .x1w4zg41.x1w4zg41 {
      grid-template-columns: 1fr;
    }
  }
}

@layer stylex.priority5 {
  .xu625t2 {
    border-bottom-color: var(--separator);
  }

  .xlb0g16 {
    border-bottom-color: var(--surface-soft);
  }

  .x1q0q8m5 {
    border-bottom-style: solid;
  }

  .xso031l {
    border-bottom-width: 1px;
  }

  .x1pzbbxr {
    border-top-color: var(--separator);
  }

  .x13fuv20 {
    border-top-style: solid;
  }

  .x178xt8z {
    border-top-width: 1px;
  }

  .xdd4er5 {
    bottom: auto;
  }

  .xwmwtye {
    bottom: calc(100% + 8px);
  }

  .xd7y6wv {
    height: 26px;
  }

  .x1fgtraw {
    height: 28px;
  }

  .x10w6t97 {
    height: 32px;
  }

  .x90ne7k {
    height: 34px;
  }

  .xng8ra {
    height: 60px;
  }

  .xt7dq6l {
    height: auto;
  }

  .x1trqr8e {
    left: 14px;
  }

  .x1nrll8i {
    left: 50%;
  }

  .xyorhqc {
    margin-bottom: 10px;
  }

  .xod5an3 {
    margin-bottom: 12px;
  }

  .x1u7kmwd {
    margin-bottom: 14px;
  }

  .x91k8ka {
    margin-bottom: 22px;
  }

  .xvl6max {
    margin-bottom: 36px;
  }

  .x8x9d4c {
    margin-left: auto;
  }

  .x193lsj1 {
    margin-right: 9px;
  }

  .x1oboqm0 {
    margin-top: 52px;
  }

  .x1k70j0n {
    margin-top: 6px;
  }

  .xr1yuqi {
    margin-top: auto;
  }

  .x1wmrhtn {
    max-width: 1100px;
  }

  .x1va8c73 {
    max-width: 320px;
  }

  .x1lr1uin {
    max-width: 420px;
  }

  .xq2pcee {
    max-width: 440px;
  }

  .x27kpxv {
    max-width: 560px;
  }

  .x1yr5zsc {
    max-width: 620px;
  }

  .x11gisft {
    max-width: 640px;
  }

  .x7ep2pv {
    max-width: 680px;
  }

  .xapjn7j {
    max-width: 760px;
  }

  .xg6iff7 {
    min-height: 100vh;
  }

  .x1d77m7x {
    min-width: 140px;
  }

  .xw2csxc {
    overflow-x: auto;
  }

  .x1cnzs8 {
    padding-top: 20px;
  }

  .x13vifvy {
    top: 0;
  }

  .xwa60dl {
    top: 50%;
  }

  .x1d1n87m {
    top: calc(100% + 8px);
  }

  .xh8yej3 {
    width: 100%;
  }

  .x23j0i4 {
    width: 26px;
  }

  .xgd8bvy {
    width: 28px;
  }

  .x1td3qas {
    width: 32px;
  }

  .x1691je0 {
    width: 34px;
  }

  .xeq5yr9 {
    width: fit-content;
  }

  .xezivpi {
    width: max-content;
  }

  .x1im8sjy {
    width: min(1040px, 100% - 48px);
  }

  .x1v6posb {
    width: min(1240px, 100% - 48px);
  }

  .x1tklhzc {
    width: min(720px, 100% - 48px);
  }

  .x1t1lzn6:last-child {
    border-bottom-width: 0;
  }

  @media (width <= 520px) {
    .x1dv8enp.x1dv8enp {
      width: min(1040px, 100% - 32px);
    }

    .xfsgumt.xfsgumt {
      width: min(1240px, 100% - 32px);
    }
  }
}

@layer stylex.priority6 {
  .xgad8h8:after {
    border-radius: 1px;
  }
}

@layer stylex.priority7 {
  .x1bxp16s:after {
    background-color: var(--text);
  }

  .x1s928wv:after {
    content: "";
  }

  .x1j6awrg:after {
    position: absolute;
  }

  .x57xlu:after {
    transform: translateX(-50%) rotate(45deg);
  }
}

@layer stylex.priority8 {
  .x1wpe5ba:after {
    bottom: 100%;
  }

  .xf8dsx9:after {
    height: 8px;
  }

  .x16v8oms:after {
    left: 50%;
  }

  .x3x7a5m:after {
    margin-bottom: -4px;
  }

  .xtck4s3:after {
    margin-top: -4px;
  }

  .x1g6zmw2:after {
    margin-top: 0;
  }

  .x1srwf7z:after {
    top: 100%;
  }

  .x1i63x89:after {
    top: auto;
  }

  .x10mnas6:after {
    width: 8px;
  }
}

@keyframes x18kjr21-B {
  0% {
    transform: scale(1);
  }

  30% {
    transform: scale(1.2) rotate(-4deg);
  }

  45% {
    transform: scale(1.2) rotate(4deg);
  }

  60% {
    transform: scale(1.16) rotate(-3deg);
  }

  75% {
    transform: scale(1.1) rotate(2deg);
  }

  100% {
    transform: scale(1) rotate(0);
  }
}

@keyframes x1ofc7ps-B {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}