@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable.woff2)format("woff2")}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #111}@media (width<=720px){.creasekit-home-shell{padding-top:96px!important;padding-bottom:64px!important}.creasekit-home-cards,.creasekit-home-playground{grid-template-columns:1fr!important}.creasekit-home-playground-controls{justify-content:flex-start!important}}

@layer priority1 {
  .xvd3b87 {
    margin: 0 12px 12px;
  }

  .x1ghz6dp {
    margin: 0;
  }

  .x1uud7ro {
    margin: 12px 0 0;
  }

  .xzmowlt {
    margin: 14px 0 0;
  }

  .x1nwyajf {
    margin: 16px 0 0;
  }

  .x1ii4kkc {
    margin: 21.75px 0 0;
  }

  .xe6w4ck {
    margin: 8px 0 0;
  }

  .x1717udv {
    padding: 0;
  }

  .x6yrr3s {
    padding: 10px 12px;
  }

  .xnymesk {
    padding: 14px 12px;
  }

  .x8h5oo0 {
    padding: 5px 9px;
  }
}

@layer priority2 {
  .xnw8u18 {
    border-color: #ddd;
  }

  .x154tme4 {
    border-color: #eee;
  }

  .x2u8bby {
    border-radius: 0;
  }

  .x1y0btm7 {
    border-style: solid;
  }

  .xmkeg23 {
    border-width: 1px;
  }

  .xvyo3e {
    flex: 0 0 16px;
  }

  .x3psx0u {
    flex: none;
  }

  .x883omv {
    gap: 10px;
  }

  .x1v2ro7d {
    gap: 12px;
  }

  .x14n5cft {
    gap: 40px;
  }

  .x1jnr06f {
    gap: 4px;
  }

  .x17d4w8g {
    gap: 6px;
  }

  .x167g77z {
    gap: 8px;
  }

  .xe8uvvx {
    list-style: none;
  }

  .xvueqy4 {
    margin-inline: auto;
  }

  .xb3r6kr {
    overflow: hidden;
  }

  .x1jd1jy5 {
    padding-block: 80px 96px;
  }
}

@layer priority3 {
  .x1pha0wt {
    align-items: baseline;
  }

  .x6s0dn4 {
    align-items: center;
  }

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

  .x1c5tqo3 {
    background-color: #fff;
  }

  .x19aimcq {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
  }

  .xpncfyp {
    color: #0550ae;
  }

  .x11i4v3j {
    color: #0a3069;
  }

  .x1n69cu3 {
    color: #111;
  }

  .x1cg7msd {
    color: #3f3f3f;
  }

  .xdelvlu {
    color: #4b4b4b;
  }

  .xl9adv3 {
    color: #57606a;
  }

  .x1x4ple8 {
    color: #666;
  }

  .x8o1ery {
    color: #8250df;
  }

  .xxeeseg {
    color: #888;
  }

  .x1kssxsm {
    color: #8a3030;
  }

  .x1sebrql {
    color: #953800;
  }

  .x1p4z06y {
    color: #cf222e;
  }

  .xs4kok6 {
    color: #f1122a;
  }

  .x1ypdohk {
    cursor: pointer;
  }

  .x1lliihq {
    display: block;
  }

  .x78zum5 {
    display: flex;
  }

  .xrvj5dj {
    display: grid;
  }

  .x1a02dak {
    flex-wrap: wrap;
  }

  .xjb2p0i {
    font-family: inherit;
  }

  .xi1u5nt {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  }

  .x17yh6e0 {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  }

  .xfifm61 {
    font-size: 12px;
  }

  .x4z9k3i {
    font-size: 13px;
  }

  .x1jvydc1 {
    font-size: 15px;
  }

  .xo1l8bm {
    font-weight: 400;
  }

  .xk50ysn {
    font-weight: 500;
  }

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

  .x12oo3zp {
    letter-spacing: 0;
  }

  .x132q4wb {
    line-height: 1.25;
  }

  .x1evy7pa {
    line-height: 1.5;
  }

  .x1jjo3f5 {
    line-height: 1.55;
  }

  .x1ksxc8v {
    line-height: 1.625;
  }

  .x1g0dm76 {
    padding-inline-start: 12px;
  }

  .x13jy36j {
    padding-inline-start: 24px;
  }

  .xmzvs34 {
    padding-inline-start: 8px;
  }

  .xlyipyv {
    text-overflow: ellipsis;
  }

  .xuxw1ft {
    white-space: nowrap;
  }

  .x1sdyfia {
    white-space: pre;
  }
}

@layer priority4 {
  .x3dejcb {
    border-bottom-color: #eee;
  }

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

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

  .xnaqt89 {
    border-left-color: #ddd;
  }

  .x19ypqd9 {
    border-left-style: solid;
  }

  .xe0pwq {
    border-left-width: 1px;
  }

  .xlup9mm {
    height: 16px;
  }

  .xc9qbxq {
    height: 36px;
  }

  .xw7yly9 {
    margin-top: 16px;
  }

  .xfotq8w {
    margin-top: 3.25px;
  }

  .x1d7yc3v {
    margin-top: 56px;
  }

  .x193iq5w {
    max-width: 100%;
  }

  .xg6iff7 {
    min-height: 100vh;
  }

  .x4tt5uo {
    min-height: 22.5px;
  }

  .x1rz828m {
    min-height: 30px;
  }

  .xeuugli {
    min-width: 0;
  }

  .xw2csxc {
    overflow-x: auto;
  }

  .x1kky2od {
    width: 16px;
  }

  .x14qfxbe {
    width: 36px;
  }

  .xm6heko {
    width: min(672px, 100% - 40px);
  }
}