@charset "UTF-8";@layer tng.contracts{@layer tng.contracts{:root,[data-theme]{--tng-radius-control: var(--tng-radius-sm, .5rem);--tng-radius-panel: var(--tng-radius-md, .75rem);--tng-radius-surface: var(--tng-radius-lg, 1rem);--tng-radius-item: var(--tng-radius-xs, .25rem);--tng-control-height-sm: 2rem;--tng-control-height-md: 2.5rem;--tng-control-height-lg: 3rem;--tng-control-bg: var(--tng-semantic-background-surface);--tng-control-bg-muted: var(--tng-semantic-background-muted);--tng-control-fg: var(--tng-semantic-foreground-primary);--tng-control-fg-secondary: var(--tng-semantic-foreground-secondary);--tng-control-placeholder: var(--tng-semantic-foreground-muted);--tng-control-border: var(--tng-semantic-border-strong);--tng-control-border-subtle: var(--tng-semantic-border-subtle);--tng-control-border-hover: color-mix( in srgb, var(--tng-control-fg) 25%, var(--tng-control-border) );--tng-control-border-invalid: var(--tng-semantic-accent-danger);--tng-control-accent: var(--tng-semantic-accent-brand);--tng-control-radius: var(--tng-radius-control);--tng-control-padding-block: .5rem;--tng-control-padding-inline: .75rem;--tng-control-gap: .5rem;--tng-control-font-size: var(--tng-text-body);--tng-control-font-weight: var(--tng-font-weight-normal);--tng-control-line-height: 1.35;--tng-control-shadow: none;--tng-overlay-bg: var(--tng-semantic-background-surface);--tng-overlay-border: var(--tng-semantic-border-subtle);--tng-overlay-radius: var(--tng-radius-panel);--tng-overlay-padding: .375rem;--tng-overlay-shadow: 0 8px 24px -12px color-mix(in srgb, var(--tng-semantic-foreground-primary) 32%, transparent), 0 2px 8px -4px color-mix(in srgb, var(--tng-semantic-foreground-primary) 20%, transparent);--tng-item-radius: var(--tng-radius-item);--tng-item-min-height: 2.25rem;--tng-item-padding-block: .5rem;--tng-item-padding-inline: .75rem;--tng-group-bg: var(--tng-control-bg);--tng-group-border: var(--tng-control-border-subtle);--tng-group-radius: var(--tng-radius-panel);--tng-group-gap: .5rem;--tng-group-padding: .75rem;--tng-text-xs: .75rem;--tng-text-sm: .8125rem;--tng-text-body: .875rem;--tng-text-lg: 1rem;--tng-text-xl: 1.1rem;--tng-font-weight-normal: 400;--tng-font-weight-medium: 500;--tng-font-weight-semibold: 600;--tng-font-weight-bold: 700;--tng-focus-ring-width: 3px;--tng-focus-ring-color: var(--tng-semantic-focus-ring);--tng-focus-ring: 0 0 0 var(--tng-focus-ring-width) var(--tng-focus-ring-color);--tng-control-focus-shadow: var(--tng-focus-ring);--tng-control-invalid-shadow: 0 0 0 var(--tng-focus-ring-width) color-mix(in srgb, var(--tng-control-border-invalid) 18%, transparent);--tng-disabled-opacity: .55;--tng-duration-fast: var(--tng-motion-durationFast, .12s);--tng-duration-normal: var(--tng-motion-durationNormal, .18s);--tng-duration-slow: var(--tng-motion-durationSlow, .28s);--tng-easing: var(--tng-motion-easingStandard, cubic-bezier(.2, 0, 0, 1));--tng-transition-colors: background-color var(--tng-duration-fast) var(--tng-easing), border-color var(--tng-duration-fast) var(--tng-easing), color var(--tng-duration-fast) var(--tng-easing), opacity var(--tng-duration-fast) var(--tng-easing);--tng-transition-interactive: border-color var(--tng-duration-normal) var(--tng-easing), box-shadow var(--tng-duration-normal) var(--tng-easing)}}}@layer tng.contracts{@layer tng.contracts{:root,[data-theme]{--tng-overlay-enter-duration: var(--tng-motion-durationNormal, .18s);--tng-overlay-exit-duration: var(--tng-motion-durationFast, .12s);--tng-overlay-enter-easing: var(--tng-motion-easingStandard, cubic-bezier(.2, 0, 0, 1));--tng-overlay-exit-easing: var(--tng-motion-easingExit, cubic-bezier(.4, 0, 1, 1));--tng-overlay-distance: var(--tng-motion-distanceSmall, .25rem);--tng-overlay-scale-from: var(--tng-motion-scaleSubtle, .98)}:where([data-tng-overlay-motion]){--tng-overlay-motion-x: 0;--tng-overlay-motion-y: calc(-1 * var(--tng-overlay-distance));transform-origin:top center;will-change:opacity,transform}:where([data-tng-overlay-motion][data-side=top]),:where([data-tng-overlay-motion][data-placement=top]){--tng-overlay-motion-y: var(--tng-overlay-distance);transform-origin:bottom center}:where([data-tng-overlay-motion][data-side=bottom]),:where([data-tng-overlay-motion][data-placement=bottom]){--tng-overlay-motion-y: calc(-1 * var(--tng-overlay-distance));transform-origin:top center}:where([data-tng-overlay-motion][data-side=left]){--tng-overlay-motion-x: var(--tng-overlay-distance);--tng-overlay-motion-y: 0;transform-origin:center right}:where([data-tng-overlay-motion][data-side=right]){--tng-overlay-motion-x: calc(-1 * var(--tng-overlay-distance));--tng-overlay-motion-y: 0;transform-origin:center left}:where([data-tng-overlay-motion][data-presence=entering]){animation:tng-overlay-enter var(--tng-overlay-enter-duration) var(--tng-overlay-enter-easing) both}:where([data-tng-overlay-motion][data-presence=exiting]){animation:tng-overlay-exit var(--tng-overlay-exit-duration) var(--tng-overlay-exit-easing) both;pointer-events:none}:where([data-tng-overlay-motion][data-presence=open]){opacity:1;transform:none}@keyframes tng-overlay-enter{0%{opacity:0;transform:translate3d(var(--tng-overlay-motion-x),var(--tng-overlay-motion-y),0) scale(var(--tng-overlay-scale-from))}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes tng-overlay-exit{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(var(--tng-overlay-motion-x),var(--tng-overlay-motion-y),0) scale(var(--tng-overlay-scale-from))}}@media(prefers-reduced-motion:reduce){:where([data-tng-overlay-motion][data-presence]){animation:none!important;opacity:1;transform:none}}}}@layer tng.contracts{@layer tng.contracts{:where([data-slot=select]),:where([data-slot=multi-select]){display:grid;gap:.5rem;min-width:0;--tng-select-radius: var(--tng-control-radius, .5rem);--tng-select-trigger-min-height: var(--tng-control-height-md, 2.5rem);--tng-select-trigger-py: var(--tng-control-padding-block, .5rem);--tng-select-trigger-px: var(--tng-control-padding-inline, .75rem);--tng-select-trigger-gap: var(--tng-control-gap, .5rem);--tng-select-icon-size: .75rem;--tng-select-icon-opacity: .6;--tng-select-icon-margin-inline-start: 0;--tng-select-overlay-padding: var(--tng-overlay-padding, .375rem);--tng-select-overlay-radius: var(--tng-overlay-radius, .75rem);--tng-select-overlay-shadow: var(--tng-overlay-shadow);--tng-select-overlay-max-width: min(92vw, 20rem);--tng-select-z-overlay: var(--tng-select-overlay-z-index, var(--tng-z-overlay, 2));--tng-select-listbox-gap: .25rem;--tng-select-option-min-height: var(--tng-item-min-height, 2.25rem);--tng-select-option-py: var(--tng-item-padding-block, .5rem);--tng-select-option-px: var(--tng-item-padding-inline, .75rem);--tng-select-option-radius: var(--tng-item-radius, .25rem);--tng-select-border: var( --tng-control-border-subtle, var(--tng-semantic-border-subtle, #e5e7eb) );--tng-select-border-strong: var( --tng-control-border, var(--tng-semantic-border-strong, #d1d5db) );--tng-select-border-hover: var(--tng-control-border-hover, var(--tng-select-border-strong));--tng-select-bg: var(--tng-control-bg, var(--tng-semantic-background-surface, #ffffff));--tng-select-surface: var(--tng-overlay-bg, var(--tng-semantic-background-surface, #f8fafc));--tng-select-fg: var(--tng-control-fg, var(--tng-semantic-foreground-primary, #0f172a));--tng-select-muted: var( --tng-control-placeholder, var(--tng-semantic-foreground-muted, #64748b) );--tng-select-brand: var(--tng-semantic-accent-brand, #2563eb);--tng-select-danger: var(--tng-semantic-accent-danger, #dc2626);--tng-select-focus-ring: var(--tng-semantic-focus-ring, var(--tng-select-brand));--tng-select-shadow: var(--tng-control-shadow, none);--tng-select-shadow-focus: 0 0 0 var(--tng-focus-ring-width, 3px) var(--tng-select-focus-ring);--tng-select-ease: cubic-bezier(.4, 0, .2, 1)}:where([data-slot=select-trigger]){all:unset;box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:space-between;gap:var(--tng-select-trigger-gap);width:100%;min-width:0;min-height:var(--tng-select-trigger-min-height);padding:var(--tng-select-trigger-py) var(--tng-select-trigger-px);border:1px solid var(--tng-select-border-strong);border-radius:var(--tng-select-radius);background:var(--tng-select-bg);color:var(--tng-select-fg);font-family:inherit;font-size:var(--tng-control-font-size, .875rem);font-weight:var(--tng-control-font-weight, 400);line-height:var(--tng-control-line-height, 1.35);text-align:left;-webkit-tap-highlight-color:transparent;cursor:pointer;transition:border-color .15s var(--tng-select-ease),box-shadow .15s var(--tng-select-ease),background-color .15s var(--tng-select-ease)}:where([data-slot=select-trigger]:hover){border-color:var(--tng-select-border-hover)}:where([data-slot=select-trigger]:focus),:where([data-slot=select-trigger]:focus-visible){outline:none;border-color:var(--tng-select-focus-ring);box-shadow:var(--tng-select-shadow-focus)}:where([data-slot=select][data-disabled]) :where([data-slot=select-trigger]),:where([data-slot=multi-select][data-disabled]) :where([data-slot=select-trigger]){opacity:.5;cursor:not-allowed}:where([data-slot=select-value]){display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:inherit}:where([data-slot=select-value][data-placeholder]){color:var(--tng-select-muted)}:where([data-slot=select-icon]){opacity:var(--tng-select-icon-opacity);line-height:1;font-size:var(--tng-select-icon-size);flex-shrink:0;margin-inline-start:var(--tng-select-icon-margin-inline-start);color:var(--tng-select-muted)}:where([data-slot=select-content][hidden]){display:none}:where([data-slot=select-overlay]){--tng-select-radius: var(--tng-control-radius, .5rem);--tng-select-overlay-padding: var(--tng-overlay-padding, .375rem);--tng-select-overlay-radius: var(--tng-overlay-radius, .75rem);--tng-select-overlay-shadow: var(--tng-overlay-shadow);--tng-select-overlay-max-width: min(92vw, 20rem);--tng-select-z-overlay: var(--tng-select-overlay-z-index, var(--tng-z-overlay, 2));--tng-select-listbox-gap: .25rem;--tng-select-option-min-height: var(--tng-item-min-height, 2.25rem);--tng-select-option-py: var(--tng-item-padding-block, .5rem);--tng-select-option-px: var(--tng-item-padding-inline, .75rem);--tng-select-option-radius: var(--tng-item-radius, .25rem);--tng-select-surface: var(--tng-overlay-bg, var(--tng-semantic-background-surface, #f8fafc));--tng-select-fg: var(--tng-control-fg, var(--tng-semantic-foreground-primary, #0f172a));--tng-select-brand: var(--tng-semantic-accent-brand, #2563eb);--tng-select-focus-ring: var(--tng-semantic-focus-ring, #2563eb);--tng-select-ease: cubic-bezier(.4, 0, .2, 1);border:1px solid var(--tng-overlay-border, var(--tng-semantic-border-subtle, #e5e7eb));border-radius:var(--tng-select-overlay-radius);background:var(--tng-select-surface);box-shadow:var(--tng-select-overlay-shadow);padding:var(--tng-select-overlay-padding);min-width:var(--tng-select-trigger-width, auto);width:max-content;max-width:var(--tng-select-overlay-max-width);overflow:hidden}:where([data-slot=select-listbox]),:where([data-slot=multi-select-listbox]){list-style:none;margin:0;padding:0;display:grid;gap:var(--tng-select-listbox-gap)}:where([data-slot=select-option]),:where([data-slot=multi-select-option]){display:flex;align-items:center;width:100%;box-sizing:border-box;min-height:var(--tng-select-option-min-height);margin:0;padding:var(--tng-select-option-py) var(--tng-select-option-px);border-radius:var(--tng-select-option-radius);border:2px solid transparent;background:transparent;color:var(--tng-select-fg);font-size:var(--tng-control-font-size, .875rem);font-weight:400;line-height:1.4;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;transition:background-color .12s var(--tng-select-ease),color .12s var(--tng-select-ease),border-color .12s var(--tng-select-ease)}:where([data-slot=select-option]:hover):not([data-disabled]),:where([data-slot=multi-select-option]:hover):not([data-disabled]){background:color-mix(in srgb,var(--tng-select-brand) 10%,transparent)}:where([data-slot=select-option][data-active]):not([data-disabled]),:where([data-slot=multi-select-option][data-active]):not([data-disabled]){background:color-mix(in srgb,var(--tng-select-brand) 14%,transparent);border-color:color-mix(in srgb,var(--tng-select-brand) 32%,transparent)}:where([data-slot=select-option][data-selected]),:where([data-slot=select-option][aria-selected=true]),:where([data-slot=multi-select-option][data-selected]),:where([data-slot=multi-select-option][aria-selected=true]){background:color-mix(in srgb,var(--tng-select-brand) 18%,transparent);color:var(--tng-select-brand);font-weight:500;border-color:color-mix(in srgb,var(--tng-select-brand) 40%,transparent)}:where([data-slot=select-option][data-selected][data-active]),:where([data-slot=select-option][aria-selected=true][data-active]),:where([data-slot=multi-select-option][data-selected][data-active]),:where([data-slot=multi-select-option][aria-selected=true][data-active]){background:color-mix(in srgb,var(--tng-select-brand) 24%,transparent);border-color:color-mix(in srgb,var(--tng-select-brand) 55%,transparent)}:where([data-slot=select-option]:focus-visible):not([data-disabled]),:where([data-slot=multi-select-option]:focus-visible):not([data-disabled]){outline:none;border-color:var(--tng-select-focus-ring);box-shadow:0 0 0 2px color-mix(in srgb,var(--tng-select-focus-ring) 30%,transparent)}:where([data-slot=select-option][data-disabled]),:where([data-slot=multi-select-option][data-disabled]){opacity:.45;cursor:not-allowed}:where([data-slot=select][data-invalid]) :where([data-slot=select-trigger]),:where([data-slot=multi-select][data-invalid]) :where([data-slot=select-trigger]){border-color:color-mix(in srgb,var(--tng-select-danger) 65%,var(--tng-select-border-strong))}@media(prefers-reduced-motion:reduce){:where([data-slot=select-trigger]),:where([data-slot=select-option]),:where([data-slot=multi-select-option]){transition:none}}}}@layer tng.contracts{@layer tng.contracts{:where([data-slot=autocomplete]){display:grid;gap:.45rem;min-width:0;--tng-autocomplete-radius: var(--tng-control-radius, .5rem);--tng-autocomplete-trigger-container-min-height: var(--tng-control-height-md, 2.5rem);--tng-autocomplete-trigger-container-gap: var(--tng-control-gap, .5rem);--tng-autocomplete-trigger-container-px: 0;--tng-autocomplete-trigger-py: var(--tng-control-padding-block, .5rem);--tng-autocomplete-trigger-px: var(--tng-control-padding-inline, .75rem);--tng-autocomplete-icon-size: .8rem;--tng-autocomplete-icon-box-size: .9rem;--tng-autocomplete-icon-opacity: .78;--tng-autocomplete-icon-margin-inline-end: var(--tng-control-padding-inline, .75rem);--tng-autocomplete-overlay-padding: var(--tng-overlay-padding, .375rem);--tng-autocomplete-overlay-radius: var(--tng-overlay-radius, .75rem);--tng-autocomplete-overlay-shadow: var(--tng-overlay-shadow);--tng-autocomplete-overlay-max-width: min(92vw, 24rem);--tng-autocomplete-z-overlay: var(--tng-autocomplete-overlay-z-index, var(--tng-z-overlay, 2));--tng-autocomplete-listbox-gap: .2rem;--tng-autocomplete-option-min-height: var(--tng-item-min-height, 2.25rem);--tng-autocomplete-option-py: var(--tng-item-padding-block, .5rem);--tng-autocomplete-option-px: var(--tng-item-padding-inline, .75rem);--tng-autocomplete-option-radius: var(--tng-item-radius, .25rem);--tng-autocomplete-border: var( --tng-control-border-subtle, var(--tng-semantic-border-subtle, #d1d9e6) );--tng-autocomplete-border-strong: var( --tng-control-border, var(--tng-semantic-border-strong, #bac6d8) );--tng-autocomplete-bg: var(--tng-control-bg, var(--tng-semantic-background-surface, #ffffff));--tng-autocomplete-surface: var( --tng-overlay-bg, var(--tng-semantic-background-surface, #f8fafc) );--tng-autocomplete-canvas: var(--tng-semantic-background-canvas, #ffffff);--tng-autocomplete-fg: var(--tng-semantic-foreground-primary, #0f172a);--tng-autocomplete-muted: var(--tng-semantic-foreground-muted, #64748b);--tng-autocomplete-brand: var(--tng-semantic-accent-brand, #2563eb);--tng-autocomplete-danger: var(--tng-semantic-accent-danger, #dc2626);--tng-autocomplete-focus-ring: var(--tng-semantic-focus-ring, var(--tng-autocomplete-brand));--tng-autocomplete-shadow: var(--tng-control-shadow, none);--tng-autocomplete-shadow-focus: 0 0 0 var(--tng-focus-ring-width, 3px) var(--tng-autocomplete-focus-ring);--tng-autocomplete-ease: cubic-bezier(.4, 0, .2, 1)}:where([data-slot=autocomplete][data-state=open]){gap:0}:where([data-slot=autocomplete-trigger-container]){display:flex;align-items:center;gap:var(--tng-autocomplete-trigger-container-gap);min-width:0;padding-inline:var(--tng-autocomplete-trigger-container-px);border:1px solid color-mix(in srgb,var(--tng-autocomplete-border) 84%,var(--tng-autocomplete-canvas) 16%);border-radius:var(--tng-autocomplete-radius);background:var(--tng-autocomplete-bg);box-shadow:var(--tng-autocomplete-shadow);min-height:var(--tng-autocomplete-trigger-container-min-height);transition:border-color .15s var(--tng-autocomplete-ease),box-shadow .15s var(--tng-autocomplete-ease),background-color .15s var(--tng-autocomplete-ease)}:where([data-slot=autocomplete-trigger-container]:has(:focus)),:where([data-slot=autocomplete-trigger-container]:has(:focus-visible)){outline:none;border-color:color-mix(in srgb,var(--tng-autocomplete-brand) 62%,var(--tng-autocomplete-border) 38%);box-shadow:var(--tng-autocomplete-shadow-focus)}:where([data-slot=autocomplete-trigger-container]:hover:not(:has(:focus))){border-color:var(--tng-control-border-hover, var(--tng-autocomplete-border-strong))}:where([data-slot=autocomplete][data-state=open]) :where([data-slot=autocomplete-trigger-container]){border-color:color-mix(in srgb,var(--tng-autocomplete-brand) 72%,var(--tng-autocomplete-border) 28%);box-shadow:var(--tng-autocomplete-shadow-focus)}:where([data-slot=autocomplete][data-disabled]) :where([data-slot=autocomplete-trigger-container]){opacity:.5;cursor:not-allowed}:where([data-slot=autocomplete-trigger]){all:unset;box-sizing:border-box;flex:1;min-width:0;display:block;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:var(--tng-autocomplete-trigger-py) var(--tng-autocomplete-trigger-px);border:none;background:transparent;color:var(--tng-autocomplete-fg);font-family:inherit;font-size:var(--tng-control-font-size, .875rem);font-weight:var(--tng-control-font-weight, 400);line-height:var(--tng-control-line-height, 1.35);caret-color:var(--tng-autocomplete-brand);cursor:text;-webkit-tap-highlight-color:transparent;outline:none}:where([data-slot=autocomplete-trigger]:focus),:where([data-slot=autocomplete-trigger]:focus-visible),:where([data-slot=autocomplete-trigger]:-moz-focusring){border:none!important;box-shadow:none!important;outline:none!important}:where([data-slot=autocomplete-trigger])::placeholder{color:var(--tng-autocomplete-muted)}:where([data-slot=autocomplete-icon]){display:inline-flex;align-items:center;justify-content:center;opacity:var(--tng-autocomplete-icon-opacity);line-height:1;font-size:var(--tng-autocomplete-icon-size);inline-size:var(--tng-autocomplete-icon-box-size);flex:0 0 var(--tng-autocomplete-icon-box-size);margin-inline-end:var(--tng-autocomplete-icon-margin-inline-end);color:var(--tng-autocomplete-muted);transform-origin:center;transition:transform .15s var(--tng-autocomplete-ease)}:where([data-slot=autocomplete][data-state=open]) :where([data-slot=autocomplete-icon]){transform:rotate(180deg)}:where([data-slot=autocomplete-content][hidden]){display:none}:where([data-slot=autocomplete-overlay]){--tng-autocomplete-radius: var(--tng-control-radius, .5rem);--tng-autocomplete-overlay-padding: var(--tng-overlay-padding, .375rem);--tng-autocomplete-overlay-radius: var(--tng-overlay-radius, .75rem);--tng-autocomplete-overlay-shadow: var(--tng-overlay-shadow);--tng-autocomplete-overlay-max-width: min(92vw, 24rem);--tng-autocomplete-z-overlay: var(--tng-autocomplete-overlay-z-index, var(--tng-z-overlay, 2));--tng-autocomplete-listbox-gap: .2rem;--tng-autocomplete-option-min-height: var(--tng-item-min-height, 2.25rem);--tng-autocomplete-option-py: var(--tng-item-padding-block, .5rem);--tng-autocomplete-option-px: var(--tng-item-padding-inline, .75rem);--tng-autocomplete-option-radius: var(--tng-item-radius, .25rem);--tng-autocomplete-fg: var(--tng-semantic-foreground-primary, #0f172a);--tng-autocomplete-brand: var(--tng-semantic-accent-brand, #2563eb);--tng-autocomplete-focus-ring: var(--tng-semantic-focus-ring, #2563eb);--tng-autocomplete-ease: cubic-bezier(.4, 0, .2, 1);border:1px solid color-mix(in srgb,var(--tng-semantic-border-strong, #d1d5db) 70%,transparent);border-radius:var(--tng-autocomplete-overlay-radius);background:color-mix(in srgb,var(--tng-semantic-background-surface, #f8fafc) 94%,var(--tng-semantic-background-canvas, #ffffff));box-shadow:var(--tng-autocomplete-overlay-shadow);padding:var(--tng-autocomplete-overlay-padding);min-width:var(--tng-autocomplete-trigger-width, auto);width:max-content;max-width:var(--tng-autocomplete-overlay-max-width);max-height:15rem;overflow:auto}:where([data-slot=autocomplete-listbox]){list-style:none;margin:0;padding:0;display:grid;gap:var(--tng-autocomplete-listbox-gap)}:where([data-slot=autocomplete-option]){display:flex;align-items:center;width:100%;box-sizing:border-box;min-height:var(--tng-autocomplete-option-min-height);margin:0;padding:var(--tng-autocomplete-option-py) var(--tng-autocomplete-option-px);border-radius:var(--tng-autocomplete-option-radius);border:1px solid transparent;background:transparent;color:var(--tng-autocomplete-fg);font-size:var(--tng-control-font-size, .875rem);font-weight:400;line-height:1.4;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;transition:background-color .12s var(--tng-autocomplete-ease),color .12s var(--tng-autocomplete-ease),border-color .12s var(--tng-autocomplete-ease)}:where([data-slot=autocomplete-option]:hover):not([data-disabled]){background:color-mix(in srgb,var(--tng-autocomplete-brand) 10%,transparent);border-color:transparent}:where([data-slot=autocomplete-option][data-active]):not([data-disabled]){background:color-mix(in srgb,var(--tng-autocomplete-brand) 14%,transparent);border-color:color-mix(in srgb,var(--tng-autocomplete-brand) 32%,transparent)}:where([data-slot=autocomplete-option][data-selected]),:where([data-slot=autocomplete-option][aria-selected=true]){background:color-mix(in srgb,var(--tng-autocomplete-brand) 18%,transparent);color:var(--tng-autocomplete-brand);font-weight:500;border-color:color-mix(in srgb,var(--tng-autocomplete-brand) 40%,transparent)}:where([data-slot=autocomplete-option][data-selected][data-active]),:where([data-slot=autocomplete-option][aria-selected=true][data-active]){background:color-mix(in srgb,var(--tng-autocomplete-brand) 24%,transparent);border-color:color-mix(in srgb,var(--tng-autocomplete-brand) 55%,transparent)}:where([data-slot=autocomplete-option]:focus-visible):not([data-disabled]){outline:none;border-color:var(--tng-autocomplete-focus-ring);box-shadow:0 0 0 2px color-mix(in srgb,var(--tng-autocomplete-focus-ring) 30%,transparent)}:where([data-slot=autocomplete-option][data-disabled]){opacity:.45;cursor:not-allowed}:where([data-slot=autocomplete-empty]){padding:.7rem .75rem;font-size:.86rem;color:var(--tng-autocomplete-muted);list-style:none;margin:0;text-align:center}:where([data-slot=autocomplete][data-invalid]) :where([data-slot=autocomplete-trigger-container]){border-color:color-mix(in srgb,var(--tng-autocomplete-danger) 70%,var(--tng-autocomplete-border) 30%);box-shadow:0 0 0 3px color-mix(in srgb,var(--tng-autocomplete-danger) 14%,transparent)}@media(prefers-reduced-motion:reduce){:where([data-slot=autocomplete-trigger-container]),:where([data-slot=autocomplete-option]){transition:none}}}}@layer tng.contracts{@layer tng.contracts{:where([data-slot=multi-autocomplete]){display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;min-width:0;min-height:var(--tng-control-height-md, 2.5rem);position:relative;padding:var(--tng-multi-autocomplete-padding);--tng-multi-autocomplete-radius: var(--tng-control-radius, .5rem);--tng-multi-autocomplete-padding: .25rem;--tng-multi-autocomplete-trigger-py: .375rem;--tng-multi-autocomplete-trigger-px: .375rem;--tng-multi-autocomplete-chip-py: .25rem;--tng-multi-autocomplete-chip-px: .5rem;--tng-multi-autocomplete-option-py: .5rem;--tng-multi-autocomplete-option-px: .75rem;--tng-multi-autocomplete-z-overlay: var( --tng-multi-autocomplete-overlay-z-index, var(--tng-z-overlay, 2) );--tng-multi-autocomplete-border: var( --tng-control-border-subtle, var(--tng-semantic-border-subtle, #e5e7eb) );--tng-multi-autocomplete-border-strong: var( --tng-control-border, var(--tng-semantic-border-strong, #d1d5db) );--tng-multi-autocomplete-bg: var( --tng-control-bg, var(--tng-semantic-background-surface, #ffffff) );--tng-multi-autocomplete-surface: var( --tng-overlay-bg, var(--tng-semantic-background-surface, #f8fafc) );--tng-multi-autocomplete-fg: var(--tng-semantic-foreground-primary, #0f172a);--tng-multi-autocomplete-muted: var(--tng-semantic-foreground-muted, #64748b);--tng-multi-autocomplete-brand: var(--tng-semantic-accent-brand, #2563eb);--tng-multi-autocomplete-danger: var(--tng-semantic-accent-danger, #dc2626);--tng-multi-autocomplete-focus-ring: var(--tng-semantic-focus-ring, #2563eb);--tng-multi-autocomplete-ease: cubic-bezier(.4, 0, .2, 1);--tng-multi-autocomplete-shadow: var(--tng-overlay-shadow);--tng-multi-autocomplete-shadow-focus: 0 0 0 var(--tng-focus-ring-width, 3px) var(--tng-multi-autocomplete-focus-ring);border:1px solid var(--tng-multi-autocomplete-border-strong);border-radius:var(--tng-multi-autocomplete-radius);background:var(--tng-multi-autocomplete-bg);transition:border-color .15s var(--tng-multi-autocomplete-ease),box-shadow .15s var(--tng-multi-autocomplete-ease)}:where([data-slot=multi-autocomplete]:has([data-slot=multi-autocomplete-trigger]:focus)),:where([data-slot=multi-autocomplete]:has([data-slot=multi-autocomplete-trigger]:focus-visible)),:where([data-slot=multi-autocomplete]:has([data-slot=multi-autocomplete-chip]:focus)),:where([data-slot=multi-autocomplete]:has([data-slot=multi-autocomplete-chip]:focus-visible)){outline:none;border-color:var(--tng-multi-autocomplete-focus-ring);box-shadow:var(--tng-multi-autocomplete-shadow-focus)}:where([data-slot=multi-autocomplete]:hover:not(:has(:focus))){border-color:var(--tng-control-border-hover, var(--tng-multi-autocomplete-border-strong))}:where([data-slot=multi-autocomplete][data-disabled]){opacity:.6;cursor:not-allowed}:where([data-slot=multi-autocomplete-trigger]){all:unset;box-sizing:border-box;display:block;flex:1 1 8rem;min-width:8rem;inline-size:auto;padding:var(--tng-multi-autocomplete-trigger-py) var(--tng-multi-autocomplete-trigger-px);appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;border:none;border-radius:0;background:transparent;box-shadow:none;color:var(--tng-multi-autocomplete-fg);caret-color:var(--tng-multi-autocomplete-brand);font-size:var(--tng-control-font-size, .875rem);font-weight:var(--tng-control-font-weight, 400);line-height:var(--tng-control-line-height, 1.35);font-family:inherit;cursor:text;-webkit-tap-highlight-color:transparent;outline:none}:where([data-slot=multi-autocomplete-trigger]:focus),:where([data-slot=multi-autocomplete-trigger]:focus-visible){outline:none;border-color:transparent;box-shadow:none;-webkit-appearance:none}:where([data-slot=multi-autocomplete-trigger])::placeholder{color:var(--tng-multi-autocomplete-muted)}:where([data-slot=multi-autocomplete-chip]){display:inline-flex;align-items:center;gap:.375rem;max-width:100%;padding:var(--tng-multi-autocomplete-chip-py) var(--tng-multi-autocomplete-chip-px);border:1px solid color-mix(in srgb,var(--tng-multi-autocomplete-brand) 20%,var(--tng-multi-autocomplete-border-strong));border-radius:999px;background:color-mix(in srgb,var(--tng-multi-autocomplete-brand) 8%,var(--tng-multi-autocomplete-surface));box-shadow:none;color:var(--tng-multi-autocomplete-fg);font-size:.8125rem;font-weight:600;line-height:1.3;-webkit-user-select:none;user-select:none;outline:none}:where([data-slot=multi-autocomplete-chip]:focus-visible){border-color:var(--tng-multi-autocomplete-focus-ring);box-shadow:0 0 0 2px color-mix(in srgb,var(--tng-multi-autocomplete-focus-ring) 25%,transparent)}:where([data-slot=multi-autocomplete-content]){position:absolute;top:calc(100% + .5rem);left:0;right:0;z-index:var(--tng-multi-autocomplete-z-overlay)}:where([data-slot=multi-autocomplete-content][hidden]){display:none}:where([data-slot=multi-autocomplete-overlay]){--tng-multi-autocomplete-z-overlay: var( --tng-multi-autocomplete-overlay-z-index, var(--tng-z-overlay, 2) );width:100%;box-sizing:border-box;padding:var(--tng-overlay-padding, .375rem);border:1px solid var(--tng-multi-autocomplete-border);border-radius:var(--tng-overlay-radius, .75rem);background:var(--tng-multi-autocomplete-surface);box-shadow:var(--tng-multi-autocomplete-shadow)}:where([data-slot=multi-autocomplete-listbox]){list-style:none;margin:0;padding:0;display:grid;gap:.25rem;max-height:16rem;overflow:auto}:where([data-slot=multi-autocomplete-option]){display:flex;align-items:center;width:100%;box-sizing:border-box;min-height:var(--tng-item-min-height, 2.25rem);margin:0;padding:var(--tng-multi-autocomplete-option-py) var(--tng-multi-autocomplete-option-px);border:2px solid transparent;border-radius:var(--tng-item-radius, .25rem);background:transparent;color:var(--tng-multi-autocomplete-fg);font-size:.875rem;font-weight:400;line-height:1.4;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;transition:background-color .12s var(--tng-multi-autocomplete-ease),color .12s var(--tng-multi-autocomplete-ease),border-color .12s var(--tng-multi-autocomplete-ease)}:where([data-slot=multi-autocomplete-option]:hover):not([data-disabled]){background:color-mix(in srgb,var(--tng-multi-autocomplete-brand) 10%,transparent)}:where([data-slot=multi-autocomplete-option][data-active]):not([data-disabled]){background:color-mix(in srgb,var(--tng-multi-autocomplete-brand) 14%,transparent);border-color:color-mix(in srgb,var(--tng-multi-autocomplete-brand) 32%,transparent)}:where([data-slot=multi-autocomplete-option][data-selected]),:where([data-slot=multi-autocomplete-option][aria-selected=true]){background:color-mix(in srgb,var(--tng-multi-autocomplete-brand) 18%,transparent);color:var(--tng-multi-autocomplete-brand);font-weight:500;border-color:color-mix(in srgb,var(--tng-multi-autocomplete-brand) 40%,transparent)}:where([data-slot=multi-autocomplete-option][data-selected][data-active]),:where([data-slot=multi-autocomplete-option][aria-selected=true][data-active]){background:color-mix(in srgb,var(--tng-multi-autocomplete-brand) 24%,transparent);border-color:color-mix(in srgb,var(--tng-multi-autocomplete-brand) 55%,transparent)}:where([data-slot=multi-autocomplete-option]:focus-visible):not([data-disabled]){border-color:var(--tng-multi-autocomplete-focus-ring);box-shadow:0 0 0 2px color-mix(in srgb,var(--tng-multi-autocomplete-focus-ring) 25%,transparent)}:where([data-slot=multi-autocomplete-option][data-disabled]){opacity:.45;cursor:not-allowed}:where([data-slot=multi-autocomplete-empty]){list-style:none;margin:0;padding:.625rem .75rem;color:var(--tng-multi-autocomplete-muted);font-size:.875rem}:where([data-slot=multi-autocomplete][data-invalid]){border-color:color-mix(in srgb,var(--tng-multi-autocomplete-danger) 65%,var(--tng-multi-autocomplete-border-strong))}@media(prefers-reduced-motion:reduce){:where([data-slot=multi-autocomplete]),:where([data-slot=multi-autocomplete-option]){transition:none}}}}@layer tng.contracts{:where([data-slot=input-group]){align-items:center;display:inline-flex;gap:var(--_tng-input-gap, var(--tng-control-gap, .5rem));width:100%;background:var(--_tng-input-bg, var(--tng-control-bg, var(--tng-semantic-background-surface)));border:1px solid var(--_tng-input-border, var(--tng-control-border, var(--tng-semantic-border-strong)));border-radius:var(--_tng-input-radius, var(--tng-control-radius, .5rem));box-shadow:var(--tng-control-shadow, none);color:var(--_tng-input-fg, var(--tng-control-fg, var(--tng-semantic-foreground-primary)));font-size:var(--_tng-input-font-size, var(--tng-control-font-size, .875rem));font-weight:var(--_tng-input-font-weight, var(--tng-control-font-weight, 400));line-height:var(--_tng-input-line-height, var(--tng-control-line-height, 1.35));min-height:var(--_tng-input-min-height, 2.5rem);padding:var(--_tng-input-py, 0) var(--_tng-input-px, var(--tng-control-padding-inline, .75rem))}:where([data-slot=input-group][data-focused]){box-shadow:0 0 0 var(--tng-focus-ring-width, 3px) var(--_tng-input-focus-ring, var(--tng-semantic-focus-ring))}:where([data-slot=input-group]:hover:not([data-disabled]):not([data-focused])){border-color:var(--tng-control-border-hover, var(--_tng-input-border))}:where([data-slot=input-group][data-invalid]){border-color:var(--tng-input-invalid-border, var(--tng-semantic-accent-danger))}:where([data-slot=input-group][data-disabled]){cursor:not-allowed;opacity:.6}:where([data-slot=input-group-leading]),:where([data-slot=input-group-trailing]){align-items:center;display:inline-flex;flex:0 0 auto}:where([data-slot=input-group-control]){align-items:center;display:inline-flex;flex:1 1 auto;min-width:0}:where([data-slot=input]){all:unset;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:0;border-radius:0;box-shadow:none;box-sizing:border-box;color:inherit;cursor:text;display:block;flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;min-width:0;outline:none;padding:0;-webkit-tap-highlight-color:transparent;width:100%}:where([data-slot=input]:focus),:where([data-slot=input]:focus-visible),:where([data-slot=input]:-moz-focusring){border:0!important;box-shadow:none!important;outline:none!important}:where([data-slot=input])::placeholder{color:var(--_tng-input-placeholder, var(--tng-semantic-foreground-muted))}:where(input[data-slot=input][type=search])::-webkit-search-decoration,:where(input[data-slot=input][type=search])::-webkit-search-cancel-button,:where(input[data-slot=input][type=search])::-webkit-search-results-button,:where(input[data-slot=input][type=search])::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}}@layer tng.contracts{:where([data-slot=input-field-wrapper]){display:inline-flex;max-width:100%;--_tng-input-bg-default: var(--tng-control-bg, var(--tng-semantic-background-surface));--_tng-input-border-default: var(--tng-control-border, var(--tng-semantic-border-strong));--_tng-input-fg-default: var(--tng-control-fg, var(--tng-semantic-foreground-primary));--_tng-input-radius-default: var(--tng-control-radius, .5rem);--_tng-input-min-height-default: var(--tng-control-height-md, 2.5rem);--_tng-input-py-default: 0;--_tng-input-px-default: var(--tng-control-padding-inline, .75rem);--_tng-input-gap-default: var(--tng-control-gap, .5rem);--_tng-input-focus-ring-default: var(--tng-semantic-focus-ring);--_tng-input-font-size-default: var(--tng-control-font-size, .875rem);--_tng-input-font-weight-default: var(--tng-control-font-weight, 400);--_tng-input-line-height-default: var(--tng-control-line-height, 1.35);--_tng-input-placeholder-default: var( --tng-control-placeholder, var(--tng-semantic-foreground-muted) );--_tng-input-bg: var(--tng-input-bg, var(--_tng-input-bg-default));--_tng-input-border: var(--tng-input-border, var(--_tng-input-border-default));--_tng-input-fg: var(--tng-input-fg, var(--_tng-input-fg-default));--_tng-input-radius: var(--tng-input-radius, var(--_tng-input-radius-default));--_tng-input-min-height: var(--tng-input-min-height, var(--_tng-input-min-height-default));--_tng-input-py: var(--tng-input-py, var(--_tng-input-py-default));--_tng-input-px: var(--tng-input-px, var(--_tng-input-px-default));--_tng-input-gap: var(--tng-input-gap, var(--_tng-input-gap-default));--_tng-input-focus-ring: var(--tng-input-focus-ring, var(--_tng-input-focus-ring-default));--_tng-input-font-size: var(--tng-input-font-size, var(--_tng-input-font-size-default));--_tng-input-font-weight: var(--tng-input-font-weight, var(--_tng-input-font-weight-default));--_tng-input-line-height: var(--tng-input-line-height, var(--_tng-input-line-height-default));--_tng-input-placeholder: var(--tng-input-placeholder, var(--_tng-input-placeholder-default))}:where([data-slot=input-field-wrapper][data-full-width]){width:100%}:where([data-slot=input-field-wrapper]) :where([data-slot=input-group]){width:100%}:where([data-slot=input-field-wrapper]:not([data-full-width])) :where([data-slot=input-group]){width:auto}:where([data-slot=input-field-wrapper][data-appearance=solid]){--_tng-input-bg-default: var( --tng-semantic-background-muted, var(--tng-semantic-background-surface) )}:where([data-slot=input-field-wrapper][data-appearance=ghost]){--_tng-input-bg-default: transparent;--_tng-input-border-default: transparent}:where([data-slot=input-field-wrapper][data-size=sm]){--_tng-input-gap-default: .45rem;--_tng-input-radius-default: var(--tng-control-radius, .5rem);--_tng-input-min-height-default: 2.125rem;--_tng-input-px-default: .65rem}:where([data-slot=input-field-wrapper][data-size=lg]){--_tng-input-gap-default: .65rem;--_tng-input-radius-default: var(--tng-radius-panel, .75rem);--_tng-input-min-height-default: 3rem;--_tng-input-px-default: 1rem}:where([data-slot=input-field-wrapper][data-tone=primary]){--_tng-input-focus-ring-default: var(--tng-semantic-accent-brand, var(--tng-semantic-focus-ring))}:where([data-slot=input-field-wrapper][data-tone=success]){--_tng-input-focus-ring-default: var( --tng-semantic-accent-success, var(--tng-semantic-focus-ring) )}:where([data-slot=input-field-wrapper][data-tone=danger]){--_tng-input-focus-ring-default: var( --tng-semantic-accent-danger, var(--tng-semantic-focus-ring) )}}@layer tng.contracts{:where([data-slot=form-field]){--tng-form-field-fg: var(--tng-semantic-foreground-primary);--tng-form-field-label-gap: .5rem;--tng-form-field-inline-gap: .5rem;--tng-form-field-frame-bg: var(--tng-control-bg, var(--tng-semantic-background-surface));--tng-form-field-frame-border: var(--tng-control-border, var(--tng-semantic-border-strong));--tng-form-field-frame-focus-border: var( --tng-semantic-accent-brand, var(--tng-semantic-focus-ring) );--tng-form-field-frame-focus-ring: var(--tng-semantic-focus-ring);--tng-form-field-frame-invalid-border: var(--tng-semantic-accent-danger);--tng-form-field-frame-radius: var(--tng-control-radius, var(--tng-radius-control, .5rem));--tng-form-field-frame-min-height: var(--tng-control-height-md, 2.5rem);--tng-form-field-frame-px: var(--tng-control-padding-inline, .75rem);--tng-form-field-frame-py: 0rem;--tng-form-field-label-fg: var(--tng-semantic-foreground-secondary);--tng-form-field-adornment-fg: var(--tng-semantic-foreground-secondary);--tng-form-field-message-fg: var(--tng-semantic-foreground-muted);--tng-form-field-required-marker-fg: var(--tng-semantic-accent-danger);--tng-input-bg: transparent;--tng-input-border: transparent;--tng-input-invalid-border: transparent;--tng-input-focus-ring: transparent;--tng-input-radius: 0;--tng-input-px: 0;--tng-input-number-control-bg: transparent;--tng-input-number-control-hover-bg: transparent;--_tng-input-bg-default: var(--tng-semantic-background-surface);--_tng-input-border-default: var(--tng-semantic-border-strong);--_tng-input-fg-default: var(--tng-semantic-foreground-primary);--_tng-input-radius-default: var(--tng-control-radius, .5rem);--_tng-input-min-height-default: 2.5rem;--_tng-input-py-default: 0;--_tng-input-px-default: var(--tng-control-padding-inline, .75rem);--_tng-input-gap-default: var(--tng-control-gap, .5rem);--_tng-input-focus-ring-default: var(--tng-semantic-focus-ring);--_tng-input-bg: var(--tng-input-bg, var(--_tng-input-bg-default));--_tng-input-border: var(--tng-input-border, var(--_tng-input-border-default));--_tng-input-fg: var(--tng-input-fg, var(--_tng-input-fg-default));--_tng-input-radius: var(--tng-input-radius, var(--_tng-input-radius-default));--_tng-input-min-height: var(--tng-input-min-height, var(--_tng-input-min-height-default));--_tng-input-py: var(--tng-input-py, var(--_tng-input-py-default));--_tng-input-px: var(--tng-input-px, var(--_tng-input-px-default));--_tng-input-gap: var(--tng-input-gap, var(--_tng-input-gap-default));--_tng-input-focus-ring: var(--tng-input-focus-ring, var(--_tng-input-focus-ring-default));--tng-select-bg: transparent;--tng-select-border-strong: transparent;--tng-select-shadow-focus: none;--tng-autocomplete-surface: transparent;--tng-autocomplete-border: transparent;--tng-autocomplete-border-strong: transparent;--tng-autocomplete-shadow-focus: none;--tng-datepicker-bg: transparent;--tng-datepicker-border: transparent;--tng-datepicker-focus-shadow: none;--tng-datepicker-radius: 0;--tng-datepicker-field-height: calc( var(--tng-form-field-frame-min-height, 2.625rem) - 2 * var(--tng-form-field-frame-py, .55rem) );--tng-date-range-picker-bg: transparent;--tng-date-range-picker-border: transparent;--tng-date-range-picker-focus-shadow: none;--tng-date-range-picker-radius: 0;--tng-date-range-picker-field-height: calc( var(--tng-form-field-frame-min-height, 2.625rem) - 2 * var(--tng-form-field-frame-py, .55rem) )}:where([data-slot=form-field][data-appearance=outlined]) :where([data-slot=datepicker-input-shell],[data-slot=date-range-picker-input-shell]){border-width:0;box-shadow:none}:where([data-slot=form-field][data-appearance=outlined]) :where([data-slot=datepicker-input],[data-slot=date-range-picker-input]){padding-block:0;padding-inline:0;font-size:inherit;font-weight:inherit}:where([data-slot=form-field][data-appearance=outlined]) :where([data-slot=datepicker-trigger],[data-slot=date-range-picker-trigger]){border-inline-start-width:0;background:transparent}:where([data-slot=form-field][data-appearance=outlined]) :where([data-slot=input-group]){border-width:0;box-shadow:none;--_tng-input-border: transparent;min-height:calc(var(--tng-form-field-frame-min-height, 2.625rem) - 2 * var(--tng-form-field-frame-py, 0))}:where([data-slot=form-field][data-appearance=outlined]) :where([data-slot=input-group][data-focused]){box-shadow:none}:where([data-slot=form-field]) input[data-slot=input][type=number]{-moz-appearance:textfield;appearance:textfield}:where([data-slot=form-field]) :where(input[data-slot=input][type=number])::-webkit-inner-spin-button,:where([data-slot=form-field]) :where(input[data-slot=input][type=number])::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}:where([data-slot=form-field]:is([data-appearance=plain],[data-appearance=none])){--tng-input-bg: revert-layer;--tng-input-border: revert-layer;--tng-input-invalid-border: revert-layer;--tng-input-focus-ring: revert-layer;--tng-input-radius: revert-layer;--tng-input-px: revert-layer;--tng-input-number-control-bg: revert-layer;--tng-input-number-control-hover-bg: revert-layer;--_tng-input-bg: revert-layer;--_tng-input-border: revert-layer;--_tng-input-fg: revert-layer;--_tng-input-radius: revert-layer;--_tng-input-min-height: revert-layer;--_tng-input-py: revert-layer;--_tng-input-px: revert-layer;--_tng-input-gap: revert-layer;--_tng-input-focus-ring: revert-layer;--tng-select-bg: revert-layer;--tng-select-border-strong: revert-layer;--tng-select-shadow-focus: revert-layer;--tng-autocomplete-surface: revert-layer;--tng-autocomplete-border: revert-layer;--tng-autocomplete-border-strong: revert-layer;--tng-autocomplete-shadow-focus: revert-layer;--tng-datepicker-bg: revert-layer;--tng-datepicker-border: revert-layer;--tng-datepicker-focus-shadow: revert-layer;--tng-datepicker-radius: revert-layer;--tng-date-range-picker-bg: revert-layer;--tng-date-range-picker-border: revert-layer;--tng-date-range-picker-focus-shadow: revert-layer;--tng-date-range-picker-radius: revert-layer}:where([data-slot=form-field][data-focused]){--tng-form-field-label-fg: var(--tng-semantic-accent-brand, var(--tng-semantic-focus-ring))}:where([data-slot=form-field][data-invalid]){--tng-form-field-label-fg: var(--tng-semantic-accent-danger);--tng-form-field-message-fg: var(--tng-semantic-accent-danger)}:where([data-slot=form-field][data-disabled]){--tng-form-field-label-fg: var(--tng-semantic-foreground-muted)}:where([data-slot=form-field][data-size=sm]){--tng-form-field-gap: .35rem;--tng-form-field-label-gap: .4rem;--tng-form-field-frame-min-height: var(--tng-control-height-sm, 2rem);--tng-form-field-frame-px: .65rem;--tng-form-field-frame-py: .4rem;--tng-form-field-label-font-size: var(--tng-text-sm, .8125rem);--tng-form-field-message-font-size: var(--tng-text-xs, .75rem);--tng-form-field-left-label-width: 8.5rem;--tng-form-field-left-control-max-width: 18rem}:where([data-slot=form-field][data-size=lg]){--tng-form-field-gap: .55rem;--tng-form-field-label-gap: .625rem;--tng-form-field-frame-min-height: var(--tng-control-height-lg, 3rem);--tng-form-field-frame-px: 1rem;--tng-form-field-frame-py: .7rem;--tng-form-field-label-font-size: var(--tng-text-lg, 1rem);--tng-form-field-message-font-size: var(--tng-text-body, .875rem);--tng-form-field-left-label-width: 12rem;--tng-form-field-left-control-max-width: 26rem}:where([data-slot=form-field][data-label-position=left]){--tng-form-field-left-gap: 1rem;--tng-form-field-left-label-width: 10rem;--tng-form-field-left-control-max-width: 22rem}:where([data-slot=form-field][data-label-position=left][data-size=sm]){--tng-form-field-left-label-width: 8.5rem;--tng-form-field-left-control-max-width: 18rem}:where([data-slot=form-field][data-label-position=left][data-size=lg]){--tng-form-field-left-label-width: 12rem;--tng-form-field-left-control-max-width: 26rem}:where([data-slot=form-field-hint],[data-slot=form-field-error]){display:block}:where([data-slot=form-field-prefix],[data-slot=form-field-suffix]){display:inline-flex;flex:0 0 auto;align-items:center;min-width:0;color:var(--tng-form-field-adornment-fg);font-size:var(--tng-form-field-adornment-font-size, .875rem);line-height:1}:where([data-slot=form-field-hint][data-align=end],[data-slot=form-field-error][data-align=end]){text-align:end}@media(max-width:640px){:where([data-slot=form-field][data-label-position=left]){grid-template-columns:1fr}:where([data-slot=form-field][data-label-position=left]) :is(.tng-form-field__label,.tng-form-field__control-row,.tng-form-field__messages){grid-column:1;grid-row:auto}}}@layer tng.contracts{@layer tng.contracts{:where(tng-datepicker),:where([data-slot=datepicker]:not(.tng-datepicker-root)),:where([data-slot=datepicker-overlay]){--tng-datepicker-radius: var(--tng-control-radius, .5rem);--tng-datepicker-field-height: var(--tng-control-height-md, 2.5rem);--tng-datepicker-overlay-gap: .56rem;--tng-datepicker-overlay-min-width: 18rem;--tng-datepicker-overlay-max-width: 20rem;--tng-datepicker-day-cell-size: 2.2rem;--tng-datepicker-picker-cell-size: 2.3rem;--tng-datepicker-grid-gap: clamp(.14rem, 1.15%, .28rem);--tng-datepicker-inline-gap: .36rem;--tng-datepicker-overlay-padding: var(--tng-group-padding, .75rem);--tng-datepicker-nav-size: 1.95rem;--tng-datepicker-border: var( --tng-control-border-subtle, var(--tng-semantic-border-subtle, #d1d9e6) );--tng-datepicker-border-strong: var( --tng-control-border, var(--tng-semantic-border-strong, #bac6d8) );--tng-datepicker-bg: var(--tng-control-bg, var(--tng-semantic-background-surface, #ffffff));--tng-datepicker-surface: var( --tng-overlay-bg, var(--tng-semantic-background-surface, #f5f8fc) );--tng-datepicker-canvas: var(--tng-semantic-background-canvas, #ffffff);--tng-datepicker-fg: var(--tng-semantic-foreground-primary, #152036);--tng-datepicker-muted: var(--tng-semantic-foreground-secondary, #667892);--tng-datepicker-brand: var(--tng-semantic-accent-brand, #3b82f6);--tng-datepicker-danger: var(--tng-semantic-accent-danger, #dc2626);--tng-datepicker-focus: var(--tng-semantic-focus-ring, var(--tng-datepicker-brand));--tng-datepicker-shadow: var(--tng-overlay-shadow);--tng-datepicker-focus-shadow: 0 0 0 var(--tng-focus-ring-width, 3px) var(--tng-datepicker-focus);--tng-datepicker-ease: cubic-bezier(.4, 0, .2, 1)}:where([data-slot=datepicker]),:where([data-slot=datepicker-overlay]){display:grid;gap:.72rem;min-width:0}:where([data-slot=datepicker-field]){display:grid;gap:.35rem;min-width:0}:where([data-slot=datepicker-input-shell]){display:flex;align-items:stretch;width:100%;min-height:var(--tng-datepicker-field-height);overflow:hidden;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--tng-datepicker-border) 84%,var(--tng-datepicker-canvas) 16%);border-radius:var(--tng-datepicker-radius);background:var(--tng-datepicker-bg);box-shadow:var(--tng-control-shadow, none);isolation:isolate;transition:border-color .15s var(--tng-datepicker-ease),box-shadow .15s var(--tng-datepicker-ease),background-color .15s var(--tng-datepicker-ease)}:where([data-slot=datepicker-input-shell]:focus-within){border-color:color-mix(in srgb,var(--tng-datepicker-brand) 62%,var(--tng-datepicker-border) 38%);box-shadow:var(--tng-datepicker-focus-shadow)}:where([data-slot=datepicker-input-shell]:hover:not(:focus-within):not([data-open=true])){border-color:var(--tng-control-border-hover, var(--tng-datepicker-border-strong))}:where([data-slot=datepicker-input-shell][data-open=true]){border-color:color-mix(in srgb,var(--tng-datepicker-brand) 72%,var(--tng-datepicker-border) 28%);box-shadow:var(--tng-datepicker-focus-shadow)}:where([data-slot=datepicker-input-shell][data-invalid=true]){border-color:color-mix(in srgb,var(--tng-datepicker-danger) 70%,var(--tng-datepicker-border) 30%);box-shadow:0 0 0 3px color-mix(in srgb,var(--tng-datepicker-danger) 14%,transparent)}:where([data-slot=datepicker-input]){flex:1 1 auto;min-width:0;min-height:100%;border:0;background:transparent;color:var(--tng-datepicker-fg);font:inherit;font-size:var(--tng-control-font-size, .875rem);font-weight:var(--tng-control-font-weight, 400);line-height:var(--tng-control-line-height, 1.35);letter-spacing:.01em;padding-block:var(--tng-control-padding-block, .5rem);padding-inline:var(--tng-control-padding-inline, .75rem);outline:none;box-shadow:none;caret-color:var(--tng-datepicker-brand)}:where([data-slot=datepicker-input])::placeholder{color:color-mix(in srgb,var(--tng-datepicker-muted) 82%,transparent);font-weight:500}:where([data-slot=datepicker-input]:focus),:where([data-slot=datepicker-input]:focus-visible){outline:none;box-shadow:none}:where([data-slot=datepicker-trigger]){flex:0 0 auto;min-width:calc(var(--tng-datepicker-nav-size) + 1.02rem);padding-inline:.82rem;display:inline-flex;align-items:center;justify-content:center;gap:.34rem;border:0;border-inline-start:1px solid color-mix(in srgb,var(--tng-datepicker-border) 72%,var(--tng-datepicker-canvas) 28%);background:linear-gradient(180deg,color-mix(in srgb,var(--tng-datepicker-brand) 3%,var(--tng-datepicker-canvas) 97%),color-mix(in srgb,var(--tng-datepicker-brand) 5%,var(--tng-datepicker-surface) 95%));color:var(--tng-datepicker-fg);cursor:pointer;appearance:none;-webkit-appearance:none;outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s var(--tng-datepicker-ease),color .15s var(--tng-datepicker-ease)}:where([data-slot=datepicker-trigger]:hover),:where([data-slot=datepicker-trigger][data-open=true]){background:color-mix(in srgb,var(--tng-datepicker-brand) 9%,var(--tng-datepicker-surface))}:where([data-slot=datepicker-trigger]:focus),:where([data-slot=datepicker-trigger]:focus-visible){outline:none;box-shadow:none;background:color-mix(in srgb,var(--tng-datepicker-brand) 9%,var(--tng-datepicker-surface))}:where([data-slot=datepicker-overlay]){box-sizing:border-box;display:grid;gap:.68rem;min-width:min(var(--tng-datepicker-overlay-min-width),calc(100vw - 1.5rem));max-width:min(var(--tng-datepicker-overlay-max-width),calc(100vw - 1.5rem));border:1px solid color-mix(in srgb,var(--tng-datepicker-border) 86%,var(--tng-datepicker-canvas) 14%);border-radius:var(--tng-overlay-radius, .75rem);background:linear-gradient(180deg,color-mix(in srgb,var(--tng-datepicker-surface) 95%,var(--tng-datepicker-canvas) 5%),color-mix(in srgb,var(--tng-datepicker-surface) 98%,var(--tng-datepicker-canvas) 2%));color:var(--tng-datepicker-fg);padding:var(--tng-datepicker-overlay-padding);box-shadow:var(--tng-datepicker-shadow)}:where([data-slot=datepicker-overlay][hidden]){display:none!important}:where([data-slot=datepicker-header]){display:grid;gap:.5rem}button[data-slot=datepicker-nav-button],button[data-slot=datepicker-period-button],button[data-slot=datepicker-view-chip],button[data-slot=datepicker-action],:where([data-slot=datepicker-nav-button]),:where([data-slot=datepicker-period-button]),:where([data-slot=datepicker-view-chip]),:where([data-slot=datepicker-action]){border:1px solid color-mix(in srgb,var(--tng-datepicker-border) 84%,var(--tng-datepicker-canvas) 16%);border-radius:var(--tng-item-radius, .25rem);background:color-mix(in srgb,var(--tng-datepicker-canvas) 78%,var(--tng-datepicker-surface) 22%);color:var(--tng-datepicker-fg);transition:border-color .15s var(--tng-datepicker-ease),box-shadow .15s var(--tng-datepicker-ease),background-color .15s var(--tng-datepicker-ease),color .15s var(--tng-datepicker-ease)}button[data-slot=datepicker-period-button],:where([data-slot=datepicker-period-button]){align-items:center;cursor:default;display:inline-flex;gap:.24rem;justify-content:center;min-height:var(--tng-datepicker-nav-size);min-width:0;padding-inline:.72rem;width:100%;font-weight:600}button[data-slot=datepicker-nav-button]:hover,button[data-slot=datepicker-view-chip]:hover,button[data-slot=datepicker-action]:hover,button[data-slot=datepicker-period-button][data-interactive=true]:hover,:where([data-slot=datepicker-nav-button]:hover),:where([data-slot=datepicker-view-chip]:hover),:where([data-slot=datepicker-action]:hover),:where([data-slot=datepicker-period-button][data-interactive=true]:hover){background:color-mix(in srgb,var(--tng-datepicker-brand) 7%,var(--tng-datepicker-surface))}button[data-slot=datepicker-nav-button]:focus-visible,button[data-slot=datepicker-view-chip]:focus-visible,button[data-slot=datepicker-action]:focus-visible,button[data-slot=datepicker-period-button]:focus-visible,:where([data-slot=datepicker-nav-button]:focus-visible),:where([data-slot=datepicker-view-chip]:focus-visible),:where([data-slot=datepicker-action]:focus-visible),:where([data-slot=datepicker-period-button]:focus-visible){outline:none;box-shadow:var(--tng-datepicker-focus-shadow);border-color:color-mix(in srgb,var(--tng-datepicker-brand) 68%,var(--tng-datepicker-border) 32%)}:where([data-slot=datepicker-view-switcher]){display:flex;gap:.32rem}:where([data-slot=datepicker-view-chip]){font-size:.76rem;font-weight:600;min-height:1.95rem;padding:.34rem .62rem}button[data-slot=datepicker-view-chip][data-active=true],button[data-slot=datepicker-action][data-variant=primary],:where([data-slot=datepicker-view-chip][data-active=true]),:where([data-slot=datepicker-action][data-variant=primary]){background:linear-gradient(180deg,color-mix(in srgb,var(--tng-datepicker-brand) 76%,white 24%),color-mix(in srgb,var(--tng-datepicker-brand) 88%,black 12%));border-color:color-mix(in srgb,var(--tng-datepicker-brand) 78%,var(--tng-datepicker-border) 22%);color:#fff}:where([data-slot=datepicker-weekday]){color:color-mix(in srgb,var(--tng-datepicker-muted) 92%,var(--tng-datepicker-fg) 8%);font-size:.68rem;font-weight:600;text-align:center;letter-spacing:.02em}button[data-slot=datepicker-cell],button[data-slot=datepicker-month],button[data-slot=datepicker-year],:where([data-slot=datepicker-cell]),:where([data-slot=datepicker-month]),:where([data-slot=datepicker-year]){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;aspect-ratio:1 / 1;min-height:var(--tng-datepicker-day-cell-size);border:1px solid color-mix(in srgb,var(--tng-datepicker-border) 84%,var(--tng-datepicker-canvas) 16%);border-radius:var(--tng-item-radius, .25rem);background:color-mix(in srgb,var(--tng-datepicker-canvas) 78%,var(--tng-datepicker-surface) 22%);color:var(--tng-datepicker-fg);font-size:.98rem;font-weight:600;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background-color .15s var(--tng-datepicker-ease),border-color .15s var(--tng-datepicker-ease),box-shadow .15s var(--tng-datepicker-ease),color .15s var(--tng-datepicker-ease)}button[data-slot=datepicker-month],button[data-slot=datepicker-year],:where([data-slot=datepicker-month]),:where([data-slot=datepicker-year]){aspect-ratio:4 / 3;min-height:var(--tng-datepicker-picker-cell-size);font-size:.9rem}button[data-slot=datepicker-cell]:hover,button[data-slot=datepicker-month]:hover,button[data-slot=datepicker-year]:hover,:where([data-slot=datepicker-cell]:hover),:where([data-slot=datepicker-month]:hover),:where([data-slot=datepicker-year]:hover){background:color-mix(in srgb,var(--tng-datepicker-brand) 7%,var(--tng-datepicker-surface))}:where([data-slot=datepicker-cell][data-hidden]){pointer-events:none;visibility:hidden}button[data-slot=datepicker-cell][data-in-range]:not([data-selected]),:where([data-slot=datepicker-cell][data-in-range]:not([data-selected])){background:color-mix(in srgb,var(--tng-datepicker-brand) 10%,var(--tng-datepicker-surface) 90%);border-color:color-mix(in srgb,var(--tng-datepicker-brand) 18%,var(--tng-datepicker-border) 82%)}button[data-slot=datepicker-cell][data-selected],button[data-slot=datepicker-month][data-selected],button[data-slot=datepicker-year][data-selected],:where([data-slot=datepicker-cell][data-selected]),:where([data-slot=datepicker-month][data-selected]),:where([data-slot=datepicker-year][data-selected]){background:color-mix(in srgb,var(--tng-datepicker-brand) 18%,var(--tng-datepicker-canvas) 82%);border-color:color-mix(in srgb,var(--tng-datepicker-brand) 44%,var(--tng-datepicker-border) 56%);color:color-mix(in srgb,var(--tng-datepicker-brand) 78%,var(--tng-datepicker-fg) 22%)}button[data-slot=datepicker-cell][data-active],button[data-slot=datepicker-month][data-active],button[data-slot=datepicker-year][data-active],:where([data-slot=datepicker-cell][data-active]),:where([data-slot=datepicker-month][data-active]),:where([data-slot=datepicker-year][data-active]){background:color-mix(in srgb,var(--tng-datepicker-brand) 9%,var(--tng-datepicker-surface) 91%);border-color:color-mix(in srgb,var(--tng-datepicker-brand) 36%,var(--tng-datepicker-border) 64%);box-shadow:0 0 0 1px color-mix(in srgb,var(--tng-datepicker-brand) 14%,transparent);color:color-mix(in srgb,var(--tng-datepicker-brand) 78%,var(--tng-datepicker-fg) 22%)}button[data-slot=datepicker-cell][data-selected][data-active],button[data-slot=datepicker-month][data-selected][data-active],button[data-slot=datepicker-year][data-selected][data-active],:where([data-slot=datepicker-cell][data-selected][data-active]),:where([data-slot=datepicker-month][data-selected][data-active]),:where([data-slot=datepicker-year][data-selected][data-active]){background:color-mix(in srgb,var(--tng-datepicker-brand) 24%,var(--tng-datepicker-canvas) 76%);border-color:color-mix(in srgb,var(--tng-datepicker-brand) 62%,var(--tng-datepicker-border) 38%);box-shadow:inset 0 1px color-mix(in srgb,var(--tng-datepicker-canvas) 80%,transparent),0 0 0 1px color-mix(in srgb,var(--tng-datepicker-brand) 18%,transparent)}button[data-slot=datepicker-cell][data-focus-visible],button[data-slot=datepicker-month][data-focus-visible],button[data-slot=datepicker-year][data-focus-visible],:where([data-slot=datepicker-cell][data-focus-visible]),:where([data-slot=datepicker-month][data-focus-visible]),:where([data-slot=datepicker-year][data-focus-visible]){border-color:color-mix(in srgb,var(--tng-datepicker-brand) 72%,var(--tng-datepicker-border) 28%);box-shadow:0 0 0 2px color-mix(in srgb,var(--tng-datepicker-brand) 16%,transparent)}:where([data-slot=datepicker-cell][aria-current=date]:not([data-selected])){color:color-mix(in srgb,var(--tng-datepicker-brand) 78%,var(--tng-datepicker-fg) 22%);border-color:color-mix(in srgb,var(--tng-datepicker-brand) 30%,var(--tng-datepicker-border) 70%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tng-datepicker-brand) 12%,transparent)}:where([data-slot=datepicker-cell]:not([data-in-month])){color:color-mix(in srgb,var(--tng-datepicker-muted) 84%,var(--tng-datepicker-canvas) 16%);opacity:.58}:where([data-slot=datepicker-cell][data-disabled]),:where([data-slot=datepicker-cell]:disabled),:where([data-slot=datepicker-month][data-disabled]),:where([data-slot=datepicker-month]:disabled),:where([data-slot=datepicker-year][data-disabled]),:where([data-slot=datepicker-year]:disabled){color:color-mix(in srgb,var(--tng-datepicker-muted) 82%,transparent);box-shadow:none;opacity:.48;cursor:not-allowed}:where([data-slot=datepicker-footer]){display:flex;align-items:center;justify-content:space-between;gap:.5rem}:where([data-slot=datepicker-weekdays]),:where([data-slot=datepicker-grid]){gap:var(--tng-datepicker-grid-gap)}:where([data-slot=datepicker-action]){font-size:.84rem;font-weight:600;min-height:2.1rem;padding:.34rem .72rem}:where([data-slot=datepicker-nav-button]){height:var(--tng-datepicker-nav-size);width:var(--tng-datepicker-nav-size);padding:0}:where([data-slot=datepicker-period-button][data-interactive=true]){cursor:pointer}}}@layer tng.contracts{@layer tng.contracts{:where(tng-date-range-picker),:where([data-slot=date-range-picker]:not(.tng-date-range-picker-root)),:where([data-slot=date-range-picker-overlay]){--tng-date-range-picker-radius: var(--tng-control-radius, .5rem);--tng-date-range-picker-field-height: var(--tng-control-height-md, 2.5rem);--tng-date-range-picker-overlay-gap: .56rem;--tng-date-range-picker-overlay-min-width: 18rem;--tng-date-range-picker-overlay-max-width: 20rem;--tng-date-range-picker-day-cell-size: 2.2rem;--tng-date-range-picker-picker-cell-size: 2.3rem;--tng-date-range-picker-grid-gap: clamp(.14rem, 1.15%, .28rem);--tng-date-range-picker-inline-gap: .36rem;--tng-date-range-picker-overlay-padding: var(--tng-group-padding, .75rem);--tng-date-range-picker-calendar-gap: 1rem;--tng-date-range-picker-nav-size: 1.95rem;--tng-date-range-picker-border: var( --tng-control-border-subtle, var(--tng-semantic-border-subtle, #d1d9e6) );--tng-date-range-picker-border-strong: var( --tng-control-border, var(--tng-semantic-border-strong, #bac6d8) );--tng-date-range-picker-bg: var( --tng-control-bg, var(--tng-semantic-background-surface, #ffffff) );--tng-date-range-picker-surface: var( --tng-overlay-bg, var(--tng-semantic-background-surface, #f5f8fc) );--tng-date-range-picker-canvas: var(--tng-semantic-background-canvas, #ffffff);--tng-date-range-picker-fg: var(--tng-semantic-foreground-primary, #152036);--tng-date-range-picker-muted: var(--tng-semantic-foreground-secondary, #667892);--tng-date-range-picker-brand: var(--tng-semantic-accent-brand, #3b82f6);--tng-date-range-picker-danger: var(--tng-semantic-accent-danger, #dc2626);--tng-date-range-picker-focus: var( --tng-semantic-focus-ring, var(--tng-date-range-picker-brand) );--tng-date-range-picker-shadow: var(--tng-overlay-shadow);--tng-date-range-picker-focus-shadow: 0 0 0 var(--tng-focus-ring-width, 3px) var(--tng-date-range-picker-focus);--tng-date-range-picker-ease: cubic-bezier(.4, 0, .2, 1)}:where([data-slot=date-range-picker]),:where([data-slot=date-range-picker-overlay]){display:grid;gap:.72rem;min-width:0}:where([data-slot=date-range-picker-field]){display:grid;gap:.35rem;min-width:0}:where([data-slot=date-range-picker-input-shell]){display:flex;align-items:stretch;width:100%;min-height:var(--tng-date-range-picker-field-height);overflow:hidden;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--tng-date-range-picker-border) 84%,var(--tng-date-range-picker-canvas) 16%);border-radius:var(--tng-date-range-picker-radius);background:var(--tng-date-range-picker-bg);box-shadow:var(--tng-control-shadow, none);isolation:isolate;transition:border-color .15s var(--tng-date-range-picker-ease),box-shadow .15s var(--tng-date-range-picker-ease),background-color .15s var(--tng-date-range-picker-ease)}:where([data-slot=date-range-picker-input-shell]:focus-within){border-color:color-mix(in srgb,var(--tng-date-range-picker-brand) 62%,var(--tng-date-range-picker-border) 38%);box-shadow:var(--tng-date-range-picker-focus-shadow)}:where([data-slot=date-range-picker-input-shell]:hover:not(:focus-within):not([data-open=true])){border-color:var(--tng-control-border-hover, var(--tng-date-range-picker-border-strong))}:where([data-slot=date-range-picker-input-shell][data-open=true]){border-color:color-mix(in srgb,var(--tng-date-range-picker-brand) 72%,var(--tng-date-range-picker-border) 28%);box-shadow:var(--tng-date-range-picker-focus-shadow)}:where([data-slot=date-range-picker-input-shell][data-invalid=true]){border-color:color-mix(in srgb,var(--tng-date-range-picker-danger) 70%,var(--tng-date-range-picker-border) 30%);box-shadow:0 0 0 3px color-mix(in srgb,var(--tng-date-range-picker-danger) 14%,transparent)}:where([data-slot=date-range-picker-input]){flex:1 1 auto;min-width:0;min-height:100%;border:0;background:transparent;color:var(--tng-date-range-picker-fg);font:inherit;font-size:var(--tng-control-font-size, .875rem);font-weight:var(--tng-control-font-weight, 400);line-height:var(--tng-control-line-height, 1.35);letter-spacing:.01em;padding-block:var(--tng-control-padding-block, .5rem);padding-inline:var(--tng-control-padding-inline, .75rem);outline:none;box-shadow:none;caret-color:var(--tng-date-range-picker-brand)}:where([data-slot=date-range-picker-input])::placeholder{color:color-mix(in srgb,var(--tng-date-range-picker-muted) 82%,transparent);font-weight:500}:where([data-slot=date-range-picker-input]:focus),:where([data-slot=date-range-picker-input]:focus-visible){outline:none;box-shadow:none}:where([data-slot=date-range-picker-trigger]){flex:0 0 auto;min-width:calc(var(--tng-date-range-picker-nav-size) + 1.02rem);padding-inline:.82rem;display:inline-flex;align-items:center;justify-content:center;gap:.34rem;border:0;border-inline-start:1px solid color-mix(in srgb,var(--tng-date-range-picker-border) 72%,var(--tng-date-range-picker-canvas) 28%);background:linear-gradient(180deg,color-mix(in srgb,var(--tng-date-range-picker-brand) 3%,var(--tng-date-range-picker-canvas) 97%),color-mix(in srgb,var(--tng-date-range-picker-brand) 5%,var(--tng-date-range-picker-surface) 95%));color:var(--tng-date-range-picker-fg);cursor:pointer;appearance:none;-webkit-appearance:none;outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s var(--tng-date-range-picker-ease),color .15s var(--tng-date-range-picker-ease)}:where([data-slot=date-range-picker-trigger]:hover),:where([data-slot=date-range-picker-trigger][data-open=true]){background:color-mix(in srgb,var(--tng-date-range-picker-brand) 9%,var(--tng-date-range-picker-surface))}:where([data-slot=date-range-picker-trigger]:focus),:where([data-slot=date-range-picker-trigger]:focus-visible){outline:none;box-shadow:none;background:color-mix(in srgb,var(--tng-date-range-picker-brand) 9%,var(--tng-date-range-picker-surface))}:where([data-slot=date-range-picker-overlay]){box-sizing:border-box;display:grid;gap:.68rem;min-width:min(var(--tng-date-range-picker-overlay-min-width),calc(100vw - 1.5rem));max-width:min(var(--tng-date-range-picker-overlay-max-width),calc(100vw - 1.5rem));border:1px solid color-mix(in srgb,var(--tng-date-range-picker-border) 86%,var(--tng-date-range-picker-canvas) 14%);border-radius:var(--tng-overlay-radius, .75rem);background:linear-gradient(180deg,color-mix(in srgb,var(--tng-date-range-picker-surface) 95%,var(--tng-date-range-picker-canvas) 5%),color-mix(in srgb,var(--tng-date-range-picker-surface) 98%,var(--tng-date-range-picker-canvas) 2%));color:var(--tng-date-range-picker-fg);padding:var(--tng-date-range-picker-overlay-padding);box-shadow:var(--tng-date-range-picker-shadow)}:where([data-slot=date-range-picker-overlay][hidden]){display:none!important}:where([data-slot=date-range-picker-header]),:where([data-slot=date-range-picker-calendar-header]){display:grid;gap:.5rem}:where([data-slot=date-range-picker-calendars]){display:grid;gap:var(--tng-date-range-picker-calendar-gap);min-width:0}:where([data-slot=date-range-picker-calendar-panel]){display:grid;gap:.68rem;min-width:0}button[data-slot=date-range-picker-nav-button],button[data-slot=date-range-picker-period-button],button[data-slot=date-range-picker-view-chip],button[data-slot=date-range-picker-action],:where([data-slot=date-range-picker-nav-button]),:where([data-slot=date-range-picker-period-button]),:where([data-slot=date-range-picker-view-chip]),:where([data-slot=date-range-picker-action]){border:1px solid color-mix(in srgb,var(--tng-date-range-picker-border) 84%,var(--tng-date-range-picker-canvas) 16%);border-radius:var(--tng-item-radius, .25rem);background:color-mix(in srgb,var(--tng-date-range-picker-canvas) 78%,var(--tng-date-range-picker-surface) 22%);color:var(--tng-date-range-picker-fg);transition:border-color .15s var(--tng-date-range-picker-ease),box-shadow .15s var(--tng-date-range-picker-ease),background-color .15s var(--tng-date-range-picker-ease),color .15s var(--tng-date-range-picker-ease)}button[data-slot=date-range-picker-period-button],:where([data-slot=date-range-picker-period-button]){align-items:center;cursor:default;display:inline-flex;gap:.24rem;justify-content:center;min-height:var(--tng-date-range-picker-nav-size);min-width:0;padding-inline:.72rem;width:100%;font-weight:600}button[data-slot=date-range-picker-nav-button]:hover,button[data-slot=date-range-picker-view-chip]:hover,button[data-slot=date-range-picker-action]:hover,button[data-slot=date-range-picker-period-button][data-interactive=true]:hover,:where([data-slot=date-range-picker-nav-button]:hover),:where([data-slot=date-range-picker-view-chip]:hover),:where([data-slot=date-range-picker-action]:hover),:where([data-slot=date-range-picker-period-button][data-interactive=true]:hover){background:color-mix(in srgb,var(--tng-date-range-picker-brand) 7%,var(--tng-date-range-picker-surface))}button[data-slot=date-range-picker-nav-button]:focus-visible,button[data-slot=date-range-picker-view-chip]:focus-visible,button[data-slot=date-range-picker-action]:focus-visible,button[data-slot=date-range-picker-period-button]:focus-visible,:where([data-slot=date-range-picker-nav-button]:focus-visible),:where([data-slot=date-range-picker-view-chip]:focus-visible),:where([data-slot=date-range-picker-action]:focus-visible),:where([data-slot=date-range-picker-period-button]:focus-visible){outline:none;box-shadow:var(--tng-date-range-picker-focus-shadow);border-color:color-mix(in srgb,var(--tng-date-range-picker-brand) 68%,var(--tng-date-range-picker-border) 32%)}:where([data-slot=date-range-picker-view-switcher]){display:flex;gap:.32rem}:where([data-slot=date-range-picker-view-chip]){font-size:.76rem;font-weight:600;min-height:1.95rem;padding:.34rem .62rem}button[data-slot=date-range-picker-view-chip][data-active=true],button[data-slot=date-range-picker-action][data-variant=primary],:where([data-slot=date-range-picker-view-chip][data-active=true]),:where([data-slot=date-range-picker-action][data-variant=primary]){background:linear-gradient(180deg,color-mix(in srgb,var(--tng-date-range-picker-brand) 76%,white 24%),color-mix(in srgb,var(--tng-date-range-picker-brand) 88%,black 12%));border-color:color-mix(in srgb,var(--tng-date-range-picker-brand) 78%,var(--tng-date-range-picker-border) 22%);color:#fff}:where([data-slot=date-range-picker-weekday]){color:color-mix(in srgb,var(--tng-date-range-picker-muted) 92%,var(--tng-date-range-picker-fg) 8%);font-size:.68rem;font-weight:600;text-align:center;letter-spacing:.02em}button[data-slot=date-range-picker-cell],button[data-slot=date-range-picker-month],button[data-slot=date-range-picker-year],:where([data-slot=date-range-picker-cell]),:where([data-slot=date-range-picker-month]),:where([data-slot=date-range-picker-year]){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;aspect-ratio:1 / 1;min-height:var(--tng-date-range-picker-day-cell-size);border:1px solid color-mix(in srgb,var(--tng-date-range-picker-border) 84%,var(--tng-date-range-picker-canvas) 16%);border-radius:var(--tng-item-radius, .25rem);background:color-mix(in srgb,var(--tng-date-range-picker-canvas) 78%,var(--tng-date-range-picker-surface) 22%);color:var(--tng-date-range-picker-fg);font-size:.98rem;font-weight:600;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background-color .15s var(--tng-date-range-picker-ease),border-color .15s var(--tng-date-range-picker-ease),box-shadow .15s var(--tng-date-range-picker-ease),color .15s var(--tng-date-range-picker-ease)}button[data-slot=date-range-picker-month],button[data-slot=date-range-picker-year],:where([data-slot=date-range-picker-month]),:where([data-slot=date-range-picker-year]){aspect-ratio:4 / 3;min-height:var(--tng-date-range-picker-picker-cell-size);font-size:.9rem}button[data-slot=date-range-picker-cell]:hover,button[data-slot=date-range-picker-month]:hover,button[data-slot=date-range-picker-year]:hover,:where([data-slot=date-range-picker-cell]:hover),:where([data-slot=date-range-picker-month]:hover),:where([data-slot=date-range-picker-year]:hover){background:color-mix(in srgb,var(--tng-date-range-picker-brand) 7%,var(--tng-date-range-picker-surface))}:where([data-slot=date-range-picker-cell][data-hidden]){pointer-events:none;visibility:hidden}button[data-slot=date-range-picker-cell][data-in-range]:not([data-selected]),:where([data-slot=date-range-picker-cell][data-in-range]:not([data-selected])){background:color-mix(in srgb,var(--tng-date-range-picker-brand) 10%,var(--tng-date-range-picker-surface) 90%);border-color:color-mix(in srgb,var(--tng-date-range-picker-brand) 18%,var(--tng-date-range-picker-border) 82%)}button[data-slot=date-range-picker-cell][data-preview-range]:not([data-selected]):not([data-in-range]),:where([data-slot=date-range-picker-cell][data-preview-range]:not([data-selected]):not([data-in-range])){background:color-mix(in srgb,var(--tng-date-range-picker-brand) 7%,var(--tng-date-range-picker-surface) 93%);border-color:color-mix(in srgb,var(--tng-date-range-picker-brand) 16%,var(--tng-date-range-picker-border) 84%)}button[data-slot=date-range-picker-cell][data-preview-end]:not([data-selected]),:where([data-slot=date-range-picker-cell][data-preview-end]:not([data-selected])){border-color:color-mix(in srgb,var(--tng-date-range-picker-brand) 34%,var(--tng-date-range-picker-border) 66%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tng-date-range-picker-brand) 14%,transparent)}button[data-slot=date-range-picker-cell][data-selected],button[data-slot=date-range-picker-month][data-selected],button[data-slot=date-range-picker-year][data-selected],:where([data-slot=date-range-picker-cell][data-selected]),:where([data-slot=date-range-picker-month][data-selected]),:where([data-slot=date-range-picker-year][data-selected]){background:color-mix(in srgb,var(--tng-date-range-picker-brand) 18%,var(--tng-date-range-picker-canvas) 82%);border-color:color-mix(in srgb,var(--tng-date-range-picker-brand) 44%,var(--tng-date-range-picker-border) 56%);color:color-mix(in srgb,var(--tng-date-range-picker-brand) 78%,var(--tng-date-range-picker-fg) 22%)}button[data-slot=date-range-picker-cell][data-active],button[data-slot=date-range-picker-month][data-active],button[data-slot=date-range-picker-year][data-active],:where([data-slot=date-range-picker-cell][data-active]),:where([data-slot=date-range-picker-month][data-active]),:where([data-slot=date-range-picker-year][data-active]){background:color-mix(in srgb,var(--tng-date-range-picker-brand) 9%,var(--tng-date-range-picker-surface) 91%);border-color:color-mix(in srgb,var(--tng-date-range-picker-brand) 36%,var(--tng-date-range-picker-border) 64%);box-shadow:0 0 0 1px color-mix(in srgb,var(--tng-date-range-picker-brand) 14%,transparent);color:color-mix(in srgb,var(--tng-date-range-picker-brand) 78%,var(--tng-date-range-picker-fg) 22%)}button[data-slot=date-range-picker-cell][data-selected][data-active],button[data-slot=date-range-picker-month][data-selected][data-active],button[data-slot=date-range-picker-year][data-selected][data-active],:where([data-slot=date-range-picker-cell][data-selected][data-active]),:where([data-slot=date-range-picker-month][data-selected][data-active]),:where([data-slot=date-range-picker-year][data-selected][data-active]){background:color-mix(in srgb,var(--tng-date-range-picker-brand) 24%,var(--tng-date-range-picker-canvas) 76%);border-color:color-mix(in srgb,var(--tng-date-range-picker-brand) 62%,var(--tng-date-range-picker-border) 38%);box-shadow:inset 0 1px color-mix(in srgb,var(--tng-date-range-picker-canvas) 80%,transparent),0 0 0 1px color-mix(in srgb,var(--tng-date-range-picker-brand) 18%,transparent)}button[data-slot=date-range-picker-cell][data-focus-visible],button[data-slot=date-range-picker-month][data-focus-visible],button[data-slot=date-range-picker-year][data-focus-visible],:where([data-slot=date-range-picker-cell][data-focus-visible]),:where([data-slot=date-range-picker-month][data-focus-visible]),:where([data-slot=date-range-picker-year][data-focus-visible]){border-color:color-mix(in srgb,var(--tng-date-range-picker-brand) 72%,var(--tng-date-range-picker-border) 28%);box-shadow:0 0 0 2px color-mix(in srgb,var(--tng-date-range-picker-brand) 16%,transparent)}:where([data-slot=date-range-picker-cell][aria-current=date]:not([data-selected])){color:color-mix(in srgb,var(--tng-date-range-picker-brand) 78%,var(--tng-date-range-picker-fg) 22%);border-color:color-mix(in srgb,var(--tng-date-range-picker-brand) 30%,var(--tng-date-range-picker-border) 70%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tng-date-range-picker-brand) 12%,transparent)}:where([data-slot=date-range-picker-cell]:not([data-in-month])){color:color-mix(in srgb,var(--tng-date-range-picker-muted) 84%,var(--tng-date-range-picker-canvas) 16%);opacity:.58}:where([data-slot=date-range-picker-cell][data-disabled]),:where([data-slot=date-range-picker-cell]:disabled),:where([data-slot=date-range-picker-month][data-disabled]),:where([data-slot=date-range-picker-month]:disabled),:where([data-slot=date-range-picker-year][data-disabled]),:where([data-slot=date-range-picker-year]:disabled){color:color-mix(in srgb,var(--tng-date-range-picker-muted) 82%,transparent);box-shadow:none;opacity:.48;cursor:not-allowed}:where([data-slot=date-range-picker-footer]){display:flex;align-items:center;justify-content:space-between;gap:.5rem}:where([data-slot=date-range-picker-weekdays]),:where([data-slot=date-range-picker-grid]){gap:var(--tng-date-range-picker-grid-gap)}:where([data-slot=date-range-picker-action]){font-size:.84rem;font-weight:600;min-height:2.1rem;padding:.34rem .72rem}:where([data-slot=date-range-picker-nav-button]){height:var(--tng-date-range-picker-nav-size);width:var(--tng-date-range-picker-nav-size);padding:0}:where([data-slot=date-range-picker-period-button][data-interactive=true]){cursor:pointer}}}@layer tng.contracts{@layer tng.contracts{:where(tng-checkbox,[tngCheckbox]){--tng-checkbox-font-size: var(--tng-text-body);--tng-checkbox-focus-ring: var(--tng-focus-ring);--tng-checkbox-disabled-opacity: var(--tng-disabled-opacity)}}}@layer tng.contracts{@layer tng.contracts{:where(tng-switch,[tngSwitch]){--tng-switch-font-size: var(--tng-text-body);--tng-switch-focus-ring: var(--tng-focus-ring);--tng-switch-disabled-opacity: var(--tng-disabled-opacity);--tng-switch-duration: var(--tng-duration-normal);--tng-switch-easing: var(--tng-easing)}}}@layer tng.contracts{@layer tng.contracts{[data-slot=menu-trigger],[data-slot=menu][aria-labelledby]{--tng-menu-radius: var(--tng-radius-panel, .75rem);--tng-menu-padding: .4rem;--tng-menu-item-py: .5rem;--tng-menu-item-px: .75rem;--tng-menu-border: var(--tng-semantic-border-subtle, #e5e7eb);--tng-menu-border-strong: var(--tng-semantic-border-strong, #d1d5db);--tng-menu-bg: var(--tng-semantic-background-canvas, #ffffff);--tng-menu-surface: var(--tng-semantic-background-surface, #f8fafc);--tng-menu-surface-muted: var(--tng-semantic-background-muted, #f1f5f9);--tng-menu-fg: var(--tng-semantic-foreground-primary, #0f172a);--tng-menu-muted: var(--tng-semantic-foreground-secondary, #64748b);--tng-menu-brand: var(--tng-semantic-accent-brand, #2563eb);--tng-menu-focus-ring: var( --tng-semantic-focus-ring, var(--tng-semantic-accent-brand, #2563eb) );--tng-menu-shadow-ink: var(--tng-semantic-foreground-primary, #0f172a);--tng-menu-shadow: 0 12px 24px -12px color-mix(in srgb, var(--tng-menu-shadow-ink) 22%, transparent), 0 18px 40px -18px color-mix(in srgb, var(--tng-menu-shadow-ink) 18%, transparent);--tng-menu-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--tng-menu-focus-ring) 28%, transparent);--tng-menu-panel-shadow-focus: 0 0 0 2px color-mix(in srgb, var(--tng-menu-focus-ring) 18%, transparent);--tng-menu-z-overlay: var(--tng-menu-overlay-z-index, var(--tng-z-overlay, 50));--tng-menu-z-backdrop: var(--tng-menu-backdrop-z-index, var(--tng-z-backdrop, 40));--tng-menu-ease: var(--tng-easing, ease);--tng-menu-trigger-gap: .6rem;--tng-menu-trigger-min-height: var(--tng-control-height-md, 2.5rem);--tng-menu-trigger-min-width: max-content;--tng-menu-trigger-padding-y: 0;--tng-menu-trigger-padding-x: 1.7rem;--tng-menu-trigger-border: 1px solid color-mix(in srgb, var(--tng-menu-border-strong) 92%, var(--tng-menu-bg));--tng-menu-trigger-border-radius: var(--tng-menu-radius);--tng-menu-trigger-bg: color-mix(in srgb, var(--tng-menu-surface-muted) 76%, var(--tng-menu-bg));--tng-menu-trigger-color: var(--tng-menu-fg);--tng-menu-trigger-shadow: inset 0 1px 0 color-mix(in srgb, var(--tng-menu-bg) 22%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--tng-menu-shadow-ink) 10%, transparent), 0 1px 2px color-mix(in srgb, var(--tng-menu-shadow-ink) 14%, transparent);--tng-menu-trigger-hover-border-color: color-mix( in srgb, var(--tng-menu-brand) 24%, var(--tng-menu-border-strong) );--tng-menu-trigger-hover-bg: color-mix(in srgb, var(--tng-menu-surface-muted) 82%, var(--tng-menu-brand));--tng-menu-trigger-focus-border-color: var(--tng-menu-focus-ring);--tng-menu-trigger-focus-shadow: inset 0 1px 0 color-mix(in srgb, var(--tng-menu-bg) 22%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--tng-menu-shadow-ink) 10%, transparent), 0 1px 2px color-mix(in srgb, var(--tng-menu-shadow-ink) 14%, transparent), var(--tng-menu-shadow-focus);--tng-menu-trigger-expanded-border-color: color-mix( in srgb, var(--tng-menu-brand) 40%, var(--tng-menu-border-strong) );--tng-menu-trigger-expanded-bg: color-mix(in srgb, var(--tng-menu-brand) 24%, var(--tng-menu-bg));--tng-menu-trigger-expanded-color: color-mix(in srgb, var(--tng-menu-brand) 82%, var(--tng-menu-fg));--tng-menu-trigger-expanded-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tng-menu-brand) 24%, transparent), inset 0 1px 0 color-mix(in srgb, var(--tng-menu-bg) 18%, transparent), 0 1px 2px color-mix(in srgb, var(--tng-menu-shadow-ink) 14%, transparent)}[data-slot=menu-trigger]{display:inline-flex;align-items:center;justify-content:center;gap:var(--tng-menu-trigger-gap);min-height:var(--tng-menu-trigger-min-height);min-width:var(--tng-menu-trigger-min-width);padding:var(--tng-menu-trigger-padding-y) var(--tng-menu-trigger-padding-x);border:var(--tng-menu-trigger-border);border-radius:var(--tng-menu-trigger-border-radius);background:var(--tng-menu-trigger-bg);background-color:var(--tng-menu-trigger-bg);background-image:none;color:var(--tng-menu-trigger-color);box-shadow:var(--tng-menu-trigger-shadow);cursor:pointer;font:inherit;font-size:var(--tng-text-body, .875rem);font-weight:var(--tng-font-weight-semibold, 600);line-height:1.2;white-space:nowrap;appearance:none;-webkit-appearance:none;transition:border-color var(--tng-duration-normal, .15s) var(--tng-menu-ease),box-shadow var(--tng-duration-normal, .15s) var(--tng-menu-ease),background-color var(--tng-duration-normal, .15s) var(--tng-menu-ease),color var(--tng-duration-normal, .15s) var(--tng-menu-ease)}[data-slot=menu-trigger]:hover{border-color:var(--tng-menu-trigger-hover-border-color);background:var(--tng-menu-trigger-hover-bg);background-color:var(--tng-menu-trigger-hover-bg)}[data-slot=menu-trigger]:focus-visible{outline:none;border-color:var(--tng-menu-trigger-focus-border-color);box-shadow:var(--tng-menu-trigger-focus-shadow)}[data-slot=menu-trigger][aria-expanded=true]{border-color:var(--tng-menu-trigger-expanded-border-color);background:var(--tng-menu-trigger-expanded-bg);background-color:var(--tng-menu-trigger-expanded-bg);color:var(--tng-menu-trigger-expanded-color);box-shadow:var(--tng-menu-trigger-expanded-shadow)}[data-slot=menu-trigger][disabled],[data-slot=menu-trigger][aria-disabled=true]{opacity:var(--tng-disabled-opacity, .55);cursor:not-allowed}[data-slot=menu][aria-labelledby]{display:grid;gap:.25rem;min-width:min(15rem,calc(100vw - 2rem));max-width:min(18rem,calc(100vw - 2rem));position:absolute;top:calc(100% + .55rem);left:0;z-index:var(--tng-menu-z-overlay);padding:.55rem;border:1px solid color-mix(in srgb,var(--tng-menu-border-strong) 72%,var(--tng-menu-bg));border-radius:var(--tng-menu-radius);background:var(--tng-menu-bg);color:var(--tng-menu-fg);box-shadow:var(--tng-menu-shadow);outline:none}[data-slot=menu][aria-labelledby] [data-slot=menu][aria-labelledby]{top:0;left:100%;margin-left:.35rem}[dir=rtl] [data-slot=menu][aria-labelledby] [data-slot=menu][aria-labelledby]{left:auto;right:100%;margin-left:0;margin-right:.35rem}[data-slot=menu][aria-labelledby][hidden]{display:none}[data-slot=menu][aria-labelledby]:focus-visible{box-shadow:var(--tng-menu-shadow),var(--tng-menu-panel-shadow-focus)}[data-slot=menu-item]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:2.35rem;padding:.54rem .88rem;border:0;border-radius:calc(var(--tng-menu-radius) - .25rem);background:transparent;background-color:transparent;color:inherit;appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;font-size:var(--tng-text-body, .875rem);font-weight:var(--tng-font-weight-medium, 500);line-height:1.3;text-align:left;text-decoration:none;transition:background-color var(--tng-duration-normal, .15s) var(--tng-menu-ease),color var(--tng-duration-normal, .15s) var(--tng-menu-ease),box-shadow var(--tng-duration-normal, .15s) var(--tng-menu-ease)}[data-slot=menu-item]:hover:not([aria-disabled=true]),[data-slot=menu-item]:focus-visible:not([aria-disabled=true]){outline:none;background:color-mix(in srgb,var(--tng-menu-brand) 13%,var(--tng-menu-surface-muted));background-color:color-mix(in srgb,var(--tng-menu-brand) 13%,var(--tng-menu-surface-muted));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tng-menu-brand) 14%,transparent)}[data-slot=menu-item][data-active]:not([aria-disabled=true]){background:color-mix(in srgb,var(--tng-menu-brand) 17%,var(--tng-menu-surface-muted));background-color:color-mix(in srgb,var(--tng-menu-brand) 17%,var(--tng-menu-surface-muted));color:color-mix(in srgb,var(--tng-menu-brand) 82%,var(--tng-menu-fg));font-weight:600;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tng-menu-brand) 18%,transparent)}[data-slot=menu-item][aria-expanded=true],[data-slot=menu-item][aria-checked=true]{background:color-mix(in srgb,var(--tng-menu-brand) 17%,var(--tng-menu-surface-muted));background-color:color-mix(in srgb,var(--tng-menu-brand) 17%,var(--tng-menu-surface-muted));color:color-mix(in srgb,var(--tng-menu-brand) 82%,var(--tng-menu-fg));font-weight:600;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tng-menu-brand) 18%,transparent)}[data-slot=menu-item][data-active][aria-checked=true]{background:color-mix(in srgb,var(--tng-menu-brand) 15%,var(--tng-menu-surface-muted))}[data-slot=menu-item][aria-haspopup=menu]:after{content:"\203a";color:var(--tng-menu-muted);font-size:.9rem;line-height:1}[data-slot=menu-item][aria-disabled=true]{opacity:var(--tng-disabled-opacity, .55);cursor:not-allowed}[data-slot=menu-group-label]{padding:.35rem .75rem .15rem;color:var(--tng-menu-muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:none;user-select:none}[data-slot=menu-separator]{height:1px;margin:.2rem .15rem;background:color-mix(in srgb,var(--tng-menu-border) 78%,transparent)}[data-slot=menu-backdrop]{position:fixed;inset:0;z-index:var(--tng-menu-z-backdrop);background:color-mix(in srgb,var(--tng-semantic-foreground-primary, #0f172a) 6%,transparent)}@media(prefers-reduced-motion:reduce){[data-slot=menu-trigger]{transition:none}}}}@layer tng.contracts{@layer tng.contracts{:where([data-slot=menubar-group]){position:relative}:where([data-slot=menubar]){display:inline-flex;align-items:stretch;flex-wrap:wrap;gap:.25rem;min-width:0;--tng-menubar-radius: .9rem;--tng-menubar-padding: .3rem;--tng-menubar-item-px: .85rem;--tng-menubar-border: var(--tng-semantic-border-subtle, #e5e7eb);--tng-menubar-border-strong: var(--tng-semantic-border-strong, #d1d5db);--tng-menubar-surface: var(--tng-semantic-background-surface, #f8fafc);--tng-menubar-bg: var(--tng-semantic-background-canvas, #ffffff);--tng-menubar-fg: var(--tng-semantic-foreground-primary, #0f172a);--tng-menubar-muted: var(--tng-semantic-foreground-secondary, #64748b);--tng-menubar-brand: var(--tng-semantic-accent-brand, #2563eb);--tng-menubar-focus-ring: var( --tng-semantic-focus-ring, var(--tng-semantic-accent-brand, #2563eb) );--tng-menubar-shadow-ink: var(--tng-semantic-foreground-primary, #0f172a);--tng-menubar-shadow: 0 8px 22px -18px color-mix(in srgb, var(--tng-menubar-shadow-ink) 26%, transparent), 0 10px 32px -24px color-mix(in srgb, var(--tng-menubar-shadow-ink) 18%, transparent);--tng-menubar-shadow-focus: inset 0 0 0 1px color-mix(in srgb, var(--tng-menubar-focus-ring) 55%, transparent);--tng-menubar-menu-z-overlay: var(--tng-menubar-menu-overlay-z-index, var(--tng-z-overlay, 50));--tng-menu-z-overlay: var(--tng-menubar-menu-z-overlay);--tng-menubar-ease: cubic-bezier(.4, 0, .2, 1);padding:var(--tng-menubar-padding);border:1px solid var(--tng-menubar-border-strong);border-radius:var(--tng-menubar-radius);background:color-mix(in srgb,var(--tng-menubar-surface) 76%,var(--tng-menubar-bg));color:var(--tng-menubar-fg);box-shadow:var(--tng-menubar-shadow)}:where([data-slot=menubar-item]){display:inline-flex;align-items:center;justify-content:center;min-height:2.35rem;padding:0 var(--tng-menubar-item-px);border:0;border-radius:calc(var(--tng-menubar-radius) - .3rem);background:transparent;color:inherit;appearance:none;cursor:pointer;font:inherit;font-size:.875rem;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background-color .15s var(--tng-menubar-ease),color .15s var(--tng-menubar-ease),box-shadow .15s var(--tng-menubar-ease)}:where([data-slot=menubar-item]:hover):not([aria-disabled=true]),:where([data-slot=menubar-item]:focus-visible):not([aria-disabled=true]){outline:none;background:color-mix(in srgb,var(--tng-menubar-brand) 10%,var(--tng-menubar-bg))}:where([data-slot=menubar-item][tabindex="0"]):not([aria-disabled=true]){box-shadow:var(--tng-menubar-shadow-focus)}:where([data-slot=menubar-item][aria-expanded=true]){background:color-mix(in srgb,var(--tng-menubar-brand) 14%,var(--tng-menubar-bg));color:color-mix(in srgb,var(--tng-menubar-brand) 74%,var(--tng-menubar-fg))}:where([data-slot=menubar-item][aria-disabled=true]){opacity:.45;cursor:not-allowed}@media(prefers-reduced-motion:reduce){:where([data-slot=menubar-item]){transition:none}}}}@layer tng.contracts{@layer tng.contracts{:where(tng-tabs[data-slot=tabs]){--tng-tabs-radius: var(--tng-radius-surface, 1rem);--tng-tabs-shell-padding: 0;--tng-tabs-gap: 0;--tng-tabs-list-gap: 0;--tng-tabs-list-padding: 0;--tng-tabs-list-radius: calc(var(--tng-tabs-radius) - .28rem);--tng-tabs-tab-height: var(--tng-control-height-md, 2.5rem);--tng-tabs-tab-px: .9rem;--tng-tabs-tab-radius: calc(var(--tng-tabs-list-radius) - .18rem);--tng-tabs-panel-padding: 1rem;--tng-tabs-panel-radius: calc(var(--tng-tabs-radius) - .18rem);--tng-tabs-vertical-list-width: 13rem;--tng-tabs-scroll-button-size: 2rem;--tng-tabs-bg: var(--tng-semantic-background-base, #ffffff);--tng-tabs-surface: var(--tng-semantic-background-surface, #f5f8fc);--tng-tabs-canvas: var(--tng-semantic-background-canvas, #ffffff);--tng-tabs-fg: var(--tng-semantic-foreground-primary, #152036);--tng-tabs-muted: var(--tng-semantic-foreground-secondary, #667892);--tng-tabs-border: var(--tng-semantic-border-subtle, #d1d9e6);--tng-tabs-border-strong: var(--tng-semantic-border-strong, #bac6d8);--tng-tabs-brand: var(--tng-semantic-accent-brand, #3b82f6);--tng-tabs-focus: var(--tng-semantic-focus-ring, var(--tng-tabs-brand));--tng-tabs-tab-hover-bg: color-mix( in srgb, var(--tng-tabs-brand) 7%, var(--tng-tabs-canvas) 93% );--tng-tabs-panel-bg: color-mix( in srgb, var(--tng-tabs-canvas) 86%, var(--tng-tabs-surface) 14% );--tng-tabs-tab-selected-bg: var(--tng-tabs-panel-bg);--tng-tabs-tab-selected-fg: color-mix( in srgb, var(--tng-tabs-brand) 76%, var(--tng-tabs-fg) 24% );--tng-tabs-tab-selected-border: color-mix( in srgb, var(--tng-tabs-border) 88%, var(--tng-tabs-canvas) 12% );--tng-tabs-shadow: 0 16px 34px -28px color-mix(in srgb, var(--tng-tabs-fg) 34%, transparent), 0 5px 16px -14px color-mix(in srgb, var(--tng-tabs-fg) 22%, transparent);--tng-tabs-selected-shadow: none;--tng-tabs-focus-shadow: 0 0 0 3px color-mix(in srgb, var(--tng-tabs-focus) 20%, transparent);--tng-tabs-disabled-opacity: var(--tng-disabled-opacity, .55);--tng-tabs-duration: var(--tng-duration-normal, .15s);--tng-tabs-ease: cubic-bezier(.4, 0, .2, 1);display:block;min-width:0}:where(tng-tabs[data-slot=tabs]) :where([data-slot=tabs-strip]){align-items:center;background:color-mix(in srgb,var(--tng-tabs-surface) 82%,var(--tng-tabs-canvas) 18%);border-bottom:1px solid color-mix(in srgb,var(--tng-tabs-border) 84%,var(--tng-tabs-canvas) 16%);box-sizing:border-box;display:grid;gap:var(--tng-tabs-list-gap);grid-column:1 / -1;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;padding:0}:where(tng-tabs[data-slot=tabs]) :where([data-slot=tab-list]){align-items:center;align-self:stretch;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:var(--tng-tabs-list-gap);grid-column:1 / -1;min-width:0;overflow-x:auto;overflow-y:hidden;padding:0;border:0;border-bottom:1px solid color-mix(in srgb,var(--tng-tabs-border) 84%,var(--tng-tabs-canvas) 16%);border-radius:var(--tng-tabs-list-radius) var(--tng-tabs-list-radius) 0 0;background:color-mix(in srgb,var(--tng-tabs-surface) 82%,var(--tng-tabs-canvas) 18%);box-shadow:inset 0 -1px color-mix(in srgb,var(--tng-tabs-canvas) 22%,transparent);-ms-overflow-style:none;scrollbar-width:none}:where(tng-tabs[data-slot=tabs]) :where([data-slot=tabs-strip]) :where([data-slot=tab-list]){background:transparent;border:0;border-radius:0;box-shadow:none;grid-column:2;grid-row:1;padding:0}:where(tng-tabs[data-slot=tabs]) :where([data-slot=tabs-strip])>:where([data-slot=tabs-scroll-button-prev]){grid-column:1;grid-row:1}:where(tng-tabs[data-slot=tabs]) :where([data-slot=tabs-strip])>:where([data-slot=tabs-scroll-button-next]){grid-column:3;grid-row:1}:where(tng-tabs[data-slot=tabs]) :where([data-slot=tab-list])::-webkit-scrollbar{display:none}:where(tng-tabs[data-slot=tabs]) :where([data-slot=tab]){align-items:center;appearance:none;background:transparent;border:1px solid transparent;border-radius:0;box-sizing:border-box;color:var(--tng-tabs-muted);cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-size:var(--tng-text-body, .875rem);font-weight:var(--tng-font-weight-semibold, 600);justify-content:center;line-height:1.2;min-height:var(--tng-tabs-tab-height);min-width:0;padding:0 var(--tng-tabs-tab-px);position:relative;text-align:center;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background-color var(--tng-tabs-duration) var(--tng-tabs-ease),border-color var(--tng-tabs-duration) var(--tng-tabs-ease),box-shadow var(--tng-tabs-duration) var(--tng-tabs-ease),color var(--tng-tabs-duration) var(--tng-tabs-ease)}:where(tng-tabs[data-slot=tabs]) :where([data-slot=tab]:hover:not([data-disabled=true]):not(:disabled)){background:var(--tng-tabs-tab-hover-bg);border-color:color-mix(in srgb,var(--tng-tabs-brand) 14%,var(--tng-tabs-border) 86%);color:var(--tng-tabs-fg)}:where(tng-tabs[data-slot=tabs]) :where([data-slot=tab][data-focused=true]:not([data-selected=true])){background:color-mix(in srgb,var(--tng-tabs-brand) 5%,var(--tng-tabs-canvas) 95%);border-color:color-mix(in srgb,var(--tng-tabs-brand) 24%,var(--tng-tabs-border) 76%);color:var(--tng-tabs-fg)}:where(tng-tabs[data-slot=tabs]) :where([data-slot=tab][data-selected=true]){background:var(--tng-tabs-tab-selected-bg);border-color:var(--tng-tabs-tab-selected-border);border-bottom-color:var(--tng-tabs-panel-bg);border-radius:var(--tng-tabs-tab-radius) var(--tng-tabs-tab-radius) 0 0;box-shadow:var(--tng-tabs-selected-shadow);color:var(--tng-tabs-tab-selected-fg);margin-bottom:-1px;z-index:2}:where(tng-tabs[data-slot=tabs]) :where([data-slot=tab]:focus-visible),:where(tng-tabs[data-slot=tabs]) :where([data-slot=tab][data-focused=true]:focus-visible){border-color:color-mix(in srgb,var(--tng-tabs-focus) 68%,var(--tng-tabs-border) 32%);box-shadow:var(--tng-tabs-focus-shadow);outline:none;z-index:1}:where(tng-tabs[data-slot=tabs]) :where([data-slot=tab][data-selected=true]:focus-visible){border-bottom-color:var(--tng-tabs-panel-bg);z-index:2}:where(tng-tabs[data-slot=tabs][data-disabled=true]) :where([data-slot=tab]),:where(tng-tabs[data-slot=tabs]) :where([data-slot=tab][data-disabled=true]),:where(tng-tabs[data-slot=tabs]) :where([data-slot=tab]:disabled){cursor:not-allowed;opacity:var(--tng-tabs-disabled-opacity)}:where(tng-tabs[data-slot=tabs]) :where([data-slot=tab-panel]){background:var(--tng-tabs-panel-bg);border:1px solid var(--tng-tabs-tab-selected-border);border-top:0;border-radius:0 0 var(--tng-tabs-panel-radius) var(--tng-tabs-panel-radius);box-shadow:none;box-sizing:border-box;color:var(--tng-tabs-fg);grid-column:1 / -1;min-width:0;padding:var(--tng-tabs-panel-padding)}:where(tng-tabs[data-slot=tabs]) :where([data-slot=tab-panel][hidden]){display:none!important}:where(tng-tabs[data-slot=tabs]) :where([data-slot=tabs-scroll-button-prev],[data-slot=tabs-scroll-button-next]){align-items:center;align-self:center;appearance:none;background:color-mix(in srgb,var(--tng-tabs-canvas) 90%,var(--tng-tabs-surface) 10%);border:1px solid var(--tng-tabs-border);border-radius:var(--tng-tabs-tab-radius);box-shadow:0 1px 2px color-mix(in srgb,var(--tng-tabs-fg) 6%,transparent);color:var(--tng-tabs-fg);cursor:pointer;display:inline-flex;flex:0 0 var(--tng-tabs-scroll-button-size);font:inherit;font-size:1.1rem;height:var(--tng-tabs-scroll-button-size);justify-content:center;line-height:1;padding:0;width:var(--tng-tabs-scroll-button-size);transition:background-color var(--tng-tabs-duration) var(--tng-tabs-ease),border-color var(--tng-tabs-duration) var(--tng-tabs-ease),box-shadow var(--tng-tabs-duration) var(--tng-tabs-ease),color var(--tng-tabs-duration) var(--tng-tabs-ease)}:where(tng-tabs[data-slot=tabs]) :where([data-slot=tabs-scroll-button-prev],[data-slot=tabs-scroll-button-next]):hover:not(:disabled){background:var(--tng-tabs-tab-hover-bg);border-color:var(--tng-tabs-tab-selected-border);color:var(--tng-tabs-tab-selected-fg)}:where(tng-tabs[data-slot=tabs]) :where([data-slot=tabs-scroll-button-prev],[data-slot=tabs-scroll-button-next]):focus-visible{border-color:color-mix(in srgb,var(--tng-tabs-focus) 68%,var(--tng-tabs-border) 32%);box-shadow:var(--tng-tabs-focus-shadow);outline:none}:where(tng-tabs[data-slot=tabs]) :where([data-slot=tabs-scroll-button-prev],[data-slot=tabs-scroll-button-next]):is(:disabled,[data-disabled=true]){cursor:not-allowed;opacity:var(--tng-tabs-disabled-opacity)}:where(tng-tabs[data-slot=tabs]) :where([data-slot=tabs-scroll-button-prev],[data-slot=tabs-scroll-button-next])[hidden]{display:none!important}:where(tng-tabs[data-slot=tabs][data-orientation=vertical]) :where([data-slot=tab-list]){flex-direction:column;max-height:none;overflow:visible;padding:0;width:100%}:where(tng-tabs[data-slot=tabs][data-orientation=vertical]) :where([data-slot=tab]){justify-content:flex-start;text-align:start;width:100%}:where(tng-tabs[data-slot=tabs][data-orientation=vertical]) :where([data-slot=tab][data-selected=true]){border-bottom-color:var(--tng-tabs-tab-selected-border);border-radius:var(--tng-tabs-tab-radius);margin-bottom:0}@media(min-width:48rem){:where(tng-tabs[data-slot=tabs][data-orientation=vertical]) :where([data-slot=tab-list]){border-bottom:0;border-radius:var(--tng-tabs-list-radius) 0 0 var(--tng-tabs-list-radius);border-right:1px solid color-mix(in srgb,var(--tng-tabs-border) 84%,var(--tng-tabs-canvas) 16%);grid-column:1;grid-row:1;padding:0}:where(tng-tabs[data-slot=tabs][data-orientation=vertical]) :where([data-slot=tab][data-selected=true]){border-radius:var(--tng-tabs-tab-radius) 0 0 var(--tng-tabs-tab-radius);border-right-color:var(--tng-tabs-panel-bg);margin-right:-1px}:where(tng-tabs[data-slot=tabs][data-orientation=vertical]) :where([data-slot=tab][data-selected=true]:focus-visible){border-right-color:var(--tng-tabs-panel-bg)}:where(tng-tabs[data-slot=tabs][data-orientation=vertical]) :where([data-slot=tab-panel]){border:1px solid var(--tng-tabs-tab-selected-border);border-left:0;border-radius:0 var(--tng-tabs-panel-radius) var(--tng-tabs-panel-radius) 0;grid-column:2;grid-row:1}}@media(max-width:30rem){:where(tng-tabs[data-slot=tabs]){--tng-tabs-tab-px: .75rem;--tng-tabs-panel-padding: .85rem}}@media(prefers-reduced-motion:reduce){:where(tng-tabs[data-slot=tabs]) :where([data-slot=tab],[data-slot=tabs-scroll-button-prev],[data-slot=tabs-scroll-button-next]){transition:none}}@media(forced-colors:active){:where(tng-tabs[data-slot=tabs]) :where([data-slot=tab][data-selected=true]){border-color:Highlight;color:HighlightText;forced-color-adjust:none}:where(tng-tabs[data-slot=tabs]) :where([data-slot=tab]:focus-visible){outline:2px solid Highlight;outline-offset:2px}}}}@layer tng.contracts{@layer tng.contracts;}@layer tng.contracts{@layer tng.contracts{:where(tng-card,[tngCard]){--tng-card-radius: var(--tng-radius-surface);--tng-card-title-font-size: var(--tng-text-lg);--tng-card-title-font-weight: var(--tng-font-weight-semibold);--tng-card-desc-font-size: var(--tng-text-body);--tng-card-focus-ring: var(--tng-focus-ring);--tng-card-disabled-opacity: var(--tng-disabled-opacity);--tng-card-transition: var(--tng-transition-interactive)}}}@layer tng.contracts{@layer tng.contracts{:where(tng-accordion,[tngAccordion]){--tng-accordion-radius: var(--tng-radius-panel);--tng-accordion-border: 1px solid var(--tng-semantic-border-subtle);--tng-accordion-item-border: 1px solid var(--tng-semantic-border-subtle);--tng-accordion-trigger-background: var(--tng-semantic-background-surface);--tng-accordion-trigger-padding: .8rem 1rem;--tng-accordion-trigger-focus-ring: inset 0 0 0 var(--tng-focus-ring-width, 3px) var(--tng-focus-ring-color, var(--tng-semantic-focus-ring));--tng-accordion-panel-background: var(--tng-semantic-background-base);--tng-accordion-panel-border: 1px solid var(--tng-semantic-border-subtle);--tng-accordion-panel-padding: .9rem 1rem}}}@layer tng.contracts{@layer tng.contracts{:where(tng-dialog,[tngDialog]){--tng-dialog-radius: var(--tng-radius-surface);--tng-dialog-width: 34rem;--tng-dialog-height: auto;--tng-dialog-title-font-size: var(--tng-text-xl);--tng-dialog-title-font-weight: var(--tng-font-weight-semibold);--tng-dialog-desc-font-size: var(--tng-text-body);--tng-dialog-focus-ring: var(--tng-focus-ring);--tng-dialog-enter-duration: var(--tng-overlay-enter-duration);--tng-dialog-exit-duration: var(--tng-overlay-exit-duration);--tng-dialog-enter-easing: var(--tng-overlay-enter-easing);--tng-dialog-exit-easing: var(--tng-overlay-exit-easing);--tng-dialog-motion-distance: calc(var(--tng-overlay-distance) * 2);--tng-dialog-scale-from: .97}}}@layer tng.contracts{@layer tng.contracts{:where(tng-popover,[tngPopover]){--tng-popover-radius: var(--tng-radius-panel);--tng-popover-focus-ring: var(--tng-focus-ring)}}}@layer tng.contracts{@layer tng.contracts{:where(tng-toast,[tngToast]){--tng-toast-radius: var(--tng-radius-panel);--tng-toast-title-font-size: var(--tng-text-body);--tng-toast-title-font-weight: var(--tng-font-weight-semibold);--tng-toast-message-font-size: var(--tng-text-sm);--tng-toast-action-font-size: var(--tng-text-sm);--tng-toast-focus-ring: var(--tng-focus-ring)}}}@layer tng.contracts{@layer tng.contracts{:where(tng-button,[tngButton]){--tng-button-radius: var(--tng-radius-control);--tng-button-height-sm: var(--tng-control-height-sm);--tng-button-height-md: var(--tng-control-height-md);--tng-button-height-lg: var(--tng-control-height-lg);--tng-button-font-size: var(--tng-text-body);--tng-button-font-weight: var(--tng-font-weight-semibold);--tng-button-focus-ring: var(--tng-focus-ring);--tng-button-disabled-opacity: var(--tng-disabled-opacity);--tng-button-transition: var(--tng-transition-colors)}}}@layer tng.contracts{@layer tng.contracts{:where(tng-tag,[tngTag]){--tng-tag-radius: var(--tng-radius-control);--tng-tag-font-size: var(--tng-text-xs);--tng-tag-font-weight: var(--tng-font-weight-semibold);--tng-tag-focus-ring: var(--tng-focus-ring);--tng-tag-disabled-opacity: var(--tng-disabled-opacity)}}}@layer tng.contracts{@layer tng.contracts{:where(tng-tooltip,[tngTooltip]){--tng-tooltip-radius: var(--tng-radius-control);--tng-tooltip-trigger-height: var(--tng-control-height-sm);--tng-tooltip-font-size: var(--tng-text-xs);--tng-tooltip-focus-ring: var(--tng-focus-ring);--tng-tooltip-z-overlay: var(--tng-tooltip-overlay-z-index, var(--tng-z-overlay, 20))}}}:root{--ff-white: #ffffff;--ff-black: #000000;--ff-gray-0: #ffffff;--ff-gray-25: #fcfcfc;--ff-gray-50: #f8f8f7;--ff-gray-75: #f2f2f0;--ff-gray-100: #e9e9e6;--ff-gray-150: #dcdcd7;--ff-gray-200: #c9c9c1;--ff-gray-300: #afafa5;--ff-gray-400: #8d8d81;--ff-gray-500: #69695f;--ff-gray-600: #505048;--ff-gray-700: #3c3c36;--ff-gray-800: #272722;--ff-gray-900: #1b1b18;--ff-gray-950: #141412;--ff-gray-1000: #0f0f0d;--ff-alpha-black-04: rgba(15, 15, 13, .04);--ff-alpha-black-06: rgba(15, 15, 13, .06);--ff-alpha-black-08: rgba(15, 15, 13, .08);--ff-alpha-black-10: rgba(15, 15, 13, .1);--ff-alpha-black-12: rgba(15, 15, 13, .12);--ff-alpha-black-15: rgba(15, 15, 13, .15);--ff-alpha-black-20: rgba(15, 15, 13, .2);--ff-alpha-black-30: rgba(15, 15, 13, .3);--ff-alpha-black-40: rgba(15, 15, 13, .4);--ff-alpha-black-60: rgba(15, 15, 13, .6);--ff-alpha-white-04: rgba(255, 255, 255, .04);--ff-alpha-white-06: rgba(255, 255, 255, .06);--ff-alpha-white-08: rgba(255, 255, 255, .08);--ff-alpha-white-10: rgba(255, 255, 255, .1);--ff-alpha-white-12: rgba(255, 255, 255, .12);--ff-alpha-white-15: rgba(255, 255, 255, .15);--ff-alpha-white-20: rgba(255, 255, 255, .2);--ff-alpha-white-30: rgba(255, 255, 255, .3);--ff-alpha-white-40: rgba(255, 255, 255, .4);--ff-alpha-white-60: rgba(255, 255, 255, .6);--ff-blue-100: #e8f2ff;--ff-blue-200: #bad8ff;--ff-blue-300: #7db7ff;--ff-blue-400: #4176ff;--ff-blue-500: #2759db;--ff-blue-600: #1b3f9e;--ff-green-100: #e7f7ef;--ff-green-300: #71c795;--ff-green-400: #2b9b5f;--ff-green-500: #1e7748;--ff-yellow-100: #fff5de;--ff-yellow-300: #e1b354;--ff-yellow-400: #bb8121;--ff-yellow-500: #916112;--ff-red-100: #feeceb;--ff-red-300: #e48d85;--ff-red-400: #c55245;--ff-red-500: #9e3a2f;--ff-radius-4: 4px;--ff-radius-6: 6px;--ff-radius-pill: 999px;--ff-font-family-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ff-font-family-mono: ui-monospace, "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;--ff-font-size-xs: 12px;--ff-font-size-sm: 14px;--ff-font-size-md: 16px;--ff-font-size-lg: 18px;--ff-shadow-1: 0 1px 2px rgba(15, 15, 13, .05), 0 8px 20px rgba(15, 15, 13, .04);--ff-shadow-2: 0 10px 28px rgba(15, 15, 13, .08), 0 3px 10px rgba(15, 15, 13, .05);--ff-shadow-3: 0 18px 48px rgba(15, 15, 13, .12), 0 6px 16px rgba(15, 15, 13, .08)}:root{--ff-color-surface-page: var(--ff-gray-25);--ff-color-surface-canvas: var(--ff-gray-25);--ff-color-surface-card: var(--ff-white);--ff-color-surface-group: rgba(65, 118, 255, .14);--ff-color-surface-group-active: rgba(65, 118, 255, .2);--ff-color-surface-muted: var(--ff-gray-50);--ff-color-surface-soft: var(--ff-gray-75);--ff-color-surface-accent-soft: rgba(65, 118, 255, .1);--ff-color-border-default: var(--ff-alpha-black-12);--ff-color-border-subtle: var(--ff-alpha-black-08);--ff-color-border-strong: var(--ff-alpha-black-20);--ff-color-border-accent: var(--ff-blue-500);--ff-color-text-primary: var(--ff-gray-800);--ff-color-text-secondary: var(--ff-gray-500);--ff-color-text-tertiary: var(--ff-gray-400);--ff-color-text-inverse: var(--ff-white);--ff-color-accent: var(--ff-blue-500);--ff-color-accent-strong: var(--ff-blue-600);--ff-color-success: var(--ff-green-400);--ff-color-warning: var(--ff-yellow-400);--ff-color-danger: var(--ff-red-400);--ff-color-disabled-surface: var(--ff-gray-100);--ff-color-disabled-border: var(--ff-alpha-black-10);--ff-color-disabled-text: var(--ff-gray-300);--ff-color-selection-fill: rgba(65, 118, 255, .12);--ff-color-selection-stroke: rgba(65, 118, 255, .28);--ff-color-grid: var(--ff-alpha-black-08);--ff-color-grid-strong: var(--ff-alpha-black-15);--ff-color-connector-connected: var(--ff-blue-500);--ff-color-connection: var(--ff-gray-600);--ff-color-connection-muted: var(--ff-gray-300);--ff-color-connection-hover: var(--ff-alpha-black-12);--ff-color-grouping-drop-target-border: var(--ff-gray-800);--ff-color-grouping-drop-target-border-active: var(--ff-gray-800);--ff-color-waypoint-fill: var(--ff-white);--ff-color-waypoint-stroke: var(--ff-blue-500);--ff-color-waypoint-candidate-fill: var(--ff-white);--ff-color-waypoint-candidate-stroke: var(--ff-green-400);--ff-color-minimap-surface: var(--ff-white);--ff-color-minimap-node: var(--ff-gray-700);--ff-color-minimap-view: rgba(65, 118, 255, .14);--ff-color-magnetic-line: var(--ff-blue-500);--ff-color-magnetic-rect-fill: rgba(65, 118, 255, .08);--ff-color-magnetic-rect-border: rgba(65, 118, 255, .24);--ff-radius-node: var(--ff-radius-4);--ff-radius-group: var(--ff-radius-4);--ff-radius-control: var(--ff-radius-4);--ff-radius-socket-square: var(--ff-radius-6);--ff-radius-pill: var(--ff-radius-pill);--ff-font-sans: var(--ff-font-family-sans);--ff-font-mono: var(--ff-font-family-mono);--ff-font-size-body: var(--ff-font-size-sm);--ff-font-size-label: var(--ff-font-size-xs);--ff-shadow-surface: var(--ff-shadow-1);--ff-shadow-floating: var(--ff-shadow-2)}.dark,[data-theme=dark]{--ff-color-surface-page: var(--ff-gray-1000);--ff-color-surface-canvas: var(--ff-gray-1000);--ff-color-surface-card: var(--ff-gray-950);--ff-color-surface-group: rgba(125, 183, 255, .18);--ff-color-surface-group-active: rgba(125, 183, 255, .24);--ff-color-surface-muted: var(--ff-gray-900);--ff-color-surface-soft: var(--ff-gray-900);--ff-color-surface-accent-soft: rgba(125, 183, 255, .14);--ff-color-border-default: var(--ff-alpha-white-12);--ff-color-border-subtle: var(--ff-alpha-white-08);--ff-color-border-strong: var(--ff-alpha-white-20);--ff-color-border-accent: var(--ff-blue-300);--ff-color-text-primary: var(--ff-gray-100);--ff-color-text-secondary: var(--ff-gray-300);--ff-color-text-tertiary: var(--ff-gray-400);--ff-color-text-inverse: var(--ff-gray-1000);--ff-color-accent: var(--ff-blue-300);--ff-color-accent-strong: var(--ff-blue-200);--ff-color-success: var(--ff-green-300);--ff-color-warning: var(--ff-yellow-300);--ff-color-danger: var(--ff-red-300);--ff-color-disabled-surface: var(--ff-gray-800);--ff-color-disabled-border: var(--ff-alpha-white-10);--ff-color-disabled-text: var(--ff-gray-500);--ff-color-selection-fill: rgba(125, 183, 255, .16);--ff-color-selection-stroke: rgba(125, 183, 255, .34);--ff-color-grid: var(--ff-alpha-white-08);--ff-color-grid-strong: var(--ff-alpha-white-15);--ff-color-connector-connected: var(--ff-blue-300);--ff-color-connection: var(--ff-gray-200);--ff-color-connection-muted: var(--ff-gray-500);--ff-color-connection-hover: var(--ff-alpha-white-12);--ff-color-grouping-drop-target-border: var(--ff-gray-100);--ff-color-grouping-drop-target-border-active: var(--ff-gray-100);--ff-color-waypoint-fill: var(--ff-gray-950);--ff-color-waypoint-stroke: var(--ff-blue-300);--ff-color-waypoint-candidate-fill: var(--ff-white);--ff-color-waypoint-candidate-stroke: var(--ff-green-300);--ff-color-minimap-surface: var(--ff-gray-950);--ff-color-minimap-node: var(--ff-gray-200);--ff-color-minimap-view: rgba(125, 183, 255, .18);--ff-color-magnetic-line: var(--ff-blue-300);--ff-color-magnetic-rect-fill: rgba(125, 183, 255, .1);--ff-color-magnetic-rect-border: rgba(125, 183, 255, .24);--ff-shadow-surface: 0 1px 2px rgba(0, 0, 0, .28), 0 8px 20px rgba(0, 0, 0, .14);--ff-shadow-floating: 0 14px 36px rgba(0, 0, 0, .26), 0 4px 12px rgba(0, 0, 0, .16)}:root{--ff-flow-background-color: var(--ff-color-surface-page);--ff-flow-text-color: var(--ff-color-text-primary);--ff-flow-font-family: var(--ff-font-sans);--ff-flow-font-size: var(--ff-font-size-body);--ff-canvas-background-color: var(--ff-color-surface-canvas);--ff-node-background-color: var(--ff-color-surface-card);--ff-node-background-color-inverse: var(--ff-color-text-primary);--ff-node-border-color: var(--ff-color-border-default);--ff-node-border-color-selected: var(--ff-color-border-accent);--ff-node-color: var(--ff-color-text-primary);--ff-node-border-radius: var(--ff-radius-node);--ff-node-shadow: var(--ff-shadow-surface);--ff-node-shadow-selected: var(--ff-shadow-floating);--ff-node-width: 120px;--ff-node-min-height: 56px;--ff-node-padding: 24px;--ff-group-background-color: var(--ff-color-surface-group);--ff-group-background-color-active: var(--ff-color-surface-group-active);--ff-group-border-color: var(--ff-color-border-subtle);--ff-group-border-color-selected: var(--ff-color-border-accent);--ff-group-border-color-active: var(--ff-color-border-accent);--ff-group-color: var(--ff-color-text-secondary);--ff-group-border-radius: var(--ff-radius-group);--ff-group-min-width: 180px;--ff-group-min-height: 120px;--ff-group-padding: 24px;--ff-grouping-drop-target-border-color: var(--ff-color-grouping-drop-target-border);--ff-grouping-drop-target-border-style: dashed;--ff-grouping-drop-target-border-width: 1px;--ff-grouping-drop-target-border-color-active: var(--ff-color-grouping-drop-target-border-active);--ff-grouping-drop-target-border-style-active: dashed;--ff-grouping-drop-target-border-width-active: 2px;--ff-resize-handle-size: 8px;--ff-resize-handle-fill: var(--ff-color-accent);--ff-resize-handle-stroke: var(--ff-color-surface-card);--ff-resize-handle-ring: var(--ff-color-accent);--ff-resize-handle-radius: 1px;--ff-resize-handle-fill-active: var(--ff-color-surface-card);--ff-rotate-handle-size: 16px;--ff-rotate-handle-offset: 40px;--ff-rotate-handle-background-color: var(--ff-color-surface-card);--ff-rotate-handle-border-color: var(--ff-color-border-strong);--ff-rotate-handle-guide-color: var(--ff-color-border-strong);--ff-connector-background-color: var(--ff-color-surface-card);--ff-connector-border-color: var(--ff-color-text-secondary);--ff-connector-connected-color: var(--ff-color-connector-connected);--ff-connector-accent-color: var(--ff-color-accent);--ff-connector-disabled-color: var(--ff-color-disabled-surface);--ff-connector-disabled-border-color: var(--ff-color-disabled-border);--ff-connector-size: 14px;--ff-connector-border-width: 2px;--ff-connector-input-radius: var(--ff-radius-4);--ff-connector-node-ring-color: var(--ff-canvas-background-color);--ff-outlet-background-color: var(--ff-color-surface-muted);--ff-outlet-border-color: var(--ff-color-border-default);--ff-outlet-color: var(--ff-color-accent);--ff-outlet-disabled-background-color: var(--ff-color-disabled-surface);--ff-outlet-disabled-border-color: var(--ff-color-disabled-border);--ff-outlet-disabled-color: var(--ff-color-disabled-text);--ff-outlet-border-radius: var(--ff-radius-pill);--ff-outlet-padding-y: 6px;--ff-outlet-padding-x: 12px;--ff-connection-color: var(--ff-color-connection);--ff-snap-connection-color: var(--ff-color-connection-muted);--ff-connection-hover-color: var(--ff-color-connection-hover);--ff-connection-selected-color: var(--ff-color-accent);--ff-connection-label-color: var(--ff-color-text-secondary);--ff-connection-content-color: var(--ff-node-color);--ff-connection-content-background-color: var(--ff-node-background-color);--ff-connection-content-border-color: var(--ff-node-border-color);--ff-connection-content-border-color-selected: var(--ff-connection-selected-color);--ff-connection-content-border-radius: var(--ff-node-border-radius);--ff-connection-content-font-size: 13px;--ff-connection-content-padding-y: 2px;--ff-connection-content-padding-x: 8px;--ff-connection-width: 2px;--ff-connection-hit-width: 14px;--ff-connection-drag-handle-fill: var(--ff-color-surface-card);--ff-connection-drag-handle-stroke: var(--ff-color-accent);--ff-marker-color: var(--ff-connection-color);--ff-waypoint-fill: var(--ff-color-waypoint-fill);--ff-waypoint-stroke: var(--ff-color-waypoint-stroke);--ff-waypoint-candidate-fill: var(--ff-color-waypoint-candidate-fill);--ff-waypoint-candidate-stroke: var(--ff-color-waypoint-candidate-stroke);--ff-background-line-color: var(--ff-color-grid);--ff-background-dot-color: var(--ff-color-grid-strong);--ff-selection-area-color: var(--ff-color-selection-fill);--ff-selection-area-border-color: var(--ff-color-selection-stroke);--ff-minimap-background-color: var(--ff-color-minimap-surface);--ff-minimap-border-color: var(--ff-color-border-default);--ff-minimap-node-color: var(--ff-color-minimap-node);--ff-minimap-node-selected-color: var(--ff-color-accent);--ff-minimap-view-color: var(--ff-color-minimap-view);--ff-minimap-view-border-color: var(--ff-color-selection-stroke);--ff-minimap-border-radius: var(--ff-radius-node);--ff-minimap-shadow: var(--ff-shadow-floating);--ff-magnetic-line-color: var(--ff-color-magnetic-line);--ff-magnetic-rect-fill: var(--ff-color-magnetic-rect-fill);--ff-magnetic-rect-border-color: var(--ff-color-magnetic-rect-border);--ff-external-item-background-color: var(--ff-color-surface-card);--ff-external-item-border-color: var(--ff-color-border-default);--ff-external-item-color: var(--ff-color-text-primary);--ff-external-item-disabled-color: var(--ff-color-disabled-text);--ff-external-item-disabled-background-color: var(--ff-color-disabled-surface);--ff-external-item-border-radius: var(--ff-radius-node);--ff-external-item-shadow: var(--ff-shadow-surface);--ff-external-item-preview-shadow: var(--ff-shadow-floating);--ff-external-item-placeholder-background-color: var(--ff-color-surface-soft);--ff-external-item-placeholder-border-color: var(--ff-color-border-subtle)}f-flow,.f-flow{display:block;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:all;-webkit-user-select:none;user-select:none;touch-action:none;color:var(--ff-flow-text-color);background:var(--ff-flow-background-color);font-family:var(--ff-flow-font-family);font-size:var(--ff-flow-font-size);line-height:1.4}f-flow .f-canvas,.f-flow .f-canvas{background:var(--ff-canvas-background-color)}f-flow .f-node,.f-flow .f-node{width:var(--ff-node-width);min-height:var(--ff-node-min-height);padding:var(--ff-node-padding);box-sizing:border-box;color:var(--ff-node-color);text-align:center;background:var(--ff-node-background-color);border:1px solid var(--ff-node-border-color);border-radius:var(--ff-node-border-radius);box-shadow:var(--ff-node-shadow)}f-flow .f-node .node-content,.f-flow .f-node .node-content{width:100%;height:100%;overflow:hidden}f-flow .f-node.f-selected,.f-flow .f-node.f-selected{border-color:var(--ff-node-border-color-selected);box-shadow:var(--ff-node-shadow-selected)}f-flow .f-node.f-dragging,.f-flow .f-node.f-dragging{box-shadow:var(--ff-node-shadow-selected)}f-flow .f-group,.f-flow .f-group{min-width:var(--ff-group-min-width);min-height:var(--ff-group-min-height);padding:var(--ff-group-padding);box-sizing:border-box;color:var(--ff-group-color);background:var(--ff-group-background-color);border:1px solid var(--ff-group-border-color);border-radius:var(--ff-group-border-radius)}f-flow .f-group.f-selected,.f-flow .f-group.f-selected{border-color:var(--ff-group-border-color-selected)}f-flow .f-drag-handle,.f-flow .f-drag-handle{cursor:move}f-flow .f-drag-handle img,.f-flow .f-drag-handle img{pointer-events:none}f-flow .f-resize-handle,.f-flow .f-resize-handle{position:absolute;width:var(--ff-resize-handle-size);height:var(--ff-resize-handle-size);box-sizing:border-box;border:1.5px solid var(--ff-resize-handle-stroke);border-radius:var(--ff-resize-handle-radius);background:var(--ff-resize-handle-fill);box-shadow:0 0 0 1px var(--ff-resize-handle-ring),0 1px 2px #0f0f0d2e;transition:background-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}f-flow .f-resize-handle:hover,.f-flow .f-resize-handle:hover{box-shadow:0 0 0 1px var(--ff-resize-handle-ring),0 0 0 5px color-mix(in oklch,var(--ff-resize-handle-ring) 25%,transparent)}f-flow .f-resize-handle:active,.f-flow .f-resize-handle:active{background:var(--ff-resize-handle-fill-active);box-shadow:0 0 0 2px var(--ff-resize-handle-ring),0 0 0 6px color-mix(in oklch,var(--ff-resize-handle-ring) 28%,transparent)}f-flow .f-resize-handle.f-resize-handle-left,.f-flow .f-resize-handle.f-resize-handle-left{left:0;top:50%;transform:translate(-50%,-50%);cursor:col-resize}f-flow .f-resize-handle.f-resize-handle-left-top,.f-flow .f-resize-handle.f-resize-handle-left-top{left:0;top:0;transform:translate(-50%,-50%);cursor:nwse-resize}f-flow .f-resize-handle.f-resize-handle-top,.f-flow .f-resize-handle.f-resize-handle-top{left:50%;top:0;transform:translate(-50%,-50%);cursor:row-resize}f-flow .f-resize-handle.f-resize-handle-right-top,.f-flow .f-resize-handle.f-resize-handle-right-top{right:0;top:0;transform:translate(50%,-50%);cursor:nesw-resize}f-flow .f-resize-handle.f-resize-handle-right,.f-flow .f-resize-handle.f-resize-handle-right{right:0;top:50%;transform:translate(50%,-50%);cursor:col-resize}f-flow .f-resize-handle.f-resize-handle-right-bottom,.f-flow .f-resize-handle.f-resize-handle-right-bottom{right:0;bottom:0;transform:translate(50%,50%);cursor:nwse-resize}f-flow .f-resize-handle.f-resize-handle-bottom,.f-flow .f-resize-handle.f-resize-handle-bottom{left:50%;bottom:0;transform:translate(-50%,50%);cursor:row-resize}f-flow .f-resize-handle.f-resize-handle-left-bottom,.f-flow .f-resize-handle.f-resize-handle-left-bottom{left:0;bottom:0;transform:translate(-50%,50%);cursor:nesw-resize}f-flow .f-rotate-handle,.f-flow .f-rotate-handle{position:absolute;left:50%;top:calc(var(--ff-rotate-handle-offset) * -1);display:inline-flex;align-items:center;justify-content:center;width:var(--ff-rotate-handle-size);height:var(--ff-rotate-handle-size);box-sizing:border-box;border:1px solid var(--ff-rotate-handle-border-color);border-radius:50%;background:var(--ff-rotate-handle-background-color);transform:translate(-50%);cursor:grab;transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}f-flow .f-rotate-handle:after,.f-flow .f-rotate-handle:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:calc(var(--ff-rotate-handle-offset) - var(--ff-rotate-handle-size));background:var(--ff-rotate-handle-guide-color);transform:translate(-50%);pointer-events:none}f-flow .f-rotate-handle:hover,.f-flow .f-rotate-handle:hover{border-color:var(--ff-color-accent);box-shadow:0 0 0 4px color-mix(in oklch,var(--ff-color-accent) 22%,transparent)}f-flow .f-rotate-handle:active,.f-flow .f-rotate-handle:active{background:var(--ff-color-accent);border-color:var(--ff-color-accent);cursor:grabbing;box-shadow:0 0 0 4px color-mix(in oklch,var(--ff-color-accent) 22%,transparent)}f-flow .f-node-input:not(.f-node),f-flow .f-node-output:not(.f-node),f-flow .f-connector-source:not(.f-node),f-flow .f-connector-target:not(.f-node),f-flow .f-connector-source-target:not(.f-node),.f-flow .f-node-input:not(.f-node),.f-flow .f-node-output:not(.f-node),.f-flow .f-connector-source:not(.f-node),.f-flow .f-connector-target:not(.f-node),.f-flow .f-connector-source-target:not(.f-node){position:absolute;width:var(--ff-connector-size);height:var(--ff-connector-size);box-sizing:border-box;border:var(--ff-connector-border-width) solid var(--ff-connector-border-color);border-radius:50%;background:var(--ff-connector-background-color);pointer-events:all;transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}f-flow .f-node-input:not(.f-node).left,f-flow .f-node-output:not(.f-node).left,f-flow .f-connector-source:not(.f-node).left,f-flow .f-connector-target:not(.f-node).left,f-flow .f-connector-source-target:not(.f-node).left,.f-flow .f-node-input:not(.f-node).left,.f-flow .f-node-output:not(.f-node).left,.f-flow .f-connector-source:not(.f-node).left,.f-flow .f-connector-target:not(.f-node).left,.f-flow .f-connector-source-target:not(.f-node).left{left:calc(var(--ff-connector-size) / -2);top:50%;transform:translateY(-50%)}f-flow .f-node-input:not(.f-node).right,f-flow .f-node-output:not(.f-node).right,f-flow .f-connector-source:not(.f-node).right,f-flow .f-connector-target:not(.f-node).right,f-flow .f-connector-source-target:not(.f-node).right,.f-flow .f-node-input:not(.f-node).right,.f-flow .f-node-output:not(.f-node).right,.f-flow .f-connector-source:not(.f-node).right,.f-flow .f-connector-target:not(.f-node).right,.f-flow .f-connector-source-target:not(.f-node).right{right:calc(var(--ff-connector-size) / -2);top:50%;transform:translateY(-50%)}f-flow .f-node-input:not(.f-node).top,f-flow .f-node-output:not(.f-node).top,f-flow .f-connector-source:not(.f-node).top,f-flow .f-connector-target:not(.f-node).top,f-flow .f-connector-source-target:not(.f-node).top,.f-flow .f-node-input:not(.f-node).top,.f-flow .f-node-output:not(.f-node).top,.f-flow .f-connector-source:not(.f-node).top,.f-flow .f-connector-target:not(.f-node).top,.f-flow .f-connector-source-target:not(.f-node).top{top:calc(var(--ff-connector-size) / -2);left:50%;transform:translate(-50%)}f-flow .f-node-input:not(.f-node).top-left,f-flow .f-node-output:not(.f-node).top-left,f-flow .f-connector-source:not(.f-node).top-left,f-flow .f-connector-target:not(.f-node).top-left,f-flow .f-connector-source-target:not(.f-node).top-left,.f-flow .f-node-input:not(.f-node).top-left,.f-flow .f-node-output:not(.f-node).top-left,.f-flow .f-connector-source:not(.f-node).top-left,.f-flow .f-connector-target:not(.f-node).top-left,.f-flow .f-connector-source-target:not(.f-node).top-left{top:calc(var(--ff-connector-size) / -2);left:calc(var(--ff-connector-size) / -2)}f-flow .f-node-input:not(.f-node).top-right,f-flow .f-node-output:not(.f-node).top-right,f-flow .f-connector-source:not(.f-node).top-right,f-flow .f-connector-target:not(.f-node).top-right,f-flow .f-connector-source-target:not(.f-node).top-right,.f-flow .f-node-input:not(.f-node).top-right,.f-flow .f-node-output:not(.f-node).top-right,.f-flow .f-connector-source:not(.f-node).top-right,.f-flow .f-connector-target:not(.f-node).top-right,.f-flow .f-connector-source-target:not(.f-node).top-right{top:calc(var(--ff-connector-size) / -2);right:calc(var(--ff-connector-size) / -2)}f-flow .f-node-input:not(.f-node).bottom,f-flow .f-node-output:not(.f-node).bottom,f-flow .f-connector-source:not(.f-node).bottom,f-flow .f-connector-target:not(.f-node).bottom,f-flow .f-connector-source-target:not(.f-node).bottom,.f-flow .f-node-input:not(.f-node).bottom,.f-flow .f-node-output:not(.f-node).bottom,.f-flow .f-connector-source:not(.f-node).bottom,.f-flow .f-connector-target:not(.f-node).bottom,.f-flow .f-connector-source-target:not(.f-node).bottom{bottom:calc(var(--ff-connector-size) / -2);left:50%;transform:translate(-50%)}f-flow .f-node-input:not(.f-node).bottom-left,f-flow .f-node-output:not(.f-node).bottom-left,f-flow .f-connector-source:not(.f-node).bottom-left,f-flow .f-connector-target:not(.f-node).bottom-left,f-flow .f-connector-source-target:not(.f-node).bottom-left,.f-flow .f-node-input:not(.f-node).bottom-left,.f-flow .f-node-output:not(.f-node).bottom-left,.f-flow .f-connector-source:not(.f-node).bottom-left,.f-flow .f-connector-target:not(.f-node).bottom-left,.f-flow .f-connector-source-target:not(.f-node).bottom-left{bottom:calc(var(--ff-connector-size) / -2);left:calc(var(--ff-connector-size) / -2)}f-flow .f-node-input:not(.f-node).bottom-right,f-flow .f-node-output:not(.f-node).bottom-right,f-flow .f-connector-source:not(.f-node).bottom-right,f-flow .f-connector-target:not(.f-node).bottom-right,f-flow .f-connector-source-target:not(.f-node).bottom-right,.f-flow .f-node-input:not(.f-node).bottom-right,.f-flow .f-node-output:not(.f-node).bottom-right,.f-flow .f-connector-source:not(.f-node).bottom-right,.f-flow .f-connector-target:not(.f-node).bottom-right,.f-flow .f-connector-source-target:not(.f-node).bottom-right{bottom:calc(var(--ff-connector-size) / -2);right:calc(var(--ff-connector-size) / -2)}f-flow .f-node-input:not(.f-node):hover,f-flow .f-node-output:not(.f-node):hover,f-flow .f-connector-source:not(.f-node):hover,f-flow .f-connector-target:not(.f-node):hover,f-flow .f-connector-source-target:not(.f-node):hover,.f-flow .f-node-input:not(.f-node):hover,.f-flow .f-node-output:not(.f-node):hover,.f-flow .f-connector-source:not(.f-node):hover,.f-flow .f-connector-target:not(.f-node):hover,.f-flow .f-connector-source-target:not(.f-node):hover{box-shadow:0 0 0 4px color-mix(in oklch,var(--ff-connector-accent-color) 22%,transparent)}f-flow .f-node-input:not(.f-node).f-connector-connectable,f-flow .f-node-output:not(.f-node).f-connector-connectable,f-flow .f-connector-source:not(.f-node).f-connector-connectable,f-flow .f-connector-target:not(.f-node).f-connector-connectable,f-flow .f-connector-source-target:not(.f-node).f-connector-connectable,.f-flow .f-node-input:not(.f-node).f-connector-connectable,.f-flow .f-node-output:not(.f-node).f-connector-connectable,.f-flow .f-connector-source:not(.f-node).f-connector-connectable,.f-flow .f-connector-target:not(.f-node).f-connector-connectable,.f-flow .f-connector-source-target:not(.f-node).f-connector-connectable{border-color:var(--ff-connector-accent-color)}f-flow .f-node-input:not(.f-node).f-node-output-connected,f-flow .f-node-input:not(.f-node).f-node-input-connected,f-flow .f-node-input:not(.f-node).f-connector-connected,f-flow .f-node-output:not(.f-node).f-node-output-connected,f-flow .f-node-output:not(.f-node).f-node-input-connected,f-flow .f-node-output:not(.f-node).f-connector-connected,f-flow .f-connector-source:not(.f-node).f-node-output-connected,f-flow .f-connector-source:not(.f-node).f-node-input-connected,f-flow .f-connector-source:not(.f-node).f-connector-connected,f-flow .f-connector-target:not(.f-node).f-node-output-connected,f-flow .f-connector-target:not(.f-node).f-node-input-connected,f-flow .f-connector-target:not(.f-node).f-connector-connected,f-flow .f-connector-source-target:not(.f-node).f-node-output-connected,f-flow .f-connector-source-target:not(.f-node).f-node-input-connected,f-flow .f-connector-source-target:not(.f-node).f-connector-connected,.f-flow .f-node-input:not(.f-node).f-node-output-connected,.f-flow .f-node-input:not(.f-node).f-node-input-connected,.f-flow .f-node-input:not(.f-node).f-connector-connected,.f-flow .f-node-output:not(.f-node).f-node-output-connected,.f-flow .f-node-output:not(.f-node).f-node-input-connected,.f-flow .f-node-output:not(.f-node).f-connector-connected,.f-flow .f-connector-source:not(.f-node).f-node-output-connected,.f-flow .f-connector-source:not(.f-node).f-node-input-connected,.f-flow .f-connector-source:not(.f-node).f-connector-connected,.f-flow .f-connector-target:not(.f-node).f-node-output-connected,.f-flow .f-connector-target:not(.f-node).f-node-input-connected,.f-flow .f-connector-target:not(.f-node).f-connector-connected,.f-flow .f-connector-source-target:not(.f-node).f-node-output-connected,.f-flow .f-connector-source-target:not(.f-node).f-node-input-connected,.f-flow .f-connector-source-target:not(.f-node).f-connector-connected{background:var(--ff-connector-connected-color);border-color:var(--ff-connector-connected-color)}f-flow .f-node-input:not(.f-node).f-node-output-not-connectable,f-flow .f-node-input:not(.f-node).f-node-input-not-connectable,f-flow .f-node-input:not(.f-node).f-connector-not-connectable,f-flow .f-node-input:not(.f-node).f-node-input-disabled,f-flow .f-node-input:not(.f-node).f-node-output-disabled,f-flow .f-node-input:not(.f-node).f-connector-disabled,f-flow .f-node-output:not(.f-node).f-node-output-not-connectable,f-flow .f-node-output:not(.f-node).f-node-input-not-connectable,f-flow .f-node-output:not(.f-node).f-connector-not-connectable,f-flow .f-node-output:not(.f-node).f-node-input-disabled,f-flow .f-node-output:not(.f-node).f-node-output-disabled,f-flow .f-node-output:not(.f-node).f-connector-disabled,f-flow .f-connector-source:not(.f-node).f-node-output-not-connectable,f-flow .f-connector-source:not(.f-node).f-node-input-not-connectable,f-flow .f-connector-source:not(.f-node).f-connector-not-connectable,f-flow .f-connector-source:not(.f-node).f-node-input-disabled,f-flow .f-connector-source:not(.f-node).f-node-output-disabled,f-flow .f-connector-source:not(.f-node).f-connector-disabled,f-flow .f-connector-target:not(.f-node).f-node-output-not-connectable,f-flow .f-connector-target:not(.f-node).f-node-input-not-connectable,f-flow .f-connector-target:not(.f-node).f-connector-not-connectable,f-flow .f-connector-target:not(.f-node).f-node-input-disabled,f-flow .f-connector-target:not(.f-node).f-node-output-disabled,f-flow .f-connector-target:not(.f-node).f-connector-disabled,f-flow .f-connector-source-target:not(.f-node).f-node-output-not-connectable,f-flow .f-connector-source-target:not(.f-node).f-node-input-not-connectable,f-flow .f-connector-source-target:not(.f-node).f-connector-not-connectable,f-flow .f-connector-source-target:not(.f-node).f-node-input-disabled,f-flow .f-connector-source-target:not(.f-node).f-node-output-disabled,f-flow .f-connector-source-target:not(.f-node).f-connector-disabled,.f-flow .f-node-input:not(.f-node).f-node-output-not-connectable,.f-flow .f-node-input:not(.f-node).f-node-input-not-connectable,.f-flow .f-node-input:not(.f-node).f-connector-not-connectable,.f-flow .f-node-input:not(.f-node).f-node-input-disabled,.f-flow .f-node-input:not(.f-node).f-node-output-disabled,.f-flow .f-node-input:not(.f-node).f-connector-disabled,.f-flow .f-node-output:not(.f-node).f-node-output-not-connectable,.f-flow .f-node-output:not(.f-node).f-node-input-not-connectable,.f-flow .f-node-output:not(.f-node).f-connector-not-connectable,.f-flow .f-node-output:not(.f-node).f-node-input-disabled,.f-flow .f-node-output:not(.f-node).f-node-output-disabled,.f-flow .f-node-output:not(.f-node).f-connector-disabled,.f-flow .f-connector-source:not(.f-node).f-node-output-not-connectable,.f-flow .f-connector-source:not(.f-node).f-node-input-not-connectable,.f-flow .f-connector-source:not(.f-node).f-connector-not-connectable,.f-flow .f-connector-source:not(.f-node).f-node-input-disabled,.f-flow .f-connector-source:not(.f-node).f-node-output-disabled,.f-flow .f-connector-source:not(.f-node).f-connector-disabled,.f-flow .f-connector-target:not(.f-node).f-node-output-not-connectable,.f-flow .f-connector-target:not(.f-node).f-node-input-not-connectable,.f-flow .f-connector-target:not(.f-node).f-connector-not-connectable,.f-flow .f-connector-target:not(.f-node).f-node-input-disabled,.f-flow .f-connector-target:not(.f-node).f-node-output-disabled,.f-flow .f-connector-target:not(.f-node).f-connector-disabled,.f-flow .f-connector-source-target:not(.f-node).f-node-output-not-connectable,.f-flow .f-connector-source-target:not(.f-node).f-node-input-not-connectable,.f-flow .f-connector-source-target:not(.f-node).f-connector-not-connectable,.f-flow .f-connector-source-target:not(.f-node).f-node-input-disabled,.f-flow .f-connector-source-target:not(.f-node).f-node-output-disabled,.f-flow .f-connector-source-target:not(.f-node).f-connector-disabled{background:var(--ff-connector-disabled-color);border-color:var(--ff-connector-disabled-border-color);box-shadow:none}f-flow .f-node-input:not(.f-node),f-flow .f-connector-target:not(.f-node),.f-flow .f-node-input:not(.f-node),.f-flow .f-connector-target:not(.f-node){border-radius:var(--ff-connector-input-radius)}f-flow .f-connections-dragging .f-node-input:not(.f-connector-connectable):not(.f-node-input-connected):not(.f-node-output-connected):not(.f-connector-connected),f-flow .f-connections-dragging .f-node-output:not(.f-connector-connectable):not(.f-node-input-connected):not(.f-node-output-connected):not(.f-connector-connected),f-flow .f-connections-dragging .f-connector-source:not(.f-connector-connectable):not(.f-node-input-connected):not(.f-node-output-connected):not(.f-connector-connected),f-flow .f-connections-dragging .f-connector-target:not(.f-connector-connectable):not(.f-node-input-connected):not(.f-node-output-connected):not(.f-connector-connected),f-flow .f-connections-dragging .f-connector-source-target:not(.f-connector-connectable):not(.f-node-input-connected):not(.f-node-output-connected):not(.f-connector-connected),.f-flow .f-connections-dragging .f-node-input:not(.f-connector-connectable):not(.f-node-input-connected):not(.f-node-output-connected):not(.f-connector-connected),.f-flow .f-connections-dragging .f-node-output:not(.f-connector-connectable):not(.f-node-input-connected):not(.f-node-output-connected):not(.f-connector-connected),.f-flow .f-connections-dragging .f-connector-source:not(.f-connector-connectable):not(.f-node-input-connected):not(.f-node-output-connected):not(.f-connector-connected),.f-flow .f-connections-dragging .f-connector-target:not(.f-connector-connectable):not(.f-node-input-connected):not(.f-node-output-connected):not(.f-connector-connected),.f-flow .f-connections-dragging .f-connector-source-target:not(.f-connector-connectable):not(.f-node-input-connected):not(.f-node-output-connected):not(.f-connector-connected){border-color:var(--ff-connector-disabled-border-color)}f-flow .f-node-outlet,f-flow .f-connector-outlet,.f-flow .f-node-outlet,.f-flow .f-connector-outlet{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:32px;padding:var(--ff-outlet-padding-y) var(--ff-outlet-padding-x);box-sizing:border-box;border:1px solid var(--ff-outlet-border-color);border-radius:var(--ff-outlet-border-radius);background:var(--ff-outlet-background-color);color:var(--ff-outlet-color);pointer-events:all}f-flow .f-node-outlet.f-node-outlet-disabled,f-flow .f-node-outlet.f-connector-disabled,f-flow .f-connector-outlet.f-node-outlet-disabled,f-flow .f-connector-outlet.f-connector-disabled,.f-flow .f-node-outlet.f-node-outlet-disabled,.f-flow .f-node-outlet.f-connector-disabled,.f-flow .f-connector-outlet.f-node-outlet-disabled,.f-flow .f-connector-outlet.f-connector-disabled{background:var(--ff-outlet-disabled-background-color);border-color:var(--ff-outlet-disabled-border-color);color:var(--ff-outlet-disabled-color)}f-flow .f-connection-content,.f-flow .f-connection-content{box-sizing:border-box;color:var(--ff-connection-content-color);font-size:var(--ff-connection-content-font-size);padding:var(--ff-connection-content-padding-y) var(--ff-connection-content-padding-x);background:var(--ff-connection-content-background-color);border:1px solid var(--ff-connection-content-border-color);border-radius:var(--ff-connection-content-border-radius)}f-flow .f-connection .f-connection-selection,.f-flow .f-connection .f-connection-selection{fill:none;stroke:transparent;stroke-width:var(--ff-connection-hit-width)}f-flow .f-connection .f-connection-path,.f-flow .f-connection .f-connection-path{fill:none;stroke:var(--ff-connection-color);stroke-width:var(--ff-connection-width)}f-flow .f-connection .f-connection-drag-handle,.f-flow .f-connection .f-connection-drag-handle{fill:transparent;stroke:transparent;cursor:move}f-flow .f-connection.f-snap-connection .f-connection-path,.f-flow .f-connection.f-snap-connection .f-connection-path{stroke:var(--ff-snap-connection-color);stroke-dasharray:8 4}f-flow .f-connection.f-selected .f-connection-content,.f-flow .f-connection.f-selected .f-connection-content{border-color:var(--ff-connection-content-border-color-selected)}f-flow .f-connection.f-selected .f-connection-path,.f-flow .f-connection.f-selected .f-connection-path{stroke:var(--ff-connection-selected-color)}f-flow:not(.f-dragging) .f-connection:not(.f-dragging):not(.f-selected):not(.f-connection-selection-disabled):hover .f-connection-selection,.f-flow:not(.f-dragging) .f-connection:not(.f-dragging):not(.f-selected):not(.f-connection-selection-disabled):hover .f-connection-selection{stroke:var(--ff-connection-hover-color)}f-flow .f-marker,f-flow .connection-marker,.f-flow .f-marker,.f-flow .connection-marker{color:var(--ff-marker-color)}f-flow .f-marker circle,f-flow .f-marker rect,f-flow .f-marker path,f-flow .f-marker polygon,f-flow .f-marker line,f-flow .connection-marker circle,f-flow .connection-marker rect,f-flow .connection-marker path,f-flow .connection-marker polygon,f-flow .connection-marker line,.f-flow .f-marker circle,.f-flow .f-marker rect,.f-flow .f-marker path,.f-flow .f-marker polygon,.f-flow .f-marker line,.f-flow .connection-marker circle,.f-flow .connection-marker rect,.f-flow .connection-marker path,.f-flow .connection-marker polygon,.f-flow .connection-marker line{fill:currentColor;stroke:currentColor}f-flow .f-connection.f-snap-connection .f-marker,f-flow .f-connection.f-snap-connection .connection-marker,.f-flow .f-connection.f-snap-connection .f-marker,.f-flow .f-connection.f-snap-connection .connection-marker{color:var(--ff-snap-connection-color)}f-flow .f-connection.f-selected .f-marker,f-flow .f-connection.f-selected .connection-marker,.f-flow .f-connection.f-selected .f-marker,.f-flow .f-connection.f-selected .connection-marker{color:var(--ff-connection-selected-color)}f-flow .f-connection .f-connection-waypoints .f-candidate,f-flow .f-connection .f-connection-waypoints .f-waypoint,.f-flow .f-connection .f-connection-waypoints .f-candidate,.f-flow .f-connection .f-connection-waypoints .f-waypoint{vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;stroke-width:1.5}f-flow .f-connection .f-connection-waypoints .f-candidate:hover,f-flow .f-connection .f-connection-waypoints .f-waypoint:hover,.f-flow .f-connection .f-connection-waypoints .f-candidate:hover,.f-flow .f-connection .f-connection-waypoints .f-waypoint:hover{transform:scale(1.1)}f-flow .f-connection .f-connection-waypoints .f-candidate,.f-flow .f-connection .f-connection-waypoints .f-candidate{fill:var(--ff-waypoint-candidate-fill);stroke:var(--ff-waypoint-candidate-stroke)}f-flow .f-connection .f-connection-waypoints .f-waypoint,.f-flow .f-connection .f-connection-waypoints .f-waypoint{fill:var(--ff-waypoint-fill);stroke:var(--ff-waypoint-stroke);cursor:move}f-flow .f-connection .f-connection-drag-handle,.f-flow .f-connection .f-connection-drag-handle{fill:transparent;stroke:var(--ff-connection-drag-handle-stroke);stroke-width:1.5}.f-external-item{display:inline-flex;align-items:center;gap:8px;padding:12px 14px;box-sizing:border-box;color:var(--ff-external-item-color);background:var(--ff-external-item-background-color);border:1px solid var(--ff-external-item-border-color);border-radius:var(--ff-external-item-border-radius);box-shadow:var(--ff-external-item-shadow);cursor:grab;-webkit-user-select:none;user-select:none}.f-external-item.f-external-item-disabled{color:var(--ff-external-item-disabled-color);background:var(--ff-external-item-disabled-background-color);cursor:not-allowed}.f-external-item-preview{box-sizing:border-box;box-shadow:var(--ff-external-item-preview-shadow)}.f-external-item-placeholder{box-sizing:border-box;background:var(--ff-external-item-placeholder-background-color);border:1px dashed var(--ff-external-item-placeholder-border-color);border-radius:var(--ff-external-item-border-radius)}f-flow .f-background line,f-flow .f-background path,.f-flow .f-background line,.f-flow .f-background path{stroke:var(--ff-background-line-color)}f-flow .f-background circle,.f-flow .f-background circle{fill:var(--ff-background-dot-color)}f-flow .f-selection-area,.f-flow .f-selection-area{box-sizing:border-box;background:var(--ff-selection-area-color);border:1px solid var(--ff-selection-area-border-color)}f-flow .f-minimap,.f-flow .f-minimap{overflow:hidden;background:var(--ff-minimap-background-color);border:1px solid var(--ff-minimap-border-color);border-radius:var(--ff-minimap-border-radius);box-shadow:var(--ff-minimap-shadow);bottom:16px;right:16px;width:140px;height:120px}f-flow .f-minimap .f-minimap-node,f-flow .f-minimap .f-minimap-group,.f-flow .f-minimap .f-minimap-node,.f-flow .f-minimap .f-minimap-group{fill:var(--ff-minimap-node-color)}f-flow .f-minimap .f-minimap-node.f-selected,f-flow .f-minimap .f-minimap-group.f-selected,.f-flow .f-minimap .f-minimap-node.f-selected,.f-flow .f-minimap .f-minimap-group.f-selected{fill:var(--ff-minimap-node-selected-color)}f-flow .f-minimap .f-minimap-view,.f-flow .f-minimap .f-minimap-view{fill:var(--ff-minimap-view-color);stroke:var(--ff-minimap-view-border-color);stroke-width:1}f-flow .f-magnetic-lines .f-line,f-flow .f-line-alignment .f-line,.f-flow .f-magnetic-lines .f-line,.f-flow .f-line-alignment .f-line{background:var(--ff-magnetic-line-color)}f-flow .f-magnetic-rects .f-rect,.f-flow .f-magnetic-rects .f-rect{box-sizing:border-box;background:var(--ff-magnetic-rect-fill);border:1px solid var(--ff-magnetic-rect-border-color)}:root{--ff-color-surface-page: var(--tng-semantic-background-canvas, var(--ff-gray-25));--ff-color-surface-canvas: var(--tng-semantic-background-canvas, var(--ff-gray-25));--ff-color-surface-card: var(--tng-semantic-background-surface, var(--ff-white));--ff-color-surface-group: color-mix( in srgb, var(--tng-semantic-accent-brand, var(--ff-blue-400)) 14%, transparent );--ff-color-surface-group-active: color-mix( in srgb, var(--tng-semantic-accent-brand, var(--ff-blue-400)) 22%, transparent );--ff-color-surface-muted: var(--tng-semantic-background-muted, var(--ff-gray-50));--ff-color-surface-soft: var(--tng-semantic-background-base, var(--ff-gray-75));--ff-color-surface-accent-soft: color-mix( in srgb, var(--tng-semantic-accent-brand, var(--ff-blue-400)) 12%, transparent );--ff-color-border-default: var(--tng-semantic-border-default, var(--ff-alpha-black-12));--ff-color-border-subtle: var(--tng-semantic-border-subtle, var(--ff-alpha-black-08));--ff-color-border-strong: var(--tng-semantic-border-strong, var(--ff-alpha-black-20));--ff-color-border-accent: var(--tng-semantic-accent-brand, var(--ff-blue-500));--ff-color-text-primary: var(--tng-semantic-foreground-primary, var(--ff-gray-800));--ff-color-text-secondary: var(--tng-semantic-foreground-secondary, var(--ff-gray-500));--ff-color-text-tertiary: var(--tng-semantic-foreground-muted, var(--ff-gray-400));--ff-color-text-inverse: var(--tng-semantic-foreground-inverse, var(--ff-white));--ff-color-accent: var(--tng-semantic-accent-brand, var(--ff-blue-500));--ff-color-accent-strong: var(--tng-semantic-focus-ring, var(--ff-blue-600));--ff-color-success: var(--tng-semantic-accent-success, var(--ff-green-400));--ff-color-warning: var(--tng-semantic-accent-warning, var(--ff-yellow-400));--ff-color-danger: var(--tng-semantic-accent-danger, var(--ff-red-400));--ff-color-disabled-surface: var(--tng-semantic-background-muted, var(--ff-gray-100));--ff-color-disabled-border: var(--tng-semantic-border-subtle, var(--ff-alpha-black-10));--ff-color-disabled-text: var(--tng-semantic-foreground-muted, var(--ff-gray-300));--ff-color-selection-fill: color-mix( in srgb, var(--tng-semantic-accent-brand, var(--ff-blue-400)) 14%, transparent );--ff-color-selection-stroke: color-mix( in srgb, var(--tng-semantic-accent-brand, var(--ff-blue-400)) 36%, transparent );--ff-color-grid: color-mix( in srgb, var(--tng-semantic-foreground-primary, var(--ff-gray-800)) 8%, transparent );--ff-color-grid-strong: color-mix( in srgb, var(--tng-semantic-foreground-primary, var(--ff-gray-800)) 18%, transparent );--ff-color-connector-connected: var(--tng-semantic-accent-brand, var(--ff-blue-500));--ff-color-connection: var(--tng-semantic-foreground-secondary, var(--ff-gray-600));--ff-color-connection-muted: var(--tng-semantic-foreground-muted, var(--ff-gray-300));--ff-color-connection-hover: color-mix( in srgb, var(--tng-semantic-accent-brand, var(--ff-blue-400)) 18%, transparent );--ff-color-grouping-drop-target-border: var( --tng-semantic-foreground-primary, var(--ff-gray-800) );--ff-color-grouping-drop-target-border-active: var( --tng-semantic-accent-brand, var(--ff-blue-500) );--ff-color-waypoint-fill: var(--tng-semantic-background-surface, var(--ff-white));--ff-color-waypoint-stroke: var(--tng-semantic-accent-brand, var(--ff-blue-500));--ff-color-waypoint-candidate-fill: var(--tng-semantic-background-surface, var(--ff-white));--ff-color-waypoint-candidate-stroke: var(--tng-semantic-accent-success, var(--ff-green-400));--ff-color-minimap-surface: var(--tng-semantic-background-surface, var(--ff-white));--ff-color-minimap-node: var(--tng-semantic-foreground-secondary, var(--ff-gray-700));--ff-color-minimap-view: color-mix( in srgb, var(--tng-semantic-accent-brand, var(--ff-blue-400)) 18%, transparent );--ff-color-magnetic-line: var(--tng-semantic-accent-brand, var(--ff-blue-500));--ff-color-magnetic-rect-fill: color-mix( in srgb, var(--tng-semantic-accent-brand, var(--ff-blue-400)) 10%, transparent );--ff-color-magnetic-rect-border: color-mix( in srgb, var(--tng-semantic-accent-brand, var(--ff-blue-400)) 28%, transparent );--ff-shadow-surface: 0 1px 2px rgb(0 0 0 / 12%), 0 8px 20px rgb(0 0 0 / 10%);--ff-shadow-floating: 0 14px 36px rgb(0 0 0 / 22%), 0 4px 12px rgb(0 0 0 / 14%)}tng-flow-editor{--tng-flow-grid-dot-radius: 1px;--ff-background-dot-color: var( --tng-flow-grid-color, color-mix(in srgb, var(--tng-semantic-foreground-primary, var(--ff-gray-800)) 26%, transparent) );--tng-flow-connection-color: var(--tng-semantic-foreground-secondary, var(--ff-color-connection));--tng-flow-node-error-border: var(--tng-semantic-accent-danger, #dc2626);--tng-flow-node-warning-border: var(--tng-semantic-accent-warning, #d97706);--tng-flow-node-info-border: var(--tng-semantic-accent-info, #0284c7);--tng-flow-port-error-color: var(--tng-semantic-accent-danger, #dc2626);--tng-flow-port-warning-color: var(--tng-semantic-accent-warning, #d97706);--tng-flow-port-info-color: var(--tng-semantic-accent-info, #0284c7);--tng-flow-connection-error-color: var(--tng-semantic-accent-danger, #dc2626);--tng-flow-connection-warning-color: var(--tng-semantic-accent-warning, #d97706);--tng-flow-connection-info-color: var(--tng-semantic-accent-info, #0284c7);--tng-flow-connection-active-color: var(--tng-semantic-accent-brand, #2563eb);--tng-flow-connection-success-color: var(--tng-semantic-accent-success, #16a34a);--tng-flow-connection-disabled-color: var( --tng-semantic-foreground-muted, var(--ff-color-connection-muted) );--tng-flow-connection-width: 2px;--tng-flow-connection-selected-width: 3px;--tng-flow-connection-hit-width: 14px;--tng-flow-connection-dash-size: 8;--tng-flow-connection-dash-gap: 6;--tng-flow-connection-flow-duration-slow: 1.8s;--tng-flow-connection-flow-duration-normal: 1s;--tng-flow-connection-flow-duration-fast: .55s;--tng-flow-connection-motion-duration-slow: var(--tng-flow-connection-flow-duration-slow);--tng-flow-connection-motion-duration-normal: var(--tng-flow-connection-flow-duration-normal);--tng-flow-connection-motion-duration-fast: var(--tng-flow-connection-flow-duration-fast);--tng-flow-connection-motion-reduced-width: 3px;--tng-flow-connection-label-background: var(--tng-semantic-background-surface, #fff);--tng-flow-connection-label-color: var(--tng-semantic-foreground-secondary, #475569);--tng-flow-connection-label-border: var(--tng-semantic-border-default, #e2e8f0);--tng-flow-connection-waypoint-fill: var(--tng-semantic-background-surface, #fff);--tng-flow-connection-waypoint-stroke: var(--tng-semantic-accent-brand, #2563eb);--ff-connection-color: var(--tng-flow-connection-color);--ff-connection-width: var(--tng-flow-connection-width);--ff-connection-hit-width: var(--tng-flow-connection-hit-width);--ff-connection-content-background-color: var(--tng-flow-connection-label-background);--ff-connection-content-color: var(--tng-flow-connection-label-color);--ff-connection-content-border-color: var(--tng-flow-connection-label-border);--ff-color-waypoint-fill: var(--tng-flow-connection-waypoint-fill);--ff-color-waypoint-stroke: var(--tng-flow-connection-waypoint-stroke);--tng-flow-validation-badge-size: 1.25rem;--tng-flow-minimap-background: var(--tng-semantic-background-surface, #fff);--tng-flow-minimap-border: var(--tng-semantic-border-default, rgb(0 0 0 / 16%));--tng-flow-minimap-shadow: var(--ff-shadow-floating);--tng-flow-minimap-node: var(--tng-semantic-foreground-secondary, #475569);--tng-flow-minimap-node-selected: var(--tng-semantic-accent-brand, #2563eb);--tng-flow-minimap-node-disabled: var(--tng-semantic-foreground-muted, #94a3b8);--tng-flow-minimap-node-highlighted: var(--tng-semantic-accent-info, #0284c7);--tng-flow-minimap-node-error: var(--tng-semantic-accent-danger, #dc2626);--tng-flow-minimap-node-warning: var(--tng-semantic-accent-warning, #d97706);--tng-flow-minimap-viewport-border: color-mix( in srgb, var(--tng-semantic-accent-brand, #2563eb) 54%, transparent );--tng-flow-minimap-viewport-background: color-mix( in srgb, var(--tng-semantic-accent-brand, #2563eb) 16%, transparent );--ff-minimap-background-color: var(--tng-flow-minimap-background);--ff-minimap-border-color: var(--tng-flow-minimap-border);--ff-minimap-shadow: var(--tng-flow-minimap-shadow);--ff-minimap-node-color: var(--tng-flow-minimap-node);--ff-minimap-node-selected-color: var(--tng-flow-minimap-node-selected);--ff-minimap-view-border-color: var(--tng-flow-minimap-viewport-border);--ff-minimap-view-color: var(--tng-flow-minimap-viewport-background)}tng-flow-editor f-flow .f-background circle{r:var(--tng-flow-grid-dot-radius)}tng-flow-editor .tng-flow-minimap__node--selected{fill:var(--tng-flow-minimap-node-selected)}tng-flow-editor .tng-flow-minimap__node--disabled{fill:var(--tng-flow-minimap-node-disabled);opacity:.55}tng-flow-editor .tng-flow-minimap__node--highlighted{fill:var(--tng-flow-minimap-node-highlighted)}tng-flow-editor .tng-flow-minimap__node--warning{fill:var(--tng-flow-minimap-node-warning)}tng-flow-editor .tng-flow-minimap__node--error{fill:var(--tng-flow-minimap-node-error)}tng-flow-editor .tng-flow-editor__connection[data-status=active]{--ff-connection-color: var(--tng-flow-connection-active-color)}tng-flow-editor .tng-flow-editor__connection[data-status=success]{--ff-connection-color: var(--tng-flow-connection-success-color)}tng-flow-editor .tng-flow-editor__connection[data-status=warning]{--ff-connection-color: var(--tng-flow-connection-warning-color)}tng-flow-editor .tng-flow-editor__connection[data-status=error]{--ff-connection-color: var(--tng-flow-connection-error-color)}tng-flow-editor .tng-flow-editor__connection[data-status=disabled]{--ff-connection-color: var(--tng-flow-connection-disabled-color);opacity:.55}tng-flow-editor .tng-flow-editor__connection[data-validation=info]{--ff-connection-color: var(--tng-flow-connection-info-color)}tng-flow-editor .tng-flow-editor__connection[data-validation=warning]{--ff-connection-color: var(--tng-flow-connection-warning-color)}tng-flow-editor .tng-flow-editor__connection[data-validation=error]{--ff-connection-color: var(--tng-flow-connection-error-color)}tng-flow-editor .tng-flow-editor__connection[data-highlighted]{--ff-connection-width: var(--tng-flow-connection-selected-width)}tng-flow-editor .tng-flow-editor__connection[data-dimmed]{opacity:.38}tng-flow-editor .tng-flow-editor__connection[data-motion=flow] .f-connection-path{animation:tng-flow-connection-forward var(--tng-flow-connection-motion-duration-normal) linear infinite;stroke-dasharray:var(--tng-flow-connection-dash-size) var(--tng-flow-connection-dash-gap)}tng-flow-editor .tng-flow-editor__connection[data-motion=flow][data-motion-speed=slow] .f-connection-path{animation-duration:var(--tng-flow-connection-motion-duration-slow)}tng-flow-editor .tng-flow-editor__connection[data-motion=flow][data-motion-speed=fast] .f-connection-path{animation-duration:var(--tng-flow-connection-motion-duration-fast)}tng-flow-editor .tng-flow-editor__connection[data-motion=flow][data-motion-direction=reverse] .f-connection-path{animation-name:tng-flow-connection-reverse}tng-flow-editor .tng-flow-editor__connection[data-motion=pulse] .f-connection-path{animation:tng-flow-connection-pulse var(--tng-flow-connection-motion-duration-normal) ease-in-out infinite}tng-flow-editor .tng-flow-editor__connection[data-motion=pulse][data-motion-speed=slow] .f-connection-path{animation-duration:var(--tng-flow-connection-motion-duration-slow)}tng-flow-editor .tng-flow-editor__connection[data-motion=pulse][data-motion-speed=fast] .f-connection-path{animation-duration:var(--tng-flow-connection-motion-duration-fast)}tng-flow-editor .tng-flow-editor__connection-marker path{fill:var(--ff-marker-color, var(--ff-connection-color))}tng-flow-editor .tng-flow-editor[data-motion-preference=disabled] .tng-flow-editor__connection:is([data-motion=flow],[data-motion=pulse]) .f-connection-path{animation:none;stroke-dasharray:none;stroke-width:var(--tng-flow-connection-motion-reduced-width)}@keyframes tng-flow-connection-forward{to{stroke-dashoffset:-28}}@keyframes tng-flow-connection-reverse{to{stroke-dashoffset:28}}@keyframes tng-flow-connection-pulse{50%{opacity:.48;stroke-width:var(--tng-flow-connection-motion-reduced-width)}}@media(prefers-reduced-motion:reduce){tng-flow-editor .tng-flow-editor:not([data-motion-preference=enabled]) .tng-flow-editor__connection:is([data-motion=flow],[data-motion=pulse]) .f-connection-path{animation:none;stroke-dasharray:none;stroke-width:var(--tng-flow-connection-motion-reduced-width)}}@media(forced-colors:active){tng-flow-editor .tng-flow-editor__connection{--ff-connection-color: CanvasText;--ff-connection-selected-color: Highlight}tng-flow-editor .tng-flow-editor__connection[data-validation=error]{--ff-connection-color: Mark}}f-flow .f-connection .f-connection-drag-handle,.f-flow .f-connection .f-connection-drag-handle{visibility:hidden;pointer-events:none}f-flow .f-connection:not(.f-connection-reassign-disabled):is(:hover,.f-selected,.f-dragging) .f-connection-drag-handle,.f-flow .f-connection:not(.f-connection-reassign-disabled):is(:hover,.f-selected,.f-dragging) .f-connection-drag-handle{visibility:visible;pointer-events:all}f-flow .f-connection.f-connection-reassign-disabled .f-connection-drag-handle,.f-flow .f-connection.f-connection-reassign-disabled .f-connection-drag-handle{display:none}tng-flow-editor .tng-flow-editor__connection-template :is(input,textarea,select,button,a[href],audio[controls],video[controls],summary,[contenteditable]:not([contenteditable=false]),[tabindex]:not([tabindex="-1"])){pointer-events:auto}.tng-flow-editor[data-attachment-layout=custom-points] .tng-flow-editor__node:has(.tng-flow-editor__port[data-custom-point-connected])>.tng-flow-editor__port:not([data-custom-point]){pointer-events:none;visibility:hidden}*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body{min-height:100%;margin:0}body{background:var(--tng-semantic-background-canvas);color:var(--tng-semantic-foreground-primary)}a{color:inherit;text-decoration:none}