.viewport-btn[data-astro-cid-tz47l3da][data-active=true]{background-color:var(--foreground);color:var(--background)}.viewport-btn[data-astro-cid-tz47l3da][data-active=false]{color:var(--muted-foreground)}.preview-usage-code[data-astro-cid-wc7t56pb] pre[data-astro-cid-wc7t56pb]{color:var(--color-foreground);background-color:#0000;margin:0;padding:.75rem 1rem;font-size:.8125rem;line-height:1.5;overflow-x:auto}.preview-usage-code[data-astro-cid-wc7t56pb] code[data-astro-cid-wc7t56pb]{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-wc7t56pb][data-visible=false],.component-code[data-astro-cid-wc7t56pb][data-visible=false],.component-code[data-astro-cid-wc7t56pb] .code-loading[data-astro-cid-wc7t56pb],.component-code[data-astro-cid-wc7t56pb] .code-content[data-astro-cid-wc7t56pb],.component-code[data-astro-cid-wc7t56pb] .code-error-auth[data-astro-cid-wc7t56pb],.component-code[data-astro-cid-wc7t56pb] .code-error-pro[data-astro-cid-wc7t56pb],.component-code[data-astro-cid-wc7t56pb] .code-error-generic[data-astro-cid-wc7t56pb]{display:none}.component-code[data-astro-cid-wc7t56pb][data-code-state=loading] .code-loading[data-astro-cid-wc7t56pb],.component-code[data-astro-cid-wc7t56pb][data-code-state=loaded] .code-content[data-astro-cid-wc7t56pb],.component-code[data-astro-cid-wc7t56pb][data-code-state=error-auth] .code-error-auth[data-astro-cid-wc7t56pb],.component-code[data-astro-cid-wc7t56pb][data-code-state=error-pro] .code-error-pro[data-astro-cid-wc7t56pb],.component-code[data-astro-cid-wc7t56pb][data-code-state=error] .code-error-generic[data-astro-cid-wc7t56pb]{display:block}.code-tabs[data-astro-cid-wc7t56pb][data-visible=false],.code-single-filename[data-astro-cid-wc7t56pb][data-visible=false],.code-panel[data-astro-cid-wc7t56pb][data-visible=false],.code-dependencies[data-astro-cid-wc7t56pb][data-visible=false]{display:none}.code-tabs[data-astro-cid-wc7t56pb][data-visible=true]{display:flex}.code-single-filename[data-astro-cid-wc7t56pb][data-visible=true],.code-panel[data-astro-cid-wc7t56pb][data-visible=true],.code-dependencies[data-astro-cid-wc7t56pb][data-visible=true]{display:block}.viewport-container[data-astro-cid-wc7t56pb]{margin:0 auto;transition:all .3s}.viewport-container[data-astro-cid-wc7t56pb][data-viewport=mobile]{max-width:400px}.viewport-container[data-astro-cid-wc7t56pb][data-viewport=tablet]{max-width:768px}.viewport-container[data-astro-cid-wc7t56pb][data-viewport=desktop]{max-width:100%}.view-mode-btn[data-astro-cid-wc7t56pb][data-active=true]{background-color:var(--foreground);color:var(--background)}.view-mode-btn[data-astro-cid-wc7t56pb][data-active=false]{color:var(--muted-foreground)}.cv-page-grid[data-astro-cid-qvz3os7k]{grid-template-columns:minmax(0,1fr);grid-template-areas:"header""nav""viewer""customize""props";display:grid}.cv-area-header[data-astro-cid-qvz3os7k]{grid-area:header;min-width:0}.cv-area-nav[data-astro-cid-qvz3os7k]{grid-area:nav;min-width:0}.cv-area-viewer[data-astro-cid-qvz3os7k]{grid-area:viewer;min-width:0}.cv-area-customize[data-astro-cid-qvz3os7k]{grid-area:customize;min-width:0}.cv-area-props[data-astro-cid-qvz3os7k]{grid-area:props;min-width:0}@media (width>=1200px){.cv-page-grid--panel[data-astro-cid-qvz3os7k]{grid-template-columns:minmax(0,70rem) 20rem;grid-template-areas:"header.""nav.""viewer customize""props.";column-gap:2rem}.cv-page-grid--panel[data-astro-cid-qvz3os7k] .cv-area-customize[data-astro-cid-qvz3os7k]{align-self:start}}@media (width>=1680px){.cv-page-grid--panel[data-astro-cid-qvz3os7k]{grid-template-columns:20rem minmax(0,70rem) 20rem;grid-template-areas:".header."".nav."".viewer customize"".props.";column-gap:2rem}.cv-page-grid--panel[data-astro-cid-qvz3os7k] .cv-area-customize[data-astro-cid-qvz3os7k]{align-self:start}}