.viewport-btn[data-astro-cid-alxnofol][data-active=true]{background-color:var(--foreground);color:var(--background)}.viewport-btn[data-astro-cid-alxnofol][data-active=false]{color:var(--muted-foreground)}.preview-usage-code[data-astro-cid-aow5yfhm] pre[data-astro-cid-aow5yfhm]{margin:0;overflow-x:auto;padding:.75rem 1rem;font-size:.8125rem;line-height:1.5;background-color:transparent;color:var(--color-foreground)}.preview-usage-code[data-astro-cid-aow5yfhm] code[data-astro-cid-aow5yfhm]{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;color:inherit;white-space:pre}.component-preview[data-astro-cid-aow5yfhm][data-visible=false],.component-code[data-astro-cid-aow5yfhm][data-visible=false],.component-code[data-astro-cid-aow5yfhm] .code-loading[data-astro-cid-aow5yfhm],.component-code[data-astro-cid-aow5yfhm] .code-content[data-astro-cid-aow5yfhm],.component-code[data-astro-cid-aow5yfhm] .code-error-auth[data-astro-cid-aow5yfhm],.component-code[data-astro-cid-aow5yfhm] .code-error-pro[data-astro-cid-aow5yfhm],.component-code[data-astro-cid-aow5yfhm] .code-error-generic[data-astro-cid-aow5yfhm]{display:none}.component-code[data-astro-cid-aow5yfhm][data-code-state=loading] .code-loading[data-astro-cid-aow5yfhm],.component-code[data-astro-cid-aow5yfhm][data-code-state=loaded] .code-content[data-astro-cid-aow5yfhm],.component-code[data-astro-cid-aow5yfhm][data-code-state=error-auth] .code-error-auth[data-astro-cid-aow5yfhm],.component-code[data-astro-cid-aow5yfhm][data-code-state=error-pro] .code-error-pro[data-astro-cid-aow5yfhm],.component-code[data-astro-cid-aow5yfhm][data-code-state=error] .code-error-generic[data-astro-cid-aow5yfhm]{display:block}.code-tabs[data-astro-cid-aow5yfhm][data-visible=false],.code-single-filename[data-astro-cid-aow5yfhm][data-visible=false],.code-panel[data-astro-cid-aow5yfhm][data-visible=false],.code-dependencies[data-astro-cid-aow5yfhm][data-visible=false]{display:none}.code-tabs[data-astro-cid-aow5yfhm][data-visible=true]{display:flex}.code-single-filename[data-astro-cid-aow5yfhm][data-visible=true],.code-panel[data-astro-cid-aow5yfhm][data-visible=true],.code-dependencies[data-astro-cid-aow5yfhm][data-visible=true]{display:block}.viewport-container[data-astro-cid-aow5yfhm]{transition:all .3s ease;margin:0 auto}.viewport-container[data-astro-cid-aow5yfhm][data-viewport=mobile]{max-width:400px}.viewport-container[data-astro-cid-aow5yfhm][data-viewport=tablet]{max-width:768px}.viewport-container[data-astro-cid-aow5yfhm][data-viewport=desktop]{max-width:100%}.view-mode-btn[data-astro-cid-aow5yfhm][data-active=true]{background-color:var(--foreground);color:var(--background)}.view-mode-btn[data-astro-cid-aow5yfhm][data-active=false]{color:var(--muted-foreground)}.cv-page-grid[data-astro-cid-v55q5hdf]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "nav" "viewer" "customize" "props"}.cv-area-header[data-astro-cid-v55q5hdf]{grid-area:header;min-width:0}.cv-area-nav[data-astro-cid-v55q5hdf]{grid-area:nav;min-width:0}.cv-area-viewer[data-astro-cid-v55q5hdf]{grid-area:viewer;min-width:0}.cv-area-customize[data-astro-cid-v55q5hdf]{grid-area:customize;min-width:0}.cv-area-props[data-astro-cid-v55q5hdf]{grid-area:props;min-width:0}@media(min-width:1200px){.cv-page-grid--panel[data-astro-cid-v55q5hdf]{column-gap:2rem;grid-template-columns:minmax(0,70rem) 20rem;grid-template-areas:"header    ." "nav       ." "viewer    customize" "props     ."}.cv-page-grid--panel[data-astro-cid-v55q5hdf] .cv-area-customize[data-astro-cid-v55q5hdf]{align-self:start}}@media(min-width:1680px){.cv-page-grid--panel[data-astro-cid-v55q5hdf]{column-gap:2rem;grid-template-columns:20rem minmax(0,70rem) 20rem;grid-template-areas:".  header    ." ".  nav       ." ".  viewer    customize" ".  props     ."}.cv-page-grid--panel[data-astro-cid-v55q5hdf] .cv-area-customize[data-astro-cid-v55q5hdf]{align-self:start}}