.docs-article--component{width:100%;min-width:0;padding:0}.docs-component-preview{border:1px solid var(--docs-border);background:#fbfbfb;border-radius:.75rem;width:100%;min-width:0;max-width:100%;margin-top:1.25rem;padding:1rem;overflow:visible}html.phi-docs-root[data-mode=dark] .docs-component-preview{background:var(--docs-base)}.docs-component-preview--button,.docs-component-preview--button-group,.docs-component-preview--checkbox{padding-top:2.25rem;padding-bottom:2.25rem}.docs-component-preview--chart{padding:1.5rem}.docs-component-preview--block{justify-content:center;align-items:center;min-height:7.5rem;padding:1.5rem;display:flex;overflow:hidden}.docs-page--blocks .docs-component-example .docs-component-preview--block{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.docs-page--blocks .docs-component-example__code .docs-code-block pre,.docs-page--blocks .docs-component-example__code .docs-code-block .astro-code{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.docs-page--blocks .docs-page-header__source-icon{width:1.75rem;height:1.75rem;color:var(--docs-subtle);justify-content:center;align-items:center;display:inline-flex}.docs-component-preview--resource-list{padding:0}.docs-component-preview--delete-resource{position:relative}.docs-component-preview--code-highlighted{padding:1.5rem}.docs-component-preview--combobox,.docs-component-preview--command-palette{justify-content:center;align-items:center;min-height:7.5rem;padding:1.5rem;display:flex}.docs-component-preview--date-picker{justify-content:center;align-items:center;min-height:18rem;padding:1.5rem;display:flex}.docs-component-preview--dialog{justify-content:center;align-items:center;min-height:9rem;padding:1.5rem;display:flex}.docs-component-preview--empty{padding:1.5rem}.docs-component-preview--flow{min-height:14rem;padding:0}.docs-component-preview--grid{justify-content:center;padding:1.5rem;display:flex}.docs-component-preview--input{justify-content:center;align-items:center;min-height:7.5rem;padding:1.5rem;display:flex}.docs-component-preview--input-area,.docs-component-preview--input-group{justify-content:center;align-items:center;min-height:8.75rem;padding:1.5rem;display:flex}.docs-component-preview--inline-copy-text{padding-top:2.25rem;padding-bottom:2.25rem}.docs-component-preview--label,.docs-component-preview--layer-card{justify-content:center;align-items:center;min-height:8.75rem;padding:1.5rem;display:flex}.docs-component-preview--link,.docs-component-preview--loader,.docs-component-preview--menu-bar{justify-content:center;align-items:center;min-height:7.5rem;padding:1.5rem;display:flex}.docs-component-preview--toolbar,.docs-component-preview--toast,.docs-component-preview--tag-input{justify-content:center;align-items:center;min-height:8.75rem;padding:1.5rem;display:flex}.docs-component-preview--meter{justify-content:center;align-items:center;min-height:7.5rem;padding:1.5rem;display:flex}.docs-component-preview--pagination{box-sizing:border-box;justify-content:center;align-items:center;min-height:7.5rem;padding:1.5rem;display:flex}.docs-component-preview--popover{justify-content:center;align-items:center;min-height:8.75rem;padding:1.5rem;display:flex}.docs-component-preview--radio,.docs-component-preview--select,.docs-component-preview--sensitive-input{justify-content:center;align-items:center;min-height:7.5rem;padding:1.5rem;display:flex}.docs-component-preview--sidebar{padding:0}.docs-component-preview--skeleton-line,.docs-component-preview--switch,.docs-component-preview--table{justify-content:center;align-items:center;min-height:7.5rem;padding:1.5rem;display:flex}.docs-component-preview--table-of-contents{justify-content:center;align-items:center;min-height:12rem;padding:1.5rem;display:flex}.docs-component-preview--tabs{justify-content:center;align-items:center;min-height:10rem;padding:1.5rem;display:flex}.docs-component-preview--text{padding:1.5rem}.docs-component-preview--tooltip,.docs-component-preview--text-truncate{justify-content:center;align-items:center;min-height:7.5rem;padding:1.5rem;display:flex}.docs-component-preview--combobox>astro-island,.docs-component-preview--command-palette>astro-island,.docs-component-preview--chart>astro-island,.docs-component-preview--date-picker>astro-island,.docs-component-preview--dialog>astro-island,.docs-component-preview--text>astro-island,.docs-component-preview--tooltip>astro-island{display:contents}.text-demo-grid{grid-template-columns:1fr;gap:1rem;width:100%;display:grid}.text-demo-card{border:1px solid var(--docs-border);background:var(--docs-base);border-radius:.5rem;flex-direction:column;justify-content:flex-end;gap:.25rem;padding:1rem;display:flex}.text-demo-card .phi-text{margin:0}.text-demo-truncate-card{border:1px solid var(--docs-border);background:var(--docs-base);border-radius:.5rem;width:16rem;min-width:0;padding:1rem}@media (width>=48rem){.text-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.text-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.docs-component-preview--empty>astro-island,.docs-component-preview--table>astro-island,.docs-component-preview--table-of-contents>astro-island,.docs-component-preview--tabs>astro-island,.docs-component-preview--flow>astro-island,.docs-component-preview--grid>astro-island,.docs-component-preview--input>astro-island,.docs-component-preview--input-area>astro-island,.docs-component-preview--input-group>astro-island,.docs-component-preview--label>astro-island,.docs-component-preview--layer-card>astro-island,.docs-component-preview--link>astro-island,.docs-component-preview--loader>astro-island,.docs-component-preview--menu-bar>astro-island,.docs-component-preview--toolbar>astro-island,.docs-component-preview--toast>astro-island,.docs-component-preview--meter>astro-island,.docs-component-preview--pagination>astro-island,.docs-component-preview--popover>astro-island,.docs-component-preview--radio>astro-island,.docs-component-preview--select>astro-island,.docs-component-preview--sensitive-input>astro-island,.docs-component-preview--sidebar>astro-island,.docs-component-preview--skeleton-line>astro-island,.docs-component-preview--switch>astro-island{display:contents}.docs-component-example{border-radius:.75rem;width:100%;min-width:0;max-width:100%;margin-top:1.25rem;overflow:hidden}#preview .docs-component-example{margin-top:0}.docs-component-example:has(.docs-component-preview--open-space),.docs-component-example:has(.phi-input-label__tooltip),.docs-component-example:has(.phi-input-group-button[data-tooltip]),.docs-component-example:has(.phi-label__tooltip),.docs-component-example:has(.phi-menubar__option[data-tooltip]),.docs-component-example:has(.phi-tooltip-content){overflow:visible}.docs-component-example__code{z-index:0;min-width:0;max-width:100%;position:relative}.docs-component-example .docs-component-preview{border-bottom-right-radius:0;border-bottom-left-radius:0;margin-top:0}.docs-component-example__code .docs-code-block{margin-top:0}.docs-component-example__code .docs-code-block pre,.docs-component-example__code .docs-code-block .astro-code{border-top:0;border-radius:0 0 .75rem .75rem}.docs-section--component-examples h2+h3{margin-top:1rem}.docs-section--component-examples h3{margin-top:1.4rem}.docs-section--component-examples h4{margin-top:.9rem}.docs-section--component-examples .docs-component-example{margin-top:.65rem}.docs-section--component-examples .docs-component-example+h3{margin-top:1.4rem}.docs-section--component-examples .docs-component-example+h4{margin-top:.95rem}.docs-component-preview--open-space{z-index:1;min-height:15rem;position:relative}.docs-component-preview--combobox.docs-component-preview--open-space{min-height:7.5rem}.docs-component-preview__surface{border:1px solid var(--docs-border);background:var(--docs-control);border-radius:.6rem;justify-content:center;align-items:center;min-height:9rem;display:flex}.docs-component-preview__surface--button{flex-direction:column;gap:.85rem}.docs-component-preview__surface--dropdown{justify-content:flex-start;align-items:flex-start;min-height:13rem;padding:2rem}.docs-page--code-highlighted .docs-page-header__lede{color:var(--docs-default)}.docs-code-highlighted-callout{color:var(--docs-default);background:#4c63ff14;border:1px solid #4c63ff47;border-radius:.375rem;margin:1.5rem 0 1rem;padding:2rem 1rem;font-size:.9375rem;line-height:1.6}.docs-section:first-of-type .docs-code-highlighted-callout{margin-top:0}.docs-code-highlighted-callout p{margin:0}.docs-code-highlighted-callout strong{color:var(--docs-strong);font-weight:700}.docs-code-highlighted-callout code{background:var(--docs-base);color:var(--docs-strong);border-radius:.25rem;padding:.06rem .3rem;font-size:.88em}.docs-code-highlighted-callout--warning{background:#d9770614;border-color:#d9770647}html.phi-docs-root[data-mode=dark] .docs-code-highlighted-callout{background:#7c92ff1f;border-color:#7c92ff57}html.phi-docs-root[data-mode=dark] .docs-code-highlighted-callout--warning{background:#f59e0b1f;border-color:#f59e0b5c}.docs-demo-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.docs-chart-card-grid{grid-template-columns:1fr;gap:1rem;margin-top:1rem;display:grid}.docs-chart-card{border:1px solid var(--docs-border);background:var(--docs-control);min-width:0;color:inherit;border-radius:.5rem;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.docs-chart-card:hover{border-color:var(--docs-line);background:var(--docs-control)}.docs-chart-card__content{gap:.25rem;padding:1rem;display:grid}.docs-chart-card__content strong{color:var(--docs-default);font-size:.9375rem;font-weight:500}.docs-chart-card__content span{color:var(--docs-subtle);font-size:.875rem;line-height:1.4}.docs-chart-card__preview{border-top:1px solid var(--docs-border);background:var(--docs-base);min-height:15rem;padding:.75rem}.docs-chart-card__preview>astro-island{display:contents}.docs-chart-color-stack{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.docs-chart-color-stack>astro-island{display:contents}.docs-chart-color-note{border:1px solid color-mix(in srgb, var(--phi-info,#086fff) 50%, transparent);background:color-mix(in srgb, var(--phi-info-tint,#e8f2ff) 62%, transparent);color:var(--docs-default);border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.5}.docs-chart-color-note code{color:var(--docs-strong)}@media (width>=48rem){.docs-chart-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.docs-demo-row--compact{gap:.5rem}.docs-keyboard-shortcuts{gap:.75rem;margin-top:1rem;display:grid}.docs-keyboard-shortcut{color:var(--docs-default);align-items:center;gap:.75rem;font-size:.875rem;line-height:1.5;display:flex}.docs-keyboard-shortcut__keys{align-items:center;gap:.375rem;display:inline-flex}.docs-keyboard-shortcut kbd{border:1px solid var(--docs-border);background:var(--docs-base);min-width:1.5rem;color:var(--docs-strong);font:inherit;border-radius:.25rem;justify-content:center;align-items:center;padding:.125rem .45rem;font-size:.75rem;line-height:1.25rem;display:inline-flex}.docs-accessibility-list{gap:1rem;margin-top:1rem;display:grid}.docs-accessibility-list__item h3{margin-top:0}.docs-accessibility-list__item p{margin-bottom:0}.docs-api-table{background:0 0;border:0;border-radius:0;margin-top:1rem;overflow-x:auto}.docs-api-group+.docs-api-group{margin-top:1.5rem}.docs-api-empty{color:var(--docs-muted);margin:0;padding:.9rem;font-size:.875rem;line-height:1.55}.docs-api-table table{border-collapse:collapse;width:100%;min-width:42rem}.docs-api-table th,.docs-api-table td{border-bottom:1px solid var(--docs-border);color:var(--docs-strong);text-align:left;vertical-align:top;padding:.75rem 1rem;font-size:.75rem;line-height:1.55}.docs-api-table th{color:var(--docs-strong);font-size:.875rem;font-weight:600}.docs-api-table tr:last-child td{border-bottom:0}.docs-section .docs-api-table code:not(pre code){overflow-wrap:anywhere;color:inherit;font-size:inherit;background:0 0;border:0;border-radius:0;padding:0}.docs-section .docs-api-table--comparison code:not(pre code){border:1px solid var(--docs-border);background:var(--docs-base);color:var(--docs-default);border-radius:.3rem;padding:.1rem .32rem;font-size:.84em;display:inline}