@layer theme{:root{--paper:#fff;--canvas:#eee;--ink:#000;--muted:#555;--line:#bbb;--accent:#2b2bd0;--done:#2a774a;--wash:#eee;--white:#fff;--error:#bc3f0b;--focus:#2b2bd0;--backdrop:#0006;--screen:#f4f4f4;--screen-ink:#000;--screen-dim:#555;--mono:"Berkeley Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--text-body:12px;--text-small:var(--text-body);--text-title:18px;--text-input-mobile:16px;--leading-body:20px;--leading-small:var(--leading-body);--leading-title:26px;--weight-regular:400;--weight-bold:700}}@layer base{*{box-sizing:border-box}body{color:var(--ink);background:var(--canvas);font-family:var(--mono);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-body);margin:0}a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}a:hover,a:focus-visible{color:var(--paper);background:var(--accent)}a:active{color:var(--paper);background:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}button:disabled{cursor:not-allowed}button{cursor:pointer}code,pre{font-family:var(--mono)}h1,h2,h3,p{margin-top:0;margin-bottom:16px}h1{font-size:var(--text-title);line-height:var(--leading-title)}h2,h3{font-size:var(--text-body);line-height:var(--leading-body)}h1,h2,h3,strong,b{font-weight:var(--weight-regular)}small{font-size:var(--text-small);line-height:var(--leading-small)}::selection{background:var(--ink);color:var(--paper)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--paper);z-index:100;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}}@layer components;@font-face{font-family:Berkeley Mono;src:url(/assets/BerkeleyMono-Regular-Cddt6NrB.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Berkeley Mono;src:url(/assets/BerkeleyMono-Bold-BC7YWOHh.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}.sheet{border:1px solid var(--ink);background:var(--paper);max-width:480px;margin:32px auto}.sheet>header{border-bottom:1px solid var(--ink);padding:16px 32px}.sheet .wordmark{color:var(--ink);font-weight:var(--weight-bold);text-decoration:none}.sheet .wordmark:hover,.sheet .wordmark:focus-visible{color:var(--paper)}.sheet>main{padding:40px 32px 48px}.sheet p{max-width:60ch}.sheet .annotation{color:var(--muted)}.sheet .actions{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.sheet .divider{border-bottom:1px dashed var(--ink);color:var(--muted);margin:24px 0 16px;padding-bottom:4px}@media (width<=560px){.sheet{margin:8px}.sheet>header{padding:16px}.sheet>main{padding:32px 16px 40px}}

@layer theme, base;

@layer priority1 {
  :root, .xjpt44j {
    --xo3f6em: var(--ink);
    --x2615rk: var(--paper);
    --x26rdwq: var(--canvas);
    --x1q4bwie: var(--muted);
    --x1woulbp: var(--accent);
    --xosqzw3: var(--done);
    --x1alq6s8: var(--wash);
    --x1co04vj: var(--screen);
    --x1g0pldu: var(--screen-ink);
    --xva8xtd: var(--screen-dim);
    --x1lfar4k: var(--backdrop);
    --x1oi7vtm: var(--line);
    --x1qws7f: var(--mono);
    --x88ctth: var(--white);
    --x483yto: var(--error);
    --x1u6essi: var(--text-small);
    --x194c5x7: var(--text-input-mobile);
    --x1kdb8yo: var(--text-title);
    --xd0sdgg: var(--leading-small);
    --x1dog5n2: var(--leading-title);
    --xlfkvfr: var(--weight-regular);
    --x1c5za0v: var(--weight-bold);
  }
}

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

  .x1ghz6dp {
    margin: 0;
  }

  .x1cpde12 {
    margin: 2px 0 0;
  }

  .x1tamke2 {
    padding: 16px;
  }

  .xggk2y7 {
    padding: 24px;
  }

  .xtdwleo {
    padding: 4px 12px;
  }

  .xdqdrvq {
    padding: 4px 8px;
  }

  .x18tqr4w {
    padding: 6px 8px;
  }
}

@layer priority3 {
  .x1r7ld26 {
    border-color: currentColor;
  }

  .x9r1u3d {
    border-color: #0000;
  }

  .xlrd0np {
    border-color: var(--x1oi7vtm);
  }

  .x1tlar1i {
    border-color: var(--x483yto);
  }

  .x1gb7oyf {
    border-color: var(--xo3f6em);
  }

  .x2u8bby {
    border-radius: 0;
  }

  .xbsl7fq {
    border-style: dashed;
  }

  .x1y0btm7 {
    border-style: solid;
  }

  .xmkeg23 {
    border-width: 1px;
  }

  .x98rzlu {
    flex: 1;
  }

  .x1okw0bk {
    flex: none;
  }

  .xi8smgc {
    gap: 0 16px;
  }

  .x167g77z {
    gap: 8px;
  }

  .x2i9t41 {
    margin-block: 16px;
  }

  .x1xijbu4 {
    padding-inline: 6px;
  }

  .x1hl2dhg {
    text-decoration: none;
  }

  .xci7abc:hover:not(:disabled), .xo15til:focus-visible:not(:disabled) {
    border-color: var(--x1woulbp);
  }

  .xvhxi91:active:not(:disabled) {
    border-color: var(--xo3f6em);
  }
}

@layer priority4 {
  .x1an99ws {
    accent-color: var(--x1woulbp);
  }

  .x1pha0wt {
    align-items: baseline;
  }

  .x6s0dn4 {
    align-items: center;
  }

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

  .xjbqb8w {
    background-color: #0000;
  }

  .x1oaefct {
    background-color: var(--x1alq6s8);
  }

  .x1576m6z {
    background-color: var(--x1co04vj);
  }

  .x7butdv {
    background-color: var(--x1lfar4k);
  }

  .xuwllbz {
    background-color: var(--x1woulbp);
  }

  .x1cebtcb {
    background-color: var(--x2615rk);
  }

  .x1mwwwfo {
    border-collapse: collapse;
  }

  .x9beol1 {
    box-shadow: 2px 2px 0 var(--ink);
  }

  .x1sn9ac8 {
    color: var(--x1g0pldu);
  }

  .x13ufz1b {
    color: var(--x1q4bwie);
  }

  .x1h3maeg {
    color: var(--x2615rk);
  }

  .xlqwc7i {
    color: var(--x483yto);
  }

  .xuthxk {
    color: var(--xo3f6em);
  }

  .xsngewv {
    color: var(--xosqzw3);
  }

  .xon2t8s {
    color: var(--xva8xtd);
  }

  .x1ypdohk {
    cursor: pointer;
  }

  .x1lliihq {
    display: block;
  }

  .x78zum5 {
    display: flex;
  }

  .x1rg5ohu {
    display: inline-block;
  }

  .x3nfvp2 {
    display: inline-flex;
  }

  .x1a02dak {
    flex-wrap: wrap;
  }

  .xuuj1kw {
    font-family: var(--x1qws7f);
  }

  .x14gdsa {
    font-size: var(--x1kdb8yo);
  }

  .x10ixm8f {
    font-size: var(--x1u6essi);
  }

  .xss6m8b {
    font-variant-numeric: tabular-nums;
  }

  .xtc4tfx {
    font-weight: var(--x1c5za0v);
  }

  .x1q2j0f0 {
    font-weight: var(--xlfkvfr);
  }

  .xl56j7k {
    justify-content: center;
  }

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

  .xd4r4e8 {
    line-height: 18px;
  }

  .x1xn9xu5 {
    line-height: var(--x1dog5n2);
  }

  .x1hsfp3s {
    line-height: var(--xd0sdgg);
  }

  .xj0a0fe {
    overflow-wrap: anywhere;
  }

  .xixxii4 {
    position: fixed;
  }

  .xdpxx8g {
    text-align: left;
  }

  .x1hr2gdg {
    text-align: right;
  }

  .xtvhhri {
    text-transform: uppercase;
  }

  .x1c071of {
    transform: none;
  }

  .x11lhmoz {
    transform: translate(-50%, -50%);
  }

  .x16dsc37 {
    vertical-align: top;
  }

  .xuxw1ft {
    white-space: nowrap;
  }

  .xa9119d {
    z-index: 50;
  }

  .xfa8aoj {
    z-index: 51;
  }

  .x13j5fa6:hover:not(:disabled), .xgg4ste:focus-visible:not(:disabled) {
    background-color: var(--x1woulbp);
  }

  .x31c1go:active:not(:disabled), .xbe43lm:hover:not(:disabled), .xqicldp:focus-visible:not(:disabled) {
    background-color: var(--xo3f6em);
  }

  .xfj5659:active:not(:disabled) {
    box-shadow: none;
  }

  .x14ms978:active:not(:disabled), .x7wx8qr:focus-visible:not(:disabled), .xp1wgwe:hover:not(:disabled) {
    color: var(--x2615rk);
  }

  .xtptflc:active:not(:disabled) {
    transform: translate(2px, 2px);
  }

  .x1pyqxci:disabled {
    background-color: var(--x1alq6s8);
  }

  .x145986y:disabled {
    background-color: var(--x26rdwq);
  }

  .x1rudlt0:disabled {
    box-shadow: none;
  }

  .x1yjac8j:disabled {
    color: var(--x1q4bwie);
  }

  .x1s07b3s:disabled {
    cursor: not-allowed;
  }

  @media (width <= 700px) and (pointer: coarse) {
    .xlsyae9.xlsyae9 {
      font-size: var(--x194c5x7);
    }
  }
}

@layer priority5 {
  .xnf6r11 {
    border-bottom-color: var(--x1oi7vtm);
  }

  .x1wzxhj {
    border-bottom-color: var(--x1q4bwie);
  }

  .x1ugytfa {
    border-bottom-color: var(--xo3f6em);
  }

  .xp9b3b8 {
    border-bottom-style: dotted;
  }

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

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

  .x136643f {
    border-left-color: var(--x483yto);
  }

  .x1j9qfq6 {
    border-left-color: var(--xo3f6em);
  }

  .x1lmj29n {
    border-left-color: var(--xosqzw3);
  }

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

  .x19sr0n1 {
    border-left-width: 2px;
  }

  .xlup9mm {
    height: 16px;
  }

  .x1nrll8i {
    left: 50%;
  }

  .xat24cr {
    margin-bottom: 0;
  }

  .x1yztbdb {
    margin-bottom: 16px;
  }

  .x1e56ztr {
    margin-bottom: 8px;
  }

  .xdj266r {
    margin-top: 0;
  }

  .x1xmf6yo {
    margin-top: 8px;
  }

  .xy2oaap {
    max-height: calc(100dvh - 48px);
  }

  .x12qliqu {
    max-width: 60ch;
  }

  .x1rz828m {
    min-height: 30px;
  }

  .x15kz4h8 {
    min-width: 16px;
  }

  .xw2csxc {
    overflow-x: auto;
  }

  .x1odjw0f {
    overflow-y: auto;
  }

  .xjkvuk6 {
    padding-bottom: 4px;
  }

  .xf18ygs {
    padding-left: 12px;
  }

  .xwa60dl {
    top: 50%;
  }

  .xh8yej3 {
    width: 100%;
  }

  .x1kky2od {
    width: 16px;
  }

  .x7ta2uq {
    width: min(540px, 100vw - 32px);
  }
}

@layer priority6 {
  .xv180mm::placeholder {
    color: var(--x1q4bwie);
  }

  .x7xwk5j::placeholder {
    opacity: 1;
  }
}
