.component-setup__intro:where(.astro-a5yc6mvi){color:var(--md-sys-color-on-surface-variant,var(--sl-color-gray-2));margin-block:.5rem .75rem;font-size:.9375rem;line-height:1.55}.component-setup__intro:where(.astro-a5yc6mvi) code:where(.astro-a5yc6mvi){font-family:var(--sl-font-system-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);background:var(--md-sys-color-surface-container,var(--sl-color-gray-6));color:var(--md-sys-color-on-surface,inherit);border-radius:4px;padding:.125rem .375rem;font-size:.875em}.api-row--inherited:where(.astro-uhy3yl6n) td:where(.astro-uhy3yl6n):first-child{border-inline-start:3px solid var(--md-sys-color-outline-variant,#cac4d0)}.api-from:where(.astro-uhy3yl6n){color:var(--md-sys-color-on-surface-variant,#49454f);white-space:nowrap;font-size:.75rem}.api-from--own:where(.astro-uhy3yl6n){opacity:.6;font-style:italic}.api-from:where(.astro-uhy3yl6n) code:where(.astro-uhy3yl6n){font-size:.75rem}.api-note:where(.astro-uhy3yl6n){min-inline-size:24ch;color:var(--md-sys-color-on-surface-variant,#49454f);margin-block-start:4px;font-size:.72rem;line-height:1.45;display:block}.api-section:where(.astro-uhy3yl6n){margin-block:2rem}.api-section__header:where(.astro-uhy3yl6n){align-items:center;gap:.5rem;margin-block-end:.75rem;display:flex}.api-section__header:where(.astro-uhy3yl6n) h3:where(.astro-uhy3yl6n){letter-spacing:-.01em;border:none;margin:0;padding:0;font-size:1.125rem;font-weight:600}.api-section__icon:where(.astro-uhy3yl6n){color:var(--sl-color-text-accent,#6750a4);opacity:.7;font-size:20px}.api-section__desc:where(.astro-uhy3yl6n){color:var(--sl-color-gray-2);margin-block:0 .75rem;font-size:.875rem}.api-table-wrapper:where(.astro-uhy3yl6n){scroll-snap-type:none;background:0 0;overflow-x:auto}.api-table-wrapper:where(.astro-uhy3yl6n):focus-visible{outline:2px solid var(--md-sys-color-primary,#6750a4);outline-offset:2px}.api-table-wrapper:where(.astro-uhy3yl6n)::-webkit-scrollbar{height:10px}.api-table-wrapper:where(.astro-uhy3yl6n)::-webkit-scrollbar-track{background:color-mix(in srgb, var(--sl-color-gray-5,#888) 20%, transparent);border-radius:999px}.api-table-wrapper:where(.astro-uhy3yl6n)::-webkit-scrollbar-thumb{background:var(--sl-color-gray-4,#888);background-clip:content-box;border:2px solid #0000;border-radius:999px}.api-table-wrapper:where(.astro-uhy3yl6n)::-webkit-scrollbar-thumb:hover{background:var(--sl-color-gray-3,#666);background-clip:content-box}.api-table:where(.astro-uhy3yl6n){border-collapse:collapse;min-inline-size:100%;font-size:.875rem;line-height:1.5}.api-table:where(.astro-uhy3yl6n) th:where(.astro-uhy3yl6n){text-align:start;text-transform:uppercase;letter-spacing:.06em;color:var(--sl-color-gray-3);background:var(--sl-color-gray-7);border:none;padding:.75rem 1rem;font-size:.6875rem;font-weight:600}.api-table:where(.astro-uhy3yl6n) td:where(.astro-uhy3yl6n){border-block-end:1px solid color-mix(in srgb, var(--sl-color-gray-5) 50%, transparent);vertical-align:top;color:var(--sl-color-gray-2);border-block-start:none;border-inline:none;padding:.625rem 1rem}.api-table:where(.astro-uhy3yl6n) tbody:where(.astro-uhy3yl6n) tr:where(.astro-uhy3yl6n):last-child td:where(.astro-uhy3yl6n){border-block-end:none}.api-table:where(.astro-uhy3yl6n) tbody:where(.astro-uhy3yl6n) tr:where(.astro-uhy3yl6n){transition:background .1s}.api-table:where(.astro-uhy3yl6n) tbody:where(.astro-uhy3yl6n) tr:where(.astro-uhy3yl6n):hover{background:var(--sl-color-gray-7)}.api-code:where(.astro-uhy3yl6n){background:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-5);white-space:nowrap;font-size:.8125rem;font-family:var(--sl-font-system-mono,ui-monospace, monospace);border-radius:6px;padding:.125rem .4rem}.api-code--name:where(.astro-uhy3yl6n){color:var(--sl-color-text-accent,#6750a4);font-weight:600}.api-code--type:where(.astro-uhy3yl6n){color:var(--sl-color-gray-2);font-weight:400}.api-badge:where(.astro-uhy3yl6n){color:var(--sl-color-gray-3);font-size:.75rem;display:inline-block}.api-badge--yes:where(.astro-uhy3yl6n){color:#16a34a;background:#16a34a14;border-radius:100px;padding:.0625rem .5rem;font-size:.6875rem;font-weight:600}@media (width<=50rem){.api-table-wrapper:where(.astro-uhy3yl6n){-webkit-overflow-scrolling:touch}.api-table:where(.astro-uhy3yl6n){min-inline-size:480px;font-size:.8125rem}.api-table:where(.astro-uhy3yl6n) th:where(.astro-uhy3yl6n){padding:.5rem .75rem;font-size:.625rem}.api-table:where(.astro-uhy3yl6n) td:where(.astro-uhy3yl6n){padding:.5rem .75rem}.api-code:where(.astro-uhy3yl6n){padding:.1rem .3rem;font-size:.75rem}}@media (width<=40rem){.api-section:where(.astro-uhy3yl6n){margin-block:1.5rem}.api-section__header:where(.astro-uhy3yl6n) h3:where(.astro-uhy3yl6n){font-size:1rem}.api-section__icon:where(.astro-uhy3yl6n){font-size:18px}}.llm-context:where(.astro-ccie6ov7){border:1px solid var(--md-sys-color-outline-variant,var(--sl-color-gray-5));border-radius:var(--md-sys-shape-corner-large,16px);background:var(--md-sys-color-surface-container-low,var(--sl-color-gray-7));margin-block:2rem 1rem;padding:1.25rem 1.25rem 1.25rem 1.5rem;position:relative;overflow:hidden}.llm-context:where(.astro-ccie6ov7):before{content:"";background:linear-gradient(to bottom, var(--md-sys-color-primary) 0%, var(--md-sys-color-tertiary,var(--md-sys-color-primary)) 100%);pointer-events:none;inline-size:4px;position:absolute;inset-block:0;inset-inline-start:0}.llm-context__header:where(.astro-ccie6ov7){margin-block-end:1rem}.llm-context__heading:where(.astro-ccie6ov7){color:var(--md-sys-color-on-surface);align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex;margin:0 0 .5rem!important}.llm-context__heading:where(.astro-ccie6ov7) code:where(.astro-ccie6ov7){background:color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent);color:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-extra-small,4px);font-size:.875rem;font-family:var(--__sl-font-mono,ui-monospace, monospace);padding:1px 8px}.llm-context__icon:where(.astro-ccie6ov7){color:var(--md-sys-color-primary);flex-shrink:0}.llm-context__lede:where(.astro-ccie6ov7){color:var(--md-sys-color-on-surface-variant,var(--sl-color-gray-3));margin:0;font-size:.8125rem;line-height:1.6}.llm-context__lede:where(.astro-ccie6ov7) em:where(.astro-ccie6ov7){color:var(--md-sys-color-on-surface);font-style:italic}.llm-context__grid:where(.astro-ccie6ov7){grid-template-columns:1fr;align-items:stretch;gap:.75rem;display:grid}@media (width>=768px){.llm-context__grid:where(.astro-ccie6ov7){grid-template-columns:1fr 1fr}}.llm-context__card:where(.astro-ccie6ov7){background:var(--md-sys-color-surface-container,var(--sl-color-gray-6));border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium,12px);flex-direction:column;gap:.75rem;min-block-size:16rem;min-inline-size:0;padding:1rem;display:flex}.llm-context__card-header:where(.astro-ccie6ov7){flex-direction:column;gap:.4rem;display:flex}.llm-context__badge:where(.astro-ccie6ov7){text-transform:uppercase;letter-spacing:.05em;color:var(--md-sys-color-on-surface-variant);background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent);border-radius:var(--md-sys-shape-corner-extra-small,4px);align-self:flex-start;padding:2px 8px;font-size:.6875rem;font-weight:600}.llm-context__badge--accent:where(.astro-ccie6ov7){color:var(--md-sys-color-on-tertiary-container,var(--md-sys-color-on-surface));background:color-mix(in srgb, var(--md-sys-color-tertiary) 16%, transparent)}.llm-context__card-title:where(.astro-ccie6ov7){color:var(--md-sys-color-on-surface);font-size:.95rem;font-weight:600;margin:0!important}.llm-context__card-title:where(.astro-ccie6ov7) code:where(.astro-ccie6ov7){font-family:var(--__sl-font-mono,ui-monospace, monospace);color:var(--md-sys-color-primary);background:0 0;padding:0;font-size:.875rem}.llm-context__card-desc:where(.astro-ccie6ov7){color:var(--md-sys-color-on-surface-variant);margin:0;font-size:.8125rem;line-height:1.55}.llm-context__card-desc:where(.astro-ccie6ov7) em:where(.astro-ccie6ov7){color:var(--md-sys-color-on-surface);font-style:italic}.llm-context__card-actions:where(.astro-ccie6ov7){flex-flow:wrap;align-items:center;gap:.5rem;margin-block-start:auto;display:flex}.llm-context__btn:where(.astro-ccie6ov7){border-radius:var(--md-sys-shape-corner-full,9999px);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:8px 14px;font-size:.8125rem;font-weight:500;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex;text-decoration:none!important}.llm-context__btn:where(.astro-ccie6ov7):hover{transform:translateY(-1px);text-decoration:none!important}.llm-context__btn--primary:where(.astro-ccie6ov7){background:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)!important}.llm-context__btn--primary:where(.astro-ccie6ov7):hover{background:color-mix(in srgb, var(--md-sys-color-primary) 92%, white 8%);color:var(--md-sys-color-on-primary)!important}.llm-context__btn--outline:where(.astro-ccie6ov7){border-color:var(--md-sys-color-outline);background:0 0;color:var(--md-sys-color-primary)!important}.llm-context__btn--outline:where(.astro-ccie6ov7):hover{background:color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)!important}.llm-context__btn--copied:where(.astro-ccie6ov7){background:var(--md-sys-color-tertiary,var(--md-sys-color-primary));border-color:var(--md-sys-color-tertiary,var(--md-sys-color-primary));color:var(--md-sys-color-on-tertiary,var(--md-sys-color-on-primary))}.llm-context__dialog:where(.astro-ccie6ov7){flex-direction:column;box-shadow:0 24px 48px -12px #0006,0 12px 24px -8px #0000004d;border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:var(--md-sys-shape-corner-large,16px)!important;background:var(--md-sys-color-surface-container,var(--sl-color-gray-6))!important;block-size:min(86vh,800px)!important;max-block-size:86vh!important;inline-size:min(960px,92vw)!important;color:var(--md-sys-color-on-surface)!important;padding:0!important;overflow:hidden!important}.llm-context__dialog:where(.astro-ccie6ov7)[open]{margin-block:auto!important;margin-inline:auto!important;display:flex!important;position:fixed!important;inset-block:0!important;inset-inline:0!important}.llm-context__dialog:where(.astro-ccie6ov7)::backdrop{-webkit-backdrop-filter:blur(4px);background:#0000008c}.llm-context__dialog-header:where(.astro-ccie6ov7){background:var(--md-sys-color-surface-container-high,var(--sl-color-gray-5));border-block-end:1px solid var(--md-sys-color-outline-variant);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.llm-context__dialog-title:where(.astro-ccie6ov7){color:var(--md-sys-color-on-surface);font-weight:600;margin:0!important;font-size:.95rem!important}.llm-context__dialog-title:where(.astro-ccie6ov7) code:where(.astro-ccie6ov7){font-family:var(--__sl-font-mono,ui-monospace, monospace);color:var(--md-sys-color-primary);background:color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent);border-radius:var(--md-sys-shape-corner-extra-small,4px);padding:2px 8px;font-size:.875rem}.llm-context__dialog-actions:where(.astro-ccie6ov7){align-items:center;gap:8px;display:flex}.llm-context__dialog-close:where(.astro-ccie6ov7){border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full,999px);block-size:36px;inline-size:36px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.llm-context__dialog-close:where(.astro-ccie6ov7):hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent);color:var(--md-sys-color-on-surface);border-color:var(--md-sys-color-outline)}.llm-context__dialog-close:where(.astro-ccie6ov7):focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.llm-context__dialog-pre:where(.astro-ccie6ov7){scrollbar-width:thin;scrollbar-color:var(--md-sys-color-outline,#7f7f7f99) transparent;flex:auto;color:var(--md-sys-color-on-surface)!important;white-space:pre!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important;padding:18px 22px!important;font-size:.78rem!important;line-height:1.65!important;overflow:auto!important}.llm-context__dialog-pre:where(.astro-ccie6ov7)::-webkit-scrollbar{block-size:12px;inline-size:12px;display:block}.llm-context__dialog-pre:where(.astro-ccie6ov7)::-webkit-scrollbar-track{background:color-mix(in srgb, var(--md-sys-color-on-surface) 4%, transparent)}.llm-context__dialog-pre:where(.astro-ccie6ov7)::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--md-sys-color-on-surface) 24%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.llm-context__dialog-pre:where(.astro-ccie6ov7)::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 40%, transparent);background-clip:padding-box}.llm-context__dialog-pre:where(.astro-ccie6ov7) code:where(.astro-ccie6ov7){font-family:var(--__sl-font-mono,ui-monospace, monospace);color:inherit!important;font-size:inherit!important;white-space:inherit!important;background:0 0!important;border:0!important;padding:0!important}body:has(.llm-context__dialog[open]){overflow:hidden}