@layer components{.ui-code{position:relative}.ui-code .code-block>code{display:contents}.ui-code-bar>.ui-code-file{flex:auto}.ui-code-bar>.ui-copy{flex:0 auto;min-width:0;margin-left:auto}.ui-code>.ui-copy{z-index:1;top:var(--ui-inset);right:var(--ui-inset);corner-shape:var(--corner-shape);background:linear-gradient(90deg, transparent, var(--color-surface-inset) var(--ui-space-sm));border-start-end-radius:calc(var(--code-radius) * var(--corner-scale) - var(--ui-inset));padding-inline-start:var(--ui-space-sm);position:absolute}.ui-code:has(>.ui-copy) .code-line{padding-inline-end:3rem}.ui-code .code-block:has(.code-line-added,.code-line-removed){--code-diff-gutter:calc(1ch + var(--ui-space-sm))}.ui-code .code-line{padding-inline-start:calc(var(--code-padding-x) + var(--code-diff-gutter,0px))}.ui-code-line:is([data-mark=added],[data-mark=removed]){min-width:min-content;position:relative}.ui-code-line:is([data-mark=added],[data-mark=removed]):after{top:0;text-indent:0;text-align:center;width:1ch;color:var(--color-text-muted);user-select:none;position:absolute;inset-inline-start:var(--code-padding-x)}.ui-code-line[data-mark=added]:after{content:"+"}.ui-code-line[data-mark=removed]:after{content:"−"}.ui-code-line mark{border-radius:calc((var(--radius-chip) - 2px) * var(--corner-scale));corner-shape:var(--corner-shape);background:color-mix(in oklab, var(--color-text-strong) 8%, transparent);color:inherit;padding:1px 2px}.ui-code .t{color:var(--ui-code-function)}.ui-code .a{color:var(--ui-code-property)}.ui-code .s{color:var(--ui-code-string)}.ui-code .p{color:var(--ui-code-punctuation)}.ui-code .k{color:var(--ui-code-keyword)}.ui-code .c{color:var(--ui-code-comment);font-style:italic}.ui-code .n{color:var(--ui-code-number)}:is(.ui-code,[role=tabpanel])[data-lang=bash]>pre,.ui-code:is([data-lang=sh],[data-lang=shell])>pre{white-space:pre-wrap;overflow-wrap:anywhere}:is(.ui-code,[role=tabpanel])[data-lang=bash]>pre .ui-code-line,.ui-code:is([data-lang=sh],[data-lang=shell])>pre .ui-code-line{text-indent:-2ch;padding-inline-start:calc(var(--code-padding-x) + var(--code-diff-gutter,0px) + 2ch)}:is(.ui-code,[role=tabpanel])[data-lang=bash]>pre .ui-code-line>span,.ui-code:is([data-lang=sh],[data-lang=shell])>pre .ui-code-line>span{text-indent:0;display:inline-block}:is(.ui-code,[role=tabpanel])[data-lang=text]>pre{white-space:pre-wrap;overflow-wrap:break-word}.ui-prose>.ui-code:has(+.ui-disclosure[data-generated]){margin-bottom:0}.ui-prose>.ui-code+.ui-disclosure[data-generated]{max-width:none;margin-top:0;margin-inline:calc(var(--bleed) * -1)}.ui-prose>.ui-code+.ui-disclosure[data-generated]>summary{padding-inline:var(--ui-space-md)}.ui-code-line mark[data-tone]{text-underline-offset:3px;background:0 0;padding:0;text-decoration:underline 1px wavy}.ui-code-line mark[data-tone=warning]{text-decoration-color:var(--color-warning)}.ui-code-line mark[data-tone=danger]{text-decoration-color:var(--color-danger)}.ui-code pre.has-focused .ui-code-line{transition:filter var(--duration-base) var(--easing-glide)}.ui-code pre.has-focused:not(:hover,:focus-visible) .ui-code-line:not(.focus){filter:blur(3px)}.ui-code ::selection{background:color-mix(in oklab, var(--ui-code-function) 22%, transparent)}@media print{.ui-code{break-inside:avoid}.ui-code pre{white-space:pre-wrap;overflow-wrap:anywhere;overflow:visible}.ui-code pre.has-focused .ui-code-line{filter:none}}@media (prefers-reduced-motion:reduce){.ui-code pre.has-focused .ui-code-line{transition:none}}.ui-copy{align-items:center;gap:var(--ui-space-xs);display:inline-flex}.ui-copy-status{color:var(--ui-text-muted);font:var(--ui-weight-regular) .75rem/1 var(--font-family-mono)}.ui-copy-status[data-result=success]{color:var(--ui-status-success)}.ui-copy-status[data-result=error]{color:var(--ui-status-danger)}.ui-copy-status:empty{display:none}.ui-copy>.ui-copy-status{text-align:end;min-width:0;max-width:16rem;line-height:1.3}@media (scripting:none),print{.ui-copy{display:none}}.ui-stage{isolation:isolate;place-items:center;min-height:10rem;padding:3rem 2.5rem;display:grid;position:relative;overflow:hidden;container:stage/inline-size}.ui-stage[data-padding=none]{place-items:stretch stretch;padding:0}.ui-stage[data-padding=sm]{min-height:0;padding:var(--ui-space-md)}.ui-stage[data-align=start]{place-items:start}.ui-stage[data-background=grid]{background-image:linear-gradient(var(--color-line-hair) 1px, transparent 1px), linear-gradient(90deg, var(--color-line-hair) 1px, transparent 1px);background-size:20px 20px}.ui-stage[data-background=dots]{background-image:radial-gradient(var(--color-line-divider) .8px, transparent 1.1px);background-size:14px 14px}.ui-stage[data-background=hatch]{background-image:var(--ui-hatch)}.ui-stage[data-background=checkerboard]{background-image:conic-gradient(var(--color-line-hair) 25%, transparent 0 50%, var(--color-line-hair) 0 75%, transparent 0);background-size:16px 16px}@media (width<35rem){.ui-stage{min-height:8rem;padding:2.25rem 1.125rem}}.ui-tray>.code-panel,.ui-tray>.ui-disclosure>.ui-generated-body>.code-panel{--code-radius:var(--radius-surface)}.ui-tray>.window{--window-radius:var(--radius-surface)}.ui-tray>.alert{--alert-radius:var(--radius-surface)}.ui-tray{margin:0}.ui-tray-head{justify-content:space-between;align-items:center;gap:var(--ui-space-xs) var(--ui-space-md);min-height:2.75rem;padding:var(--ui-space-sm) var(--ui-space-md);flex-wrap:wrap;display:flex}.ui-tray-title{min-width:0;color:var(--ui-text-strong);font-size:.8125rem;font-weight:var(--ui-weight-medium);letter-spacing:0;margin:0;line-height:1.4}.ui-tray-description{color:var(--ui-text-muted);margin:2px 0 0;font-size:.75rem;line-height:1.5}.ui-tray-tools{align-items:center;gap:var(--ui-space-xs);flex-wrap:wrap;display:flex}.ui-tray-head>:is(.btn,.ui-tray-tools){margin-block:calc(-1 * var(--ui-space-sm))}.ui-tray-caption{padding:var(--ui-space-sm) var(--ui-space-md);color:var(--ui-text-muted);text-wrap:pretty;overflow-wrap:anywhere;margin:0;font-size:.78125rem;line-height:1.6}.ui-tray-caption code{color:var(--ui-text-body)}.ui-tray>*+:is(.ui-stage,.ui-code,.ui-browser,.ui-compare){margin-top:var(--ui-inset)}.ui-tray>.ui-tray-head+:is(.ui-stage,.ui-code,.ui-browser,.ui-compare){margin-top:0}.ui-tray>.ui-callout{margin-top:var(--ui-inset)}.ui-tray>.ui-disclosure>summary{padding-inline:var(--ui-space-md)}.ui-tray>.ui-disclosure>.ui-generated-body{min-width:0;margin:var(--ui-inset) 0 0}.ui-tray>.ui-disclosure>.ui-generated-body>.ui-code{margin:0}.ui-tray>:has(>.ui-browser-tools:last-child)+.ui-tray-caption,.ui-tray>.ui-browser-tools+.ui-tray-caption{padding-top:0}p.ui-copy>.ui-copy-status{max-width:none;color:var(--ui-text-muted);font:var(--ui-weight-regular) var(--ui-text-caption)/1.5 var(--font-family-sans);text-align:start}[data-playback=paused] *{animation-play-state:paused!important}.ui-catalog>section{min-width:0;margin-block:var(--ui-space-xl)}.ui-catalog h3{align-items:baseline;gap:var(--ui-space-sm);margin:0 0 var(--ui-space-sm);color:var(--ui-text-strong);font-size:var(--ui-text-h3);font-weight:var(--ui-weight-heading);line-height:var(--ui-leading-h3);letter-spacing:var(--ui-tracking-h3);overflow-wrap:anywhere;flex-wrap:wrap;scroll-margin-top:6rem;display:flex}.ui-catalog h3>small{color:var(--ui-text-muted);font:var(--ui-weight-regular) .6875rem/1.5 var(--font-family-mono);letter-spacing:0;margin-left:auto}.ui-catalog-entry{gap:var(--ui-space-sm);min-width:0;padding-bottom:var(--ui-space-md);display:grid}.ui-catalog-entry>a{width:fit-content;color:var(--ui-text-body);text-decoration:underline;text-decoration-color:var(--ui-line-mark);text-underline-offset:.2em;font-size:.78125rem}.ui-catalog-entry>a:hover{color:var(--ui-text-strong);text-decoration-color:currentColor}.ui-catalog-entry>a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;outline-offset:2px;border-radius:3px}.ui-skip:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-skip:focus{min-height:2rem;margin-bottom:var(--ui-space-sm);padding:0 var(--ui-space-sm);background:var(--ui-surface-sheet);color:var(--ui-text-strong);box-shadow:var(--ui-elevation-rise-1);outline:2px solid var(--color-focus);outline-offset:2px;outline-offset:2px;border-radius:8px;align-items:center;font-size:.78125rem;display:inline-flex}}@layer theme{:root,:host{--color-zinc-0:oklch(98.6% .0008 265);--color-zinc-5:oklch(96.5% .0011 265);--color-zinc-40:oklch(68.6% .0028 265);--color-zinc-60:oklch(48.6% .003 265);--color-zinc-95:oklch(19.4% .0019 265);--color-zinc-100:oklch(15% .0016 265);--color-surface-inset:light-dark(oklch(96.6% .0011 265),oklch(16.4% .0017 265));--color-text-strong:light-dark(oklch(21% .0022 265),oklch(95% .0012 265));--color-text-muted:light-dark(oklch(48.6% .003 265),oklch(68.6% .0028 265));--color-white:oklch(100% 0 none);--color-warning:light-dark(oklch(62% .15 62),oklch(82% .13 80));--color-danger:light-dark(oklch(54% .17 25),oklch(74% .14 22));--radius-chip:.375rem;--easing-glide:cubic-bezier(.22, 1, .36, 1);--duration-base:.28s;--color-code-function:var(--ui-code-function);--color-code-keyword:var(--ui-code-keyword);--color-code-number:var(--ui-code-number);--color-code-property:var(--ui-code-property);--color-code-string:var(--ui-code-string);--color-code-surface:light-dark(var(--color-zinc-0),var(--color-zinc-95));--font-family-mono:var(--font-mono,ui-monospace), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-mono:"IBM Plex Mono";--color-line-divider:light-dark(oklch(22% .002 265/.12),oklch(100% 0 none/.13));--color-line-hair:light-dark(oklch(22% .002 265/.065),oklch(100% 0 none/.075));--radius-surface:1rem;--font-family-sans:var(--font-sans,ui-sans-serif), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--color-focus:light-dark(oklch(24.6% .0022 265),oklch(93.2% .0015 265));--font-sans:"Geist", "Noto Sans TC"}}