@layer reset{*,:before,:after{box-sizing:border-box}html,body{margin:0}button,input{font:inherit}}@layer stylex;

@layer priority1 {
  :root, .x1gtar3g {
    --x1mr6e7z: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
    --xzowjbc: "JetBrains Mono", ui-monospace, Menlo, monospace;
  }

  :root, .x1l29uvd {
    --xkjw8dt: 6px;
    --xg79lk1: 8px;
    --x1vuzekk: 10px;
    --x1t6z19g: 999px;
  }

  :root, .x15d4tln {
    --xvs4ntr: #f5f5f3;
    --xclgu9k: #fafaf8;
    --xp60d3t: #fff;
    --xid97ht: #e9e9e4;
    --xviovje: #181816;
    --x1xlllaa: #55554f;
    --xzuijo8: #7a7a72;
    --x17srd62: #c9c9c2;
    --x1ct60jh: #efefeb;
    --xs8d4vr: #e6e6e1;
    --x1kcei8l: #d3d3cc;
    --xehsnhn: #f0f0ed;
    --xfwh8ns: #e3f3ea;
    --xkgk10s: #1f6b47;
    --x9z9gcp: #fbeedb;
    --xnhs6nr: #8a5312;
    --x9jfxm0: #f9e3e0;
    --xh6xl4i: #8f2318;
    --x1kx9fmr: #b42318;
    --xtlolxp: #e9c4bf;
    --xdogata: #f6e4e1;
    --x1jgi8m: #32322e;
    --x1b7qfrt: #fff;
  }
}

@layer priority2 {
  .x10a8y8t {
    inset: 0;
  }

  .x1ghz6dp {
    margin: 0;
  }

  .xkib98w {
    margin: 8px;
  }

  .x6yrr3s {
    padding: 10px 12px;
  }

  .xdfu9ks {
    padding: 10px 20px;
  }

  .xomtwfx {
    padding: 12px 12px 12px 0;
  }

  .xc7ga6q {
    padding: 12px;
  }

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

  .xqb5aye {
    padding: 16px 24px;
  }

  .x118mn9e {
    padding: 20px 24px 0;
  }

  .x1yijxmr {
    padding: 20px 24px;
  }

  .xggk2y7 {
    padding: 24px;
  }

  .x1m8ls7q {
    padding: 32px 20px;
  }

  .x1tfrs4t {
    padding: 32px 24px;
  }

  .xfawy5m {
    padding: 4px;
  }
}

@layer priority3 {
  .xi800j4 {
    border-color: var(--x1kcei8l);
  }

  .x305yn4 {
    border-radius: var(--x1t6z19g);
  }

  .xzrcope {
    border-radius: var(--x1vuzekk);
  }

  .xlvipql {
    border-radius: var(--xg79lk1);
  }

  .x1mxrhb0 {
    border-radius: var(--xkjw8dt);
  }

  .xbsl7fq {
    border-style: dashed;
  }

  .xc342km {
    border-width: 0;
  }

  .xmkeg23 {
    border-width: 1px;
  }

  .x883omv {
    gap: 10px;
  }

  .x1v2ro7d {
    gap: 12px;
  }

  .xou54vl {
    gap: 16px;
  }

  .x1c1vhfx {
    gap: 20px;
  }

  .x1665zp3 {
    gap: 24px;
  }

  .x195vfkc {
    gap: 2px;
  }

  .x17d4w8g {
    gap: 6px;
  }

  .x167g77z {
    gap: 8px;
  }

  .xxbjj12 {
    margin-inline: 8px;
  }

  .x1a2a7pz {
    outline: none;
  }

  .xb3r6kr {
    overflow: hidden;
  }

  .xnjsko4 {
    padding-inline: 0;
  }

  .x1awh872 {
    padding-inline: 10px;
  }

  .x17qtykl {
    padding-inline: 20px;
  }

  .xdqyycr {
    padding-inline: 8px;
  }

  .x1ov9xx0 {
    transition: background-color .1s, color .1s, box-shadow .1s;
  }

  .xqk6v6j {
    transition: box-shadow .1s, background-color .1s;
  }
}

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

  .xuk3077 {
    align-items: flex-end;
  }

  .x1cy8zhl {
    align-items: flex-start;
  }

  .x1xq4ny3 {
    background-color: #1818163d;
  }

  .xjbqb8w {
    background-color: #0000;
  }

  .x1cf58dj {
    background-color: var(--x9jfxm0);
  }

  .x10j6ajg {
    background-color: var(--x9z9gcp);
  }

  .x95pwwp {
    background-color: var(--xclgu9k);
  }

  .x1dui65o {
    background-color: var(--xehsnhn);
  }

  .x17vfl35 {
    background-color: var(--xfwh8ns);
  }

  .xmri5j9 {
    background-color: var(--xid97ht);
  }

  .x190befk {
    background-color: var(--xp60d3t);
  }

  .x1fnanqa {
    background-color: var(--xviovje);
  }

  .xre08p7 {
    background-color: var(--xvs4ntr);
  }

  .xa8p9hf {
    box-shadow: 0 0 0 1px #c9c9c2;
  }

  .x1r2t2jt {
    box-shadow: 0 0 0 1px var(--x1kcei8l);
  }

  .xt573f1 {
    box-shadow: 0 0 0 1px var(--x1kx9fmr),0 0 0 3px var(--xdogata);
  }

  .x1wc446c {
    box-shadow: 0 0 0 1px var(--xs8d4vr),0 24px 48px #1818161f;
  }

  .x12pt7la {
    box-shadow: 0 0 0 1px var(--xs8d4vr),0 8px 24px #18181614;
  }

  .xnkxqow {
    box-shadow: 0 0 0 1px var(--xs8d4vr);
  }

  .x1ihdhxm {
    box-shadow: 0 0 0 1px var(--xtlolxp);
  }

  .x1q54n2n {
    box-shadow: 0 0 0 1px var(--xviovje);
  }

  .x1gnnqk1 {
    box-shadow: none;
  }

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

  .xjhmi9d {
    color: var(--x17srd62);
  }

  .x9o757x {
    color: var(--x1b7qfrt);
  }

  .x1pa3zmu {
    color: var(--x1kx9fmr);
  }

  .xbg3aqb {
    color: var(--x1xlllaa);
  }

  .x1lja80t {
    color: var(--xh6xl4i);
  }

  .x10lqsa9 {
    color: var(--xkgk10s);
  }

  .xmftruf {
    color: var(--xnhs6nr);
  }

  .xy4ux39 {
    color: var(--xviovje);
  }

  .xsz15ib {
    color: var(--xzuijo8);
  }

  .x1ypdohk {
    cursor: pointer;
  }

  .x1lliihq {
    display: block;
  }

  .x78zum5 {
    display: flex;
  }

  .xrvj5dj {
    display: grid;
  }

  .x3nfvp2 {
    display: inline-flex;
  }

  .xdt5ytf {
    flex-direction: column;
  }

  .x1iyjqo2 {
    flex-grow: 1;
  }

  .x2lah0s {
    flex-shrink: 0;
  }

  .xjb2p0i {
    font-family: inherit;
  }

  .x1u0tp23 {
    font-family: var(--x1mr6e7z);
  }

  .x1hmrep3 {
    font-family: var(--xzowjbc);
  }

  .x1k6wstc {
    font-size: 10px;
  }

  .x1j6dyjg {
    font-size: 11px;
  }

  .x1ct8sxb {
    font-size: 12.5px;
  }

  .xfifm61 {
    font-size: 12px;
  }

  .x4z9k3i {
    font-size: 13px;
  }

  .x1j61zf2 {
    font-size: 16px;
  }

  .xosj86m {
    font-size: 18px;
  }

  .xk50ysn {
    font-weight: 500;
  }

  .x1s688f {
    font-weight: 600;
  }

  .xl56j7k {
    justify-content: center;
  }

  .x13a6bvl {
    justify-content: flex-end;
  }

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

  .xjat59b {
    letter-spacing: -.01em;
  }

  .x16q24ku {
    letter-spacing: .02em;
  }

  .x1d3mw78 {
    line-height: 16px;
  }

  .xd4r4e8 {
    line-height: 18px;
  }

  .x1fc57z9 {
    line-height: 20px;
  }

  .x19v9tvf {
    line-height: 22px;
  }

  .xeqr9p9 {
    line-height: 26px;
  }

  .x10l6tqk {
    position: absolute;
  }

  .xixxii4 {
    position: fixed;
  }

  .x1n2onr6 {
    position: relative;
  }

  .xdpxx8g {
    text-align: left;
  }

  .xlyipyv {
    text-overflow: ellipsis;
  }

  .xuxw1ft {
    white-space: nowrap;
  }

  .x1n327nk {
    z-index: 10;
  }

  .x1u8a7rm {
    z-index: 5;
  }

  .x17he1w:hover {
    background-color: var(--x1jgi8m);
  }

  .x19mp5o8:hover {
    background-color: var(--xclgu9k);
  }

  .x1m4xrwm:hover {
    background-color: var(--xdogata);
  }

  .xdt5hyv:hover {
    background-color: var(--xid97ht);
  }

  .x12edv3t:hover {
    background-color: var(--xvs4ntr);
  }

  .x9p1ye5:hover {
    box-shadow: 0 0 0 1px var(--x1kcei8l);
  }

  .x1p7uy1m:focus {
    box-shadow: 0 0 0 1px var(--x1kx9fmr),0 0 0 3px var(--xdogata);
  }

  .xd3k5yv:focus {
    box-shadow: 0 0 0 1px var(--xviovje),0 0 0 3px var(--xid97ht);
  }

  .xfte2g6:active {
    background-color: var(--xdogata);
  }

  .x1uzax7t:active {
    background-color: var(--xehsnhn);
  }

  .xu80i2t:active {
    background-color: var(--xid97ht);
  }

  .xfrz5rv:active {
    background-color: var(--xviovje);
  }
}

@layer priority5 {
  .xu6hi46 {
    border-top-color: var(--x1ct60jh);
  }

  .x1j5k9si {
    border-top-color: var(--x1kcei8l);
  }

  .xz0zqgg {
    border-top-color: var(--xs8d4vr);
  }

  .xlya59e {
    border-top-style: dashed;
  }

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

  .x972fbf {
    border-top-width: 0;
  }

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

  .x1jvywgs {
    bottom: calc(100% + 4px);
  }

  .x1v9usgg {
    height: 14px;
  }

  .x17rw0jw {
    height: 22px;
  }

  .xxk0z11 {
    height: 24px;
  }

  .x1fgtraw {
    height: 28px;
  }

  .x10w6t97 {
    height: 32px;
  }

  .xc9qbxq {
    height: 36px;
  }

  .x1vqgdyp {
    height: 40px;
  }

  .xn3w4p2 {
    height: 44px;
  }

  .xncym2f {
    left: 8px;
  }

  .x7r5mf7 {
    margin-top: 3px;
  }

  .xw7nakj {
    max-width: calc(100vw - 32px);
  }

  .xg6iff7 {
    min-height: 100vh;
  }

  .xeuugli {
    min-width: 0;
  }

  .x1jzhcrs {
    min-width: 200px;
  }

  .xsag5q8 {
    padding-bottom: 12px;
  }

  .x1evdl5j {
    padding-top: 120px;
  }

  .x3m8u43 {
    right: 0;
  }

  .x19up5dg {
    right: 8px;
  }

  .x1qwhh54 {
    top: calc(100% + 4px);
  }

  .xh8yej3 {
    width: 100%;
  }

  .x6jxa94 {
    width: 14px;
  }

  .x16grhtn {
    width: 220px;
  }

  .xvy4d1p {
    width: 24px;
  }

  .xgd8bvy {
    width: 28px;
  }

  .x1l2rt3b {
    width: 400px;
  }

  .xht4xr3 {
    width: 480px;
  }
}

@layer priority6 {
  .xyj4nds::placeholder {
    color: var(--xzuijo8);
  }
}