@layer catalog.base,surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens{:root,[data-theme=dark],[data-theme=light]{--surf-space-0: 0px;--surf-space-5: 20px;--surf-space-10: 40px;--surf-space-16: 64px;--surf-space-20: 80px;--surf-layout-workspace: 75rem;--surf-layout-wide: 96rem;--surf-layout-reading: var(--surf-layout-content);--surf-layout-page-inset: var(--surf-space-8);--surf-layout-section-gap: var(--surf-space-12);--surf-layout-gutter: var(--surf-space-6);--surf-layout-columns: 12;--surf-layout-column-tile: 10rem;--surf-layout-column-brief: 14rem;--surf-layout-column-card: 20rem;--surf-layout-column-wide: 30rem;--surf-layout-description-measure: 68ch;--surf-layout-reading-measure: 54ch;--surf-type-display-size: clamp(2rem, 1.6rem + 1.6vw, 2.5rem);--surf-type-display-leading: 1.2;--surf-type-display-tracking: -.02em;--surf-type-title-size: clamp(1.75rem, 1.4rem + 1.2vw, 2rem);--surf-type-title-leading: 1.25;--surf-type-title-tracking: -.02em;--surf-type-page-size: 1.5rem;--surf-type-page-leading: 1.333333;--surf-type-page-tracking: -.01em;--surf-type-section-size: 1.25rem;--surf-type-section-leading: 1.4;--surf-type-section-tracking: -.01em;--surf-type-subsection-size: 1rem;--surf-type-subsection-leading: 1.5;--surf-type-subsection-tracking: 0;--surf-type-reading-size: 1rem;--surf-type-reading-leading: 1.75;--surf-type-reading-tracking: 0;--surf-type-body-size: .875rem;--surf-type-body-leading: 1.571429;--surf-type-body-tracking: 0;--surf-type-label-size: var(--surf-type-body-size);--surf-type-label-leading: 1.428571;--surf-type-label-tracking: 0;--surf-type-compact-size: .8125rem;--surf-type-compact-leading: 1.538462;--surf-type-compact-tracking: 0;--surf-type-caption-size: .75rem;--surf-type-caption-leading: 1.5;--surf-type-caption-tracking: .01em;--surf-type-metric-size: 1.5rem;--surf-type-metric-leading: 1.166667;--surf-type-metric-tracking: -.01em;--surf-type-code-size: var(--surf-type-compact-size);--surf-type-code-leading: var(--surf-type-compact-leading);--surf-type-table-size: var(--surf-type-compact-size);--surf-type-table-leading: var(--surf-type-compact-leading);--surf-type-hangul-word-spacing: .05em;--surf-type-workspace-title-size: var(--surf-type-display-size);--surf-type-workspace-title-leading: var(--surf-type-display-leading);--surf-type-document-title-size: var(--surf-type-display-size);--surf-type-document-title-leading: var(--surf-type-display-leading);--surf-type-document-section-size: var(--surf-type-title-size);--surf-page-header-gap: var(--surf-space-2);--surf-page-header-breadcrumb-gap: var(--surf-space-3)}@media(max-width:1100px){:root,[data-theme=dark],[data-theme=light]{--surf-layout-columns: 6}}@media(max-width:760px){:root,[data-theme=dark],[data-theme=light]{--surf-layout-columns: 4;--surf-layout-page-inset: var(--surf-space-4);--surf-layout-section-gap: var(--surf-space-8);--surf-layout-gutter: var(--surf-space-4);--surf-type-display-size: 2rem;--surf-type-title-size: 1.75rem}}:root,[data-theme=dark],[data-theme=light]{--surf-icon-stroke-width: 1.7;--surf-chart-line-width: 2;--surf-chart-line-quiet-ratio: .75}:root,[data-theme=dark],[data-theme=light]{--surf-size-control-height-small: 32px;--surf-size-control-height-default: 36px;--surf-size-control-height-large: 44px;--surf-size-control-padding-small: 8px;--surf-size-control-padding-default: 10px;--surf-size-control-padding-large: 14px;--surf-size-button-padding-small: 10px;--surf-size-button-padding-default: 14px;--surf-size-button-padding-large: 18px;--surf-size-font-small: 13px;--surf-size-font-default: 14px;--surf-size-font-large: 16px;--surf-size-leading-small: 20px;--surf-size-leading-default: 22px;--surf-size-leading-large: 24px;--surf-size-label-leading-small: 18px;--surf-size-label-leading-default: 20px;--surf-size-label-leading-large: 22px;--surf-size-choice-small: 16px;--surf-size-choice-default: 20px;--surf-size-choice-large: 24px;--surf-size-switch-width-small: 32px;--surf-size-switch-width-default: 36px;--surf-size-switch-width-large: 44px;--surf-size-switch-height-small: 20px;--surf-size-switch-height-default: 22px;--surf-size-switch-height-large: 26px;--surf-size-switch-thumb-small: 12px;--surf-size-switch-thumb-default: 14px;--surf-size-switch-thumb-large: 18px;--surf-size-icon-small: 14px;--surf-size-icon-default: 16px;--surf-size-icon-large: 20px;--surf-size-surface-padding-small: 12px;--surf-size-surface-padding-default: 16px;--surf-size-surface-padding-large: 24px;--surf-size-card-padding-small: 16px;--surf-size-card-padding-default: 24px;--surf-size-card-padding-large: 32px;--surf-size-gap-small: 6px;--surf-size-gap-default: 8px;--surf-size-gap-large: 12px;--surf-size-row-small: 32px;--surf-size-row-default: 36px;--surf-size-row-large: 44px;--surf-size-table-padding-y-small: 8px;--surf-size-table-padding-y-default: 12px;--surf-size-table-padding-y-large: 16px;--surf-size-table-padding-x-small: 12px;--surf-size-table-padding-x-default: 16px;--surf-size-table-padding-x-large: 20px;--surf-size-avatar-small: 24px;--surf-size-avatar-default: 36px;--surf-size-avatar-large: 48px;--surf-size-bottom-navigation: 56px;--surf-size-dialog-small: 420px;--surf-size-dialog-default: 640px;--surf-size-dialog-large: 840px;--surf-size-panel-small: 320px;--surf-size-panel-default: 440px;--surf-size-panel-large: 640px;--surf-size-popover-small: 240px;--surf-size-popover-default: 320px;--surf-size-popover-large: 480px;--surf-size-spinner-small: 14px;--surf-size-spinner-default: 20px;--surf-size-spinner-large: 28px;--surf-size-badge-padding-y-small: 2px;--surf-size-badge-padding-y-default: 4px;--surf-size-badge-padding-y-large: 6px;--surf-size-badge-padding-x-small: 6px;--surf-size-badge-padding-x-default: 8px;--surf-size-badge-padding-x-large: 12px;--surf-size-badge-font-small: 12px;--surf-size-badge-font-default: 12px;--surf-size-badge-font-large: 13px;--surf-size-gauge-small: 6px;--surf-size-gauge-default: 8px;--surf-size-gauge-large: 10px;--surf-size-slider-thumb-small: 20px;--surf-size-slider-thumb-default: 24px;--surf-size-slider-thumb-large: 28px;--surf-size-otp-small: 36px;--surf-size-otp-default: 44px;--surf-size-otp-large: 52px;--surf-size-tree-row-small: 36px;--surf-size-tree-row-default: 44px;--surf-size-tree-row-large: 52px;--surf-size-textarea-padding-small: 8px;--surf-size-textarea-padding-default: 12px;--surf-size-textarea-padding-large: 16px;--surf-size-tooltip-padding-y-small: 6px;--surf-size-tooltip-padding-y-default: 8px;--surf-size-tooltip-padding-y-large: 10px;--surf-size-tooltip-padding-x-small: 10px;--surf-size-tooltip-padding-x-default: 12px;--surf-size-tooltip-padding-x-large: 16px}:root,[data-theme=dark],[data-theme=light]{--surf-size-slider-track-small: 4px;--surf-size-slider-track-default: 6px;--surf-size-slider-track-large: 8px;--surf-size-file-padding-small: 12px;--surf-size-file-padding-default: 20px;--surf-size-file-padding-large: 28px;--surf-size-content-gap-small: 8px;--surf-size-content-gap-default: 12px;--surf-size-content-gap-large: 16px}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens{:root,[data-theme=dark],[data-theme=light]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal;font-optical-sizing:auto;font-synthesis-weight:none;font-variant-ligatures:no-common-ligatures}}@layer surflane.tokens{:root,[data-theme=dark],[data-theme=light]{color-scheme:dark;--surf-chrome: oklch( .2368845 .00973297 248.23792711 );--surf-canvas: oklch( .27850211 .01320057 253.03643104 );--surf-surface: oklch( .2368845 .00973297 248.23792711 );--surf-code-bg: oklch( .2050126 .00860311 247.9381172 );--surf-hover: oklch( .31355761 .01463569 251.36854651 );--surf-selected: oklch( .37866351 .01730498 248.2836448 );--surf-line: oklch( .37866351 .01730498 248.2836448 );--surf-ink-muted: oklch( .81668066 .0183769 253.3626611 );--surf-ink-body: oklch( .91321146 .017061 242.44074644 );--surf-ink: oklch(.9781762 .0034179 247.8580546);--surf-brand: oklch( .82 .12 210 );--surf-brand-ink: oklch( .82 .12 210 );--surf-on-brand: oklch( .2368845 .00973297 248.23792711 );--surf-brand-tint: oklch( .82 .12 210 / .25098039 );--surf-success: oklch( .74 .15 155 );--surf-caution: oklch(.88362398 .17366333 93.66977695);--surf-danger: oklch(.64886666 .23697091 26.97276512);--surf-info: oklch( .72 .13 255 );--surf-trend-up: oklch(.74 .15 155);--surf-trend-down: var(--surf-danger);--surf-grid-minor: oklch(.2368845 .00973297 248.23792711);--surf-grid-major: oklch(.37866351 .01730498 248.2836448);--surf-guide: oklch(.37866351 .01730498 248.2836448);--surf-shadow-sheet: 0 1px 2px oklch(0 0 0 / .25);--surf-shadow-float: 0 12px 32px -8px oklch(0 0 0 / .5)}:root[data-theme=light],[data-theme=light]{color-scheme:light;--surf-chrome: oklch(.9781762 .0034179 247.8580546);--surf-canvas: oklch(1 0 0);--surf-surface: oklch(.9781762 .0034179 247.8580546);--surf-code-bg: oklch(.95972296 .00515149 247.87778139);--surf-hover: oklch(.95972296 .00515149 247.87778139);--surf-selected: oklch(.93531009 .01353396 240.96010253);--surf-line: oklch(.93531009 .01353396 240.96010253);--surf-ink-muted: oklch(.37866351 .01730498 248.2836448);--surf-ink-body: oklch(.27850211 .01320057 253.03643104);--surf-ink: oklch(.2368845 .00973297 248.23792711);--surf-brand: oklch(.82 .12 210);--surf-brand-ink: oklch( .2368845 .00973297 248.23792711 );--surf-on-brand: oklch(.2368845 .00973297 248.23792711);--surf-brand-tint: oklch( .82 .12 210 / .30196078 );--surf-success: oklch( .74 .15 155 );--surf-caution: oklch(.88362398 .17366333 93.66977695);--surf-danger: oklch(.64886666 .23697091 26.97276512);--surf-info: oklch(.72 .13 255);--surf-trend-up: oklch(.74 .15 155);--surf-trend-down: var(--surf-danger);--surf-grid-minor: oklch(.95972296 .00515149 247.87778139);--surf-grid-major: oklch(.93531009 .01353396 240.96010253);--surf-guide: oklch(.91321146 .017061 242.44074644);--surf-shadow-sheet: 0 1px 2px oklch(.2368845 .00973297 248.23792711 / .05), 0 10px 28px -14px oklch(.2368845 .00973297 248.23792711 / .14);--surf-shadow-float: 0 12px 32px -8px oklch(.2368845 .00973297 248.23792711 / .18)}:root,[data-theme=dark],[data-theme=light]{--surf-font-hangul: "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic";--surf-font-japanese: "Noto Sans JP Variable", "Noto Sans JP", sans-serif;--surf-font-display: "Manrope Variable", var(--surf-font-hangul), -apple-system, system-ui, sans-serif;--surf-font-body: "Manrope Variable", var(--surf-font-hangul), -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--surf-font-code: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, var(--surf-font-hangul), monospace;--surf-weight-regular: 400;--surf-weight-medium: 500;--surf-tracking: 0;--surf-tracking-mono: 0;--surf-radius-sm: 6px;--surf-radius-md: 10px;--surf-radius-lg: 16px;--surf-radius-sheet: 20px;--surf-radius-full: 999px;--surf-radius-pill: 22px;--surf-space-1: 4px;--surf-space-2: 8px;--surf-space-3: 12px;--surf-space-4: 16px;--surf-space-6: 24px;--surf-space-8: 32px;--surf-space-12: 48px;--surf-collection-inset: var(--surf-space-4);--surf-sheet-inset: var( --surf-space-3 );--surf-layout-content: 52rem;--surf-layout-sidebar: 17rem;--surf-layout-splash: 75rem;--surf-grid-cell: 24px;--surf-grid-major-cell: 96px;--surf-grid-base-opacity: .35;--surf-grid-halo: 48px;--surf-veil-spread: var(--surf-space-2);--surf-veil-blur: var(--surf-space-6);--surf-duration-fast: .12s;--surf-duration-base: .2s;--surf-duration-slow: .36s;--surf-ease-out: cubic-bezier(.2, 0, 0, 1);--surf-ease-in: cubic-bezier( .3, 0, 1, 1 );--surf-logo-size: 40px}:root,[data-theme=dark],[data-theme=light]{--surf-plane: var(--surf-canvas);--surf-recessed: var(--surf-surface);--surf-control-height: 36px;--surf-control-radius: 8px;--surf-control-padding-x: 10px;--surf-control-icon-size: 16px;--surf-control-icon-gap: var(--surf-space-2);--surf-control-border: var(--surf-control-choice-border);--surf-control-background: oklch( from color-mix(in srgb, var(--surf-line) 30%, var(--surf-canvas)) l c h / alpha );--surf-control-hover-background: var(--surf-surface);--surf-control-hover-border: var(--surf-control-choice-hover-border);--surf-control-focus: var(--surf-interaction-focus);--surf-control-focus-background: var(--surf-control-background);--surf-control-disabled-background: var(--surf-surface);--surf-control-disabled-opacity: .55;--surf-control-placeholder: var(--surf-ink-muted);--surf-focus-ring-width: 2px;--surf-focus-ring-offset: 2px;--surf-focus-ring-inset: calc(-1 * var(--surf-focus-ring-width));--surf-control-focus-ring-size: 3px;--surf-control-target-size: 44px;--surf-control-target-size-min: 24px;--surf-control-text-min-size: 0px}:root,[data-theme=dark],[data-theme=light]{--surf-status-success-fg: var(--surf-success);--surf-status-success-bg: oklch( from color-mix(in srgb, var(--surf-success) 9%, var(--surf-canvas)) l c h / alpha );--surf-status-success-border: oklch( from color-mix(in srgb, var(--surf-success) 32%, var(--surf-canvas)) .61 c h / alpha );--surf-status-danger-fg: oklch( from color-mix(in srgb, var(--surf-danger) 48%, var(--surf-ink)) l c h / alpha );--surf-status-danger-bg: oklch( from color-mix(in srgb, var(--surf-danger) 10%, var(--surf-canvas)) l c h / alpha );--surf-status-danger-border: oklch( from color-mix(in srgb, var(--surf-danger) 38%, var(--surf-canvas)) .61 c h / alpha );--surf-status-caution-fg: var(--surf-caution);--surf-status-caution-bg: oklch( from color-mix(in srgb, var(--surf-caution) 9%, var(--surf-canvas)) l c h / alpha );--surf-status-caution-border: oklch( from color-mix(in srgb, var(--surf-caution) 32%, var(--surf-canvas)) .61 c h / alpha );--surf-status-progress-fg: var(--surf-ink);--surf-status-progress-bg: var(--surf-selected);--surf-status-progress-border: var(--surf-control-border);--surf-status-neutral-fg: var(--surf-ink-muted);--surf-status-neutral-bg: var(--surf-surface);--surf-status-neutral-border: var(--surf-control-border);--surf-status-info-fg: oklch( from color-mix(in srgb, var(--surf-info) 70%, var(--surf-ink)) l c h / alpha );--surf-status-info-bg: oklch( from color-mix(in srgb, var(--surf-info) 10%, var(--surf-canvas)) l c h / alpha );--surf-status-info-border: oklch( from color-mix(in srgb, var(--surf-info) 35%, var(--surf-canvas)) .61 c h / alpha );--surf-status-success-mark: oklch( from var(--surf-success) max(l, .72) c h );--surf-status-danger-mark: oklch(from var(--surf-danger) max(l, .72) c h);--surf-status-caution-mark: oklch( from var(--surf-caution) max(l, .72) c h );--surf-status-info-mark: oklch(from var(--surf-info) max(l, .72) c h);--surf-status-progress-mark: var(--surf-brand-mark);--surf-status-neutral-mark: oklch(from var(--surf-ink-muted) .72 c h);--surf-trend-up-fg: var(--surf-trend-up);--surf-trend-up-bg: oklch( from color-mix(in srgb, var(--surf-trend-up) 10%, var(--surf-canvas)) l c h / alpha );--surf-trend-down-fg: oklch( from color-mix(in srgb, var(--surf-trend-down) 48%, var(--surf-ink)) l c h / alpha );--surf-trend-down-bg: oklch( from color-mix(in srgb, var(--surf-trend-down) 10%, var(--surf-canvas)) l c h / alpha );--surf-trend-flat-fg: var(--surf-ink-muted);--surf-interaction-hover-bg: oklch(from var(--surf-ink) l c h / .08);--surf-interaction-active-bg: oklch(from var(--surf-ink) l c h / .14);--surf-interaction-focus: var(--surf-brand-ink);--surf-selected-edge: color-mix( in oklch, var(--surf-interaction-focus) 65%, var(--surf-selected) );--surf-brand-mark: var(--surf-brand);--surf-slider-track: var(--surf-surface)}:root[data-theme=light],[data-theme=light]{--surf-brand-mark: oklch(from var(--surf-brand) min(l, .6) min(c, .12) h);--surf-slider-track: var(--surf-surface);--surf-status-success-fg: oklch( from color-mix(in srgb, var(--surf-success) 25%, var(--surf-ink)) l c h / alpha );--surf-status-success-bg: oklch( from color-mix(in srgb, var(--surf-success) 9%, var(--surf-canvas)) l c h / alpha );--surf-status-success-border: oklch( from color-mix(in srgb, var(--surf-success) 25%, var(--surf-line)) .64 c h / alpha );--surf-status-danger-fg: oklch( from color-mix(in srgb, var(--surf-danger) 65%, var(--surf-ink)) l c h / alpha );--surf-status-danger-bg: oklch( from color-mix(in srgb, var(--surf-danger) 5%, var(--surf-canvas)) l c h / alpha );--surf-status-danger-border: oklch( from color-mix(in srgb, var(--surf-danger) 30%, var(--surf-line)) .64 c h / alpha );--surf-status-caution-fg: oklch( from color-mix(in srgb, var(--surf-caution) 25%, var(--surf-ink)) l c h / alpha );--surf-status-caution-bg: oklch( from color-mix(in srgb, var(--surf-caution) 12%, var(--surf-canvas)) l c h / alpha );--surf-status-caution-border: oklch( from color-mix(in srgb, var(--surf-caution) 45%, var(--surf-line)) .64 c h / alpha );--surf-status-info-fg: oklch( from color-mix(in srgb, var(--surf-info) 45%, var(--surf-ink)) l c h / alpha );--surf-status-info-bg: oklch( from color-mix(in srgb, var(--surf-info) 8%, var(--surf-canvas)) l c h / alpha );--surf-status-info-border: oklch( from color-mix(in srgb, var(--surf-info) 30%, var(--surf-line)) .64 c h / alpha );--surf-status-success-mark: oklch(from var(--surf-success) min(l, .6) c h);--surf-status-danger-mark: oklch(from var(--surf-danger) min(l, .6) c h);--surf-status-caution-mark: oklch(from var(--surf-caution) min(l, .6) c h);--surf-status-info-mark: oklch(from var(--surf-info) min(l, .6) c h);--surf-status-neutral-mark: oklch(from var(--surf-ink-muted) .6 c h);--surf-trend-up-fg: oklch( from color-mix(in srgb, var(--surf-trend-up) 55%, var(--surf-ink)) l c h / alpha );--surf-trend-up-bg: oklch( from color-mix(in srgb, var(--surf-trend-up) 8%, var(--surf-canvas)) l c h / alpha );--surf-trend-down-fg: oklch( from color-mix(in srgb, var(--surf-trend-down) 65%, var(--surf-ink)) l c h / alpha );--surf-trend-down-bg: oklch( from color-mix(in srgb, var(--surf-trend-down) 5%, var(--surf-canvas)) l c h / alpha )}:root,[data-theme=dark],[data-theme=light]{--surf-menu-background: var(--surf-canvas);--surf-menu-border: var(--surf-line);--surf-menu-hover-background: var(--surf-surface);--surf-menu-selected-background: var(--surf-selected);--surf-control-focus-ring: oklch( from color-mix(in srgb, var(--surf-control-focus) 20%, var(--surf-canvas)) l c h / alpha )}:root[data-theme=light],[data-theme=light]{--surf-control-background: var(--surf-canvas)}@media(max-width:760px),(pointer:coarse){:root,[data-theme=dark],[data-theme=light]{--surf-control-height: var(--surf-control-target-size);--surf-control-text-min-size: 16px}}:root,[data-theme=dark],[data-theme=light]{--surf-motion-feedback: var(--surf-duration-fast);--surf-motion-reveal: .16s;--surf-motion-enter: var(--surf-duration-base);--surf-motion-exit: .1s;--surf-motion-ease: var(--surf-ease-out);--surf-motion-spatial-ease: cubic-bezier(.16, 1, .3, 1);--surf-motion-lift: 4px;--surf-motion-spin: 1s;--surf-motion-pulse: 1.4s;--surf-skeleton-base: oklch( from color-mix(in srgb, var(--surf-ink-muted) 14%, var(--surf-canvas)) l c h / alpha );--surf-skeleton-highlight: oklch( from color-mix(in srgb, var(--surf-ink-muted) 24%, var(--surf-canvas)) l c h / alpha )}:root,[data-theme=dark],[data-theme=light]{--surf-scrollbar-size: 8px;--surf-scrollbar-indicator-size: 6px;--surf-scrollbar-radius: var(--surf-radius-full);--surf-scrollbar-track: oklch(0 0 0 / 0);--surf-scrollbar-thumb: oklch( from color-mix(in srgb, var(--surf-ink-muted) 60%, var(--surf-canvas)) l c h / alpha );--surf-scrollbar-thumb-hover: var(--surf-ink-muted)}@media(hover:none)and (pointer:coarse){:root,[data-theme=dark],[data-theme=light]{--surf-scrollbar-indicator-size: 3px}}@media(max-width:760px){:root,[data-theme=dark],[data-theme=light]{--surf-collection-inset: var(--surf-space-3)}}@media(prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]){--surf-brand-mark: oklch( from var(--surf-brand) min(l, .6) min(c, .12) h );--surf-slider-track: var(--surf-surface);color-scheme:light;--surf-chrome: oklch(.9781762 .0034179 247.8580546);--surf-canvas: oklch(1 0 0);--surf-surface: oklch(.9781762 .0034179 247.8580546);--surf-code-bg: oklch(.95972296 .00515149 247.87778139);--surf-hover: oklch(.95972296 .00515149 247.87778139);--surf-selected: oklch(.93531009 .01353396 240.96010253);--surf-line: oklch(.93531009 .01353396 240.96010253);--surf-ink-muted: oklch(.37866351 .01730498 248.2836448);--surf-ink-body: oklch(.27850211 .01320057 253.03643104);--surf-ink: oklch(.2368845 .00973297 248.23792711);--surf-brand: oklch(.82 .12 210);--surf-brand-ink: oklch( .2368845 .00973297 248.23792711 );--surf-on-brand: oklch(.2368845 .00973297 248.23792711);--surf-brand-tint: oklch( .82 .12 210 / .30196078 );--surf-success: oklch( .74 .15 155 );--surf-caution: oklch(.88362398 .17366333 93.66977695);--surf-danger: oklch(.64886666 .23697091 26.97276512);--surf-info: oklch(.72 .13 255);--surf-trend-up: oklch(.74 .15 155);--surf-trend-down: var(--surf-danger);--surf-grid-minor: oklch( .95972296 .00515149 247.87778139 );--surf-grid-major: oklch( .93531009 .01353396 240.96010253 );--surf-guide: oklch(.91321146 .017061 242.44074644);--surf-shadow-sheet: 0 1px 2px oklch(.2368845 .00973297 248.23792711 / .05), 0 10px 28px -14px oklch(.2368845 .00973297 248.23792711 / .14);--surf-shadow-float: 0 12px 32px -8px oklch(.2368845 .00973297 248.23792711 / .18);--surf-status-success-fg: oklch( from color-mix(in srgb, var(--surf-success) 25%, var(--surf-ink)) l c h / alpha );--surf-status-success-bg: oklch( from color-mix(in srgb, var(--surf-success) 9%, var(--surf-canvas)) l c h / alpha );--surf-status-success-border: oklch( from color-mix(in srgb, var(--surf-success) 25%, var(--surf-line)) .64 c h / alpha );--surf-status-danger-fg: oklch( from color-mix(in srgb, var(--surf-danger) 65%, var(--surf-ink)) l c h / alpha );--surf-status-danger-bg: oklch( from color-mix(in srgb, var(--surf-danger) 5%, var(--surf-canvas)) l c h / alpha );--surf-status-danger-border: oklch( from color-mix(in srgb, var(--surf-danger) 30%, var(--surf-line)) .64 c h / alpha );--surf-status-caution-fg: oklch( from color-mix(in srgb, var(--surf-caution) 25%, var(--surf-ink)) l c h / alpha );--surf-status-caution-bg: oklch( from color-mix(in srgb, var(--surf-caution) 12%, var(--surf-canvas)) l c h / alpha );--surf-status-caution-border: oklch( from color-mix(in srgb, var(--surf-caution) 45%, var(--surf-line)) .64 c h / alpha );--surf-status-info-fg: oklch( from color-mix(in srgb, var(--surf-info) 45%, var(--surf-ink)) l c h / alpha );--surf-status-info-bg: oklch( from color-mix(in srgb, var(--surf-info) 8%, var(--surf-canvas)) l c h / alpha );--surf-status-info-border: oklch( from color-mix(in srgb, var(--surf-info) 30%, var(--surf-line)) .64 c h / alpha );--surf-status-success-mark: oklch( from var(--surf-success) min(l, .6) c h );--surf-status-danger-mark: oklch(from var(--surf-danger) min(l, .6) c h);--surf-status-caution-mark: oklch( from var(--surf-caution) min(l, .6) c h );--surf-status-info-mark: oklch(from var(--surf-info) min(l, .6) c h);--surf-status-neutral-mark: oklch(from var(--surf-ink-muted) .6 c h);--surf-trend-up-fg: oklch( from color-mix(in srgb, var(--surf-trend-up) 55%, var(--surf-ink)) l c h / alpha );--surf-trend-up-bg: oklch( from color-mix(in srgb, var(--surf-trend-up) 8%, var(--surf-canvas)) l c h / alpha );--surf-trend-down-fg: oklch( from color-mix(in srgb, var(--surf-trend-down) 65%, var(--surf-ink)) l c h / alpha );--surf-trend-down-bg: oklch( from color-mix(in srgb, var(--surf-trend-down) 5%, var(--surf-canvas)) l c h / alpha );--surf-control-background: var(--surf-canvas)}}:root,[data-theme=dark],[data-theme=light]{--surf-font-mono: var(--surf-font-code)}:root,[data-theme=dark],[data-theme=light]{--surf-layer-chrome: 1000;--surf-layer-backdrop: 1090;--surf-layer-dialog: 1100;--surf-layer-popup: 1200;--surf-layer-tooltip: 1300;--surf-tooltip-background: var(--surf-ink);--surf-tooltip-foreground: var(--surf-canvas)}:root,[data-theme=dark],[data-theme=light]{--surf-dialog-enter-duration: var(--surf-motion-enter);--surf-dialog-enter-offset: 8px;--surf-dialog-exit-duration: 0ms;--surf-toast-enter-duration: .32s;--surf-toast-stack-duration: var(--surf-duration-slow);--surf-toast-stack-ease: cubic-bezier(.22, .61, .36, 1)}:root,[data-theme=dark],[data-theme=light]{--surf-control-choice-size: 20px;--surf-control-choice-radius: var(--surf-radius-sm);--surf-control-choice-border: oklch( from color-mix(in srgb, var(--surf-ink-muted) 60%, var(--surf-line)) l c h / alpha );--surf-control-choice-hover-border: oklch( from color-mix(in srgb, var(--surf-ink-muted) 75%, var(--surf-line)) l c h / alpha );--surf-control-choice-selected-bg: var(--surf-brand);--surf-control-choice-selected-hover-bg: color-mix( in oklch, var(--surf-brand) 90%, var(--surf-on-brand) );--surf-control-choice-selected-border: oklch( from color-mix( in srgb, var(--surf-control-choice-selected-bg) 54%, var(--surf-control-choice-selected-fg) ) l c h / alpha );--surf-control-choice-selected-fg: var(--surf-on-brand);--surf-control-switch-width: 36px;--surf-control-switch-height: 22px;--surf-control-switch-thumb: 14px}:root,[data-theme=dark],[data-theme=light]{--surf-status-badge-gap: var(--surf-space-1);--surf-status-dot-size: 8px}:root,[data-theme=dark],[data-theme=light]{--surf-selection-background: oklch(from var(--surf-selected) .48 c h);--surf-selection-foreground: var(--surf-ink)}:root[data-theme=light],[data-theme=light]{--surf-selection-background: oklch(from var(--surf-selected) .8 c h)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]){--surf-selection-background: oklch(from var(--surf-selected) .8 c h)}}::selection{background-color:var(--surf-selection-background);color:var(--surf-selection-foreground);text-shadow:none}@media(forced-colors:active){::selection{background-color:Highlight;color:HighlightText}}:root,[data-theme=dark],[data-theme=light]{--surf-badge-neutral-bg: var(--surf-status-neutral-bg);--surf-badge-success-bg: oklch( from color-mix( in srgb, var(--surf-status-success-fg) 3%, var(--surf-status-success-bg) ) l c h / alpha );--surf-badge-danger-bg: oklch( from color-mix( in srgb, var(--surf-status-danger-fg) 3%, var(--surf-status-danger-bg) ) l c h / alpha );--surf-badge-caution-bg: oklch( from color-mix( in srgb, var(--surf-status-caution-fg) 3%, var(--surf-status-caution-bg) ) l c h / alpha );--surf-badge-progress-bg: var(--surf-status-progress-bg);--surf-badge-info-bg: oklch( from color-mix( in srgb, var(--surf-status-info-fg) 3%, var(--surf-status-info-bg) ) l c h / alpha )}:root,[data-theme=dark],[data-theme=light]{--surf-chart-series-1: var(--surf-brand-ink);--surf-chart-series-2: var(--surf-ink-body);--surf-chart-series-3: var(--surf-ink-muted)}:root,[data-theme=dark],[data-theme=light]{--surf-chart-category-1: oklch(.76 .12 250);--surf-chart-category-2: oklch(.78 .11 185);--surf-chart-category-3: oklch(.8 .14 135);--surf-chart-category-4: oklch(.82 .13 80);--surf-chart-category-5: oklch(.74 .14 25);--surf-chart-category-6: oklch(.74 .12 310);--surf-chart-category-7: oklch(.84 .065 280);--surf-chart-category-8: oklch(.88 .085 215);--surf-chart-category-9: oklch(.92 .1 160);--surf-chart-category-10: oklch(.9 .105 108);--surf-chart-category-11: oklch(.87 .065 52);--surf-chart-category-12: oklch(.86 .095 345);--surf-chart-category-13: oklch(.56 .12 250);--surf-chart-category-14: oklch(.63 .11 185);--surf-chart-category-15: oklch(.55 .14 135);--surf-chart-category-16: oklch(.64 .13 80);--surf-chart-category-17: oklch(.58 .14 25);--surf-chart-category-18: oklch(.61 .12 310);--surf-chart-category-19: oklch(.67 .065 280);--surf-chart-category-20: oklch(.7 .085 215);--surf-chart-category-21: oklch(.71 .1 160);--surf-chart-category-22: oklch(.73 .105 108);--surf-chart-category-23: oklch(.69 .065 52);--surf-chart-category-24: oklch(.68 .095 345)}:root[data-theme=light],[data-theme=light]{--surf-chart-category-1: oklch(.5 .14 255);--surf-chart-category-2: oklch(.52 .09 190);--surf-chart-category-3: oklch(.52 .12 140);--surf-chart-category-4: oklch(.56 .12 70);--surf-chart-category-5: oklch(.54 .17 25);--surf-chart-category-6: oklch(.5 .15 310);--surf-chart-category-7: oklch(.38 .12 280);--surf-chart-category-8: oklch(.44 .075 215);--surf-chart-category-9: oklch(.4 .09 160);--surf-chart-category-10: oklch(.45 .09 108);--surf-chart-category-11: oklch(.42 .105 52);--surf-chart-category-12: oklch(.4 .12 345);--surf-chart-category-13: oklch(.64 .14 255);--surf-chart-category-14: oklch(.63 .085 190);--surf-chart-category-15: oklch(.62 .13 140);--surf-chart-category-16: oklch(.64 .12 70);--surf-chart-category-17: oklch(.64 .17 25);--surf-chart-category-18: oklch(.64 .15 310);--surf-chart-category-19: oklch(.58 .12 280);--surf-chart-category-20: oklch(.58 .075 215);--surf-chart-category-21: oklch(.58 .09 160);--surf-chart-category-22: oklch(.59 .09 108);--surf-chart-category-23: oklch(.6 .105 52);--surf-chart-category-24: oklch(.58 .12 345)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]){--surf-chart-category-1: oklch(.5 .14 255);--surf-chart-category-2: oklch(.52 .09 190);--surf-chart-category-3: oklch(.52 .12 140);--surf-chart-category-4: oklch(.56 .12 70);--surf-chart-category-5: oklch(.54 .17 25);--surf-chart-category-6: oklch(.5 .15 310);--surf-chart-category-7: oklch(.38 .12 280);--surf-chart-category-8: oklch(.44 .075 215);--surf-chart-category-9: oklch(.4 .09 160);--surf-chart-category-10: oklch(.45 .09 108);--surf-chart-category-11: oklch(.42 .105 52);--surf-chart-category-12: oklch(.4 .12 345);--surf-chart-category-13: oklch(.64 .14 255);--surf-chart-category-14: oklch(.63 .085 190);--surf-chart-category-15: oklch(.62 .13 140);--surf-chart-category-16: oklch(.64 .12 70);--surf-chart-category-17: oklch(.64 .17 25);--surf-chart-category-18: oklch(.64 .15 310);--surf-chart-category-19: oklch(.58 .12 280);--surf-chart-category-20: oklch(.58 .075 215);--surf-chart-category-21: oklch(.58 .09 160);--surf-chart-category-22: oklch(.59 .09 108);--surf-chart-category-23: oklch(.6 .105 52);--surf-chart-category-24: oklch(.58 .12 345)}}:root,[data-theme=dark],[data-theme=light]{--surf-syntax-plain: var(--surf-ink-body);--surf-syntax-comment: oklch(.7 .012 250);--surf-syntax-keyword: oklch(.78 .08 295);--surf-syntax-string: oklch(.8 .065 150);--surf-syntax-number: oklch(.82 .075 80);--surf-syntax-function: oklch(.81 .075 245);--surf-syntax-tag: var(--surf-syntax-function);--surf-syntax-attribute: var(--surf-syntax-plain);--surf-syntax-punctuation: var(--surf-syntax-comment)}:root[data-theme=light],[data-theme=light]{--surf-syntax-comment: oklch(.47 .012 250);--surf-syntax-keyword: oklch(.43 .08 295);--surf-syntax-string: oklch(.43 .065 150);--surf-syntax-number: oklch(.43 .075 80);--surf-syntax-function: oklch(.44 .075 245)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]){--surf-syntax-comment: oklch(.47 .012 250);--surf-syntax-keyword: oklch(.43 .08 295);--surf-syntax-string: oklch(.43 .065 150);--surf-syntax-number: oklch(.43 .075 80);--surf-syntax-function: oklch(.44 .075 245)}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-control-group,.surf-icon-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:2px;height:var(--surf-control-height);border:1px solid var(--surf-control-border);border-radius:var(--surf-radius-pill);background:transparent;color:var(--surf-ink-muted);font-weight:var(--surf-weight-medium);font-size:var(--surf-type-caption-size);line-height:1;font-family:var(--surf-font-body);letter-spacing:var(--surf-type-caption-tracking);flex-shrink:0}.surf-control-group{padding:2px}.surf-segment{display:inline-flex;align-items:center;justify-content:center;gap:var(--surf-space-1);min-width:calc(var(--surf-control-height) - 6px);height:calc(var(--surf-control-height) - 6px);padding-inline:var(--surf-space-2);border-radius:var(--surf-radius-pill);color:var(--surf-ink-muted);text-decoration:none;white-space:nowrap}.surf-icon-button{width:var(--surf-control-height);cursor:pointer}.surf-segment,.surf-icon-button{transition:background-color var(--surf-duration-fast) var(--surf-ease-out),color var(--surf-duration-fast) var(--surf-ease-out)}.surf-segment,.surf-icon-button,.surf-theme-action{-webkit-tap-highlight-color:transparent}.surf-segment:hover,.surf-icon-button:hover{background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg));color:var(--surf-ink)}.surf-segment:active,.surf-icon-button:active{background-image:linear-gradient(var(--surf-interaction-active-bg),var(--surf-interaction-active-bg))}.surf-segment:is([aria-current=page],[aria-pressed=true]){background-color:var(--surf-selected);color:var(--surf-ink)}button.surf-segment{border:0;background-color:transparent;cursor:pointer}.surf-segment:is(:disabled,[data-disabled]){opacity:var(--surf-control-disabled-opacity);cursor:not-allowed}.surf-segment:focus-visible,.surf-icon-button:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}@media(prefers-reduced-motion:reduce){.surf-segment,.surf-icon-button{transition:none}}.surf-theme-action{display:flex;align-items:center;gap:var(--surf-space-2);width:100%;min-height:var(--surf-control-height);padding:var(--surf-space-2);border:0;border-radius:var(--surf-control-radius);background:transparent;color:var(--surf-ink);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-body-tracking);cursor:pointer}.surf-theme-action:hover{background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.surf-theme-action:active{background-image:linear-gradient(var(--surf-interaction-active-bg),var(--surf-interaction-active-bg))}.surf-theme-action:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}.surf-segment{min-block-size:calc(var(--surf-control-height) - 6px);font-weight:var(--surf-weight-medium);font-size:var(--surf-type-caption-size);line-height:1;font-family:var(--surf-font-body);letter-spacing:var(--surf-type-caption-tracking)}.surf-control-group label:has(input:checked) .surf-segment{background-color:var(--surf-selected);color:var(--surf-ink)}.surf-control-group input:focus-visible+.surf-segment{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}@media(forced-colors:active){.surf-segment:is([aria-current=page],[aria-pressed=true]),.surf-control-group label:has(input:checked) .surf-segment{background-color:Highlight;color:HighlightText;forced-color-adjust:none}}@media(pointer:coarse){.surf-control-group{height:auto}.surf-segment{min-block-size:var(--surf-control-target-size)}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.base{:root{--surf-theme-transition-duration: var(--surf-duration-base);--surf-theme-transition-ease: var(--surf-ease-out)}:root[data-theme-switching],:root[data-theme-switching] *,:root[data-theme-switching] *:before,:root[data-theme-switching] *:after{transition:none!important}:root[data-theme-switching] *{view-transition-name:none!important}:root[data-theme-switching]::view-transition-group(root){animation-duration:var(--surf-theme-transition-duration);animation-timing-function:var(--surf-theme-transition-ease)}:root[data-theme-switching]::view-transition-image-pair(root){isolation:isolate}:root[data-theme-switching]::view-transition-old(root){animation:none;mix-blend-mode:normal}:root[data-theme-switching]::view-transition-new(root){animation:surf-theme-enter var(--surf-theme-transition-duration) var(--surf-theme-transition-ease) both;mix-blend-mode:normal}:root[data-theme-switching]::view-transition{pointer-events:none}@keyframes surf-theme-enter{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){:root[data-theme-switching]::view-transition-group(root),:root[data-theme-switching]::view-transition-old(root),:root[data-theme-switching]::view-transition-new(root){animation:none!important}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens{:root,[data-theme=dark],[data-theme=light]{--surf-space-0: 0px;--surf-space-5: 20px;--surf-space-10: 40px;--surf-space-16: 64px;--surf-space-20: 80px;--surf-layout-workspace: 75rem;--surf-layout-wide: 96rem;--surf-layout-reading: var(--surf-layout-content);--surf-layout-page-inset: var(--surf-space-8);--surf-layout-section-gap: var(--surf-space-12);--surf-layout-gutter: var(--surf-space-6);--surf-layout-columns: 12;--surf-layout-column-tile: 10rem;--surf-layout-column-brief: 14rem;--surf-layout-column-card: 20rem;--surf-layout-column-wide: 30rem;--surf-layout-description-measure: 68ch;--surf-layout-reading-measure: 54ch;--surf-type-display-size: clamp(2rem, 1.6rem + 1.6vw, 2.5rem);--surf-type-display-leading: 1.2;--surf-type-display-tracking: -.02em;--surf-type-title-size: clamp(1.75rem, 1.4rem + 1.2vw, 2rem);--surf-type-title-leading: 1.25;--surf-type-title-tracking: -.02em;--surf-type-page-size: 1.5rem;--surf-type-page-leading: 1.333333;--surf-type-page-tracking: -.01em;--surf-type-section-size: 1.25rem;--surf-type-section-leading: 1.4;--surf-type-section-tracking: -.01em;--surf-type-subsection-size: 1rem;--surf-type-subsection-leading: 1.5;--surf-type-subsection-tracking: 0;--surf-type-reading-size: 1rem;--surf-type-reading-leading: 1.75;--surf-type-reading-tracking: 0;--surf-type-body-size: .875rem;--surf-type-body-leading: 1.571429;--surf-type-body-tracking: 0;--surf-type-label-size: var(--surf-type-body-size);--surf-type-label-leading: 1.428571;--surf-type-label-tracking: 0;--surf-type-compact-size: .8125rem;--surf-type-compact-leading: 1.538462;--surf-type-compact-tracking: 0;--surf-type-caption-size: .75rem;--surf-type-caption-leading: 1.5;--surf-type-caption-tracking: .01em;--surf-type-metric-size: 1.5rem;--surf-type-metric-leading: 1.166667;--surf-type-metric-tracking: -.01em;--surf-type-code-size: var(--surf-type-compact-size);--surf-type-code-leading: var(--surf-type-compact-leading);--surf-type-table-size: var(--surf-type-compact-size);--surf-type-table-leading: var(--surf-type-compact-leading);--surf-type-hangul-word-spacing: .05em;--surf-type-workspace-title-size: var(--surf-type-display-size);--surf-type-workspace-title-leading: var(--surf-type-display-leading);--surf-type-document-title-size: var(--surf-type-display-size);--surf-type-document-title-leading: var(--surf-type-display-leading);--surf-type-document-section-size: var(--surf-type-title-size);--surf-page-header-gap: var(--surf-space-2);--surf-page-header-breadcrumb-gap: var(--surf-space-3)}@media(max-width:1100px){:root,[data-theme=dark],[data-theme=light]{--surf-layout-columns: 6}}@media(max-width:760px){:root,[data-theme=dark],[data-theme=light]{--surf-layout-columns: 4;--surf-layout-page-inset: var(--surf-space-4);--surf-layout-section-gap: var(--surf-space-8);--surf-layout-gutter: var(--surf-space-4);--surf-type-display-size: 2rem;--surf-type-title-size: 1.75rem}}:root,[data-theme=dark],[data-theme=light]{--surf-icon-stroke-width: 1.7;--surf-chart-line-width: 2;--surf-chart-line-quiet-ratio: .75}:root,[data-theme=dark],[data-theme=light]{--surf-size-control-height-small: 32px;--surf-size-control-height-default: 36px;--surf-size-control-height-large: 44px;--surf-size-control-padding-small: 8px;--surf-size-control-padding-default: 10px;--surf-size-control-padding-large: 14px;--surf-size-button-padding-small: 10px;--surf-size-button-padding-default: 14px;--surf-size-button-padding-large: 18px;--surf-size-font-small: 13px;--surf-size-font-default: 14px;--surf-size-font-large: 16px;--surf-size-leading-small: 20px;--surf-size-leading-default: 22px;--surf-size-leading-large: 24px;--surf-size-label-leading-small: 18px;--surf-size-label-leading-default: 20px;--surf-size-label-leading-large: 22px;--surf-size-choice-small: 16px;--surf-size-choice-default: 20px;--surf-size-choice-large: 24px;--surf-size-switch-width-small: 32px;--surf-size-switch-width-default: 36px;--surf-size-switch-width-large: 44px;--surf-size-switch-height-small: 20px;--surf-size-switch-height-default: 22px;--surf-size-switch-height-large: 26px;--surf-size-switch-thumb-small: 12px;--surf-size-switch-thumb-default: 14px;--surf-size-switch-thumb-large: 18px;--surf-size-icon-small: 14px;--surf-size-icon-default: 16px;--surf-size-icon-large: 20px;--surf-size-surface-padding-small: 12px;--surf-size-surface-padding-default: 16px;--surf-size-surface-padding-large: 24px;--surf-size-card-padding-small: 16px;--surf-size-card-padding-default: 24px;--surf-size-card-padding-large: 32px;--surf-size-gap-small: 6px;--surf-size-gap-default: 8px;--surf-size-gap-large: 12px;--surf-size-row-small: 32px;--surf-size-row-default: 36px;--surf-size-row-large: 44px;--surf-size-table-padding-y-small: 8px;--surf-size-table-padding-y-default: 12px;--surf-size-table-padding-y-large: 16px;--surf-size-table-padding-x-small: 12px;--surf-size-table-padding-x-default: 16px;--surf-size-table-padding-x-large: 20px;--surf-size-avatar-small: 24px;--surf-size-avatar-default: 36px;--surf-size-avatar-large: 48px;--surf-size-bottom-navigation: 56px;--surf-size-dialog-small: 420px;--surf-size-dialog-default: 640px;--surf-size-dialog-large: 840px;--surf-size-panel-small: 320px;--surf-size-panel-default: 440px;--surf-size-panel-large: 640px;--surf-size-popover-small: 240px;--surf-size-popover-default: 320px;--surf-size-popover-large: 480px;--surf-size-spinner-small: 14px;--surf-size-spinner-default: 20px;--surf-size-spinner-large: 28px;--surf-size-badge-padding-y-small: 2px;--surf-size-badge-padding-y-default: 4px;--surf-size-badge-padding-y-large: 6px;--surf-size-badge-padding-x-small: 6px;--surf-size-badge-padding-x-default: 8px;--surf-size-badge-padding-x-large: 12px;--surf-size-badge-font-small: 12px;--surf-size-badge-font-default: 12px;--surf-size-badge-font-large: 13px;--surf-size-gauge-small: 6px;--surf-size-gauge-default: 8px;--surf-size-gauge-large: 10px;--surf-size-slider-thumb-small: 20px;--surf-size-slider-thumb-default: 24px;--surf-size-slider-thumb-large: 28px;--surf-size-otp-small: 36px;--surf-size-otp-default: 44px;--surf-size-otp-large: 52px;--surf-size-tree-row-small: 36px;--surf-size-tree-row-default: 44px;--surf-size-tree-row-large: 52px;--surf-size-textarea-padding-small: 8px;--surf-size-textarea-padding-default: 12px;--surf-size-textarea-padding-large: 16px;--surf-size-tooltip-padding-y-small: 6px;--surf-size-tooltip-padding-y-default: 8px;--surf-size-tooltip-padding-y-large: 10px;--surf-size-tooltip-padding-x-small: 10px;--surf-size-tooltip-padding-x-default: 12px;--surf-size-tooltip-padding-x-large: 16px}:root,[data-theme=dark],[data-theme=light]{--surf-size-slider-track-small: 4px;--surf-size-slider-track-default: 6px;--surf-size-slider-track-large: 8px;--surf-size-file-padding-small: 12px;--surf-size-file-padding-default: 20px;--surf-size-file-padding-large: 28px;--surf-size-content-gap-small: 8px;--surf-size-content-gap-default: 12px;--surf-size-content-gap-large: 16px}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens{:root,[data-theme=dark],[data-theme=light]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal;font-optical-sizing:auto;font-synthesis-weight:none;font-variant-ligatures:no-common-ligatures}}@layer surflane.tokens{:root,[data-theme=dark],[data-theme=light]{color-scheme:dark;--surf-chrome: oklch( .2368845 .00973297 248.23792711 );--surf-canvas: oklch( .27850211 .01320057 253.03643104 );--surf-surface: oklch( .2368845 .00973297 248.23792711 );--surf-code-bg: oklch( .2050126 .00860311 247.9381172 );--surf-hover: oklch( .31355761 .01463569 251.36854651 );--surf-selected: oklch( .37866351 .01730498 248.2836448 );--surf-line: oklch( .37866351 .01730498 248.2836448 );--surf-ink-muted: oklch( .81668066 .0183769 253.3626611 );--surf-ink-body: oklch( .91321146 .017061 242.44074644 );--surf-ink: oklch(.9781762 .0034179 247.8580546);--surf-brand: oklch( .82 .12 210 );--surf-brand-ink: oklch( .82 .12 210 );--surf-on-brand: oklch( .2368845 .00973297 248.23792711 );--surf-brand-tint: oklch( .82 .12 210 / .25098039 );--surf-success: oklch( .74 .15 155 );--surf-caution: oklch(.88362398 .17366333 93.66977695);--surf-danger: oklch(.64886666 .23697091 26.97276512);--surf-info: oklch( .72 .13 255 );--surf-trend-up: oklch(.74 .15 155);--surf-trend-down: var(--surf-danger);--surf-grid-minor: oklch(.2368845 .00973297 248.23792711);--surf-grid-major: oklch(.37866351 .01730498 248.2836448);--surf-guide: oklch(.37866351 .01730498 248.2836448);--surf-shadow-sheet: 0 1px 2px oklch(0 0 0 / .25);--surf-shadow-float: 0 12px 32px -8px oklch(0 0 0 / .5)}:root[data-theme=light],[data-theme=light]{color-scheme:light;--surf-chrome: oklch(.9781762 .0034179 247.8580546);--surf-canvas: oklch(1 0 0);--surf-surface: oklch(.9781762 .0034179 247.8580546);--surf-code-bg: oklch(.95972296 .00515149 247.87778139);--surf-hover: oklch(.95972296 .00515149 247.87778139);--surf-selected: oklch(.93531009 .01353396 240.96010253);--surf-line: oklch(.93531009 .01353396 240.96010253);--surf-ink-muted: oklch(.37866351 .01730498 248.2836448);--surf-ink-body: oklch(.27850211 .01320057 253.03643104);--surf-ink: oklch(.2368845 .00973297 248.23792711);--surf-brand: oklch(.82 .12 210);--surf-brand-ink: oklch( .2368845 .00973297 248.23792711 );--surf-on-brand: oklch(.2368845 .00973297 248.23792711);--surf-brand-tint: oklch( .82 .12 210 / .30196078 );--surf-success: oklch( .74 .15 155 );--surf-caution: oklch(.88362398 .17366333 93.66977695);--surf-danger: oklch(.64886666 .23697091 26.97276512);--surf-info: oklch(.72 .13 255);--surf-trend-up: oklch(.74 .15 155);--surf-trend-down: var(--surf-danger);--surf-grid-minor: oklch(.95972296 .00515149 247.87778139);--surf-grid-major: oklch(.93531009 .01353396 240.96010253);--surf-guide: oklch(.91321146 .017061 242.44074644);--surf-shadow-sheet: 0 1px 2px oklch(.2368845 .00973297 248.23792711 / .05), 0 10px 28px -14px oklch(.2368845 .00973297 248.23792711 / .14);--surf-shadow-float: 0 12px 32px -8px oklch(.2368845 .00973297 248.23792711 / .18)}:root,[data-theme=dark],[data-theme=light]{--surf-font-hangul: "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic";--surf-font-japanese: "Noto Sans JP Variable", "Noto Sans JP", sans-serif;--surf-font-display: "Manrope Variable", var(--surf-font-hangul), -apple-system, system-ui, sans-serif;--surf-font-body: "Manrope Variable", var(--surf-font-hangul), -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--surf-font-code: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, var(--surf-font-hangul), monospace;--surf-weight-regular: 400;--surf-weight-medium: 500;--surf-tracking: 0;--surf-tracking-mono: 0;--surf-radius-sm: 6px;--surf-radius-md: 10px;--surf-radius-lg: 16px;--surf-radius-sheet: 20px;--surf-radius-full: 999px;--surf-radius-pill: 22px;--surf-space-1: 4px;--surf-space-2: 8px;--surf-space-3: 12px;--surf-space-4: 16px;--surf-space-6: 24px;--surf-space-8: 32px;--surf-space-12: 48px;--surf-collection-inset: var(--surf-space-4);--surf-sheet-inset: var( --surf-space-3 );--surf-layout-content: 52rem;--surf-layout-sidebar: 17rem;--surf-layout-splash: 75rem;--surf-grid-cell: 24px;--surf-grid-major-cell: 96px;--surf-grid-base-opacity: .35;--surf-grid-halo: 48px;--surf-veil-spread: var(--surf-space-2);--surf-veil-blur: var(--surf-space-6);--surf-duration-fast: .12s;--surf-duration-base: .2s;--surf-duration-slow: .36s;--surf-ease-out: cubic-bezier(.2, 0, 0, 1);--surf-ease-in: cubic-bezier( .3, 0, 1, 1 );--surf-logo-size: 40px}:root,[data-theme=dark],[data-theme=light]{--surf-plane: var(--surf-canvas);--surf-recessed: var(--surf-surface);--surf-control-height: 36px;--surf-control-radius: 8px;--surf-control-padding-x: 10px;--surf-control-icon-size: 16px;--surf-control-icon-gap: var(--surf-space-2);--surf-control-border: var(--surf-control-choice-border);--surf-control-background: oklch( from color-mix(in srgb, var(--surf-line) 30%, var(--surf-canvas)) l c h / alpha );--surf-control-hover-background: var(--surf-surface);--surf-control-hover-border: var(--surf-control-choice-hover-border);--surf-control-focus: var(--surf-interaction-focus);--surf-control-focus-background: var(--surf-control-background);--surf-control-disabled-background: var(--surf-surface);--surf-control-disabled-opacity: .55;--surf-control-placeholder: var(--surf-ink-muted);--surf-focus-ring-width: 2px;--surf-focus-ring-offset: 2px;--surf-focus-ring-inset: calc(-1 * var(--surf-focus-ring-width));--surf-control-focus-ring-size: 3px;--surf-control-target-size: 44px;--surf-control-target-size-min: 24px;--surf-control-text-min-size: 0px}:root,[data-theme=dark],[data-theme=light]{--surf-status-success-fg: var(--surf-success);--surf-status-success-bg: oklch( from color-mix(in srgb, var(--surf-success) 9%, var(--surf-canvas)) l c h / alpha );--surf-status-success-border: oklch( from color-mix(in srgb, var(--surf-success) 32%, var(--surf-canvas)) .61 c h / alpha );--surf-status-danger-fg: oklch( from color-mix(in srgb, var(--surf-danger) 48%, var(--surf-ink)) l c h / alpha );--surf-status-danger-bg: oklch( from color-mix(in srgb, var(--surf-danger) 10%, var(--surf-canvas)) l c h / alpha );--surf-status-danger-border: oklch( from color-mix(in srgb, var(--surf-danger) 38%, var(--surf-canvas)) .61 c h / alpha );--surf-status-caution-fg: var(--surf-caution);--surf-status-caution-bg: oklch( from color-mix(in srgb, var(--surf-caution) 9%, var(--surf-canvas)) l c h / alpha );--surf-status-caution-border: oklch( from color-mix(in srgb, var(--surf-caution) 32%, var(--surf-canvas)) .61 c h / alpha );--surf-status-progress-fg: var(--surf-ink);--surf-status-progress-bg: var(--surf-selected);--surf-status-progress-border: var(--surf-control-border);--surf-status-neutral-fg: var(--surf-ink-muted);--surf-status-neutral-bg: var(--surf-surface);--surf-status-neutral-border: var(--surf-control-border);--surf-status-info-fg: oklch( from color-mix(in srgb, var(--surf-info) 70%, var(--surf-ink)) l c h / alpha );--surf-status-info-bg: oklch( from color-mix(in srgb, var(--surf-info) 10%, var(--surf-canvas)) l c h / alpha );--surf-status-info-border: oklch( from color-mix(in srgb, var(--surf-info) 35%, var(--surf-canvas)) .61 c h / alpha );--surf-status-success-mark: oklch( from var(--surf-success) max(l, .72) c h );--surf-status-danger-mark: oklch(from var(--surf-danger) max(l, .72) c h);--surf-status-caution-mark: oklch( from var(--surf-caution) max(l, .72) c h );--surf-status-info-mark: oklch(from var(--surf-info) max(l, .72) c h);--surf-status-progress-mark: var(--surf-brand-mark);--surf-status-neutral-mark: oklch(from var(--surf-ink-muted) .72 c h);--surf-trend-up-fg: var(--surf-trend-up);--surf-trend-up-bg: oklch( from color-mix(in srgb, var(--surf-trend-up) 10%, var(--surf-canvas)) l c h / alpha );--surf-trend-down-fg: oklch( from color-mix(in srgb, var(--surf-trend-down) 48%, var(--surf-ink)) l c h / alpha );--surf-trend-down-bg: oklch( from color-mix(in srgb, var(--surf-trend-down) 10%, var(--surf-canvas)) l c h / alpha );--surf-trend-flat-fg: var(--surf-ink-muted);--surf-interaction-hover-bg: oklch(from var(--surf-ink) l c h / .08);--surf-interaction-active-bg: oklch(from var(--surf-ink) l c h / .14);--surf-interaction-focus: var(--surf-brand-ink);--surf-selected-edge: color-mix( in oklch, var(--surf-interaction-focus) 65%, var(--surf-selected) );--surf-brand-mark: var(--surf-brand);--surf-slider-track: var(--surf-surface)}:root[data-theme=light],[data-theme=light]{--surf-brand-mark: oklch(from var(--surf-brand) min(l, .6) min(c, .12) h);--surf-slider-track: var(--surf-surface);--surf-status-success-fg: oklch( from color-mix(in srgb, var(--surf-success) 25%, var(--surf-ink)) l c h / alpha );--surf-status-success-bg: oklch( from color-mix(in srgb, var(--surf-success) 9%, var(--surf-canvas)) l c h / alpha );--surf-status-success-border: oklch( from color-mix(in srgb, var(--surf-success) 25%, var(--surf-line)) .64 c h / alpha );--surf-status-danger-fg: oklch( from color-mix(in srgb, var(--surf-danger) 65%, var(--surf-ink)) l c h / alpha );--surf-status-danger-bg: oklch( from color-mix(in srgb, var(--surf-danger) 5%, var(--surf-canvas)) l c h / alpha );--surf-status-danger-border: oklch( from color-mix(in srgb, var(--surf-danger) 30%, var(--surf-line)) .64 c h / alpha );--surf-status-caution-fg: oklch( from color-mix(in srgb, var(--surf-caution) 25%, var(--surf-ink)) l c h / alpha );--surf-status-caution-bg: oklch( from color-mix(in srgb, var(--surf-caution) 12%, var(--surf-canvas)) l c h / alpha );--surf-status-caution-border: oklch( from color-mix(in srgb, var(--surf-caution) 45%, var(--surf-line)) .64 c h / alpha );--surf-status-info-fg: oklch( from color-mix(in srgb, var(--surf-info) 45%, var(--surf-ink)) l c h / alpha );--surf-status-info-bg: oklch( from color-mix(in srgb, var(--surf-info) 8%, var(--surf-canvas)) l c h / alpha );--surf-status-info-border: oklch( from color-mix(in srgb, var(--surf-info) 30%, var(--surf-line)) .64 c h / alpha );--surf-status-success-mark: oklch(from var(--surf-success) min(l, .6) c h);--surf-status-danger-mark: oklch(from var(--surf-danger) min(l, .6) c h);--surf-status-caution-mark: oklch(from var(--surf-caution) min(l, .6) c h);--surf-status-info-mark: oklch(from var(--surf-info) min(l, .6) c h);--surf-status-neutral-mark: oklch(from var(--surf-ink-muted) .6 c h);--surf-trend-up-fg: oklch( from color-mix(in srgb, var(--surf-trend-up) 55%, var(--surf-ink)) l c h / alpha );--surf-trend-up-bg: oklch( from color-mix(in srgb, var(--surf-trend-up) 8%, var(--surf-canvas)) l c h / alpha );--surf-trend-down-fg: oklch( from color-mix(in srgb, var(--surf-trend-down) 65%, var(--surf-ink)) l c h / alpha );--surf-trend-down-bg: oklch( from color-mix(in srgb, var(--surf-trend-down) 5%, var(--surf-canvas)) l c h / alpha )}:root,[data-theme=dark],[data-theme=light]{--surf-menu-background: var(--surf-canvas);--surf-menu-border: var(--surf-line);--surf-menu-hover-background: var(--surf-surface);--surf-menu-selected-background: var(--surf-selected);--surf-control-focus-ring: oklch( from color-mix(in srgb, var(--surf-control-focus) 20%, var(--surf-canvas)) l c h / alpha )}:root[data-theme=light],[data-theme=light]{--surf-control-background: var(--surf-canvas)}@media(max-width:760px),(pointer:coarse){:root,[data-theme=dark],[data-theme=light]{--surf-control-height: var(--surf-control-target-size);--surf-control-text-min-size: 16px}}:root,[data-theme=dark],[data-theme=light]{--surf-motion-feedback: var(--surf-duration-fast);--surf-motion-reveal: .16s;--surf-motion-enter: var(--surf-duration-base);--surf-motion-exit: .1s;--surf-motion-ease: var(--surf-ease-out);--surf-motion-spatial-ease: cubic-bezier(.16, 1, .3, 1);--surf-motion-lift: 4px;--surf-motion-spin: 1s;--surf-motion-pulse: 1.4s;--surf-skeleton-base: oklch( from color-mix(in srgb, var(--surf-ink-muted) 14%, var(--surf-canvas)) l c h / alpha );--surf-skeleton-highlight: oklch( from color-mix(in srgb, var(--surf-ink-muted) 24%, var(--surf-canvas)) l c h / alpha )}:root,[data-theme=dark],[data-theme=light]{--surf-scrollbar-size: 8px;--surf-scrollbar-indicator-size: 6px;--surf-scrollbar-radius: var(--surf-radius-full);--surf-scrollbar-track: oklch(0 0 0 / 0);--surf-scrollbar-thumb: oklch( from color-mix(in srgb, var(--surf-ink-muted) 60%, var(--surf-canvas)) l c h / alpha );--surf-scrollbar-thumb-hover: var(--surf-ink-muted)}@media(hover:none)and (pointer:coarse){:root,[data-theme=dark],[data-theme=light]{--surf-scrollbar-indicator-size: 3px}}@media(max-width:760px){:root,[data-theme=dark],[data-theme=light]{--surf-collection-inset: var(--surf-space-3)}}@media(prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]){--surf-brand-mark: oklch( from var(--surf-brand) min(l, .6) min(c, .12) h );--surf-slider-track: var(--surf-surface);color-scheme:light;--surf-chrome: oklch(.9781762 .0034179 247.8580546);--surf-canvas: oklch(1 0 0);--surf-surface: oklch(.9781762 .0034179 247.8580546);--surf-code-bg: oklch(.95972296 .00515149 247.87778139);--surf-hover: oklch(.95972296 .00515149 247.87778139);--surf-selected: oklch(.93531009 .01353396 240.96010253);--surf-line: oklch(.93531009 .01353396 240.96010253);--surf-ink-muted: oklch(.37866351 .01730498 248.2836448);--surf-ink-body: oklch(.27850211 .01320057 253.03643104);--surf-ink: oklch(.2368845 .00973297 248.23792711);--surf-brand: oklch(.82 .12 210);--surf-brand-ink: oklch( .2368845 .00973297 248.23792711 );--surf-on-brand: oklch(.2368845 .00973297 248.23792711);--surf-brand-tint: oklch( .82 .12 210 / .30196078 );--surf-success: oklch( .74 .15 155 );--surf-caution: oklch(.88362398 .17366333 93.66977695);--surf-danger: oklch(.64886666 .23697091 26.97276512);--surf-info: oklch(.72 .13 255);--surf-trend-up: oklch(.74 .15 155);--surf-trend-down: var(--surf-danger);--surf-grid-minor: oklch( .95972296 .00515149 247.87778139 );--surf-grid-major: oklch( .93531009 .01353396 240.96010253 );--surf-guide: oklch(.91321146 .017061 242.44074644);--surf-shadow-sheet: 0 1px 2px oklch(.2368845 .00973297 248.23792711 / .05), 0 10px 28px -14px oklch(.2368845 .00973297 248.23792711 / .14);--surf-shadow-float: 0 12px 32px -8px oklch(.2368845 .00973297 248.23792711 / .18);--surf-status-success-fg: oklch( from color-mix(in srgb, var(--surf-success) 25%, var(--surf-ink)) l c h / alpha );--surf-status-success-bg: oklch( from color-mix(in srgb, var(--surf-success) 9%, var(--surf-canvas)) l c h / alpha );--surf-status-success-border: oklch( from color-mix(in srgb, var(--surf-success) 25%, var(--surf-line)) .64 c h / alpha );--surf-status-danger-fg: oklch( from color-mix(in srgb, var(--surf-danger) 65%, var(--surf-ink)) l c h / alpha );--surf-status-danger-bg: oklch( from color-mix(in srgb, var(--surf-danger) 5%, var(--surf-canvas)) l c h / alpha );--surf-status-danger-border: oklch( from color-mix(in srgb, var(--surf-danger) 30%, var(--surf-line)) .64 c h / alpha );--surf-status-caution-fg: oklch( from color-mix(in srgb, var(--surf-caution) 25%, var(--surf-ink)) l c h / alpha );--surf-status-caution-bg: oklch( from color-mix(in srgb, var(--surf-caution) 12%, var(--surf-canvas)) l c h / alpha );--surf-status-caution-border: oklch( from color-mix(in srgb, var(--surf-caution) 45%, var(--surf-line)) .64 c h / alpha );--surf-status-info-fg: oklch( from color-mix(in srgb, var(--surf-info) 45%, var(--surf-ink)) l c h / alpha );--surf-status-info-bg: oklch( from color-mix(in srgb, var(--surf-info) 8%, var(--surf-canvas)) l c h / alpha );--surf-status-info-border: oklch( from color-mix(in srgb, var(--surf-info) 30%, var(--surf-line)) .64 c h / alpha );--surf-status-success-mark: oklch( from var(--surf-success) min(l, .6) c h );--surf-status-danger-mark: oklch(from var(--surf-danger) min(l, .6) c h);--surf-status-caution-mark: oklch( from var(--surf-caution) min(l, .6) c h );--surf-status-info-mark: oklch(from var(--surf-info) min(l, .6) c h);--surf-status-neutral-mark: oklch(from var(--surf-ink-muted) .6 c h);--surf-trend-up-fg: oklch( from color-mix(in srgb, var(--surf-trend-up) 55%, var(--surf-ink)) l c h / alpha );--surf-trend-up-bg: oklch( from color-mix(in srgb, var(--surf-trend-up) 8%, var(--surf-canvas)) l c h / alpha );--surf-trend-down-fg: oklch( from color-mix(in srgb, var(--surf-trend-down) 65%, var(--surf-ink)) l c h / alpha );--surf-trend-down-bg: oklch( from color-mix(in srgb, var(--surf-trend-down) 5%, var(--surf-canvas)) l c h / alpha );--surf-control-background: var(--surf-canvas)}}:root,[data-theme=dark],[data-theme=light]{--surf-font-mono: var(--surf-font-code)}:root,[data-theme=dark],[data-theme=light]{--surf-layer-chrome: 1000;--surf-layer-backdrop: 1090;--surf-layer-dialog: 1100;--surf-layer-popup: 1200;--surf-layer-tooltip: 1300;--surf-tooltip-background: var(--surf-ink);--surf-tooltip-foreground: var(--surf-canvas)}:root,[data-theme=dark],[data-theme=light]{--surf-dialog-enter-duration: var(--surf-motion-enter);--surf-dialog-enter-offset: 8px;--surf-dialog-exit-duration: 0ms;--surf-toast-enter-duration: .32s;--surf-toast-stack-duration: var(--surf-duration-slow);--surf-toast-stack-ease: cubic-bezier(.22, .61, .36, 1)}:root,[data-theme=dark],[data-theme=light]{--surf-control-choice-size: 20px;--surf-control-choice-radius: var(--surf-radius-sm);--surf-control-choice-border: oklch( from color-mix(in srgb, var(--surf-ink-muted) 60%, var(--surf-line)) l c h / alpha );--surf-control-choice-hover-border: oklch( from color-mix(in srgb, var(--surf-ink-muted) 75%, var(--surf-line)) l c h / alpha );--surf-control-choice-selected-bg: var(--surf-brand);--surf-control-choice-selected-hover-bg: color-mix( in oklch, var(--surf-brand) 90%, var(--surf-on-brand) );--surf-control-choice-selected-border: oklch( from color-mix( in srgb, var(--surf-control-choice-selected-bg) 54%, var(--surf-control-choice-selected-fg) ) l c h / alpha );--surf-control-choice-selected-fg: var(--surf-on-brand);--surf-control-switch-width: 36px;--surf-control-switch-height: 22px;--surf-control-switch-thumb: 14px}:root,[data-theme=dark],[data-theme=light]{--surf-status-badge-gap: var(--surf-space-1);--surf-status-dot-size: 8px}:root,[data-theme=dark],[data-theme=light]{--surf-selection-background: oklch(from var(--surf-selected) .48 c h);--surf-selection-foreground: var(--surf-ink)}:root[data-theme=light],[data-theme=light]{--surf-selection-background: oklch(from var(--surf-selected) .8 c h)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]){--surf-selection-background: oklch(from var(--surf-selected) .8 c h)}}::selection{background-color:var(--surf-selection-background);color:var(--surf-selection-foreground);text-shadow:none}@media(forced-colors:active){::selection{background-color:Highlight;color:HighlightText}}:root,[data-theme=dark],[data-theme=light]{--surf-badge-neutral-bg: var(--surf-status-neutral-bg);--surf-badge-success-bg: oklch( from color-mix( in srgb, var(--surf-status-success-fg) 3%, var(--surf-status-success-bg) ) l c h / alpha );--surf-badge-danger-bg: oklch( from color-mix( in srgb, var(--surf-status-danger-fg) 3%, var(--surf-status-danger-bg) ) l c h / alpha );--surf-badge-caution-bg: oklch( from color-mix( in srgb, var(--surf-status-caution-fg) 3%, var(--surf-status-caution-bg) ) l c h / alpha );--surf-badge-progress-bg: var(--surf-status-progress-bg);--surf-badge-info-bg: oklch( from color-mix( in srgb, var(--surf-status-info-fg) 3%, var(--surf-status-info-bg) ) l c h / alpha )}:root,[data-theme=dark],[data-theme=light]{--surf-chart-series-1: var(--surf-brand-ink);--surf-chart-series-2: var(--surf-ink-body);--surf-chart-series-3: var(--surf-ink-muted)}:root,[data-theme=dark],[data-theme=light]{--surf-chart-category-1: oklch(.76 .12 250);--surf-chart-category-2: oklch(.78 .11 185);--surf-chart-category-3: oklch(.8 .14 135);--surf-chart-category-4: oklch(.82 .13 80);--surf-chart-category-5: oklch(.74 .14 25);--surf-chart-category-6: oklch(.74 .12 310);--surf-chart-category-7: oklch(.84 .065 280);--surf-chart-category-8: oklch(.88 .085 215);--surf-chart-category-9: oklch(.92 .1 160);--surf-chart-category-10: oklch(.9 .105 108);--surf-chart-category-11: oklch(.87 .065 52);--surf-chart-category-12: oklch(.86 .095 345);--surf-chart-category-13: oklch(.56 .12 250);--surf-chart-category-14: oklch(.63 .11 185);--surf-chart-category-15: oklch(.55 .14 135);--surf-chart-category-16: oklch(.64 .13 80);--surf-chart-category-17: oklch(.58 .14 25);--surf-chart-category-18: oklch(.61 .12 310);--surf-chart-category-19: oklch(.67 .065 280);--surf-chart-category-20: oklch(.7 .085 215);--surf-chart-category-21: oklch(.71 .1 160);--surf-chart-category-22: oklch(.73 .105 108);--surf-chart-category-23: oklch(.69 .065 52);--surf-chart-category-24: oklch(.68 .095 345)}:root[data-theme=light],[data-theme=light]{--surf-chart-category-1: oklch(.5 .14 255);--surf-chart-category-2: oklch(.52 .09 190);--surf-chart-category-3: oklch(.52 .12 140);--surf-chart-category-4: oklch(.56 .12 70);--surf-chart-category-5: oklch(.54 .17 25);--surf-chart-category-6: oklch(.5 .15 310);--surf-chart-category-7: oklch(.38 .12 280);--surf-chart-category-8: oklch(.44 .075 215);--surf-chart-category-9: oklch(.4 .09 160);--surf-chart-category-10: oklch(.45 .09 108);--surf-chart-category-11: oklch(.42 .105 52);--surf-chart-category-12: oklch(.4 .12 345);--surf-chart-category-13: oklch(.64 .14 255);--surf-chart-category-14: oklch(.63 .085 190);--surf-chart-category-15: oklch(.62 .13 140);--surf-chart-category-16: oklch(.64 .12 70);--surf-chart-category-17: oklch(.64 .17 25);--surf-chart-category-18: oklch(.64 .15 310);--surf-chart-category-19: oklch(.58 .12 280);--surf-chart-category-20: oklch(.58 .075 215);--surf-chart-category-21: oklch(.58 .09 160);--surf-chart-category-22: oklch(.59 .09 108);--surf-chart-category-23: oklch(.6 .105 52);--surf-chart-category-24: oklch(.58 .12 345)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]){--surf-chart-category-1: oklch(.5 .14 255);--surf-chart-category-2: oklch(.52 .09 190);--surf-chart-category-3: oklch(.52 .12 140);--surf-chart-category-4: oklch(.56 .12 70);--surf-chart-category-5: oklch(.54 .17 25);--surf-chart-category-6: oklch(.5 .15 310);--surf-chart-category-7: oklch(.38 .12 280);--surf-chart-category-8: oklch(.44 .075 215);--surf-chart-category-9: oklch(.4 .09 160);--surf-chart-category-10: oklch(.45 .09 108);--surf-chart-category-11: oklch(.42 .105 52);--surf-chart-category-12: oklch(.4 .12 345);--surf-chart-category-13: oklch(.64 .14 255);--surf-chart-category-14: oklch(.63 .085 190);--surf-chart-category-15: oklch(.62 .13 140);--surf-chart-category-16: oklch(.64 .12 70);--surf-chart-category-17: oklch(.64 .17 25);--surf-chart-category-18: oklch(.64 .15 310);--surf-chart-category-19: oklch(.58 .12 280);--surf-chart-category-20: oklch(.58 .075 215);--surf-chart-category-21: oklch(.58 .09 160);--surf-chart-category-22: oklch(.59 .09 108);--surf-chart-category-23: oklch(.6 .105 52);--surf-chart-category-24: oklch(.58 .12 345)}}:root,[data-theme=dark],[data-theme=light]{--surf-syntax-plain: var(--surf-ink-body);--surf-syntax-comment: oklch(.7 .012 250);--surf-syntax-keyword: oklch(.78 .08 295);--surf-syntax-string: oklch(.8 .065 150);--surf-syntax-number: oklch(.82 .075 80);--surf-syntax-function: oklch(.81 .075 245);--surf-syntax-tag: var(--surf-syntax-function);--surf-syntax-attribute: var(--surf-syntax-plain);--surf-syntax-punctuation: var(--surf-syntax-comment)}:root[data-theme=light],[data-theme=light]{--surf-syntax-comment: oklch(.47 .012 250);--surf-syntax-keyword: oklch(.43 .08 295);--surf-syntax-string: oklch(.43 .065 150);--surf-syntax-number: oklch(.43 .075 80);--surf-syntax-function: oklch(.44 .075 245)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]){--surf-syntax-comment: oklch(.47 .012 250);--surf-syntax-keyword: oklch(.43 .08 295);--surf-syntax-string: oklch(.43 .065 150);--surf-syntax-number: oklch(.43 .075 80);--surf-syntax-function: oklch(.44 .075 245)}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-code-scroll{max-width:100%;overflow:auto}.surf-feedback-sr,.surf-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@property --surf-status-progress{syntax: "<number>"; inherits: false; initial-value: 1;}}@layer surflane.base{:where(button,input,select,textarea)[class*=surf-]{font-kerning:inherit;font-optical-sizing:inherit;font-synthesis-weight:inherit;font-variant-ligatures:inherit}}@layer surflane.components{@keyframes surf-progress-pulse{50%{opacity:.45}}:where(.surf-button,.surf-tabs-tab,.surf-disclosure-trigger,.surf-app-shell-link,.surf-tree-item,.surf-tree-toggle,.surf-chart-legend-button,.surf-checkbox,.surf-radio,.surf-switch,.surf-choice-label,.surf-select-trigger,.surf-select-item,.surf-combobox-item,.surf-combobox-action,.surf-combobox-chip-remove,.surf-menu-item,.surf-navigation-trigger,.surf-navigation-link,.surf-link,.surf-breadcrumb-item a,.surf-calendar-day,.surf-calendar-nav,.surf-date-trigger,.surf-file-trigger,.surf-number-step,.surf-slider-control,.surf-toast-action,.surf-toast-close){-webkit-tap-highlight-color:transparent}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-control,.surf-select{position:relative;display:inline-flex;min-width:0;max-width:100%;width:100%;vertical-align:middle}.surf-input,.surf-select-trigger{box-sizing:border-box;width:100%;min-width:0;height:var(--surf-control-height);padding:0 var(--surf-control-padding-x);border:1px solid var(--surf-control-border);border-radius:var(--surf-control-radius);background:var(--surf-control-background);color:var(--surf-ink);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-body-tracking);outline:none;transition:background-color var(--surf-duration-fast) var(--surf-ease-out),border-color var(--surf-duration-fast) var(--surf-ease-out),box-shadow var(--surf-duration-fast) var(--surf-ease-out)}.surf-input{font-size:max(var(--surf-control-text-min-size),var(--surf-type-body-size))}.surf-input:hover:not(:disabled,[aria-disabled=true],[readonly],:focus),.surf-select-trigger:hover:not(:disabled,[aria-disabled=true],:focus-visible){background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg));border-color:var(--surf-control-hover-border)}.surf-input:focus,.surf-select-trigger:focus-visible{background:var(--surf-control-focus-background);border-color:var(--surf-control-focus);box-shadow:0 0 0 var(--surf-control-focus-ring-size) var(--surf-control-focus-ring)}.surf-input:disabled,.surf-select-trigger:disabled{opacity:var(--surf-control-disabled-opacity);cursor:not-allowed;background:var(--surf-recessed)}.surf-input[readonly]:not(:focus,[aria-invalid=true]){border-color:transparent;background:var(--surf-recessed)}.surf-input[aria-invalid=true],.surf-input[aria-invalid=true]:hover,.surf-select-trigger[aria-invalid=true],.surf-select-trigger[aria-invalid=true]:hover{border-color:var(--surf-status-danger-fg)}@media(forced-colors:active){.surf-input:focus,.surf-select-trigger:focus-visible{outline:var(--surf-focus-ring-width) solid Highlight;outline-offset:var(--surf-focus-ring-offset)}}@media(prefers-reduced-motion:reduce){.surf-input,.surf-select-trigger{transition:none}}.surf-textarea[readonly],.surf-input[readonly]{cursor:text}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.sizes{.surf-size-scope{display:contents}[data-ui-size=small]{--surf-ui-slider-track: var(--surf-size-slider-track-small);--surf-ui-file-padding: var(--surf-size-file-padding-small);--surf-ui-content-gap: var(--surf-size-content-gap-small);--surf-ui-title-size: var(--surf-type-subsection-size);--surf-ui-title-leading: var(--surf-type-subsection-leading);--surf-ui-title-tracking: var(--surf-type-subsection-tracking);--surf-ui-control-height: var(--surf-size-control-height-small);--surf-ui-control-padding: var(--surf-size-control-padding-small);--surf-ui-button-padding: var(--surf-size-button-padding-small);--surf-ui-font: var(--surf-size-font-small);--surf-ui-leading: var(--surf-size-leading-small);--surf-ui-label-leading: var(--surf-size-label-leading-small);--surf-ui-choice: var(--surf-size-choice-small);--surf-ui-switch-width: var(--surf-size-switch-width-small);--surf-ui-switch-height: var(--surf-size-switch-height-small);--surf-ui-switch-thumb: var(--surf-size-switch-thumb-small);--surf-ui-icon: var(--surf-size-icon-small);--surf-ui-surface-padding: var(--surf-size-surface-padding-small);--surf-ui-card-padding: var(--surf-size-card-padding-small);--surf-ui-gap: var(--surf-size-gap-small);--surf-ui-row: var(--surf-size-row-small);--surf-ui-table-padding-y: var(--surf-size-table-padding-y-small);--surf-ui-table-padding-x: var(--surf-size-table-padding-x-small);--surf-ui-avatar: var(--surf-size-avatar-small);--surf-ui-spinner: var(--surf-size-spinner-small);--surf-ui-badge-padding-y: var(--surf-size-badge-padding-y-small);--surf-ui-badge-padding-x: var(--surf-size-badge-padding-x-small);--surf-ui-badge-font: var(--surf-size-badge-font-small);--surf-ui-gauge: var(--surf-size-gauge-small);--surf-ui-slider-thumb: var(--surf-size-slider-thumb-small);--surf-ui-otp: var(--surf-size-otp-small);--surf-ui-tree-row: var(--surf-size-tree-row-small);--surf-ui-textarea-padding: var(--surf-size-textarea-padding-small);--surf-ui-tooltip-padding-y: var(--surf-size-tooltip-padding-y-small);--surf-ui-tooltip-padding-x: var(--surf-size-tooltip-padding-x-small);--surf-control-height: var(--surf-ui-control-height);--surf-control-padding-x: var(--surf-ui-control-padding);--surf-control-choice-size: var(--surf-ui-choice);--surf-control-switch-width: var(--surf-ui-switch-width);--surf-control-switch-height: var(--surf-ui-switch-height);--surf-control-switch-thumb: var(--surf-ui-switch-thumb)}[data-ui-size=default]{--surf-ui-slider-track: var(--surf-size-slider-track-default);--surf-ui-file-padding: var(--surf-size-file-padding-default);--surf-ui-content-gap: var(--surf-size-content-gap-default);--surf-ui-title-size: var(--surf-type-section-size);--surf-ui-title-leading: var(--surf-type-section-leading);--surf-ui-title-tracking: var(--surf-type-section-tracking);--surf-ui-control-height: var(--surf-size-control-height-default);--surf-ui-control-padding: var(--surf-size-control-padding-default);--surf-ui-button-padding: var(--surf-size-button-padding-default);--surf-ui-font: var(--surf-size-font-default);--surf-ui-leading: var(--surf-size-leading-default);--surf-ui-label-leading: var(--surf-size-label-leading-default);--surf-ui-choice: var(--surf-size-choice-default);--surf-ui-switch-width: var(--surf-size-switch-width-default);--surf-ui-switch-height: var(--surf-size-switch-height-default);--surf-ui-switch-thumb: var(--surf-size-switch-thumb-default);--surf-ui-icon: var(--surf-size-icon-default);--surf-ui-surface-padding: var(--surf-size-surface-padding-default);--surf-ui-card-padding: var(--surf-size-card-padding-default);--surf-ui-gap: var(--surf-size-gap-default);--surf-ui-row: var(--surf-size-row-default);--surf-ui-table-padding-y: var(--surf-size-table-padding-y-default);--surf-ui-table-padding-x: var(--surf-size-table-padding-x-default);--surf-ui-avatar: var(--surf-size-avatar-default);--surf-ui-spinner: var(--surf-size-spinner-default);--surf-ui-badge-padding-y: var(--surf-size-badge-padding-y-default);--surf-ui-badge-padding-x: var(--surf-size-badge-padding-x-default);--surf-ui-badge-font: var(--surf-size-badge-font-default);--surf-ui-gauge: var(--surf-size-gauge-default);--surf-ui-slider-thumb: var(--surf-size-slider-thumb-default);--surf-ui-otp: var(--surf-size-otp-default);--surf-ui-tree-row: var(--surf-size-tree-row-default);--surf-ui-textarea-padding: var(--surf-size-textarea-padding-default);--surf-ui-tooltip-padding-y: var(--surf-size-tooltip-padding-y-default);--surf-ui-tooltip-padding-x: var(--surf-size-tooltip-padding-x-default);--surf-control-height: var(--surf-ui-control-height);--surf-control-padding-x: var(--surf-ui-control-padding);--surf-control-choice-size: var(--surf-ui-choice);--surf-control-switch-width: var(--surf-ui-switch-width);--surf-control-switch-height: var(--surf-ui-switch-height);--surf-control-switch-thumb: var(--surf-ui-switch-thumb)}[data-ui-size=large]{--surf-ui-slider-track: var(--surf-size-slider-track-large);--surf-ui-file-padding: var(--surf-size-file-padding-large);--surf-ui-content-gap: var(--surf-size-content-gap-large);--surf-ui-title-size: var(--surf-type-section-size);--surf-ui-title-leading: var(--surf-type-section-leading);--surf-ui-title-tracking: var(--surf-type-section-tracking);--surf-ui-control-height: var(--surf-size-control-height-large);--surf-ui-control-padding: var(--surf-size-control-padding-large);--surf-ui-button-padding: var(--surf-size-button-padding-large);--surf-ui-font: var(--surf-size-font-large);--surf-ui-leading: var(--surf-size-leading-large);--surf-ui-label-leading: var(--surf-size-label-leading-large);--surf-ui-choice: var(--surf-size-choice-large);--surf-ui-switch-width: var(--surf-size-switch-width-large);--surf-ui-switch-height: var(--surf-size-switch-height-large);--surf-ui-switch-thumb: var(--surf-size-switch-thumb-large);--surf-ui-icon: var(--surf-size-icon-large);--surf-ui-surface-padding: var(--surf-size-surface-padding-large);--surf-ui-card-padding: var(--surf-size-card-padding-large);--surf-ui-gap: var(--surf-size-gap-large);--surf-ui-row: var(--surf-size-row-large);--surf-ui-table-padding-y: var(--surf-size-table-padding-y-large);--surf-ui-table-padding-x: var(--surf-size-table-padding-x-large);--surf-ui-avatar: var(--surf-size-avatar-large);--surf-ui-spinner: var(--surf-size-spinner-large);--surf-ui-badge-padding-y: var(--surf-size-badge-padding-y-large);--surf-ui-badge-padding-x: var(--surf-size-badge-padding-x-large);--surf-ui-badge-font: var(--surf-size-badge-font-large);--surf-ui-gauge: var(--surf-size-gauge-large);--surf-ui-slider-thumb: var(--surf-size-slider-thumb-large);--surf-ui-otp: var(--surf-size-otp-large);--surf-ui-tree-row: var(--surf-size-tree-row-large);--surf-ui-textarea-padding: var(--surf-size-textarea-padding-large);--surf-ui-tooltip-padding-y: var(--surf-size-tooltip-padding-y-large);--surf-ui-tooltip-padding-x: var(--surf-size-tooltip-padding-x-large);--surf-control-height: var(--surf-ui-control-height);--surf-control-padding-x: var(--surf-ui-control-padding);--surf-control-choice-size: var(--surf-ui-choice);--surf-control-switch-width: var(--surf-ui-switch-width);--surf-control-switch-height: var(--surf-ui-switch-height);--surf-control-switch-thumb: var(--surf-ui-switch-thumb)}[data-ui-density=compact]{--surf-ui-density-gap: var(--surf-space-3);--surf-ui-density-inset: var(--surf-space-2);--surf-control-target-size: var(--surf-control-target-size-min)}@media(max-width:760px),(pointer:coarse){[data-ui-size],[data-ui-density=compact]{--surf-control-height: max( var(--surf-control-target-size), var(--surf-ui-control-height, var(--surf-size-control-height-default)) );--surf-ui-row: max( var(--surf-control-target-size), var(--surf-ui-control-height, var(--surf-size-control-height-default)) )}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-input::placeholder{color:var(--surf-control-placeholder);opacity:1}.surf-control-icon{pointer-events:none;position:absolute;inset-inline-start:var(--surf-control-padding-x);top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--surf-ink-muted);z-index:1}.surf-control[data-leading-icon] .surf-input{padding-inline-start:calc(var(--surf-control-padding-x) + var(--surf-control-icon-size) + var(--surf-control-icon-gap))}}@layer surflane.components{.surf-input[data-mono]{font-family:var(--surf-font-code);letter-spacing:var(--surf-tracking-mono);font-variant-ligatures:none}.surf-textarea[data-mono]{font-size:max(var(--surf-control-text-min-size),var(--surf-type-code-size));line-height:var(--surf-type-code-leading)}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *):is(.surf-input){font-size:max(var(--surf-control-text-min-size),var(--surf-ui-font));line-height:var(--surf-ui-leading)}:where([data-ui-size],[data-ui-size] *):is(.surf-textarea[data-mono]){font-size:max(var(--surf-control-text-min-size),var(--surf-type-code-size));line-height:var(--surf-type-code-leading)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-positioner{z-index:var(--surf-layer-popup);outline:none;isolation:isolate}.surf-select-popup,.surf-popover,.surf-menu,.surf-tooltip{box-sizing:border-box;max-width:calc(100vw - 24px);border:1px solid var(--surf-menu-border);border-radius:var(--surf-radius-md);background:var(--surf-menu-background);color:var(--surf-ink);box-shadow:var(--surf-shadow-float);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-body-tracking);outline:none}:is(.surf-select-popup,.surf-popover,.surf-menu,.surf-combobox-popup,.surf-preview-card,.surf-navigation-popup){translate:0 0;transition:opacity var(--surf-duration-fast) var(--surf-ease-out),translate var(--surf-duration-fast) var(--surf-ease-out)}:is(.surf-select-popup,.surf-popover,.surf-menu,.surf-combobox-popup,.surf-preview-card,.surf-navigation-popup)[data-starting-style]{opacity:0;translate:0 var(--surf-motion-lift)}:is(.surf-select-popup,.surf-popover,.surf-menu,.surf-combobox-popup,.surf-preview-card,.surf-navigation-popup):is([data-ending-style],[data-instant]){transition:none}@media(prefers-reduced-motion:reduce){:is(.surf-select-popup,.surf-popover,.surf-menu,.surf-combobox-popup,.surf-preview-card,.surf-navigation-popup){transition:none;translate:none}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-menu-group-label,.surf-select-group-label{padding:var(--surf-space-2) var(--surf-space-3);color:var(--surf-ink-muted);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);letter-spacing:var(--surf-type-caption-tracking)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-icon{display:inline-block;flex:0 0 auto;width:var(--surf-size-icon-default);height:var(--surf-size-icon-default);vertical-align:-.125em;stroke-width:var(--surf-icon-stroke-width);pointer-events:none}.surf-icon[data-size=small]{width:var(--surf-size-icon-small);height:var(--surf-size-icon-small)}.surf-icon[data-size=large]{width:var(--surf-size-icon-large);height:var(--surf-size-icon-large)}.surf-icon[data-directional=true]:dir(rtl){transform:scaleX(-1)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--surf-space-2);text-align:start;cursor:pointer}.surf-select-trigger>span:first-child,.surf-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.surf-select[data-width=content],.surf-select[data-width=content] .surf-select-trigger{width:auto}.surf-select-sizer{display:grid;min-width:0}.surf-select-sizer>*{grid-area:1 / 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.surf-select-sizer>[aria-hidden=true]{visibility:hidden}.surf-select-separator{block-size:1px;margin-block:var(--surf-space-1);background:var(--surf-line)}.surf-select-icon{display:flex;align-items:center;flex:none;color:var(--surf-ink-muted)}.surf-select-popup{min-width:var(--anchor-width);max-height:min(360px,var(--available-height));overflow:auto;padding:var(--surf-space-1);overscroll-behavior:contain;scrollbar-width:thin}.surf-select-item{position:relative;display:flex;align-items:center;gap:var(--surf-space-2);min-height:var(--surf-control-height);padding:max(var(--surf-space-1),calc((var(--surf-control-height) - 1lh) / 2)) var(--surf-space-3);padding-inline-start:calc(var(--surf-space-3) + var(--surf-size-icon-default) + var(--surf-space-2));border-radius:var(--surf-control-radius);cursor:default;outline:none;overflow-wrap:anywhere}.surf-select-item[data-highlighted]{background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.surf-select-item[data-selected]{font-weight:var(--surf-weight-medium)}.surf-select-item[data-disabled]{opacity:var(--surf-control-disabled-opacity)}@media(forced-colors:active){.surf-select-item[data-highlighted]{outline:1px solid CanvasText;outline-offset:-1px}}.surf-select-check{position:absolute;inset-inline-start:var(--surf-space-3);display:flex;width:var(--surf-size-icon-default)}.surf-select-group-label{padding-inline-start:calc(var(--surf-space-3) + var(--surf-size-icon-default) + var(--surf-space-2))}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *):is(.surf-select-trigger){font-size:var(--surf-ui-font);line-height:var(--surf-ui-leading)}:where([data-ui-size],[data-ui-size] *):is(.surf-select-item){min-block-size:var(--surf-ui-row);font-size:var(--surf-ui-font);line-height:var(--surf-ui-leading)}:where([data-ui-size],[data-ui-size] *):is(.surf-select-item){box-sizing:border-box;padding-block:max(var(--surf-space-1),calc((var(--surf-ui-row) - var(--surf-ui-leading)) / 2))}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-kbd{box-sizing:border-box;display:inline-block;min-inline-size:1.5em;padding:0 var(--surf-space-1);border-radius:var(--surf-radius-sm);background:var(--surf-recessed);color:var(--surf-ink);font-family:var(--surf-font-body);font-size:.875em;font-weight:var(--surf-weight-medium);font-variant-numeric:tabular-nums;letter-spacing:normal;text-align:center;white-space:nowrap}.surf-kbd kbd{font:inherit}@media(forced-colors:active){.surf-kbd{padding-inline:calc(var(--surf-space-1) - 1px);border:1px solid CanvasText}}}@layer surflane.components{.surf-tooltip-positioner{z-index:var(--surf-layer-tooltip)}.surf-tooltip{border:0;background:var(--surf-tooltip-background);color:var(--surf-tooltip-foreground);padding:var(--surf-space-2) var(--surf-space-3);max-width:256px;font-size:var(--surf-type-caption-size);letter-spacing:var(--surf-type-caption-tracking);line-height:var(--surf-type-caption-leading)}.surf-tooltip .surf-tooltip-shortcut{min-inline-size:0;margin-inline-start:var(--surf-space-2);padding:0;border:0;background:none;color:inherit;font:inherit;font-variant-numeric:tabular-nums;opacity:.72}@media(forced-colors:active){.surf-tooltip{background:CanvasText;color:Canvas;forced-color-adjust:none}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-tooltip{padding:var(--surf-ui-tooltip-padding-y) var(--surf-ui-tooltip-padding-x)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-popover{--surf-popover-width: var(--surf-size-popover-default);width:max-content;max-width:min(var(--surf-popover-width),calc(100vw - var(--surf-space-6)));padding:var(--surf-space-4);max-height:var(--available-height);overflow:auto}.surf-popover[data-size=small]{--surf-popover-width: var(--surf-size-popover-small)}.surf-popover[data-size=large]{--surf-popover-width: var(--surf-size-popover-large)}.surf-popover-title{margin:0 0 var(--surf-space-2);color:var(--surf-ink);font-weight:var(--surf-weight-medium);font-size:var(--surf-type-subsection-size);line-height:var(--surf-type-subsection-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-subsection-tracking)}.surf-popover-description{margin:0 0 var(--surf-space-4);color:var(--surf-ink-body)}.surf-popover-description:last-child{margin-bottom:0}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-popover{padding:var(--surf-ui-surface-padding)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-button{box-sizing:border-box;height:var(--surf-control-height);display:inline-flex;align-items:center;justify-content:center;gap:var(--surf-space-2);min-height:var(--surf-control-height);padding:0 var(--surf-size-button-padding-default);border:1px solid transparent;border-radius:var(--surf-radius-pill);font-weight:var(--surf-weight-medium);font-size:var(--surf-type-label-size);line-height:var(--surf-type-label-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-label-tracking);color:var(--surf-ink);background:var(--surf-canvas);text-decoration:none;cursor:pointer}.surf-button[data-variant=primary]{--surf-interaction-hover-bg: oklch(from var(--surf-on-brand) l c h / .08);--surf-interaction-active-bg: oklch(from var(--surf-on-brand) l c h / .14);background:var(--surf-brand);border-color:transparent;color:var(--surf-on-brand)}.surf-button[data-variant=outline]{border-color:var(--surf-control-border);background:transparent}.surf-button[data-variant=ghost]{border-color:transparent;background:transparent}.surf-button:hover:not(:disabled,[data-disabled],[data-variant=link]){background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.surf-button[data-variant=link]:hover:not(:disabled,[data-disabled]){text-decoration-thickness:2px}.surf-button:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}.surf-button:is(:disabled,[data-disabled],[aria-disabled=true]){opacity:var(--surf-control-disabled-opacity);cursor:not-allowed}@media(max-width:760px),(pointer:coarse){.surf-button{min-height:var(--surf-control-target-size)}}.surf-button[data-variant=secondary]{background-color:var(--surf-selected);color:var(--surf-ink)}.surf-button[data-variant=destructive]{background:var(--surf-status-danger-bg);color:var(--surf-status-danger-fg);border-color:transparent}.surf-button[data-variant=link]{background:transparent;color:var(--surf-brand-ink);border-color:transparent;text-decoration:underline}.surf-button:active:not(:disabled,[data-disabled],[data-variant=link]){background-image:linear-gradient(var(--surf-interaction-active-bg),var(--surf-interaction-active-bg))}.surf-button[aria-busy=true]{cursor:progress}@media(forced-colors:active){.surf-button{border-color:ButtonText}.surf-button:active{background-image:none}}}@layer surflane.sizes{.surf-button[data-size^=icon]{width:var(--surf-control-height);padding:0}:where([data-ui-size],[data-ui-size] *).surf-button{height:var(--surf-control-height);min-height:var(--surf-control-height);padding-inline:var(--surf-ui-button-padding);font-size:var(--surf-ui-font);line-height:var(--surf-ui-label-leading)}:where([data-ui-size],[data-ui-size] *).surf-button[data-size^=icon]{inline-size:var(--surf-control-height);block-size:var(--surf-control-height);padding:0;border-radius:var(--surf-radius-pill)}:where([data-ui-size],[data-ui-size] *):is(.surf-button)>svg{inline-size:var(--surf-ui-icon);block-size:var(--surf-ui-icon)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-menu{padding:var(--surf-space-1);min-width:176px}.surf-menu-trigger[data-popup-open]{background-color:var(--surf-selected);border-color:var(--surf-control-border)}.surf-menu-item{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:var(--surf-space-2);min-height:var(--surf-control-height);padding:max(var(--surf-space-1),calc((var(--surf-control-height) - 1lh) / 2)) var(--surf-space-3);border-radius:var(--surf-control-radius);color:var(--surf-ink);outline:none;cursor:default;text-decoration:none;overflow-wrap:anywhere}.surf-menu-item[data-highlighted]{background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.surf-menu-item[data-disabled]{opacity:var(--surf-control-disabled-opacity)}.surf-menu-check-item{padding-inline-start:calc(var(--surf-space-3) + var(--surf-size-icon-default) + var(--surf-space-2))}.surf-menu-indicator{position:absolute;inset-inline-start:var(--surf-space-3);display:inline-flex;width:var(--surf-size-icon-default)}.surf-menu-check-item[aria-checked=false]>.surf-menu-indicator{visibility:hidden}.surf-menu-separator{height:1px;background:var(--surf-line);margin-block:var(--surf-space-1)}.surf-menu-submenu-trigger{justify-content:space-between}.surf-submenu-arrow{flex:none;margin-inline-start:var(--surf-space-3)}@media(max-width:760px),(pointer:coarse){.surf-menu-item{min-height:var(--surf-control-target-size)}}@media(forced-colors:active){.surf-menu-item[data-highlighted]{outline:1px solid CanvasText;outline-offset:-1px}}.surf-menu{max-height:min(360px,var(--available-height));overflow:auto;scrollbar-width:thin;scrollbar-color:var(--surf-scrollbar-thumb) transparent}.surf-menu-trigger[data-disabled]{opacity:var(--surf-control-disabled-opacity);cursor:not-allowed}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *):is(.surf-menu-item){min-block-size:var(--surf-ui-row);font-size:var(--surf-ui-font);line-height:var(--surf-ui-leading)}:where([data-ui-size],[data-ui-size] *):is(.surf-menu-item){box-sizing:border-box;padding-block:max(var(--surf-space-1),calc((var(--surf-ui-row) - var(--surf-ui-leading)) / 2))}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-scroll-root{position:relative;display:flex;flex-direction:column;min-width:0;max-width:100%}.surf-scroll-viewport{position:relative;flex:1 1 auto;min-block-size:0;max-width:100%;overscroll-behavior:auto;scrollbar-width:none!important;outline:none}.surf-scroll-root:has(>.surf-scroll-viewport:focus-visible){outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}.surf-scroll-viewport::-webkit-scrollbar{display:none}.surf-scroll-content{min-block-size:100%}.surf-scroll-root:is([data-overflow-x-start],[data-overflow-x-end],[data-overflow-y-start],[data-overflow-y-end]):not([data-fade=none])>.surf-scroll-viewport{-webkit-mask-image:var(--surf-scroll-fade-x, linear-gradient(#000, #000)),var(--surf-scroll-fade-y, linear-gradient(#000, #000));mask-image:var(--surf-scroll-fade-x, linear-gradient(#000, #000)),var(--surf-scroll-fade-y, linear-gradient(#000, #000));-webkit-mask-composite:source-in;mask-composite:intersect}.surf-scroll-root:is([data-overflow-x-start],[data-overflow-x-end],[data-overflow-y-start],[data-overflow-y-end]):not([data-fade=none])>.surf-scroll-viewport[data-scroll-orientation=vertical]{-webkit-mask-image:var(--surf-scroll-fade-y, linear-gradient(#000, #000));mask-image:var(--surf-scroll-fade-y, linear-gradient(#000, #000))}.surf-scroll-root:is([data-overflow-x-start],[data-overflow-x-end],[data-overflow-y-start],[data-overflow-y-end]):not([data-fade=none])>.surf-scroll-viewport[data-scroll-orientation=horizontal]{-webkit-mask-image:var(--surf-scroll-fade-x, linear-gradient(#000, #000));mask-image:var(--surf-scroll-fade-x, linear-gradient(#000, #000))}.surf-scroll-root[data-overflow-x-end]:not([data-fade=start],[data-fade=none])>.surf-scroll-viewport{--surf-scroll-fade-x: linear-gradient( to left, transparent, #000 var(--surf-space-6) )}.surf-scroll-root[data-overflow-x-start]:not([data-fade=end],[data-fade=none],:has(>.surf-scroll-viewport>.surf-scroll-content>[data-sticky-column]))>.surf-scroll-viewport{--surf-scroll-fade-x: linear-gradient( to right, transparent, #000 var(--surf-space-6) )}.surf-scroll-root:dir(rtl)[data-overflow-x-end]:not([data-fade=start],[data-fade=none])>.surf-scroll-viewport{--surf-scroll-fade-x: linear-gradient( to right, transparent, #000 var(--surf-space-6) )}.surf-scroll-root:dir(rtl)[data-overflow-x-start]:not([data-fade=end],[data-fade=none],:has(>.surf-scroll-viewport>.surf-scroll-content>[data-sticky-column]))>.surf-scroll-viewport{--surf-scroll-fade-x: linear-gradient( to left, transparent, #000 var(--surf-space-6) )}.surf-scroll-root[data-overflow-x-start][data-overflow-x-end]:not([data-fade],:has(>.surf-scroll-viewport>.surf-scroll-content>[data-sticky-column]))>.surf-scroll-viewport{--surf-scroll-fade-x: linear-gradient( to right, transparent, #000 var(--surf-space-6), #000 calc(100% - var(--surf-space-6)), transparent )}.surf-scroll-root[data-overflow-y-end]:not([data-fade=start],[data-fade=none])>.surf-scroll-viewport{--surf-scroll-fade-y: linear-gradient( to top, transparent, #000 var(--surf-space-6) )}.surf-scroll-root[data-overflow-y-start]:not([data-fade=end],[data-fade=none],:has(>.surf-scroll-viewport>.surf-scroll-content>[data-sticky-header]))>.surf-scroll-viewport{--surf-scroll-fade-y: linear-gradient( to bottom, transparent, #000 var(--surf-space-6) )}.surf-scroll-root[data-overflow-y-start][data-overflow-y-end]:not([data-fade],:has(>.surf-scroll-viewport>.surf-scroll-content>[data-sticky-header]))>.surf-scroll-viewport{--surf-scroll-fade-y: linear-gradient( transparent, #000 var(--surf-space-6), #000 calc(100% - var(--surf-space-6)), transparent )}.surf-scrollbar{display:flex;-webkit-user-select:none;user-select:none;touch-action:none;padding:2px;background:transparent;z-index:1;opacity:0;transition:opacity var(--surf-duration-fast) var(--surf-ease-out)}.surf-scrollbar[data-scrolling],.surf-scrollbar:hover,.surf-scroll-root[data-scroll-near-x]>.surf-scrollbar[data-orientation=horizontal],.surf-scroll-root[data-scroll-near-y]>.surf-scrollbar[data-orientation=vertical],.surf-scroll-root[data-scroll-dragging=horizontal]>.surf-scrollbar[data-orientation=horizontal],.surf-scroll-root[data-scroll-dragging=vertical]>.surf-scrollbar[data-orientation=vertical],.surf-scroll-root:has(>.surf-scroll-viewport:focus-visible)>.surf-scrollbar{opacity:1}.surf-scrollbar[data-orientation=horizontal]{height:calc(var(--surf-scrollbar-indicator-size) + 4px);position:absolute;bottom:0;left:0;right:0}.surf-scrollbar[data-orientation=vertical]{flex-direction:column;width:calc(var(--surf-scrollbar-indicator-size) + 4px);position:absolute;top:0;bottom:0;inset-inline-end:0}.surf-scroll-thumb{flex:none;border-radius:var(--surf-radius-full);background:var(--surf-ink-muted);opacity:.45}.surf-scrollbar:hover .surf-scroll-thumb{opacity:.8}@media(hover:none)and (pointer:coarse){.surf-scrollbar{pointer-events:none}}@media(prefers-reduced-motion:reduce){.surf-scrollbar{transition:none}}@media(forced-colors:active){.surf-scrollbar{opacity:1}.surf-scrollbar .surf-scroll-thumb{background:CanvasText;opacity:1}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-control-group,.surf-icon-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:2px;height:var(--surf-control-height);border:1px solid var(--surf-control-border);border-radius:var(--surf-radius-pill);background:transparent;color:var(--surf-ink-muted);font-weight:var(--surf-weight-medium);font-size:var(--surf-type-caption-size);line-height:1;font-family:var(--surf-font-body);letter-spacing:var(--surf-type-caption-tracking);flex-shrink:0}.surf-control-group{padding:2px}.surf-segment{display:inline-flex;align-items:center;justify-content:center;gap:var(--surf-space-1);min-width:calc(var(--surf-control-height) - 6px);height:calc(var(--surf-control-height) - 6px);padding-inline:var(--surf-space-2);border-radius:var(--surf-radius-pill);color:var(--surf-ink-muted);text-decoration:none;white-space:nowrap}.surf-icon-button{width:var(--surf-control-height);cursor:pointer}.surf-segment,.surf-icon-button{transition:background-color var(--surf-duration-fast) var(--surf-ease-out),color var(--surf-duration-fast) var(--surf-ease-out)}.surf-segment,.surf-icon-button,.surf-theme-action{-webkit-tap-highlight-color:transparent}.surf-segment:hover,.surf-icon-button:hover{background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg));color:var(--surf-ink)}.surf-segment:active,.surf-icon-button:active{background-image:linear-gradient(var(--surf-interaction-active-bg),var(--surf-interaction-active-bg))}.surf-segment:is([aria-current=page],[aria-pressed=true]){background-color:var(--surf-selected);color:var(--surf-ink)}button.surf-segment{border:0;background-color:transparent;cursor:pointer}.surf-segment:is(:disabled,[data-disabled]){opacity:var(--surf-control-disabled-opacity);cursor:not-allowed}.surf-segment:focus-visible,.surf-icon-button:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}@media(prefers-reduced-motion:reduce){.surf-segment,.surf-icon-button{transition:none}}.surf-theme-action{display:flex;align-items:center;gap:var(--surf-space-2);width:100%;min-height:var(--surf-control-height);padding:var(--surf-space-2);border:0;border-radius:var(--surf-control-radius);background:transparent;color:var(--surf-ink);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-body-tracking);cursor:pointer}.surf-theme-action:hover{background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.surf-theme-action:active{background-image:linear-gradient(var(--surf-interaction-active-bg),var(--surf-interaction-active-bg))}.surf-theme-action:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}.surf-segment{min-block-size:calc(var(--surf-control-height) - 6px);font-weight:var(--surf-weight-medium);font-size:var(--surf-type-caption-size);line-height:1;font-family:var(--surf-font-body);letter-spacing:var(--surf-type-caption-tracking)}.surf-control-group label:has(input:checked) .surf-segment{background-color:var(--surf-selected);color:var(--surf-ink)}.surf-control-group input:focus-visible+.surf-segment{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}@media(forced-colors:active){.surf-segment:is([aria-current=page],[aria-pressed=true]),.surf-control-group label:has(input:checked) .surf-segment{background-color:Highlight;color:HighlightText;forced-color-adjust:none}}@media(pointer:coarse){.surf-control-group{height:auto}.surf-segment{min-block-size:var(--surf-control-target-size)}}}@layer surflane.components{.surf-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--surf-layer-backdrop);background:color-mix(in srgb,var(--surf-chrome),transparent 25%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:1;transition:opacity var(--surf-dialog-enter-duration) var(--surf-motion-ease)}.surf-dialog-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--surf-layer-dialog);margin:0;outline:none;opacity:1;translate:0 0;transition:opacity var(--surf-dialog-enter-duration) var(--surf-motion-ease),translate var(--surf-dialog-enter-duration) var(--surf-motion-spatial-ease)}.surf-dialog-popup[data-starting-style]{opacity:0;translate:0 var(--surf-dialog-enter-offset)}.surf-dialog-backdrop[data-starting-style]{opacity:0}.surf-dialog-popup[data-ending-style],.surf-dialog-backdrop[data-ending-style]{transition-property:opacity;transition-duration:var(--surf-dialog-exit-duration);opacity:0}@media(prefers-reduced-motion:reduce){.surf-dialog-popup,.surf-dialog-backdrop{transition:none}.surf-dialog-popup{translate:none}}.surf-dialog-close{position:absolute;inset-block-start:var(--surf-space-4);inset-inline-end:var(--surf-space-4);z-index:1}.surf-dialog-content{box-sizing:border-box;display:flex;flex-direction:column;--surf-dialog-width: var(--surf-size-dialog-default);width:min(var(--surf-dialog-width),calc(100% - var(--surf-space-4) * 2));max-height:calc(100dvh - 32px);overflow:hidden;scrollbar-gutter:auto;padding:0;border:0;border-radius:var(--surf-radius-sheet);background:var(--surf-canvas);color:var(--surf-ink);box-shadow:var(--surf-shadow-float);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-body-tracking)}.surf-dialog-header,.surf-dialog-body,.surf-dialog-footer{box-sizing:border-box;min-width:0}.surf-dialog-header,.surf-dialog-footer{flex:none;align-self:stretch}.surf-dialog-popup{--surf-dialog-ring-room: calc( var(--surf-focus-ring-width) + var(--surf-focus-ring-offset) )}.surf-dialog-header{padding-block:var(--surf-space-6) calc(var(--surf-space-5) - var(--surf-dialog-ring-room));padding-inline:var(--surf-space-6) calc(var(--surf-control-height) + var(--surf-space-4) * 2)}.surf-dialog-title{margin:0;font-weight:var(--surf-weight-medium);font-size:var(--surf-type-section-size);line-height:var(--surf-type-section-leading);font-family:var(--surf-font-display);letter-spacing:var(--surf-type-section-tracking)}.surf-dialog-description{margin:var(--surf-space-2) 0 0;color:var(--surf-ink-body)}.surf-dialog-body{flex:1 1 auto;min-height:0;overflow:auto;padding:var(--surf-space-6);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--surf-scrollbar-thumb) var(--surf-scrollbar-track)}.surf-dialog-header+.surf-dialog-body{padding-top:var(--surf-dialog-ring-room)}.surf-dialog-body::-webkit-scrollbar{width:var(--surf-scrollbar-size);height:var(--surf-scrollbar-size)}.surf-dialog-body::-webkit-scrollbar-thumb{background:var(--surf-scrollbar-thumb);border-radius:var(--surf-scrollbar-radius)}.surf-dialog-body::-webkit-scrollbar-thumb:hover{background:var(--surf-scrollbar-thumb-hover)}.surf-dialog-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--surf-space-2);padding:var(--surf-space-5) var(--surf-space-6);background:var(--surf-surface);--surf-plane: var(--surf-surface);--surf-recessed: var(--surf-canvas)}.surf-dialog-close:disabled{opacity:var(--surf-control-disabled-opacity);cursor:not-allowed}.surf-dialog-content[data-size=small]{--surf-dialog-width: var(--surf-size-dialog-small)}.surf-dialog-content[data-size=default]{--surf-dialog-width: var(--surf-size-dialog-default)}.surf-dialog-content[data-size=large]{--surf-dialog-width: var(--surf-size-dialog-large)}@media(forced-colors:active){.surf-dialog-popup{border:1px solid CanvasText}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-dialog-body{padding:var(--surf-ui-card-padding)}:where([data-ui-size],[data-ui-size] *).surf-dialog-header+.surf-dialog-body{padding-top:var(--surf-dialog-ring-room)}:where([data-ui-size],[data-ui-size] *):is(.surf-dialog-header,.surf-dialog-footer){padding-inline:var(--surf-ui-card-padding)}:where([data-ui-size],[data-ui-size] *).surf-dialog-header{padding-block:var(--surf-ui-card-padding) calc(var(--surf-ui-card-padding) - var(--surf-space-1) - var(--surf-dialog-ring-room));padding-inline-end:calc(var(--surf-control-height) + var(--surf-space-4) * 2)}:where([data-ui-size],[data-ui-size] *).surf-dialog-footer{padding-block:calc(var(--surf-ui-card-padding) - var(--surf-space-1))}:where([data-ui-size],[data-ui-size] *).surf-dialog-title{font-size:var(--surf-ui-title-size);line-height:var(--surf-ui-title-leading);letter-spacing:var(--surf-ui-title-tracking)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-panel-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--surf-layer-dialog);pointer-events:none;isolation:isolate}.surf-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:auto;background:color-mix(in srgb,var(--surf-chrome),transparent 25%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:calc(1 - var(--drawer-swipe-progress, 0));transition:opacity var(--surf-duration-base) var(--surf-ease-out)}.surf-panel-backdrop[data-starting-style],.surf-panel-backdrop[data-ending-style]{opacity:0}.surf-panel-viewport{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;padding:var(--surf-space-3);pointer-events:none}.surf-panel-viewport[data-flush]{padding:0}.surf-panel-viewport[data-side=right]>.surf-panel{margin-left:auto}.surf-panel-viewport[data-side=left]>.surf-panel{margin-right:auto}.surf-panel-viewport[data-side=top]{align-items:flex-start;justify-content:center}.surf-panel-viewport[data-side=bottom]{align-items:flex-end;justify-content:center}.surf-panel{--surf-panel-width: var(--surf-size-panel-default);--surf-panel-enter-x: 0px;--surf-panel-enter-y: 0px;position:relative;display:flex;flex-direction:column;width:min(var(--surf-panel-width),100%);min-width:0;max-height:100%;overflow:hidden;pointer-events:auto;background:var(--surf-canvas);color:var(--surf-ink);border-radius:var(--surf-radius-sheet);box-shadow:var(--surf-shadow-float);outline:none;font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-body-tracking);transform:translate(var(--drawer-swipe-movement-x, 0px),calc(var(--drawer-swipe-movement-y, 0px) + var(--drawer-snap-point-offset, 0px)));transition:transform var(--surf-duration-base) var(--surf-ease-out)}.surf-panel[data-size=small]{--surf-panel-width: var(--surf-size-panel-small)}.surf-panel[data-size=large]{--surf-panel-width: var(--surf-size-panel-large)}.surf-panel[data-side=right]{--surf-panel-enter-x: calc(100% + 12px) ;height:100%}.surf-panel[data-side=left]{--surf-panel-enter-x: calc(-100% - 12px) ;height:100%}.surf-panel[data-side=top]{--surf-panel-enter-y: calc(-100% - 12px) ;max-height:min(85dvh,100%)}.surf-panel[data-side=bottom]{--surf-panel-enter-y: calc(100% + 12px) ;max-height:min(85dvh,100%)}.surf-panel:is([data-side=top],[data-side=bottom]){height:var(--surf-panel-height, auto)}.surf-panel[data-flush][data-side=bottom]{border-bottom-left-radius:0;border-bottom-right-radius:0}.surf-panel[data-flush][data-side=top]{border-top-left-radius:0;border-top-right-radius:0}.surf-panel[data-flush][data-side=right]{border-top-right-radius:0;border-bottom-right-radius:0}.surf-panel[data-flush][data-side=left]{border-top-left-radius:0;border-bottom-left-radius:0}.surf-panel[data-starting-style],.surf-panel[data-ending-style]{transform:translate(var(--surf-panel-enter-x),var(--surf-panel-enter-y))}.surf-panel[data-swiping],.surf-panel-backdrop[data-swiping]{transition:none}.surf-panel-content{display:flex;flex-direction:column;min-height:0;flex:1}.surf-panel{--surf-panel-ring-room: calc( var(--surf-focus-ring-width) + var(--surf-focus-ring-offset) )}.surf-panel-header{flex:none;padding-block:var(--surf-space-6) calc(var(--surf-space-5) - var(--surf-panel-ring-room));padding-inline:var(--surf-panel-inset, var(--surf-space-6)) calc(var(--surf-control-height) + var(--surf-space-4) * 2)}.surf-panel-title{margin:0;font-weight:var(--surf-weight-medium);font-size:var(--surf-type-section-size);line-height:var(--surf-type-section-leading);font-family:var(--surf-font-display);letter-spacing:var(--surf-type-section-tracking)}.surf-panel-description{margin:var(--surf-space-2) 0 0;color:var(--surf-ink-body);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-body-tracking)}.surf-panel-body{flex:1 1 auto;min-height:0;overflow:auto;padding:var(--surf-space-6) var(--surf-panel-inset, var(--surf-space-6));scroll-padding-block:var(--surf-space-4);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--surf-scrollbar-thumb) var(--surf-scrollbar-track)}.surf-panel-header+.surf-panel-body{padding-top:var(--surf-panel-ring-room)}.surf-panel-body::-webkit-scrollbar{width:var(--surf-scrollbar-size);height:var(--surf-scrollbar-size)}.surf-panel-body::-webkit-scrollbar-thumb{border-radius:var(--surf-scrollbar-radius);background:var(--surf-scrollbar-thumb)}.surf-panel-body::-webkit-scrollbar-thumb:hover{background:var(--surf-scrollbar-thumb-hover)}.surf-panel-footer{flex:none;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--surf-space-2);padding:var(--surf-space-4) var(--surf-panel-inset, var(--surf-space-6)) max(var(--surf-space-5),env(safe-area-inset-bottom));background:var(--surf-surface);--surf-plane: var(--surf-surface);--surf-recessed: var(--surf-canvas)}.surf-panel-footer[data-stacked]{display:grid;grid-template-columns:minmax(0,1fr)}.surf-panel-footer[data-stacked]>*{inline-size:100%}.surf-panel-close{position:absolute;inset-block-start:var(--surf-space-4);inset-inline-end:var(--surf-space-4);z-index:1}@media(prefers-reduced-motion:reduce){.surf-panel,.surf-panel-backdrop{transition:none}}.surf-panel-layer,.surf-panel-viewport,.surf-panel,.surf-panel-content,.surf-panel-header,.surf-panel-body,.surf-panel-footer{box-sizing:border-box}.surf-panel-viewport[data-side=bottom]{bottom:var(--drawer-keyboard-inset, 0px)}@media(forced-colors:active){.surf-panel{border:1px solid CanvasText}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *):is(.surf-panel-header,.surf-panel-body,.surf-panel-footer){padding-inline:var(--surf-panel-inset, var(--surf-ui-card-padding))}:where([data-ui-size],[data-ui-size] *).surf-panel-header{padding-block:var(--surf-ui-card-padding) calc(var(--surf-ui-card-padding) - var(--surf-space-1) - var(--surf-panel-ring-room));padding-inline-end:calc(var(--surf-control-height) + var(--surf-space-4) * 2)}:where([data-ui-size],[data-ui-size] *).surf-panel-title{font-size:var(--surf-ui-title-size);line-height:var(--surf-ui-title-leading);letter-spacing:var(--surf-ui-title-tracking)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-drawer-handle{flex:none;width:36px;height:4px;margin:var(--surf-space-3) auto 0;border-radius:var(--surf-radius-full);background:var(--surf-line)}.surf-drawer[data-side=left]>.surf-drawer-handle,.surf-drawer[data-side=right]>.surf-drawer-handle{display:none}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-confirm-content{--surf-dialog-width: var(--surf-size-dialog-small)}.surf-confirm-content .surf-dialog-footer{padding-top:var(--surf-space-2);background:none;--surf-plane: var(--surf-canvas);--surf-recessed: var(--surf-surface)}}@layer surflane.sizes{.surf-confirm-content .surf-dialog-header{padding-inline-end:var(--surf-space-6)}:where([data-ui-size],[data-ui-size] *).surf-confirm-content .surf-dialog-header{padding-inline-end:var(--surf-ui-card-padding)}:where([data-ui-size],[data-ui-size] *).surf-confirm-content .surf-dialog-footer{padding-top:var(--surf-space-2)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-form{display:flex;flex-direction:column;min-width:0}.surf-form{gap:var(--surf-space-6)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-field{display:flex;flex-direction:column;min-width:0}.surf-field{gap:var(--surf-space-2)}.surf-field-label{display:block;margin:0;color:var(--surf-ink);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body)}.surf-field-description,.surf-field-error{margin:0;font-weight:var(--surf-weight-regular);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);font-family:var(--surf-font-body);overflow-wrap:anywhere}.surf-field-description{color:var(--surf-ink-muted)}.surf-field-error{color:var(--surf-status-danger-fg)}.surf-field-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--surf-space-3);row-gap:var(--surf-space-1);min-height:var(--surf-control-height)}.surf-field-item>:is(.surf-field-description,.surf-field-error){grid-column:2}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-field-item{min-block-size:var(--surf-control-height)}@media(max-width:760px),(pointer:coarse){:where([data-ui-size],[data-ui-size] *).surf-field-item{min-block-size:var(--surf-control-target-size)}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-fieldset{min-width:0;margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:var(--surf-space-4)}.surf-fieldset-legend{padding:0;color:var(--surf-ink);font-weight:var(--surf-weight-medium);font-size:var(--surf-type-subsection-size);line-height:var(--surf-type-subsection-leading);font-family:var(--surf-font-body)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-choice-group{display:flex;flex-direction:column;gap:var(--surf-space-2);min-width:0}.surf-checkbox,.surf-radio,.surf-switch{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--surf-control-choice-size);height:var(--surf-control-choice-size);border:1px solid var(--surf-control-choice-border);border-radius:min(var(--surf-control-choice-radius),var(--surf-control-choice-size) * .375);background:var(--surf-control-background);color:var(--surf-ink);outline:none;cursor:pointer;transition:background-color var(--surf-duration-fast) var(--surf-ease-out),border-color var(--surf-duration-fast) var(--surf-ease-out),box-shadow var(--surf-duration-fast) var(--surf-ease-out)}.surf-checkbox:hover:not([data-disabled],[data-readonly]),.surf-radio:hover:not([data-disabled],[data-readonly]),.surf-switch:hover:not([data-disabled],[data-readonly]){border-color:var(--surf-control-choice-hover-border);background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.surf-checkbox:is([data-checked],[data-indeterminate]),.surf-radio[data-checked],.surf-switch[data-checked]{background:var(--surf-control-choice-selected-bg);border-color:var(--surf-control-choice-selected-border);color:var(--surf-control-choice-selected-fg)}.surf-choice-label:hover :is(.surf-checkbox,.surf-radio,.surf-switch):not([data-disabled],[data-readonly]){background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg));border-color:var(--surf-control-choice-hover-border)}:is(.surf-checkbox,.surf-radio,.surf-switch):is([data-checked],[data-indeterminate]):hover:not([data-disabled],[data-readonly]),.surf-choice-label:hover :is(.surf-checkbox,.surf-radio,.surf-switch):is([data-checked],[data-indeterminate]):not([data-disabled],[data-readonly]){background:var(--surf-control-choice-selected-hover-bg);border-color:var(--surf-control-choice-selected-border)}.surf-checkbox:focus-visible,.surf-radio:focus-visible,.surf-switch:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}.surf-checkbox[data-disabled],.surf-radio[data-disabled],.surf-switch[data-disabled]{opacity:var(--surf-control-disabled-opacity);cursor:not-allowed}.surf-checkbox[data-readonly],.surf-radio[data-readonly],.surf-switch[data-readonly]{cursor:default}:is(.surf-checkbox,.surf-radio,.surf-switch)[data-invalid],:is(.surf-checkbox,.surf-radio,.surf-switch)[data-invalid]:hover,:is(.surf-checkbox,.surf-radio,.surf-switch)[data-invalid]:is([data-checked],[data-indeterminate]):hover,.surf-choice-label:hover :is(.surf-checkbox,.surf-radio,.surf-switch)[data-invalid],.surf-choice-label:hover :is(.surf-checkbox,.surf-radio,.surf-switch)[data-invalid]:is([data-checked],[data-indeterminate]){border-color:var(--surf-status-danger-fg)}@media(max-width:760px),(pointer:coarse){:is(.surf-checkbox,.surf-radio,.surf-switch):not(.surf-choice-label *){position:relative}:is(.surf-checkbox,.surf-radio,.surf-switch):not(.surf-choice-label *):after{content:"";position:absolute;inset:50% auto auto 50%;inline-size:max(100%,var(--surf-control-target-size));block-size:max(100%,var(--surf-control-target-size));translate:-50% -50%}}@media(forced-colors:active){.surf-checkbox,.surf-radio,.surf-switch{border-color:ButtonText}.surf-checkbox:is([data-checked],[data-indeterminate]),.surf-radio[data-checked],.surf-switch[data-checked]{background:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-textarea{display:block;height:auto;min-height:calc(var(--surf-control-height) * 2.5);padding-block:var(--surf-space-3);resize:vertical;scrollbar-width:thin;scrollbar-color:var(--surf-scrollbar-thumb) var(--surf-scrollbar-track)}.surf-textarea[data-variant=embedded]{inline-size:100%;padding:var(--surf-space-4);border:0;border-radius:0;background-color:transparent;resize:none}.surf-textarea[data-variant=embedded]:focus{background-color:transparent;box-shadow:inset 0 0 0 var(--surf-focus-ring-width) var(--surf-control-focus)}.surf-textarea[data-variant=embedded][aria-invalid=true]{box-shadow:inset 0 0 0 1px var(--surf-status-danger-fg)}.surf-textarea[data-variant=embedded][aria-invalid=true]:focus{box-shadow:inset 0 0 0 var(--surf-focus-ring-width) var(--surf-status-danger-fg)}@media(forced-colors:active){.surf-textarea[data-variant=embedded]:focus{outline-offset:var(--surf-focus-ring-inset)}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-textarea{height:auto;min-height:calc(var(--surf-control-height) * 2.5);padding-block:var(--surf-ui-textarea-padding)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-table{width:100%;border-collapse:separate;--surf-table-row-space: var(--surf-space-1);border-spacing:0 var(--surf-table-row-space);font:inherit;color:var(--surf-ink-body);overflow-wrap:break-word}.surf-table[data-layout=fixed]{table-layout:fixed}.surf-table[data-nowrap] .surf-table-cell{white-space:nowrap;overflow-wrap:normal}.surf-table-container:has(.surf-table [data-hide-below]){container:surf-table / inline-size}@container surf-table (max-width: 40rem){.surf-table [data-hide-below=md]{display:none}}@container surf-table (max-width: 30rem){.surf-table [data-hide-below]{display:none}}.surf-table-caption{text-align:start;font-weight:var(--surf-weight-regular);color:var(--surf-ink);padding:0 var(--surf-space-4) var(--surf-space-3)}.surf-table-cell{padding:var(--surf-space-3) var(--surf-space-4);text-align:start;vertical-align:middle;border:0}.surf-table-header{font-weight:var(--surf-weight-medium);color:var(--surf-ink)}.surf-table-body>.surf-table-row>:first-child{border-start-start-radius:var(--surf-radius-md);border-end-start-radius:var(--surf-radius-md)}.surf-table-body>.surf-table-row>:last-child{border-start-end-radius:var(--surf-radius-md);border-end-end-radius:var(--surf-radius-md)}:where(.surf-table[data-variant=striped])>.surf-table-body>.surf-table-row:nth-child(2n)>*{background-color:var(--surf-recessed)}.surf-table-body>.surf-table-row:hover>*{background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.surf-table-body>.surf-table-row[data-selected]>*{--surf-table-edge-start: 0px;--surf-table-edge-end: 0px;--surf-table-edge-top: 1px;--surf-table-edge-bottom: 1px;background-color:var(--surf-selected);box-shadow:inset 0 var(--surf-table-edge-top) var(--surf-selected-edge),inset 0 calc(-1 * var(--surf-table-edge-bottom)) var(--surf-selected-edge),inset calc(var(--surf-table-direction, 1) * var(--surf-table-edge-start)) 0 var(--surf-selected-edge),inset calc(-1 * var(--surf-table-direction, 1) * var(--surf-table-edge-end)) 0 var(--surf-selected-edge)}.surf-table-body>.surf-table-row[data-selected]>:first-child{--surf-table-edge-start: 1px}.surf-table-body>.surf-table-row[data-selected]>:last-child{--surf-table-edge-end: 1px}.surf-table:dir(rtl){--surf-table-direction: -1}@media(forced-colors:active){.surf-table-row[data-selected]>*{outline:1px solid CanvasText;outline-offset:-1px}}.surf-table-header>.surf-button{margin-inline-start:calc(-1 * var(--surf-space-3))}.surf-table-cell[data-align=center]{text-align:center}.surf-table-cell[data-align=end]{text-align:end}.surf-table-cell[data-numeric]{font-variant-numeric:tabular-nums}.surf-table-header[data-align=end]>.surf-button{margin-inline:0 calc(-1 * var(--surf-space-3))}.surf-table-sort:where(:not(.surf-button)){gap:var(--surf-space-1);font-weight:inherit;color:inherit}.surf-table-header[data-align=end]>.surf-table-sort{flex-direction:row-reverse}.surf-table-sort-icon{flex:none;color:var(--surf-ink-muted)}.surf-table-sort[data-sort] .surf-table-sort-icon{color:var(--surf-ink)}.surf-table:is([data-density=compact],:where([data-ui-density=compact] :not([data-density]))){--surf-table-row-space: 2px;border-spacing:0 var(--surf-table-row-space)}.surf-table[data-variant]{--surf-table-row-space: 0px;border-spacing:0}.surf-table[data-variant]>.surf-table-body>.surf-table-row>*{border-radius:0}.surf-table:is([data-variant=lined],[data-variant=grid])>:is(.surf-table-head,.surf-table-body,.surf-table-foot)>.surf-table-row+.surf-table-row>*,.surf-table:is([data-variant=lined],[data-variant=grid])>.surf-table-head+.surf-table-body>.surf-table-row:first-child>*,.surf-table:is([data-variant=lined],[data-variant=grid])>.surf-table-body+.surf-table-foot>.surf-table-row:first-child>*{border-block-start:1px solid var(--surf-line)}.surf-table[data-variant=grid] .surf-table-cell+.surf-table-cell{border-inline-start:1px solid var(--surf-line)}.surf-table[data-sticky-header]>.surf-table-head+.surf-table-body>.surf-table-row:first-child>*{border-block-start:0}.surf-table[data-variant]>.surf-table-body>.surf-table-row[data-selected]+.surf-table-row[data-selected]>*{--surf-table-edge-top: 0px}.surf-table[data-variant]>.surf-table-body>.surf-table-row[data-selected]:has(+.surf-table-row[data-selected])>*{--surf-table-edge-bottom: 0px}.surf-scroll-root.surf-table-bleed{--surf-table-bleed: var(--surf-space-4);max-inline-size:none;margin-inline:calc(-1 * var(--surf-table-bleed))}:where([data-ui-size],[data-ui-size] *).surf-scroll-root.surf-table-bleed{--surf-table-bleed: var(--surf-ui-table-padding-x)}.surf-scroll-root.surf-table-bleed:has(.surf-table:is([data-density=compact],:where([data-ui-density=compact] :not([data-density])))){--surf-table-bleed: var(--surf-space-3)}.surf-table[data-sticky-header]>.surf-table-head>.surf-table-row>.surf-table-cell{position:sticky;inset-block-start:var(--surf-table-sticky-top, 0px);z-index:1;background:var( --surf-table-surface, var(--table-surface, var(--surf-plane)) );box-shadow:inset 0 -1px var(--surf-line)}.surf-table[data-sticky-header]>.surf-table-head>.surf-table-row+.surf-table-row>.surf-table-cell:before{content:"";position:absolute;inset-inline:0;inset-block-end:100%;block-size:var(--surf-table-row-space);background:inherit}.surf-table[data-sticky-column]>:is(.surf-table-head,.surf-table-body,.surf-table-foot)>.surf-table-row>:first-child{position:sticky;inset-inline-start:0;z-index:1}:where(.surf-table[data-sticky-column]>:is(.surf-table-head,.surf-table-body,.surf-table-foot)>.surf-table-row>:first-child){background-color:var( --surf-table-surface, var(--table-surface, var(--surf-plane)) )}.surf-table[data-sticky-column][data-sticky-header]>.surf-table-head>.surf-table-row>.surf-table-cell{z-index:2}.surf-table[data-sticky-column][data-sticky-header]>.surf-table-head>.surf-table-row>:first-child{z-index:3}.surf-table[data-sticky-column]:has(>.surf-table-head>.surf-table-row:first-child>:first-child[rowspan]:not([rowspan="1"]))>.surf-table-head>.surf-table-row+.surf-table-row>:first-child{inset-inline-start:auto;z-index:2}.surf-table[data-sticky-column]:has(>.surf-table-head>.surf-table-row:first-child>:first-child[rowspan]:not([rowspan="1"]))>.surf-table-head>.surf-table-row+.surf-table-row>:first-child:after{display:none}.surf-table[data-sticky-column]>:is(.surf-table-head,.surf-table-body,.surf-table-foot)>.surf-table-row>:first-child:after{content:"";position:absolute;inset-block:0;inset-inline-end:0;inline-size:1px;background:var(--surf-line);opacity:0}[data-overflow-x-start]>*>*>.surf-table[data-sticky-column]>:is(.surf-table-head,.surf-table-body,.surf-table-foot)>.surf-table-row>:first-child:after{opacity:1}@media(forced-colors:active){.surf-table[data-sticky-column]>:is(.surf-table-head,.surf-table-body,.surf-table-foot)>.surf-table-row>:first-child:after{background:CanvasText;forced-color-adjust:none}}.surf-table-truncate{display:inline-block;max-inline-size:var(--surf-table-truncate-measure, 32ch);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.surf-table-body>.surf-table-message-row:hover>*{background-image:none}}@layer surflane.sizes{.surf-table-header>.surf-button:where(:not([data-size^=icon])){padding-inline:var(--surf-space-3)}.surf-table:is([data-density=compact],:where([data-ui-density=compact] :not([data-density]))) .surf-table-cell{padding:var(--surf-space-1) var(--surf-space-3)}.surf-table:is([data-density=compact],:where([data-ui-density=compact] :not([data-density]))) .surf-table-sort{height:auto;min-height:28px}}@layer surflane.components{.surf-table-cell>:is(.surf-checkbox,.surf-radio,.surf-switch){display:flex}.surf-table-cell[data-align=center]>:is(.surf-checkbox,.surf-radio,.surf-switch){margin-inline:auto}.surf-table-cell[data-align=end]>:is(.surf-checkbox,.surf-radio,.surf-switch){margin-inline-start:auto}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-table-cell{padding:var(--surf-ui-table-padding-y) var(--surf-ui-table-padding-x)}:where([data-ui-size],[data-ui-size] *).surf-table-caption{padding-inline:var(--surf-ui-table-padding-x)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-checkbox-indicator{display:flex;align-items:center;justify-content:center}.surf-checkbox-mixed,.surf-checkbox[data-indeterminate] .surf-checkbox-check{display:none}.surf-checkbox[data-indeterminate] .surf-checkbox-mixed{display:block}@media(prefers-reduced-motion:reduce){.surf-checkbox{transition:none}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-radio{border-radius:var(--surf-radius-full)}.surf-radio-indicator{width:8px;height:8px;border-radius:var(--surf-radius-full);background:currentColor}@media(prefers-reduced-motion:reduce){.surf-radio{transition:none}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-radio-indicator{width:calc(var(--surf-control-choice-size) * .4);height:calc(var(--surf-control-choice-size) * .4)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-switch{width:var(--surf-control-switch-width);height:var(--surf-control-switch-height);padding:calc((var(--surf-control-switch-height) - var(--surf-control-switch-thumb)) / 2 - 1px);border-radius:var(--surf-radius-pill);justify-content:flex-start}.surf-switch-thumb{width:var(--surf-control-switch-thumb);height:var(--surf-control-switch-thumb);border-radius:max(0px,var(--surf-radius-pill) - (var(--surf-control-switch-height) - var(--surf-control-switch-thumb)) / 2);background:var(--surf-ink-muted);transform:translate(0);transition:transform var(--surf-duration-fast) var(--surf-ease-out),background-color var(--surf-duration-fast) var(--surf-ease-out)}.surf-switch[data-checked] .surf-switch-thumb{background:var(--surf-on-brand);transform:translate(calc(var(--surf-control-switch-width) - var(--surf-control-switch-height)))}.surf-switch:dir(rtl)[data-checked] .surf-switch-thumb{transform:translate(calc(var(--surf-control-switch-height) - var(--surf-control-switch-width)))}@media(prefers-reduced-motion:reduce){.surf-switch,.surf-switch-thumb{transition:none}}@media(forced-colors:active){.surf-switch[data-checked] .surf-switch-thumb{background:HighlightText}.surf-switch-thumb{background:ButtonText}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-choice-label{display:flex;flex-direction:row;align-items:center;gap:var(--surf-space-3);min-height:var(--surf-control-height);width:fit-content;max-width:100%;cursor:pointer;color:var(--surf-ink-body);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body)}.surf-choice-label:has([data-disabled]){cursor:not-allowed}.surf-choice-label>span:last-child{min-width:0;overflow-wrap:anywhere}.surf-choice-label:has(>.surf-choice-text>.surf-choice-description){align-items:flex-start}.surf-choice-control{display:inline-flex;flex:none;align-items:center;min-block-size:1lh}.surf-choice-text{display:grid;gap:var(--surf-space-1);min-width:0;overflow-wrap:anywhere}.surf-choice-description{color:var(--surf-ink-muted);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);letter-spacing:var(--surf-type-caption-tracking)}.surf-choice-label:has([data-readonly]){cursor:default}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-tabs{min-width:0}.surf-tabs-list{display:flex;gap:var(--surf-space-1);position:relative;min-width:0;max-width:100%;padding:var(--surf-space-1);background:var(--surf-recessed);border-radius:var(--surf-radius-md);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--surf-scrollbar-thumb) transparent}.surf-tabs-tab{box-sizing:border-box;flex:none;position:relative;z-index:1;border:0;border-radius:var(--surf-control-radius);min-height:var(--surf-control-height);padding:0 var(--surf-space-3);background:transparent;color:var(--surf-ink-muted);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body);cursor:pointer;white-space:nowrap;outline:none}.surf-tabs-tab:hover:not(:disabled):not([data-disabled]){color:var(--surf-ink);background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.surf-tabs-tab:active:not(:disabled):not([data-disabled]){background-image:linear-gradient(var(--surf-interaction-active-bg),var(--surf-interaction-active-bg))}.surf-tabs-tab[data-active]{background-color:var(--surf-plane);color:var(--surf-ink);font-weight:var(--surf-weight-medium)}.surf-tabs-tab:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-inset)}.surf-tabs-tab:is(:disabled,[data-disabled]){opacity:var(--surf-control-disabled-opacity);cursor:not-allowed}.surf-tabs-panel{min-width:0;padding-block:var(--surf-space-4);outline:none;overflow-wrap:break-word}.surf-tabs-panel:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset);border-radius:var(--surf-radius-md)}.surf-tabs-indicator{position:absolute;top:var(--active-tab-top);left:var(--active-tab-left);width:var(--active-tab-width);height:var(--active-tab-height);box-sizing:border-box;border:0;background:var(--surf-plane);border-radius:var(--surf-control-radius);pointer-events:none}.surf-tabs-list:has(.surf-tabs-indicator) .surf-tabs-tab[data-active]{background-color:transparent;border-color:transparent}.surf-tabs[data-orientation=vertical]{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:var(--surf-space-6);align-items:start}.surf-tabs-list[data-orientation=vertical]{flex-direction:column}.surf-tabs-list[data-orientation=vertical] .surf-tabs-tab{text-align:start}.surf-tabs[data-orientation=vertical]>.surf-tabs-panel{padding-block:var(--surf-space-1)}@media(max-width:760px){.surf-tabs[data-orientation=vertical]{grid-template-columns:minmax(0,1fr);gap:var(--surf-space-3)}}@media(forced-colors:active){.surf-tabs-tab[data-active]{background:Highlight;color:HighlightText;forced-color-adjust:none}.surf-tabs-indicator{background:Highlight;forced-color-adjust:none}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *):is(.surf-tabs-tab){min-block-size:var(--surf-ui-row);font-size:var(--surf-ui-font);line-height:var(--surf-ui-leading)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-accordion-item,.surf-collapsible{border-radius:var(--surf-radius-md);min-width:0}.surf-accordion-item[data-open],.surf-collapsible[data-open]{background:var(--surf-recessed);--surf-disclosure-plane: var(--surf-recessed);--surf-disclosure-recessed: var(--surf-plane)}:is(.surf-accordion-item,.surf-collapsible)[data-open]>*{--surf-plane: var(--surf-disclosure-plane);--surf-recessed: var(--surf-disclosure-recessed)}.surf-disclosure-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--surf-space-3);width:100%;min-height:var(--surf-control-height);padding:var(--surf-space-3) var(--surf-space-4);border:0;border-radius:var(--surf-radius-md);background:transparent;color:var(--surf-ink);font-weight:var(--surf-weight-medium);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body);text-align:start;cursor:pointer;outline:none}.surf-disclosure-label{min-width:0;overflow-wrap:anywhere}.surf-disclosure-trigger:hover:not(:disabled){background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.surf-disclosure-trigger:active:not(:disabled){background-image:linear-gradient(var(--surf-interaction-active-bg),var(--surf-interaction-active-bg))}.surf-disclosure-trigger:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-inset)}.surf-disclosure-trigger:disabled{opacity:var(--surf-control-disabled-opacity);cursor:not-allowed}.surf-disclosure-chevron{flex:none;transition:rotate var(--surf-duration-fast) var(--surf-ease-out)}.surf-disclosure-trigger[data-panel-open]>.surf-disclosure-chevron{rotate:90deg}.surf-disclosure-trigger:dir(rtl)[data-panel-open]>.surf-disclosure-chevron{rotate:-90deg}.surf-accordion-panel,.surf-collapsible-panel{overflow:clip;opacity:1;transition:height var(--surf-motion-reveal) var(--surf-motion-ease),opacity var(--surf-motion-reveal) var(--surf-motion-ease)}.surf-accordion-panel[data-starting-style],.surf-collapsible-panel[data-starting-style],.surf-accordion-panel[data-ending-style],.surf-collapsible-panel[data-ending-style]{height:0;opacity:0}.surf-disclosure-body{padding:var(--surf-space-2) var(--surf-space-4) var(--surf-space-4);overflow-wrap:break-word;min-width:0}.surf-disclosure-body>:first-child{margin-top:0}.surf-disclosure-body>:last-child{margin-bottom:0}@media(prefers-reduced-motion:reduce){.surf-disclosure-chevron,.surf-accordion-panel,.surf-collapsible-panel{transition:none}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-disclosure-trigger{min-block-size:var(--surf-control-height);font-size:var(--surf-ui-font);padding-block:calc(var(--surf-ui-gap) * 1.5)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-accordion{display:grid;gap:var(--surf-space-2);min-width:0}.surf-accordion-header{margin:0;font:inherit}.surf-accordion-panel{height:var(--accordion-panel-height)}.surf-accordion-panel[data-ending-style]{pointer-events:none}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-collapsible-panel{height:var(--collapsible-panel-height)}.surf-collapsible-panel[data-ending-style]{transition-duration:0ms}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-gauge{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--surf-space-2) var(--surf-space-4);min-width:0;color:var(--surf-ink)}.surf-gauge-label{font-weight:var(--surf-weight-regular);overflow-wrap:anywhere}.surf-gauge-value{color:var(--surf-ink-body);font-variant-numeric:tabular-nums}.surf-gauge-track{grid-column:1 / -1;position:relative;height:var(--surf-space-2);overflow:hidden;border-radius:var(--surf-radius-full);background:var(--surf-recessed)}.surf-gauge-indicator{background:var(--surf-ink-body);border-radius:inherit;transition:width var(--surf-duration-base) var(--surf-ease-out)}.surf-gauge-indicator[data-indeterminate]{width:40%;height:inherit;animation:surf-progress-pulse var(--surf-motion-pulse) ease-in-out infinite}@media(prefers-reduced-motion:reduce){.surf-gauge-indicator,.surf-gauge-indicator[data-indeterminate]{animation:none;transition:none}}@media(forced-colors:active){.surf-gauge-track{background:Canvas;outline:1px solid CanvasText}.surf-gauge-indicator{background:CanvasText}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-gauge-track{height:var(--surf-ui-gauge)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-progress .surf-gauge-indicator{background:var(--surf-brand-mark)}@media(forced-colors:active){.surf-progress .surf-gauge-indicator{background:CanvasText}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-spinner{display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--surf-ink-body);width:20px;height:20px;vertical-align:middle}.surf-spinner>svg{width:100%;height:100%;animation:surf-feedback-spin var(--surf-motion-spin) linear infinite}@keyframes surf-feedback-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.surf-spinner>svg{animation:none;transition:none}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-spinner{width:var(--surf-ui-spinner);height:var(--surf-ui-spinner)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-skeleton{display:block;min-width:0;width:var(--surf-skeleton-width, 100%);height:1em;border-radius:var(--surf-radius-sm);background:var(--surf-skeleton-base);animation:surf-skeleton-pulse var(--surf-motion-pulse) ease-in-out infinite}@keyframes surf-skeleton-pulse{50%{background-color:var(--surf-skeleton-highlight)}}.surf-skeleton-lines{display:grid;flex-grow:1;gap:var(--surf-space-3);min-width:0;width:var(--surf-skeleton-width, auto)}.surf-skeleton-lines>.surf-skeleton:last-child{width:60%}.surf-skeleton[data-shape=block]{height:96px;border-radius:var(--surf-radius-md)}.surf-skeleton[data-shape=circle]{width:36px;height:36px;border-radius:50%;flex:none}@media(prefers-reduced-motion:reduce){.surf-skeleton{animation:none;transition:none}}@media(forced-colors:active){.surf-skeleton{background:CanvasText}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-skeleton[data-shape=text]{height:var(--surf-ui-leading)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-combobox-group,.surf-number-group{box-sizing:border-box;display:flex;align-items:center;min-width:0;width:100%;min-height:var(--surf-control-height);border:1px solid var(--surf-control-border);border-radius:var(--surf-control-radius);background:var(--surf-control-background);transition:background-color var(--surf-duration-fast) var(--surf-ease-out),border-color var(--surf-duration-fast) var(--surf-ease-out),box-shadow var(--surf-duration-fast) var(--surf-ease-out)}:is(.surf-combobox-group,.surf-number-group):hover:not([data-disabled],:focus-within){border-color:var(--surf-control-hover-border);background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}:is(.surf-combobox-group,.surf-number-group)[data-readonly]:not(:focus-within,[data-invalid]){border-color:transparent;background:var(--surf-recessed)}.surf-combobox-group:focus-within,.surf-number-group:focus-within{border-color:var(--surf-control-focus);box-shadow:0 0 0 var(--surf-control-focus-ring-size) var(--surf-control-focus-ring)}.surf-combobox-action,.surf-number-step,.surf-combobox-chip-remove{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--surf-control-height);height:var(--surf-control-height);padding:0;border:0;border-radius:var(--surf-control-radius);background:transparent;color:var(--surf-ink-body);cursor:pointer}.surf-combobox-action:focus-visible,.surf-number-step:focus-visible,.surf-combobox-chip-remove:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-inset)}.surf-combobox-group[data-disabled],.surf-number-group[data-disabled]{opacity:var(--surf-control-disabled-opacity);cursor:not-allowed}:is(.surf-combobox-action,.surf-number-step,.surf-combobox-chip-remove)[data-disabled]:not([data-disabled] *){opacity:var(--surf-control-disabled-opacity)}:is(.surf-combobox-action,.surf-number-step,.surf-combobox-chip-remove)[data-disabled]{cursor:not-allowed}.surf-number-step[data-readonly]{opacity:var(--surf-control-disabled-opacity);cursor:default}.surf-combobox-group[data-invalid],.surf-number-group[data-invalid]{border-color:var(--surf-status-danger-fg)}@media(forced-colors:active){.surf-combobox-group:focus-within,.surf-number-group:focus-within{outline:var(--surf-focus-ring-width) solid Highlight;outline-offset:var(--surf-focus-ring-offset)}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-combobox-group>.surf-combobox-input{flex:1;min-width:0;width:0;border:0;background:transparent;box-shadow:none}.surf-combobox-popup{box-sizing:border-box;width:var(--anchor-width);max-width:calc(100vw - 24px);max-height:var(--available-height);overflow:auto;padding:var(--surf-space-1);border:1px solid var(--surf-menu-border);border-radius:var(--surf-radius-md);background:var(--surf-menu-background);color:var(--surf-ink);box-shadow:var(--surf-shadow-float);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-body-tracking);outline:none}.surf-combobox-popup .surf-combobox-list{max-height:min(280px,var(--available-height));overflow:auto}.surf-combobox-item{display:flex;align-items:center;gap:var(--surf-space-2);padding:max(var(--surf-space-1),calc((var(--surf-control-height) - 1lh) / 2)) var(--surf-space-3);min-height:var(--surf-control-height);box-sizing:border-box;border-radius:var(--surf-control-radius);cursor:default;outline:none;overflow-wrap:anywhere}.surf-combobox-item[data-highlighted]{background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.surf-combobox-item[data-selected]{background-color:var(--surf-selected)}.surf-combobox-item[data-disabled]{opacity:var(--surf-control-disabled-opacity)}.surf-combobox-item-content{display:grid;flex:1;gap:var(--surf-space-1);min-width:0}.surf-combobox-item-title{font-weight:var(--surf-weight-medium);color:var(--surf-ink)}.surf-combobox-item-description{color:var(--surf-ink-body);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);letter-spacing:var(--surf-type-caption-tracking)}.surf-combobox-indicator{display:inline-flex;align-items:center}.surf-combobox-empty,.surf-combobox-status{padding:var(--surf-space-3);color:var(--surf-ink-body)}.surf-combobox-empty:empty,.surf-combobox-status:empty{padding:0}.surf-combobox-section-label{padding:var(--surf-space-2) var(--surf-space-3);color:var(--surf-ink-muted);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);letter-spacing:var(--surf-type-caption-tracking)}.surf-combobox-separator{height:1px;background:var(--surf-line);margin-block:var(--surf-space-1)}.surf-combobox-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--surf-space-1);width:100%;padding:var(--surf-space-1)}.surf-combobox-chips .surf-combobox-input{flex:1;width:100px;min-width:80px;border:0;box-shadow:none;background:transparent}.surf-combobox-chip{display:inline-flex;align-items:center;gap:var(--surf-space-1);padding-inline-start:var(--surf-space-3);border-radius:var(--surf-radius-pill);background-color:var(--surf-selected);color:var(--surf-ink);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);letter-spacing:var(--surf-type-caption-tracking)}.surf-combobox-chip-remove{width:28px;height:28px}@media(max-width:760px),(pointer:coarse){.surf-combobox-item{min-height:var(--surf-control-target-size)}.surf-combobox-chip-remove{width:var(--surf-control-target-size);height:var(--surf-control-target-size)}}@media(prefers-reduced-motion:reduce){.surf-combobox-popup,.surf-combobox-group{transition:none}}@media(forced-colors:active){.surf-combobox-item[data-highlighted],.surf-combobox-chip{outline:1px solid CanvasText;outline-offset:-1px}.surf-combobox-group .surf-combobox-input:focus{outline:none}}.surf-combobox-group>.surf-combobox-input,.surf-combobox-action{height:calc(var(--surf-control-height) - 2px)}.surf-combobox-indicator{width:16px;flex:none}.surf-combobox-item:not([data-selected]) .surf-combobox-indicator{visibility:hidden}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *):is(.surf-combobox-input){font-size:max(var(--surf-control-text-min-size),var(--surf-ui-font));line-height:var(--surf-ui-leading)}:where([data-ui-size],[data-ui-size] *):is(.surf-combobox-item){min-block-size:var(--surf-ui-row);font-size:var(--surf-ui-font);line-height:var(--surf-ui-leading)}:where([data-ui-size],[data-ui-size] *):is(.surf-combobox-item){box-sizing:border-box;padding-block:max(var(--surf-space-1),calc((var(--surf-ui-row) - var(--surf-ui-leading)) / 2))}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-number-group{display:grid;grid-template-columns:var(--surf-control-height) minmax(0,1fr) var( --surf-control-height )}.surf-number-input{box-sizing:border-box;width:100%;min-width:0;height:var(--surf-control-height);padding:0 var(--surf-space-2);border:0;outline:none;background:transparent;color:var(--surf-ink);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-body-tracking);text-align:center;font-variant-numeric:tabular-nums}.surf-number-input{font-size:max(var(--surf-control-text-min-size),var(--surf-type-body-size))}.surf-number-scrub{cursor:ew-resize;touch-action:none}@media(prefers-reduced-motion:reduce){.surf-number-group{transition:none}}.surf-number-step,.surf-number-input{height:calc(var(--surf-control-height) - 2px)}.surf-number-scrub[data-readonly],.surf-number-scrub[data-disabled]{cursor:default}.surf-number-field{width:100%;max-width:20rem}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *):is(.surf-number-input){font-size:max(var(--surf-control-text-min-size),var(--surf-ui-font));line-height:var(--surf-ui-leading)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-slider{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--surf-space-4);row-gap:var(--surf-space-2);width:100%;max-width:32rem;min-width:0;color:var(--surf-ink-body)}.surf-slider-label{font-weight:var(--surf-weight-regular);color:var(--surf-ink);overflow-wrap:anywhere}.surf-slider-value{margin:0;font:inherit;font-variant-numeric:tabular-nums;text-align:end}.surf-slider-control{position:relative;grid-column:1/-1;display:flex;align-items:center;width:100%;min-width:0;height:var(--surf-control-target-size);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:pointer}.surf-slider-track{width:100%;height:var(--surf-size-slider-track-default);border-radius:var(--surf-radius-full);background:var(--surf-recessed)}.surf-slider-indicator{background:var(--surf-brand-mark);border-radius:inherit}.surf-slider-thumb{box-sizing:border-box;width:24px;height:24px;border:2px solid var(--surf-ink-body);border-radius:var(--surf-radius-full);background:var(--surf-canvas)}.surf-slider-thumb:has(:focus-visible){outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}.surf-slider-control[data-disabled]{opacity:var(--surf-control-disabled-opacity)}.surf-slider-control[data-disabled],.surf-slider-thumb[data-disabled]{cursor:not-allowed}.surf-slider[data-orientation=vertical]{width:max-content;min-width:120px}.surf-slider-control[data-orientation=vertical]{width:var(--surf-control-target-size);height:192px;justify-content:center;justify-self:center;touch-action:pan-x}.surf-slider-track[data-orientation=vertical]{width:var(--surf-size-slider-track-default);height:100%}@media(max-width:760px){.surf-slider-thumb{width:var(--surf-size-slider-thumb-large);height:var(--surf-size-slider-thumb-large)}}@media(forced-colors:active){.surf-slider-track{background:CanvasText}.surf-slider-indicator{background:Highlight}.surf-slider-thumb{border-color:CanvasText;background:Canvas}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-slider-thumb{width:var(--surf-ui-slider-thumb);height:var(--surf-ui-slider-thumb)}@media(max-width:760px){:where([data-ui-size],[data-ui-size] *).surf-slider-thumb{width:var(--surf-size-slider-thumb-large);height:var(--surf-size-slider-thumb-large)}}@media(max-width:760px),(pointer:coarse){:where([data-ui-size],[data-ui-size] *).surf-slider-control{min-block-size:var(--surf-control-target-size)}}:where([data-ui-size],[data-ui-size] *).surf-slider-track:not([data-orientation=vertical]){height:var(--surf-ui-slider-track)}:where([data-ui-size],[data-ui-size] *).surf-slider-track[data-orientation=vertical]{width:var(--surf-ui-slider-track)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-toggle-group,.surf-toolbar,.surf-menubar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--surf-space-1);min-width:0}.surf-toggle-group[data-orientation=vertical],.surf-toolbar[data-orientation=vertical],.surf-menubar[data-orientation=vertical]{flex-direction:column;align-items:flex-start;width:fit-content;max-width:100%}@media(forced-colors:active){.surf-toolbar,.surf-menubar{outline:1px solid CanvasText;outline-offset:-1px}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-toggle{background:transparent;border-color:var(--surf-control-border)}.surf-toggle[data-pressed]{background-color:var(--surf-selected);border-color:var(--surf-control-border);color:var(--surf-ink)}.surf-toggle[data-disabled]{opacity:var(--surf-control-disabled-opacity);cursor:not-allowed}@media(forced-colors:active){.surf-toggle[data-pressed]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *):is(.surf-toggle){min-block-size:var(--surf-ui-row);font-size:var(--surf-ui-font);line-height:var(--surf-ui-label-leading)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-toolbar-button[aria-pressed=true]{background-color:var(--surf-selected);border-color:var(--surf-control-border);color:var(--surf-ink)}@media(forced-colors:active){.surf-toolbar-button[aria-pressed=true]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}}.surf-toolbar-button[data-disabled],.surf-toolbar-input[data-disabled]{opacity:var(--surf-control-disabled-opacity);cursor:not-allowed}.surf-toolbar{padding:var(--surf-space-1);border-radius:var(--surf-radius-md);background:var(--surf-recessed);gap:var(--surf-space-2)}.surf-toolbar-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--surf-space-1);min-width:0}.surf-toolbar-button,.surf-toolbar-link{background:transparent;border:0;border-radius:max(0px,calc(var(--surf-radius-md) - var(--surf-space-1)));text-decoration:none}.surf-toolbar-input{width:160px;max-width:100%;border:0;border-radius:max(0px,calc(var(--surf-radius-md) - var(--surf-space-1)));background:var(--surf-plane)}.surf-toolbar-separator{flex:none;background:transparent}.surf-toolbar-separator[data-orientation=vertical]{width:1px;height:24px;margin-inline:var(--surf-space-1)}.surf-toolbar-separator[data-orientation=horizontal]{height:1px;width:100%;margin-block:var(--surf-space-1)}.surf-toolbar[data-orientation=vertical] .surf-toolbar-group{flex-direction:column;align-items:stretch;width:100%}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-menubar{padding:var(--surf-space-1);border-radius:var(--surf-radius-md);background:var(--surf-recessed);width:fit-content;max-width:100%}.surf-menubar>.surf-menu-trigger{border:0;border-radius:max(0px,calc(var(--surf-radius-md) - var(--surf-space-1)))}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-context-trigger{-webkit-touch-callout:none}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-link{color:var(--surf-ink);text-decoration:underline;text-underline-offset:3px;border-radius:calc(var(--surf-radius-sm) / 3);overflow-wrap:anywhere}.surf-link:hover{color:var(--surf-brand-ink)}.surf-link:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-preview-card{box-sizing:border-box;width:320px;max-width:min(calc(100vw - 24px),var(--available-width));max-height:var(--available-height);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:var(--surf-space-5);border:1px solid var(--surf-menu-border);border-radius:var(--surf-radius-md);background:var(--surf-menu-background);color:var(--surf-ink);box-shadow:var(--surf-shadow-float);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-body-tracking);overflow-wrap:break-word;outline:none}.surf-preview-card>:first-child{margin-top:0}.surf-preview-card>:last-child{margin-bottom:0}@media(forced-colors:active){.surf-preview-card{border-color:CanvasText;background:Canvas;color:CanvasText}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-navigation-menu{width:fit-content;max-width:100%}.surf-navigation-list{display:flex;align-items:center;gap:var(--surf-space-1);margin:0;padding:0;list-style:none}.surf-navigation-menu[data-overflow=scroll]{min-inline-size:0}.surf-navigation-menu[data-overflow=scroll] .surf-navigation-list{inline-size:max-content}.surf-navigation-menu[data-overflow=scroll] .surf-navigation-item>.surf-navigation-link{white-space:nowrap;overflow-wrap:normal}.surf-navigation-menu[data-overflow=scroll] .surf-navigation-link:focus-visible{outline-offset:var(--surf-focus-ring-inset)}.surf-navigation-menu[data-orientation=vertical]>.surf-navigation-list{flex-direction:column;align-items:stretch}.surf-navigation-trigger{font-weight:var(--surf-weight-medium);background:transparent;color:var(--surf-ink-body)}.surf-navigation-trigger[data-popup-open]{background-color:var(--surf-selected);color:var(--surf-ink)}.surf-navigation-icon{display:inline-flex;flex:none;transition:rotate var(--surf-duration-fast) var(--surf-ease-out)}.surf-navigation-icon[data-popup-open]{rotate:180deg}.surf-navigation-link{display:block;box-sizing:border-box;min-height:var(--surf-control-height);padding:var(--surf-space-2) var(--surf-space-3);border:1px solid transparent;border-radius:var(--surf-radius-md);color:var(--surf-ink-body);text-decoration:none;font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-body-tracking);overflow-wrap:anywhere}.surf-navigation-item>.surf-navigation-link{display:flex;align-items:center;padding-block:max(0px,calc((var(--surf-ui-row, var(--surf-control-height)) - 1lh) / 2 - 1px))}.surf-navigation-link:hover,.surf-navigation-link[data-highlighted]{background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.surf-navigation-link-title{display:block;color:var(--surf-ink);font-weight:var(--surf-weight-medium)}.surf-navigation-link-description{display:block;margin-block-start:var(--surf-space-1);color:var(--surf-ink-muted);font-size:var(--surf-type-compact-size);line-height:var(--surf-type-compact-leading);letter-spacing:var(--surf-type-compact-tracking)}.surf-navigation-link:is([aria-current=page],[aria-current=location]){background-color:var(--surf-selected);color:var(--surf-ink);font-weight:var(--surf-weight-medium)}.surf-navigation-link:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}.surf-navigation-popup{box-sizing:border-box;width:var(--popup-width);height:var(--popup-height);max-width:min(calc(100vw - 24px),var(--available-width));max-height:var(--available-height);overflow:hidden;border:1px solid var(--surf-menu-border);border-radius:var(--surf-radius-lg);background:var(--surf-menu-background);color:var(--surf-ink);box-shadow:var(--surf-shadow-float);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-body-tracking);outline:none}.surf-navigation-viewport{position:relative;width:100%;height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--surf-scrollbar-thumb) transparent;overscroll-behavior:contain}.surf-navigation-content{box-sizing:border-box;width:380px;max-width:calc(100vw - 26px);padding:var(--surf-space-4);overflow-wrap:break-word}@media(max-width:760px),(pointer:coarse){.surf-navigation-trigger,.surf-navigation-link{min-height:var(--surf-control-target-size)}}@media(prefers-reduced-motion:reduce){.surf-navigation-icon{transition:none}}@media(forced-colors:active){.surf-navigation-popup{background:Canvas;color:CanvasText;border-color:CanvasText}.surf-navigation-link:is([aria-current=page],[aria-current=location]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}}.surf-navigation-positioner{width:var(--positioner-width);height:var(--positioner-height);max-width:calc(100vw - 24px)}.surf-navigation-viewport{max-height:calc(var(--available-height) - 2px)}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *):is(.surf-navigation-trigger,.surf-navigation-link){min-block-size:var(--surf-ui-row);font-size:var(--surf-ui-font);line-height:var(--surf-ui-leading)}:where([data-ui-size],[data-ui-size] *).surf-navigation-trigger{line-height:var(--surf-ui-label-leading)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-otp-field,.surf-otp-group{display:flex;align-items:center;gap:var(--surf-space-2);min-width:0;max-width:100%;width:fit-content}.surf-otp-group{flex:1 1 auto}.surf-otp-input{flex:0 1 var(--surf-size-otp-default);width:var(--surf-size-otp-default);height:var(--surf-size-otp-default);min-width:0;padding:0;text-align:center;font-weight:var(--surf-weight-regular);font-size:var(--surf-type-section-size);line-height:var(--surf-type-section-leading);font-family:var(--surf-font-code);letter-spacing:var(--surf-tracking-mono);font-variant-numeric:tabular-nums;caret-color:var(--surf-control-focus)}.surf-otp-separator{flex:none;width:var(--surf-space-3);height:2px;border:0;border-radius:var(--surf-radius-full);background:var(--surf-ink-muted)}@media(max-width:760px){.surf-otp-field,.surf-otp-group{gap:var(--surf-space-1)}}@media(forced-colors:active){.surf-otp-input{background:Field;color:FieldText;border-color:ButtonText}.surf-otp-input:focus-visible{outline:var(--surf-focus-ring-width) solid Highlight;outline-offset:var(--surf-focus-ring-offset)}.surf-otp-input[aria-invalid=true]{border-color:LinkText}.surf-otp-separator{background:CanvasText}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-otp-input{flex-basis:var(--surf-ui-otp);width:var(--surf-ui-otp);height:var(--surf-ui-otp);font-size:var(--surf-type-section-size);line-height:var(--surf-type-section-leading)}@media(max-width:760px),(pointer:coarse){:where([data-ui-size],[data-ui-size] *).surf-otp-input{flex-basis:max(var(--surf-ui-otp),var(--surf-control-target-size));width:max(var(--surf-ui-otp),var(--surf-control-target-size));height:max(var(--surf-ui-otp),var(--surf-control-target-size))}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-toast-viewport{position:fixed;inset-inline-end:0;bottom:0;z-index:var(--surf-layer-popup);display:flex;flex-direction:column-reverse;gap:var(--surf-space-2);box-sizing:border-box;width:416px;max-width:100vw;max-height:100dvh;padding:var(--surf-space-6);overflow-x:hidden;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;pointer-events:none;outline:none}.surf-toast{--_toast-icon: var(--surf-ink-muted);position:relative;flex:none;box-sizing:border-box;width:100%;padding:var(--surf-space-4);border:1px solid var(--surf-menu-border);border-radius:var(--surf-radius-lg);background:var(--surf-menu-background);color:var(--surf-ink);box-shadow:var(--surf-shadow-float);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-compact-size);line-height:var(--surf-type-compact-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-compact-tracking);overflow-wrap:anywhere;pointer-events:auto;opacity:1;translate:0 0;transition:opacity var(--surf-toast-enter-duration) var(--surf-motion-ease),translate var(--surf-toast-enter-duration) var(--surf-toast-stack-ease)}.surf-toast[data-tone=success]{--_toast-icon: var(--surf-status-success-fg)}.surf-toast[data-tone=danger]{--_toast-icon: var(--surf-status-danger-fg)}.surf-toast[data-tone=caution]{--_toast-icon: var(--surf-status-caution-fg)}.surf-toast[data-tone=progress]{--_toast-icon: var(--surf-status-progress-fg)}.surf-toast[data-tone=info]{--_toast-icon: var(--surf-status-info-fg)}.surf-toast[data-starting-style]{opacity:0;translate:0 12px}.surf-toast[data-ending-style]{opacity:0;transition-duration:0s}.surf-toast[data-limited]{display:none}.surf-toast:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}.surf-toast-content{display:flex;align-items:flex-start;gap:var(--surf-space-3);opacity:1;transition:opacity var(--surf-duration-fast) var(--surf-motion-ease)}.surf-toast-text{flex:1;min-width:0}.surf-toast-icon{display:inline-flex;flex:none;color:var(--_toast-icon);margin-top:1px}.surf-toast-icon>svg{width:18px;height:18px}.surf-toast-title{margin:0;font-weight:var(--surf-weight-medium);font-size:var(--surf-type-compact-size);line-height:var(--surf-type-compact-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-compact-tracking)}.surf-toast-description{margin:2px 0 0;color:var(--surf-ink-muted);font-size:var(--surf-type-compact-size);letter-spacing:var(--surf-type-compact-tracking);line-height:var(--surf-type-compact-leading)}.surf-toast-close{flex:none;margin:-4px 0 0;margin-inline-end:-4px;color:var(--surf-ink-muted)}.surf-toast-action{margin-top:var(--surf-space-3)}@media(prefers-reduced-motion:reduce){.surf-toast{transition:none}.surf-toast[data-starting-style]{translate:0 0}}@media(forced-colors:active){.surf-toast{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}.surf-toast-description,.surf-toast-icon{color:CanvasText}}.surf-toast-viewport[data-layout=stack]:focus-visible{border-radius:var(--surf-radius-lg);outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-inset)}.surf-toast-viewport[data-layout=anchored]{top:0;right:0;bottom:0;left:0;display:block;width:auto;max-width:none;max-height:none;padding:0;overflow:visible}.surf-toast-viewport[data-layout=anchored] .surf-toast{width:320px;max-width:min(calc(100vw - 24px),var(--available-width));max-height:var(--available-height);overflow:auto;scrollbar-width:thin}.surf-toast-viewport[data-layout=anchored]:focus-visible .surf-toast{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}.surf-toast-viewport[data-layout=stack]{display:grid;grid-template-rows:var(--toast-frontmost-height, 80px);padding-top:var(--surf-space-6);height:calc(var(--toast-frontmost-height, 80px) + 48px);overflow:visible}.surf-toast-viewport[data-layout=stack]>.surf-toast{grid-area:1 / 1;z-index:calc(100 - var(--toast-index));height:var(--toast-frontmost-height, var(--toast-height, auto));overflow:clip;align-self:end;transform-origin:bottom center;transform:translateY(calc(var(--toast-index) * -10px)) scale(calc(1 - var(--toast-index) * .035));transition:height var(--surf-toast-stack-duration) var(--surf-toast-stack-ease),transform var(--surf-toast-stack-duration) var(--surf-toast-stack-ease),opacity var(--surf-toast-enter-duration) var(--surf-motion-ease),translate var(--surf-toast-enter-duration) var(--surf-toast-stack-ease)}.surf-toast-viewport[data-layout=stack]:not([data-expanded]) .surf-toast-content[data-behind]{opacity:0;pointer-events:none}.surf-toast-viewport[data-layout=stack][data-expanded]{pointer-events:auto;height:min(calc(var(--surf-toast-stack-height, 240px) + 48px),100dvh);grid-template-rows:var(--surf-toast-stack-height, auto);padding-top:var(--surf-space-6);overflow:visible}.surf-toast-viewport[data-layout=stack][data-expanded][data-stack-overflow]{overflow-y:auto;overflow-x:hidden}.surf-toast-viewport[data-layout=stack][data-expanded]>.surf-toast{height:var(--toast-height, auto);transform:translateY(calc(-1 * (var(--toast-offset-y) + var(--toast-index) * var(--surf-space-2))))}.surf-toast-viewport[data-layout=stack]>.surf-toast[data-ending-style]{transition-duration:0s}@media(max-width:760px),(pointer:coarse){.surf-toast-close{margin-top:-8px}}@media(prefers-reduced-motion:reduce){.surf-toast-content,.surf-toast-viewport[data-layout=stack],.surf-toast-viewport[data-layout=stack]>.surf-toast{transition:none}}.surf-toast-viewport::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){.surf-toast{transition:none}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-toast{padding:var(--surf-ui-surface-padding)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-badge{box-sizing:border-box;display:inline-flex;vertical-align:middle;align-items:center;gap:var(--surf-status-badge-gap);max-width:100%;padding:var(--surf-space-1) var(--surf-space-2);border:0;border-radius:var(--surf-radius-pill);background:var(--surf-badge-neutral-bg);color:var(--surf-status-neutral-fg);font-weight:var(--surf-weight-medium);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);font-family:var(--surf-font-body);overflow-wrap:anywhere}.surf-badge-icon{display:inline-flex;flex:none;align-items:center}.surf-badge-icon>svg{inline-size:1em;block-size:1em}.surf-badge[data-tone=success]{color:var(--surf-status-success-fg);background:var(--surf-badge-success-bg)}.surf-badge[data-tone=danger]{color:var(--surf-status-danger-fg);background:var(--surf-badge-danger-bg)}.surf-badge[data-tone=caution]{color:var(--surf-status-caution-fg);background:var(--surf-badge-caution-bg)}.surf-badge[data-tone=progress]{color:var(--surf-status-progress-fg);background:var(--surf-badge-progress-bg)}.surf-badge[data-tone=info]{color:var(--surf-status-info-fg);background:var(--surf-badge-info-bg)}.surf-status-dot{display:inline-block;flex:none;vertical-align:middle;inline-size:var(--surf-status-dot-size);block-size:var(--surf-status-dot-size);border-radius:var(--surf-radius-full);background:var(--surf-status-neutral-mark)}.surf-status-dot[data-tone=info]{background:var(--surf-status-info-mark)}.surf-status-dot[data-tone=success]{background:var(--surf-status-success-mark)}.surf-status-dot[data-tone=danger]{background:var(--surf-status-danger-mark)}.surf-status-dot[data-tone=caution]{background:var(--surf-status-caution-mark)}.surf-status-dot[data-tone=progress]{background:var(--surf-status-progress-mark)}.surf-status-dot[data-live]{animation:surf-status-dot-pulse var(--surf-motion-pulse) ease-in-out infinite}.surf-status-dot[data-attention]{animation:surf-status-dot-blink var(--surf-motion-pulse) steps(1,end) 3}@keyframes surf-status-dot-pulse{50%{opacity:.45}}@keyframes surf-status-dot-blink{50%{opacity:.2}}@media(prefers-reduced-motion:reduce){.surf-status-dot:is([data-live],[data-attention]){animation:none}}@media(forced-colors:active){.surf-status-dot{background:CanvasText}}@media(forced-colors:active){.surf-badge{border:1px solid CanvasText;padding:3px 8px}}@media(prefers-reduced-motion:reduce),(forced-colors:active){:is(.surf-badge)[data-status-transition]{--surf-status-progress: 1 !important}}}@layer surflane.sizes{:is(.surf-badge)[data-status-transition]{background-color:color-mix(in oklch,var(--surf-status-from-0),var(--surf-status-to-0) calc(var(--surf-status-progress) * 100%));color:color-mix(in oklch,var(--surf-status-from-1),var(--surf-status-to-1) calc(var(--surf-status-progress) * 100%));border-color:color-mix(in oklch,var(--surf-status-from-2),var(--surf-status-to-2) calc(var(--surf-status-progress) * 100%))}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-badge{padding:var(--surf-ui-badge-padding-y) var(--surf-ui-badge-padding-x);font-size:var(--surf-ui-badge-font)}@media(forced-colors:active){:where([data-ui-size],[data-ui-size] *).surf-badge{border:1px solid CanvasText;padding:calc(var(--surf-ui-badge-padding-y) - 1px) calc(var(--surf-ui-badge-padding-x) - 1px)}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-segmented:not([data-width=fill]){inline-size:fit-content;max-inline-size:100%}.surf-segmented[data-width=fill]{display:flex;inline-size:100%}.surf-segmented[data-width=fill]>.surf-segment{flex:1 1 0;min-inline-size:0}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{:root{--surf-app-shell-icon-column: 40px;--surf-app-shell-brand-height: 80px;--surf-app-shell-mark-size: 24px}@media(pointer:coarse){:root{--surf-app-shell-icon-column: max(40px, var(--surf-control-target-size))}}.surf-app-shell{--surf-app-shell-inset: var(--surf-space-3);--surf-app-shell-page-radius: max( 0px, calc(var(--surf-radius-sheet) - var(--surf-app-shell-inset)) );--surf-app-shell-page-padding: var(--surf-space-6);--surf-app-shell-sidebar-width: 216px;--surf-app-shell-sidebar-padding: var(--surf-space-3);--surf-app-shell-rail-width: calc( var(--surf-app-shell-icon-column) + var(--surf-app-shell-sidebar-padding) * 2 );display:grid;grid-template-columns:var(--surf-app-shell-sidebar-width) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:var(--surf-space-4);min-inline-size:0;padding:var(--surf-app-shell-inset);background:var(--surf-chrome);--surf-plane: var(--surf-chrome);--surf-recessed: var(--surf-canvas)}.surf-app-shell[data-sidebar=collapsed]{--surf-app-shell-sidebar-width: var(--surf-app-shell-rail-width)}.surf-app-shell-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:var(--surf-space-3);min-inline-size:0}.surf-app-shell-sidebar{display:flex;flex-direction:column;gap:var(--surf-space-3);min-inline-size:0;min-block-size:0;padding-inline:var(--surf-app-shell-sidebar-padding)}.surf-app-shell-content{min-inline-size:0;min-block-size:0;padding:var(--surf-space-6);background:var(--surf-canvas);border-radius:var(--surf-app-shell-page-radius);overflow-wrap:break-word;--surf-plane: var(--surf-canvas);--surf-recessed: var(--surf-surface)}.surf-app-shell-footer{margin-block-start:auto;flex:none}.surf-app-shell-link{box-sizing:border-box;display:grid;grid-template-columns:var(--surf-app-shell-icon-column) minmax(0,1fr);align-items:center;inline-size:100%;min-block-size:var( --surf-app-shell-row-height, var(--surf-app-shell-icon-column) );gap:0;padding:0;border:0;border-radius:var(--surf-radius-md);background:transparent;font:inherit;text-align:start;text-decoration:none;color:var(--surf-ink-body);cursor:pointer;transition:background-color var(--surf-duration-fast) var(--surf-ease-out)}.surf-app-shell-link:hover{background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.surf-app-shell-link:active:not([aria-current=page]){background-image:linear-gradient(var(--surf-interaction-active-bg),var(--surf-interaction-active-bg))}.surf-app-shell-link[aria-current=page]{background-color:var(--surf-selected);color:var(--surf-ink);font-weight:var(--surf-weight-medium)}.surf-app-shell-link:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-inset)}.surf-app-shell-icon{display:grid;place-items:center;inline-size:var(--surf-app-shell-icon-column)}.surf-app-shell-label{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline-end:var(--surf-space-2)}.surf-app-shell[data-sidebar=collapsed] .surf-app-shell-sidebar .surf-app-shell-label{position:absolute;inline-size:1px;block-size:1px;padding:0;clip-path:inset(50%);overflow:hidden}.surf-app-shell-brand{display:flex;align-items:center;gap:var(--surf-space-2);min-inline-size:0;color:var(--surf-ink);text-decoration:none}.surf-app-shell-brand-mark{flex:none;display:grid;place-items:center}.surf-app-shell-brand-mark>:where(svg,img){inline-size:var(--surf-app-shell-mark-size);block-size:var(--surf-app-shell-mark-size)}.surf-app-shell-brand-text{display:grid}.surf-app-shell-brand-name,.surf-app-shell-brand-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.surf-app-shell-brand-name{font-weight:var(--surf-weight-medium);font-size:var(--surf-type-subsection-size);line-height:var(--surf-type-subsection-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-subsection-tracking)}.surf-app-shell-brand-description{color:var(--surf-ink-muted);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-caption-tracking)}.surf-app-shell-sidebar>.surf-app-shell-brand{flex:none;block-size:var(--surf-app-shell-brand-height);gap:0}.surf-app-shell-sidebar>.surf-app-shell-brand>.surf-app-shell-brand-mark{inline-size:var(--surf-app-shell-icon-column)}.surf-app-shell-sidebar>.surf-app-shell-brand>.surf-app-shell-brand-text:not(:has(>.surf-app-shell-brand-description))>.surf-app-shell-brand-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal}.surf-app-shell-nav{display:grid;align-content:start;gap:var(--surf-space-1);min-inline-size:0}.surf-app-shell-nav-label{display:flex;align-items:center;min-block-size:var(--surf-space-6);margin-block-end:var(--surf-space-1);padding-inline:var(--surf-space-3);color:var(--surf-ink-muted);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-caption-tracking)}@media(max-width:760px){.surf-app-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:0;padding:0}.surf-app-shell>.surf-app-shell-header{padding:var(--surf-app-shell-inset)}.surf-app-shell-sidebar{display:none}.surf-app-shell-content{padding:var(--surf-space-4);border-radius:0}}.surf-app-shell-menu-trigger.surf-button{display:none}@media(max-width:760px){.surf-app-shell-menu-trigger.surf-button{display:inline-flex;margin-inline-start:auto}}@media(max-width:760px),(pointer:coarse){.surf-app-shell-link{min-block-size:max(var(--surf-app-shell-row-height, var(--surf-app-shell-icon-column)),var(--surf-control-target-size))}}@media(prefers-reduced-motion:reduce){.surf-app-shell-link{transition:none}}@media(forced-colors:active){.surf-app-shell-link[aria-current=page]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}}.surf-app-shell[data-layout=workspace]{--surf-app-shell-sidebar-width: 224px;--surf-app-shell-sidebar-padding: var(--surf-space-4);block-size:100%;grid-template-rows:minmax(0,1fr);gap:0;padding:0;transition:grid-template-columns var(--surf-duration-base) var(--surf-ease-out)}.surf-app-shell[data-layout=workspace][data-sidebar=collapsed]{--surf-app-shell-sidebar-width: var(--surf-app-shell-rail-width)}.surf-app-shell[data-layout=workspace]>.surf-app-shell-sidebar{position:relative;grid-row:1;grid-column:1;gap:0;padding:0;z-index:1}.surf-app-shell[data-layout=workspace]>.surf-app-shell-content{grid-row:1;grid-column:2;margin:0;padding:0;background:transparent;border-radius:0}.surf-app-shell[data-layout=workspace]>.surf-app-shell-sidebar{--surf-app-shell-toggle-size: var( --surf-app-shell-row-height, var(--surf-app-shell-icon-column) )}@media(pointer:coarse){.surf-app-shell[data-layout=workspace]>.surf-app-shell-sidebar{--surf-app-shell-toggle-size: max( var(--surf-app-shell-row-height, var(--surf-app-shell-icon-column)), var(--surf-control-target-size) )}}.surf-app-shell[data-layout=workspace]>.surf-app-shell-sidebar>.surf-app-shell-toggle{position:absolute;inset-block-start:calc((var(--surf-app-shell-brand-height) - var(--surf-app-shell-toggle-size)) / 2);inset-inline-end:var(--surf-app-shell-sidebar-padding);z-index:1}.surf-app-shell[data-layout=workspace][data-sidebar=collapsed]>.surf-app-shell-sidebar>.surf-app-shell-toggle{inset-inline-end:calc((var(--surf-app-shell-rail-width) - var(--surf-app-shell-toggle-size)) / 2)}.surf-app-shell[data-layout=workspace]>.surf-app-shell-sidebar>.surf-scroll-root{flex:1;min-block-size:0}.surf-app-shell[data-layout=workspace]>.surf-app-shell-sidebar>.surf-scroll-root>.surf-scroll-viewport{block-size:100%}.surf-app-shell[data-layout=workspace]>.surf-app-shell-sidebar>.surf-app-shell-brand{padding-inline:var(--surf-app-shell-sidebar-padding)}.surf-app-shell[data-layout=workspace]>.surf-app-shell-sidebar:has(>.surf-app-shell-toggle)>.surf-app-shell-brand{padding-inline-end:calc(var(--surf-app-shell-sidebar-padding) + var(--surf-app-shell-toggle-size) + var(--surf-space-2))}.surf-app-shell[data-layout=workspace][data-sidebar=collapsed]>.surf-app-shell-sidebar>.surf-app-shell-brand{visibility:hidden}.surf-app-shell[data-layout=workspace]>.surf-app-shell-sidebar .surf-app-shell-nav{padding:0 var(--surf-app-shell-sidebar-padding) var(--surf-app-shell-sidebar-padding)}.surf-app-shell[data-layout=workspace]>.surf-app-shell-content>.surf-scroll-root,.surf-app-shell[data-layout=workspace]>.surf-app-shell-content>.surf-scroll-root>.surf-scroll-viewport{block-size:100%;min-block-size:0}.surf-app-shell[data-layout=workspace]>.surf-app-shell-content>.surf-scroll-root>.surf-scroll-viewport>.surf-scroll-content{display:grid}.surf-app-shell-page{box-sizing:border-box;min-inline-size:0;margin:var(--surf-app-shell-inset);margin-inline-start:0;padding:var(--surf-app-shell-page-padding);background:var(--surf-canvas);border-radius:var(--surf-app-shell-page-radius);--surf-plane: var(--surf-canvas);--surf-recessed: var(--surf-surface)}@media(max-width:760px){.surf-app-shell{--surf-app-shell-page-padding: var(--surf-space-4)}.surf-app-shell-page{margin:0;border-radius:0}}.surf-app-shell-bar{display:flex;align-items:center;gap:var(--surf-space-3);min-inline-size:0}.surf-app-shell-page>.surf-app-shell-bar:first-child{--surf-app-shell-bar-bleed: calc(var(--surf-space-3) + 1px);box-sizing:border-box;block-size:calc(var(--surf-app-shell-brand-height) - var(--surf-app-shell-inset) * 2);margin-block:calc(var(--surf-app-shell-page-padding) * -1) var(--surf-app-shell-page-padding);margin-inline-start:calc(var(--surf-app-shell-bar-bleed) * -1)}@media(max-width:760px){.surf-app-shell-page>.surf-app-shell-bar:first-child{--surf-app-shell-bar-bleed: 0px;block-size:auto;padding-block:var(--surf-space-2)}}.surf-app-shell[data-layout=workspace] .surf-app-shell-footer{padding:var(--surf-app-shell-sidebar-padding)}.surf-app-shell[data-layout=workspace] .surf-app-shell-label{transition:opacity 80ms var(--surf-ease-out) .16s,visibility 0s .16s}.surf-app-shell[data-layout=workspace][data-sidebar=collapsed] .surf-app-shell-sidebar .surf-app-shell-label{opacity:0;visibility:hidden;transition:none}@media(min-width:761px){.surf-app-shell[data-layout=workspace]>.surf-app-shell-header{display:none}}@media(max-width:760px){.surf-app-shell[data-layout=workspace]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.surf-app-shell[data-layout=workspace]>.surf-app-shell-header{padding:var(--surf-space-3)}.surf-app-shell[data-layout=workspace]>.surf-app-shell-content{grid-column:1;grid-row:2;margin:0}}@media(prefers-reduced-motion:reduce){.surf-app-shell[data-layout=workspace],.surf-app-shell[data-layout=workspace] .surf-app-shell-label{transition:none}}.surf-app-shell[data-layout][data-settling],.surf-app-shell[data-layout][data-settling] .surf-app-shell-label{transition:none}}@layer surflane.sizes{[data-ui-density=compact]{--surf-app-shell-icon-column: var(--surf-space-8)}:where([data-ui-density=compact],[data-ui-density=compact] *)>.surf-app-shell-bar:first-child{--surf-app-shell-bar-bleed: 0px}:where([data-ui-density=compact],[data-ui-density=compact] *).surf-app-shell{--surf-app-shell-page-padding: var(--surf-ui-density-gap);--surf-app-shell-sidebar-padding: var(--surf-ui-density-gap)}:where([data-ui-density=compact],[data-ui-density=compact] *):is(.surf-app-shell-page,.surf-app-shell-content){padding:var(--surf-ui-density-gap)}.surf-app-shell[data-layout=workspace]>.surf-app-shell-content{padding:0}.surf-app-shell-link.surf-button{block-size:auto;min-block-size:var( --surf-app-shell-row-height, var(--surf-app-shell-icon-column) );padding:0;font-size:inherit;line-height:inherit}@media(max-width:760px),(pointer:coarse){.surf-app-shell-link.surf-button{min-block-size:max(var(--surf-app-shell-row-height, var(--surf-app-shell-icon-column)),var(--surf-control-target-size))}}.surf-app-shell[data-layout=workspace]>.surf-app-shell-sidebar>.surf-app-shell-toggle{inline-size:var(--surf-app-shell-toggle-size);block-size:var(--surf-app-shell-toggle-size);min-inline-size:var(--surf-app-shell-toggle-size);min-block-size:var(--surf-app-shell-toggle-size);padding:0}}@layer surflane.components{.surf-theme-switch{display:flex;min-inline-size:0}.surf-theme-switch[data-variant=group]{container:surf-theme-switch / inline-size;min-inline-size:calc(var(--surf-control-target-size) * 3)}@container surf-theme-switch (max-width: 17rem){.surf-theme-switch-name{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-copy-button[data-copy-state=copied]{color:var(--surf-status-success-fg)}.surf-copy-button[data-copy-state=failed]{color:var(--surf-status-danger-fg)}.surf-copy-text{display:inline-grid;text-align:start}.surf-copy-text>*{grid-area:1 / 1}.surf-copy-room{visibility:hidden}.surf-copy-room:before{content:attr(data-label)}.surf-copy-button[data-copy-used] :is(.surf-copy-icon,.surf-copy-label){animation:surf-copy-fade var(--surf-duration-base) var(--surf-ease-out)}@keyframes surf-copy-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.surf-copy-button[data-copy-used] :is(.surf-copy-icon,.surf-copy-label){animation:none}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-description-list{--surf-description-list-term-width: 10rem;--surf-description-list-value-min-width: 10rem;--surf-description-list-column-min-width: 22rem;--surf-description-list-row: var(--surf-size-row-default);--surf-description-list-leading: var(--surf-size-leading-default);--surf-description-list-gap: var(--surf-space-8);--surf-description-list-stack-padding: var(--surf-space-2);display:grid;grid-template-columns:minmax(0,1fr);align-items:start;column-gap:var(--surf-description-list-gap);margin:0;font-weight:var(--surf-weight-regular);font-size:var(--surf-size-font-default);line-height:var(--surf-description-list-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-body-tracking)}.surf-description-list[data-columns="2"]{grid-template-columns:repeat(auto-fill,minmax(max(min(100%,var(--surf-description-list-column-min-width)),calc((100% - var(--surf-description-list-gap)) / 2)),1fr))}.surf-description-list-item{box-sizing:border-box;display:flex;flex-wrap:wrap;align-content:center;align-items:baseline;column-gap:var(--surf-space-4);min-inline-size:0;min-block-size:var(--surf-description-list-row)}.surf-description-list-term{flex:0 1 var(--surf-description-list-term-width);min-inline-size:0;color:var(--surf-ink-muted);overflow-wrap:anywhere}.surf-description-list-value{flex:1 1 var(--surf-description-list-value-min-width);min-inline-size:0;margin:0;color:var(--surf-ink);overflow-wrap:anywhere}.surf-description-list[data-layout=stacked] .surf-description-list-item{min-block-size:0;padding-block:var(--surf-description-list-stack-padding)}.surf-description-list[data-layout=stacked] .surf-description-list-term{flex-basis:100%}@media(max-width:760px){.surf-description-list .surf-description-list-item{min-block-size:0;padding-block:var(--surf-description-list-stack-padding)}.surf-description-list .surf-description-list-value{flex-basis:auto}}.surf-description-list-value[data-empty]{color:var(--surf-ink-muted)}.surf-description-list-value[data-truncate]:not([data-copy]),.surf-description-list-value[data-truncate]>.surf-description-list-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.surf-description-list-value[data-copy]{display:flex;align-items:center;gap:var(--surf-space-2)}.surf-description-list-text{min-inline-size:0}.surf-description-list-value>.surf-copy-button{flex:none}.surf-description-list:is([data-density=compact],:where([data-ui-density=compact] :not([data-density]))){--surf-description-list-row: var(--surf-size-row-small);--surf-description-list-gap: var(--surf-space-6);--surf-description-list-stack-padding: var(--surf-space-1)}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-description-list{--surf-description-list-row: var(--surf-ui-row);--surf-description-list-leading: var(--surf-ui-leading);font-size:var(--surf-ui-font)}.surf-description-list:is([data-density=compact],:where([data-ui-density=compact] :not([data-density]))){--surf-description-list-row: var(--surf-size-row-small);--surf-description-list-stack-padding: var(--surf-space-1)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-message{display:flex;align-items:flex-start;gap:var(--surf-space-3);padding:var(--surf-space-4);border-radius:var(--surf-radius-md);background:var(--surf-status-neutral-bg);color:var(--surf-status-neutral-fg)}.surf-message[data-tone=success]{background:var(--surf-status-success-bg);color:var(--surf-status-success-fg)}.surf-message[data-tone=danger]{background:var(--surf-status-danger-bg);color:var(--surf-status-danger-fg)}.surf-message[data-tone=caution]{background:var(--surf-status-caution-bg);color:var(--surf-status-caution-fg)}.surf-message[data-tone=progress]{background:var(--surf-status-progress-bg);color:var(--surf-status-progress-fg)}.surf-message[data-tone=info]{background:var(--surf-status-info-bg);color:var(--surf-status-info-fg)}.surf-message-icon{display:inline-flex;align-items:center;min-height:22px;flex:none}.surf-message-icon svg{width:18px;height:18px}.surf-message-content{flex:1;min-width:0;overflow-wrap:anywhere}.surf-message-title{display:block;font-weight:var(--surf-weight-medium)}.surf-message-description{margin:var(--surf-space-1) 0 0;color:inherit}.surf-message-actions{display:flex;flex-wrap:wrap;gap:var(--surf-space-2);margin-top:var(--surf-space-4)}@media(forced-colors:active){.surf-message{outline:1px solid CanvasText;outline-offset:-1px}}:is(.surf-message)[data-status-transition]{background-color:color-mix(in oklch,var(--surf-status-from-0),var(--surf-status-to-0) calc(var(--surf-status-progress) * 100%));color:color-mix(in oklch,var(--surf-status-from-1),var(--surf-status-to-1) calc(var(--surf-status-progress) * 100%));border-color:color-mix(in oklch,var(--surf-status-from-2),var(--surf-status-to-2) calc(var(--surf-status-progress) * 100%))}@media(prefers-reduced-motion:reduce),(forced-colors:active){:is(.surf-message)[data-status-transition]{--surf-status-progress: 1 !important}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-message{padding:var(--surf-ui-surface-padding);gap:var(--surf-ui-content-gap)}}@layer surflane.components{.surf-data-state{position:relative;min-inline-size:0;min-block-size:0}.surf-data-state:focus{outline:none}.surf-data-state-content{min-inline-size:0}.surf-data-state:not([data-layout=inline],[data-state=stale]):has(>.surf-data-state-content){display:flex;flex-direction:column}.surf-data-state:not([data-layout=inline],[data-state=stale])>.surf-data-state-content{flex:1 1 auto}.surf-data-state[data-state=stale]{display:grid;align-content:start;gap:var(--surf-space-3)}.surf-data-state-empty{margin:0;color:var(--surf-ink-muted)}.surf-data-state-content[data-refreshing]{opacity:.6;transition:opacity var(--surf-duration-fast) var(--surf-ease-out)}.surf-data-state[data-layout=inline]{display:inline-flex;align-items:center;gap:var(--surf-space-2)}.surf-data-state[data-layout=inline][data-state=stale]{display:grid}.surf-data-state-notice{display:inline-flex;align-items:center;gap:var(--surf-space-2);color:var(--surf-status-danger-fg)}.surf-data-state-notice[data-tone=caution]{color:var(--surf-status-caution-fg)}.surf-data-state-icon{display:inline-flex;flex:none}.surf-data-state[data-layout=page]:is([data-state=loading],[data-state=error],[data-state=empty]){display:grid;place-content:center;min-block-size:40vh;text-align:center}@media(prefers-reduced-motion:reduce){.surf-data-state-content[data-refreshing]{transition:none}}}@layer surflane.sizes{:where([data-ui-density=compact],[data-ui-density=compact] *).surf-data-state[data-state=stale]{gap:var(--surf-ui-density-inset)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-timeline{display:grid;margin:0;padding:0;list-style:none;color:var(--surf-ink-body);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-body-tracking)}.surf-timeline-item{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--surf-space-3);min-inline-size:0;padding:var(--surf-space-2) var(--surf-space-3);border-radius:var(--surf-radius-md)}.surf-timeline-item[data-current]{background:var(--surf-recessed);--surf-timeline-plane: var(--surf-recessed);--surf-timeline-recessed: var(--surf-plane)}.surf-timeline-item[data-current]>*{--surf-plane: var(--surf-timeline-plane);--surf-recessed: var(--surf-timeline-recessed)}.surf-timeline-mark{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--surf-size-icon-default);block-size:1lh;color:var(--surf-status-neutral-fg)}.surf-timeline-body{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-inline-size:0}:where(.surf-timeline-body)>*{grid-column:1 / -1;min-inline-size:0}.surf-timeline-title{grid-row:1;grid-column:1 / 3;min-inline-size:0;color:var(--surf-ink);font-weight:var(--surf-weight-medium);overflow-wrap:anywhere}.surf-timeline-time{grid-row:1;grid-column:3;margin-inline-start:var(--surf-space-3);color:var(--surf-ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.surf-timeline-status{grid-column:1;margin-inline-end:var(--surf-space-2);color:var(--surf-status-neutral-fg);font-weight:var(--surf-weight-medium)}.surf-timeline-description{grid-column:2 / -1;min-inline-size:0;color:var(--surf-ink-muted);overflow-wrap:anywhere}.surf-timeline-detail{margin-block-start:var(--surf-space-1);margin-inline-start:calc(-1 * var(--surf-space-4))}.surf-timeline-item[data-tone=info] :is(.surf-timeline-mark,.surf-timeline-status){color:var(--surf-status-info-fg)}.surf-timeline-item[data-tone=success] :is(.surf-timeline-mark,.surf-timeline-status){color:var(--surf-status-success-fg)}.surf-timeline-item[data-tone=danger] :is(.surf-timeline-mark,.surf-timeline-status){color:var(--surf-status-danger-fg)}.surf-timeline-item[data-tone=caution] :is(.surf-timeline-mark,.surf-timeline-status){color:var(--surf-status-caution-fg)}.surf-timeline-item[data-tone=progress] :is(.surf-timeline-mark,.surf-timeline-status){color:var(--surf-status-progress-fg)}@media(forced-colors:active){.surf-timeline-item[data-current]{outline:1px solid CanvasText;outline-offset:-1px}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-timeline{font-size:var(--surf-ui-font);line-height:var(--surf-ui-leading)}:where([data-ui-size],[data-ui-size] *).surf-timeline-mark{inline-size:var(--surf-ui-icon)}:where([data-ui-density=compact],[data-ui-density=compact] *).surf-timeline-item{padding-block:var(--surf-space-1)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-file-upload{min-width:0}.surf-file-native{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.surf-file-dropzone{--surf-file-inset: var(--surf-space-5);display:flex;flex-direction:column;padding-inline:var(--surf-file-inset);border:1px solid transparent;border-radius:var(--surf-radius-lg);background:var(--surf-recessed);transition:background-color var(--surf-duration-fast) var(--surf-ease-out);--surf-file-plane: var(--surf-recessed);--surf-file-recessed: var(--surf-plane)}.surf-file-dropzone>*{--surf-plane: var(--surf-file-plane);--surf-recessed: var(--surf-file-recessed)}.surf-file-upload[data-dragging] .surf-file-dropzone{background-color:var(--surf-selected)}.surf-file-picker{display:flex;flex-wrap:wrap;align-items:center;gap:var(--surf-space-3);padding-block:var(--surf-file-inset)}.surf-file-trigger{flex-direction:row;width:fit-content;cursor:pointer}.surf-file-trigger[data-disabled]{opacity:var(--surf-control-disabled-opacity);cursor:not-allowed}.surf-file-upload:has(.surf-file-native:focus-visible) .surf-file-trigger{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}.surf-file-upload:has(.surf-file-native[aria-invalid=true]) .surf-file-dropzone{border-color:var(--surf-status-danger-fg)}.surf-file-drop-hint{margin:0;color:var(--surf-ink-muted);font-size:var(--surf-type-compact-size);line-height:var(--surf-type-compact-leading);letter-spacing:var(--surf-type-compact-tracking)}.surf-file-errors{color:var(--surf-status-danger-fg);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-compact-size);line-height:var(--surf-type-compact-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-compact-tracking);overflow-wrap:anywhere}.surf-file-errors:empty{display:none}.surf-file-errors ul{margin:0;padding-inline-start:var(--surf-space-5)}.surf-file-list{display:grid;list-style:none;padding:0;margin:0}.surf-file-item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--surf-space-3) var(--surf-space-4);min-width:0;padding-block:var(--surf-space-3);border-top:1px solid var(--surf-line)}.surf-file-item:last-child{padding-block-end:var(--surf-file-inset)}.surf-file-item>:not(.surf-file-info,.surf-file-actions){flex-basis:100%}.surf-file-info{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--surf-space-2) var(--surf-space-3);font-size:var(--surf-type-compact-size);line-height:var(--surf-type-compact-leading);letter-spacing:var(--surf-type-compact-tracking)}.surf-file-info>strong{min-width:0;max-width:100%;overflow-wrap:anywhere;font-weight:var(--surf-weight-medium)}.surf-file-info>span:not(.surf-badge){color:var(--surf-ink-muted)}.surf-file-actions{display:flex;flex-wrap:wrap;gap:var(--surf-space-2)}.surf-file-upload-error{margin:0;color:var(--surf-status-danger-fg);font-size:var(--surf-type-compact-size);line-height:var(--surf-type-compact-leading);letter-spacing:var(--surf-type-compact-tracking)}@media(max-width:760px),(pointer:coarse){.surf-file-trigger{min-height:var(--surf-control-target-size)}}@media(max-width:760px){.surf-file-dropzone{--surf-file-inset: var(--surf-space-4)}}@media(forced-colors:active){.surf-file-dropzone{border-color:ButtonText;background:Canvas}.surf-file-upload[data-dragging] .surf-file-dropzone{border-color:Highlight}}@media(prefers-reduced-motion:reduce){.surf-file-dropzone{transition:none}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-file-dropzone{--surf-file-inset: var(--surf-ui-file-padding)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-filter-bar{display:grid;gap:var(--surf-space-4);min-inline-size:0}.surf-filter-bar-controls{display:flex;flex-wrap:wrap;align-items:end;gap:var(--surf-space-4);min-inline-size:0}.surf-filter-bar-field{display:grid;gap:var(--surf-space-2);flex:0 1 12rem;min-inline-size:0;max-inline-size:100%}.surf-filter-bar-field[data-width=search]{flex:2 1 20rem}@media(max-width:760px){.surf-filter-bar-field{flex-grow:1}}.surf-filter-bar-field>:is(.surf-control,.surf-select){inline-size:100%;min-inline-size:0}.surf-filter-bar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--surf-space-2);min-inline-size:0}.surf-filter-bar-summary{color:var(--surf-ink-muted);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);font-family:var(--surf-font-body)}}@layer surflane.sizes{:where([data-ui-density=compact],[data-ui-density=compact] *):is(.surf-filter-bar,.surf-filter-bar-controls){gap:var(--surf-ui-density-inset)}@media(max-width:760px){:where([data-ui-density=compact],[data-ui-density=compact] *).surf-filter-bar-field:not([data-width=search]){flex:1 1 calc(50% - var(--surf-ui-density-inset) / 2)}:where([data-ui-density=compact],[data-ui-density=compact] *).surf-filter-bar-field[data-width=search]{flex-basis:100%}}.surf-filter-bar-actions>.surf-button{max-inline-size:100%;min-height:var(--surf-control-height);overflow-wrap:anywhere}.surf-filter-bar-actions>.surf-button:where(:not([data-size^=icon])){height:auto;padding-block:var(--surf-space-2)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-banner{box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"icon content actions dismiss";align-items:center;min-inline-size:0;padding-block:var(--surf-space-2);padding-inline:var(--surf-banner-inset, var(--surf-space-4));background:var(--surf-status-info-bg);color:var(--surf-status-info-fg);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-body-tracking)}.surf-banner[data-tone=caution]{background:var(--surf-status-caution-bg);color:var(--surf-status-caution-fg)}.surf-banner[data-tone=danger]{background:var(--surf-status-danger-bg);color:var(--surf-status-danger-fg)}.surf-banner-icon{grid-area:icon;display:inline-flex;margin-inline-end:var(--surf-space-3)}.surf-banner-content{grid-area:content;min-inline-size:0;overflow-wrap:anywhere}.surf-banner-title{margin-inline-end:var(--surf-space-2);font-weight:var(--surf-weight-medium)}.surf-banner-actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:var(--surf-space-2);margin-inline-start:var(--surf-space-4)}.surf-banner>.surf-banner-dismiss{grid-area:dismiss;margin-inline-start:var(--surf-space-2);color:inherit}@media(max-width:760px){.surf-banner{align-items:start;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon content dismiss" ". actions ."}.surf-banner-icon{align-items:center;block-size:1lh}.surf-banner-description{display:block}.surf-banner-actions{margin-block-start:var(--surf-space-2);margin-inline-start:0}}@media(forced-colors:active){.surf-banner{border-block-end:1px solid CanvasText}}:is(.surf-banner)[data-status-transition]{background-color:color-mix(in oklch,var(--surf-status-from-0),var(--surf-status-to-0) calc(var(--surf-status-progress) * 100%));color:color-mix(in oklch,var(--surf-status-from-1),var(--surf-status-to-1) calc(var(--surf-status-progress) * 100%))}@media(prefers-reduced-motion:reduce),(forced-colors:active){:is(.surf-banner)[data-status-transition]{--surf-status-progress: 1 !important}}}@layer surflane.components{.surf-app-shell>.surf-banner{grid-column:1 / -1;margin:calc(-1 * var(--surf-app-shell-inset)) calc(-1 * var(--surf-app-shell-inset)) 0;--surf-banner-inset: var(--surf-app-shell-inset)}.surf-app-shell:has(>.surf-banner){grid-template-rows:auto auto minmax(0,1fr)}.surf-app-shell[data-layout=workspace]>.surf-banner{margin:0}.surf-app-shell[data-layout=workspace]:has(>.surf-banner){grid-template-rows:auto minmax(0,1fr)}.surf-app-shell[data-layout=workspace]:has(>.surf-banner)>:is(.surf-app-shell-sidebar,.surf-app-shell-content){grid-row:2}@media(max-width:760px){.surf-app-shell>.surf-banner{margin:0}.surf-app-shell[data-layout=workspace]:has(>.surf-banner){grid-template-rows:auto auto minmax(0,1fr)}.surf-app-shell[data-layout=workspace]:has(>.surf-banner)>.surf-app-shell-content{grid-row:3}}}@layer surflane.sizes{:where([data-ui-density=compact],[data-ui-density=compact] *).surf-banner{padding-block:var(--surf-space-1)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-tree-scroll{min-inline-size:0}.surf-tree-viewport{block-size:100%}.surf-tree{position:relative;min-inline-size:0}.surf-tree-item{display:flex;align-items:center;gap:var(--surf-space-1);padding-inline-end:var(--surf-space-2);border-radius:var(--surf-radius-md);color:var(--surf-ink);cursor:default;outline-offset:var(--surf-focus-ring-inset);transition:background-color var(--surf-duration-fast) var(--surf-ease-out)}.surf-tree-item:hover{background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.surf-tree-item[aria-selected=true]{background-color:var(--surf-selected)}.surf-tree-item:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus)}.surf-tree-item[aria-disabled=true]{color:var(--surf-ink-muted)}.surf-tree-toggle,.surf-tree-leaf{inline-size:32px;block-size:32px;flex:0 0 32px}.surf-tree-toggle{display:grid;place-items:center;padding:0;border:0;border-radius:var(--surf-radius-pill);background:transparent;color:inherit}.surf-tree-toggle:hover:not(:disabled){background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.surf-tree-toggle:active:not(:disabled){background-image:linear-gradient(var(--surf-interaction-active-bg),var(--surf-interaction-active-bg))}.surf-tree-toggle svg[data-expanded]{rotate:90deg}.surf-tree:dir(rtl) .surf-tree-toggle svg[data-expanded]{rotate:-90deg}.surf-tree-label{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.surf-tree-empty{padding:var(--surf-space-4);color:var(--surf-ink-muted)}@media(max-width:760px),(pointer:coarse){.surf-tree-toggle{position:relative}.surf-tree-toggle:after{content:"";position:absolute;inset:50% auto auto 50%;inline-size:var(--surf-control-target-size);block-size:var(--surf-control-target-size);translate:-50% -50%}}@media(prefers-reduced-motion:reduce){.surf-tree-item{transition:none}}@media(forced-colors:active){.surf-tree-item[aria-selected=true]{background:Highlight;color:HighlightText;forced-color-adjust:none}.surf-tree-item[aria-disabled=true]{color:GrayText}.surf-tree-item:focus-visible{outline-color:Highlight}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-tree-item{font-size:var(--surf-ui-font)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-date-picker,.surf-time-field{display:flex;flex-direction:column;gap:var(--surf-space-2);min-width:0;max-width:100%}.surf-date-group{display:flex;align-items:center;box-sizing:border-box;min-height:var(--surf-control-height);gap:var(--surf-space-2);padding-inline:var(--surf-control-padding-x) var(--surf-space-1);border:1px solid var(--surf-control-border);border-radius:var(--surf-control-radius);background:var(--surf-control-background);color:var(--surf-ink);outline:none;transition:background-color var(--surf-duration-fast) var(--surf-ease-out),border-color var(--surf-duration-fast) var(--surf-ease-out),box-shadow var(--surf-duration-fast) var(--surf-ease-out)}:is(.surf-date-picker,.surf-time-field):not([data-disabled],[data-readonly]) .surf-date-group:hover:not([data-focus-within],:focus-within){background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg));border-color:var(--surf-control-hover-border)}.surf-date-group[data-focus-within],.surf-date-group:focus-within{background:var(--surf-control-focus-background);border-color:var(--surf-control-focus);box-shadow:0 0 0 var(--surf-control-focus-ring-size) var(--surf-control-focus-ring)}:is(.surf-date-picker,.surf-time-field)[data-invalid] .surf-date-group,:is(.surf-date-picker,.surf-time-field)[data-invalid]:not([data-disabled],[data-readonly]) .surf-date-group:hover{border-color:var(--surf-status-danger-fg)}:is(.surf-date-picker,.surf-time-field)[data-disabled] .surf-date-group{opacity:var(--surf-control-disabled-opacity);cursor:not-allowed;background:var(--surf-recessed)}:is(.surf-date-picker,.surf-time-field)[data-readonly]:not([data-invalid]) .surf-date-group:not([data-focus-within],:focus-within){border-color:transparent;background:var(--surf-recessed)}.surf-date-input{display:flex;align-items:center;flex:1;min-width:0;padding-block:var(--surf-space-1);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body);font-size:max(var(--surf-control-text-min-size),var(--surf-type-body-size));white-space:nowrap}.surf-date-segment{font-variant-numeric:tabular-nums;border-radius:calc(var(--surf-radius-sm) * 2 / 3);padding:1px;outline:none}.surf-date-segment[data-type=literal]{padding:0;white-space:pre}.surf-date-segment[data-placeholder]{color:var(--surf-control-placeholder)}.surf-date-segment[data-focused]{background-color:var(--surf-selected);color:var(--surf-ink);box-shadow:inset 0 0 0 1px var(--surf-selected-edge)}.surf-date-range-inputs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--surf-space-1) var(--surf-space-2);min-width:0;flex:1}.surf-date-range-inputs .surf-date-input{flex:0 1 auto}.surf-date-range-separator{color:var(--surf-ink-muted)}.surf-date-trigger,.surf-calendar-nav{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;min-width:32px;padding:0;border:0;border-radius:var(--surf-radius-pill);background:transparent;color:var(--surf-ink);cursor:pointer;outline:none;transition:background-color var(--surf-duration-fast) var(--surf-ease-out)}:is(.surf-date-trigger,.surf-calendar-nav)[data-hovered]:not([data-disabled]){background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}:is(.surf-date-trigger,.surf-calendar-nav)[data-focus-visible]{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}:is(.surf-date-trigger,.surf-calendar-nav)[data-disabled]:not([data-disabled] *){opacity:var(--surf-control-disabled-opacity);cursor:not-allowed}.surf-date-popover{box-sizing:border-box;max-width:calc(100vw - var(--surf-space-4));max-height:var(--available-height);overflow:auto;overscroll-behavior:contain;padding:var(--surf-space-2);border:1px solid var(--surf-menu-border);border-radius:var(--surf-radius-lg);background:var(--surf-menu-background);color:var(--surf-ink);box-shadow:var(--surf-shadow-float);z-index:var(--surf-layer-popup)}.surf-date-dialog{outline:none}.surf-calendar{width:280px;max-width:100%;font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body)}.surf-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--surf-space-1);margin-bottom:var(--surf-space-2)}.surf-calendar-heading{margin:0;font-weight:var(--surf-weight-medium);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body);text-align:center}.surf-calendar-grid{min-width:0;width:100%;border-collapse:separate;border-spacing:2px;table-layout:fixed}.surf-calendar-weekday{color:var(--surf-ink-muted);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);letter-spacing:var(--surf-type-caption-tracking);text-align:center}.surf-calendar-day{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:36px;border:1px solid transparent;border-radius:var(--surf-radius-sm);cursor:pointer;outline:none;font-variant-numeric:tabular-nums}.surf-calendar-day[data-hovered]:not([data-disabled],[data-unavailable]){background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.surf-calendar-day[data-selected]{background-color:var(--surf-selected);color:var(--surf-ink)}.surf-calendar-day:is([data-selection-start],[data-selection-end]){background-color:var(--surf-brand-mark);color:var(--surf-on-brand)}.surf-calendar-day[data-focus-visible]{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-inset)}.surf-calendar-day[data-today]{border-color:var(--surf-control-border)}.surf-calendar-day[data-outside-month]{visibility:hidden}.surf-calendar-day:is([data-disabled],[data-unavailable]){color:var(--surf-ink-muted);text-decoration:line-through;cursor:not-allowed;opacity:var(--surf-control-disabled-opacity)}@media(max-width:760px),(pointer:coarse){.surf-date-trigger,.surf-calendar-nav{width:var(--surf-control-target-size);height:var(--surf-control-target-size);min-width:var(--surf-control-target-size)}.surf-calendar-day{min-height:var(--surf-control-target-size)}}@media(prefers-reduced-motion:reduce){.surf-date-group,.surf-date-trigger,.surf-calendar-nav{transition:none}}@media(forced-colors:active){.surf-date-group,.surf-date-popover{border-color:CanvasText}.surf-date-group[data-focus-within],.surf-date-group:focus-within{outline:var(--surf-focus-ring-width) solid Highlight}.surf-calendar-day[data-selected]{background:Highlight;color:HighlightText;forced-color-adjust:none}.surf-calendar-day[data-focus-visible]{outline-color:Highlight}.surf-date-segment[data-focused]{outline:1px solid Highlight}}.surf-calendar-grid :is(th,td){padding:0;border:0;min-width:0;text-align:center}.surf-calendar-day:is([data-selection-start],[data-selection-end])[data-focus-visible]{outline-color:var(--surf-on-brand)}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *):is(.surf-date-input,.surf-date-segment){font-size:max(var(--surf-control-text-min-size),var(--surf-ui-font));line-height:var(--surf-ui-leading)}:where([data-ui-size],[data-ui-size] *):is(.surf-date-trigger)>svg{inline-size:var(--surf-ui-icon);block-size:var(--surf-ui-icon)}:where([data-ui-size],[data-ui-size] *).surf-date-popover{padding:var(--surf-ui-surface-padding)}:where([data-ui-size],[data-ui-size] *).surf-calendar-day{min-block-size:var(--surf-ui-row)}:where([data-ui-size],[data-ui-size] *):is(.surf-date-trigger,.surf-calendar-nav){inline-size:calc(var(--surf-control-height) - 4px);block-size:calc(var(--surf-control-height) - 4px);min-inline-size:0}@media(max-width:760px),(pointer:coarse){:where([data-ui-size],[data-ui-size] *):is(.surf-date-trigger,.surf-calendar-nav){inline-size:var(--surf-control-target-size);block-size:var(--surf-control-target-size)}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-time-range{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--surf-space-2);max-inline-size:100%}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-chart{min-width:0;max-width:100%;margin:0;display:flex;flex-direction:column;gap:var(--surf-space-3)}.surf-chart-series :is(.recharts-line-curve,.recharts-area-curve),.surf-chart-mark-line{stroke-width:var(--surf-chart-line-width)}.surf-chart-series-quiet :is(.recharts-line-curve,.recharts-area-curve),.surf-chart-series-plan .recharts-rectangle,.surf-chart-mark-line[data-quiet],.surf-chart-mark-plan{stroke-width:calc(var(--surf-chart-line-width) * var(--surf-chart-line-quiet-ratio))}.surf-chart-caption strong{font-weight:var(--surf-weight-medium);font-size:var(--surf-type-subsection-size);line-height:var(--surf-type-subsection-leading);font-family:var(--surf-font-body)}.surf-chart-caption p,.surf-chart-help{margin:var(--surf-space-2) 0 0;color:var(--surf-ink-muted);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body)}.surf-chart-frame{display:flex;flex-direction:column;min-width:0}.surf-chart-frame[data-resizing]{overflow-x:clip}.surf-chart-frame[data-resizing] .surf-chart-plot{inline-size:var(--surf-chart-held-width)}.surf-chart[data-height=fill]{block-size:100%}.surf-chart[data-height=fill]>.surf-chart-frame{flex:1 1 auto;min-block-size:0}.surf-chart[data-height=fill] .surf-chart-plot{flex:1 1 auto;min-block-size:var(--surf-chart-plot-min)}.surf-chart-key{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--surf-space-4)}.surf-chart-legend{display:flex;flex-wrap:wrap;gap:var(--surf-space-1) var(--surf-space-2);padding:0;margin:0;margin-inline-start:auto;list-style:none}.surf-chart-mark{inline-size:var(--surf-space-8);block-size:var(--surf-space-5)}.surf-chart-legend-button{max-width:100%;display:inline-flex;align-items:center;gap:var(--surf-space-2);min-height:var(--surf-control-height);padding:var(--surf-space-1) var(--surf-space-2);border:0;border-radius:var(--surf-radius-md);background:transparent;color:var(--surf-ink-body);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body);cursor:pointer;text-align:start}.surf-chart-legend-button svg,.surf-chart-legend-reference svg{flex:none}.surf-chart-legend-reference{display:inline-flex;align-items:center;gap:var(--surf-space-2);min-height:var(--surf-control-height);padding:var(--surf-space-1) var(--surf-space-2);color:var(--surf-ink-body);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body)}.surf-chart-legend-more{font-variant-numeric:tabular-nums}.surf-chart-legend-list{display:grid;gap:var(--surf-space-1);margin:0;padding:0;list-style:none}.surf-chart-legend-list .surf-chart-legend-button{inline-size:100%}.surf-chart-key[data-position=bottom] .surf-chart-legend{margin-inline-start:0}.surf-chart-legend-button span{overflow-wrap:anywhere}.surf-chart-legend-button:hover{background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.surf-chart-legend-button:active{background-image:linear-gradient(var(--surf-interaction-active-bg),var(--surf-interaction-active-bg))}.surf-chart-legend-button[aria-pressed=false] span{text-decoration:line-through;color:var(--surf-ink-muted)}.surf-chart-legend-button:focus-visible,.surf-chart-plot .recharts-surface:focus-visible,.surf-chart-table summary:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset);border-radius:var(--surf-radius-sm)}.surf-chart-plot .recharts-surface:focus:not(:focus-visible),.surf-chart-plot .recharts-surface :focus{outline:none}.surf-chart-axis-label{margin:0;color:var(--surf-ink-muted);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);font-family:var(--surf-font-body);overflow-wrap:anywhere}.surf-chart-x-label{text-align:center}.surf-chart-plot{position:relative;min-width:0;width:100%;font-family:var(--surf-font-body)}.surf-chart-plot .recharts-surface{overflow:visible}.surf-chart-float{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.surf-chart-tooltip{position:absolute;z-index:1;box-sizing:border-box;inline-size:max-content;max-inline-size:100%;translate:0 var(--surf-space-2);padding:var(--surf-space-2) var(--surf-space-3);border:1px solid var(--surf-menu-border);border-radius:var(--surf-radius-md);background:var(--surf-menu-background);box-shadow:var(--surf-shadow-float);color:var(--surf-ink-body);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-compact-size);line-height:var(--surf-type-compact-leading);font-family:var(--surf-font-body);overflow-wrap:break-word}.surf-chart-tooltip strong{display:block;color:var(--surf-ink);font-weight:var(--surf-weight-medium)}.surf-chart-tooltip ul{display:grid;gap:var(--surf-space-1);margin:var(--surf-space-1) 0 0;padding:0;list-style:none}.surf-chart-tooltip li{display:flex;align-items:center;gap:var(--surf-space-2)}.surf-chart-tooltip .surf-chart-mark{flex:none;inline-size:var(--surf-space-6);block-size:var(--surf-space-4)}.surf-chart-tooltip-total{padding-block-start:var(--surf-space-1);border-block-start:1px solid var(--surf-line)}.surf-chart-gap{pointer-events:none}.surf-chart-tooltip-gap{padding-block-start:var(--surf-space-1);border-block-start:1px solid var(--surf-line)}.surf-chart-tooltip-reference{color:var(--surf-ink-muted)}.surf-chart-tooltip-value{white-space:nowrap;margin-inline-start:auto;padding-inline-start:var(--surf-space-3);color:var(--surf-ink);font-variant-numeric:tabular-nums}.surf-chart-inspector{box-sizing:border-box;min-height:100px;padding:var(--surf-space-3) var(--surf-space-4);background:var(--surf-recessed);color:var(--surf-ink-body);border-radius:var(--surf-radius-md);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body);overflow-wrap:anywhere}.surf-chart-inspector[hidden]{display:none}.surf-chart-readout strong{font-weight:var(--surf-weight-medium)}.surf-chart-readout ul{display:flex;flex-wrap:wrap;gap:var(--surf-space-2) var(--surf-space-4);list-style:none;padding:0;margin:var(--surf-space-2) 0 0}.surf-chart-empty{display:flex;align-items:center;flex-wrap:wrap;gap:var(--surf-space-3);min-height:160px;padding:var(--surf-space-4);background:var(--surf-recessed);color:var(--surf-ink-muted);border-radius:var(--surf-radius-md)}.surf-chart-empty p{margin:0}.surf-chart-table{min-width:0}.surf-chart-table summary{width:fit-content;cursor:pointer;color:var(--surf-ink);padding-block:var(--surf-space-2);text-decoration:underline;text-underline-offset:3px}.surf-chart[data-density=compact] .surf-chart-table summary{padding-block:var(--surf-space-1);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);letter-spacing:var(--surf-type-caption-tracking)}.surf-chart-table .surf-scroll-root{margin-top:var(--surf-space-2)}.surf-chart-table .surf-scroll-viewport{max-block-size:320px}.surf-chart[data-density=compact]{gap:var(--surf-space-2)}.surf-chart[data-density=compact] :is(.surf-chart-caption,.surf-chart-help,.surf-chart-inspector,.surf-chart-x-label){position:absolute;inline-size:1px;block-size:1px;min-height:0;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.surf-chart[data-minimal] .surf-chart-key,.surf-chart[data-minimal] .surf-chart-x-label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.surf-chart-extreme-box{fill:var(--surf-recessed)}.surf-chart-extreme-text{fill:var(--surf-ink);font-size:var(--surf-type-caption-size);font-variant-numeric:tabular-nums}@media(forced-colors:active){.surf-chart-extreme-dot circle,.surf-chart-extreme-text{fill:CanvasText}.surf-chart-extreme-box{fill:Canvas;stroke:CanvasText}}.surf-chart[data-density=compact] :is(.surf-chart-legend-button,.surf-chart-legend-reference){min-height:var(--surf-space-6);padding-block:0;font-size:var(--surf-type-compact-size);line-height:var(--surf-type-compact-leading)}@media(max-width:760px),(pointer:coarse){.surf-chart-legend-button,.surf-chart[data-density=compact] .surf-chart-legend-button{min-height:var(--surf-control-target-size)}.surf-chart-table summary{display:flex;align-items:center;min-block-size:var(--surf-control-target-size);padding-block:0}}.surf-chart[data-minimal] .surf-chart-table:not([open]):not(:focus-within){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(forced-colors:active){.surf-chart{--surf-canvas: Canvas;--surf-ink-muted: CanvasText;--surf-line: GrayText;--surf-control-border: CanvasText;--surf-chart-series-1: CanvasText;--surf-chart-series-2: CanvasText;--surf-chart-series-3: CanvasText;--surf-chart-category-1: CanvasText;--surf-chart-category-2: CanvasText;--surf-chart-category-3: CanvasText;--surf-chart-category-4: CanvasText;--surf-chart-category-5: CanvasText;--surf-chart-category-6: CanvasText;--surf-chart-category-7: CanvasText;--surf-chart-category-8: CanvasText;--surf-chart-category-9: CanvasText;--surf-chart-category-10: CanvasText;--surf-chart-category-11: CanvasText;--surf-chart-category-12: CanvasText;--surf-chart-category-13: CanvasText;--surf-chart-category-14: CanvasText;--surf-chart-category-15: CanvasText;--surf-chart-category-16: CanvasText;--surf-chart-category-17: CanvasText;--surf-chart-category-18: CanvasText;--surf-chart-category-19: CanvasText;--surf-chart-category-20: CanvasText;--surf-chart-category-21: CanvasText;--surf-chart-category-22: CanvasText;--surf-chart-category-23: CanvasText;--surf-chart-category-24: CanvasText;--surf-status-caution-fg: CanvasText;--surf-status-danger-fg: CanvasText;--surf-trend-up-fg: CanvasText;--surf-trend-down-fg: CanvasText}.surf-chart-plot .recharts-surface,.surf-chart-mark{forced-color-adjust:none}.surf-chart-inspector,.surf-chart-tooltip,.surf-chart-empty{background:Canvas;color:CanvasText;border:1px solid CanvasText}}}@layer surflane.sizes{@media(forced-colors:active){.surf-chart-plot .recharts-cartesian-axis-tick text{fill:CanvasText}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-scatter-plot:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset);border-radius:var(--surf-radius-sm)}.surf-scatter-plot:focus:not(:focus-visible),.surf-scatter-plot .recharts-surface:focus{outline:none}.surf-scatter-point{cursor:pointer}.surf-scatter-active{fill:none;stroke:var(--surf-ink);stroke-width:1.5}.surf-scatter-quadrant{fill:var(--surf-ink-muted);font-size:var(--surf-type-caption-size);font-family:var(--surf-font-body)}@media(forced-colors:active){.surf-scatter-quadrant{fill:CanvasText}.surf-scatter-active{stroke:Highlight}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.base{.surf-container{box-sizing:border-box;width:100%;min-width:0;margin-inline:auto}.surf-container[data-width=workspace]{max-width:var(--surf-layout-workspace)}.surf-container[data-width=reading]{max-width:var(--surf-layout-reading)}.surf-container[data-width=wide]{max-width:var(--surf-layout-wide)}.surf-stack,.surf-inline,.surf-grid{min-width:0;gap:var(--surf-layout-gap, var(--surf-layout-gutter))}.surf-stack{display:flex;flex-direction:column}.surf-inline{display:flex;align-items:center;flex-wrap:wrap}.surf-inline[data-justify=between]{justify-content:space-between}.surf-inline[data-justify=end]{justify-content:flex-end}.surf-inline[data-wrap=false]{flex-wrap:nowrap}.surf-inline[data-wrap=false]>*{flex-shrink:0}.surf-inline[data-wrap=false]>:is(.surf-inline,.surf-stack){flex-shrink:1}.surf-grid{--surf-layout-grid-columns: 3;--surf-grid-inline-bleed: 0px;display:grid;margin-inline:calc(-1 * var(--surf-grid-inline-bleed));grid-template-columns:repeat(var(--surf-layout-grid-columns, 3),minmax(0,1fr))}.surf-grid>*,.surf-stack>*,.surf-inline>*{min-width:0}.surf-grid[data-columns="1"]{--surf-layout-grid-columns: 1}.surf-grid[data-columns="2"]{--surf-layout-grid-columns: 2}.surf-grid[data-columns="4"]{--surf-layout-grid-columns: 4}.surf-grid[data-columns=auto]{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--surf-grid-column-min)),1fr))}.surf-grid[data-min=tile]{--surf-grid-column-min: var(--surf-layout-column-tile)}.surf-grid[data-min=brief]{--surf-grid-column-min: var(--surf-layout-column-brief)}.surf-grid[data-min=card]{--surf-grid-column-min: var(--surf-layout-column-card)}.surf-grid[data-min=wide]{--surf-grid-column-min: var(--surf-layout-column-wide)}.surf-surface{box-sizing:border-box;min-width:0;padding:var(--surf-surface-padding, var(--surf-space-6));border-radius:var(--surf-radius-lg);background:var(--surf-surface);color:var(--surf-ink);--surf-plane: var(--surf-surface);--surf-recessed: var(--surf-canvas)}.surf-surface[data-surface=canvas]{background:var(--surf-canvas);--surf-plane: var(--surf-canvas);--surf-recessed: var(--surf-surface);border-radius:var(--surf-radius-sheet)}@media(forced-colors:active){.surf-surface{outline:1px solid CanvasText;outline-offset:-1px}}@media(max-width:1100px)and (min-width:761px){.surf-grid:not([data-columns="1"]){--surf-layout-grid-columns: 2}}@media(max-width:760px){.surf-grid{grid-template-columns:minmax(0,1fr)}}.surf-grid[data-columns=layout]{grid-template-columns:repeat(var(--surf-layout-columns),minmax(0,1fr))}.surf-grid[data-columns=layout]>.surf-grid-item{grid-column:span min(var(--surf-grid-item-span, var(--surf-layout-columns)),var(--surf-layout-columns))}@media(max-width:1100px)and (min-width:761px){.surf-grid[data-columns=layout]>.surf-grid-item{grid-column:span min(var( --surf-grid-item-span-medium, var(--surf-grid-item-span, var(--surf-layout-columns)) ),var(--surf-layout-columns))}}@media(max-width:760px){.surf-grid[data-columns=layout]>.surf-grid-item{grid-column:span min(var( --surf-grid-item-span-small, var( --surf-grid-item-span-medium, var(--surf-grid-item-span, var(--surf-layout-columns)) ) ),var(--surf-layout-columns))}}}@layer surflane.sizes{:where([data-ui-density=compact],[data-ui-density=compact] *).surf-grid{gap:var(--surf-layout-gap, var(--surf-ui-density-gap))}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-card{display:flex;flex-direction:column;gap:var(--surf-space-4);min-width:0;padding:var(--surf-surface-padding, var(--surf-space-6));border-radius:var(--surf-radius-lg);background:var(--surf-surface);color:var(--surf-ink-body);--surf-plane: var(--surf-surface);--surf-recessed: var(--surf-canvas)}.surf-card[data-surface=canvas]{background:var(--surf-canvas);--surf-plane: var(--surf-canvas);--surf-recessed: var(--surf-surface)}@media(forced-colors:active){.surf-card{outline:1px solid CanvasText;outline-offset:-1px}}.surf-card-header{display:grid;gap:var(--surf-space-2);min-width:0}.surf-card-title{margin:0;color:var(--surf-ink);font-weight:var(--surf-weight-medium);font-size:var(--surf-type-section-size);line-height:var(--surf-type-section-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-section-tracking);overflow-wrap:anywhere}.surf-card:has(.surf-card-action){position:relative}.surf-card-action{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:none;cursor:pointer}.surf-card-title[data-lines],.surf-card-title[data-lines]>button.surf-card-action{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--surf-text-lines);line-clamp:var(--surf-text-lines);overflow:hidden;overflow-wrap:anywhere}.surf-card-action:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.surf-card-action:focus-visible{outline:none}.surf-card:has(.surf-card-action:hover){background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.surf-card:has(.surf-card-action:active){background-image:linear-gradient(var(--surf-interaction-active-bg),var(--surf-interaction-active-bg))}.surf-card:has(.surf-card-action:focus-visible){outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}:where(.surf-card:has(.surf-card-action) :is(a[href],button,input,select,textarea,summary,[tabindex]):not(.surf-card-action)){position:relative;z-index:1}.surf-card-description{margin:0;color:var(--surf-ink-body)}.surf-card-body{min-width:0;overflow-wrap:break-word}.surf-card-footer{margin-block-start:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--surf-space-3)}.surf-card-footer>.surf-gauge{flex:1 1 100%}.surf-card-body>:first-child{margin-top:0}.surf-card-body>:last-child{margin-bottom:0}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-card{padding:var(--surf-surface-padding, var(--surf-ui-card-padding));gap:var(--surf-ui-surface-padding)}:where([data-ui-size],[data-ui-size] *).surf-card-title{font-size:var(--surf-ui-title-size);line-height:var(--surf-ui-title-leading);letter-spacing:var(--surf-ui-title-tracking)}:where([data-ui-density=compact],[data-ui-density=compact] *).surf-card{padding:var(--surf-surface-padding, var(--surf-ui-density-gap));gap:var(--surf-ui-density-inset)}:where([data-ui-density=compact],[data-ui-density=compact] *).surf-card-title{font-size:var(--surf-type-label-size);line-height:var(--surf-type-label-leading);letter-spacing:var(--surf-type-label-tracking)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-avatar{box-sizing:border-box;--surf-avatar-size: var(--surf-size-avatar-default);display:inline-flex;vertical-align:middle;position:relative;flex:none;align-items:center;justify-content:center;width:var(--surf-avatar-size);height:var(--surf-avatar-size);overflow:visible;border:1px solid var(--surf-line);border-radius:var(--surf-radius-full);background:var(--surf-recessed);color:var(--surf-ink-body);font-weight:var(--surf-weight-medium);font-size:var(--surf-type-caption-size);line-height:1;font-family:var(--surf-font-body);letter-spacing:var(--surf-type-caption-tracking)}.surf-avatar[data-size=small]{--surf-avatar-size: var(--surf-size-avatar-small);font-size:var(--surf-type-caption-size)}.surf-avatar[data-size=large]{--surf-avatar-size: var(--surf-size-avatar-large);font-size:var(--surf-size-font-large)}.surf-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.surf-avatar[data-category]{border-color:var(--surf-avatar-category);background:color-mix(in oklab,var(--surf-avatar-category) 24%,var(--surf-plane));color:var(--surf-ink)}.surf-avatar[data-category="1"]{--surf-avatar-category: var(--surf-chart-category-1)}.surf-avatar[data-category="2"]{--surf-avatar-category: var(--surf-chart-category-2)}.surf-avatar[data-category="3"]{--surf-avatar-category: var(--surf-chart-category-3)}.surf-avatar[data-category="4"]{--surf-avatar-category: var(--surf-chart-category-4)}.surf-avatar[data-category="5"]{--surf-avatar-category: var(--surf-chart-category-5)}.surf-avatar[data-category="6"]{--surf-avatar-category: var(--surf-chart-category-6)}.surf-avatar[data-category="7"]{--surf-avatar-category: var(--surf-chart-category-7)}.surf-avatar[data-category="8"]{--surf-avatar-category: var(--surf-chart-category-8)}.surf-avatar[data-category="9"]{--surf-avatar-category: var(--surf-chart-category-9)}.surf-avatar[data-category="10"]{--surf-avatar-category: var(--surf-chart-category-10)}.surf-avatar[data-category="11"]{--surf-avatar-category: var(--surf-chart-category-11)}.surf-avatar[data-category="12"]{--surf-avatar-category: var(--surf-chart-category-12)}.surf-avatar-status{position:absolute;inset-inline-end:0;bottom:0;width:max(var(--surf-status-dot-size),25%);height:max(var(--surf-status-dot-size),25%);box-sizing:border-box;border:2px solid var(--surf-plane);border-radius:var(--surf-radius-full);background:var(--surf-status-success-mark)}.surf-avatar-status[data-tone=neutral]{background:var(--surf-status-neutral-mark)}.surf-avatar-status[data-tone=info]{background:var(--surf-status-info-mark)}.surf-avatar-status[data-tone=danger]{background:var(--surf-status-danger-mark)}.surf-avatar-status[data-tone=caution]{background:var(--surf-status-caution-mark)}.surf-avatar-status[data-tone=progress]{background:var(--surf-status-progress-mark)}.surf-avatar-status[data-live]{animation:surf-progress-pulse var(--surf-motion-pulse) ease-in-out infinite}@media(prefers-reduced-motion:reduce){.surf-avatar-status[data-live]{animation:none}}@media(forced-colors:active){.surf-avatar-status{background:CanvasText}}.surf-avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.surf-avatar-fallback>svg{inline-size:50%;block-size:50%}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-avatar{width:var(--surf-ui-avatar);height:var(--surf-ui-avatar)}:where([data-ui-size],[data-ui-size] *).surf-avatar[data-ui-size]{font-size:clamp(var(--surf-type-caption-size),calc(var(--surf-ui-avatar) / 3),var(--surf-size-font-large))}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-list{display:grid;gap:var(--surf-space-2);padding:0;margin:0;list-style:none;color:var(--surf-ink-body)}.surf-list-item{display:flex;align-items:center;gap:var(--surf-space-4);padding:var(--surf-space-3) var(--surf-space-4);border-radius:var(--surf-radius-md);min-width:0}.surf-list-item:hover{background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.surf-list-item[data-selected]{background-color:var(--surf-selected)}.surf-list-content{flex:1;min-width:0;overflow-wrap:break-word}.surf-list-title{font-weight:var(--surf-weight-medium);color:var(--surf-ink)}.surf-list-description{margin:var(--surf-space-1) 0 0;color:var(--surf-ink-body);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);letter-spacing:var(--surf-type-caption-tracking)}.surf-list-actions{min-inline-size:0;max-inline-size:100%;display:flex;align-items:center;flex-wrap:wrap;gap:var(--surf-space-2);flex:none}@media(max-width:560px){.surf-list-item{flex-wrap:wrap}.surf-list-actions{width:100%}}@media(forced-colors:active){.surf-list-item:focus-within,.surf-list-item[data-selected]{outline:1px solid CanvasText;outline-offset:-1px}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-list-item{padding:var(--surf-ui-table-padding-y) var(--surf-ui-surface-padding);gap:var(--surf-ui-surface-padding)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-stat{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--surf-space-1) var(--surf-space-2);min-width:0;margin:0}.surf-stat>:where(dt,dd){margin:0}.surf-stat-label{flex:1 0 100%;color:var(--surf-ink-muted);font-size:var(--surf-type-label-size);line-height:var(--surf-type-label-leading);letter-spacing:var(--surf-type-label-tracking)}.surf-stat-value{color:var(--surf-ink);font-family:var(--surf-font-display);font-size:var(--surf-type-metric-size);line-height:var(--surf-type-metric-leading);letter-spacing:var(--surf-type-metric-tracking);font-weight:var(--surf-weight-medium);font-variant-numeric:tabular-nums}.surf-stat-change{display:inline-flex;align-items:center;gap:var(--surf-space-1);color:var(--surf-trend-flat-fg);font-size:var(--surf-type-label-size);line-height:var(--surf-type-label-leading);letter-spacing:var(--surf-type-label-tracking);font-weight:var(--surf-weight-medium);font-variant-numeric:tabular-nums}.surf-stat-change[data-tone=up]{color:var(--surf-trend-up-fg)}.surf-stat-change[data-tone=down]{color:var(--surf-trend-down-fg)}.surf-stat-status{display:inline-flex;align-items:center;gap:var(--surf-space-1);color:var(--surf-status-neutral-fg);font-size:var(--surf-type-label-size);line-height:var(--surf-type-label-leading);letter-spacing:var(--surf-type-label-tracking);font-weight:var(--surf-weight-medium)}.surf-stat-status[data-tone=info]{color:var(--surf-status-info-fg)}.surf-stat-status[data-tone=success]{color:var(--surf-status-success-fg)}.surf-stat-status[data-tone=progress]{color:var(--surf-status-progress-fg)}.surf-stat-status[data-tone=caution],.surf-stat:has(>.surf-stat-status[data-tone=caution])>.surf-stat-value{color:var(--surf-status-caution-fg)}.surf-stat-status[data-tone=danger],.surf-stat:has(>.surf-stat-status[data-tone=danger])>.surf-stat-value{color:var(--surf-status-danger-fg)}.surf-stat-caption{flex:1 0 100%;color:var(--surf-ink-muted);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);letter-spacing:var(--surf-type-caption-tracking)}.surf-stat-group{display:grid;gap:var(--surf-space-2);min-width:0}.surf-stat-group-label{color:var(--surf-ink-muted);font-size:var(--surf-type-label-size);line-height:var(--surf-type-label-leading);letter-spacing:var(--surf-type-label-tracking)}.surf-stat-group-items{display:flex;flex-wrap:wrap;gap:var(--surf-space-3) var(--surf-space-6);min-width:0}.surf-stat-group-items>.surf-stat{display:grid;justify-items:start;align-content:start}.surf-stat-group-items .surf-stat-label{color:var(--surf-ink-body)}:is(.surf-stat[data-ui-size=small],.surf-stat-group[data-ui-size=small] .surf-stat)>.surf-stat-value{font-family:var(--surf-font-body);font-size:var(--surf-type-subsection-size);line-height:var(--surf-type-subsection-leading);letter-spacing:var(--surf-type-subsection-tracking)}:is(.surf-stat[data-ui-size=small],.surf-stat-group[data-ui-size=small] .surf-stat)>:is(.surf-stat-label,.surf-stat-change,.surf-stat-status,.surf-stat-caption),.surf-stat-group[data-ui-size=small]>.surf-stat-group-label{font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);letter-spacing:var(--surf-type-caption-tracking)}.surf-stat-group[data-ui-size=small]>.surf-stat-group-items{gap:var(--surf-space-2) var(--surf-space-4)}}@layer surflane.sizes{:where([data-ui-density=compact],[data-ui-density=compact] *).surf-stat-group-items{gap:var(--surf-ui-density-inset) var(--surf-ui-density-gap)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-sparkline{--surf-sparkline-height: var(--surf-space-8);--surf-sparkline-fill-opacity: .18;display:block;inline-size:100%;block-size:var(--surf-sparkline-height);overflow:visible;color:var(--surf-ink-body);fill:none}.surf-sparkline[data-size=small]{--surf-sparkline-height: var(--surf-space-6)}.surf-sparkline[data-size=large]{--surf-sparkline-height: var(--surf-space-12)}.surf-sparkline[data-tone=up]{color:var(--surf-trend-up-fg)}.surf-sparkline[data-tone=down]{color:var(--surf-trend-down-fg)}.surf-sparkline[data-tone=flat]{color:var(--surf-trend-flat-fg)}.surf-sparkline-line{stroke:currentColor;stroke-width:var(--surf-icon-stroke-width);stroke-linejoin:round;stroke-linecap:round}.surf-sparkline-baseline{stroke:var(--surf-ink-muted);stroke-width:1;stroke-dasharray:2 3}.surf-sparkline-marker{stroke:currentColor;stroke-width:calc(var(--surf-icon-stroke-width) * 3);stroke-linecap:round}.surf-sparkline-fill{stroke:none}.surf-sparkline-fill-top{stop-color:currentColor;stop-opacity:var(--surf-sparkline-fill-opacity)}.surf-sparkline-fill-bottom{stop-color:currentColor;stop-opacity:0}@media(forced-colors:active){.surf-sparkline{color:CanvasText}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-diverging{position:relative;display:block;block-size:var(--surf-space-2);min-inline-size:var(--surf-space-12);border-radius:var(--surf-radius-full);background:var(--surf-recessed)}.surf-diverging:before{content:"";position:absolute;inset-block:calc(var(--surf-space-1) / -2);inset-inline-start:50%;inline-size:1px;translate:-50% 0;background:var(--surf-ink-muted)}.surf-diverging:dir(rtl):before{translate:50% 0}.surf-diverging-fill{position:absolute;inset-block:0;background:var(--surf-brand-mark)}.surf-diverging[data-direction=up] .surf-diverging-fill{inset-inline-start:50%;border-start-end-radius:var(--surf-radius-full);border-end-end-radius:var(--surf-radius-full)}.surf-diverging[data-direction=down] .surf-diverging-fill{inset-inline-end:50%;border-start-start-radius:var(--surf-radius-full);border-end-start-radius:var(--surf-radius-full)}.surf-diverging[data-tone=up] .surf-diverging-fill{background:var(--surf-trend-up-fg)}.surf-diverging[data-tone=down] .surf-diverging-fill{background:var(--surf-trend-down-fg)}@media(forced-colors:active){.surf-diverging{background:Canvas;outline:1px solid CanvasText}.surf-diverging:before,.surf-diverging-fill{forced-color-adjust:none;background:CanvasText}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-diverging{block-size:var(--surf-ui-gauge)}}@layer surflane.components{.surf-bar-list{--surf-bar-list-row: calc( var(--surf-type-body-size) * var(--surf-type-body-leading) + var(--surf-space-2) );min-inline-size:0}.surf-bar-list .surf-diverging{min-inline-size:0}.surf-bar-list[data-detail]{--surf-bar-list-row: calc( var(--surf-type-body-size) * var(--surf-type-body-leading) + var(--surf-type-caption-size) * var(--surf-type-caption-leading) + var(--surf-space-2) )}.surf-bar-list .surf-scroll-viewport{max-block-size:calc(var(--surf-bar-list-rows) * var(--surf-bar-list-row))}.surf-bar-list-items{display:grid;grid-template-columns:minmax(0,2fr) minmax(var(--surf-space-12),3fr) auto;column-gap:var(--surf-space-3);margin:0;padding:0;list-style:none}.surf-bar-list-item{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center;box-sizing:border-box;block-size:var(--surf-bar-list-row);padding-block:var(--surf-space-1);color:var(--surf-ink-body);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-family:var(--surf-font-body)}.surf-bar-list-label{display:grid;min-inline-size:0}.surf-bar-list-name,.surf-bar-list-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.surf-bar-list-name{color:var(--surf-ink)}.surf-bar-list-detail{color:var(--surf-ink-muted);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading)}.surf-bar-list-bar{display:block;block-size:var(--surf-space-2);border-radius:var(--surf-radius-full);background:var(--surf-recessed);overflow:hidden}.surf-bar-list-fill{display:block;block-size:100%;border-radius:inherit;background:var(--surf-brand-mark)}.surf-bar-list-value{color:var(--surf-ink);font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}@media(forced-colors:active){.surf-bar-list-bar{background:Canvas;outline:1px solid CanvasText}.surf-bar-list-fill{background:CanvasText}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-bar-list-bar{block-size:var(--surf-ui-gauge)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-proportion{display:grid;gap:var(--surf-space-2);min-inline-size:0}.surf-proportion-bar{display:flex;gap:calc(var(--surf-space-1) / 2);block-size:var(--surf-space-2);border-radius:var(--surf-radius-full);background:var(--surf-recessed);overflow:hidden}.surf-proportion-segment{flex-basis:0;min-inline-size:calc(var(--surf-space-1) / 2);background:var(--surf-proportion-color)}.surf-proportion-segment[data-tone=up],.surf-proportion-swatch[data-tone=up]{--surf-proportion-color: var(--surf-trend-up-fg)}.surf-proportion-segment[data-tone=down],.surf-proportion-swatch[data-tone=down]{--surf-proportion-color: var(--surf-trend-down-fg)}.surf-proportion-segment[data-tone=flat],.surf-proportion-swatch[data-tone=flat]{--surf-proportion-color: var(--surf-status-neutral-border)}.surf-proportion-legend{display:flex;flex-wrap:wrap;gap:var(--surf-space-1) var(--surf-space-4);margin:0;padding:0;list-style:none;color:var(--surf-ink-body);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);font-family:var(--surf-font-body)}.surf-proportion-entry{display:inline-flex;align-items:center;gap:var(--surf-space-1);white-space:nowrap}.surf-proportion-swatch{flex:none;inline-size:var(--surf-space-2);block-size:var(--surf-space-2);border-radius:var(--surf-radius-full);background:var(--surf-proportion-color)}.surf-proportion-value{color:var(--surf-ink);font-variant-numeric:tabular-nums}@media(forced-colors:active){.surf-proportion-bar{gap:var(--surf-space-1);background:Canvas;outline:1px solid CanvasText}.surf-proportion-segment,.surf-proportion-swatch{forced-color-adjust:none;background:CanvasText}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-proportion-bar{block-size:var(--surf-ui-gauge)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-dashboard{--surf-dashboard-panel-min-width: var(--surf-layout-column-card);--surf-dashboard-gap: var(--surf-space-4);display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--surf-dashboard-panel-min-width)),1fr));gap:var(--surf-dashboard-gap);min-inline-size:0}.surf-dashboard[data-columns]{grid-template-columns:repeat(auto-fill,minmax(min(100%,max(var(--surf-dashboard-panel-min-width),(100% - (var(--surf-dashboard-columns) - 1) * var(--surf-dashboard-gap)) / var(--surf-dashboard-columns))),1fr))}.surf-dashboard-panel{display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start;min-inline-size:0}.surf-dashboard-panel[data-span="2"]{grid-column:span 2}.surf-dashboard-panel[data-span="3"]{grid-column:span 3}.surf-dashboard-panel[data-span=full]{grid-column:1 / -1}.surf-dashboard-panel-header{display:flex;align-items:center;gap:var(--surf-space-2);min-inline-size:0;min-block-size:var(--surf-control-height)}.surf-dashboard-panel-lead{display:flex;flex:0 1 auto;align-items:center;gap:var(--surf-space-2);min-inline-size:0}.surf-dashboard-panel-lead[data-summary]{flex-grow:1}.surf-dashboard-panel-header .surf-card-title{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--surf-radius-sm)}.surf-dashboard-panel-toggle{display:inline-flex;align-items:center;gap:var(--surf-space-1);max-inline-size:100%;min-block-size:var(--surf-control-height);padding:0;padding-inline-end:var(--surf-space-1);border:0;border-radius:var(--surf-radius-sm);background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:start;cursor:pointer}.surf-dashboard-panel-toggle:hover{background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.surf-dashboard-panel-toggle:active{background-image:linear-gradient(var(--surf-interaction-active-bg),var(--surf-interaction-active-bg))}.surf-dashboard-panel-toggle:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-inset)}.surf-dashboard-panel-title-text{min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.surf-dashboard-panel-chevron{flex:none;color:var(--surf-ink-muted);transition:rotate var(--surf-duration-fast) var(--surf-ease-out)}.surf-dashboard-panel-toggle[aria-expanded=true]>.surf-dashboard-panel-chevron{rotate:90deg}.surf-dashboard-panel-toggle:dir(rtl)[aria-expanded=true]>.surf-dashboard-panel-chevron{rotate:-90deg}.surf-dashboard-panel[data-open=false]{align-self:start;grid-template-rows:auto}.surf-dashboard-panel-summary{flex:1 1 0;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--surf-ink-muted);font-variant-numeric:tabular-nums}@media(max-width:760px),(pointer:coarse){.surf-dashboard-panel-toggle{min-block-size:var(--surf-control-target-size)}}@media(prefers-reduced-motion:reduce){.surf-dashboard-panel-chevron{transition:none}}.surf-dashboard-panel-header .surf-card-title:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}.surf-dashboard-panel-header .surf-card-title:focus:not(:focus-visible){outline:none}.surf-dashboard-panel-refresh{display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:var(--surf-size-spinner-small);block-size:var(--surf-size-spinner-small)}.surf-dashboard-panel-header[data-toolbar]{flex-wrap:wrap}.surf-dashboard-panel-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--surf-space-2);min-inline-size:0}.surf-dashboard-panel-actions{display:flex;align-items:center;gap:var(--surf-space-1);margin-inline-start:auto}.surf-dashboard-panel-body{min-inline-size:0;min-block-size:0}@media(max-width:760px){.surf-dashboard-panel[data-span]{grid-column:auto}}}@layer surflane.sizes{:where([data-ui-density=compact],[data-ui-density=compact] *).surf-dashboard{--surf-dashboard-gap: var(--surf-ui-density-gap)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-syntax{color:var(--surf-syntax-plain);font:inherit;letter-spacing:inherit}.surf-syntax [data-syntax]{font:inherit;letter-spacing:inherit}.surf-syntax [data-syntax=plain]{color:var(--surf-syntax-plain)}.surf-syntax [data-syntax=comment]{color:var(--surf-syntax-comment)}.surf-syntax [data-syntax=keyword]{color:var(--surf-syntax-keyword)}.surf-syntax [data-syntax=string]{color:var(--surf-syntax-string)}.surf-syntax [data-syntax=number]{color:var(--surf-syntax-number)}.surf-syntax [data-syntax=function]{color:var(--surf-syntax-function)}.surf-syntax [data-syntax=tag]{color:var(--surf-syntax-tag)}.surf-syntax [data-syntax=attribute]{color:var(--surf-syntax-attribute)}.surf-syntax [data-syntax=punctuation]{color:var(--surf-syntax-punctuation)}.surf-syntax-pre{box-sizing:border-box;min-inline-size:0;margin:0;padding:var(--surf-ui-surface-padding, var(--surf-space-4));background:var(--surf-code-bg);border-radius:var(--surf-radius-md);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-code-size);line-height:var(--surf-type-code-leading);font-family:var(--surf-font-code);font-variant-ligatures:none;letter-spacing:var(--surf-tracking-mono);-moz-tab-size:2;tab-size:2;white-space:pre}.surf-syntax-scroll{border-radius:var(--surf-radius-md);background:var(--surf-code-bg);overflow:hidden}.surf-syntax-scroll .surf-syntax-pre{min-inline-size:max-content;border-radius:0;background:none}.surf-syntax-scroll .surf-syntax-pre[data-wrap]{min-inline-size:0}.surf-syntax-pre[data-wrap]{white-space:pre-wrap;overflow-wrap:anywhere}@media(forced-colors:active){.surf-syntax,.surf-syntax [data-syntax]{color:CanvasText}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-code-block{position:relative;min-width:0;color:var(--surf-ink-body)}.surf-code-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--surf-space-3);margin-bottom:var(--surf-space-3)}.surf-code-label{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:var(--surf-space-3);font-weight:var(--surf-weight-medium);overflow-wrap:anywhere}.surf-code-language{color:var(--surf-ink-muted);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);font-family:var(--surf-font-code);letter-spacing:var(--surf-tracking-mono)}.surf-code-block>:is(.surf-scroll-root,.surf-code-scroll){background:var(--surf-code-bg);border-radius:var(--surf-radius-md)}.surf-code-text{margin:0;padding:var(--surf-space-4);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-code-size);line-height:var(--surf-type-code-leading);font-family:var(--surf-font-code);letter-spacing:var(--surf-tracking-mono);font-variant-ligatures:none;white-space:pre;overflow-wrap:normal;-moz-tab-size:2;tab-size:2}.surf-code-text code{font:inherit}.surf-code-block[data-wrap] .surf-code-text{white-space:pre-wrap;overflow-wrap:anywhere}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-code-text{padding:var(--surf-ui-surface-padding)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-empty-actions{display:flex;flex-wrap:wrap;gap:var(--surf-space-2);margin-top:var(--surf-space-4)}.surf-empty{padding:var(--surf-space-6);text-align:center;color:var(--surf-ink-body);overflow-wrap:anywhere}.surf-empty-icon{display:flex;justify-content:center;color:var(--surf-ink-muted);margin-bottom:var(--surf-space-3)}.surf-empty-icon>svg{inline-size:var(--surf-space-8);block-size:var(--surf-space-8)}.surf-empty-title{font-weight:var(--surf-weight-medium);font-size:var(--surf-type-section-size);line-height:var(--surf-type-section-leading);font-family:var(--surf-font-display);letter-spacing:var(--surf-type-section-tracking);color:var(--surf-ink);margin:0}.surf-empty-description{max-width:52ch;margin:var(--surf-space-2) auto 0;color:var(--surf-ink-body)}.surf-empty-actions{justify-content:center}@media(max-width:560px){.surf-empty{padding:var(--surf-space-4)}}}@layer surflane.sizes{:where([data-ui-size],[data-ui-size] *).surf-empty{padding:var(--surf-ui-card-padding)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--surf-space-2);min-width:0;margin:0;padding:0;list-style:none}.surf-breadcrumb-item{display:inline-flex;align-items:center;gap:var(--surf-space-2);min-width:0;max-width:100%}.surf-breadcrumbs{font-weight:var(--surf-weight-regular);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);font-family:var(--surf-font-body)}.surf-breadcrumb-separator{display:inline-flex;flex:none;color:var(--surf-ink-muted)}.surf-breadcrumb-current{color:var(--surf-ink-muted);overflow-wrap:anywhere}.surf-breadcrumb-separator:dir(rtl)>svg{transform:rotate(180deg)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.base{.surf-heading,.surf-text{margin:0;overflow-wrap:anywhere}:is(.surf-heading,.surf-text,.surf-prose):lang(ko),:is(.surf-heading,.surf-text,.surf-prose) :lang(ko){word-break:keep-all}.surf-heading{font-family:var(--surf-font-display);font-size:var(--surf-type-page-size);line-height:var(--surf-type-page-leading);font-weight:var(--surf-weight-medium);letter-spacing:var(--surf-type-page-tracking);text-wrap:balance;color:var(--surf-ink)}.surf-heading[data-size=display]{font-size:var(--surf-type-display-size);line-height:var(--surf-type-display-leading);letter-spacing:var(--surf-type-display-tracking)}.surf-heading[data-size=title]{font-size:var(--surf-type-title-size);line-height:var(--surf-type-title-leading);letter-spacing:var(--surf-type-title-tracking)}.surf-heading[data-size=section]{font-size:var(--surf-type-section-size);line-height:var(--surf-type-section-leading);letter-spacing:var(--surf-type-section-tracking)}.surf-heading[data-size=subsection]{font-family:var(--surf-font-body);font-size:var(--surf-type-subsection-size);line-height:var(--surf-type-subsection-leading);letter-spacing:var(--surf-type-subsection-tracking)}.surf-text{font-family:var(--surf-font-body);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-weight:var(--surf-weight-regular);color:var(--surf-ink)}.surf-text[data-variant=reading]{font-size:var(--surf-type-reading-size);line-height:var(--surf-type-reading-leading);letter-spacing:var(--surf-type-reading-tracking)}.surf-text[data-variant=caption]{font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);letter-spacing:var(--surf-type-caption-tracking)}.surf-text[data-variant=compact]{font-size:var(--surf-type-compact-size);line-height:var(--surf-type-compact-leading);letter-spacing:var(--surf-type-compact-tracking);font-variant-numeric:tabular-nums}.surf-text[data-variant=mono]{font-family:var(--surf-font-code);font-variant-ligatures:none;font-size:var(--surf-type-code-size);line-height:var(--surf-type-code-leading);letter-spacing:var(--surf-tracking-mono)}.surf-text[data-variant=metric]{font-family:var(--surf-font-display);font-size:var(--surf-type-metric-size);line-height:var(--surf-type-metric-leading);letter-spacing:var(--surf-type-metric-tracking);font-variant-numeric:tabular-nums;font-weight:var(--surf-weight-medium)}.surf-text[data-weight=medium]{font-weight:var(--surf-weight-medium)}.surf-text[data-color=secondary]{color:var(--surf-ink-body)}.surf-text[data-color=muted]{color:var(--surf-ink-muted)}.surf-text strong{font-weight:var(--surf-weight-medium)}.surf-text[data-lines]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--surf-text-lines);line-clamp:var(--surf-text-lines);overflow:hidden;overflow-wrap:anywhere}.surf-prose{max-width:var(--surf-layout-reading);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-reading-size);line-height:var(--surf-type-reading-leading);font-family:var(--surf-font-body);color:var(--surf-ink-body);overflow-wrap:anywhere}.surf-prose>*{margin-block:0 var(--surf-space-4)}.surf-prose :is(p,ul,ol,blockquote):not(.surf-prose [class*=surf-] *){max-inline-size:var(--surf-layout-reading-measure)}.surf-prose>:last-child{margin-bottom:0}.surf-prose :is(h2,h3,h4){font-family:var(--surf-font-display);font-weight:var(--surf-weight-medium);color:var(--surf-ink);margin-block:var(--surf-space-8) var(--surf-space-3)}.surf-prose>:first-child{margin-top:0}.surf-prose h2{font-size:var(--surf-type-page-size);line-height:var(--surf-type-page-leading);letter-spacing:var(--surf-type-page-tracking)}.surf-prose h3{font-size:var(--surf-type-section-size);line-height:var(--surf-type-section-leading);letter-spacing:var(--surf-type-section-tracking)}.surf-prose h4{font-family:var(--surf-font-body);font-size:var(--surf-type-subsection-size);line-height:var(--surf-type-subsection-leading);letter-spacing:var(--surf-type-subsection-tracking)}.surf-prose strong{font-weight:var(--surf-weight-medium)}.surf-prose code{font-family:var(--surf-font-code);font-variant-ligatures:none;font-size:.875em;background:var(--surf-code-bg);border-radius:var(--surf-radius-sm);padding:2px 4px}.surf-prose pre{max-width:100%;overflow:auto;padding:var(--surf-space-4);border-radius:var(--surf-radius-md);background:var(--surf-code-bg)}.surf-prose pre code{padding:0;white-space:pre;overflow-wrap:normal}.surf-prose a{color:var(--surf-brand-ink);text-underline-offset:.2em}.surf-text[data-variant=label]{font-size:var(--surf-type-label-size);line-height:var(--surf-type-label-leading);letter-spacing:var(--surf-type-label-tracking)}.surf-heading:is([data-size=workspace],[data-size=document]){font-size:var(--surf-type-display-size);line-height:var(--surf-type-display-leading);letter-spacing:var(--surf-type-display-tracking)}.surf-text{letter-spacing:var(--surf-type-body-tracking)}.surf-prose{letter-spacing:var(--surf-type-reading-tracking)}.surf-text[data-variant=mono],.surf-prose code{letter-spacing:var(--surf-tracking-mono)}.surf-heading,.surf-text,.surf-prose,.surf-prose code,.surf-prose pre{font-kerning:normal;font-optical-sizing:auto;font-synthesis-weight:none}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-markdown{min-inline-size:0;overflow-wrap:anywhere}.surf-markdown>:first-child{margin-block-start:0}.surf-markdown>:last-child{margin-block-end:0}.surf-markdown .surf-code-block{max-inline-size:100%;margin-block:var(--surf-space-4)}.surf-markdown img{display:block;max-inline-size:100%;block-size:auto;border-radius:var(--surf-radius-md)}.surf-markdown blockquote{margin-inline:0;padding-inline-start:var(--surf-space-4);border-inline-start:2px solid var(--surf-line);color:var(--surf-ink-body)}.surf-markdown a{color:var(--surf-ink);text-decoration:underline;text-underline-offset:3px}.surf-markdown a:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}.surf-markdown .contains-task-list{list-style:none;padding-inline-start:0}.surf-markdown .task-list-item{display:list-item}.surf-markdown .task-list-item input{margin-inline-end:var(--surf-space-2);accent-color:var(--surf-ink)}.surf-markdown-inline-code{padding:2px 4px;background:var(--surf-code-bg);font-weight:var(--surf-weight-regular);letter-spacing:var(--surf-tracking-mono)}.surf-markdown .surf-table{min-inline-size:480px}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-separator{border:0;height:1px;width:100%;flex:none;background:var(--surf-line)}.surf-separator[data-orientation=horizontal][data-inset]{width:calc(100% - var(--surf-space-4) * 2);margin-inline:var(--surf-space-4)}.surf-separator[data-orientation=vertical]{width:1px;height:auto;min-height:var(--surf-space-6);align-self:stretch}.surf-separator[data-variant=dot]{display:inline-block;inline-size:.2em;block-size:.2em;min-height:0;margin-inline:var(--surf-space-2);overflow:hidden;align-self:center;vertical-align:middle;border-radius:var(--surf-radius-full);background:var(--surf-ink-muted);color:transparent;line-height:0;white-space:pre}@media(forced-colors:active){.surf-separator{background:CanvasText}.surf-separator[data-variant=dot]{forced-color-adjust:none}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--surf-space-2)}.surf-pagination-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--surf-space-1);list-style:none;padding:0;margin:0}.surf-pagination-control{min-width:var(--surf-control-height)}.surf-pagination-control:where(:not(.surf-button)){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:var(--surf-control-height);gap:var(--surf-space-2);padding:0 var(--surf-space-3);border-radius:var(--surf-radius-pill);border:1px solid transparent;background:transparent;color:var(--surf-ink);text-decoration:none;font-weight:var(--surf-weight-medium);font-size:var(--surf-type-label-size);line-height:var(--surf-type-label-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-label-tracking)}.surf-pagination .surf-pagination-control[aria-current=page]{background-color:var(--surf-selected);border-color:var(--surf-control-border)}.surf-pagination-control:is(a,button):where([href],:enabled):hover{background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.surf-pagination-control:is(a,button){-webkit-tap-highlight-color:transparent}.surf-pagination-control:is(a,button):where([href],:enabled):active{background-image:linear-gradient(var(--surf-interaction-active-bg),var(--surf-interaction-active-bg))}.surf-pagination-control[aria-disabled=true]{opacity:var(--surf-control-disabled-opacity)}.surf-pagination-control:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}.surf-pagination-gap{display:inline-flex;align-items:center;padding-inline:var(--surf-space-1);color:var(--surf-ink-muted)}.surf-pagination:dir(rtl) .surf-pagination-arrow:where(:not(.surf-icon)){transform:rotate(180deg)}@media(forced-colors:active){.surf-pagination .surf-pagination-control[aria-current=page]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}}.surf-pagination-summary{display:none;color:var(--surf-ink-body);font-size:var(--surf-type-body-size);letter-spacing:var(--surf-type-body-tracking);text-align:center;overflow-wrap:anywhere}@media(max-width:560px){.surf-pagination-list{display:none}.surf-pagination-summary{display:block;flex:none;white-space:nowrap}.surf-pagination>.surf-pagination-control>span{display:none}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-bottom-nav{box-sizing:border-box;display:none;inline-size:100%;padding-block-end:env(safe-area-inset-bottom,0px);border-block-start:1px solid var(--surf-line);background:var(--surf-chrome)}.surf-bottom-nav[data-visible=always]{display:block}@media(max-width:760px){.surf-bottom-nav{display:block}}.surf-bottom-nav[data-position=fixed]{position:fixed;inset-inline:0;inset-block-end:0;z-index:var(--surf-layer-chrome)}.surf-bottom-nav-list{display:flex;block-size:var(--surf-size-bottom-navigation);margin:0;padding:0 var(--surf-space-1);list-style:none}.surf-bottom-nav-entry{display:flex;flex:1 1 0;min-inline-size:0}.surf-bottom-nav-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--surf-space-1);min-inline-size:0;min-block-size:var(--surf-control-target-size);color:var(--surf-ink-muted);font-weight:var(--surf-weight-medium);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-caption-tracking);text-decoration:none;-webkit-tap-highlight-color:transparent}.surf-bottom-nav-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:var(--surf-space-1) var(--surf-space-4);border-radius:var(--surf-radius-pill);transition:background-color var(--surf-duration-fast) var(--surf-ease-out)}.surf-bottom-nav-icon>.surf-icon:not([data-size]){width:var(--surf-size-icon-large);height:var(--surf-size-icon-large)}.surf-bottom-nav-item[aria-current=page]{color:var(--surf-ink)}.surf-bottom-nav-item[aria-current=page] .surf-bottom-nav-icon{background-color:var(--surf-selected)}@media(hover:hover){.surf-bottom-nav-item:hover .surf-bottom-nav-icon{background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}}.surf-bottom-nav-item:active .surf-bottom-nav-icon{background-image:linear-gradient(var(--surf-interaction-active-bg),var(--surf-interaction-active-bg))}.surf-bottom-nav-item:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-inset);border-radius:var(--surf-radius-md)}.surf-bottom-nav-label{max-inline-size:100%;padding-inline:var(--surf-space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.surf-bottom-nav-badge{position:absolute;inset-block-start:calc(-1 * var(--surf-space-1));inset-inline-start:calc(50% + var(--surf-space-1));box-sizing:border-box;min-inline-size:calc(var(--surf-type-caption-leading) * 1em);padding-inline:var(--surf-space-1);border-radius:var(--surf-radius-pill);background:var(--surf-status-danger-fg);color:var(--surf-canvas);font-variant-numeric:tabular-nums;text-align:center}.surf-bottom-nav-badge[data-tone=caution]{background:var(--surf-status-caution-fg)}.surf-bottom-nav-badge[data-tone=success]{background:var(--surf-status-success-fg)}.surf-bottom-nav-badge[data-tone=info]{background:var(--surf-status-info-fg)}.surf-bottom-nav-badge[data-tone=progress]{background:var(--surf-status-progress-fg)}.surf-bottom-nav-badge[data-tone=neutral]{background:var(--surf-status-neutral-fg)}.surf-bottom-nav-badge[data-dot]{inset-block-start:0;min-inline-size:0;inline-size:var(--surf-space-2);block-size:var(--surf-space-2);padding:0}@media(max-width:760px){:root:has(.surf-bottom-nav[data-position=fixed]){--surf-bottom-nav-clearance: calc( var(--surf-size-bottom-navigation) + env(safe-area-inset-bottom, 0px) )}:root:has(.surf-bottom-nav[data-position=fixed]) .surf-app-shell{box-sizing:border-box;padding-block-end:var(--surf-bottom-nav-clearance)}}:root:has(.surf-bottom-nav[data-position=fixed][data-visible=always]){--surf-bottom-nav-clearance: calc( var(--surf-size-bottom-navigation) + env(safe-area-inset-bottom, 0px) )}:root:has(.surf-bottom-nav[data-position=fixed]) .surf-toast-viewport:not([data-layout=anchored]){bottom:var(--surf-bottom-nav-clearance, 0px);max-height:calc(100dvh - var(--surf-bottom-nav-clearance, 0px))}@media(prefers-reduced-motion:reduce){.surf-bottom-nav-icon{transition:none}}@media(forced-colors:active){.surf-bottom-nav{border-block-start-color:CanvasText}.surf-bottom-nav-item[aria-current=page] .surf-bottom-nav-icon{background-color:Highlight;color:HighlightText;forced-color-adjust:none}.surf-bottom-nav-badge{border:1px solid CanvasText;forced-color-adjust:auto}}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.base{.surf-page-header{display:grid;gap:var(--surf-page-header-breadcrumb-gap);min-width:0;margin:0}.surf-page-header-content{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--surf-space-4);min-width:0}.surf-page-header-copy{display:grid;gap:var(--surf-page-header-gap);min-width:0;flex:1 1 240px}.surf-page-header-description{max-width:var(--surf-layout-description-measure)}.surf-page-header-description[data-lead]{max-width:var(--surf-layout-reading-measure)}.surf-page-header-actions{min-inline-size:0;max-inline-size:100%;display:flex;flex-wrap:wrap;gap:var(--surf-space-2)}}@layer surflane.sizes{:where([data-ui-density=compact],[data-ui-density=compact] *).surf-page-header-content{gap:var(--surf-ui-density-inset)}}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.components{.surf-meter[data-tone=caution] .surf-gauge-indicator{background:var(--surf-status-caution-fg)}.surf-meter[data-tone=danger] .surf-gauge-indicator{background:var(--surf-status-danger-fg)}.surf-meter .surf-gauge-track:has(.surf-meter-target,.surf-meter-tick){overflow:visible}.surf-meter .surf-gauge-track:has(.surf-meter-tick){margin-block-end:calc(var(--surf-space-1) + 1px)}.surf-meter-target{position:absolute;inset-block:calc(var(--surf-space-1) * -1);inline-size:2px;translate:-50% 0;border-radius:1px;background:var(--surf-ink)}.surf-meter-tick{position:absolute;inset-block-start:calc(100% + 1px);inline-size:1px;block-size:var(--surf-space-1);translate:-50% 0;background:var(--surf-ink-muted)}.surf-meter-target:dir(rtl),.surf-meter-tick:dir(rtl){translate:50% 0}@media(forced-colors:active){.surf-meter-target,.surf-meter-tick{background:CanvasText}}}@layer surflane.components{.surf-meter-arc{grid-column:1 / -1;display:block;inline-size:100%;max-inline-size:calc(var(--surf-space-12) * 2.5);overflow:visible}.surf-meter-arc:dir(rtl){scale:-1 1}.surf-meter-arc-zone{fill:none;stroke:var(--surf-recessed);stroke-linecap:round}.surf-meter-arc-zone[data-tone=optimum]{stroke:var(--surf-status-success-border)}.surf-meter-arc-zone[data-tone=caution]{stroke:var(--surf-status-caution-border)}.surf-meter-arc-zone[data-tone=danger]{stroke:var(--surf-status-danger-border)}.surf-meter-arc-needle{stroke:var(--surf-ink);stroke-width:2.5;stroke-linecap:round}.surf-meter-arc-hub{fill:var(--surf-ink)}@media(forced-colors:active){.surf-meter-arc-zone,.surf-meter-arc-zone[data-tone]{stroke:CanvasText}.surf-meter-arc-needle{stroke:Highlight}.surf-meter-arc-hub{fill:Highlight}}}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAn4ABMAAAAAEwQAAAmOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjQbgnQcLj9IVkFSgQEGYD9TVEFUgQIAgQovahEICok0h0ULIAAwhzoBNgIkAzwEIAWHJgeBDgwHG6QQUdRKTmoBFD8K42bniObKrG3LZFcMWZzFmrjTFhQ6TVTqPJcInrfrvzq3b2PGn1wwMiNYGTy9ViREYARlL1zAGcPdPqBt3gNWrfKthv4xnM+b9caw+wmjgEUVRjHXhS6jgCK6zf5HiWQacJpGdAgdrbV6g/Rf1BfxRqZVQnrxRVWSJb6RLFnyu0elilmjeoSQCKnxsmwLaddUMjnksriSYuuPl06EAl7KfAiWQjCUETz0zNZ3EII94CDQtzkMfZ/9IkkY8tZRZTDky5ZVwBAM+GYpdd4ZVAWYImnLkiTg48l79gGx3D+VBtLeyg8u7bJAd4uo0pFuQBFysE9C95l0W4Fkiao6GfrDbu77lVU7wk9cV3uqOsXmQiMkhVKl1ugjzUAJBSIkkVWHijkpkVSyUFsgVBuJMA0N+ZnXtyUv5yMigGdfQRmwL1AAjQ3YXG6iIFNSUdPQo8+AISPGAltBMDQRAtyf4ZspLlZkpyOVoMZPvFGWzvk8p5SUC/NWPMj6T2/Yas2EdlON5GkfdkeFwVGjta825H89NIenlLWAPAp5h1KDtRhCaAQWMsFKtEvOKpIhgLHlXPARokkgEGEOAkqxJRQpKYq4ezahIiLHP6hZpqMbV0pUF2vdvEimLEQ/iIUYLgYWs0VXGVlLTOPdaPmFfCC/XrtzqVo1ez7vz6+Kd2+7o11ZJ+4MreLbB5BKVGxobAq4jZYalZ5aX2CKJiwUuc9GNJyi4M8bGyKcdjSRrG4JohdF8buJfmQefbYYREnMFsOoiNliFDVxmRgL0XUmUMLqzW0A4gCQAhWGYCQpFNukwXhIkPMsbRI19ewtw8Cp2Wj/Ro5cM2OTAbJAvZ/L4opBXb9+UHscYuOKM/W8isgwN26Exexjizmfnlp9dE3hOSqdZ/F5QqbckIlPb+oKfXxd6hftJ7Sm/uyPYpONza84CRlMNk/uhOrLpyf53982++zRkXNu3g3VF8qFbx1+7fbHZ9DrB3VXWNSmhnT2vrwS1+1Z+kHGBaZIhnnvuLBTNDeA340D1DWu5/jEa9pVfl6+Jij+yo3EELNixXCLjr173Q5eDP7Y7/L4iQFHbjpaJLFoP4cCsYP6sAPL7gMHNg53yYjqxqTDrYqLDl5DzW/eTLjYxCvucprjI3yl2ykKowKUC2Ox2FJLFo6Fa1HBWLC2jMCIIBEmklkYhmkpmBhTm/LCvJAH5oGcMKcgFEP1xUdho8ANPa6RFD99/PN60fjj9eXy2Eex4B5MpmRapXidzFk1p4uLk3+hn6jAP9ovJcXPPwk8o/0ltizbdbnTprvx4PSxT0VZ3Xc772aN7RflgbXRYwc3hLNO+k878nxGwfuVM8m8Gs7WEoVGWLHwSpx4vNSHBCMNqJ4m15Kp/TfHHVkQd++eY7PGN4W5byTs+6Ft8Ozvb/D60btv37de8ER0mS3P/0sLW84qGjEVkwztPzz06eGUWwKLwPb0D/WFd3vltl2aP276KpM0JNz6AfnAnZ5ADlF2zVyZ2OkxHSMxWPMnSZLbbDR3F1UjPVqp4d68da13F1YZujdWw7271iecO2l9+/4p47Oztjck355/75wFOI+VdGDqbNGs+ISgxg3iB2jb2r+b0CWsNLHIM4sdv8SDSFBP/Oromz6FNCWw2iMTxV0R8QLyBTkpe0j5+pSSJOOTB5Mck/gh3IopuNQnhKj02t3FL80gGbEh89SZcwTxcYt5cZT/nMnB3uXfPy8BSpVMBuRx+ZhACGzDBmwHsJRAjhotOnzuj2wDz3ug2wOUAY2NgZln9/TK/enG/oE4rO1wxvGUFMAxsZ0qNjRC7hl9d17e7imbgDt6uJXhUobDg7v3RX/yRCKxgMhfyiKcZfbpk0wmCcdQlIAOHeakXLvCNt++WfKiozNqSZxxJotn+c0a7DdPsx7DPYgKIDxwwYUZDg9aJbxocTjcwovr9WAsVV32mQoiiIOCHc60Oltst9qCQYuCqN1yHo0Kj60OgI2OqmiuBUWrNA0NDhYCDcdpmMrs1fZZ0xdTzMr1HdPtIHstYhqaPDDA5YxUDx7J4fJiisBSDI/L6G/bn34GNy8Q2g044ZTulAdFLb0tI6NNxfj3DzLjWiNGxje1pz7aXOcNV68lDPEd2SXl6VfBuwmHzdf1gxFy1HvA7pD8I2BnnmyGw852Cg5XbgIdEEGE5UCzen5jTlG6JCU5iajlxVcsXvbcS0SAcg1dcesWJLVK8+hYHOYQ+Pjy+EyVGXP0aPTFagrV9E03hCQvYx+g47KGq+1GsLj8uBIyihNw33YUe8PNC4BOJ3Lm1AglLV3nCuvUdIP+v15tVGbWIwgxLVpPkfpthCGpTKG+oA/DQfsKKvxhScqaN6FuElAUtTKv2UYgOmQegsN/n7njHUju8wM4VTcm+Q8xfX9SFwjTzdVqu95UOWSIGOabH8OGBEba//8Yxl3GcPdP/dMBOoSX/0z5SZmBoLbaPs+9asaMpb36yknKaw6FqWZa6A5vDa02mhkOba1q6KtLV208xrkwmW5C4VD6n2fvRjADy2qDYYnNy+H10Fq0LMbNzS863gkO7iQ8eC48/Ny5m59tOcEso3u7Qg3yrqDL6eKXwJAuWnhylfbWrRObe66rzX59+XDtzusnL66dI/86ArmtLlzED860Ef3bFPV78OX/zFTA11fcBn2Vntb7qiGBSgLBHyuv/uEaqqoTgSpOyjlzh86me1Vriv7i9rLPLvtghWmSnblRbAsBJL/4dScSQTBxOivHMO5QvBBY0iheJvfwWLxLOGzYKZyM4zVc2Cll46zEpeUV4MqGEWZj22SdOxhGAjgs9AEnfT+RoiMfcDb0GS5NncKVxju4Nt/mRk13O9Gz3FLct5oCD6wkwUNrCfHIUg6SMf8LwQGyVaBUqpLPW5BaMpRshEpl8nS1qw5dgnzlik8QBXmdy5UrIH74heTKZKMSilQso4hsRiGraQZRzxpNGqlEJMsXuAU7GlcR8mWSykUpVkWGyIf0a8v4qEQp5CtGsMiZa+4ESYQy+WilCiguHzxMXO54ogShooTV2bj2z1zL6DYSoImoQ8lFUWxMLBNQQgLkV2tHYgUoIbkuREz+fJHKxxWBcnvu3KQppFCxLkguB1NyVSp/TknRvNwYlCdbblWu3ze6owHdWluhE5tgQ6ej2SV65CijijoaRfSiH4Nqz1OpfEW+WeI/oU0ly60zkV9YzOQSYtZVEGYmrysTZAJkY4qZtIBD9/LYTIK7Nww3vMiYBwA=) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pretendard Variable;font-style:normal;font-display:swap;font-weight:400 500;src:url(/assets/pretendard-hangul-DIZnrJhi.woff2) format("woff2-variations");unicode-range:U+1100-11FF,U+3130-318F,U+A960-A97F,U+AC00-D7A3,U+D7B0-D7FF}@font-face{font-family:Pretendard Variable;font-style:normal;font-display:swap;font-weight:400 500;src:url(data:font/woff2;base64,d09GMgABAAAAAA9kABAAAAAAHTAAAA8FAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGoE7G4FqHIdOBmA/U1RBVGQAgVAvOAqSbI8FCz4AMI06ATYCJAN0BCAFhmgHIBvzGQXcGOph44AMGo/I/q8TuDEE7RN7FRMlvsqArUaDrv5RVoxjVyC0id9iVyitJUZvYpB86tXhI4QS7BkNODX07/robcn5v6IzQpJZi+z6r+6ZxZ0fjU9npFJGpOaf3+bfR1iBx2EXZ8wq4GOjTdiYhY1vgZGYAS4yWRUWMd32iUV0APDwz+HvvvdbiyaNiZ2Oj0lrLbEAAwk0sDANtBNYf3DTyiSEdNweQv0r8dJzCGFfjd1uCi1NNgn97BX3cGlNHzhHuQKyrKyq7UjOIjlga2fU/DTDgd3C2jJcfiO/EjmO/f9zrzb3U0llLDHnvL+xcMRGzZj3X/MheSXIawppOXuDlrMVwdUNSBJahhTIDVDtzAHLTW3STrvJWTulpqJbUlSKeBl2PDxLVVxWB87c6EQQJsgla317MhDBUffygYgrBWMoZkOAOaLZiOdHcP7np+j3v/+L5Wq92da7pj10R6m0sc6HPqYBJiY0YzeSwC0l8HLxWZj0B4KhcCSKoBhOkBTNsBwviJKsqJoeiyeSKVLGMG0nmysUS+VKtd5ottqdXn84mhxa/M0tQpAvHwhgFCwZj09OLbFe7T/dsJIA3NDGcnn8cEMHMICw1lQGOiLRBOjUVSDmCuQCAObCko2dIyfRxpTFMJoIkLwpq+nMW0UqF43jgWFqlhtPPZGQPJoIsEK3IMcD8CbrnQqnWCtxbRUwGdAf0H0CLZdUCZnudNkE1J3NsEq3L6ha7IB8K5F5W80lBzGNno3I13r4kaCiCBOPmFL0/f2rp0g9HKn1p+utVB5enZ+qP3k9P1J8hwy5DxuN0x9r+r0kQjhUS07VqcTKI+EWVmN2zrCYtZLXMFlf7ZVzFcpHmOrBkyPg7cGTK7d4PZFVQgXYxAgcd0eMm4uZIorhUObMhQUKZe2+qgCjJ+acsd5Ug3VVLdlzCu0OtMrN5JhNsQaSHYLyfF7vaKPYdkJ23h5lqC3E7B103DoWRWEzW4n4Xg1AegOZKcMVDgSkGTGd/3C+aDZjL4jzRUMZuRKGOepEhkoCBfXaqrF6a6tYNEdnbCNF5Wb3sZ75dNJ06N6TMvsT+rN7LbL2WLun48HlSLAzcAxLpQy6Bfyd2sKdD9uxA+GU5LyIF+SDHKnSJYoVKVTgda07c2GJxBM8mB2JyJwYc7y9uyy3Q4MUUAZQ9wGsmHjxF272UhbXZBIAKkdn3VsVLS0vOtA+uE97/5f9EONdmxq0BgA5iN4F8GdGZ7oKmzsAgvHr6dlTAOB/gN8d+oAkC+ZOJ9C9LIbsIugLCJ97tpgL/BlcjUY5S53lsg1hvI5I/iRj+6D1sPVzG5OOYzwCz8Cn4Cvw6/HD+G344/jT+Bv4RbwE/xb/Z5//A8BbrqPn+bjzcdvjNY++u1Aj/BDuEY4LO4W1ciWJR+Yr9BJaCS2pECDd9QrE7WxoAsydMWNU+iAMSAyRIAAH1NAInSoQfAcNZAMygI9A9gEgGpCsyyUiBuMF1iU5kTFVFGtVQCA80yRJi0k62zSUuFixlKdRiYY0hwtadZvUdUc1NcOuV4FS31lDo6JIg0HT5PaHvhveN8ImthmiT9InWXTJ8xWIYGKF+K1iGdLAOhCJNGdIVhi0JalM471SAtGMa4vGdLEYGieRiCGiUdEvSqZ3iQDnUqPSn9sEaJwb3+F7FexWMnwEaPr9FdvwZUWUTGqZsfJ/Gk36UBoj4mVo3IoyRf5ASN8q+vYhORPFitehJZKycV7OAM7BkoaSmol0WT2fSpesuEqm+u+H+QBhvFbkJc/f59JktVySorykMhH7/f75auPDmyw6rKnmfStXkAoYR1LZ3mzSVPEWbsOfP7cEYSAYS08+OCy/n9EZoqc06heGJJHG6OxhmSYDgPktPhdEsZJJ1luF+I8KlKb+st/lmyw667LvP79GthgOwdBseaEfjNAqApylJY3rwit75PJ9jel3L/1QwT3NESPYGpAEGrABoybntRTzGFo5AD0ktOoMGVZAbDAgfdAEgzIsWFU+/f+j2WhkmGjGEpMWVQjcCwMZFDDqapkNtDwDgMmnwmwtlEBrrUpdE3YGwjBoqvBbksrZwgMqn3gYZHJ5W8Rr3W13SluNuQz4OxxD2Tn2xmQ6svVN2xsg9FFt3aC7dGr61I4MoSCXt+d3wx10m5tcn9zvb109uhfAeYpxO/9Bm1ukqT6JVbg1IKv2YAZzb3V97sGTGU1r9U8dkFJsf3MyUTthjWEp8dJxXMLh/7VdOocmYL9IFjWaUMMOio9vCCKxYqODauoIsbitVcUANBUDAOI5g0+3N6vO7uFDpn1n5lKO3vA6VxF6rbIhOHWjOWxsXzOku1owQVm07Sk5PFOsznvxvGZi/p8iY/8VwtIlPtnw1kED+3Zgv/paZOFAHk+5VbzNJzdBcuswM/vKbq9b+mm9wyMZmZljuYNV3CByc8GZ/jNipfCV2ZUfaUTAgZe+dsZY0PKmg3CEGcG8r7U27yDzpKj8+LrQdsnx0IFQ0sURY8LJAVLK1q9pMffiynhn+YykVaMfy7GUsYGcXles7cfCBOy6gMjXd/TlBcTKFNHq8fWOliOmhhu4xmTrlsDt2zJlYC1eLTC+YkZ++Ttp49lS5u4r2MLc71h7LNdz0zdeNA94WFWMDOwPMLo0fSl4nj1/tFsdy0U93TN5ddJjXSURdOCvCXxOvYSz92YrR/b1JBBBT+53WKS9JIBPbo63siJhBc3M0mutFEv+4fxCUMfEeRhFB3cVyUDXsWjZTnL42beGllxEex6mAxNFVGOu84ksDQ2Ky969ppTlp+SnbfeKKSX4JWTsx5WyPECAAZLc4fzdH+N/xskb7jl/OdKuO6WNvuRrbtc/oq2UOreSi+3bPfLj+gJwBt2h8qy0rV7h5WS/mIzdHqwaL5EwbbsXpZQQkMTc71rMWgO4sDXWQJ9DiaHLQD8dgKjUbT4xaX4nNQ25VJQTi0xihYSQalikkDAWiVSzhljWGmbLHjK1sTE+LOFDfqMPGLIBWvmjmUQA0LzJrstd0zSBjrxCYdzAjaFwU9ORwKVEmHhMSE8lttZ0LzgJ55rk7c2EJNeIJbjiVgF3M5wnOP10eMuw3oF1whSztLTkgJ91WL1NIG8JmJ/N3Y3vdEKaWcpoQZD9rpvWT3e1mL53s33fgvt7O4y4iQj8L5VcvNgy29KxynK41sBxNq2VpQJB22yb4LwdIyComHhujTo05z13gLBhDjP3D1cpUzRYxroyOGv1d3JwtpHlsAGmjk67NxKOEQzgdDLL4KptKLhdF7L3wH5nSqJLHkN4/FiltOcSXkkumyyNtxuQ1+TjaXwjX7MZgPWjzDDYFtcCAzlC/wUzuuNMvE8ERyAICFoWJyvZycnOnMzdeTGv572UFhAiiQhAdElt4Fr39neCUhSp6Bp/aNfz+Zx+1VpVjb9+MfZVTaf4KbuiEP8QN7z/4+oTZBBjOHk27niohWvbaA+uXa04y/BQ4RAxL7X5STQFLR6UeVYfggDW2WC7lgVW87XsnTwgKsT21/+pnDMxQQVUjW9XyM4kOjm3wbOhJ6SvBld2/f37t3+tRrj14SHaFJfif9ApyKbpjLkeF9DL7QLX2h494OPxaNS2pjBnVLrNjMhGxew8crMAy6Hpuutz5AUJBoj1EWT8cjlFqqpcCzM5D2bjIL94G/L5Rmwb6SG6hzQv6nGSgrP6Sh2mjBIKlhcHLGeU7VuN2FkSU9GM6iBcGJR5FoWcbu+qkvEDLh+lqbyT3X6Kx6MrEe10rWBMUdQ155uNMqzZHkiHuZheRr681frhMVus5OPBUITiC0hoBExM73N2YoBiyHgO1ERpquTQbWBzp+OUU0QSEuc+78MSIoyt310yyxC4WXQgK04DjAh+cCGaprKEzJio6qQuMvAbzXw6nVfaZ5xny027b0/7f212Nqgy3JCon0GOwYd5enpPCKXKd037FsL2qLS5htDaPF8sEnTKBeo/P//W59qoUQSZqnd1RjJWV4Yi7HezGWOz/7P6eGaNzLOkeBfBWEvtN/XUEAg5Gz2hyCbO02L2Txtr5029SUMJmsrmxrXb7Wikqo3s11wXxWq12DRaHrrVQRoQQ+jOEM076wnPY4wxiHPOqTZnfRfIWUS+yQ4TSpX3lqO0q+LG9emQG4urKCMi77d6vMJ76fyDVLa0B2CqeAhLYNVh/mJhU89mJoQYhSAMByO7q0jjQvqQKbhlsAxCGJSq/A9Ss6/r57n31jp7z3MHE+AwxtndswYYJpAwQAkRZDw8vA75sSbnplt4u1rdMmBkpHB0RCJm4tSPIDAK/hBAGB9PTzrmrLL0mYY4ej+dcEaSMPErQa6E91dXP56JIET9UkrBlNqXAf8b8zvgQoTx8xuPNHCSKxDFRGpK7+U+j4MI0u6cBOm+H9SJT8l0NonxWrBcDirWZWuYrjRVnfLjx5kKzlk4dFaCsArmkZT36kQTIj/d+/YV46/ftngLslLNHY/jcX6jPK+yBr6vdyP2uR7jFE75jY0LaiFQHbsPw3bbZv793e9nDxXFp+TE79+lmlZtT07u278tgHWkQ1nZtgL0X7VO+p5UyPFYyrN98AgAmm19DzK/mQv8qoZ1AMDD694mD/i6zGJ2fVkvQPtI93/8J+huwhl3gXQv7l0BsLTsFWo5JyI0wlAYC1dgMMyHUjgGPeFW7NrVjQNLUdgPRSU3+S/yyznxA8QvXm3ZXS6zA4hmHxW4BQL4SiVZMcK72VVAdygNWKwnJKLEMDE7eyQSmnkSs2ZLSchMs64yLyly47GkSo49kiX8wfRCq2QaVQgwq0yguXMlHW8c8CkoTwKIfM6Ou0X1vnquzsvZfdmeKDuy+dHJyBJPvdy9Tgvo4JBvts8BDqddNVp/LOTs+lxF6qEcR/Ny39w9iYpdbG53D7Av5yc0Luvnx0HWCgrZK/FIH+YAxC+sKCBdCVmuOOqVK6+ZaveiGAjaFhJf9MLTWWqggqvWLQNO+Ow9q04gIA6fnQeSIZZ6urbAFrSOjqYjjgzUlU2oHsnWq3NnnlF15/i7bv0rvCjcqCARcDuLKPPcG81WQ/fQvNk6u2doNTYu19/9DGLwV5FjOA+FSDhkf8fa3JB7m3/2djf0L3EBAA==) format("woff2-variations");unicode-range:U+2190,U+2192,U+21E7,U+221A,U+2264,U+3002,U+3057,U+3059,U+306E,U+307E,U+3092,U+30A4,U+30B5,U+30B9,U+30C7,U+30D3,U+30D7,U+30ED,U+30FC,U+AC00}@layer catalog.base{*{box-sizing:border-box}body{margin:0;background:var(--surf-chrome);color:var(--surf-ink);font-family:var(--surf-font-body);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading)}h1,h2,h3{font-family:var(--surf-font-display);font-weight:var(--surf-weight-medium)}h1{font-size:var(--surf-type-display-size);line-height:var(--surf-type-display-leading);letter-spacing:var(--surf-type-display-tracking);margin:8px 0}h2{font-size:var(--surf-type-page-size);line-height:var(--surf-type-page-leading);letter-spacing:var(--surf-type-page-tracking);margin:0 0 20px}h3{font-size:var(--surf-type-subsection-size);line-height:var(--surf-type-subsection-leading);letter-spacing:var(--surf-type-subsection-tracking)}p{color:var(--surf-ink-body)}header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px}output{display:block;overflow-wrap:anywhere;margin-top:20px;font-family:var(--surf-font-mono)}table{width:100%;border-collapse:collapse;text-align:left}.catalog-shell table{min-width:800px}th,td{padding:16px;border-bottom:1px solid var(--surf-line)}code{font-family:var(--surf-font-mono);font-size:var(--surf-type-caption-size);letter-spacing:var(--surf-type-caption-tracking)}footer{color:var(--surf-ink-muted);font-size:var(--surf-type-caption-size);letter-spacing:var(--surf-type-caption-tracking)}.catalog-shell a:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}.component-meta a,.catalog-page-body a{color:var(--surf-ink);text-underline-offset:3px}}html{-webkit-tap-highlight-color:transparent}#root{isolation:isolate;padding:12px}.sheet{--catalog-inset: var(--surf-space-10);--catalog-section-inset: var(--catalog-inset);max-width:1100px;margin:auto;padding:var(--catalog-inset);background:var(--surf-canvas);border-radius:var(--surf-radius-sheet);box-shadow:var(--surf-shadow-sheet)}.catalog-page-body>section+section{position:relative;margin-top:var(--catalog-section-inset);padding-top:var(--catalog-section-inset)}.catalog-page-body>section>:last-child{margin-bottom:0}.catalog-page-body>section>h2{margin-bottom:var(--surf-space-4)}.catalog-page-body>section>h2+p{margin-top:0}.catalog-page-body>section+section:before{content:"";position:absolute;inset-inline:calc(-1 * var(--catalog-inset));top:0;border-top:1px solid var(--surf-chrome);pointer-events:none}@media(max-width:760px){header{align-items:flex-start}}.foundation-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:end;gap:var(--surf-space-4);margin-block:var(--surf-space-6)}.layout-preview-shell{container-type:inline-size;border:1px solid var(--surf-line);border-radius:var(--surf-radius-md);padding:var(--surf-layout-page-inset);margin-top:var(--surf-space-6)}.font-specimens{display:grid;grid-template-columns:1fr 1fr;gap:var(--surf-space-4);margin-block:var(--surf-space-6)}.type-scale{display:grid}.type-scale-row{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:var(--surf-space-6);align-items:first baseline;padding-block:var(--surf-space-4)}.token-list{margin-block:var(--surf-space-4)}.token-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:start;gap:var(--surf-space-4);padding:var(--surf-space-4);border-radius:var(--surf-radius-md)}.token-row:nth-child(odd){background:var(--surf-surface)}.token-identity{display:flex;gap:var(--surf-space-3);min-width:0}.token-identity>div{min-width:0}.token-preview{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border:1px solid var(--surf-line);border-radius:var(--surf-radius-sm);font-size:var(--surf-type-caption-size);letter-spacing:var(--surf-type-caption-tracking)}.token-value{min-width:0}.token-value details{font-size:var(--surf-type-caption-size);letter-spacing:var(--surf-type-caption-tracking);color:var(--surf-ink-muted);margin-top:8px}.token-value summary{cursor:pointer}.token-value details>div{margin-top:12px}.token-value code{white-space:normal;overflow-wrap:anywhere}.token-aliases{display:flex;flex-wrap:wrap;gap:8px}.token-aliases button{border:0;padding:4px 0;background:transparent;color:var(--surf-ink);text-decoration:underline;cursor:pointer;font:inherit;overflow-wrap:anywhere}.token-copy.surf-button{min-inline-size:7rem}@media(max-width:760px){.foundation-controls,.font-specimens{grid-template-columns:minmax(0,1fr)}.type-scale-row{grid-template-columns:minmax(0,1fr);gap:var(--surf-space-1)}.token-row{grid-template-columns:minmax(0,1fr) auto;padding:var(--surf-space-3)}.token-identity{grid-column:1 / -1}.token-row>button{grid-column:2;grid-row:2}}.catalog-shell{display:grid;min-block-size:calc(100dvh - 24px);grid-template-columns:var(--catalog-sidebar-width, 192px) minmax(0,1fr);align-items:start;gap:var(--surf-space-6);max-width:1380px;margin-inline:auto}.catalog-shell .sheet{width:100%;min-width:0;align-self:stretch;margin-block:0}.catalog-sidebar{position:sticky;top:12px;max-height:calc(100dvh - 24px);display:flex;flex-direction:column;min-width:0;padding:var(--surf-space-3) 0}.catalog-brand{display:flex;align-items:center;gap:var(--surf-space-2);padding:var(--surf-space-3);color:var(--surf-ink);text-decoration:none;font-weight:var(--surf-weight-medium);font-size:var(--surf-type-section-size);line-height:var(--surf-type-section-leading);font-family:var(--surf-font-display)}.catalog-brand-name{letter-spacing:-.02em}.catalog-brand-mark{flex:none;width:22px;height:22px;background:currentColor;-webkit-mask:url(/brand/mark.svg) center / contain no-repeat;mask:url(/brand/mark.svg) center / contain no-repeat}.catalog-brand small{display:block;color:var(--surf-ink-muted);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);font-family:var(--surf-font-body);letter-spacing:var(--surf-type-caption-tracking)}.catalog-navigation{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--surf-scrollbar-thumb) transparent}.catalog-sidebar nav{display:grid;gap:var(--surf-space-6);padding-block:var(--surf-space-4)}.catalog-nav-group{display:grid;gap:var(--surf-space-1)}.catalog-nav-label{padding:0 var(--surf-space-3) var(--surf-space-1);color:var(--surf-ink-muted);font-size:var(--surf-type-caption-size);letter-spacing:var(--surf-type-caption-tracking)}.catalog-nav-group a{display:flex;align-items:center;min-height:max(var(--surf-space-10),var(--surf-control-height));transition:background-color var(--surf-duration-fast) var(--surf-ease-out);padding:var(--surf-space-2) var(--surf-space-3);border-radius:var(--surf-radius-md);text-decoration:none;color:var(--surf-ink-body);min-width:0;overflow-wrap:anywhere}.catalog-nav-group a:hover{background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg));color:var(--surf-ink)}.catalog-nav-group a[aria-current=page]{background-color:var(--surf-selected);color:var(--surf-ink);font-weight:var(--surf-weight-medium)}.catalog-nav-group a:active:not([aria-current=page]){background-image:linear-gradient(var(--surf-interaction-active-bg),var(--surf-interaction-active-bg))}.catalog-sidebar .catalog-navigation-toggle{display:none}.catalog-page-header{margin-bottom:var(--surf-space-8)}.catalog-page-header h1{font-size:var(--surf-type-title-size);line-height:var(--surf-type-title-leading);margin:0;overflow-wrap:anywhere}#page-title:focus,#main-content:focus{outline:none}.catalog-skip{position:fixed;left:12px;top:-80px;z-index:var(--surf-layer-tooltip);padding:var(--surf-space-3);background:var(--surf-canvas);color:var(--surf-ink);border-radius:var(--surf-radius-md)}.catalog-skip:focus{top:12px}.catalog-feature-links{margin-top:var(--surf-space-6)}.catalog-feature-links a{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:var(--surf-space-2) var(--surf-space-3);padding:var(--surf-space-4);border-radius:var(--surf-radius-md);background:transparent;color:var(--surf-ink);text-decoration:none;transition:background-color var(--surf-duration-fast) var(--surf-ease-out)}.catalog-feature-links a>:is(strong,span){grid-column:1}.catalog-feature-arrow{grid-column:2;grid-row:1 / 3;align-self:center;justify-self:end;color:var(--surf-ink-muted)}.catalog-feature-links span{color:var(--surf-ink-muted)}.design-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--surf-space-6)}.design-principles dt{font-weight:var(--surf-weight-medium);margin-bottom:var(--surf-space-2)}.design-principles dd{margin:0;color:var(--surf-ink-body)}.catalog-filters{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:var(--surf-space-4);align-items:end}.catalog-count{color:var(--surf-ink-muted);font-size:var(--surf-type-caption-size);letter-spacing:var(--surf-type-caption-tracking);margin-block:var(--surf-space-5)}.catalog-item-list[data-layout=list]{display:grid;gap:var(--surf-space-2)}.catalog-categories{display:grid;gap:calc(2 * var(--catalog-section-inset))}.catalog-categories>section{min-inline-size:0}.catalog-categories>section+section{position:relative}.catalog-categories>section+section:before{content:"";position:absolute;inset-inline:calc(-1 * var(--catalog-inset));inset-block-start:calc(-1 * var(--catalog-section-inset));border-block-start:1px solid var(--surf-chrome);pointer-events:none}.catalog-category-header{display:flex;flex-wrap:wrap;align-items:first baseline;gap:var(--surf-space-2) var(--surf-space-3);margin-block-end:var(--surf-space-2)}.catalog-category-header h2{margin:0;font-size:var(--surf-type-section-size);line-height:var(--surf-type-section-leading)}.catalog-category-header>span{color:var(--surf-ink-muted);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading)}.catalog-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--surf-space-4);padding:var(--surf-space-4);border-radius:var(--surf-radius-md);text-decoration:none;color:var(--surf-ink);min-width:0}.catalog-item>div{min-width:0}.catalog-item p{margin:var(--surf-space-1) 0 0;color:var(--surf-ink-muted)}.catalog-stage{flex:none;white-space:nowrap;font-size:var(--surf-type-caption-size)}.component-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--surf-space-3);color:var(--surf-ink-muted);font-size:var(--surf-type-caption-size);letter-spacing:var(--surf-type-caption-tracking);margin-bottom:var(--surf-space-6)}.page-toc{display:flex;flex-wrap:wrap;gap:var(--surf-space-4);font-size:var(--surf-type-caption-size);letter-spacing:var(--surf-type-caption-tracking);margin-bottom:var(--surf-space-8)}.catalog-preview-note{color:var(--surf-ink-muted);font-size:var(--surf-type-caption-size);letter-spacing:var(--surf-type-caption-tracking)}.component-example{padding-block:0}.catalog-example-frame[data-kind=component] .component-example>:last-child,.catalog-example-frame[data-kind=component] p:last-child{margin-bottom:0}.example-controls{max-width:100%;min-width:0}.example-controls>form{max-width:480px}.sparkline-row{display:grid;grid-template-columns:minmax(8rem,12rem) minmax(0,20rem);align-items:center;gap:var(--surf-space-4)}.catalog-anatomy{overflow-wrap:anywhere;font-family:var(--surf-font-code);font-size:var(--surf-type-caption-size);letter-spacing:var(--surf-type-caption-tracking)}.catalog-table-wrap{overflow:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:var(--surf-scrollbar-thumb) transparent}.catalog-table-wrap table{min-width:560px;width:100%}.catalog-table-wrap td,.catalog-table-wrap th{vertical-align:top;white-space:normal;text-align:start}.catalog-table-wrap caption{text-align:start;color:var(--surf-ink-muted);font-size:var(--surf-type-caption-size);letter-spacing:var(--surf-type-caption-tracking);padding-bottom:var(--surf-space-3)}.token-reference-links{display:flex;flex-wrap:wrap;gap:var(--surf-space-3)}.token-reference-links a{padding:6px 10px;background:var(--surf-surface);border-radius:var(--surf-radius-sm);max-width:100%;overflow-wrap:anywhere}.component-pagination{display:flex;justify-content:space-between;gap:var(--surf-space-6);margin-top:var(--catalog-section-inset);font-size:var(--surf-type-caption-size);letter-spacing:var(--surf-type-caption-tracking)}.component-pagination a{max-width:48%}@media(max-width:760px),(pointer:coarse){:is(.page-toc,.component-meta,.component-pagination,.token-reference-links) a{display:inline-flex;align-items:center;min-block-size:var(--surf-control-target-size)}}.coverage-summary{margin-block:var(--surf-space-6)}.delivery-waves{display:grid;gap:var(--surf-space-6);list-style:none;padding:0;margin:0}.delivery-waves li{min-inline-size:0}.delivery-waves p{margin:var(--surf-space-2) 0 0}#coverage-ready>ul,#coverage-research>ul,.catalog-page-body>section>:is(ul,ol):not([class]),.catalog-rules{padding-inline-start:0;list-style-position:outside}#coverage-ready li+li,#coverage-research li+li,.catalog-page-body>section>:is(ul,ol):not([class])>li+li,.catalog-rules li+li{margin-block-start:var(--surf-space-2)}@media(max-width:960px){.catalog-shell{grid-template-columns:minmax(0,1fr);gap:var(--surf-space-3)}.catalog-sidebar{position:static;max-height:none;padding:0}.catalog-brand{padding-block:var(--surf-space-2)}.catalog-sidebar .catalog-navigation-toggle{display:inline-flex;margin:var(--surf-space-2) var(--surf-space-3)}.catalog-navigation>nav{display:none;padding-inline:var(--surf-space-3);max-height:60dvh;overflow:auto}.catalog-navigation[data-open]>nav{display:grid}.catalog-sidebar nav{gap:var(--surf-space-4)}}@media(max-width:760px){.design-principles,.catalog-filters{grid-template-columns:minmax(0,1fr)}.catalog-item{align-items:flex-start;flex-direction:column;gap:var(--surf-space-2)}.catalog-page-header{margin-bottom:var(--surf-space-6)}.catalog-page-header h1{font-size:var(--surf-type-title-size)}.catalog-page-body .page-toc{gap:var(--surf-space-3)}}.status-sentence{display:flex;flex-wrap:wrap;align-items:center;gap:var(--surf-space-3)}.catalog-page-body{overflow-wrap:anywhere}.bottom-nav-preview{display:flex;flex-direction:column;inline-size:100%;max-inline-size:390px;block-size:520px;overflow:hidden;border:1px solid var(--surf-line);border-radius:var(--surf-radius-lg);background:var(--surf-canvas)}.bottom-nav-preview-title{margin:0;padding:var(--surf-space-4) var(--surf-space-4) var(--surf-space-2)}.bottom-nav-preview-body{flex:1;min-block-size:0}.bottom-nav-preview-viewport{block-size:100%;padding-inline:var(--surf-space-4)}#preview-destination{scroll-margin-top:var(--surf-space-6)}.navigation-demo-links{display:grid;gap:var(--surf-space-2)}.navigation-demo-destinations{display:grid;gap:var(--surf-space-4)}.navigation-demo-destinations section{scroll-margin-top:var(--surf-space-6)}.navigation-demo-destinations p{margin-block:var(--surf-space-1) 0}.toast-duration{display:flex;flex-direction:column;align-items:flex-start;gap:var(--surf-space-2);max-width:100%}.toast-duration .surf-select-trigger{max-width:260px}.catalog-loading{padding-block:var(--surf-space-6);color:var(--surf-ink-muted)}.catalog-loading[data-catalog-loading=page]{min-height:168px}.catalog-load-error{padding-block:var(--surf-space-6)}.catalog-load-error>:first-child{margin-top:0}.color-group{margin-block:var(--surf-space-8)}.color-group>h3{display:flex;align-items:baseline;gap:var(--surf-space-3);margin:0 0 var(--surf-space-3)}.color-group-minimum{color:var(--surf-ink-muted);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-compact-size);line-height:var(--surf-type-compact-leading);font-family:var(--surf-font-body)}.color-group>p{margin-block:var(--surf-space-3) 0}.color-table :is(th,td){white-space:nowrap}.color-pair{display:inline-flex;align-items:center;gap:var(--surf-space-3)}.color-chip{display:inline-flex;padding:3px;border-radius:var(--surf-radius-sm);background:var(--surf-chrome);vertical-align:middle}.color-chip>span{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;inline-size:var(--surf-space-10);block-size:var(--surf-space-6);border-radius:max(0px,calc(var(--surf-radius-sm) - 3px));font-weight:var(--surf-weight-medium);font-size:var(--surf-type-caption-size);line-height:1;font-family:var(--surf-font-body)}.color-chip[data-kind=fill]>span{background:var(--swatch)}.color-chip[data-kind=text]>span{background:var(--swatch-on);color:var(--swatch)}.color-chip[data-kind=line]>span{border:2px solid var(--swatch);background:var(--swatch-on)}.color-chip-pair,.color-chip-strip{display:inline-flex;gap:var(--surf-space-1)}.color-chip-strip .color-chip>span{inline-size:var(--surf-space-6)}.color-pair-chip{display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:var(--surf-space-10);block-size:var(--surf-space-6);border-radius:var(--surf-radius-sm);font-weight:var(--surf-weight-medium);font-size:var(--surf-type-caption-size);line-height:1;font-family:var(--surf-font-body)}.color-pair-chip>span{inline-size:var(--surf-space-3);block-size:var(--surf-space-3);border-radius:var(--surf-radius-full);background:currentColor}.palette-lab{display:grid;gap:var(--surf-space-8);margin-block-start:var(--surf-space-6)}.palette-inputs{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--surf-space-8);align-items:start}.palette-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--surf-space-5) var(--surf-space-6);align-items:end}.palette-action{justify-self:start}.palette-field{display:grid;justify-items:start;gap:var(--surf-space-2)}.palette-pick{margin-block-end:var(--surf-space-4)}.palette-wheel-panel{display:grid;justify-items:center;gap:var(--surf-space-3)}.palette-wheel-panel p{margin:0;color:var(--surf-ink-muted);font-weight:var(--surf-weight-regular);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);font-family:var(--surf-font-body)}.palette-inputs-block{display:grid;gap:var(--surf-space-4)}.palette-wheel-help{margin:0;color:var(--surf-ink-muted)}.hue-wheel{position:relative;flex:none;touch-action:none;cursor:crosshair}.hue-wheel>canvas,.hue-wheel-guides{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%}.hue-wheel-guides{overflow:visible;pointer-events:none}.hue-wheel-guides line,.hue-wheel-guides path{fill:none;stroke:var(--surf-ink);stroke-width:1;stroke-opacity:.45}.hue-wheel-guides line[data-base]{stroke-opacity:.8}.hue-wheel-guides text{fill:var(--surf-ink);font-weight:var(--surf-weight-medium);font-size:var(--surf-type-caption-size);line-height:1;font-family:var(--surf-font-body);text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:var(--surf-canvas);stroke-width:3px}.hue-wheel-marker{position:absolute;inline-size:var(--surf-space-5);block-size:var(--surf-space-5);translate:-50% -50%;box-sizing:border-box;border:2px solid var(--surf-canvas);border-radius:var(--surf-radius-full);box-shadow:0 0 0 1px var(--surf-ink);cursor:grab}.hue-wheel-marker[data-base]{inline-size:var(--surf-space-8);block-size:var(--surf-space-8);border-width:3px}.hue-wheel-marker[data-clamped]{box-shadow:0 0 0 1px var(--surf-ink),0 0 0 3px var(--surf-status-caution-fg)}.hue-wheel-marker:active{cursor:grabbing}.hue-wheel-marker:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}.palette-section>h3{margin:0 0 var(--surf-space-2)}.palette-section>p{margin-block:var(--surf-space-3)}.palette-swatch{inline-size:var(--surf-space-12)}.palette-swatch[data-clamped]{--palette-mark: radial-gradient( circle at calc(100% - var(--surf-space-2) - var(--surf-space-1) / 2) calc(var(--surf-space-2) + var(--surf-space-1) / 2), currentColor 0 2.5px, transparent 3.5px );background-image:var(--palette-mark);background-origin:border-box;background-repeat:no-repeat}.palette-swatch[data-clamped]:hover{background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg)),var(--palette-mark)}.palette-swatch[data-clamped]:active{background-image:linear-gradient(var(--surf-interaction-active-bg),var(--surf-interaction-active-bg)),var(--palette-mark)}.palette-category-preview{display:flex;align-items:flex-end;gap:var(--surf-space-3);block-size:160px;margin-block:var(--surf-space-4);padding:var(--surf-space-4);border:1px solid var(--surf-line);border-radius:var(--surf-radius-lg);background:var(--surf-canvas);color:var(--surf-ink-muted)}.palette-category{display:flex;flex:1;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:var(--surf-space-1);block-size:100%;text-align:center;font-weight:var(--surf-weight-regular);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);font-family:var(--surf-font-body)}.palette-category>span:first-child{border-radius:var(--surf-radius-sm) var(--surf-radius-sm) 0 0}.palette-checker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--surf-space-6);margin-block:var(--surf-space-4)}.palette-slot{display:grid;gap:var(--surf-space-4);align-content:start}.palette-slot-head{display:flex;align-items:center;gap:var(--surf-space-3);min-inline-size:0}.palette-slot-head code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-slot-chip{flex:none;inline-size:var(--surf-space-6);block-size:var(--surf-space-6);border-radius:var(--surf-radius-sm);box-shadow:inset 0 0 0 1px var(--surf-line)}.palette-preview{display:grid;gap:var(--surf-space-2);padding:var(--surf-space-6);border-radius:var(--surf-radius-lg);box-shadow:inset 0 0 0 1px var(--surf-line)}.palette-preview p{margin:0}.palette-ratio{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--surf-space-3)}.palette-ratio strong{font-weight:var(--surf-weight-medium);font-size:var(--surf-type-page-size);line-height:var(--surf-type-page-leading);font-family:var(--surf-font-body);font-variant-numeric:tabular-nums}.palette-sample-large{font-weight:var(--surf-weight-medium);font-size:var(--surf-type-section-size);line-height:var(--surf-type-section-leading);font-family:var(--surf-font-body)}.palette-sample-mark{display:flex;align-items:center;gap:var(--surf-space-3)}.palette-sample-mark>span{inline-size:var(--surf-space-12);block-size:var(--surf-space-6);box-sizing:border-box;border:1px solid;border-radius:var(--surf-control-radius)}.palette-tables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--surf-space-6);margin-block-start:var(--surf-space-4)}.palette-lab>*,.palette-inputs>*,.palette-checker>*,.palette-section>*,.palette-tables>*{min-inline-size:0}.catalog-shell .palette-tables table{min-width:0}@media(max-width:760px){.palette-tables .color-table th[scope=row]{white-space:normal}}@media(max-width:760px){.palette-inputs,.palette-checker,.palette-tables{grid-template-columns:minmax(0,1fr)}}.icon-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--surf-space-3);padding:0;list-style:none}.icon-gallery>li{display:flex;align-items:center;gap:var(--surf-space-3);padding-block:var(--surf-space-3);min-width:0}.icon-gallery code{overflow-wrap:anywhere}.icon-inline-example,.icon-direction-preview>span{display:flex;align-items:center;gap:var(--surf-space-2)}.catalog-shell{--catalog-form-measure: 40rem;grid-template-columns:var(--catalog-sidebar-width) minmax(0,1fr);gap:var(--catalog-column-gap);max-inline-size:calc(var(--catalog-sidebar-width) + var(--catalog-column-gap) + var(--catalog-content-max))}.catalog-shell .sheet{max-inline-size:var(--catalog-content-max);min-block-size:0;margin:0;display:flex;flex-direction:column}.catalog-page-body{flex:0 0 auto;min-inline-size:0}.catalog-page-body .surf-form{inline-size:100%;max-inline-size:var(--catalog-form-measure)}@media(max-width:960px){.catalog-shell{grid-template-columns:minmax(0,1fr);gap:var(--surf-space-3)}.catalog-shell .sheet{min-block-size:0}}.catalog-item-list[data-layout=grid] .catalog-item{min-block-size:88px}.catalog-item-list[data-columns="3"] .catalog-item{flex-direction:column;align-items:flex-start;min-block-size:6rem}.catalog-item-list[data-columns="3"] .catalog-item p{margin-block-start:var(--surf-space-2)}.catalog-item-heading{display:flex;align-items:center;flex-wrap:wrap;gap:var(--surf-space-2)}.catalog-item-heading strong{min-inline-size:0;overflow-wrap:anywhere}.toast-demo-settings{display:grid;grid-template-columns:minmax(180px,240px) repeat(2,max-content);align-items:end;gap:var(--surf-space-4)}.toast-demo-settings .toast-duration .surf-select-trigger{width:100%}.toast-demo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--surf-space-3)}@media(max-width:1100px){.toast-demo-settings{grid-template-columns:minmax(0,1fr)}}.content-preview-settings{margin-block:var(--surf-space-6)}.content-preview-settings .surf-field{min-inline-size:0}.content-format-preview>p{color:var(--surf-ink-muted)}.content-name-field{max-inline-size:40rem;margin-block:var(--surf-space-4)}.content-direction-preview{padding-block:var(--surf-space-3)}.content-direction-preview p{overflow-wrap:anywhere}.content-identifier{font-family:var(--surf-font-mono)}@media(max-width:760px){.content-preview-settings{grid-template-columns:minmax(0,1fr)}.content-value-list>div{grid-template-columns:minmax(0,1fr);gap:var(--surf-space-1)}}html,body,#root{block-size:100%;overflow:hidden}#root{padding:0}.catalog-document-root{block-size:100dvh}.catalog-document-scroll{block-size:100%;padding:12px;scroll-padding-block:12px}.catalog-sidebar{block-size:calc(100dvh - 24px)}.catalog-navigation{display:flex;flex-direction:column;flex:1;overflow:hidden}.catalog-navigation-scroll{flex:1;min-block-size:0}.catalog-navigation-viewport{block-size:100%;scroll-padding-block:var(--surf-space-4)}.catalog-document-scroll:focus-visible,.catalog-navigation-viewport:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-inset)}.catalog-document-root>.surf-scrollbar[data-orientation=vertical]{inset-inline-end:1px}@media(max-width:960px){.catalog-shell{grid-template-rows:auto minmax(min-content,1fr)}.catalog-sidebar{block-size:auto}.catalog-navigation-scroll{display:none;flex:none}.catalog-navigation[data-open] .catalog-navigation-scroll{display:block}.catalog-navigation-viewport{block-size:auto;max-block-size:60dvh}.catalog-navigation-scroll nav{display:grid;padding-inline:var(--surf-space-3)}}.catalog-sidebar{top:0}.foundation-span-grid,.foundation-collection{margin-block:var(--surf-space-6)}.foundation-grid-region{min-block-size:96px;padding:var(--surf-space-4);border:1px solid var(--surf-line);border-radius:var(--surf-radius-md);overflow-wrap:anywhere}.foundation-grid-region .surf-text{margin:0}.brand-type-examples{display:grid;gap:var(--surf-space-4);margin-block:var(--surf-space-6);max-inline-size:40rem}.brand-type-examples>p{margin:0}.brand-type-examples>.surf-button{justify-self:start}.surf-typography :is(output,.token-preview,.content-identifier){letter-spacing:var(--surf-tracking-mono);font-weight:var(--surf-weight-regular)}.interaction-preview{max-inline-size:40rem;margin-block-end:var(--surf-space-6)}.easing-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.easing-visuals{display:grid;grid-template-columns:minmax(180px,280px) minmax(0,1fr);align-items:center;gap:32px;margin-block:24px}.easing-visuals svg{width:100%;max-width:280px;color:var(--surf-ink-muted)}.easing-visuals text{font-size:12px;font-family:var(--surf-font-body);fill:currentColor}.easing-playback{min-width:0}.easing-track{height:40px;border-radius:10px;background:var(--surf-surface);margin-bottom:24px}.easing-marker{width:40px;height:40px;border-radius:10px;background:var(--surf-brand-ink)}@media(max-width:760px){.easing-controls,.easing-visuals{grid-template-columns:minmax(0,1fr)}}.hierarchy-tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--surf-space-6);margin:var(--surf-space-8) 0;padding:0;list-style:none}.hierarchy-tier h3{display:flex;align-items:baseline;gap:var(--surf-space-2);margin:var(--surf-space-4) 0 var(--surf-space-2)}.hierarchy-tier-step{color:var(--surf-ink-muted);font-variant-numeric:tabular-nums}.hierarchy-tier p{margin:0 0 var(--surf-space-2)}.hierarchy-tier-tokens{display:flex;flex-wrap:wrap;gap:var(--surf-space-1) var(--surf-space-3)}.hierarchy-figure{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--surf-space-4);block-size:128px;padding:var(--surf-space-4);box-sizing:border-box;border-radius:var(--surf-radius-lg);background:var(--surf-chrome)}.hierarchy-figure-plane>span{display:flex;box-sizing:border-box;inline-size:100%;block-size:100%;padding:var(--surf-space-3);border-radius:max(0px,calc(var(--surf-radius-lg) - var(--surf-space-4)));background:var(--surf-canvas)}.hierarchy-figure-plane>span>span{display:flex;align-items:flex-start;flex:1;padding:var(--surf-space-2);border-radius:max(0px,calc(var(--surf-radius-lg) - var(--surf-space-4) - var(--surf-space-3)));background:var(--surf-surface)}.hierarchy-figure-plane>span>span>span{inline-size:60%;block-size:var(--surf-space-4);border-radius:var(--surf-radius-sm);background-color:var(--surf-selected)}.hierarchy-figure-elevation>span:first-child{position:absolute;inset:var(--surf-space-4);border-radius:max(0px,calc(var(--surf-radius-lg) - var(--surf-space-4)));background:var(--surf-canvas);box-shadow:var(--surf-shadow-sheet)}.hierarchy-figure-elevation>span:last-child{position:relative;inline-size:56%;block-size:44%;translate:12% 18%;border-radius:var(--surf-radius-md);background:var(--surf-menu-background);box-shadow:var(--surf-shadow-float)}.hierarchy-figure-line{flex-direction:column}.hierarchy-figure-line>span:first-child{box-sizing:border-box;inline-size:72%;block-size:var(--surf-space-8);border:1px solid var(--surf-control-border);border-radius:var(--surf-control-radius);background:var(--surf-control-background)}.hierarchy-figure-line>span:last-child{inline-size:100%;block-size:1px;background:var(--surf-line)}.hierarchy-figure-point{color:var(--surf-ink);font-weight:var(--surf-weight-medium);font-size:var(--surf-type-page-size);line-height:1;font-family:var(--surf-font-body)}.hierarchy-figure-dot{inline-size:var(--surf-space-2);block-size:var(--surf-space-2);border-radius:var(--surf-radius-full);background:var(--surf-brand)}.hierarchy-build-demo{display:grid;gap:var(--surf-space-4);margin-block:var(--surf-space-6)}.hierarchy-build-demo>p{margin:0}.hierarchy-build{position:relative;padding:var(--surf-space-4);border-radius:var(--surf-radius-lg);background:var(--surf-chrome);color:var(--surf-ink-body)}.hierarchy-build-sheet{display:grid;gap:var(--surf-space-5);padding:var(--surf-space-6);border-radius:max(0px,calc(var(--surf-radius-lg) - var(--surf-space-4)));background:var(--surf-canvas);box-shadow:var(--surf-shadow-sheet)}.hierarchy-build-header,.hierarchy-build-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--surf-space-3)}.hierarchy-build-header h3{margin:0}.hierarchy-build-primary{margin-inline-start:auto}.hierarchy-build-search{flex:1 1 200px;inline-size:auto}.hierarchy-build-options{display:grid;gap:var(--surf-space-2);margin-block-start:var(--surf-space-3)}.hierarchy-build-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--surf-space-4)}.hierarchy-build[data-step="1"]{--surf-shadow-sheet: none;--surf-shadow-float: none}.hierarchy-build:is([data-step="1"],[data-step="2"]){--surf-line: transparent;--surf-menu-border: transparent;--surf-control-border: transparent;--surf-control-hover-border: transparent;--surf-control-choice-border: transparent;--surf-control-choice-hover-border: transparent;--surf-control-choice-selected-border: transparent}.hierarchy-build:not([data-step="4"]) *,.hierarchy-build:not([data-step="4"]) ::placeholder{color:transparent}@media(max-width:760px){.hierarchy-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}.layer-demo-controls{align-items:center;margin-block:24px}.layer-demo-stage{position:relative;isolation:isolate;height:216px;border:1px solid var(--surf-line);border-radius:var(--surf-radius-md);margin-block:24px}.layer-demo-host{position:absolute;z-index:1;inset:12px 12px auto;height:120px;padding:12px;background:var(--surf-surface);border-radius:8px;font-size:var(--surf-type-caption-size);letter-spacing:var(--surf-type-caption-tracking)}.layer-demo-host[data-clipped]{overflow:hidden}.layer-demo-plane{position:absolute;z-index:9999;top:76px;left:24px;width:min(264px,calc(100% - 48px));height:80px;padding:12px;border-radius:8px;background:var(--surf-ink);color:var(--surf-canvas);box-shadow:var(--surf-shadow-float);font-size:var(--surf-type-caption-size);letter-spacing:var(--surf-type-caption-tracking)}.layer-demo-plane[data-portalled]{top:88px;left:36px;width:min(264px,calc(100% - 72px))}.layer-demo-cover{position:absolute;z-index:2;inset:106px 12px auto;min-height:62px;padding:12px;border-radius:8px;background-color:var(--surf-selected);color:var(--surf-ink);font-size:var(--surf-type-caption-size);letter-spacing:var(--surf-type-caption-tracking)}@media(prefers-reduced-motion:reduce){.catalog-nav-group a,.catalog-feature-links a,.catalog-feature-arrow{transition:none}.catalog-feature-links a:is(:hover,:focus-visible) .catalog-feature-arrow{translate:none}}@media(forced-colors:active){.catalog-feature-links a{background:Canvas;color:LinkText;border:1px solid ButtonText;box-shadow:none}.catalog-feature-links span,.catalog-feature-arrow{color:LinkText}.catalog-nav-group a:is(:hover,:focus-visible,[aria-current=page]){background:Highlight;color:HighlightText}}.page-header-settings{align-items:end;margin-block-end:var(--surf-space-6)}.page-header-preview{min-inline-size:0}.page-header-settings>.surf-choice-label{min-block-size:var(--surf-control-height)}.filter-bar-example{display:grid;gap:var(--surf-space-6);min-inline-size:0}.surf-filter-bar .catalog-count{margin-block:0 var(--surf-space-4)}.catalog-content-fade{animation:catalog-content-fade var(--surf-duration-base) var(--surf-ease-out)}@keyframes catalog-content-fade{0%{opacity:.7}to{opacity:1}}@media(prefers-reduced-motion:reduce){.catalog-content-fade{animation:none}}.catalog-page-body>section>:is(p:not([class]),ul:not([class]),ol:not([class]),.install-checks,.catalog-rules){max-inline-size:var(--surf-layout-reading-measure);font-size:var(--surf-type-reading-size);line-height:var(--surf-type-reading-leading);letter-spacing:var(--surf-type-reading-tracking)}.catalog-page-body>section>:is(p:not([class]),ul:not([class]),ol:not([class]),.install-checks,.catalog-rules) code{font-size:.875em}.resource-list-example{display:grid;gap:var(--surf-space-5);min-inline-size:0}.resource-preview-mode{display:grid;gap:var(--surf-space-2);max-inline-size:16rem}.resource-selection{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--surf-space-3);margin-block-end:var(--surf-space-3)}.resource-action-status{margin:0}.resource-action-status:empty{display:none}.form-workflow-example{display:grid;gap:var(--surf-space-5);min-inline-size:0;max-inline-size:var(--catalog-form-measure, 40rem)}.workflow-response{display:grid;gap:var(--surf-space-2);max-inline-size:16rem}.workflow-notice{margin:0}.workflow-notice:empty{display:none}.catalog-app{--catalog-sidebar-width: 192px;--catalog-content-max: 1100px;--catalog-column-gap: var(--surf-space-3);--catalog-frame-max: calc( var(--catalog-sidebar-width) + var(--catalog-column-gap) + var(--catalog-content-max) );--catalog-rail-height: 64px;--catalog-footer-height: 56px;block-size:100dvh;display:grid;position:relative;grid-template-rows:minmax(0,1fr)}.catalog-toprail{display:block;margin:0;min-inline-size:0;padding-inline:12px}.catalog-toprail-inner{inline-size:100%;max-inline-size:var(--catalog-frame-max);block-size:100%;margin-inline:auto;display:grid;grid-template-columns:var(--catalog-sidebar-width) minmax(0,1fr) 40px 40px;gap:var(--catalog-column-gap);align-items:center}.catalog-toprail .catalog-brand{padding-block:0;white-space:nowrap}.catalog-primary-scroll{min-inline-size:0}.catalog-primary{display:flex;align-items:center;gap:4px;inline-size:max-content;padding:4px}.catalog-primary a{display:flex;align-items:center;min-block-size:var(--surf-space-10);padding:8px 16px;border-radius:var(--surf-radius-md);color:var(--surf-ink-body);text-decoration:none;white-space:nowrap;transition:background-color var(--surf-duration-fast) var(--surf-ease-out)}.catalog-primary a:hover{background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.catalog-primary a[aria-current]{background-color:var(--surf-selected);color:var(--surf-ink);font-weight:var(--surf-weight-medium)}.catalog-primary a:active:not([aria-current]){background-image:linear-gradient(var(--surf-interaction-active-bg),var(--surf-interaction-active-bg))}.catalog-primary a:focus-visible,.catalog-toprail .catalog-theme-toggle:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-inset)}.catalog-app .catalog-document-root{block-size:100%;min-block-size:0}.catalog-app .catalog-shell{min-block-size:calc(100dvh - var(--catalog-rail-height) - 12px - var(--catalog-footer-height))}.catalog-site-footer{--catalog-footer-gap: var(--surf-space-3);box-sizing:border-box;block-size:var(--catalog-footer-height);padding-block-start:var(--catalog-footer-gap)}.catalog-site-footer-inner{box-sizing:border-box;block-size:100%;max-inline-size:var(--catalog-frame-max);margin-inline:auto;padding-inline:var(--surf-space-3);display:flex;flex-wrap:wrap;align-items:center;gap:var(--surf-space-2) var(--surf-space-6);color:color-mix(in oklch,var(--surf-ink-muted) 75%,var(--surf-chrome));font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading)}.catalog-site-footer-brand{display:inline-flex;align-items:center;gap:var(--surf-space-2);font-weight:var(--surf-weight-medium)}.catalog-site-footer-brand .catalog-brand-mark{inline-size:16px;block-size:16px}.catalog-site-footer nav{display:flex;gap:var(--surf-space-4);margin-inline-start:auto}.catalog-site-footer a{color:inherit}.catalog-site-footer a:hover{color:var(--surf-ink-body)}@media(max-width:760px){.catalog-app{--catalog-footer-height: calc(84px + env(safe-area-inset-bottom, 0px)) }.catalog-site-footer-inner{align-content:center;gap:var(--surf-space-2) var(--surf-space-4);padding:0 16px env(safe-area-inset-bottom,0px)}.catalog-site-footer nav{flex-basis:100%;margin-inline-start:0}}.catalog-app .catalog-sidebar{block-size:calc(100dvh - var(--catalog-rail-height) - 12px - var(--catalog-footer-height));max-block-size:calc(100dvh - var(--catalog-rail-height) - 12px - var(--catalog-footer-height))}.catalog-page-body section[id]{scroll-margin-block-start:24px}@media(max-width:960px){.catalog-toprail-inner{grid-template-columns:auto minmax(0,1fr) 40px;gap:12px}.catalog-app .catalog-sidebar{block-size:auto;max-block-size:none}}@media(pointer:coarse){.catalog-toprail .catalog-theme-toggle,.catalog-toprail .catalog-locale-toggle{inline-size:var(--surf-control-target-size);block-size:var(--surf-control-target-size);min-block-size:var(--surf-control-target-size)}.catalog-primary a{min-block-size:var(--surf-control-target-size)}}@media(max-width:600px){.catalog-brand-name{font-size:var(--surf-type-subsection-size);line-height:var(--surf-type-subsection-leading)}.catalog-toprail .catalog-brand{padding-inline:4px}.catalog-primary a{padding-inline:12px;min-block-size:var(--surf-control-target-size)}}.catalog-toprail .catalog-theme-toggle,.catalog-toprail .catalog-locale-toggle{justify-self:end;inline-size:var(--surf-space-10);block-size:var(--surf-space-10);min-block-size:var(--surf-space-10);border-radius:var(--surf-radius-full);color:var(--surf-ink-body);transition:background-color var(--surf-duration-fast) var(--surf-ease-out)}.catalog-locale-glyph{font-family:var(--surf-font-display);font-size:var(--surf-type-subsection-size);font-weight:var(--surf-weight-medium);line-height:1}.catalog-theme-toggle [data-theme-icon]{display:none}:root:not([data-theme-mode=dark],[data-theme-mode=system]) .catalog-theme-toggle [data-theme-icon=light],:root[data-theme-mode=dark] .catalog-theme-toggle [data-theme-icon=dark],:root[data-theme-mode=system] .catalog-theme-toggle [data-theme-icon=system]{display:inline}@media(prefers-reduced-motion:reduce){.catalog-primary a,.catalog-toprail .catalog-theme-toggle,.catalog-toprail .catalog-locale-toggle{transition:none}}@media(max-width:600px){.catalog-toprail-inner{grid-template-columns:auto minmax(0,1fr) 44px;gap:8px}.catalog-toprail .catalog-theme-toggle{inline-size:44px;block-size:44px;min-block-size:44px}}.catalog-toprail{position:absolute;inset:0 0 auto;block-size:var(--catalog-rail-height);z-index:var(--surf-layer-chrome);isolation:isolate;--catalog-rail-fade: 0px}.catalog-toprail[data-scrolled]{--catalog-rail-fade: 24px}.catalog-toprail:before{content:"";position:absolute;inset:0 0 calc(-1 * var(--catalog-rail-fade));z-index:-1;pointer-events:none;background:color-mix(in srgb,var(--surf-chrome) 80%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--catalog-rail-fade)),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--catalog-rail-fade)),transparent 100%)}@media(prefers-reduced-transparency:reduce),(forced-colors:active){.catalog-toprail:before{inset-block-end:0;background:var(--surf-chrome);-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-mask-image:none;mask-image:none}}.catalog-app .catalog-document-scroll{padding-block-start:var(--catalog-rail-height);scroll-padding-block-start:var(--catalog-rail-height)}.catalog-app .catalog-sidebar{top:0}.catalog-toprail{pointer-events:none}.catalog-toprail-inner{pointer-events:auto}@media(forced-colors:active){.catalog-primary a:hover,.catalog-toprail .catalog-theme-toggle:hover:not(:disabled),.catalog-toprail .catalog-locale-toggle:hover:not(:disabled){background:ButtonFace}.catalog-primary a[aria-current]{background:Highlight;color:HighlightText}}.app-shell-preview{min-block-size:420px;block-size:460px}@media(max-width:760px){.app-shell-preview{block-size:auto}}.catalog-shell .sheet{--catalog-surface-bleed: max( 12px, calc((100vw - var(--catalog-frame-max)) / 2) );position:relative;isolation:isolate;background:transparent;border-radius:0;box-shadow:none}.catalog-shell .sheet:after{content:"";position:absolute;inset:0 calc(-1 * var(--catalog-surface-bleed)) 0 0;z-index:-1;pointer-events:none;background:var(--surf-canvas);border-start-start-radius:var(--surf-radius-sheet);border-end-start-radius:var(--surf-radius-sheet);border-end-end-radius:0}.catalog-page-body>section+section:before,.catalog-categories>section+section:before{inset-inline-end:calc(-1 * (var(--catalog-inset) + var(--catalog-surface-bleed, 0px)))}@media(min-width:1800px){.catalog-shell .sheet{--catalog-surface-bleed: 0px}.catalog-shell .sheet:after{border-start-end-radius:var(--surf-radius-sheet);border-end-end-radius:var(--surf-radius-sheet)}}.data-table-example{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--surf-space-4);min-inline-size:0}.data-table-state{display:grid;gap:var(--surf-space-2);max-inline-size:18rem}.data-table-toolbar,.data-table-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--surf-space-3);margin-block:var(--surf-space-4)}.data-table-example>p{margin:0}@media(min-width:961px){.catalog-sidebar{padding-block:clamp(32px,12dvh,160px)}}.catalog-item,.catalog-feature-links a{background:transparent;transition:background-color var(--surf-duration-fast) var(--surf-ease-out)}.catalog-item:hover,.catalog-feature-links a:hover{background-image:linear-gradient(var(--surf-interaction-hover-bg),var(--surf-interaction-hover-bg))}.catalog-item:active,.catalog-feature-links a:active{background-image:linear-gradient(var(--surf-interaction-active-bg),var(--surf-interaction-active-bg))}.catalog-item:focus-visible,.catalog-feature-links a:focus-visible{outline:var(--surf-focus-ring-width) solid var(--surf-interaction-focus);outline-offset:var(--surf-focus-ring-offset)}@media(prefers-reduced-motion:reduce){.catalog-item,.catalog-feature-links a{transition:none}}@media(forced-colors:active){.catalog-item,.catalog-feature-links a{background:Canvas;color:LinkText;border:1px solid ButtonText;padding:calc(var(--surf-space-4) - 1px)}}@media(max-width:760px){.catalog-item:focus-visible,.catalog-feature-links a:focus-visible{outline-offset:0}}.documentation-example,.documentation-layout,.documentation-article{min-inline-size:0}.documentation-settings{margin-block-end:var(--surf-space-6);align-items:end}.documentation-settings>.surf-field:first-child{min-inline-size:12rem}.documentation-layout{display:grid;grid-template-columns:minmax(0,1fr) 180px;grid-template-areas:"body toc";gap:var(--surf-space-8);align-items:start}.documentation-article{grid-area:body}.documentation-article .surf-page-header{margin-block-end:var(--surf-space-4)}.documentation-meta{margin-block:0 var(--surf-space-8)}.documentation-toc{grid-area:toc;position:sticky;inset-block-start:88px;min-inline-size:0}.documentation-article .surf-prose>section+section{margin-block-start:var(--surf-space-8)}.documentation-article h4{scroll-margin-block-start:24px}.documentation-article h4:focus{outline:none}.documentation-article .surf-prose section{min-inline-size:0}@media(max-width:760px){.documentation-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"toc" "body";gap:var(--surf-space-6)}.documentation-toc{position:static}}.recovery-example{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--surf-space-4);max-inline-size:40rem;min-inline-size:0}.recovery-settings>.surf-field{min-inline-size:12rem}.recovery-example>p{margin:0}.app-shell-preview-options{margin-block-end:var(--surf-space-4)}.app-shell-preview-clip{border-radius:var(--workspace-shell-radius);overflow:hidden}.app-shell-preview[data-layout=workspace]{--surf-app-shell-page-radius: var(--surf-radius-md);block-size:560px}.app-shell-preview .catalog-brand-mark{inline-size:var(--surf-app-shell-mark-size);block-size:var(--surf-app-shell-mark-size)}.app-shell-content-viewport section{margin-block:var(--surf-space-6)}@media(max-width:760px){.app-shell-preview[data-layout=workspace]{block-size:560px}}.command-search-results{block-size:min(360px,40dvh);min-block-size:0}.command-search-body{display:grid;gap:var(--surf-space-3)}.command-search-body>p{margin:0}.catalog-example-frame[data-kind=pattern]{min-inline-size:0;padding:var(--surf-space-6);border:1px solid var(--surf-line);border-radius:var(--surf-radius-sheet)}@media(max-width:760px){.catalog-example-frame[data-kind=pattern]{padding:var(--surf-space-4)}}.catalog-example-frame[data-kind=pattern][data-content=workspace]{--workspace-shell-radius: min( var(--surf-radius-md) * 1000, var(--surf-radius-md) + var(--surf-space-3) );padding:calc(var(--surf-space-1) - 1px);border-radius:min(var(--surf-radius-md) * 1000,var(--workspace-shell-radius) + var(--surf-space-1))}.tree-preview-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--surf-space-4)}.tree-preview-settings>.surf-field{min-inline-size:0}.tree-example>[role=status]{overflow-wrap:anywhere}@media(max-width:760px){.tree-preview-settings{grid-template-columns:minmax(0,1fr)}}.catalog-navigation-scroll>.surf-scrollbar{z-index:2}.spacing-example>:is(h2,h3,h4,p){margin:0}.spacing-form-example{max-inline-size:28rem;padding:var(--surf-space-4);background:var(--surf-chrome);border-radius:var(--surf-radius-md)}.spacing-scale{display:flex;flex-wrap:wrap;gap:var(--surf-space-4) var(--surf-space-6);margin-block:var(--surf-space-6)}.spacing-scale>div{display:flex;flex-direction:column;align-items:flex-start;gap:var(--surf-space-1);min-inline-size:80px;font-size:var(--surf-type-caption-size)}.spacing-scale-mark{display:block;block-size:var(--surf-space-2);background:var(--surf-ink-muted);border-radius:var(--surf-space-1)}.type-scale-row>.type-scale-meta{display:flex;flex-direction:column;white-space:nowrap}.type-scale-meta>span+span{font-variant-numeric:tabular-nums}@media(max-width:760px){.type-scale-row>.type-scale-meta{flex-direction:row;gap:var(--surf-space-2)}}.component-size-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-block:20px 24px}.component-size-options{display:inline-flex;flex-wrap:wrap;gap:4px}.component-size-group{display:inline-flex;align-items:center;gap:8px}.component-size-group>span{color:var(--surf-ink-muted);font-size:var(--surf-type-caption-size);letter-spacing:var(--surf-type-caption-tracking)}.component-size-controls p{margin:0;color:var(--surf-ink-muted);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading)}.size-scheme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block:24px 32px}.size-scheme-specimen{min-inline-size:0;padding:20px;border-radius:var(--surf-radius-lg);background:var(--surf-chrome)}.size-scheme-specimen>header{margin-block-end:24px}.size-scheme-specimen>header h3{margin:0 0 4px}.size-scheme-specimen>header p{margin:0;color:var(--surf-ink-muted);font-size:var(--surf-type-caption-size);letter-spacing:var(--surf-type-caption-tracking)}.size-scheme-specimen .surf-inline{flex-wrap:wrap}@media(max-width:1100px){.size-scheme-grid{grid-template-columns:1fr}}@media(max-width:760px){.size-scheme-specimen{padding:16px}}.rich-source-editor{min-block-size:220px}.layout-guide-container{position:relative;--preview-guide-columns: var(--surf-layout-columns);--preview-guide-gap: var(--surf-layout-gutter)}.layout-preview-shell[data-density=compact] .layout-guide-container{--preview-guide-gap: var(--surf-space-3)}.layout-guide-container.foundation-span-grid{--preview-guide-columns: var(--surf-layout-grid-columns)}.spacing-scale-mark{block-size:10px;border-radius:0;background:linear-gradient(currentColor,currentColor) center/100% 1px no-repeat;border-inline:1px solid currentColor;color:var(--surf-ink-muted);box-sizing:border-box}.spacing-form-example{position:relative}.spacing-measurement-controls{margin-block:16px}.spacing-measurements{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;color:var(--surf-ink-muted)}.spacing-dimension{position:absolute;box-sizing:border-box}.spacing-dimension-label{position:absolute;white-space:nowrap;font-weight:var(--surf-weight-regular);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading);font-family:var(--surf-font-code);background:var(--surf-canvas);padding-inline:2px}.spacing-dimension[data-axis=y] .spacing-dimension-label{left:8px;top:50%;transform:translateY(-50%)}.spacing-dimension[data-axis=x] .spacing-dimension-label{left:50%;bottom:8px;transform:translate(-50%)}.surf-markdown :is(h1,h2,h3,h4,h5,h6){scroll-margin-block-start:96px}@media(max-width:760px){.spacing-dimension[data-axis=y] .spacing-dimension-label{display:none}}@media(forced-colors:active){.spacing-measurements{color:CanvasText}}.blueprint-canvas{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;z-index:1;pointer-events:none;color:var(--surf-ink-muted)}.grid-blueprint{opacity:.18}.spacing-blueprint{opacity:.38}@media(forced-colors:active){.blueprint-canvas{color:CanvasText}}.spacing-scale-mark{position:relative;background:transparent;border:0;border-radius:0}.markdown-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--surf-line);border-radius:var(--surf-radius-md);overflow:hidden;min-inline-size:0}.markdown-workbench:not([data-view=split]){grid-template-columns:minmax(0,1fr)}.markdown-source-pane,.markdown-preview-pane{min-inline-size:0;background:var(--surf-canvas)}.markdown-workbench[data-view=split] .markdown-preview-pane{border-inline-start:1px solid var(--surf-line)}.markdown-pane-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--surf-space-3);padding:var(--surf-space-3) var(--surf-space-4);border-block-end:1px solid var(--surf-line);background:var(--surf-surface);font-size:var(--surf-type-compact-size)}.markdown-source-pane .rich-source-editor{block-size:480px;min-block-size:0}.markdown-preview-scroll{block-size:480px}.markdown-preview-body,.markdown-second-preview{padding:var(--surf-space-4)}.markdown-second-preview{border-block-start:1px solid var(--surf-line)}.syntax-theme-intro p{margin-block:var(--surf-space-2) var(--surf-space-4);color:var(--surf-ink-muted);max-inline-size:var(--surf-layout-reading)}.syntax-theme-legend{display:flex;flex-wrap:wrap;gap:var(--surf-space-3) var(--surf-space-5);margin:0;padding:var(--surf-space-3) var(--surf-space-4);list-style:none;border-radius:var(--surf-radius-md);background:var(--surf-code-bg)}.syntax-theme-legend code{font-family:var(--surf-font-code);font-size:var(--surf-type-code-size);color:var(--surf-syntax-plain)}.syntax-theme-legend [data-syntax=keyword]{color:var(--surf-syntax-keyword)}.syntax-theme-legend [data-syntax=string]{color:var(--surf-syntax-string)}.syntax-theme-legend [data-syntax=function]{color:var(--surf-syntax-function)}.syntax-theme-legend [data-syntax=number]{color:var(--surf-syntax-number)}.syntax-theme-legend [data-syntax=comment]{color:var(--surf-syntax-comment)}@media(max-width:1000px){.markdown-workbench{grid-template-columns:minmax(0,1fr)}.markdown-workbench[data-view=split] .markdown-preview-pane{border-inline-start:0;border-block-start:1px solid var(--surf-line)}.markdown-source-pane .rich-source-editor{block-size:280px}}@media(forced-colors:active){.syntax-theme-legend [data-syntax]{color:CanvasText}}.button-variant-guide{min-inline-size:0}.pointer-blueprint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--surf-ink-muted)}.pointer-blueprint-scroll{position:relative;z-index:2147483000;block-size:0;contain:layout;pointer-events:none}.pointer-blueprint-layer{position:absolute;top:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--surf-ink-muted)}@media(forced-colors:active){.pointer-blueprint,.pointer-blueprint-scroll{display:none}}.catalog-toprail .catalog-navigation-toggle{display:none}@media(max-width:960px){.catalog-app{--catalog-rail-height: 120px}.catalog-toprail-inner{grid-template-columns:minmax(0,1fr) 44px 44px 44px;grid-template-rows:58px 44px;align-content:start;gap:0 4px}.catalog-toprail .catalog-brand{grid-column:1;grid-row:1;justify-self:start}.catalog-toprail .catalog-locale-toggle{grid-column:3;grid-row:1;inline-size:44px;block-size:44px;min-block-size:44px}.catalog-toprail .catalog-theme-toggle{grid-column:2;grid-row:1;inline-size:44px;block-size:44px;min-block-size:44px}.catalog-toprail .catalog-navigation-toggle{display:inline-flex;grid-column:4;grid-row:1;inline-size:44px;block-size:44px;min-block-size:44px;padding:0;border-radius:var(--surf-radius-full)}.catalog-navigation-toggle[aria-expanded=true]{background-color:var(--surf-selected)}.catalog-primary-scroll{grid-column:1 / -1;grid-row:2}.catalog-primary{padding:0}.catalog-primary a{min-block-size:44px}.catalog-app .catalog-shell{grid-template-rows:minmax(min-content,1fr)}.catalog-app .catalog-sidebar{display:none}.catalog-sidebar .catalog-navigation-scroll{min-block-size:0;max-block-size:calc(100dvh - var(--catalog-rail-height) - 48px)}.catalog-sidebar .catalog-navigation-viewport{max-block-size:calc(100dvh - var(--catalog-rail-height) - 48px);padding-block:0}}@media(max-width:960px){.catalog-app .catalog-document-scroll{padding-inline:0;padding-block-end:0}.catalog-app .catalog-shell{min-block-size:calc(100dvh - var(--catalog-rail-height) - var(--catalog-footer-height))}.catalog-app .catalog-shell .sheet{--catalog-inset: var(--surf-space-6);--catalog-surface-bleed: 0px}.catalog-app .catalog-shell .sheet:after{inset-inline:0;border-radius:0}}@media(max-width:960px){.catalog-app .catalog-shell .catalog-item:focus-visible,.catalog-app .catalog-shell .catalog-feature-links a:focus-visible{outline-offset:var(--surf-focus-ring-inset)}}.navigation-sheet{--surf-panel-width: var(--surf-size-panel-large);--surf-panel-height: min(80dvh, 760px);--surf-panel-inset: var(--surf-space-3)}.navigation-sheet nav{padding:var(--surf-space-3) var(--surf-space-1) 0}.catalog-mobile-navigation nav a{min-height:var(--surf-control-target-size)}.catalog-mobile-navigation-body{display:flex;flex:1;min-height:0;padding-inline:12px}.catalog-mobile-navigation .catalog-navigation-scroll{display:block;flex:1;min-height:0}.catalog-mobile-navigation .catalog-navigation-viewport{height:100%;max-height:none;padding:0;scroll-padding-block:16px}.catalog-mobile-navigation nav{display:grid;gap:var(--surf-space-4);padding-block:var(--surf-space-4)}.catalog-mobile-navigation .catalog-navigation-scroll:before,.catalog-mobile-navigation .catalog-navigation-scroll:after{display:none}.landing-hero{box-sizing:border-box;max-inline-size:var(--catalog-frame-max);margin-inline:auto;padding:var(--surf-space-12) var(--surf-space-3) var(--surf-space-8);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--surf-space-12);align-items:center}.landing-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--surf-space-6)}.landing-install{align-self:stretch;max-inline-size:30rem}@media(max-width:760px){.landing-console{display:none}}.landing-console{box-sizing:border-box;block-size:520px;min-inline-size:0;padding:3px;border:1px solid var(--surf-line);--workspace-shell-radius: min( var(--surf-radius-md) * 1000, var(--surf-radius-md) + var(--surf-space-3) );border-radius:min(var(--surf-radius-md) * 1000,var(--workspace-shell-radius) + var(--surf-space-1));overflow:hidden;background:var(--surf-chrome)}.landing-console .surf-app-shell{--surf-app-shell-page-radius: var(--surf-radius-md);block-size:100%}.landing-console-logo rect{fill:var(--surf-brand)}.landing-console-logo path{fill:none;stroke:var(--surf-on-brand);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.landing-console-logo path:first-of-type{fill:var(--surf-on-brand)}.landing-console-sheet{block-size:calc(100% - 2 * var(--surf-app-shell-inset));display:flex;flex-direction:column;gap:var(--surf-space-6);overflow:hidden}.landing-console .surf-app-shell-content{container:landing-content / inline-size}@container landing-content (max-width: 520px){.landing-console-sheet{padding:var(--surf-space-4);gap:var(--surf-space-4)}}@media(max-width:960px){.landing-hero{grid-template-columns:minmax(0,1fr);gap:var(--surf-space-8);padding:var(--surf-space-8) var(--surf-space-4) var(--surf-space-6)}.landing-console{block-size:360px}}.table-guidelines{display:grid;gap:var(--surf-space-10);min-inline-size:0}.table-guideline{display:grid;gap:var(--surf-space-4);min-inline-size:0}.table-guideline>h3{margin:0}.table-guideline-rules{display:grid;gap:var(--surf-space-2);margin:0;padding-inline-start:1.25em}.table-guideline-preview{display:grid;justify-items:start;gap:var(--surf-space-3);min-inline-size:0}.table-guideline-preview>:is(.surf-scroll-root,.table-guideline-pair){justify-self:stretch}.table-guideline-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--surf-space-10)}.table-guideline-pair table{min-width:0}.table-guideline-pair figure{display:grid;gap:var(--surf-space-2);min-inline-size:0;margin:0}.table-guideline-pair figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--surf-space-2);color:var(--surf-ink-body);font-size:var(--surf-type-caption-size)}.table-guideline-verdict{font-weight:var(--surf-weight-medium)}[data-verdict=do] .table-guideline-verdict{color:var(--surf-status-success-fg)}[data-verdict=dont] .table-guideline-verdict{color:var(--surf-status-danger-fg)}.table-guideline-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--surf-space-2)}.table-guideline-toolbar>span{margin-inline-end:var(--surf-space-2)}.table-guideline-status{min-block-size:1.5em;margin:0;color:var(--surf-ink-muted);font-size:var(--surf-type-caption-size)}.table-guideline-identifier{display:inline-flex;align-items:center;gap:var(--surf-space-1);max-inline-size:100%}.table-guideline-check{inline-size:1%}.table-guideline-actions{display:inline-flex;align-items:center;gap:var(--surf-space-1)}.table-guideline-bounded{max-block-size:280px}.theme-builder{display:grid;grid-template-columns:minmax(15rem,18rem) minmax(0,1fr);align-items:start;gap:var(--surf-space-8);margin-block-start:var(--surf-space-4)}@media(max-width:1100px){.theme-builder{grid-template-columns:minmax(0,1fr)}.theme-stage{order:-1;position:sticky;inset-block-start:0;z-index:var(--surf-layer-chrome);justify-self:stretch;padding-block:var(--surf-space-3);background:var(--surf-canvas)}.theme-stage:after{content:"";position:absolute;inset-inline:0;inset-block-start:100%;block-size:var(--surf-space-8);background:linear-gradient(var(--surf-canvas),transparent);pointer-events:none}}.theme-inputs{display:grid;justify-items:start;gap:var(--surf-space-6);min-inline-size:0}.theme-inputs fieldset{display:grid;gap:var(--surf-space-3);justify-self:stretch;min-inline-size:0;margin:0;padding:0;border:0}.theme-inputs legend{margin-block-end:var(--surf-space-1);padding:0;color:var(--surf-ink);font-weight:var(--surf-weight-medium)}.theme-hint{margin:0;color:var(--surf-ink-muted);font-size:var(--surf-type-caption-size)}.theme-presets{flex-wrap:wrap}.theme-swatch{flex:none;inline-size:12px;block-size:12px;border-radius:var(--surf-radius-full);box-shadow:inset 0 0 0 1px #00000029}.theme-stage{display:grid;justify-items:start;gap:var(--surf-space-3);min-inline-size:0}.theme-preview{box-sizing:border-box;justify-self:stretch;block-size:520px;min-inline-size:0;padding:3px;border:1px solid var(--surf-line);--workspace-shell-radius: min( var(--surf-radius-md) * 1000, var(--surf-radius-md) + var(--surf-space-3) );border-radius:min(var(--surf-radius-md) * 1000,var(--workspace-shell-radius) + var(--surf-space-1));overflow:hidden;background:var(--surf-chrome);color:var(--surf-ink-body)}@media(max-width:760px){.theme-preview{block-size:340px}}.theme-preview .surf-app-shell{--surf-app-shell-page-radius: var(--surf-radius-md);block-size:100%}.theme-preview-logo rect{fill:var(--surf-brand)}.theme-preview-logo path{fill:none;stroke:var(--surf-on-brand);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.theme-preview-logo path:first-of-type{fill:var(--surf-on-brand)}.theme-preview-sheet{block-size:calc(100% - 2 * var(--surf-app-shell-inset));display:flex;flex-direction:column;overflow:hidden}.theme-preview-scroll{flex:1;min-block-size:0}@media(max-width:760px){.theme-preview-sheet{block-size:100%;border-end-start-radius:var(--workspace-shell-radius);border-end-end-radius:var(--workspace-shell-radius)}}.theme-preview-sheet table{min-width:0}.theme-preview-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--surf-space-3) var(--surf-space-6)}.theme-preview-controls .surf-input{inline-size:14rem}.theme-pair-tokens{display:block;color:var(--surf-ink-muted);font-size:var(--surf-type-caption-size);font-weight:var(--surf-weight-regular)}.install-choices{display:grid;gap:var(--surf-space-6)}.install-choices fieldset{min-inline-size:0;margin:0;padding:0;border:0}@media(min-width:760px){.install-choices{grid-template-columns:repeat(2,max-content);column-gap:var(--surf-space-10)}.install-choices>:nth-child(n+3){grid-column:1 / -1}}.install-choices legend{margin-block-end:var(--surf-space-3);padding:0;color:var(--surf-ink);font-weight:var(--surf-weight-medium)}.install-options{display:grid;gap:var(--surf-space-4)}.install-option-hint{color:var(--surf-ink-muted);font-size:var(--surf-type-caption-size);line-height:var(--surf-type-caption-leading)}.install-note{color:var(--surf-ink-muted)}.install-file>.install-note{margin-block:var(--surf-space-4) var(--surf-space-3)}.install-more{margin-block-start:var(--surf-space-3)}.install-more .surf-code-block{margin-block-start:var(--surf-space-2)}.install-checks li+li{margin-block-start:var(--surf-space-2)}.install-links{display:flex;flex-wrap:wrap;gap:var(--surf-space-2) var(--surf-space-6)}.install-layer-table{min-width:0}.install-choices fieldset>.install-option-hint{margin:var(--surf-space-2) 0 0}.date-time-resolution{display:flex;flex-direction:column;gap:var(--surf-layout-gutter);min-width:0}.direction-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--surf-space-6);margin-block:var(--surf-space-6)}.direction-preview-pane{display:grid;align-content:start;gap:var(--surf-space-3)}.segmented-preview-fill{max-inline-size:20rem}@layer surflane.tokens,surflane.themes,surflane.base,surflane.components,surflane.sizes;@layer surflane.base{.surf-typography{font-family:var(--surf-font-body);font-size:var(--surf-type-body-size);line-height:var(--surf-type-body-leading);font-weight:var(--surf-weight-regular);letter-spacing:var(--surf-type-body-tracking);font-kerning:normal;font-optical-sizing:auto;font-synthesis-weight:none}.surf-typography:lang(ko),.surf-typography [lang|=ko]{word-break:keep-all;overflow-wrap:break-word;word-spacing:var(--surf-type-hangul-word-spacing)}.surf-typography :where(code,pre,kbd,samp){word-spacing:normal}.surf-typography :where(h1,h2){font-family:var(--surf-font-display);font-weight:var(--surf-weight-medium)}.surf-typography :where(h1){letter-spacing:var(--surf-type-title-tracking)}.surf-typography :where(h2){letter-spacing:var(--surf-type-page-tracking)}.surf-typography :where(h3){letter-spacing:var(--surf-type-section-tracking)}.surf-typography :where(h3,h4,h5,h6){font-family:var(--surf-font-body);font-weight:var(--surf-weight-medium)}.surf-typography :where(h4,h5,h6){letter-spacing:var(--surf-type-subsection-tracking)}.surf-typography :where(strong,b,th,a){font-weight:var(--surf-weight-medium)}.surf-typography :where(button,input,select,textarea){letter-spacing:var(--surf-type-label-tracking);font-kerning:normal;font-optical-sizing:auto;font-synthesis-weight:none}.surf-typography :where(code,pre,kbd,samp),.surf-typography :where(code,pre,kbd,samp) :where(strong,b),.surf-typography .surf-otp-input{font-family:var(--surf-font-code);font-weight:var(--surf-weight-regular);letter-spacing:var(--surf-tracking-mono);font-kerning:normal;font-optical-sizing:auto;font-synthesis-weight:none}.surf-typography :where(*){font-kerning:normal;font-optical-sizing:auto;font-synthesis-weight:none}.surf-typography:lang(ja),.surf-typography :where([lang|=ja]){--surf-font-display: "Manrope Variable", var(--surf-font-japanese);--surf-font-body: "Manrope Variable", var(--surf-font-japanese);--surf-font-code: "JetBrains Mono Variable", var(--surf-font-japanese), monospace;font-family:var(--surf-font-body)}}