.component-page{min-width:0}.component-page>header{width:100%;margin-bottom:28px}.component-breadcrumb{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted-foreground);align-items:center;gap:10px;margin-bottom:24px;display:flex}.component-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.component-title-row h1{align-items:baseline;gap:4px;display:flex}.component-title-dot{background:var(--brand);border-radius:50%;width:4px;height:4px}.component-download{border:1px solid var(--border);color:var(--foreground);font-size:var(--fs-body);line-height:var(--lh-body);white-space:nowrap;border-radius:9px;flex:none;align-items:center;gap:8px;padding:9px 12px;display:inline-flex}.component-download:hover{background:var(--accent)}.component-download:focus-visible{outline:2px solid var(--brand);outline-offset:4px}.component-install-heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.component-install-header{flex-wrap:wrap;align-items:center}.component-intro{max-width:var(--site-text-width);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted-foreground);margin-top:8px}.component-page :where(.component-section>p,.component-install-description,.component-steps p,.component-notes,.component-small){max-width:var(--site-text-width)}.component-setup-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding-top:24px;display:flex}.component-page .component-setup-footer .component-small{margin:0}.component-section{margin-top:52px}.component-section h2{font-size:var(--fs-title);line-height:var(--lh-title);font-variation-settings:var(--site-weight-semibold);font-weight:550}.component-section>p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted-foreground);margin-top:10px}.component-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.component-install-tabs{border-bottom:1px solid var(--border);gap:24px;margin:18px 0 20px;display:flex}.component-install-tabs button{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted-foreground);cursor:pointer;border-bottom:2px solid #0000;padding:10px 0 12px}.component-install-tabs button[aria-selected=true]{color:var(--foreground);border-bottom-color:#8b93ff}.component-install-description{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted-foreground);margin-bottom:18px}.component-prompt-code{color:#e1e4e8;background:#24292e;border:1px solid #373d45;border-radius:12px;overflow:hidden}.component-prompt-toolbar{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;display:flex}.component-prompt-toolbar>span{font-size:var(--fs-micro);line-height:var(--lh-micro);color:#aeb6c0;font-family:ui-monospace,monospace}.component-prompt-toolbar button{font-size:var(--fs-body);line-height:var(--lh-body);cursor:pointer;border:1px solid #ffffff24;border-radius:6px;padding:7px 10px}.component-prompt-toolbar button:hover{background:#ffffff0d}.component-prompt-code pre{font-size:var(--fs-caption);line-height:var(--lh-caption);white-space:pre-wrap;overflow-wrap:anywhere;max-height:440px;margin:0;padding:22px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.component-prompt-code pre code{font:inherit}.component-prompt-code pre:focus-visible{outline-offset:-3px;outline:2px solid #9298ff}.component-manual-summary{justify-content:space-between;align-items:center;gap:16px;display:flex}.component-manual-summary p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted-foreground)}.component-text-button{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted-foreground);cursor:pointer;padding:5px 0}.component-text-button:hover{color:var(--foreground)}.component-steps{margin-top:30px;padding-left:20px;list-style:decimal}.component-steps li{font-size:var(--fs-body);line-height:var(--lh-body);margin-top:28px;padding-left:8px}.component-steps li::marker{color:var(--muted-foreground)}.component-steps h3{font-size:var(--fs-subtitle);line-height:var(--lh-subtitle);font-variation-settings:var(--site-weight-semibold);margin-bottom:8px;font-weight:550}.component-steps p,.component-notes p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted-foreground)}.component-page code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:inherit;overflow-wrap:anywhere}.component-command{background:var(--muted);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin:14px 0 10px;padding:14px;display:flex}.component-command code{white-space:nowrap;overflow-x:auto}.component-command button{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted-foreground);cursor:pointer;flex:none}.component-page .component-small{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted-foreground);margin-top:12px}.component-notes{border-block:1px solid var(--border);margin-top:24px;padding:16px 0}.component-notes summary{font-size:var(--fs-body);line-height:var(--lh-body);cursor:pointer}.component-notes p{margin-top:14px}.component-notes strong{color:var(--foreground);font-variation-settings:var(--site-weight-semibold);font-weight:550}.component-source{color:#e1e4e8;background:#24292e;border:1px solid #292c34;border-radius:12px;margin-top:22px;overflow:hidden}.component-file-tabs{border-bottom:1px solid #ffffff1a;display:flex;overflow-x:auto}.component-file-tabs button{font-size:var(--fs-caption);line-height:var(--lh-caption);white-space:nowrap;color:#9ba2ac;cursor:pointer;border-bottom:2px solid #0000;padding:15px 14px;font-family:ui-monospace,monospace}.component-file-tabs button[aria-selected=true]{color:#fff;border-bottom-color:#8b93ff}.component-source [role=tabpanel]{max-height:480px;overflow:auto}.component-source pre{font-size:var(--fs-caption);line-height:var(--lh-caption);tab-size:2;margin:0;padding:24px}.component-source pre code{overflow-wrap:normal}.component-table-wrap{margin-top:20px;overflow-x:auto}.component-table-wrap table{font-size:var(--fs-caption);line-height:var(--lh-caption);text-align:left;border-collapse:collapse;width:100%}.component-table-wrap th{font-variation-settings:var(--site-weight-semibold);color:var(--muted-foreground);padding:0 14px 12px 0;font-weight:550}.component-table-wrap td{border-top:1px solid var(--border);vertical-align:top;padding:14px 16px 14px 0}.component-table-wrap td:last-child{color:var(--muted-foreground)}.component-copy-feedback{font-size:var(--fs-body);line-height:var(--lh-body);z-index:30;background:var(--foreground);color:var(--background);border-radius:10px;max-width:calc(100vw - 32px);padding:12px 18px;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0002}.component-copy-feedback:empty{display:none}.component-page button:focus-visible,.component-page a:focus-visible,.component-page select:focus-visible,.component-page summary:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #9298ff}@media (width<=540px){.component-prompt-code pre{font-size:var(--fs-caption-compact);line-height:var(--lh-caption-compact);padding:16px}.component-title-row{gap:12px}.component-section-heading{align-items:baseline}.component-text-button{font-size:var(--fs-caption-compact);line-height:var(--lh-caption-compact)}.component-source pre{padding:18px}}body:has(.ui-kit-shell){--ui-kit-sidebar-width:176px;--ui-kit-sidebar-gap:48px}body:has(.ui-kit-shell) .site-logo{width:fit-content;display:block}.ui-kit-shell{--ui-kit-heading-offset:0px;width:100%;max-width:var(--site-wide-width);grid-template-columns:minmax(0,1fr);align-items:start;margin-inline:auto;display:grid}.ui-kit-shell:has(.component-breadcrumb){--ui-kit-heading-offset:calc(var(--lh-body) + 24px)}.ui-kit-shell [hidden]{display:none!important}.ui-kit-main{grid-area:1/1;min-width:0}.ui-kit-sidebar{width:var(--ui-kit-sidebar-width);min-width:0;max-height:calc(100dvh - 6rem - var(--site-mark-size) - 3rem - var(--ui-kit-heading-offset) - 24px);grid-area:1/1;margin-block-start:var(--ui-kit-heading-offset);margin-inline-start:calc(-1 * (var(--ui-kit-sidebar-width) + var(--ui-kit-sidebar-gap)));position:sticky;top:24px}.ui-kit-sidebar-inner{max-height:inherit;flex-direction:column;min-width:0;display:flex}.ui-kit-sidebar-title{font-size:var(--fs-title);line-height:var(--lh-title);font-variation-settings:var(--site-weight-semibold);flex:none;align-items:baseline;gap:5px;margin:0 14px 20px;display:flex}.ui-kit-sidebar-nav{overscroll-behavior:contain;scrollbar-width:thin;min-width:0;min-height:0;font-size:var(--fs-caption);line-height:var(--lh-caption);padding:4px;overflow-y:auto}.ui-kit-sidebar-nav a{min-width:0;color:var(--muted-foreground);border-radius:8px;align-items:center;gap:9px;padding:9px 10px;text-decoration:none;display:flex}.ui-kit-nav-label{overflow-wrap:anywhere;min-width:0}.ui-kit-sidebar-nav a:hover{color:var(--foreground);background:color-mix(in oklab, var(--muted) 65%, transparent)}.ui-kit-sidebar-nav a[aria-current=page]{background:var(--muted);color:var(--foreground)}.ui-kit-sidebar-nav a:focus-visible,.ui-kit-component-picker summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ui-kit-overview-link{justify-content:space-between}.ui-kit-nav-group{margin-top:24px}.ui-kit-nav-group>p{overflow-wrap:anywhere;color:var(--muted-foreground);font-size:var(--fs-micro);line-height:var(--lh-micro);margin-bottom:7px;padding:0 10px}.ui-kit-nav-icon{border:1px solid var(--border);width:22px;height:22px;color:var(--foreground);border-radius:6px;flex:none;place-items:center;font-size:15px;display:grid}.ui-kit-nav-dot{background:var(--brand);border-radius:50%;flex:none;width:4px;height:4px;margin-left:auto}.ui-kit-page-links{border-top:1px solid var(--border);padding-top:24px}.ui-kit-component-picker{display:none}.component-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:0 0 22px;scroll-margin-top:96px;display:flex}.component-view-tabs{gap:2px;display:flex}.component-view-tabs button{color:var(--muted-foreground);cursor:pointer;font-size:var(--fs-caption);line-height:var(--lh-caption);border-radius:999px;padding:7px 12px}.component-view-tabs button[aria-selected=true]{background:var(--muted);color:var(--foreground)}.component-toolbar-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.component-open-playground{border:1px solid var(--border);font-size:var(--fs-caption);line-height:var(--lh-caption);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;display:inline-flex}.component-open-playground:hover{background:var(--accent)}.component-open-playground:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.component-platform-picker{align-items:center;gap:12px;display:flex}.component-platform-picker button{color:var(--muted-foreground);font-size:var(--fs-caption);line-height:var(--lh-caption);cursor:pointer;white-space:nowrap;padding:7px 0}.component-platform-picker button[aria-pressed=true]{color:var(--foreground)}.component-view-tabs button,.component-platform-picker button,.component-file-tabs button,.ui-kit-component-picker>summary{transition:color var(--motion-fast) ease-out, background-color var(--motion-fast) ease-out, border-color var(--motion-fast) ease-out}.ui-kit-picker-chevron{transition:transform var(--motion-moderate) cubic-bezier(.23, 1, .32, 1)}@media (prefers-reduced-motion:reduce){.component-view-tabs button,.component-platform-picker button,.component-file-tabs button,.ui-kit-component-picker>summary,.ui-kit-picker-chevron{transition:none}}.component-copy-prompt{border:1px solid var(--border);font-size:var(--fs-caption);line-height:var(--lh-caption);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:7px 12px;display:inline-flex}.component-copy-prompt:hover{background:var(--accent)}.component-native-notice{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted-foreground);margin:-6px 0 20px}.component-showcase,.component-playground-section,#installation{scroll-margin-top:96px}.component-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.component-showcase-tile{background:color-mix(in oklab, var(--muted) 45%, var(--background));border:1px solid color-mix(in oklab, var(--border) 70%, transparent);border-radius:14px;min-width:0;margin:0}.component-showcase-stage{place-items:center;min-height:322px;padding:36px 24px 30px;display:grid}.component-showcase-note{width:min(100%,224px)}.component-showcase-tile figcaption{text-align:center;font-size:var(--fs-caption);line-height:var(--lh-caption);flex-direction:column;gap:3px;padding:0 24px 22px;display:flex}.component-showcase-tile figcaption>:last-child{font-size:var(--fs-micro);line-height:var(--lh-micro);color:var(--muted-foreground)}.component-playground-section{margin-top:64px}.component-playground-section>.component-section-heading{margin-bottom:18px}.component-playground-section h2{font-size:var(--fs-title);line-height:var(--lh-title);font-variation-settings:var(--site-weight-semibold)}.component-playground-section .component-section-heading>p{color:var(--muted-foreground);font-size:var(--fs-caption);line-height:var(--lh-caption)}.component-preview-setup{border-top:1px solid var(--border);margin-top:40px;padding-top:32px}.component-install-requirements{max-width:var(--site-text-width);color:var(--muted-foreground);font-size:var(--fs-body);line-height:var(--lh-body);margin:0 0 28px}.component-quick-start h2{font-size:var(--fs-body);line-height:var(--lh-body);font-variation-settings:var(--site-weight-semibold)}.component-platform-label{color:var(--muted-foreground);font-size:var(--fs-caption);line-height:var(--lh-caption)}.component-usage-heading{margin-top:28px;margin-bottom:12px}.component-snippet{color:#e1e4e8;background:#24292e;border:1px solid #373d45;border-radius:12px;min-width:0;position:relative;overflow:hidden}.component-snippet>button{z-index:1;color:#e1e4e8;font-size:var(--fs-caption);line-height:var(--lh-caption);cursor:pointer;background:#24292e;border:1px solid #ffffff24;border-radius:6px;padding:5px 9px;position:absolute;top:12px;right:12px}.component-snippet pre{font-size:var(--fs-caption);line-height:var(--lh-caption);max-height:480px;margin:0;padding:52px 22px 22px;overflow:auto}.component-full-install-link{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted-foreground);align-items:center;gap:8px;margin-top:18px;display:inline-flex}.component-full-install-link:hover{color:var(--foreground)}.component-license{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted-foreground);margin-top:48px}.component-prompt-code{margin-top:18px}@media (width>=1100px) and (width<=1279px){body:has(.ui-kit-shell){--ui-kit-sidebar-width:148px;--ui-kit-sidebar-gap:24px}}@media (width<=1099px){.site-canvas-content:has(>.ui-kit-shell){padding-inline:24px}.ui-kit-shell{display:block}.ui-kit-sidebar{display:none}.ui-kit-component-picker{flex:none;display:block;position:relative}.ui-kit-component-picker>summary{border:1px solid var(--border);background:var(--background);min-height:44px;color:var(--muted-foreground);font-size:var(--fs-caption);line-height:var(--lh-caption);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;list-style:none;display:flex}.ui-kit-component-picker summary::-webkit-details-marker{display:none}.ui-kit-component-picker>summary:hover,.ui-kit-component-picker[open]>summary{color:var(--foreground);background:var(--muted)}.ui-kit-component-picker summary[aria-expanded=true] .ui-kit-picker-chevron{transform:rotate(180deg)}.ui-kit-component-picker>.ui-kit-picker-panel{z-index:20;border:1px solid var(--border);background:var(--background);transform-origin:100% 0;border-radius:16px;width:304px;max-width:calc(100vw - 48px);max-height:min(60dvh,480px);padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 8px 32px #00000012,0 1px 3px #00000008}.ui-kit-picker-panel a{min-height:44px;color:var(--foreground);font-size:var(--fs-body);line-height:var(--lh-body);border-radius:10px;padding:10px 12px}.ui-kit-picker-panel a[aria-current=page]{background:var(--muted)}.ui-kit-picker-panel .ui-kit-nav-group{border-top:1px solid var(--border);margin-top:12px;padding-top:14px}.ui-kit-picker-panel .ui-kit-nav-group>p{margin-bottom:6px;padding-inline:12px}.ui-kit-picker-panel .ui-kit-nav-icon{background:var(--muted);border-radius:8px;width:28px;height:28px}}@media (width<=600px){.component-showcase-grid{grid-template-columns:minmax(0,1fr)}.component-toolbar-actions{justify-content:space-between;gap:8px;width:100%}.component-platform-picker{gap:12px}.component-showcase-stage{min-height:306px}.component-playground-section{margin-top:44px}.component-snippet pre{padding-inline:16px}}.component-source pre{max-height:540px;overflow:auto}.component-showcase{scroll-margin-top:160px}