.docs-page--colors .docs-section:first-of-type h2{margin-top:0}.docs-colors-callout{border-left:3px solid var(--color-phi-accent);background:var(--color-phi-accent,var(--docs-brand));background:color-mix(in oklch, var(--color-phi-accent) 7%, var(--docs-base));color:var(--docs-default);margin-top:1.5rem;padding:.875rem 1rem;font-size:.875rem;line-height:1.55}.docs-colors-callout strong{color:var(--docs-strong);margin-bottom:.2rem;display:block}.docs-colors-callout p,.docs-colors-role-note{margin:0}.docs-colors-role-note{color:var(--docs-subtle);margin-top:1rem;font-size:.875rem}.docs-colors-live-demo{border:1px solid var(--docs-border);box-shadow:var(--docs-shadow);border-radius:.75rem;margin-top:1rem}.docs-colors-surface-demo{padding:1rem}.docs-colors-surface-demo__base{box-shadow:0 8px 24px -16px var(--color-phi-shadow-drop);border-style:solid;border-width:1px;border-radius:.625rem;padding:1rem;position:relative}.docs-colors-surface-demo__base>strong{margin-top:.15rem;font-size:1rem;display:block}.docs-colors-demo-label{font-family:var(--docs-font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem;display:block}.docs-colors-surface-demo__layers{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.docs-colors-surface-demo__layer{border-style:solid;border-width:1px;border-radius:.5rem;align-content:end;gap:.2rem;min-height:5rem;padding:.75rem;font-size:.8125rem;display:grid}.docs-colors-surface-demo__tag{font-family:var(--docs-font-mono);border-radius:999px;padding:.2rem .5rem;font-size:.625rem;position:absolute;top:.75rem;right:.75rem}.docs-colors-status-grid{background:var(--color-phi-canvas);grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;padding:.75rem;display:grid}.docs-colors-status-card{border-style:solid;border-width:0 0 0 3px;border-radius:.375rem;align-items:flex-start;gap:.625rem;min-height:4.5rem;padding:.75rem;font-size:.8125rem;line-height:1.45;display:flex}.docs-colors-status-card svg{flex:none;width:.875rem;height:.875rem;margin-top:.15rem}.docs-colors-status-card strong{margin-bottom:.1rem;display:block}.docs-colors-token-count{border:1px solid var(--docs-border);color:var(--docs-subtle);font-family:var(--docs-font-mono);border-radius:999px;margin-top:.5rem;padding:.25rem .5rem;font-size:.6875rem;display:inline-flex}.docs-colors-token-group{margin-top:2.25rem}.docs-colors-token-group h3{color:var(--docs-default);justify-content:space-between;align-items:baseline;margin:0;font-size:.875rem;display:flex}.docs-colors-token-group h3 span{color:var(--docs-subtle);font-family:var(--docs-font-mono);font-size:.6875rem;font-weight:500}.docs-colors-token-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem;display:grid}.docs-colors-token-card{border:1px solid var(--docs-border);background:var(--docs-base);border-radius:.5rem;min-width:0;padding:.75rem}.docs-colors-token-card__header{justify-content:space-between;align-items:center;gap:.5rem;min-width:0;display:flex}.docs-colors-token-card__namespace{border:1px solid var(--docs-border);color:var(--docs-subtle);font-family:var(--docs-font-mono);text-transform:uppercase;border-radius:.25rem;padding:.12rem .35rem;font-size:.5625rem;line-height:1.2}.docs-colors-token-card__description{min-width:0;color:var(--docs-subtle);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;line-height:1.3;overflow:hidden}.docs-colors-token-card__name{overflow-wrap:anywhere;color:var(--docs-default);margin-top:.625rem;font-size:.75rem;font-weight:650;line-height:1.35;display:block}.docs-colors-swatch-list{gap:.4rem;margin-top:.75rem;display:grid}.docs-colors-swatch{grid-template-columns:1.75rem minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.docs-colors-swatch__chip{border:1px solid var(--docs-border);border-radius:.3rem;width:1.75rem;height:1.75rem}.docs-colors-swatch--light .docs-colors-swatch__chip{background-color:var(--docs-colors-light)}.docs-colors-swatch--dark .docs-colors-swatch__chip{background-color:var(--docs-colors-dark)}.docs-colors-swatch__meta{min-width:0}.docs-colors-swatch__label{color:var(--docs-subtle);text-transform:uppercase;font-size:.5625rem;font-weight:650;line-height:1.1;display:block}.docs-colors-swatch__value{overflow-wrap:anywhere;min-width:0;color:var(--docs-default);font-family:var(--docs-font-mono);font-size:.625rem;line-height:1.35;display:block}@media (width<=56rem){.docs-colors-token-grid,.docs-colors-status-grid{grid-template-columns:1fr}}@media (width<=32rem){.docs-colors-surface-demo__layers{grid-template-columns:1fr}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}:root{--phi-font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--phi-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace}:root,[data-mode=light],[data-phi-theme=light]:not([data-mode]){color-scheme:light;--text-color-phi-default:oklch(20.5% 0 0);--text-color-phi-inverse:oklch(97% 0 0);--text-color-phi-strong:oklch(14.5% 0 0);--text-color-phi-subtle:oklch(55.6% 0 0);--text-color-phi-inactive:oklch(87% 0 0);--text-color-phi-placeholder:oklch(70.8% 0 0);--text-color-phi-accent:oklch(48.8% .243 264.376);--text-color-phi-accent-contrast:#fff;--text-color-phi-link:oklch(42.4% .199 265.638);--text-color-phi-info:oklch(42.4% .199 265.638);--text-color-phi-success:oklch(43.2% .095 166.913);--text-color-phi-warning:oklch(59.7% .144 57.5);--text-color-phi-danger:oklch(50.5% .213 27.518);--text-color-phi-badge-orange-subtle:oklch(47% .157 37.304);--text-color-phi-badge-teal-subtle:oklch(43.7% .078 188.216);--text-color-phi-badge-neutral-subtle:oklch(26.9% 0 0);--text-color-phi-badge-inverted:#fff;--color-phi-canvas:oklch(98.75% 0 0);--color-phi-elevated:oklch(98% 0 0);--color-phi-recessed:oklch(96% 0 0);--color-phi-base:#fff;--color-phi-tint:oklch(97% 0 0);--color-phi-contrast:oklch(8.5% 0 0);--color-phi-overlay:oklch(97.5% 0 0);--color-phi-control:#fff;--color-phi-interact:oklch(87% 0 0);--color-phi-fill:oklch(92.2% 0 0);--color-phi-fill-hover:oklch(96.5% 0 0);--color-phi-accent:oklch(57.72% .2324 260);--color-phi-accent-hover:oklch(48.8% .243 264.376);--color-phi-line:oklch(14.5% 0 0/.1);--color-phi-hairline:oklch(93.5% 0 0);--color-phi-focus:oklch(15% 0 0);--color-phi-focus-soft:oklch(15% 0 0/.16);--color-phi-shadow-edge:oklch(0% 0 0/.12);--color-phi-shadow-drop:oklch(0% 0 0/.08);--color-phi-arrow-edge:oklch(14.5% 0 0/.1);--color-phi-arrow-stroke:transparent;--color-phi-info-tint:oklch(93.2% .032 255.6/.45);--color-phi-info:oklch(68.5% .169 237.323);--color-phi-success-tint:oklch(96.2% .043 156.7/.57);--color-phi-success:oklch(59.6% .145 163.225);--color-phi-warning-tint:oklch(93.1% .107 94.6/.2);--color-phi-warning:oklch(73.9% .177 58.2);--color-phi-danger-tint:oklch(93.6% .032 17.7/.42);--color-phi-danger:oklch(63.7% .237 25.331);--color-phi-danger-hover:oklch(57.7% .245 27.325);--color-phi-badge-inverted:oklch(14.5% 0 0);--color-phi-badge-red:oklch(57.7% .245 27.325);--color-phi-badge-orange:oklch(81.5% .197 76);--color-phi-badge-green:oklch(59.6% .145 163.225);--color-phi-badge-teal:oklch(54.9% .096 184.565);--color-phi-badge-teal-subtle:oklch(95% .052 180.801);--color-phi-badge-blue:oklch(54.6% .245 262.881);--color-phi-badge-purple:oklch(55.8% .288 302.321);--color-phi-badge-neutral:oklch(55.6% 0 0);--color-phi-banner-info:oklch(93.2% .032 255.585/.7);--color-phi-banner-warning:oklch(97.3% .071 103.193);--color-phi-banner-danger:oklch(93.6% .032 17.7/.42)}[data-mode=dark],[data-phi-theme=dark]:not([data-mode]){color-scheme:dark;--text-color-phi-default:oklch(97% 0 0);--text-color-phi-inverse:oklch(20.5% 0 0);--text-color-phi-strong:oklch(98.5% 0 0);--text-color-phi-subtle:oklch(70.8% 0 0);--text-color-phi-inactive:oklch(43.9% 0 0);--text-color-phi-placeholder:oklch(55.6% 0 0);--text-color-phi-accent:oklch(70.7% .165 254.624);--text-color-phi-accent-contrast:#fff;--text-color-phi-link:oklch(70.7% .165 254.624);--text-color-phi-info:oklch(70.7% .165 254.624);--text-color-phi-success:oklch(90.5% .093 164.15);--text-color-phi-warning:oklch(75% .183 55.934);--text-color-phi-danger:oklch(70.4% .191 22.216);--text-color-phi-badge-orange-subtle:oklch(90.1% .076 70.697);--text-color-phi-badge-teal-subtle:oklch(91% .096 180.426);--text-color-phi-badge-neutral-subtle:oklch(92.2% 0 0);--text-color-phi-badge-inverted:#000;--color-phi-canvas:oklch(10% 0 0);--color-phi-elevated:oklch(12% 0 0);--color-phi-recessed:oklch(15% 0 0);--color-phi-base:oklch(17% 0 0);--color-phi-tint:oklch(26.9% 0 0);--color-phi-contrast:oklch(98.5% 0 0);--color-phi-overlay:oklch(26.9% 0 0);--color-phi-control:oklch(20.5% 0 0);--color-phi-interact:oklch(37.1% 0 0);--color-phi-fill:oklch(26.9% 0 0);--color-phi-fill-hover:oklch(37.1% 0 0);--color-phi-accent:oklch(51.948% .2324 260);--color-phi-accent-hover:oklch(48.8% .243 264.376);--color-phi-line:oklch(32% 0 0);--color-phi-hairline:oklch(26.9% 0 0);--color-phi-focus:oklch(93.5% 0 0);--color-phi-focus-soft:oklch(93.5% 0 0/.2);--color-phi-shadow-edge:oklch(100% 0 0/.1);--color-phi-shadow-drop:oklch(0% 0 0/.3);--color-phi-arrow-edge:transparent;--color-phi-arrow-stroke:oklch(32% 0 0);--color-phi-info-tint:oklch(38% .145 265.5/.22);--color-phi-info:oklch(68.5% .169 237.323);--color-phi-success-tint:oklch(39.3% .096 152.3/.2);--color-phi-success:oklch(76.5% .177 163.223);--color-phi-warning-tint:oklch(35.3% .079 65/.37);--color-phi-warning:oklch(64.5% .168 50);--color-phi-danger-tint:oklch(42.9% .176 28.7/.17);--color-phi-danger:oklch(57.7% .245 27.325);--color-phi-danger-hover:oklch(50.5% .213 27.518);--color-phi-badge-inverted:#fff;--color-phi-badge-red:oklch(50.5% .213 27.518);--color-phi-badge-orange:oklch(81.5% .197 76);--color-phi-badge-green:oklch(50.8% .118 165.612);--color-phi-badge-teal:oklch(51.1% .096 186.391);--color-phi-badge-teal-subtle:oklch(37.8% .077 180.426);--color-phi-badge-blue:oklch(48.8% .243 264.376);--color-phi-badge-purple:oklch(49.6% .265 301.924);--color-phi-badge-neutral:oklch(43.9% 0 0);--color-phi-banner-info:oklch(37.9% .146 265.522/.5);--color-phi-banner-warning:oklch(55.4% .135 66.442/.5);--color-phi-banner-danger:oklch(42.9% .176 28.7/.17)}:root,[data-mode],[data-phi-theme]:not([data-mode]),[data-theme]{--phi-canvas:var(--color-phi-canvas);--phi-elevated:var(--color-phi-elevated);--phi-recessed:var(--color-phi-recessed);--phi-base:var(--color-phi-base);--phi-control:var(--color-phi-control);--phi-tint:var(--color-phi-tint);--phi-contrast:var(--color-phi-contrast);--phi-overlay:var(--color-phi-overlay);--phi-interact:var(--color-phi-interact);--phi-fill:var(--color-phi-fill);--phi-fill-hover:var(--color-phi-fill-hover);--phi-default:var(--text-color-phi-default);--phi-strong:var(--text-color-phi-strong);--phi-subtle:var(--text-color-phi-subtle);--phi-muted:var(--text-color-phi-placeholder);--phi-inactive:var(--text-color-phi-inactive);--phi-hairline:var(--color-phi-hairline);--phi-line:var(--color-phi-line);--phi-shadow:0 1px 2px var(--color-phi-shadow-drop);--phi-popover-shadow:0 8px 24px -6px var(--color-phi-shadow-drop), 0 0 0 1px var(--color-phi-shadow-edge);--phi-arrow-edge:var(--color-phi-arrow-edge);--phi-arrow-stroke:var(--color-phi-arrow-stroke);--phi-accent:var(--color-phi-accent);--phi-accent-hover:var(--color-phi-accent-hover);--phi-accent-contrast:var(--text-color-phi-accent-contrast);--phi-focus:var(--color-phi-focus);--phi-focus-soft:var(--color-phi-focus-soft);--phi-info:var(--color-phi-info);--phi-info-text:var(--text-color-phi-info);--phi-info-tint:var(--color-phi-info-tint);--phi-success:var(--color-phi-success);--phi-success-text:var(--text-color-phi-success);--phi-success-tint:var(--color-phi-success-tint);--phi-warning:var(--color-phi-warning);--phi-warning-text:var(--text-color-phi-warning);--phi-warning-tint:var(--color-phi-warning-tint);--phi-danger:var(--color-phi-danger);--phi-danger-text:var(--text-color-phi-danger);--phi-danger-hover:var(--color-phi-danger-hover);--phi-danger-tint:var(--color-phi-danger-tint);--phi-badge-inverted:var(--color-phi-badge-inverted);--phi-badge-inverted-contrast:var(--text-color-phi-badge-inverted);--phi-badge-red:var(--color-phi-badge-red);--phi-badge-orange:var(--color-phi-badge-orange);--phi-badge-green:var(--color-phi-badge-green);--phi-badge-teal:var(--color-phi-badge-teal);--phi-badge-teal-subtle:var(--color-phi-badge-teal-subtle);--phi-badge-teal-subtle-text:var(--text-color-phi-badge-teal-subtle);--phi-badge-blue:var(--color-phi-badge-blue);--phi-badge-purple:var(--color-phi-badge-purple);--phi-badge-neutral:var(--color-phi-badge-neutral);--phi-banner-info-bg:var(--color-phi-info-tint);--phi-banner-info-border:#00a5ef73}@supports (color:color-mix(in lab, red, red)){:root,[data-mode],[data-phi-theme]:not([data-mode]),[data-theme]{--phi-banner-info-border:color-mix(in oklch, var(--color-phi-info) 45%, transparent)}}:root,[data-mode],[data-phi-theme]:not([data-mode]),[data-theme]{--phi-banner-info-text:var(--text-color-phi-info);--phi-banner-alert-bg:var(--color-phi-warning-tint);--phi-banner-alert-border:light-dark(#fa890073,#db680973)}@supports (color:color-mix(in lab, red, red)){:root,[data-mode],[data-phi-theme]:not([data-mode]),[data-theme]{--phi-banner-alert-border:color-mix(in oklch, var(--color-phi-warning) 45%, transparent)}}:root,[data-mode],[data-phi-theme]:not([data-mode]),[data-theme]{--phi-banner-alert-text:var(--text-color-phi-warning);--phi-banner-error-bg:var(--color-phi-danger-tint);--phi-banner-error-border:light-dark(#fb2c3673,#e4001473)}@supports (color:color-mix(in lab, red, red)){:root,[data-mode],[data-phi-theme]:not([data-mode]),[data-theme]{--phi-banner-error-border:color-mix(in oklch, var(--color-phi-danger) 45%, transparent)}}:root,[data-mode],[data-phi-theme]:not([data-mode]),[data-theme]{--phi-banner-error-text:var(--text-color-phi-danger)}@layer theme{:root,:host{--text-color-phi-default:light-dark(oklch(20.5% 0 0),oklch(97% 0 0));--text-color-phi-inverse:light-dark(oklch(97% 0 0),oklch(20.5% 0 0));--text-color-phi-strong:light-dark(oklch(14.5% 0 0),oklch(98.5% 0 0));--text-color-phi-subtle:light-dark(oklch(55.6% 0 0),oklch(70.8% 0 0));--text-color-phi-inactive:light-dark(oklch(87% 0 0),oklch(43.9% 0 0));--text-color-phi-placeholder:light-dark(oklch(70.8% 0 0),oklch(55.6% 0 0));--text-color-phi-accent:light-dark(oklch(48.8% .243 264.376),oklch(70.7% .165 254.624));--text-color-phi-accent-contrast:#fff;--text-color-phi-link:light-dark(oklch(42.4% .199 265.638),oklch(70.7% .165 254.624));--text-color-phi-info:light-dark(oklch(42.4% .199 265.638),oklch(70.7% .165 254.624));--text-color-phi-success:light-dark(oklch(43.2% .095 166.913),oklch(90.5% .093 164.15));--text-color-phi-warning:light-dark(oklch(59.7% .144 57.5),oklch(75% .183 55.934));--text-color-phi-danger:light-dark(oklch(50.5% .213 27.518),oklch(70.4% .191 22.216));--text-color-phi-badge-teal-subtle:light-dark(oklch(43.7% .078 188.216),oklch(91% .096 180.426));--text-color-phi-badge-inverted:light-dark(#fff,#000);--color-phi-canvas:light-dark(oklch(98.75% 0 0),oklch(10% 0 0));--color-phi-elevated:light-dark(oklch(98% 0 0),oklch(12% 0 0));--color-phi-recessed:light-dark(oklch(96% 0 0),oklch(15% 0 0));--color-phi-base:light-dark(#fff,oklch(17% 0 0));--color-phi-tint:light-dark(oklch(97% 0 0),oklch(26.9% 0 0));--color-phi-contrast:light-dark(oklch(8.5% 0 0),oklch(98.5% 0 0));--color-phi-overlay:light-dark(oklch(97.5% 0 0),oklch(26.9% 0 0));--color-phi-control:light-dark(#fff,oklch(20.5% 0 0));--color-phi-interact:light-dark(oklch(87% 0 0),oklch(37.1% 0 0));--color-phi-fill:light-dark(oklch(92.2% 0 0),oklch(26.9% 0 0));--color-phi-fill-hover:light-dark(oklch(96.5% 0 0),oklch(37.1% 0 0));--color-phi-accent:light-dark(oklch(57.72% .2324 260),oklch(51.948% .2324 260));--color-phi-accent-hover:oklch(48.8% .243 264.376);--color-phi-line:light-dark(oklch(14.5% 0 0/.1),oklch(32% 0 0));--color-phi-hairline:light-dark(oklch(93.5% 0 0),oklch(26.9% 0 0));--color-phi-focus:light-dark(oklch(15% 0 0),oklch(93.5% 0 0));--color-phi-focus-soft:light-dark(oklch(15% 0 0/.16),oklch(93.5% 0 0/.2));--color-phi-shadow-edge:light-dark(oklch(0% 0 0/.12),oklch(100% 0 0/.1));--color-phi-shadow-drop:light-dark(oklch(0% 0 0/.08),oklch(0% 0 0/.3));--color-phi-arrow-edge:light-dark(oklch(14.5% 0 0/.1),#0000);--color-phi-arrow-stroke:light-dark(#0000,oklch(32% 0 0));--color-phi-info-tint:light-dark(oklch(93.2% .032 255.6/.45),oklch(38% .145 265.5/.22));--color-phi-info:oklch(68.5% .169 237.323);--color-phi-success-tint:light-dark(oklch(96.2% .043 156.7/.57),oklch(39.3% .096 152.3/.2));--color-phi-success:light-dark(oklch(59.6% .145 163.225),oklch(76.5% .177 163.223));--color-phi-warning-tint:light-dark(oklch(93.1% .107 94.6/.2),oklch(35.3% .079 65/.37));--color-phi-warning:light-dark(oklch(73.9% .177 58.2),oklch(64.5% .168 50));--color-phi-danger-tint:light-dark(oklch(93.6% .032 17.7/.42),oklch(42.9% .176 28.7/.17));--color-phi-danger:light-dark(oklch(63.7% .237 25.331),oklch(57.7% .245 27.325));--color-phi-danger-hover:light-dark(oklch(57.7% .245 27.325),oklch(50.5% .213 27.518));--color-phi-badge-inverted:light-dark(oklch(14.5% 0 0),#fff);--color-phi-badge-red:light-dark(oklch(57.7% .245 27.325),oklch(50.5% .213 27.518));--color-phi-badge-orange:oklch(81.5% .197 76);--color-phi-badge-green:light-dark(oklch(59.6% .145 163.225),oklch(50.8% .118 165.612));--color-phi-badge-teal:light-dark(oklch(54.9% .096 184.565),oklch(51.1% .096 186.391));--color-phi-badge-teal-subtle:light-dark(oklch(95% .052 180.801),oklch(37.8% .077 180.426));--color-phi-badge-blue:light-dark(oklch(54.6% .245 262.881),oklch(48.8% .243 264.376));--color-phi-badge-purple:light-dark(oklch(55.8% .288 302.321),oklch(49.6% .265 301.924));--color-phi-badge-neutral:light-dark(oklch(55.6% 0 0),oklch(43.9% 0 0));--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-3{margin-top:calc(var(--spacing) * 3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-6\.5{height:calc(var(--spacing) * 6.5)}.h-8{height:calc(var(--spacing) * 8)}.h-64{height:calc(var(--spacing) * 64)}.max-h-48{max-height:calc(var(--spacing) * 48)}.w-64{width:calc(var(--spacing) * 64)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.min-w-48{min-width:calc(var(--spacing) * 48)}.flex-1{flex:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-phi-danger{border-color:var(--color-phi-danger)}.border-phi-hairline{border-color:var(--color-phi-hairline)}.border-phi-info{border-color:var(--color-phi-info)}.border-phi-line{border-color:var(--color-phi-line)}.border-phi-success{border-color:var(--color-phi-success)}.border-phi-warning{border-color:var(--color-phi-warning)}.bg-black{background-color:var(--color-black)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-phi-accent{background-color:var(--color-phi-accent)}.bg-phi-accent-hover{background-color:var(--color-phi-accent-hover)}.bg-phi-base{background-color:var(--color-phi-base)}.bg-phi-canvas{background-color:var(--color-phi-canvas)}.bg-phi-contrast{background-color:var(--color-phi-contrast)}.bg-phi-control{background-color:var(--color-phi-control)}.bg-phi-danger{background-color:var(--color-phi-danger)}.bg-phi-danger-tint{background-color:var(--color-phi-danger-tint)}.bg-phi-elevated{background-color:var(--color-phi-elevated)}.bg-phi-info{background-color:var(--color-phi-info)}.bg-phi-info-tint{background-color:var(--color-phi-info-tint)}.bg-phi-recessed{background-color:var(--color-phi-recessed)}.bg-phi-success{background-color:var(--color-phi-success)}.bg-phi-success-tint{background-color:var(--color-phi-success-tint)}.bg-phi-tint{background-color:var(--color-phi-tint)}.bg-phi-warning{background-color:var(--color-phi-warning)}.bg-phi-warning-tint{background-color:var(--color-phi-warning-tint)}.bg-white{background-color:var(--color-white)}.fill-phi-danger{fill:var(--color-phi-danger)}.fill-phi-info{fill:var(--color-phi-info)}.fill-phi-success{fill:var(--color-phi-success)}.fill-phi-warning{fill:var(--color-phi-warning)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-3{padding-top:calc(var(--spacing) * 3)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-gray-950{color:var(--color-gray-950)}.text-phi-accent{color:var(--text-color-phi-accent)}.text-phi-accent-contrast{color:var(--text-color-phi-accent-contrast)}.text-phi-danger{color:var(--text-color-phi-danger)}.text-phi-default{color:var(--text-color-phi-default)}.text-phi-inactive{color:var(--text-color-phi-inactive)}.text-phi-info{color:var(--text-color-phi-info)}.text-phi-inverse{color:var(--text-color-phi-inverse)}.text-phi-link{color:var(--text-color-phi-link)}.text-phi-placeholder{color:var(--text-color-phi-placeholder)}.text-phi-strong{color:var(--text-color-phi-strong)}.text-phi-subtle{color:var(--text-color-phi-subtle)}.text-phi-success{color:var(--text-color-phi-success)}.text-phi-warning{color:var(--text-color-phi-warning)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-phi-focus{--tw-ring-color:var(--color-phi-focus)}.ring-phi-focus-soft{--tw-ring-color:var(--color-phi-focus-soft)}.ring-phi-hairline{--tw-ring-color:var(--color-phi-hairline)}.ring-phi-line{--tw-ring-color:var(--color-phi-line)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-all{user-select:all}@media (hover:hover){.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-phi-accent-hover:hover{background-color:var(--color-phi-accent-hover)}}@media (prefers-color-scheme:dark){.dark\:bg-gray-900{background-color:var(--color-gray-900)}.dark\:text-white{color:var(--color-white)}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}