@layer resets{*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}input,button,textarea,select{font:inherit}}

@layer priority1 {
  :root, .x28vea {
    --x1iebet1: #fafaf9;
    --x11t53xv: #1c1917;
    --xi9vtfc: #57534e;
    --x104hxv4: #b91c1c;
  }

  :root, .x8qqwk9 {
    --x1uqs4ow: .25rem;
    --x1bgvs70: .5rem;
    --xr5hoxz: .75rem;
    --xsx3wec: 1rem;
    --x1g5iodb: 2rem;
    --xt29dwt: 3rem;
  }

  :root, .x1kidn6m {
    --xm9tx09: system-ui, sans-serif;
  }

  @media (prefers-color-scheme: dark) {
    :root, .x28vea {
      --x1iebet1: #1c1917;
      --x11t53xv: #f5f5f4;
      --xi9vtfc: #a8a29e;
      --x104hxv4: #f87171;
    }
  }
}

@layer priority2 {
  .x1ghz6dp {
    margin: 0;
  }
}

@layer priority3 {
  .x1uk0kcl {
    gap: var(--x1uqs4ow);
  }

  .xypra82 {
    margin-block: var(--xr5hoxz);
  }

  .xvueqy4 {
    margin-inline: auto;
  }

  .x17qj0ez {
    padding-block: var(--xt29dwt);
  }

  .xje7j7b {
    padding-inline: var(--xsx3wec);
  }
}

@layer priority4 {
  .x1akyzqr {
    background-color: var(--x1iebet1);
  }

  .x1qa1fvz {
    color: var(--x104hxv4);
  }

  .xp9qwpr {
    color: var(--x11t53xv);
  }

  .xrvj5dj {
    display: grid;
  }

  .x1dyiz7d {
    font-family: var(--xm9tx09);
  }
}

@layer priority5 {
  .x1983rqf {
    max-width: 28rem;
  }

  .x1ov3xa9 {
    min-height: 100dvh;
  }
}