:root,[data-theme=light]{color-scheme:light;--vela-black: #191d1f;--vela-white: #ffffff;--vela-grey-50: #f7f9f9;--vela-grey-100: #eef2f2;--vela-grey-200: #dde3e4;--vela-grey-300: #c8d0d2;--vela-grey-400: #a3aeb1;--vela-grey-500: #7f8c90;--vela-grey-600: #667377;--vela-grey-700: #49555a;--vela-grey-800: #333d41;--vela-grey-850: #262e31;--vela-grey-900: #1b2225;--vela-grey-950: #11171a;--vela-primary-300: #5fb8c9;--vela-primary-400: #2f9db3;--vela-primary-450: #187e91;--vela-primary-500: #0a6c7d;--vela-primary-600: #075462;--vela-blue-100: #e6eefb;--vela-blue-150: #cfdff7;--vela-blue-300: #85aae8;--vela-blue-500: #3d7fd6;--vela-blue-700: #35558a;--vela-blue-950: #0e1a2e;--vela-red-100: #fce8e6;--vela-red-300: #f0918c;--vela-red-500: #dd4b3e;--vela-red-600: #cd4336;--vela-red-700: #ab3125;--vela-red-950: #2a1310;--vela-critical-100: #f2d6d4;--vela-critical-300: #cc6f68;--vela-critical-500: #a81c14;--vela-critical-700: #7d150f;--vela-critical-950: #2b100e;--vela-yellow-100: #fdf1d3;--vela-yellow-300: #f7d382;--vela-yellow-500: #f0c14e;--vela-yellow-600: #c99a10;--vela-yellow-700: #9a7a0c;--vela-yellow-800: #7a6224;--vela-yellow-950: #26200e;--vela-orange-100: #fde7d0;--vela-orange-300: #f5ad63;--vela-orange-500: #ea7f1a;--vela-orange-600: #c86a0d;--vela-orange-700: #9c5408;--vela-orange-950: #281a0b;--vela-green-100: #dcefe0;--vela-green-300: #86c795;--vela-green-500: #4aa863;--vela-green-700: #1f7340;--vela-green-800: #175c33;--vela-green-950: #0d2318;--vela-bg-global: var(--vela-white);--vela-bg-container: var(--vela-grey-100);--vela-bg-raised: var(--vela-white);--vela-bg-hover: var(--vela-grey-100);--vela-bg-tooltip: var(--vela-grey-800);--vela-bg-inactive: var(--vela-grey-100);--vela-bg-selected: var(--vela-blue-100);--vela-primary-tint: var(--vela-blue-100);--vela-primary-active-bg: var(--vela-primary-500);--vela-border-default: var(--vela-grey-500);--vela-border-subtle: var(--vela-grey-200);--vela-border-active: var(--vela-primary-500);--vela-border-inactive: var(--vela-grey-200);--vela-border-action: var(--vela-grey-700);--vela-text-default: var(--vela-grey-700);--vela-text-heading: var(--vela-black);--vela-text-de-emphasized: var(--vela-grey-600);--vela-text-inactive: var(--vela-grey-400);--vela-text-link: var(--vela-primary-500);--vela-text-on-brand: var(--vela-white);--vela-text-on-tint: var(--vela-grey-700);--vela-text-error: var(--vela-red-700);--vela-icon-default: var(--vela-grey-500);--vela-icon-strong: var(--vela-grey-700);--vela-icon-selected: var(--vela-primary-500);--vela-icon-disabled: var(--vela-grey-300);--vela-icon-on-brand: var(--vela-white);--vela-btn-primary-bg: var(--vela-primary-500);--vela-btn-primary-hover-bg: var(--vela-primary-600);--vela-btn-primary-border: var(--vela-primary-500);--vela-btn-primary-text: var(--vela-white);--vela-btn-standard-bg: var(--vela-grey-100);--vela-btn-standard-hover-bg: var(--vela-grey-200);--vela-btn-standard-text: var(--vela-grey-700);--vela-btn-hollow-primary-text: var(--vela-primary-500);--vela-btn-hollow-primary-border: var(--vela-primary-500);--vela-btn-disabled-bg: var(--vela-grey-200);--vela-btn-disabled-text: var(--vela-text-inactive);--vela-btn-destructive-bg: var(--vela-red-700);--vela-btn-destructive-hover-bg: var(--vela-critical-500);--vela-btn-destructive-text: var(--vela-white);--vela-btn-destructive-hollow-text: var(--vela-red-700);--vela-btn-standard-border: var(--vela-grey-600);--vela-btn-hollow-hover-bg: var(--vela-primary-tint);--vela-control-bg: var(--vela-white);--vela-control-border: var(--vela-grey-500);--vela-control-border-hover: var(--vela-grey-500);--vela-control-border-active: var(--vela-primary-500);--vela-control-border-error: var(--vela-red-500);--vela-control-bg-disabled: var(--vela-grey-100);--vela-control-placeholder: var(--vela-grey-600);--vela-toggle-off-bg: var(--vela-grey-400);--vela-toggle-on-bg: var(--vela-primary-500);--vela-toggle-knob: var(--vela-white);--vela-bg-severity-success: var(--vela-green-100);--vela-border-severity-success: var(--vela-green-300);--vela-signal-severity-success: var(--vela-green-500);--vela-icon-severity-success: var(--vela-green-800);--vela-text-severity-success: var(--vela-green-800);--vela-border-severity-success-indicator: var(--vela-green-700);--vela-bg-severity-info: var(--vela-blue-100);--vela-border-severity-info: var(--vela-blue-300);--vela-signal-severity-info: var(--vela-blue-500);--vela-icon-severity-info: var(--vela-blue-700);--vela-text-severity-info: var(--vela-blue-700);--vela-border-severity-info-indicator: var(--vela-blue-700);--vela-bg-severity-warning: var(--vela-yellow-100);--vela-border-severity-warning: var(--vela-yellow-300);--vela-signal-severity-warning: var(--vela-yellow-500);--vela-icon-severity-warning: var(--vela-yellow-800);--vela-text-severity-warning: var(--vela-yellow-800);--vela-border-severity-warning-indicator: var(--vela-yellow-700);--vela-bg-severity-minor: var(--vela-orange-100);--vela-border-severity-minor: var(--vela-orange-300);--vela-signal-severity-minor: var(--vela-orange-500);--vela-icon-severity-minor: var(--vela-orange-700);--vela-text-severity-minor: var(--vela-orange-700);--vela-border-severity-minor-indicator: var(--vela-orange-700);--vela-bg-severity-major: var(--vela-red-100);--vela-border-severity-major: var(--vela-red-300);--vela-signal-severity-major: var(--vela-red-500);--vela-icon-severity-major: var(--vela-red-700);--vela-text-severity-major: var(--vela-red-700);--vela-border-severity-major-indicator: var(--vela-red-700);--vela-bg-severity-critical: var(--vela-critical-100);--vela-border-severity-critical: var(--vela-critical-300);--vela-signal-severity-critical: var(--vela-critical-500);--vela-icon-severity-critical: var(--vela-critical-700);--vela-text-severity-critical: var(--vela-critical-700);--vela-border-severity-critical-indicator: var(--vela-critical-700);--vela-bg-risk-low: var(--vela-green-100);--vela-border-risk-low: var(--vela-green-300);--vela-signal-risk-low: var(--vela-green-500);--vela-icon-risk-low: var(--vela-green-800);--vela-text-risk-low: var(--vela-green-800);--vela-border-risk-low-indicator: var(--vela-green-700);--vela-bg-risk-medium: var(--vela-yellow-100);--vela-border-risk-medium: var(--vela-yellow-300);--vela-signal-risk-medium: var(--vela-yellow-500);--vela-icon-risk-medium: var(--vela-yellow-800);--vela-text-risk-medium: var(--vela-yellow-800);--vela-border-risk-medium-indicator: var(--vela-yellow-700);--vela-bg-risk-high: var(--vela-red-100);--vela-border-risk-high: var(--vela-red-300);--vela-signal-risk-high: var(--vela-red-500);--vela-icon-risk-high: var(--vela-red-700);--vela-text-risk-high: var(--vela-red-700);--vela-border-risk-high-indicator: var(--vela-red-700);--vela-signal-status-unknown: var(--vela-grey-500);--vela-signal-status-healthy: var(--vela-green-700);--vela-signal-status-warning: var(--vela-yellow-700);--vela-signal-status-medium: var(--vela-orange-600);--vela-signal-status-unhealthy: var(--vela-red-500);--vela-space-5: 5px;--vela-space-10: 10px;--vela-space-15: 15px;--vela-space-20: 20px;--vela-space-25: 25px;--vela-space-30: 30px;--vela-space-40: 40px;--vela-space-60: 60px;--vela-space-80: 80px;--vela-icon-12: 12px;--vela-icon-16: 16px;--vela-icon-20: 20px;--vela-icon-24: 24px;--vela-control-height-24: 24px;--vela-control-height-25: 25px;--vela-control-height-26: 26px;--vela-control-height-35: 35px;--vela-control-height-40: 40px;--vela-control-height-48: 48px;--vela-control-height-60: 60px;--vela-radius-3: 3px;--vela-radius-4: 4px;--vela-radius-8: 8px;--vela-radius-12: 12px;--vela-radius-full: 9999px;--vela-font-family-primary: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--vela-font-family-display: "Oswald", "Open Sans", -apple-system, sans-serif;--vela-font-weight-light: 300;--vela-font-weight-regular: 400;--vela-font-weight-semibold: 600;--vela-text-h1-size: 32px;--vela-text-h1-weight: 300;--vela-text-h1-line-height: 42px;--vela-text-h2-size: 24px;--vela-text-h2-weight: 300;--vela-text-h2-line-height: 33px;--vela-text-h3-size: 20px;--vela-text-h3-weight: 300;--vela-text-h3-line-height: 27px;--vela-text-h4-size: 16px;--vela-text-h4-weight: 400;--vela-text-h4-line-height: 24px;--vela-text-h5-size: 14px;--vela-text-h5-weight: 600;--vela-text-h5-line-height: 21px;--vela-text-h6-size: 12px;--vela-text-h6-weight: 600;--vela-text-h6-line-height: 18px;--vela-text-body-size: 14px;--vela-text-body-weight: 400;--vela-text-body-line-height: 21px;--vela-text-meta-size: 12px;--vela-text-meta-weight: 400;--vela-text-meta-line-height: 18px;--vela-text-meta-tracking: .3px;--vela-text-button-tiny-size: 12px;--vela-text-button-tiny-line-height: 18px;--vela-text-button-regular-size: 14px;--vela-text-button-regular-line-height: 21px;--vela-text-button-large-size: 15px;--vela-text-button-large-line-height: 22px;--vela-text-button-huge-size: 16px;--vela-text-button-huge-line-height: 24px;--vela-text-tab-size: 14px;--vela-text-tab-line-height: 19px;--vela-text-tab-large-size: 18px;--vela-text-tab-large-line-height: 25px;--vela-focus-ring-width: 2px;--vela-focus-ring-offset: 2px;--vela-focus-ring-color: var(--vela-border-active);--vela-duration-instant: 70ms;--vela-duration-fast: .12s;--vela-duration-base: .18s;--vela-ease-standard: cubic-bezier(.2, 0, .2, 1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--vela-bg-global: var(--vela-grey-950);--vela-bg-container: var(--vela-grey-900);--vela-bg-raised: var(--vela-grey-850);--vela-bg-hover: var(--vela-grey-850);--vela-bg-tooltip: var(--vela-grey-700);--vela-bg-inactive: var(--vela-grey-900);--vela-bg-selected: var(--vela-blue-950);--vela-primary-tint: var(--vela-blue-950);--vela-primary-active-bg: var(--vela-primary-500);--vela-border-default: var(--vela-grey-600);--vela-border-subtle: var(--vela-grey-850);--vela-border-active: var(--vela-primary-400);--vela-border-inactive: var(--vela-grey-850);--vela-border-action: var(--vela-grey-500);--vela-text-default: var(--vela-grey-300);--vela-text-heading: var(--vela-grey-50);--vela-text-de-emphasized: var(--vela-grey-500);--vela-text-inactive: var(--vela-grey-700);--vela-text-link: var(--vela-primary-400);--vela-text-on-brand: var(--vela-white);--vela-text-on-tint: var(--vela-grey-300);--vela-text-error: var(--vela-red-300);--vela-icon-default: var(--vela-grey-500);--vela-icon-strong: var(--vela-grey-300);--vela-icon-selected: var(--vela-primary-400);--vela-icon-disabled: var(--vela-grey-700);--vela-icon-on-brand: var(--vela-white);--vela-btn-primary-bg: var(--vela-primary-500);--vela-btn-primary-hover-bg: var(--vela-primary-450);--vela-btn-primary-border: var(--vela-primary-500);--vela-btn-primary-text: var(--vela-white);--vela-btn-standard-bg: var(--vela-grey-850);--vela-btn-standard-hover-bg: var(--vela-grey-800);--vela-btn-standard-text: var(--vela-grey-300);--vela-btn-hollow-primary-text: var(--vela-primary-300);--vela-btn-hollow-primary-border: var(--vela-primary-400);--vela-btn-disabled-bg: var(--vela-grey-850);--vela-btn-disabled-text: var(--vela-grey-700);--vela-btn-destructive-bg: var(--vela-red-700);--vela-btn-destructive-hover-bg: var(--vela-red-600);--vela-btn-destructive-text: var(--vela-white);--vela-btn-destructive-hollow-text: var(--vela-red-300);--vela-btn-standard-border: var(--vela-grey-500);--vela-btn-hollow-hover-bg: var(--vela-primary-tint);--vela-control-bg: var(--vela-grey-900);--vela-control-border: var(--vela-grey-600);--vela-control-border-hover: var(--vela-grey-500);--vela-control-border-active: var(--vela-primary-400);--vela-control-border-error: var(--vela-red-500);--vela-control-bg-disabled: var(--vela-grey-900);--vela-control-placeholder: var(--vela-grey-500);--vela-toggle-off-bg: var(--vela-grey-700);--vela-toggle-on-bg: var(--vela-primary-500);--vela-toggle-knob: var(--vela-white);--vela-bg-severity-success: var(--vela-green-950);--vela-border-severity-success: var(--vela-green-700);--vela-signal-severity-success: var(--vela-green-500);--vela-icon-severity-success: var(--vela-green-300);--vela-text-severity-success: var(--vela-green-300);--vela-border-severity-success-indicator: var(--vela-green-500);--vela-bg-severity-info: var(--vela-blue-950);--vela-border-severity-info: var(--vela-blue-700);--vela-signal-severity-info: var(--vela-blue-500);--vela-icon-severity-info: var(--vela-blue-300);--vela-text-severity-info: var(--vela-blue-300);--vela-border-severity-info-indicator: var(--vela-blue-500);--vela-bg-severity-warning: var(--vela-yellow-950);--vela-border-severity-warning: var(--vela-yellow-700);--vela-signal-severity-warning: var(--vela-yellow-500);--vela-icon-severity-warning: var(--vela-yellow-300);--vela-text-severity-warning: var(--vela-yellow-300);--vela-border-severity-warning-indicator: var(--vela-yellow-500);--vela-bg-severity-minor: var(--vela-orange-950);--vela-border-severity-minor: var(--vela-orange-700);--vela-signal-severity-minor: var(--vela-orange-500);--vela-icon-severity-minor: var(--vela-orange-300);--vela-text-severity-minor: var(--vela-orange-300);--vela-border-severity-minor-indicator: var(--vela-orange-500);--vela-bg-severity-major: var(--vela-red-950);--vela-border-severity-major: var(--vela-red-700);--vela-signal-severity-major: var(--vela-red-500);--vela-icon-severity-major: var(--vela-red-300);--vela-text-severity-major: var(--vela-red-300);--vela-border-severity-major-indicator: var(--vela-red-500);--vela-bg-severity-critical: var(--vela-critical-950);--vela-border-severity-critical: var(--vela-critical-500);--vela-signal-severity-critical: var(--vela-critical-300);--vela-icon-severity-critical: var(--vela-critical-300);--vela-text-severity-critical: var(--vela-critical-300);--vela-border-severity-critical-indicator: var(--vela-critical-300);--vela-bg-risk-low: var(--vela-green-950);--vela-border-risk-low: var(--vela-green-700);--vela-signal-risk-low: var(--vela-green-500);--vela-icon-risk-low: var(--vela-green-300);--vela-text-risk-low: var(--vela-green-300);--vela-border-risk-low-indicator: var(--vela-green-500);--vela-bg-risk-medium: var(--vela-yellow-950);--vela-border-risk-medium: var(--vela-yellow-700);--vela-signal-risk-medium: var(--vela-yellow-500);--vela-icon-risk-medium: var(--vela-yellow-300);--vela-text-risk-medium: var(--vela-yellow-300);--vela-border-risk-medium-indicator: var(--vela-yellow-500);--vela-bg-risk-high: var(--vela-red-950);--vela-border-risk-high: var(--vela-red-700);--vela-signal-risk-high: var(--vela-red-500);--vela-icon-risk-high: var(--vela-red-300);--vela-text-risk-high: var(--vela-red-300);--vela-border-risk-high-indicator: var(--vela-red-500);--vela-signal-status-unknown: var(--vela-grey-500);--vela-signal-status-healthy: var(--vela-green-500);--vela-signal-status-warning: var(--vela-yellow-500);--vela-signal-status-medium: var(--vela-orange-500);--vela-signal-status-unhealthy: var(--vela-red-500);--vela-focus-ring-color: var(--vela-primary-400)}}[data-theme=dark]{color-scheme:dark;--vela-bg-global: var(--vela-grey-950);--vela-bg-container: var(--vela-grey-900);--vela-bg-raised: var(--vela-grey-850);--vela-bg-hover: var(--vela-grey-850);--vela-bg-tooltip: var(--vela-grey-700);--vela-bg-inactive: var(--vela-grey-900);--vela-bg-selected: var(--vela-blue-950);--vela-primary-tint: var(--vela-blue-950);--vela-primary-active-bg: var(--vela-primary-500);--vela-border-default: var(--vela-grey-600);--vela-border-subtle: var(--vela-grey-850);--vela-border-active: var(--vela-primary-400);--vela-border-inactive: var(--vela-grey-850);--vela-border-action: var(--vela-grey-500);--vela-text-default: var(--vela-grey-300);--vela-text-heading: var(--vela-grey-50);--vela-text-de-emphasized: var(--vela-grey-500);--vela-text-inactive: var(--vela-grey-700);--vela-text-link: var(--vela-primary-400);--vela-text-on-brand: var(--vela-white);--vela-text-on-tint: var(--vela-grey-300);--vela-text-error: var(--vela-red-300);--vela-icon-default: var(--vela-grey-500);--vela-icon-strong: var(--vela-grey-300);--vela-icon-selected: var(--vela-primary-400);--vela-icon-disabled: var(--vela-grey-700);--vela-icon-on-brand: var(--vela-white);--vela-btn-primary-bg: var(--vela-primary-500);--vela-btn-primary-hover-bg: var(--vela-primary-450);--vela-btn-primary-border: var(--vela-primary-500);--vela-btn-primary-text: var(--vela-white);--vela-btn-standard-bg: var(--vela-grey-850);--vela-btn-standard-hover-bg: var(--vela-grey-800);--vela-btn-standard-text: var(--vela-grey-300);--vela-btn-hollow-primary-text: var(--vela-primary-300);--vela-btn-hollow-primary-border: var(--vela-primary-400);--vela-btn-disabled-bg: var(--vela-grey-850);--vela-btn-disabled-text: var(--vela-grey-700);--vela-btn-destructive-bg: var(--vela-red-700);--vela-btn-destructive-hover-bg: var(--vela-red-600);--vela-btn-destructive-text: var(--vela-white);--vela-btn-destructive-hollow-text: var(--vela-red-300);--vela-btn-standard-border: var(--vela-grey-500);--vela-btn-hollow-hover-bg: var(--vela-primary-tint);--vela-control-bg: var(--vela-grey-900);--vela-control-border: var(--vela-grey-600);--vela-control-border-hover: var(--vela-grey-500);--vela-control-border-active: var(--vela-primary-400);--vela-control-border-error: var(--vela-red-500);--vela-control-bg-disabled: var(--vela-grey-900);--vela-control-placeholder: var(--vela-grey-500);--vela-toggle-off-bg: var(--vela-grey-700);--vela-toggle-on-bg: var(--vela-primary-500);--vela-toggle-knob: var(--vela-white);--vela-bg-severity-success: var(--vela-green-950);--vela-border-severity-success: var(--vela-green-700);--vela-signal-severity-success: var(--vela-green-500);--vela-icon-severity-success: var(--vela-green-300);--vela-text-severity-success: var(--vela-green-300);--vela-border-severity-success-indicator: var(--vela-green-500);--vela-bg-severity-info: var(--vela-blue-950);--vela-border-severity-info: var(--vela-blue-700);--vela-signal-severity-info: var(--vela-blue-500);--vela-icon-severity-info: var(--vela-blue-300);--vela-text-severity-info: var(--vela-blue-300);--vela-border-severity-info-indicator: var(--vela-blue-500);--vela-bg-severity-warning: var(--vela-yellow-950);--vela-border-severity-warning: var(--vela-yellow-700);--vela-signal-severity-warning: var(--vela-yellow-500);--vela-icon-severity-warning: var(--vela-yellow-300);--vela-text-severity-warning: var(--vela-yellow-300);--vela-border-severity-warning-indicator: var(--vela-yellow-500);--vela-bg-severity-minor: var(--vela-orange-950);--vela-border-severity-minor: var(--vela-orange-700);--vela-signal-severity-minor: var(--vela-orange-500);--vela-icon-severity-minor: var(--vela-orange-300);--vela-text-severity-minor: var(--vela-orange-300);--vela-border-severity-minor-indicator: var(--vela-orange-500);--vela-bg-severity-major: var(--vela-red-950);--vela-border-severity-major: var(--vela-red-700);--vela-signal-severity-major: var(--vela-red-500);--vela-icon-severity-major: var(--vela-red-300);--vela-text-severity-major: var(--vela-red-300);--vela-border-severity-major-indicator: var(--vela-red-500);--vela-bg-severity-critical: var(--vela-critical-950);--vela-border-severity-critical: var(--vela-critical-500);--vela-signal-severity-critical: var(--vela-critical-300);--vela-icon-severity-critical: var(--vela-critical-300);--vela-text-severity-critical: var(--vela-critical-300);--vela-border-severity-critical-indicator: var(--vela-critical-300);--vela-bg-risk-low: var(--vela-green-950);--vela-border-risk-low: var(--vela-green-700);--vela-signal-risk-low: var(--vela-green-500);--vela-icon-risk-low: var(--vela-green-300);--vela-text-risk-low: var(--vela-green-300);--vela-border-risk-low-indicator: var(--vela-green-500);--vela-bg-risk-medium: var(--vela-yellow-950);--vela-border-risk-medium: var(--vela-yellow-700);--vela-signal-risk-medium: var(--vela-yellow-500);--vela-icon-risk-medium: var(--vela-yellow-300);--vela-text-risk-medium: var(--vela-yellow-300);--vela-border-risk-medium-indicator: var(--vela-yellow-500);--vela-bg-risk-high: var(--vela-red-950);--vela-border-risk-high: var(--vela-red-700);--vela-signal-risk-high: var(--vela-red-500);--vela-icon-risk-high: var(--vela-red-300);--vela-text-risk-high: var(--vela-red-300);--vela-border-risk-high-indicator: var(--vela-red-500);--vela-signal-status-unknown: var(--vela-grey-500);--vela-signal-status-healthy: var(--vela-green-500);--vela-signal-status-warning: var(--vela-yellow-500);--vela-signal-status-medium: var(--vela-orange-500);--vela-signal-status-unhealthy: var(--vela-red-500);--vela-focus-ring-color: var(--vela-primary-400)}.vela-root{font-family:var(--vela-font-family-primary);font-size:var(--vela-text-body-size);font-weight:var(--vela-text-body-weight);line-height:var(--vela-text-body-line-height);color:var(--vela-text-default);background:var(--vela-bg-global);-webkit-font-smoothing:antialiased}.vela-root *,.vela-root *:before,.vela-root *:after{box-sizing:border-box}.vela-root :focus-visible{outline:var(--vela-focus-ring-width) solid var(--vela-focus-ring-color);outline-offset:var(--vela-focus-ring-offset)}.vela-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.vela-root *,.vela-root *:before,.vela-root *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.vela-h1{font-family:var(--vela-font-family-primary);font-size:var(--vela-text-h1-size);font-weight:var(--vela-text-h1-weight);line-height:var(--vela-text-h1-line-height);color:var(--vela-text-heading);margin:0}.vela-h2{font-family:var(--vela-font-family-primary);font-size:var(--vela-text-h2-size);font-weight:var(--vela-text-h2-weight);line-height:var(--vela-text-h2-line-height);color:var(--vela-text-heading);margin:0}.vela-h3{font-family:var(--vela-font-family-primary);font-size:var(--vela-text-h3-size);font-weight:var(--vela-text-h3-weight);line-height:var(--vela-text-h3-line-height);color:var(--vela-text-heading);margin:0}.vela-h4{font-family:var(--vela-font-family-primary);font-size:var(--vela-text-h4-size);font-weight:var(--vela-text-h4-weight);line-height:var(--vela-text-h4-line-height);color:var(--vela-text-heading);margin:0}.vela-h5{font-family:var(--vela-font-family-primary);font-size:var(--vela-text-h5-size);font-weight:var(--vela-text-h5-weight);line-height:var(--vela-text-h5-line-height);color:var(--vela-text-heading);margin:0}.vela-h6{font-family:var(--vela-font-family-primary);font-size:var(--vela-text-h6-size);font-weight:var(--vela-text-h6-weight);line-height:var(--vela-text-h6-line-height);color:var(--vela-text-heading);margin:0}.vela-body{font-size:var(--vela-text-body-size);font-weight:var(--vela-text-body-weight);line-height:var(--vela-text-body-line-height)}.vela-meta{font-size:var(--vela-text-meta-size);font-weight:var(--vela-text-meta-weight);line-height:var(--vela-text-meta-line-height);letter-spacing:var(--vela-text-meta-tracking);color:var(--vela-text-de-emphasized)}.vela-link{color:var(--vela-text-link);font-weight:var(--vela-font-weight-semibold);text-decoration:none}.vela-link:hover{text-decoration:underline}.vela-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--vela-space-5);width:auto;border-radius:var(--vela-radius-4);border:1px solid transparent;font-family:var(--vela-font-family-primary);font-weight:var(--vela-font-weight-regular);cursor:pointer;text-decoration:none;--vela-btn-press-duration: var(--vela-duration-base);transform-origin:50% 50%;transition:background-color var(--vela-duration-base) var(--vela-ease-standard),border-color var(--vela-duration-base) var(--vela-ease-standard),color var(--vela-duration-base) var(--vela-ease-standard),transform var(--vela-btn-press-duration) var(--vela-ease-standard)}@media(hover:hover){.vela-btn{transform-origin:var(--vela-btn-press-x, 50%) var(--vela-btn-press-y, 50%)}.vela-btn:hover:not(:disabled){transition-duration:var(--vela-duration-fast),var(--vela-duration-fast),var(--vela-duration-fast),var(--vela-btn-press-duration)}}.vela-btn:not(.vela-btn--js):active:not(:disabled):not([aria-busy=true]):not(.vela-btn--text-link):not(:focus-visible),.vela-btn--js[data-vela-pressed]:not(:disabled):not([aria-busy=true]):not(.vela-btn--text-link):not(:focus-visible){--vela-btn-press-duration: var(--vela-duration-instant);transform:scale(.97)}.vela-btn:not(.vela-btn--js):active:not(:disabled):not([aria-busy=true]):not(.vela-btn--text-link):not(:focus-visible):after,.vela-btn--js[data-vela-pressed]:not(:disabled):not([aria-busy=true]):not(.vela-btn--text-link):not(:focus-visible):after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;transform:scale(1.0309278);transform-origin:inherit}.vela-btn:active:not(:disabled):not([aria-busy=true]):focus-visible,.vela-btn--js[data-vela-pressed]:not(:disabled):not([aria-busy=true]):focus-visible{outline-offset:0}.vela-btn--tiny{height:var(--vela-control-height-24);padding:0 var(--vela-space-10);font-size:var(--vela-text-button-tiny-size);line-height:var(--vela-text-button-tiny-line-height)}.vela-btn--regular{height:var(--vela-control-height-35);padding:0 var(--vela-space-15);font-size:var(--vela-text-button-regular-size);line-height:var(--vela-text-button-regular-line-height)}.vela-btn--large{height:var(--vela-control-height-40);padding:0 var(--vela-space-20);font-size:var(--vela-text-button-large-size);line-height:var(--vela-text-button-large-line-height)}.vela-btn--huge{height:var(--vela-control-height-60);padding:0 var(--vela-space-30);font-size:var(--vela-text-button-huge-size);line-height:var(--vela-text-button-huge-line-height)}.vela-btn__icon{display:inline-flex;flex:none}.vela-btn--tiny .vela-btn__icon{width:var(--vela-icon-12);height:var(--vela-icon-12)}.vela-btn--regular .vela-btn__icon,.vela-btn--large .vela-btn__icon,.vela-btn--huge .vela-btn__icon{width:var(--vela-icon-16);height:var(--vela-icon-16)}.vela-btn__icon>svg{width:100%;height:100%;display:block}.vela-btn--primary.vela-btn--filled{background:var(--vela-btn-primary-bg);color:var(--vela-btn-primary-text);border-color:var(--vela-btn-primary-border)}.vela-btn--primary.vela-btn--hollow{background:transparent;color:var(--vela-btn-hollow-primary-text);border-color:var(--vela-btn-hollow-primary-border)}.vela-btn--standard.vela-btn--filled{background:var(--vela-btn-standard-bg);color:var(--vela-btn-standard-text);border-color:var(--vela-btn-standard-border)}.vela-btn--standard.vela-btn--hollow{background:transparent;color:var(--vela-btn-standard-text);border-color:var(--vela-btn-standard-border)}.vela-btn--destructive.vela-btn--filled{background:var(--vela-btn-destructive-bg);color:var(--vela-btn-destructive-text);border-color:var(--vela-btn-destructive-bg)}.vela-btn--destructive.vela-btn--hollow{background:transparent;color:var(--vela-btn-destructive-hollow-text);border-color:var(--vela-btn-destructive-hollow-text)}.vela-btn--text-link{background:transparent;border-color:transparent;color:var(--vela-text-link);padding:0;height:auto;text-decoration:none}@media(hover:hover){.vela-btn--primary.vela-btn--filled:hover:not(:disabled){background:var(--vela-btn-primary-hover-bg);border-color:var(--vela-btn-primary-hover-bg)}.vela-btn--primary.vela-btn--hollow:hover:not(:disabled){background:var(--vela-btn-hollow-hover-bg)}.vela-btn--standard.vela-btn--filled:hover:not(:disabled){background:var(--vela-btn-standard-hover-bg)}.vela-btn--standard.vela-btn--hollow:hover:not(:disabled){background:var(--vela-bg-hover)}.vela-btn--destructive.vela-btn--filled:hover:not(:disabled){background:var(--vela-btn-destructive-hover-bg);border-color:var(--vela-btn-destructive-hover-bg)}.vela-btn--destructive.vela-btn--hollow:hover:not(:disabled){background:var(--vela-bg-severity-major)}.vela-btn--text-link:hover:not(:disabled){color:var(--vela-btn-primary-hover-bg);text-decoration:none}}.vela-btn:disabled{cursor:not-allowed;background:var(--vela-btn-disabled-bg);color:var(--vela-btn-disabled-text);border-color:var(--vela-border-inactive)}.vela-btn--hollow:disabled,.vela-btn--text-link:disabled{background:transparent;color:var(--vela-btn-disabled-text);border-color:var(--vela-border-inactive)}.vela-btn--text-link:disabled{border-color:transparent}.vela-btn[aria-busy=true]{cursor:progress}.vela-btn__spinner{display:inline-block;flex:none;width:var(--vela-icon-12);height:var(--vela-icon-12);border:2px solid currentColor;border-right-color:transparent;border-radius:var(--vela-radius-full);animation:vela-materialize var(--vela-duration-base) var(--vela-ease-standard) both,vela-spin .7s linear infinite}.vela-btn--regular .vela-btn__spinner,.vela-btn--large .vela-btn__spinner,.vela-btn--huge .vela-btn__spinner{width:var(--vela-icon-16);height:var(--vela-icon-16)}@keyframes vela-spin{to{rotate:360deg}}@keyframes vela-materialize{0%{opacity:0;scale:.8;filter:blur(2px)}to{opacity:1;scale:1;filter:blur(0)}}.vela-toggle{display:inline-flex;align-items:center;gap:var(--vela-space-10);cursor:pointer}.vela-toggle--disabled{cursor:not-allowed}.vela-toggle--left{flex-direction:row-reverse}.vela-toggle__track{position:relative;flex:none;width:34px;height:20px;background:var(--vela-toggle-off-bg);border:none;border-radius:var(--vela-radius-full);padding:0;cursor:inherit;transition:background-color var(--vela-duration-base) var(--vela-ease-standard)}.vela-toggle--tiny .vela-toggle__track{width:26px;height:15px}.vela-toggle__knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--vela-toggle-knob);border-radius:var(--vela-radius-full);transition:transform var(--vela-duration-base) var(--vela-ease-standard)}.vela-toggle--tiny .vela-toggle__knob{width:11px;height:11px}.vela-toggle__track[aria-checked=true]{background:var(--vela-toggle-on-bg)}.vela-toggle__track[aria-checked=true] .vela-toggle__knob{transform:translate(14px)}.vela-toggle--tiny .vela-toggle__track[aria-checked=true] .vela-toggle__knob{transform:translate(11px)}.vela-toggle__track:disabled{background:var(--vela-border-inactive);cursor:not-allowed}.vela-toggle__track:disabled .vela-toggle__knob{background:var(--vela-bg-global)}.vela-toggle__label{font-size:var(--vela-text-body-size);line-height:var(--vela-text-body-line-height);color:var(--vela-text-default)}.vela-toggle--disabled .vela-toggle__label{color:var(--vela-text-inactive)}.vela-field{display:flex;flex-direction:column;gap:var(--vela-space-5)}.vela-field__label{font-size:var(--vela-text-h6-size);font-weight:var(--vela-font-weight-semibold);line-height:var(--vela-text-h6-line-height);color:var(--vela-text-default)}.vela-field__required{color:var(--vela-text-error);margin-left:2px}.vela-input{width:100%;background:var(--vela-control-bg);color:var(--vela-text-default);border:1px solid var(--vela-control-border);border-radius:var(--vela-radius-4);font-family:var(--vela-font-family-primary);font-size:var(--vela-text-body-size);line-height:var(--vela-text-body-line-height);transition:border-color var(--vela-duration-fast) var(--vela-ease-standard)}.vela-input--tiny{height:var(--vela-control-height-25);padding:0 var(--vela-space-5);font-size:var(--vela-text-meta-size)}.vela-input--regular{height:var(--vela-control-height-26);padding:0 var(--vela-space-10)}.vela-input--large{height:var(--vela-control-height-35);padding:0 var(--vela-space-10)}.vela-input::placeholder{color:var(--vela-control-placeholder)}.vela-input:hover:not(:disabled):not([aria-invalid=true]){border-color:var(--vela-control-border-hover)}.vela-input:focus{border-color:var(--vela-control-border-active)}.vela-input[aria-invalid=true]{border-color:var(--vela-control-border-error)}.vela-input:disabled{background:var(--vela-control-bg-disabled);color:var(--vela-text-inactive);border-color:var(--vela-border-inactive);cursor:not-allowed}.vela-field__hint{font-size:var(--vela-text-meta-size);line-height:var(--vela-text-meta-line-height);color:var(--vela-text-de-emphasized)}.vela-field__error{font-size:var(--vela-text-meta-size);line-height:var(--vela-text-meta-line-height);color:var(--vela-text-error)}.vela-alert{display:flex;align-items:flex-start;gap:var(--vela-space-10);padding:var(--vela-space-10) var(--vela-space-15);border:1px solid;border-radius:var(--vela-radius-4);font-size:var(--vela-text-body-size);line-height:var(--vela-text-body-line-height)}.vela-alert__icon{flex:none;width:var(--vela-icon-16);height:var(--vela-icon-16);margin-top:2px}.vela-alert__body{flex:1 1 auto;min-width:0}.vela-alert__title{font-weight:var(--vela-font-weight-semibold);display:block}.vela-alert__dismiss{flex:none;background:none;border:none;padding:2px;margin:-2px -4px -2px 0;color:inherit;cursor:pointer;border-radius:var(--vela-radius-3);width:var(--vela-icon-20);height:var(--vela-icon-20);display:inline-flex;align-items:center;justify-content:center}.vela-alert__dismiss:hover{background:#0000000f}.vela-alert--success{background:var(--vela-bg-severity-success);border-color:var(--vela-border-severity-success);color:var(--vela-text-severity-success)}.vela-alert--info{background:var(--vela-bg-severity-info);border-color:var(--vela-border-severity-info);color:var(--vela-text-severity-info)}.vela-alert--warning{background:var(--vela-bg-severity-warning);border-color:var(--vela-border-severity-warning);color:var(--vela-text-severity-warning)}.vela-alert--minor{background:var(--vela-bg-severity-minor);border-color:var(--vela-border-severity-minor);color:var(--vela-text-severity-minor)}.vela-alert--major{background:var(--vela-bg-severity-major);border-color:var(--vela-border-severity-major);color:var(--vela-text-severity-major)}.vela-alert--critical{background:var(--vela-bg-severity-critical);border-color:var(--vela-border-severity-critical);color:var(--vela-text-severity-critical)}.vela-alert--success .vela-alert__icon{color:var(--vela-icon-severity-success)}.vela-alert--info .vela-alert__icon{color:var(--vela-icon-severity-info)}.vela-alert--warning .vela-alert__icon{color:var(--vela-icon-severity-warning)}.vela-alert--minor .vela-alert__icon{color:var(--vela-icon-severity-minor)}.vela-alert--major .vela-alert__icon{color:var(--vela-icon-severity-major)}.vela-alert--critical .vela-alert__icon{color:var(--vela-icon-severity-critical)}.vela-status{display:inline-flex;align-items:center;gap:var(--vela-space-5)}.vela-status__dot{flex:none;width:10px;height:10px;border-radius:var(--vela-radius-full)}.vela-status--small .vela-status__dot{width:8px;height:8px}.vela-status__label{font-size:var(--vela-text-meta-size);line-height:var(--vela-text-meta-line-height);color:var(--vela-text-default)}.vela-status--unknown .vela-status__dot{background:var(--vela-signal-status-unknown)}.vela-status--healthy .vela-status__dot{background:var(--vela-signal-status-healthy)}.vela-status--warning .vela-status__dot{background:var(--vela-signal-status-warning)}.vela-status--medium .vela-status__dot{background:var(--vela-signal-status-medium)}.vela-status--unhealthy .vela-status__dot{background:var(--vela-signal-status-unhealthy)}.vela-tabs{display:flex;flex-direction:column}.vela-tabs__list{display:flex;align-items:stretch;gap:var(--vela-space-20);border-bottom:1px solid var(--vela-border-subtle);overflow-x:auto}.vela-tabs__trigger{position:relative;background:none;border:none;padding:var(--vela-space-10) 0;margin-bottom:-1px;font-family:var(--vela-font-family-primary);font-size:var(--vela-text-tab-size);line-height:var(--vela-text-tab-line-height);font-weight:var(--vela-font-weight-regular);color:var(--vela-text-de-emphasized);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:color var(--vela-duration-fast) var(--vela-ease-standard),border-color var(--vela-duration-fast) var(--vela-ease-standard)}.vela-tabs--large .vela-tabs__trigger{font-size:var(--vela-text-tab-large-size);line-height:var(--vela-text-tab-large-line-height)}.vela-tabs__trigger:hover:not(:disabled){color:var(--vela-text-default)}.vela-tabs__trigger[aria-selected=true]{color:var(--vela-text-link);border-bottom-color:var(--vela-border-active)}.vela-tabs__trigger:disabled{color:var(--vela-text-inactive);cursor:not-allowed}.vela-tabs__count{margin-left:var(--vela-space-5);font-weight:var(--vela-font-weight-semibold)}.vela-tabs__panel{padding-top:var(--vela-space-15)}.vela-tabs__panel:focus-visible{outline:var(--vela-focus-ring-width) solid var(--vela-focus-ring-color);outline-offset:var(--vela-focus-ring-offset)}body{margin:0;background:var(--vela-bg-global)}.shell{min-height:100vh;display:flex;flex-direction:column}.skip{position:absolute;left:-999px;top:var(--vela-space-10);z-index:100;padding:var(--vela-space-10) var(--vela-space-15);background:var(--vela-bg-raised);color:var(--vela-text-link);border:1px solid var(--vela-border-default);border-radius:var(--vela-radius-4)}.skip:focus{left:var(--vela-space-10)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--vela-space-15);height:56px;padding:0 var(--vela-space-20);background:var(--vela-bg-global);border-bottom:1px solid var(--vela-border-subtle)}.topbar__menu{display:inline-flex;align-items:center;justify-content:center;width:var(--vela-control-height-35);height:var(--vela-control-height-35);border:1px solid var(--vela-border-subtle);border-radius:var(--vela-radius-4);background:transparent;color:var(--vela-text-default);cursor:pointer;padding:0;transition:background-color var(--vela-duration-base) var(--vela-ease-standard)}@media(hover:hover){.topbar__menu:hover{background:var(--vela-bg-hover);transition-duration:var(--vela-duration-fast)}}.brand{display:flex;align-items:baseline;gap:var(--vela-space-10);text-decoration:none;color:var(--vela-text-heading)}.brand__name{font-size:var(--vela-text-h4-size);line-height:var(--vela-text-h4-line-height);font-weight:var(--vela-font-weight-semibold);letter-spacing:.01em}.brand__meta{color:var(--vela-text-de-emphasized)}.topbar__right{margin-left:auto;display:flex;align-items:center;gap:var(--vela-space-20)}.topbar__link{color:var(--vela-text-default);text-decoration:none}.topbar__link:hover{color:var(--vela-text-link)}.demo-themes{display:flex;gap:var(--vela-space-5)}@media(max-width:600px){.brand__meta,.topbar__link{display:none}}.shell__body{display:flex;flex:1;align-items:flex-start}.sitenav{width:240px;flex:none;position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--vela-space-20);padding:var(--vela-space-20) var(--vela-space-15);background:var(--vela-bg-container);border-right:1px solid var(--vela-border-subtle)}.shell--nav-closed .sitenav{display:none}.sitenav__group{display:flex;flex-direction:column;gap:2px}.sitenav__group h3{margin:0 0 var(--vela-space-5);padding:0 var(--vela-space-10);font-size:11px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;font-weight:var(--vela-font-weight-semibold);color:var(--vela-text-de-emphasized)}.sitenav__link{display:block;padding:6px var(--vela-space-10);border-radius:var(--vela-radius-4);color:var(--vela-text-default);text-decoration:none;font-size:var(--vela-text-body-size);line-height:var(--vela-text-body-line-height);transition:background-color var(--vela-duration-base) var(--vela-ease-standard)}@media(hover:hover){.sitenav__link:hover{background:var(--vela-bg-hover);transition-duration:var(--vela-duration-fast)}}.sitenav__link.is-active{background:var(--vela-bg-selected);color:var(--vela-text-link);font-weight:var(--vela-font-weight-semibold)}.sitenav__foot{margin:auto 0 0;padding:var(--vela-space-10);color:var(--vela-text-de-emphasized)}.sitenav__foot code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media(max-width:900px){.sitenav{position:fixed;left:0;top:56px;z-index:30;width:min(280px,85vw)}}.content{flex:1;min-width:0;max-width:1180px;box-sizing:border-box;padding:var(--vela-space-30) var(--vela-space-40) var(--vela-space-60)}@media(max-width:900px){.content{padding:var(--vela-space-20) var(--vela-space-20) var(--vela-space-40)}}.page-head{padding-bottom:var(--vela-space-20);border-bottom:1px solid var(--vela-border-subtle)}.page-head__eyebrow{margin:0 0 var(--vela-space-5);color:var(--vela-text-de-emphasized)}.page-head h1{margin:0 0 var(--vela-space-5)}.page-head>.vela-meta:last-child{margin:0}.demo-section{padding:var(--vela-space-30) 0;border-bottom:1px solid var(--vela-border-subtle)}.demo-note{margin:var(--vela-space-5) 0 0}.demo-body{margin-top:var(--vela-space-20);display:flex;flex-direction:column;gap:var(--vela-space-15)}.demo-row{display:flex;flex-wrap:wrap;gap:var(--vela-space-15);align-items:center}.demo-stack{display:flex;flex-direction:column;gap:var(--vela-space-10);align-items:flex-start}.demo-stack>.vela-alert{align-self:stretch}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--vela-space-20)}.demo-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--vela-space-10)}.demo-swatch{display:flex;align-items:center;gap:var(--vela-space-10)}.demo-chip{width:26px;height:26px;border-radius:var(--vela-radius-4);border:1px solid var(--vela-border-subtle);flex:none}.demo-footer{padding:var(--vela-space-30) 0 0}.doc__body{max-width:72ch;padding-top:var(--vela-space-20)}.doc__body .pg-h1,.doc__body .pg-h2{margin:var(--vela-space-30) 0 var(--vela-space-10)}.doc__body .pg-p,.doc__body .pg-list,.doc__body .pg-table{font-size:var(--vela-text-body-size);line-height:var(--vela-text-body-line-height)}.adopt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--vela-space-20);margin-top:var(--vela-space-20)}.adopt-caption{margin:0 0 var(--vela-space-10)}.adopt-frame{border:1px solid var(--vela-border-subtle);border-radius:var(--vela-radius-4);overflow:hidden}.adopt-limit{margin-top:var(--vela-space-20);max-width:72ch}.how-figure{margin:var(--vela-space-30) 0 0}.how-figure svg{display:block;width:100%;height:auto;max-width:720px}.how-figure figcaption{margin:var(--vela-space-10) 0 0}.how-scroll{overflow-x:auto}.how-table{width:100%;border-collapse:collapse;font-size:var(--vela-text-meta-size);line-height:var(--vela-text-meta-line-height)}.how-table th,.how-table td{text-align:left;vertical-align:top;padding:var(--vela-space-10) var(--vela-space-10) var(--vela-space-10) 0;border-bottom:1px solid var(--vela-border-subtle)}.how-table thead th{color:var(--vela-text-de-emphasized);font-weight:500}.how-table th[scope=row]{white-space:nowrap;font-weight:600}.how-table code,.how-list code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.how-list{margin:0 0 var(--vela-space-20);padding-left:1.2em}.how-list li{margin:0 0 var(--vela-space-10)}.pg-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--vela-space-15) var(--vela-space-30);padding-bottom:var(--vela-space-20);border-bottom:1px solid var(--vela-border-subtle)}.pg-head__text{min-width:0;max-width:64ch}.pg-head__eyebrow{margin:0 0 var(--vela-space-5);color:var(--vela-text-de-emphasized)}.pg-head h1{margin:0 0 var(--vela-space-10)}.pg-intro .pg-p{margin:0;font-size:var(--vela-text-body-size);line-height:var(--vela-text-body-line-height);color:var(--vela-text-de-emphasized)}.pg-head__links{display:flex;gap:var(--vela-space-15);white-space:nowrap}.pg{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--vela-space-20);align-items:start;margin-top:var(--vela-space-20)}@media(max-width:960px){.pg{grid-template-columns:1fr}}.pg-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--vela-space-15);margin:0 0 var(--vela-space-15);min-height:var(--vela-control-height-35)}.pg-toolbar__group{display:flex;gap:var(--vela-space-5)}.pg-toolbar__spacer{flex:1}.pg-main{container-type:inline-size;min-width:0}.pg-stage{display:grid;grid-template-columns:1fr 1fr;gap:var(--vela-space-15)}.pg-stage--single{grid-template-columns:1fr}@container (max-width: 640px){.pg-stage{grid-template-columns:1fr}}.pg-frame{position:relative;border:1px solid var(--vela-border-subtle);border-radius:var(--vela-radius-4);padding:var(--vela-space-60) var(--vela-space-30) var(--vela-space-40);min-height:280px;display:flex;align-items:center;justify-content:center}.pg-frame-label{position:absolute;top:var(--vela-space-10);left:var(--vela-space-15);color:var(--vela-text-de-emphasized)}.pg-frame-body{max-width:100%;min-width:0}.pg-reduced *,.pg-reduced *:before,.pg-reduced *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.pg-panel{border:1px solid var(--vela-border-subtle);border-radius:var(--vela-radius-4);background:var(--vela-bg-container);min-width:0}.pg-props{padding:var(--vela-space-15) var(--vela-space-20) var(--vela-space-20);display:flex;flex-direction:column;gap:var(--vela-space-15);position:sticky;top:calc(56px + var(--vela-space-20))}.pg-props__head{display:flex;align-items:center;justify-content:space-between;gap:var(--vela-space-10)}.pg-props__head h2{margin:0}.pg-field{display:flex;flex-direction:column;gap:var(--vela-space-5)}.pg-field__label{font-size:var(--vela-text-meta-size);line-height:var(--vela-text-meta-line-height);font-weight:var(--vela-font-weight-semibold);color:var(--vela-text-default)}.pg-select-wrap{position:relative;display:block}.pg-select{width:100%;height:var(--vela-control-height-35);border:1px solid var(--vela-control-border);border-radius:var(--vela-radius-4);background:var(--vela-control-bg);color:var(--vela-text-default);padding:0 calc(var(--vela-space-10) + var(--vela-icon-16) + var(--vela-space-10)) 0 var(--vela-space-10);font:inherit;font-size:var(--vela-text-body-size);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.pg-select-wrap:after{content:"";position:absolute;right:var(--vela-space-10);top:50%;width:var(--vela-icon-16);height:var(--vela-icon-16);transform:translateY(-50%);pointer-events:none;background:var(--vela-icon-default);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat}.pg-select:disabled{color:var(--vela-text-inactive);background:var(--vela-control-bg-disabled);cursor:not-allowed}.pg-select:focus-visible{outline:var(--vela-focus-ring-width) solid var(--vela-focus-ring-color);outline-offset:var(--vela-focus-ring-offset)}.pg-booleans{display:flex;flex-direction:column;gap:var(--vela-space-10);padding-top:var(--vela-space-5)}.pg-uncontrolled{border-top:1px solid var(--vela-border-subtle);padding-top:var(--vela-space-15)}.pg-uncontrolled h3{margin:0 0 var(--vela-space-10);font-size:var(--vela-text-meta-size);line-height:var(--vela-text-meta-line-height);font-weight:var(--vela-font-weight-semibold);color:var(--vela-text-de-emphasized);text-transform:uppercase;letter-spacing:.06em}.pg-uncontrolled dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:var(--vela-space-5) var(--vela-space-10);font-size:var(--vela-text-meta-size);line-height:var(--vela-text-meta-line-height)}.pg-uncontrolled dt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--vela-text-default)}.pg-uncontrolled dd{margin:0;color:var(--vela-text-de-emphasized)}.pg-uncontrolled code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.pg-hint{margin:0;color:var(--vela-text-de-emphasized)}.pg-contract{margin-top:var(--vela-space-20);padding:var(--vela-space-15) var(--vela-space-20) var(--vela-space-20)}.pg-contract .vela-tabs__panel{padding-top:var(--vela-space-20)}.pg-code-wrap{position:relative}.pg-code-copy{position:absolute;top:var(--vela-space-10);right:var(--vela-space-10)}.pg-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6;white-space:pre;overflow-x:auto;background:var(--vela-bg-global);border:1px solid var(--vela-border-subtle);border-radius:var(--vela-radius-4);padding:var(--vela-space-15) var(--vela-space-20);margin:0 0 var(--vela-space-10);color:var(--vela-text-default)}.pg-tablewrap{overflow-x:auto;margin:0 0 var(--vela-space-15)}.pg-table{border-collapse:collapse;width:100%;font-size:var(--vela-text-meta-size);line-height:var(--vela-text-meta-line-height)}.pg-table th,.pg-table td{text-align:left;vertical-align:top;padding:var(--vela-space-10) var(--vela-space-15) var(--vela-space-10) 0;border-bottom:1px solid var(--vela-border-subtle)}.pg-table th{color:var(--vela-text-de-emphasized);font-weight:var(--vela-font-weight-semibold);white-space:nowrap}.pg-table code,.pg-p code,.pg-list code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.pg-table tr.is-bound td{background:var(--vela-bg-selected)}.pg-chip{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid var(--vela-border-subtle);vertical-align:-2px;margin-right:var(--vela-space-5)}.pg-h{margin:var(--vela-space-20) 0 var(--vela-space-5);font-size:var(--vela-text-body-size);font-weight:var(--vela-font-weight-semibold)}.pg-h1,.pg-h2{margin:var(--vela-space-20) 0 var(--vela-space-10)}.pg-h:first-child,.pg-h1:first-child,.pg-h2:first-child{margin-top:0}.pg-p{margin:0 0 var(--vela-space-10);font-size:var(--vela-text-meta-size);line-height:var(--vela-text-meta-line-height)}.pg-list{margin:0 0 var(--vela-space-10);padding-left:var(--vela-space-20);font-size:var(--vela-text-meta-size);line-height:var(--vela-text-meta-line-height)}.pg-list li{margin:0 0 var(--vela-space-5)}.pg-rules>div+div{margin-top:var(--vela-space-30)}
