@import "https://rsms.me/inter/inter.css";
*,:before,:after{box-sizing:border-box}body{background:var(--ground-background);color:var(--p-text-color);font-feature-settings:"cv02", "cv03", "cv04", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:InterVariable,ui-sans-serif,system-ui,-apple-system,sans-serif}::selection{background-color:var(--selection-background);color:var(--selection-text-color)}:root{--news-height:0rem;--topbar-height:3.5rem;--doc-topbar-height:3rem;--sticky-offset-top:calc(var(--news-height) + var(--topbar-height) + 1px);--sidebar-width:216px;--docs-layout-gap:2rem;--docs-layout-spacing:1.75rem;--primary-text-color:var(--p-primary-600);--primary-color:var(--p-primary-color);--primary-contrast-color:var(--p-primary-contrast-color);--text-color:var(--p-surface-700);--text-secondary-color:var(--p-surface-500);--high-contrast-text-color:var(--p-surface-900);--topbar-sticky-background:#ffffffb3;--card-background:#fff;--border-color:var(--p-surface-200);--ground-background:var(--p-surface-50);--overlay-background:#fff;--hover-background:var(--p-surface-100);--mark-background:var(--p-surface-200);--mark-text:var(--p-surface-700);--mark-text-color:var(--mark-text);--code-figure-background:var(--p-surface-0);--code-figure-color:var(--p-surface-900);--code-figure-border:var(--p-surface-200);--code-figure-number-color:var(--p-surface-400);--code-figure-highlighted-background:var(--p-surface-100);--code-figure-higlighted-background:var(--code-figure-highlighted-background);--code-button-text-color:var(--p-surface-300);--selection-background:var(--p-surface-200);--selection-text-color:var(--p-surface-950)}@media (max-width:639px){:root{--topbar-height:5.75rem}}@media (min-width:1280px){:root{--sidebar-width:236px;--docs-layout-gap:3.5rem;--docs-layout-spacing:2rem}}:root.p-dark{--primary-text-color:var(--p-primary-400);--text-color:var(--p-surface-0);--text-secondary-color:var(--p-surface-400);--high-contrast-text-color:var(--p-surface-0);--topbar-sticky-background:#0000004d;--card-background:var(--p-surface-900);--border-color:var(--p-surface-800);--ground-background:var(--p-surface-950);--overlay-background:var(--p-surface-900);--hover-background:var(--p-surface-800);--mark-background:var(--p-surface-700);--mark-text:var(--p-surface-200);--mark-text-color:var(--mark-text);--code-figure-background:var(--p-surface-900)}@supports (color:color-mix(in lab, red, red)){:root.p-dark{--code-figure-background:color-mix(in srgb, var(--p-surface-900) 40%, var(--p-surface-950) 60%)}}:root.p-dark{--code-figure-color:var(--p-surface-0);--code-figure-border:var(--p-surface-800);--code-figure-number-color:var(--p-surface-500);--code-figure-highlighted-background:var(--p-surface-600)}@supports (color:color-mix(in lab, red, red)){:root.p-dark{--code-figure-highlighted-background:color-mix(in srgb, var(--p-surface-600) 12%, var(--code-figure-background))}}:root.p-dark{--code-figure-higlighted-background:var(--code-figure-highlighted-background);--code-button-text-color:var(--p-surface-400);--selection-background:var(--p-surface-700);--selection-text-color:var(--p-surface-0)}.layout-shell{background:var(--ground-background);min-height:100vh;color:var(--text-color)}.layout-mobile-drawer{left:0;right:0;top:var(--topbar-height);z-index:50;height:calc(100svh - var(--topbar-height));border-top:1px solid var(--border-color);background:var(--ground-background);padding:2rem 1rem 2.5rem;position:fixed;overflow-y:auto}.layout-mobile-drawer__inner{width:100%;max-width:1728px;margin-inline:auto}@media (min-width:1280px){.layout-mobile-drawer{display:none}}.docs-layout{gap:var(--docs-layout-gap);grid-template-columns:minmax(0,1fr);width:100%;max-width:1728px;margin-inline:auto;padding-inline:1rem;display:grid}.docs-layout__sidebar{top:var(--sticky-offset-top);height:calc(100svh - var(--sticky-offset-top));width:var(--sidebar-width);flex-shrink:0;display:none;position:sticky}.docs-layout__main{min-width:0;padding-top:var(--docs-layout-spacing);padding-bottom:3rem}@media (min-width:1280px){.docs-layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);padding-inline:3.5rem}.docs-layout__sidebar{display:block}}pui-layout-topbar,pui-layout-sidebar,pui-layout-toc,pui-layout-footer,pui-color-scheme,pui-theme-switcher,pui-select-button{display:contents}.doc-header{margin-bottom:2rem}.doc-header h1{color:var(--high-contrast-text-color);letter-spacing:-.025em;margin:0 0 .75rem;font-size:1.875rem;font-weight:400;line-height:1.2}.doc-header p{color:var(--text-secondary-color);margin:0 0 1rem;font-size:1.125rem;line-height:1.6}.prose-h1{color:var(--high-contrast-text-color,var(--lightningcss-light,var(--p-surface-900))var(--lightningcss-dark,var(--p-surface-0)));margin-bottom:.5rem;font-size:1.875rem;font-weight:400}.prose-h2{color:var(--high-contrast-text-color,var(--lightningcss-light,var(--p-surface-900))var(--lightningcss-dark,var(--p-surface-0)));margin-top:3.5rem;margin-bottom:.25rem;scroll-margin-top:6rem;font-size:1.25rem;font-weight:500}.prose-h3{color:var(--high-contrast-text-color,var(--lightningcss-light,var(--p-surface-900))var(--lightningcss-dark,var(--p-surface-0)));margin-top:2rem;margin-bottom:.25rem;scroll-margin-top:6rem;font-size:1.125rem;font-weight:500}.prose-h4{color:var(--high-contrast-text-color,var(--lightningcss-light,var(--p-surface-900))var(--lightningcss-dark,var(--p-surface-0)));margin-top:1.5rem;margin-bottom:.25rem;font-size:1rem;font-weight:500}.prose-h5{color:var(--high-contrast-text-color,var(--lightningcss-light,var(--p-surface-900))var(--lightningcss-dark,var(--p-surface-0)));margin-top:1rem;margin-bottom:.25rem;font-size:.875rem;font-weight:500}.prose-h6{color:var(--high-contrast-text-color,var(--lightningcss-light,var(--p-surface-900))var(--lightningcss-dark,var(--p-surface-0)));margin-top:1rem;margin-bottom:.25rem;font-size:.75rem;font-weight:500}.prose-p{color:var(--text-color,var(--lightningcss-light,var(--p-surface-600))var(--lightningcss-dark,var(--p-surface-400)));margin-bottom:1rem;font-size:.875rem;line-height:1.7}.prose-a{color:var(--primary-text-color,var(--p-primary-color));font-weight:500;text-decoration:none}.prose-a:hover{text-decoration:underline}.prose-heading-link{color:inherit;text-decoration:none}.prose-heading-link:hover{text-decoration:none}.prose-heading-link:hover .prose-heading-anchor{opacity:1}.prose-heading-anchor{color:var(--primary-text-color,var(--p-primary-color));opacity:0;margin-left:-1em;font-weight:400;transition:opacity .15s;position:absolute}:is(.prose-h1,.prose-h2,.prose-h3,.prose-h4,.prose-h5,.prose-h6){position:relative}.prose-strong{color:var(--high-contrast-text-color,var(--lightningcss-light,var(--p-surface-900))var(--lightningcss-dark,var(--p-surface-0)));font-weight:600}.prose-em{font-style:italic}.prose-code:not(pre .prose-code){background:var(--mark-background,var(--lightningcss-light,var(--p-surface-100))var(--lightningcss-dark,var(--p-surface-800)));color:var(--mark-text,var(--mark-text-color,var(--lightningcss-light,var(--p-surface-800))var(--lightningcss-dark,var(--p-surface-200))));border-radius:.375rem;padding:.125rem .375rem;font-family:Geist Mono,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.8125rem;line-height:1.5}.prose-table-scroll{overscroll-behavior-x:contain;max-width:100%;overflow-x:auto}.prose-table-scroll .prose-table{min-width:max-content}.prose-ul,.prose-ol{color:var(--text-color,var(--lightningcss-light,var(--p-surface-600))var(--lightningcss-dark,var(--p-surface-400)));margin-bottom:1rem;padding-left:1.5rem;font-size:.875rem;line-height:1.7;list-style-position:outside}.prose-ul{list-style-type:disc}.prose-ol{list-style-type:decimal}.prose-li{margin-bottom:.1875rem}.prose-blockquote{border-left:3px solid var(--border-color,var(--lightningcss-light,var(--p-surface-300))var(--lightningcss-dark,var(--p-surface-700)));color:var(--text-secondary-color,var(--lightningcss-light,var(--p-surface-600))var(--lightningcss-dark,var(--p-surface-400)));margin:1.5rem 0;padding-left:1.5rem;font-size:.875rem;font-style:italic;line-height:1.7}.prose-table{border-collapse:collapse;width:100%;margin-bottom:1rem;font-size:.875rem;line-height:1.5}.prose-th,.prose-table th{text-align:left;border-bottom:1px solid var(--border-color,var(--lightningcss-light,var(--p-surface-200))var(--lightningcss-dark,var(--p-surface-700)));color:var(--high-contrast-text-color,var(--lightningcss-light,var(--p-surface-900))var(--lightningcss-dark,var(--p-surface-0)));padding:.625rem .75rem;font-weight:500}.prose-td,.prose-table td{border-bottom:1px solid var(--border-color,var(--lightningcss-light,var(--p-surface-100))var(--lightningcss-dark,var(--p-surface-800)));color:var(--text-color,var(--lightningcss-light,var(--p-surface-600))var(--lightningcss-dark,var(--p-surface-400)));padding:.625rem .75rem}.prose-tr:hover .prose-td,.prose-table tr:hover td{background:var(--lightningcss-light,var(--p-surface-50))var(--lightningcss-dark,var(--p-surface-900))}.prose-hr{border:none;border-top:1px solid var(--lightningcss-light,var(--p-surface-200))var(--lightningcss-dark,var(--p-surface-800));margin:2rem 0}.prose-img{border-radius:.5rem;max-width:100%}:root{--doc-card-background:var(--card-background,#fff);--doc-border-color:var(--border-color,var(--p-surface-200));--doc-hover-background:var(--hover-background,var(--p-surface-100));--doc-text-secondary-color:var(--text-secondary-color,var(--p-surface-500));--doc-high-contrast-text-color:var(--high-contrast-text-color,var(--p-surface-900));--doc-code-figure-background:var(--code-figure-background,var(--p-surface-0));--doc-code-figure-color:var(--code-figure-color,var(--p-surface-900));--doc-code-figure-border:var(--code-figure-border,var(--p-surface-200));--doc-code-figure-number-color:var(--code-figure-number-color,var(--p-surface-400));--doc-code-figure-highlighted-background:var(--code-figure-highlighted-background,var(--code-figure-higlighted-background,var(--p-surface-100)));--doc-code-button-text-color:var(--code-button-text-color,var(--p-surface-500));--doc-scrollbar-thumb:var(--p-surface-400)}@supports (color:color-mix(in lab, red, red)){:root{--doc-scrollbar-thumb:color-mix(in srgb, var(--p-surface-400) 58%, transparent)}}:root{--doc-scrollbar-thumb-hover:var(--p-surface-500)}@supports (color:color-mix(in lab, red, red)){:root{--doc-scrollbar-thumb-hover:color-mix(in srgb, var(--p-surface-500) 72%, transparent)}}:root{--code-line-number-width:3rem;--code-line-number-gap:.5rem}:root.p-dark{--doc-card-background:var(--card-background,var(--p-surface-900));--doc-border-color:var(--border-color,var(--p-surface-800));--doc-hover-background:var(--hover-background,var(--p-surface-800));--doc-text-secondary-color:var(--text-secondary-color,var(--p-surface-400));--doc-high-contrast-text-color:var(--high-contrast-text-color,var(--p-surface-0));--doc-code-figure-background:var(--code-figure-background,var(--p-surface-900))}@supports (color:color-mix(in lab, red, red)){:root.p-dark{--doc-code-figure-background:var(--code-figure-background,color-mix(in srgb, var(--p-surface-900) 40%, var(--p-surface-950) 60%))}}:root.p-dark{--doc-code-figure-color:var(--code-figure-color,var(--p-surface-0));--doc-code-figure-border:var(--code-figure-border,var(--p-surface-800));--doc-code-figure-number-color:var(--code-figure-number-color,var(--p-surface-500));--doc-code-figure-highlighted-background:var(--code-figure-highlighted-background,var(--code-figure-higlighted-background,var(--p-surface-600)))}@supports (color:color-mix(in lab, red, red)){:root.p-dark{--doc-code-figure-highlighted-background:var(--code-figure-highlighted-background,var(--code-figure-higlighted-background,color-mix(in srgb, var(--p-surface-600) 12%, var(--doc-code-figure-background))))}}:root.p-dark{--doc-code-button-text-color:var(--code-button-text-color,var(--p-surface-300));--doc-scrollbar-thumb:var(--p-surface-600)}@supports (color:color-mix(in lab, red, red)){:root.p-dark{--doc-scrollbar-thumb:color-mix(in srgb, var(--p-surface-600) 72%, transparent)}}:root.p-dark{--doc-scrollbar-thumb-hover:var(--p-surface-500)}@supports (color:color-mix(in lab, red, red)){:root.p-dark{--doc-scrollbar-thumb-hover:color-mix(in srgb, var(--p-surface-500) 88%, transparent)}}:root.p-dark .doc-shiki span,:root.p-dark .prose-pre pre span{color:var(--shiki-dark)!important}.doc-demo-viewer{background:var(--p-surface-100);box-shadow:inset 0 0 0 1px var(--doc-code-figure-border);border-radius:14px;padding:.5rem}:root.p-dark .doc-demo-viewer{background:var(--p-surface-800)}@supports (color:color-mix(in lab, red, red)){:root.p-dark .doc-demo-viewer{background:color-mix(in srgb, var(--p-surface-800) 60%, transparent)}}.doc-demo-preview{border:1px solid var(--doc-code-figure-border);color:var(--doc-code-figure-color);background:var(--doc-code-figure-background);border-radius:14px;padding:0;box-shadow:0 1px 2px #0000000d}.doc-demo-preview>*{border-radius:inherit;min-width:0;max-width:100%;display:block}.doc-demo-preview>:where(section,div)>*{border-radius:0}.doc-demo-preview>:where(section,div)>:first-child{border-start-start-radius:inherit;border-start-end-radius:inherit}.doc-demo-preview>:where(section,div)>:last-child{border-end-end-radius:inherit;border-end-start-radius:inherit}.doc-demo-viewer.has-code{flex-direction:column;gap:.5rem;margin:.5rem 0 4rem;display:flex}.doc-demo-loading{min-height:10rem;color:var(--doc-text-secondary-color);justify-content:center;align-items:center;gap:.625rem;font-size:.875rem;display:flex}.doc-code-loading{color:var(--doc-text-secondary-color);background:var(--doc-code-figure-background);justify-content:center;align-items:center;gap:.625rem;padding:2rem 0;font-size:.875rem;display:flex}.doc-loading-spinner{width:1rem;height:1rem;animation:1s linear infinite doc-loading-spin}@keyframes doc-loading-spin{to{transform:rotate(360deg)}}.doc-code-copy-check{color:var(--p-green-500,#22c55e)}.doc-shiki,.prose-pre pre,.doc-demo-preview *,.ov-demo__preview *{scrollbar-color:var(--doc-scrollbar-thumb) transparent;scrollbar-width:thin}.doc-shiki::-webkit-scrollbar{width:10px;height:10px}.prose-pre pre::-webkit-scrollbar{width:10px;height:10px}.doc-demo-preview ::-webkit-scrollbar{width:10px;height:10px}.ov-demo__preview ::-webkit-scrollbar{width:10px;height:10px}.doc-shiki::-webkit-scrollbar-track{background:0 0}.prose-pre pre::-webkit-scrollbar-track{background:0 0}.doc-demo-preview ::-webkit-scrollbar-track{background:0 0}.ov-demo__preview ::-webkit-scrollbar-track{background:0 0}.doc-shiki::-webkit-scrollbar-thumb{background-color:var(--doc-scrollbar-thumb);background-clip:content-box;border:3px solid #0000;border-radius:999px}.prose-pre pre::-webkit-scrollbar-thumb{background-color:var(--doc-scrollbar-thumb);background-clip:content-box;border:3px solid #0000;border-radius:999px}.doc-demo-preview ::-webkit-scrollbar-thumb{background-color:var(--doc-scrollbar-thumb);background-clip:content-box;border:3px solid #0000;border-radius:999px}.ov-demo__preview ::-webkit-scrollbar-thumb{background-color:var(--doc-scrollbar-thumb);background-clip:content-box;border:3px solid #0000;border-radius:999px}.doc-shiki::-webkit-scrollbar-thumb:hover{background-color:var(--doc-scrollbar-thumb-hover)}.prose-pre pre::-webkit-scrollbar-thumb:hover{background-color:var(--doc-scrollbar-thumb-hover)}.doc-demo-preview ::-webkit-scrollbar-thumb:hover{background-color:var(--doc-scrollbar-thumb-hover)}.ov-demo__preview ::-webkit-scrollbar-thumb:hover{background-color:var(--doc-scrollbar-thumb-hover)}.doc-shiki,.prose-pre pre{font-family:var(--font-mono,ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace);color:var(--doc-code-figure-color);border:1px solid var(--doc-code-figure-border);border-radius:inherit;margin:0;padding:0;font-size:14px;overflow:auto;background:var(--doc-code-figure-background)!important}:is(.doc-shiki,.prose-pre pre) code{white-space:pre;min-width:100%;padding:.75rem 0;display:grid}:is(.doc-shiki,.prose-pre pre) code .line{width:100%;min-height:1.3em;padding:.125rem 1rem;line-height:1.5;display:inline-block}.doc-shiki .line.highlighted,.doc-shiki .line.highlight,.prose-pre pre .line.highlighted,.prose-pre pre .line.highlight{position:relative;background:var(--doc-code-figure-highlighted-background)!important}:is(.doc-shiki .line.highlighted,.doc-shiki .line.highlight,.prose-pre pre .line.highlighted,.prose-pre pre .line.highlight):after{content:"";background-color:var(--p-primary-color);width:2px;height:100%;position:absolute;top:0;left:0}.doc-shiki .highlighted-word,.prose-pre pre .highlighted-word{background:var(--p-primary-color)!important}@supports (color:color-mix(in lab, red, red)){.doc-shiki .highlighted-word,.prose-pre pre .highlighted-word{background:color-mix(in srgb, var(--p-primary-color) 14%, var(--doc-code-figure-highlighted-background))!important}}.doc-shiki .highlighted-word,.prose-pre pre .highlighted-word{border-radius:3px;padding:1px 3px}:is(.doc-shiki:has([data-line-numbers]) code,.prose-pre-line-numbers code){counter-reset:line;padding-left:0!important;padding-right:0!important}:is(.doc-shiki:has([data-line-numbers]) [data-line],.prose-pre-line-numbers .line){padding-left:.5rem!important}:is(.doc-shiki:has([data-line-numbers]) [data-line],.prose-pre-line-numbers .line):before{counter-increment:line;content:counter(line);min-width:var(--code-line-number-width);padding-right:var(--code-line-number-gap);padding-left:var(--code-line-number-gap);text-align:right;color:var(--doc-code-figure-number-color);-webkit-user-select:none;user-select:none;background-color:var(--doc-code-figure-background);margin-right:.5rem;display:inline-block;position:sticky;left:0}.doc-section-code{background:var(--doc-code-figure-background);border-radius:8px;min-width:0;max-width:100%;overflow:hidden}.doc-section-code:not(:last-child){margin-bottom:1rem}.doc-section-code .code-tab-bar{border-radius:8px 8px 0 0}.doc-section-code .doc-shiki{width:100%;max-width:100%;max-height:300px}.doc-section-code .doc-code-body{background:var(--doc-code-figure-background);border-radius:8px;min-width:0;max-width:100%;overflow:hidden}.doc-section-code.has-tabs{border:1px solid var(--doc-code-figure-border);border-radius:8px}.doc-section-code .doc-source-tabs{border-radius:8px 8px 0 0}.doc-section-code.has-tabs .doc-code-body{border-radius:0 0 8px 8px}.doc-section-code.has-tabs .doc-shiki{border:0}.doc-section-code.expanded .doc-shiki{max-height:none}.doc-source-tabs{border-bottom:1px solid var(--doc-code-figure-border);background:var(--doc-code-figure-background);align-items:stretch;display:flex}.doc-source-tab-scroll{scrollbar-width:none;-ms-overflow-style:none;flex:1;align-items:center;gap:.25rem;min-width:0;padding:.5rem .75rem;display:flex;overflow-x:auto}.doc-source-tab-scroll::-webkit-scrollbar{display:none}.doc-source-tab-scroll>button{cursor:pointer;color:var(--doc-text-secondary-color);background:0 0;border:0;border-radius:.375rem;flex-shrink:0;padding:.375rem .75rem;font-family:inherit;font-size:.75rem;font-weight:500;transition:color .15s,background-color .15s}.doc-source-tab-scroll>button.active{background:var(--doc-hover-background);color:var(--doc-high-contrast-text-color)}.doc-source-tab-scroll>button:hover{color:var(--doc-high-contrast-text-color)}.doc-source-actions{z-index:10;background:var(--doc-code-figure-background);flex-shrink:0;align-items:center;gap:.25rem;padding:0 .5rem;display:flex;position:relative}.doc-source-actions:before{content:"";pointer-events:none;background:linear-gradient(to left, var(--doc-code-figure-background), transparent);width:1.5rem;position:absolute;inset:0 auto 0 -1.5rem}.doc-code-action,.prose-pre-copy{appearance:none;width:32px;height:32px;color:var(--doc-code-button-text-color);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:color .15s,background-color .15s;display:inline-flex}:is(.doc-code-action,.prose-pre-copy):hover{color:var(--doc-high-contrast-text-color);background:var(--doc-hover-background)}:is(.doc-code-action,.prose-pre-copy):focus-visible{outline:1px solid var(--primary-color);outline-offset:2px}.prose-pre-actions{z-index:10;opacity:0;top:.5rem;transition:opacity .15s;position:absolute;inset-inline-end:.5rem}.prose-pre:hover .prose-pre-actions,.prose-pre-actions:focus-within{opacity:1}.prose-pre:has(.prose-pre-filename) .prose-pre-actions{top:2.5rem}.prose-pre{border-radius:8px;min-width:0;max-width:100%;margin:1rem 0;position:relative;overflow-x:clip}.prose-pre-filename{border:1px solid var(--doc-code-figure-border);background:var(--doc-code-figure-background);min-height:36px;color:var(--doc-text-secondary-color);font-family:var(--font-mono,ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace);border-bottom:0;border-radius:8px 8px 0 0;align-items:center;gap:.375rem;padding:0 .875rem;font-size:12px;display:flex}.prose-pre:has(.prose-pre-filename) .doc-shiki{border-radius:0 0 8px 8px}.prose-pre:has(.prose-pre-filename)>pre{border-radius:0 0 8px 8px}.devkit-demo-todo{color:var(--p-text-muted-color);flex-direction:column;align-items:center;gap:.75rem;font-family:ui-monospace,monospace;font-size:.8125rem;display:inline-flex}.devkit-demo-todo .count{align-items:center;gap:.75rem;display:inline-flex}.devkit-demo-todo button{border:1px solid var(--p-content-border-color);background:var(--p-content-background);width:2rem;height:2rem;color:inherit;cursor:pointer;border-radius:.375rem;font-size:1rem}.devkit-demo-todo .value{min-width:2ch;color:var(--p-text-color);text-align:center;font-weight:700}.chart-examples-page{color:var(--text-color);display:block}.chart-examples-page .examples-header{margin-bottom:2rem}.chart-examples-page .examples-header h1{color:var(--high-contrast-text-color);letter-spacing:-.025em;margin:0 0 .75rem;font-size:1.875rem;font-weight:400;line-height:1.2}.chart-examples-page .examples-header p{color:var(--text-secondary-color);max-width:65ch;margin:0;font-size:1.125rem;line-height:1.6}.chart-examples-page .examples-controls{margin-bottom:1.5rem}.chart-examples-page .examples-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.chart-examples-page .examples-search{border:1px solid var(--border-color);background:var(--card-background);width:min(100%,22rem);color:var(--text-secondary-color);border-radius:8px;align-items:center;gap:.625rem;padding:0 .875rem;display:flex}.chart-examples-page .examples-search input{width:100%;min-width:0;min-height:2.75rem;color:var(--high-contrast-text-color);font:inherit;caret-color:var(--primary-color);background:0 0;border:0;outline:0;font-size:.875rem}.chart-examples-page .examples-search input::placeholder{color:var(--p-text-muted-color)}.chart-examples-page .examples-search:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}.chart-examples-page .examples-count{color:var(--text-secondary-color);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.8125rem}.chart-examples-page .examples-filters{flex-wrap:wrap;gap:.375rem;display:flex}.chart-examples-page .examples-filters button{min-height:2.5rem;color:var(--text-color);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;transition:background-color .15s ease-out,border-color .15s ease-out;display:inline-flex}.chart-examples-page .examples-filters button:hover{background:var(--hover-background)}.chart-examples-page .examples-filters button.selected{background:var(--p-highlight-background);color:var(--p-highlight-color);border-color:var(--primary-color)}@supports (color:color-mix(in lab, red, red)){.chart-examples-page .examples-filters button.selected{border-color:color-mix(in srgb, var(--primary-color) 30%, transparent)}}.chart-examples-page .filter-count{color:var(--text-secondary-color);font-variant-numeric:tabular-nums;font-size:.75rem}.chart-examples-page .selected .filter-count{color:inherit}.chart-examples-page .examples-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.chart-examples-page .examples-grid>li{min-width:0}.chart-examples-page .example-card{border:1px solid var(--border-color);background:var(--card-background);border-radius:8px;flex-direction:column;height:100%;padding:1rem;text-decoration:none;transition:border-color .18s ease-out,transform .18s ease-out;display:flex}.chart-examples-page .example-card:hover{border-color:var(--primary-color)}@supports (color:color-mix(in lab, red, red)){.chart-examples-page .example-card:hover{border-color:color-mix(in oklab, var(--primary-color) 42%, var(--border-color))}}.chart-examples-page .example-card:hover{transform:translateY(-1px)}.chart-examples-page .example-preview{aspect-ratio:640/400;border:1px solid var(--border-color);background:linear-gradient(135deg, var(--card-background), var(--card-background));border-radius:8px;place-items:center;min-height:0;margin-bottom:1rem;padding:.875rem;display:grid}@supports (color:color-mix(in lab, red, red)){.chart-examples-page .example-preview{background:linear-gradient(135deg, color-mix(in oklab, var(--card-background) 86%, var(--ground-background)), color-mix(in oklab, var(--card-background) 72%, var(--ground-background)))}}.chart-examples-page .example-preview{pointer-events:none;overflow:hidden}.chart-examples-page .example-svg{width:100%;height:100%;min-height:0}.chart-examples-page .example-details{padding:0}.chart-examples-page .example-type{color:var(--p-highlight-color);text-transform:uppercase;letter-spacing:.11em;margin-bottom:.55rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.625rem;font-weight:800;display:inline-block}.chart-examples-page .example-details h2{color:var(--high-contrast-text-color);letter-spacing:-.012em;justify-content:space-between;align-items:baseline;gap:.75rem;margin:0 0 .55rem;font-size:1rem;font-weight:700;line-height:1.3;display:flex}.chart-examples-page .example-details h2 i{color:var(--text-secondary-color);flex-shrink:0;font-size:.75rem}.chart-examples-page .example-card:hover h2 i{color:var(--primary-color)}.chart-examples-page .example-details p{color:var(--text-secondary-color);margin:0;font-size:.8125rem;line-height:1.6}.chart-examples-page .example-card:focus-visible,.chart-examples-page button:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.chart-examples-page .examples-empty{text-align:center;color:var(--text-secondary-color);grid-column:1/-1;padding:4rem 1rem}.chart-examples-page .examples-empty>i{font-size:1.5rem}.chart-examples-page .examples-empty h2{color:var(--high-contrast-text-color);margin:1rem 0 .5rem;font-size:1.125rem;font-weight:500}.chart-examples-page .examples-empty p{margin:0 0 1.25rem}.chart-examples-page .examples-empty button{border:1px solid var(--border-color);min-height:2.75rem;color:var(--text-color);background:var(--card-background);cursor:pointer;font:inherit;border-radius:6px;padding:.5rem 1rem}.chart-examples-page .examples-empty button:hover{background:var(--hover-background)}@media (max-width:1100px){.chart-examples-page .examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.chart-examples-page .examples-grid{grid-template-columns:minmax(0,1fr)}.chart-examples-page .examples-toolbar{flex-direction:column;align-items:flex-start;gap:.75rem}.chart-examples-page .examples-search{width:100%}.chart-examples-page .examples-header{margin-bottom:1.5rem}}@media (prefers-reduced-motion:reduce){.chart-examples-page .example-card,.chart-examples-page .examples-filters button{transition:none}}.chart-examples-page pui-chart-example-preview{width:100%;height:100%;min-height:0;display:block}.chart-examples-page .example-preview-status{height:100%;color:var(--text-secondary-color);text-align:center;place-content:center;font-size:.75rem;display:grid}