@layer starlight.components{.card:where(.astro-zts4jgjd){--sl-card-border:var(--sl-color-purple);--sl-card-bg:var(--sl-color-purple-low);border:1px solid var(--sl-color-gray-5);background-color:var(--sl-color-black);flex-direction:column;gap:clamp(.5rem,.125rem + 1vw,1rem);padding:clamp(1rem,.125rem + 3vw,2.5rem)}.card:where(.astro-zts4jgjd):nth-child(4n+1){--sl-card-border:var(--sl-color-orange);--sl-card-bg:var(--sl-color-orange-low)}.card:where(.astro-zts4jgjd):nth-child(4n+3){--sl-card-border:var(--sl-color-green);--sl-card-bg:var(--sl-color-green-low)}.card:where(.astro-zts4jgjd):nth-child(4n+4){--sl-card-border:var(--sl-color-red);--sl-card-bg:var(--sl-color-red-low)}.card:where(.astro-zts4jgjd):nth-child(4n+5){--sl-card-border:var(--sl-color-blue);--sl-card-bg:var(--sl-color-blue-low)}.title:where(.astro-zts4jgjd){font-weight:600;font-size:var(--sl-text-h4);color:var(--sl-color-white);line-height:var(--sl-line-height-headings);align-items:center;gap:1rem}.card:where(.astro-zts4jgjd) .icon:where(.astro-zts4jgjd){border:1px solid var(--sl-card-border);background-color:var(--sl-card-bg);border-radius:.25rem;flex-shrink:0;padding:.2em}.card:where(.astro-zts4jgjd) .body:where(.astro-zts4jgjd){font-size:clamp(var(--sl-text-sm), calc(.5rem + 1vw), var(--sl-text-body));margin:0}.card-grid:where(.astro-lmor3ela){grid-template-columns:100%;gap:1rem;display:grid}.card-grid:where(.astro-lmor3ela)>*{margin-top:0!important}@media (width>=50rem){.card-grid:where(.astro-lmor3ela){grid-template-columns:1fr 1fr;gap:1.5rem}.stagger:where(.astro-lmor3ela){--stagger-height:5rem;padding-bottom:var(--stagger-height)}.stagger:where(.astro-lmor3ela)>:nth-child(2n){transform:translateY(var(--stagger-height))}}}.tf-trace:where(.astro-szgffayy){border:1px solid var(--tf-diagram-border);background:var(--tf-diagram-bg);border-radius:.5rem;margin:2rem 0 0;overflow:hidden}.tf-trace:where(.astro-szgffayy) figcaption:where(.astro-szgffayy){border-bottom:1px solid var(--tf-diagram-border);background:var(--sl-color-gray-7);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.tf-trace:where(.astro-szgffayy) figcaption:where(.astro-szgffayy) code:where(.astro-szgffayy){color:var(--sl-color-gray-1);background:0 0;border:none;padding:0;font-weight:600}.tf-trace-dot:where(.astro-szgffayy){background:var(--sl-color-accent);border-radius:50%;flex:none;width:.45rem;height:.45rem}.tf-trace:where(.astro-szgffayy) ol:where(.astro-szgffayy){margin:0;padding:.35rem 0;list-style:none}.tf-step:where(.astro-szgffayy){font-size:var(--sl-text-sm);border-inline-start:3px solid #0000;grid-template-columns:3.5rem 5.25rem 1fr;align-items:baseline;gap:.75rem;padding:.5rem 1rem;line-height:1.55;display:grid}.tf-t:where(.astro-szgffayy){font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);color:var(--sl-color-gray-4);text-align:right}.tf-tag:where(.astro-szgffayy){font-family:var(--sl-font-mono);letter-spacing:.06em;text-align:center;border:1px solid;border-radius:.2rem;padding:.12rem .4rem;font-size:.6875rem;font-weight:600}.tf-text:where(.astro-szgffayy){color:var(--sl-color-gray-2)}.is-memory:where(.astro-szgffayy) .tf-tag:where(.astro-szgffayy){color:#0a58a8;background:#e3f0ff;border-color:#bcd9f7}.is-wal:where(.astro-szgffayy) .tf-tag:where(.astro-szgffayy){color:#6b21a8;background:#f3e8ff;border-color:#e0c9f5}.is-fsync:where(.astro-szgffayy) .tf-tag:where(.astro-szgffayy){color:#9a3412;background:#ffe6d0;border-color:#f6c79a}.is-client:where(.astro-szgffayy) .tf-tag:where(.astro-szgffayy){color:#0f6b3f;background:#ddf7e8;border-color:#b3e6cb}.is-disk:where(.astro-szgffayy) .tf-tag:where(.astro-szgffayy){color:#4a5261;background:#eceff4;border-color:#d5dae2}.is-key:where(.astro-szgffayy){border-inline-start-color:var(--sl-color-accent);background:#fff6ed}.is-key:where(.astro-szgffayy) .tf-text:where(.astro-szgffayy){color:var(--sl-color-gray-1);font-weight:500}@media (width<=34rem){.tf-step:where(.astro-szgffayy){grid-template-columns:3.25rem 1fr;row-gap:.3rem}.tf-tag:where(.astro-szgffayy){grid-column:2;justify-self:start}.tf-text:where(.astro-szgffayy){grid-column:2}}