.site{--lp-paper:#fff;--lp-line:#14181d0e}.dark .site{--lp-paper:#1b1d1e;--lp-line:#ffffff0b}.lp-grid{background-color:var(--lp-paper);background-image:linear-gradient(to right, var(--lp-line) 1px, transparent 1px), linear-gradient(to bottom, var(--lp-line) 1px, transparent 1px);background-size:24px 24px}.lp-demo svg{width:100%;height:auto;display:block;--lightningcss-light:initial!important;--lightningcss-dark: !important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important}.dark .lp-demo svg{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important}.lp-demo [data-cell-id]:not([data-cell-id="0"]):not([data-cell-id="1"]){opacity:0;transition:opacity .35s}.lp-demo [data-cell-id].on:not([data-cell-id="0"]):not([data-cell-id="1"]){opacity:1}.lp-demo [data-cell-id]>g>path{transition:stroke-dashoffset .45s cubic-bezier(.16,1,.3,1)}.lp-demo [data-cell-id].changed path{stroke:var(--marker-ink)!important}.lp-demo [data-cell-id].changed g>path:last-child{fill:var(--marker-ink)!important}.lp-caret{vertical-align:-2px;background:currentColor;width:1px;height:1.05em;margin-left:1px;animation:1s step-end infinite lp-blink;display:inline-block}.lp-select{background:#29b6f214;border:1px dashed #29b6f2}.lp-outline{animation:.3s both lp-in}.lp-cursor{z-index:2;transition:left .7s cubic-bezier(.45,0,.2,1),top .7s cubic-bezier(.45,0,.2,1);transform:translate(-3px,-2px)}.lp-cursor.lp-dragging{transition:none}.lp-click{border:2px solid #29b6f2;border-radius:999px;width:16px;height:16px;animation:.4s ease-out both lp-ping;position:absolute;top:-6px;left:-6px}.lp-msg{animation:.3s cubic-bezier(.16,1,.3,1) both lp-rise}.lp-progress{transform-origin:0;animation:linear both lp-grow}@keyframes lp-blink{50%{opacity:0}}@keyframes lp-in{0%{opacity:0}to{opacity:1}}@keyframes lp-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes lp-ping{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}@keyframes lp-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.lp-demo *,.lp-msg,.lp-outline,.lp-cursor,.lp-caret,.lp-progress{transition:none!important;animation:none!important}}.docs-table th{border-bottom:1px solid var(--border);background:var(--canvas);text-align:left;padding:.55rem .9rem;font-size:13px;font-weight:600}.docs-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:.6rem .9rem}.docs-table tr:last-child td{border-bottom:0}.docs-table code{background:var(--muted);font-family:var(--font-mono), ui-monospace, monospace;border-radius:4px;padding:.05rem .3rem;font-size:.88em}.docs-body :not(pre)>code{overflow-wrap:anywhere}.docs-body{--docs-text:color-mix(in srgb, var(--foreground) 86%, var(--canvas));--tw-prose-body:var(--docs-text);--tw-prose-headings:var(--foreground);--tw-prose-lead:var(--muted-foreground);--tw-prose-links:var(--foreground);--tw-prose-bold:var(--foreground);--tw-prose-counters:var(--muted-foreground);--tw-prose-bullets:var(--muted-foreground);--tw-prose-hr:var(--border);--tw-prose-quotes:var(--docs-text);--tw-prose-quote-borders:var(--border);--tw-prose-captions:var(--muted-foreground);--tw-prose-code:var(--foreground);--tw-prose-th-borders:var(--border);--tw-prose-td-borders:var(--border);--tw-prose-invert-body:var(--docs-text);--tw-prose-invert-headings:var(--foreground);--tw-prose-invert-lead:var(--muted-foreground);--tw-prose-invert-links:var(--foreground);--tw-prose-invert-bold:var(--foreground);--tw-prose-invert-counters:var(--muted-foreground);--tw-prose-invert-bullets:var(--muted-foreground);--tw-prose-invert-hr:var(--border);--tw-prose-invert-quotes:var(--docs-text);--tw-prose-invert-quote-borders:var(--border);--tw-prose-invert-captions:var(--muted-foreground);--tw-prose-invert-code:var(--foreground);--tw-prose-invert-th-borders:var(--border);--tw-prose-invert-td-borders:var(--border)}.docs-body :where(a):not(:where(h2 a,h3 a)){-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border)}.docs-body :where(a):not(:where(h2 a,h3 a)):hover{-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.site img{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark .site img{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}