:root{--paper:#f4f7f5;--surface:#fff;--warm:#fff2df;--ink:#17211f;--muted:#56625d;--line:#d9e1dc;--line-strong:#9aa8a2;--accent:#0d6670;--teal:#1c806b;--blue:#335f9f;--orange:#b25d2e;--focus:#c9841e;--code-bg:#17211e;--code-fg:#e8f0ea;--shadow:0 18px 48px #17211f1f;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", "Cascadia Code", "Liberation Mono", Menlo, Consolas, monospace;color:var(--ink);background:var(--paper);font:16px/1.5 var(--sans);letter-spacing:0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{min-width:320px;margin:0;overflow-x:clip}button,input,textarea,select{font:inherit}#root{min-height:100svh}a{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input[type=radio],input[type=checkbox]{accent-color:var(--accent)}input[type=color]{border:1px solid var(--line-strong);background:var(--surface);border-radius:6px;width:100%;height:42px;padding:3px}select{border:1px solid var(--line-strong);width:100%;min-height:42px;color:var(--ink);background:var(--surface);border-radius:6px;padding:0 10px}ul{margin:0;padding-left:18px}li{color:var(--muted);line-height:1.45}li+li{margin-top:8px}pre{border:1px solid var(--line);background:var(--code-bg);max-width:100%;color:var(--code-fg);border-radius:8px;margin:auto 0 18px;padding:16px;font-size:13px;line-height:1.5;overflow-x:auto}code{font-family:var(--mono)}.code-block{contain:inline-size paint;width:100%;min-width:0;overflow-x:auto}.code-block pre{border:0;border-radius:0;width:max-content;min-width:100%;max-width:none;margin:0;overflow:visible}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

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

  .x1717udv {
    padding: 0;
  }

  .x1gnqi22 {
    padding: 14px;
  }

  .x1tamke2 {
    padding: 16px;
  }

  .x1dypa6k {
    padding: 18px;
  }

  .xp9y95v {
    padding: 22px;
  }

  .xggk2y7 {
    padding: 24px;
  }

  @media (width <= 840px) {
    .x5x4pq7.x5x4pq7 {
      padding: 0;
    }

    .x1nm2wpl.x1nm2wpl {
      padding: 14px;
    }

    .x58jips.x58jips {
      padding: 18px;
    }
  }
}

@layer priority2 {
  .x1ujgzdi {
    border-color: #fffdf83d;
  }

  .x1xnbm8i {
    border-color: var(--ink);
  }

  .x1julww8 {
    border-color: var(--line-strong);
  }

  .x6fouwu {
    border-color: var(--line);
  }

  .x2u8bby {
    border-radius: 0;
  }

  .x1q4ynmn {
    border-radius: 10px;
  }

  .x1kogg8i {
    border-radius: 6px;
  }

  .xur7f20 {
    border-radius: 8px;
  }

  .x1e6avla {
    border-radius: 999px;
  }

  .x1pjcqnp {
    border-radius: inherit;
  }

  .xbsl7fq {
    border-style: dashed;
  }

  .x1y0btm7 {
    border-style: solid;
  }

  .xmkeg23 {
    border-width: 1px;
  }

  .x9r2w2z {
    border-width: 3px;
  }

  .x883omv {
    gap: 10px;
  }

  .x1v2ro7d {
    gap: 12px;
  }

  .x1af02g3 {
    gap: 14px;
  }

  .xou54vl {
    gap: 16px;
  }

  .xaobbuh {
    gap: 18px;
  }

  .x1c1vhfx {
    gap: 20px;
  }

  .x1y9zxd1 {
    gap: 48px;
  }

  .x1jnr06f {
    gap: 4px;
  }

  .x1j9xkj6 {
    gap: 7px;
  }

  .x167g77z {
    gap: 8px;
  }

  .xb3r6kr {
    overflow: hidden;
  }

  .x1ku5rj1 {
    place-items: center;
  }

  .x1hl2dhg {
    text-decoration: none;
  }

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

  .x17d9zje:hover {
    border-color: var(--focus);
  }

  @media (width <= 840px) {
    .x1hougca.x1hougca {
      border-radius: 6px;
    }

    .xxasd31.xxasd31 {
      gap: 28px;
    }
  }
}

@layer priority3 {
  .xc26acl {
    align-content: center;
  }

  .x10ukxgv {
    align-content: start;
  }

  .x6s0dn4 {
    align-items: center;
  }

  .x1qjc9v5 {
    align-items: stretch;
  }

  .xqcrz7y {
    align-self: flex-start;
  }

  .x16piv3l {
    background-color: #fffdf894;
  }

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

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

  .x1a9qo94 {
    background-color: var(--demo-border);
  }

  .xhqetk0 {
    background-color: var(--ink);
  }

  .x13vjwbs {
    background-color: var(--line-strong);
  }

  .xsh0q14 {
    background-color: var(--paper);
  }

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

  .xygw75l {
    background-color: var(--warm);
  }

  .x1ai0vdn {
    background-image: linear-gradient(90deg,var(--accent),var(--ink));
  }

  .x18idvuw {
    background-image: linear-gradient(90deg,var(--blue),var(--accent));
  }

  .xjqc6sa {
    background-image: linear-gradient(90deg,var(--orange),var(--focus));
  }

  .x2qv3de {
    background-image: linear-gradient(90deg,var(--teal),var(--blue));
  }

  .xt4kawo {
    box-shadow: var(--shadow-soft);
  }

  .xxs23d9 {
    box-shadow: var(--shadow);
  }

  .x17a95nk {
    color: #fffdf8c7;
  }

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

  .x1lk8qxj {
    color: var(--ink);
  }

  .x17j02y5 {
    color: var(--muted);
  }

  .x1wjv7f {
    color: var(--surface);
  }

  .x1fslrwu {
    column-gap: 22px;
  }

  .x1lliihq {
    display: block;
  }

  .x78zum5 {
    display: flex;
  }

  .xrvj5dj {
    display: grid;
  }

  .x3nfvp2 {
    display: inline-flex;
  }

  .xwz0xwf {
    display: inline-grid;
  }

  .xdt5ytf {
    flex-direction: column;
  }

  .x1q0g3np {
    flex-direction: row;
  }

  .x1a02dak {
    flex-wrap: wrap;
  }

  .xd4h0mr {
    font-family: var(--mono);
  }

  .xfifm61 {
    font-size: 12px;
  }

  .x4z9k3i {
    font-size: 13px;
  }

  .xif65rj {
    font-size: 14px;
  }

  .x1jvydc1 {
    font-size: 15px;
  }

  .x1j61zf2 {
    font-size: 16px;
  }

  .x19d36u7 {
    font-size: 17px;
  }

  .xosj86m {
    font-size: 18px;
  }

  .xwsyq91 {
    font-size: 20px;
  }

  .x1i1m3gp {
    font-size: 22px;
  }

  .x1pvqxga {
    font-size: 24px;
  }

  .xneq65o {
    font-size: 28px;
  }

  .x1tgwohi {
    font-size: 40px;
  }

  .x15ju4fl {
    font-size: 72px;
  }

  .xuv8nkb {
    font-weight: 800;
  }

  .x1uu0p8 {
    font-weight: 900;
  }

  .xmizh07 {
    grid-template-columns: .72fr repeat(3, minmax(0, 1.08fr)) 1.12fr;
  }

  .xm88xh6 {
    grid-template-columns: .85fr repeat(3, minmax(0, 1fr));
  }

  .xyoy2lt {
    grid-template-columns: .8fr repeat(3, 1.25fr) .8fr;
  }

  .x15lkiu2 {
    grid-template-columns: .9fr 1.1fr;
  }

  .x1rkzygb {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .x1822a47 {
    grid-template-columns: minmax(0, .72fr) minmax(0, 1fr);
  }

  .xj9vza2 {
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  }

  .x6utsdm {
    grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
  }

  .xju1xpo {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .xnby9oq {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .x185a7wo {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .x1sipb5g {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

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

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

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

  .xl56j7k {
    justify-content: center;
  }

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

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

  .x1lqcxt8 {
    justify-self: start;
  }

  .x12oo3zp {
    letter-spacing: 0;
  }

  .xwt5yq5 {
    line-height: .96;
  }

  .x1vsts26 {
    line-height: 1.08;
  }

  .x1159mfc {
    line-height: 1.1;
  }

  .x1uo3zyz {
    line-height: 1.15;
  }

  .x11k29pw {
    line-height: 1.18;
  }

  .x1u7k74 {
    line-height: 1.2;
  }

  .x132q4wb {
    line-height: 1.25;
  }

  .x1xfvgam {
    line-height: 1.35;
  }

  .xfrs9s4 {
    line-height: 1.45;
  }

  .x1evy7pa {
    line-height: 1.5;
  }

  .x1ptyidx {
    line-height: 1.52;
  }

  .x1jjo3f5 {
    line-height: 1.55;
  }

  .xvia2ej {
    line-height: 1.58;
  }

  .xj0a0fe {
    overflow-wrap: anywhere;
  }

  .x1b8z93w {
    row-gap: 10px;
  }

  .xtvhhri {
    text-transform: uppercase;
  }

  .x1w2vvpw {
    text-wrap: balance;
  }

  .x1fzhlzt {
    text-wrap: pretty;
  }

  .x1r4gk8l {
    transform: translateX(calc(var(--layer-index) * 18px));
  }

  .x9dyr19 {
    transition-duration: .18s;
  }

  .x1lfoz7w {
    transition-property: border-color, padding, background-color;
  }

  .xshfolx {
    transition-property: border-color;
  }

  .xwji4o3 {
    transition-timing-function: ease;
  }

  .xeaf4i8 {
    white-space: normal;
  }

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

  .xjl7kqq:hover {
    color: var(--focus);
  }

  @media (width <= 840px) {
    .x1unifgl.x1unifgl {
      align-items: flex-start;
    }

    .x111xhgd.x111xhgd {
      display: block;
    }

    .x16jr1d2.x16jr1d2 {
      display: none;
    }

    .xriqsvt.xriqsvt {
      flex-direction: column;
    }

    .x17mzgu5.x17mzgu5 {
      font-size: 18px;
    }

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

    .x1aprcwq.x1aprcwq {
      font-size: 46px;
    }
  }

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

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

    .x1qqi1lh.x1qqi1lh {
      justify-content: flex-start;
    }
  }
}

@layer priority4 {
  .xk3n7ll {
    border-bottom-color: var(--line);
  }

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

  .x1qhh985 {
    border-bottom-width: 0;
  }

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

  .xyt9r03 {
    border-left-color: var(--accent);
  }

  .xsz8610 {
    border-left-color: var(--blue);
  }

  .x1h41hqm {
    border-left-color: var(--demo-border);
  }

  .x15bdhhl {
    border-left-color: var(--orange);
  }

  .x62gf8x {
    border-left-color: var(--teal);
  }

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

  .x1dca7zs {
    border-left-width: 6px;
  }

  .x8wh5ej {
    border-left-width: 7px;
  }

  .x1gl7nqg {
    border-left-width: 8px;
  }

  .x1oq2qtl {
    border-right-color: var(--line);
  }

  .x32b0ac {
    border-right-style: solid;
  }

  .xgfja2r {
    border-right-width: 0;
  }

  .xs1s249 {
    border-right-width: 1px;
  }

  .xj400q0 {
    border-top-color: var(--blue);
  }

  .x1h6z803 {
    border-top-color: var(--focus);
  }

  .x23dydh {
    border-top-color: var(--line);
  }

  .x12mioer {
    border-top-color: var(--orange);
  }

  .xblo94s {
    border-top-color: var(--teal);
  }

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

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

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

  .x1kr8tdy {
    border-top-width: 6px;
  }

  .x5yr21d {
    height: 100%;
  }

  .x1kpxq89 {
    height: 12px;
  }

  .x10w6t97 {
    height: 32px;
  }

  .x1vqgdyp {
    height: 40px;
  }

  .x5kalc8 {
    height: 42px;
  }

  .xat24cr {
    margin-bottom: 0;
  }

  .xyorhqc {
    margin-bottom: 10px;
  }

  .x1u7kmwd {
    margin-bottom: 14px;
  }

  .x1yztbdb {
    margin-bottom: 16px;
  }

  .x1c436fg {
    margin-bottom: 18px;
  }

  .x91k8ka {
    margin-bottom: 22px;
  }

  .x1chd833 {
    margin-bottom: 28px;
  }

  .xjpr12u {
    margin-bottom: 2px;
  }

  .x12nagc {
    margin-bottom: 4px;
  }

  .xzueoph {
    margin-bottom: 6px;
  }

  .x1e56ztr {
    margin-bottom: 8px;
  }

  .xj3b58b {
    margin-left: 0;
  }

  .x8x9d4c {
    margin-left: auto;
  }

  .x1yf7rl7 {
    margin-right: 0;
  }

  .xack27t {
    margin-right: auto;
  }

  .xdj266r {
    margin-top: 0;
  }

  .x1hmvnq2 {
    margin-top: 14px;
  }

  .xw7yly9 {
    margin-top: 16px;
  }

  .xhrpt6u {
    margin-top: 18px;
  }

  .x1sgpng {
    margin-top: 22px;
  }

  .xqui205 {
    margin-top: 24px;
  }

  .xg87l8a {
    margin-top: 32px;
  }

  .x1xmf6yo {
    margin-top: 8px;
  }

  .xr1yuqi {
    margin-top: auto;
  }

  .x193iq5w {
    max-width: 100%;
  }

  .x7ep2pv {
    max-width: 680px;
  }

  .xwnkcuf {
    max-width: 720px;
  }

  .x17q2glr {
    max-width: 780px;
  }

  .x1xr5p7o {
    max-width: 860px;
  }

  .x1uedy8c {
    max-width: 880px;
  }

  .x1kozois {
    max-width: 920px;
  }

  .x1y06tjk {
    min-height: 100svh;
  }

  .xbwy6ji {
    min-height: 150px;
  }

  .x1awnzvw {
    min-height: 190px;
  }

  .x1jc8gtk {
    min-height: 210px;
  }

  .xe0p6wg {
    min-height: 28px;
  }

  .xu97haq {
    min-height: 34px;
  }

  .xu0aao5 {
    min-height: 36px;
  }

  .x141feeh {
    min-height: 38px;
  }

  .x1ba4aug {
    min-height: 40px;
  }

  .x593h13 {
    min-height: 82svh;
  }

  .x1aes4zu {
    min-height: 92px;
  }

  .xeuugli {
    min-width: 0;
  }

  .xw2csxc {
    overflow-x: auto;
  }

  .x18d9i69 {
    padding-bottom: 0;
  }

  .xxbrewl {
    padding-bottom: 11px;
  }

  .xwxc41k {
    padding-bottom: 24px;
  }

  .x1t1ogtf {
    padding-bottom: 40px;
  }

  .x161sli9 {
    padding-bottom: 56px;
  }

  .x1lqa7cf {
    padding-left: 10px;
  }

  .x6pqhf1 {
    padding-left: 11px;
  }

  .xf18ygs {
    padding-left: 12px;
  }

  .xzjhap9 {
    padding-left: 14px;
  }

  .x1k8dnhd {
    padding-left: 18px;
  }

  .xj9uezu {
    padding-left: 2px;
  }

  .x19lfox8 {
    padding-left: 40px;
  }

  .xyndbda {
    padding-left: 9px;
  }

  .xcicffo {
    padding-right: 10px;
  }

  .x1nnee3q {
    padding-right: 11px;
  }

  .xnuq7ks {
    padding-right: 12px;
  }

  .x19tmk5i {
    padding-right: 14px;
  }

  .xj5tbmc {
    padding-right: 40px;
  }

  .x10dlkkm {
    padding-right: 9px;
  }

  .xexx8yu {
    padding-top: 0;
  }

  .xzi3mdb {
    padding-top: 11px;
  }

  .xz9dl7a {
    padding-top: 12px;
  }

  .xyinxu5 {
    padding-top: 14px;
  }

  .x1p5oq8j {
    padding-top: 24px;
  }

  .xn2ks54 {
    padding-top: 56px;
  }

  .xh8yej3 {
    width: 100%;
  }

  .xfo62xy {
    width: 2px;
  }

  .x100vrsf {
    width: 40px;
  }

  .x10h3iyq {
    width: 42px;
  }

  .x1yfynr1 {
    width: calc(100% - var(--layer-index) * 18px);
  }

  .xqjvt4i {
    width: min(100%, 500px);
  }

  .xwhynx0 {
    width: var(--fit-score);
  }

  @media (width <= 840px) {
    .x54d9g7.x54d9g7 {
      border-right-width: 0;
    }

    .x1ggop1e.x1ggop1e {
      margin-top: 12px;
    }
  }

  @media (width <= 1080px) {
    .xqo4npb.xqo4npb {
      min-height: auto;
    }
  }

  @media (width <= 840px) {
    .xl217q0.xl217q0 {
      padding-left: 20px;
    }

    .x1qym7kt.x1qym7kt {
      padding-right: 20px;
    }

    .x1jdl2mw.x1jdl2mw {
      padding-top: 36px;
    }
  }

  @media (width <= 1080px) {
    .x127uvr9.x127uvr9 {
      width: 100%;
    }
  }
}