.bp-body{color:var(--color-sand-900);text-wrap:pretty;font-size:clamp(17px,1.3vw,19px);line-height:1.62}.bp-body>:first-child{margin-top:0}.bp-body :is(h2,h3,h4)[id]{scroll-margin-top:28px}.bp-body p,.bp-body ul,.bp-body ol,.bp-body blockquote,.bp-body pre,.bp-body table{margin:0 0 1.1em}.bp-body h2,.bp-body h3,.bp-body h4{color:var(--color-ink);text-wrap:balance}.bp-body h2{letter-spacing:-.035em;margin:2em 0 .6em;font-size:clamp(26px,2.4vw,34px);font-weight:700;line-height:1.12}.bp-body h3{letter-spacing:-.025em;margin:1.8em 0 .5em;font-size:clamp(20px,1.75vw,24px);font-weight:600;line-height:1.2}.bp-body h4{letter-spacing:-.012em;margin:1.6em 0 .4em;font-size:1em;font-weight:600}.bp-body a{color:var(--color-ink);text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--color-ink) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--color-ink) 40%, transparent);transition:text-decoration-color .15s}.bp-body a:hover{-webkit-text-decoration-color:var(--color-ink);text-decoration-color:var(--color-ink)}.bp-body strong{color:var(--color-ink);font-weight:600}.bp-body ul,.bp-body ol{padding-left:1.3em}.bp-body li{margin:.35em 0;padding-left:.2em}.bp-body li::marker{color:var(--color-sand-500)}.bp-body blockquote{border-left:3px solid var(--color-ink);color:var(--color-ink);padding:.1em 0 .1em 1.1em;font-size:1.08em}.bp-body blockquote p:last-child{margin-bottom:0}.bp-body hr{border:0;border-top:1px solid var(--color-sand-200);margin:2.6em 0}:is(.bp-body figure,.bp-body p:has(>img:only-child),.bp-body>video){--bleed:calc(50% - min(var(--prose-media,880px) / 2, 50vw - 20px));margin:2.2em var(--bleed)}.bp-body img,.bp-body video{border-radius:var(--r);width:100%;height:auto;display:block}.bp-body figcaption{color:var(--color-sand-600);text-wrap:pretty;margin-top:12px;font-size:14px;line-height:1.45}.bp-body code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.86em}.bp-body :not(pre)>code{border-radius:calc(var(--r-sm) * .618);background:var(--color-sand-100);color:var(--color-ink);padding:.12em .36em}.bp-body pre{border-radius:var(--r);background:var(--color-sand-975);color:var(--color-sand-100);tab-size:4;padding:20px 22px;font-size:15px;line-height:1.6;overflow-x:auto}.bp-body pre code{font-size:inherit}.bp-code{border-radius:var(--r);background:var(--color-sand-975);margin:0 0 1.1em;overflow:hidden}.bp-code pre{scrollbar-width:thin;scrollbar-color:var(--color-sand-750) transparent;border-radius:0;margin:0;padding-top:16px}.bp-code-hd{border-bottom:1px solid color-mix(in srgb, var(--color-white) 8%, transparent);letter-spacing:.01em;color:var(--color-sand-300);align-items:center;gap:10px;padding:8px 8px 8px 22px;font-size:13px;font-weight:600;line-height:1;display:flex}.bp-lang{margin-right:auto}.bp-tabs>pre~pre,.bp-code pre[hidden]{display:none}.bp-code:has(.bp-tabs-l) pre{animation:.3s cubic-bezier(.2,.7,.2,1) bp-tab-in}@keyframes bp-tab-in{0%{opacity:0;transform:translateY(4px)}}.bp-code-hd:has(.bp-tabs-l){padding-left:10px}.bp-tabs-l{outline:0;margin-right:auto;display:flex;position:relative}.bp-tab{border-radius:calc(var(--r) - 8px);font:inherit;color:var(--color-sand-400);cursor:pointer;background:0 0;border:0;padding:10px 12px;transition:color .2s;position:relative}.bp-tab:hover{color:var(--color-sand-100)}.bp-tab[aria-selected=true]{color:var(--color-white)}.bp-tab:focus-visible{outline:2px solid color-mix(in srgb, var(--color-white) 40%, transparent);outline-offset:-2px}.bp-tab:active{transform:scale(.94)}.bp-tab-bar{width:var(--w);border-radius:calc(var(--r) - 8px);background:color-mix(in srgb, var(--color-white) 10%, transparent);transform:translateX(var(--x));transition:transform .35s cubic-bezier(.34,1.3,.64,1),width .35s cubic-bezier(.34,1.3,.64,1);position:absolute;inset:0 auto 0 0}.bp-copied{color:var(--color-white);opacity:0;transition:opacity .2s,transform .35s cubic-bezier(.34,1.56,.64,1);transform:translate(8px)}.bp-copied.on{opacity:1;transform:none}.bp-copy{border-radius:calc(var(--r) - 8px);width:34px;height:34px;color:var(--color-sand-400);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:background .2s,color .2s,transform .25s cubic-bezier(.34,1.56,.64,1);display:grid}@media (pointer:coarse){.bp-copy{width:44px;height:44px}.bp-tab{min-height:44px}}.bp-code:hover .bp-copy{color:var(--color-sand-200)}.bp-copy:hover,.bp-copy:focus-visible,.bp-copy.copied{background:color-mix(in srgb, var(--color-white) 10%, transparent);color:var(--color-white)}.bp-copy:focus-visible{outline:2px solid color-mix(in srgb, var(--color-white) 40%, transparent);outline-offset:2px}.bp-copy:active{transform:scale(.88)}.bp-copy .ic{grid-area:1/1;transition:opacity .18s,transform .4s cubic-bezier(.34,1.56,.64,1);display:grid}.bp-copy .ic-check,.bp-copy.copied .ic-copy{opacity:0;transform:scale(.4)rotate(-60deg)}.bp-copy.copied .ic-check{opacity:1;transform:none}.bp-copy svg{width:16px;height:16px}@media (prefers-reduced-motion:reduce){.bp-copied,.bp-copy,.bp-copy .ic,.bp-tab,.bp-tab-bar{transition:none}.bp-code pre{animation:none}.bp-copied,.bp-copy .ic-check,.bp-copy.copied .ic-copy,.bp-tab:active{transform:none}}.bp-body .token.comment,.bp-body .token.prolog,.bp-body .token.doctype{color:var(--color-sand-450);font-style:italic}.bp-body .token.keyword,.bp-body .token.important,.bp-body .token.atrule{color:var(--color-coral)}.bp-body .token.string,.bp-body .token.char,.bp-body .token.attr-value,.bp-body .token.regex{color:var(--color-green)}.bp-body .token.number,.bp-body .token.boolean,.bp-body .token.constant{color:var(--color-butter)}.bp-body .token.function,.bp-body .token.class-name,.bp-body .token.tag{color:var(--color-sky)}.bp-body .token.attr-name,.bp-body .token.property,.bp-body .token.builtin{color:var(--color-lilac)}.bp-body .token.punctuation,.bp-body .token.operator{color:var(--color-sand-400)}.bp-table{margin:0 0 1.1em;overflow-x:auto}.bp-table table{margin:0}.bp-body table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.88em;line-height:1.45}.bp-body th,.bp-body td{border-bottom:1px solid var(--color-sand-200);padding:10px 14px}.bp-body th:not([align]){text-align:left}.bp-body [align=right]{text-align:right}.bp-body [align=center]{text-align:center}.bp-body th{color:var(--color-ink);border-bottom-color:var(--color-ink);font-weight:600}.bp-body th:first-child,.bp-body td:first-child{padding-left:0}.bp-body th:last-child,.bp-body td:last-child{padding-right:0}
