@bloomreach/react-banana-ui 1.7.0 → 1.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/dist/bloomreach-react-banana-ui.es.js +4660 -6686
  2. package/dist/bloomreach-react-banana-ui.es.js.map +1 -1
  3. package/dist/bloomreach-react-banana-ui.umd.js +15 -34
  4. package/dist/bloomreach-react-banana-ui.umd.js.map +1 -1
  5. package/dist/style.css +1 -1
  6. package/dist/utils/index.d.ts +1 -43
  7. package/package.json +2 -3
  8. package/dist/components/containers/dropdown/dropdown.d.ts +0 -132
  9. package/dist/components/containers/scroll-region/scroll-region.d.ts +0 -107
  10. package/dist/components/containers/scroll-view/scroll-view.d.ts +0 -116
  11. package/dist/components/inputs/selection/selection.d.ts +0 -234
  12. package/dist/components/lists/list-view/list-view.d.ts +0 -150
  13. package/dist/components/loaders/loader/loader.d.ts +0 -25
  14. package/dist/components/types.d.ts +0 -19
  15. package/dist/utils/add-font.d.ts +0 -29
  16. package/dist/utils/after-render.d.ts +0 -5
  17. package/dist/utils/async-dom-render.d.ts +0 -6
  18. package/dist/utils/chalk.d.ts +0 -44
  19. package/dist/utils/chunk.d.ts +0 -4
  20. package/dist/utils/classnames.d.ts +0 -6
  21. package/dist/utils/clone-client-rect.d.ts +0 -26
  22. package/dist/utils/compare-client-rect.d.ts +0 -5
  23. package/dist/utils/compare-sets.d.ts +0 -5
  24. package/dist/utils/compose-refs.d.ts +0 -5
  25. package/dist/utils/cookie-parser.d.ts +0 -8
  26. package/dist/utils/copy-text-to-clipboard.d.ts +0 -7
  27. package/dist/utils/debounce.d.ts +0 -4
  28. package/dist/utils/deep-clone.d.ts +0 -5
  29. package/dist/utils/deep-equal.d.ts +0 -4
  30. package/dist/utils/ensure-modal-root.d.ts +0 -4
  31. package/dist/utils/event-element-position.d.ts +0 -4
  32. package/dist/utils/filter-react-children.d.ts +0 -6
  33. package/dist/utils/find-react-children.d.ts +0 -10
  34. package/dist/utils/flatten-array.d.ts +0 -5
  35. package/dist/utils/fuzzy-groups.d.ts +0 -51
  36. package/dist/utils/get-decimal.d.ts +0 -8
  37. package/dist/utils/get-error-message.d.ts +0 -6
  38. package/dist/utils/get-first-with-class.d.ts +0 -5
  39. package/dist/utils/get-index.d.ts +0 -5
  40. package/dist/utils/get-selected-text.d.ts +0 -4
  41. package/dist/utils/get-type-name.d.ts +0 -14
  42. package/dist/utils/group-react-children.d.ts +0 -8
  43. package/dist/utils/has-child.d.ts +0 -4
  44. package/dist/utils/local-storage.d.ts +0 -42
  45. package/dist/utils/make-buffer.d.ts +0 -28
  46. package/dist/utils/map-lookup-values.d.ts +0 -65
  47. package/dist/utils/no-op.d.ts +0 -4
  48. package/dist/utils/normalize-wheel/ExecutionEnvironment.d.ts +0 -38
  49. package/dist/utils/normalize-wheel/UserAgent_DEPRECATED.d.ts +0 -116
  50. package/dist/utils/normalize-wheel/index.d.ts +0 -2
  51. package/dist/utils/normalize-wheel/isEventSupported.d.ts +0 -46
  52. package/dist/utils/normalize-wheel/normalizeWheel.d.ts +0 -139
  53. package/dist/utils/promise-resolver.d.ts +0 -36
  54. package/dist/utils/relative-client-rect.d.ts +0 -5
  55. package/dist/utils/rush.d.ts +0 -4
  56. package/dist/utils/state-controls.d.ts +0 -28
  57. package/dist/utils/stop-all-propagation.d.ts +0 -8
  58. package/dist/utils/template.d.ts +0 -49
  59. package/dist/utils/to-digits.d.ts +0 -4
  60. package/dist/utils/to-query-params.d.ts +0 -14
  61. package/dist/utils/types.d.ts +0 -69
  62. package/dist/utils/url-join.d.ts +0 -24
  63. package/dist/utils/wait.d.ts +0 -1
  64. package/dist/utils/when.d.ts +0 -2
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- :root{--banana-text-negative: #f24165;--banana-text-link: #019ace;--banana-text-warning: #ff9500;--banana-text-success: #0dca7a;--banana-text-subtl: #5e739c;--banana-text-body: #3d506d;--banana-space-0x: 4px;--banana-space-1x: 8px;--banana-space-2x: 16px;--banana-space-3x: 24px;--banana-space-4x: 32px;--banana-space-5x: 40px;--banana-space-6x: 48px;--banana-space-7x: 56px;--banana-space-8x: 64px;--banana-space-9x: 72px;--banana-space-10x: 80px;--banana-toast-success-border: #0dca7a;--banana-toast-success-background: #ffffff;--banana-toast-success-foreground: #0dca7a;--banana-toast-error-border: #f24165;--banana-toast-error-background: #ffffff;--banana-toast-error-foreground: #f24165;--banana-toast-info-border: #019ace;--banana-toast-info-background: #ffffff;--banana-toast-info-foreground: #019ace;--banana-toast-warning-background: #ffffff;--banana-toast-warning-foreground: #ff9500;--banana-toast-warning-border: #ff9500;--banana-breadcrumbs-disabled: #8d9db9;--banana-breadcrumbs-hover: #002840;--banana-breadcrumbs-inactive: #3d506d;--banana-breadcrumbs-active: #002840;--banana-tag-secondary-backgroound-hover: #006894;--banana-tag-secondary-backgroound-default: #019ace;--banana-tag-secondary-backgroound-inactive: #ffffff;--banana-tag-secondary-border-inactive: #019ace;--banana-tag-secondary-foreground-inactive: #006894;--banana-tag-secondary-foreground-default: #ffffff;--banana-tag-accent-3-border-inactive: #00C586;--banana-tag-accent-3-foreground-inactive: #02B373;--banana-tag-accent-3-foreground-default: #ffffff;--banana-tag-accent-3-background-inactive: #ffffff;--banana-tag-accent-3-background-default: #00C586;--banana-tag-accent-3-background-hover: #02B373;--banana-tag-accent-2-background-inactive: #ffffff;--banana-tag-accent-2-background-default: #f84cac;--banana-tag-accent-2-background-hover: #f6239a;--banana-tag-accent-2-border-inactive: #f84cac;--banana-tag-accent-2-foreground-inactive: #f6239a;--banana-tag-accent-2-foreground-default: #ffffff;--banana-tag-neutral-backgroound-inactive: #ffffff;--banana-tag-neutral-backgroound-hover: #bdcee3;--banana-tag-neutral-backgroound-default: #e1e8f5;--banana-tag-neutral-border-inactive: #bdcee3;--banana-tag-neutral-foreground-inactive: #3d506d;--banana-tag-neutral-foreground-default: #002840;--banana-tag-accent-1-border-inactive: #8873ff;--banana-tag-accent-1-foreground-inactive: #6347ff;--banana-tag-accent-1-foreground-default: #ffffff;--banana-tag-accent-1-background-inactive: #ffffff;--banana-tag-accent-1-background-hover: #6347ff;--banana-tag-accent-1-background-default: #8873ff;--banana-tag-primary-backgroound-inactive: #ffffff;--banana-tag-primary-backgroound-hover: #e0bb00;--banana-tag-primary-backgroound-default: #ffd500;--banana-tag-primary-foreground-inactive: #002840;--banana-tag-primary-foreground-default: #002840;--banana-tag-primary-border-inactive: #ffd500;--banana-tag-accent-4-border-inactive: #0099ff;--banana-tag-accent-4-foreground-inactive: #008deb;--banana-tag-accent-4-foreground-default: #ffffff;--banana-tag-accent-4-background-inactive: #ffffff;--banana-tag-accent-4-background-default: #0099ff;--banana-tag-accent-4-background-hover: #008deb;--banana-tag-accent-5-border-inactive: #c24cfc;--banana-tag-accent-5-foreground-inactive: #9b05e6;--banana-tag-accent-5-foreground-default: #ffffff;--banana-tag-accent-5-background-inactive: #ffffff;--banana-tag-accent-5-background-default: #c24cfc;--banana-tag-accent-5-background-hover: #9b05e6;--banana-tag-accent-6-border-inactive: #FF862E;--banana-tag-accent-6-foreground-inactive: #ED6E12;--banana-tag-accent-6-foreground-default: #ffffff;--banana-tag-accent-6-background-inactive: #ffffff;--banana-tag-accent-6-background-default: #FF862E;--banana-tag-accent-6-background-hover: #ED6E12;--banana-tag-accent-7-border-inactive: #6d2ded;--banana-tag-accent-7-foreground-inactive: #5413d8;--banana-tag-accent-7-foreground-default: #ffffff;--banana-tag-accent-7-background-inactive: #ffffff;--banana-tag-accent-7-background-default: #6d2ded;--banana-tag-accent-7-background-hover: #5413d8;--banana-toggle-background-default: #bdcee3;--banana-toggle-background-active-disabled: #e1e8f5;--banana-toggle-background-active: #019ace;--banana-toggle-background-read-only-active: rgba(91, 197, 232, .6);--banana-toggle-background-disabled: #e1e8f5;--banana-toggle-background-read-only: #e1e8f5;--banana-toggle-foreground-disabled: #f7f9fc;--banana-toggle-foreground-active-disabled: #f7f9fc;--banana-toggle-foreground-default: #ffffff;--banana-toggle-foreground-active: #ffffff;--banana-toggle-foreground-read-only-active: #e6f9ff;--banana-toggle-foreground-read-only: #ffffff;--banana-checkbox-background-disabled: #f7f9fc;--banana-checkbox-background-read-only: #e1e8f5;--banana-checkbox-background-active: #019ace;--banana-checkbox-background-default: #ffffff;--banana-checkbox-background-error: #ffffff;--banana-checkbox-background-hover: #ffffff;--banana-checkbox-border-disbled: #e1e8f5;--banana-checkbox-border-error: #f24165;--banana-checkbox-border-default: #bdcee3;--banana-checkbox-border-read-only: #e1e8f5;--banana-checkbox-border-hover: #8d9db9;--banana-checkbox-foreground-read-only: #8d9db9;--banana-checkbox-foreground-disabled: #8d9db9;--banana-checkbox-foreground-active: #ffffff;--banana-radio-border-error: #f24165;--banana-radio-border-hover: #8d9db9;--banana-radio-border-read-only: #e1e8f5;--banana-radio-border-default: #bdcee3;--banana-radio-border-disbled: #e1e8f5;--banana-radio-background-active: #019ace;--banana-radio-background-default: #ffffff;--banana-radio-background-hover: #ffffff;--banana-radio-background-error: #ffffff;--banana-radio-background-disabled: #f7f9fc;--banana-radio-background-read-only: #e1e8f5;--banana-radio-foreground-active: #f7f9fc;--banana-radio-foreground-read-only: #8d9db9;--banana-radio-foreground-disabled: #8d9db9;--banana-dropdown-background-active: rgba(0, 172, 229, .1);--banana-dropdown-background-main: #ffffff;--banana-dropdown-background-group: #f7f9fc;--banana-dropdown-background-hover: #f7f9fc;--banana-dropdown-foreground-group: #3d506d;--banana-dropdown-foreground-disabled: #8d9db9;--banana-dropdown-foreground-default: #3d506d;--banana-dropdown-foreground-hover: #3d506d;--banana-dropdown-foreground-active: #002840;--banana-dropdown-border-divider: #e1e8f5;--banana-input-foreground-disabled: #8d9db9;--banana-input-foreground-placeholder: #5e739c;--banana-input-foreground-input-text: #002840;--banana-input-foreground-label: #3d506d;--banana-input-foreground-icon: #5e739c;--banana-input-border-hover: #8d9db9;--banana-input-border-filling-inline: #019ace;--banana-input-border-disabled: #e1e8f5;--banana-input-border-default: #bdcee3;--banana-input-border-read-only: #e1e8f5;--banana-input-background-disabled: #f7f9fc;--banana-input-background-default: #ffffff;--banana-input-background-hover: #ffffff;--banana-input-background-read-only: #e1e8f5;--banana-input-label: 600 12px/16px Inter, Arial, Helvetica, sans-serif;--banana-input-input-text: 400 14px/20px Inter, Arial, Helvetica, sans-serif;--banana-input-helper: 400 12px/16px Inter, Arial, Helvetica, sans-serif;--banana-button-secondary-border-disabled: #e1e8f5;--banana-button-secondary-border-clicked: #5e739c;--banana-button-secondary-border-pressed: #bdcee3;--banana-button-secondary-border-default: #bdcee3;--banana-button-secondary-border-hover: #8d9db9;--banana-button-secondary-background-disabled: #f7f9fc;--banana-button-secondary-background-clicked: #5e739c;--banana-button-secondary-background-pressed: #e1e8f5;--banana-button-secondary-background-hover: #f7f9fc;--banana-button-secondary-background-default: #f7f9fc;--banana-button-secondary-foreground-clicked: #ffffff;--banana-button-secondary-foreground-disabled: #8d9db9;--banana-button-secondary-foreground-default: #3d506d;--banana-button-secondary-foreground-pressed: #3d506d;--banana-button-secondary-foreground-hover: #3d506d;--banana-button-tertiary-foreground-disabled: #8d9db9;--banana-button-tertiary-foreground-default: #3d506d;--banana-button-tertiary-foreground-hover: #002840;--banana-button-tertiary-background-hover: rgba(94, 115, 156, .1);--banana-button-primary-foreground-default: #002840;--banana-button-primary-foreground-hover: #002840;--banana-button-primary-foreground-pressed: #002840;--banana-button-primary-foreground-disabled: rgba(94, 115, 156, .6);--banana-button-primary-border-split: #e0bb00;--banana-button-primary-background-disabled: rgba(255, 228, 92, .6);--banana-button-primary-background-pressed: #e0bb00;--banana-button-primary-background-hover: #ffdd33;--banana-button-primary-background-default: #ffd500;--banana-button-tertiary-danger-foreground-disabled: #f78da4;--banana-button-tertiary-danger-foreground-default: #f24165;--banana-button-tertiary-danger-foreground-hover: #f24165;--banana-button-tertiary-danger-background-hover: rgba(242, 65, 101, .1);--banana-button-secondary-danger-border-disabled: #fab3c2;--banana-button-secondary-danger-border-pressed: #f24165;--banana-button-secondary-danger-border-hover: #f02450;--banana-button-secondary-danger-border-default: #f24165;--banana-button-secondary-danger-foreground-disabled: #f78da4;--banana-button-secondary-danger-foreground-default: #f24165;--banana-button-secondary-danger-foreground-pressed: #f24165;--banana-button-secondary-danger-foreground-hover: #f24165;--banana-button-secondary-danger-background-pressed: #fcd9e1;--banana-button-secondary-danger-background-disabled: #feecf0;--banana-button-secondary-danger-background-default: #feecf0;--banana-button-secondary-danger-background-hover: #feecf0;--banana-button-primary-danger-foreground-disabled: #fcd9e1;--banana-button-primary-danger-foreground-default: #ffffff;--banana-button-primary-danger-foreground-hover: #ffffff;--banana-button-primary-danger-foreground-pressed: #ffffff;--banana-button-primary-danger-background-disabled: #f78da4;--banana-button-primary-danger-background-pressed: #f02450;--banana-button-primary-danger-background-hover: #f35376;--banana-button-primary-danger-background-default: #f24165;--banana-button-label: 600 14px/16px Inter, Arial, Helvetica, sans-serif;--banana-button-tertiary-alt-foreground-disabled: #5BC5E8;--banana-button-tertiary-alt-foreground-default: #019ace;--banana-button-tertiary-alt-foreground-hover: #019ace;--banana-button-tertiary-alt-background-hover: rgba(1, 154, 206, .1);--banana-table-head-default: #5e739c;--banana-table-head-active: #3d506d;--banana-table-row-border-default: #e1e8f5;--banana-table-row-background-active: #e6f9ff;--banana-table-row-background-hover: #f7f9fc;--banana-table-row-foreground-secondary: #3d506d;--banana-table-row-foreground-primary: #002840;--banana-tab-border-default: #e1e8f5;--banana-tab-border-hover: #e1e8f5;--banana-tab-border-active: #019ace;--banana-tab-background-hover: rgba(130, 211, 238, .1);--banana-tab-background-main-variants: #f7f9fc;--banana-tab-background-subtl: #f7f9fc;--banana-tab-background-main: #ffffff;--banana-tab-background-active-variants: #ffffff;--banana-tab-foreground-active: #002840;--banana-tab-foreground-hover: #002840;--banana-tab-foreground-inactive: #3d506d;--banana-tab-foreground-disabled: #8d9db9;--banana-states-warning: #ff9500;--banana-states-success: #0dca7a;--banana-states-default: #bdcee3;--banana-states-error: #f24165;--banana-states-info: #019ace;--banana-nav-border-active: #ffd500;--banana-nav-background-hover: #00334E;--banana-nav-background-default: #002840;--banana-nav-foreground-active: #ffd500;--banana-nav-foreground-hover: #ffffff;--banana-nav-foreground-default: #bdcee3;--banana-scroll-hover: #8d9db9;--banana-scroll-default: #bdcee3;--banana-alert-info-background: #e6f9ff;--banana-alert-info-foreground: #019ace;--banana-alert-error-foreground: #f24165;--banana-alert-error-background: #feecf0;--banana-alert-success-foreground: #0dca7a;--banana-alert-success-background: #e7fdf4;--banana-alert-warning-background: #fff4e5;--banana-alert-warning-foreground: #ff9500;--banana-global-focus: #00ace5;--banana-global-separator: #e1e8f5;--banana-global-main: #ffffff;--banana-global-overlay: rgba(0, 40, 64, .4);--banana-tooltip-foreground-icon: #5e739c;--banana-tooltip-foreground-text: #ffffff;--banana-tooltip-background-error: #f24165;--banana-tooltip-background-default: #002840;--banana-aside-border: #e1e8f5;--banana-aside-background: #f7f9fc;--banana-heading-tertiary-foreground: #5e739c;--banana-heading-secondary-foreground: #3d506d;--banana-heading-primary-foreground: #002840;--banana-badge-neutral-foreground-default: #3d506d;--banana-badge-neutral-foreground-invert: #002840;--banana-badge-neutral-background-default: #f7f9fc;--banana-badge-neutral-background-invert: #e1e8f5;--banana-badge-neutral-border-default: #5e739c;--banana-badge-default-foreground-default: #8c7503;--banana-badge-default-foreground-invert: #002840;--banana-badge-default-background-default: #fff8d6;--banana-badge-default-background-invert: #ffd500;--banana-badge-default-border-default: #ffd500;--banana-badge-sucess-foreground-default: #0dca7a;--banana-badge-sucess-foreground-invert: #ffffff;--banana-badge-sucess-background-default: #e7fdf4;--banana-badge-sucess-background-invert: #0dca7a;--banana-badge-sucess-border-default: #0dca7a;--banana-tree-foreground-default: #3d506d;--banana-tree-foreground-active: #002840;--banana-tree-background-hover: #f7f9fc;--banana-tree-background-active: rgba(0, 172, 229, .1);--banana-tree-border-structure: #8d9db9;--banana-heading-xl: 600 32px/40px Inter, Arial, Helvetica, sans-serif;--banana-heading-1: 600 24px/32px Inter, Arial, Helvetica, sans-serif;--banana-heading-1-regular: 400 24px/32px Inter, Arial, Helvetica, sans-serif;--banana-heading-2: 600 20px/28px Inter, Arial, Helvetica, sans-serif;--banana-heading-3: 600 18px/24px Inter, Arial, Helvetica, sans-serif;--banana-heading-4: 600 16px/20px Inter, Arial, Helvetica, sans-serif;--banana-heading-5: 600 12px/18px Inter, Arial, Helvetica, sans-serif;--banana-p: 400 14px/20px Inter, Arial, Helvetica, sans-serif;--banana-p-bold: 600 14px/20px Inter, Arial, Helvetica, sans-serif;--banana-p-small: 400 12px/16px Inter, Arial, Helvetica, sans-serif;--banana-p-small-bold: 600 12px/16px Inter, Arial, Helvetica, sans-serif;--banana-mono: 400 14px/24px "Roboto Mono";--banana-mono-small: 400 12px/16px "Roboto Mono";--banana-item-default: 400 14px/16px Inter, Arial, Helvetica, sans-serif;--banana-item-active: 600 14px/16px Inter, Arial, Helvetica, sans-serif;--banana-item-group: 600 12px/16px Inter, Arial, Helvetica, sans-serif;--banana-modal-background-default: #ffffff;--banana-modal-background-footer: #f7f9fc;--banana-slider-foreground-default: #019ace;--banana-slider-foreground-disabled: #5BC5E8;--banana-slider-foreground-tickmark-active: #ffffff;--banana-slider-foreground-tickmark: #8d9db9;--banana-slider-background-default: #e1e8f5;--banana-slider-border-hover: rgba(1, 154, 206, .1);--banana-card-background-default: #ffffff;--banana-card-background-new: #e6f9ff;--banana-card-broder-default: #e1e8f5;--banana-card-broder-new: #82D3EE;--banana-progress-bar-foreground-default: #019ace;--banana-progress-bar-background-default: #e1e8f5;--banana-transition-default: all .15s cubic-bezier(.65, .05, .36, 1);--banana-pagination-foreground-default: #3d506d;--banana-pagination-foreground-hover: #3d506d;--banana-pagination-foreground-active: #ffffff;--banana-pagination-background-hover: #f7f9fc;--banana-pagination-background-active: #019ace;--banana-elevation-1: 0 0 1px 0 #0028400a, 0 2px 2px 0 #00284008, 0 4px 2px 0 #00284005, 0 7px 3px 0 #00284003, 0 11px 3px 0 #00284000;--banana-elevation-2: 0 2px 5px 0 #0028400f, 0 9px 9px 0 #0028400d, 0 20px 12px 0 #00284008, 0 36px 15px 0 #00284003, 0 57px 16px 0 #00284000;--banana-elevation-3: 0 4px 9px 0 #00284014, 0 17px 17px 0 #00284012, 0 38px 23px 0 #0028400a, 0 68px 27px 0 #00284003, 0 107px 30px 0 #00284000}:root{--banana-accent-100: #8873ff;--banana-accent-150: #6347ff;--banana-accent-200: #f84cac;--banana-accent-250: #f6239a;--banana-accent-300: #00C586;--banana-accent-350: #02B373;--banana-accent-400: #0099ff;--banana-accent-450: #008deb;--banana-accent-500: #c24cfc;--banana-accent-550: #9b05e6;--banana-accent-600: #FF862E;--banana-accent-650: #ED6E12;--banana-accent-700: #6d2ded;--banana-accent-750: #5413d8;--banana-accent-800: #ffd500;--banana-accent-850: #e0bb00;--banana-green-50: #e7fdf4;--banana-green-100: #d4fceb;--banana-green-200: #a9f9d6;--banana-green-300: #7ef6c2;--banana-green-400: #28ea96;--banana-green-500: #0dca7a;--banana-green-600: #0cb069;--banana-green-700: #098650;--banana-orange-50: #fff4e5;--banana-orange-100: #ffecd1;--banana-orange-200: #ffd9a3;--banana-orange-300: #ffc675;--banana-orange-400: #ffb347;--banana-orange-500: #ff9500;--banana-orange-600: #eb8900;--banana-orange-700: #bd6e00;--banana-red-50: #feecf0;--banana-red-100: #fcd9e1;--banana-red-200: #fab3c2;--banana-red-300: #f78da4;--banana-red-400: #f35376;--banana-red-500: #f24165;--banana-red-600: #f02450;--banana-red-700: #ac0c2f;--banana-gold-50: #fff8d6;--banana-gold-100: #fff1ad;--banana-gold-200: #ffeb85;--banana-gold-300: #ffe45c;--banana-gold-400: #ffdd33;--banana-gold-500: #ffd500;--banana-gold-600: #e0bb00;--banana-gold-700: #8c7503;--banana-blue-50: #e6f9ff;--banana-blue-100: #CCF0FC;--banana-blue-200: #82D3EE;--banana-blue-300: #5BC5E8;--banana-blue-400: #00ace5;--banana-blue-500: #019ace;--banana-blue-600: #006894;--banana-blue-700: #00334E;--banana-neutral-100: #f7f9fc;--banana-neutral-200: #e1e8f5;--banana-neutral-300: #bdcee3;--banana-neutral-400: #8d9db9;--banana-neutral-500: #5e739c;--banana-neutral-600: #3d506d;--banana-neutral-700: #002840;--banana-neutral-000: #ffffff;--banana-normal: 400;--banana-medium: 500;--banana-bold: 600;--banana-x-small: 12px;--banana-small: 14px;--banana-base: 16px;--banana-h5: 12px;--banana-h4: 16px;--banana-h3: 18px;--banana-h2: 20px;--banana-h1: 24px;--banana-x-large: 32px;--banana-line-base: 16px;--banana-line-increment: 4px;--banana-opacity-disabled: .6;--banana-opacity-hover: .1;--banana-font-primary: Inter, Arial, Helvetica, sans-serif;--banana-font-primary-fallback-1: Arial;--banana-font-primary-fallback-2: Helvetica;--banana-font-mono: "Roboto Mono";--banana-text-uppercase: uppercase;--banana-sans-serif: sans-serif;--banana-line-height-p: 20px;--banana-line-height-p-small: 16px;--banana-line-height-x-large: 40px;--banana-line-height-h1: 32px;--banana-line-height-h2: 28px;--banana-line-height-h3: 24px;--banana-line-height-mono: 24px;--banana-line-height-h4: 20px;--banana-line-height-h5: 18px;--banana-space-base: 8px}:root{--rbui-font-family-primary: var(--banana-font-primary);--rbui-font-family-mono: var(--banana-font-mono);--rbui-font-weight-normal: var(--banana-normal);--rbui-font-weight-medium: var(--banana-medium);--rbui-font-weight-semibold: var(--banana-bold);--rbui-font-size-xs: var(--banana-x-small);--rbui-font-size-s: var(--banana-small);--rbui-font-size-m: var(--banana-base);--rbui-font-size-xl: var(--banana-x-large);--rbui-font-base: var(--banana-p);--rbui-font-heading-h4: var(--banana-heading-4);--rbui-heading-h5: var(--banana-h5);--rbui-heading-h4: var(--banana-h4);--rbui-heading-h3: var(--banana-h3);--rbui-heading-h2: var(--banana-h2);--rbui-heading-h1: var(--banana-h1)}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100;src:url(./assets/07b7cbee8c27c52b.woff2) format("woff2"),url(./assets/890b0d2775b11b03.woff) format("woff");font-display:swap}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:200;src:url(./assets/2c8a49cf7f48508e.woff2) format("woff2"),url(./assets/85fa36b32f292fab.woff) format("woff");font-display:swap}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:300;src:url(./assets/2364528aa26ddeb9.woff2) format("woff2"),url(./assets/1052fbd2e88856a5.woff) format("woff");font-display:swap}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(./assets/aa44fca348320e5f.woff2) format("woff2"),url(./assets/91b7f766c5a0e2f2.woff) format("woff");font-display:swap}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:500;src:url(./assets/46fa1c6b252fcd30.woff2) format("woff2"),url(./assets/7b8797af6aa2dcd3.woff) format("woff");font-display:swap}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:600;src:url(./assets/6afe6fcd2cfff82a.woff2) format("woff2"),url(./assets/8f8f208069ab5a35.woff) format("woff");font-display:swap}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:700;src:url(./assets/23936cd69c0df5e3.woff2) format("woff2"),url(./assets/c8009c6220cf0a3d.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:100;src:url(./assets/ac80325229b9fac0.woff2) format("woff2"),url(./assets/d5fbd6898f2358c0.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:200;src:url(./assets/7108244139412a91.woff2) format("woff2"),url(./assets/7e269aac63855b6d.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:300;src:url(./assets/9c0edf756bab0deb.woff2) format("woff2"),url(./assets/7886bf65f26844b0.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(./assets/493934f7829ce6ee.woff2) format("woff2"),url(./assets/5a243e9a960738af.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url(./assets/b7be75b98668e17e.woff2) format("woff2"),url(./assets/624e0489948ec8b0.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:600;src:url(./assets/a3e93aa0a5e91ba1.woff2) format("woff2"),url(./assets/4a896454d29a1db4.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url(./assets/7ddf3c11ee20d322.woff2) format("woff2"),url(./assets/dd56dd48de1d539e.woff) format("woff");font-display:swap}body,html{font-family:var(--rbui-font-family-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rbui-tooltip{min-width:24px;max-width:min(60%,256px);z-index:999999}.rbui-tooltip__inner{background:var(--banana-tooltip-background-default);color:var(--banana-tooltip-foreground-text);padding:var(--banana-space-1x);border-radius:4px;font:var(--banana-p-small);box-shadow:var(--banana-elevation-2)}.rbui-tooltip__inner--open,.rbui-tooltip__inner--close{transition:var(--banana-transition-default)}.rbui-tooltip__inner--inital,.rbui-tooltip__inner--close{opacity:0}.rbui-tooltip__arrow path{fill:var(--banana-tooltip-background-default)}button,[type=button],[type=reset],[type=submit],.rbui-button{--rbui-button-padding: var(--banana-space-1x) var(--banana-space-2x);outline:none;display:flex;align-items:center;justify-content:center;height:36px;padding:var(--rbui-button-padding);gap:var(--banana-space-1x);border-radius:4px;border:1px solid var(--rbui-button-border-color);font:var(--banana-button-label);background-color:var(--rbui-button-background-color);color:var(--rbui-button-color);transition:var(--banana-transition-default);cursor:pointer}.rbui-button--icon-only{--rbui-button-padding: var(--banana-space-1x)}.rbui-button--icon-only.rbui-button-tertiary,.rbui-button--icon-only.rbui-button-tertiary-alternative,.rbui-button--icon-only.rbui-button-tertiary-danger{height:32px;width:32px}.rbui-button--loading{cursor:wait}button:focus-visible,.rbui-button--focus-visible,.rbui-button:focus-visible{outline:2px solid var(--banana-global-focus);outline-offset:1px}.rbui-button--disabled,.rbui-button:disabled{cursor:not-allowed}.rbui-button__start-icon,.rbui-button__end-icon{display:flex;align-items:center;justify-content:center}.rbui-button__loader{display:flex;align-items:center;justify-content:center;padding:0 var(--banana-space-2x)}.rbui-button__loader--short{padding:0}.rbui-button__spinner{animation:loading-spinner 1s linear infinite}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rbui-button-primary{--rbui-button-background-color: var(--banana-button-primary-background-default);--rbui-button-color: var(--banana-button-primary-foreground-default);--rbui-button-border-color: var(--rbui-button-background-color)}.rbui-button-primary:hover:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-background-color: var(--banana-button-primary-background-hover);--rbui-button-color: var(--banana-button-primary-foreground-hover);--rbui-button-border-color: var(--rbui-button-background-color)}.rbui-button-primary--active:not(.rbui-button--disabled,.rbui-button--loading),.rbui-button-primary:active:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-background-color: var(--banana-button-primary-background-pressed);--rbui-button-color: var(--banana-button-primary-foreground-pressed);--rbui-button-border-color: var(--rbui-button-background-color)}.rbui-button-primary--loading,.rbui-button-primary--disabled,.rbui-button-primary:disabled{--rbui-button-background-color: var(--banana-button-primary-background-disabled);--rbui-button-color: var(--banana-button-primary-foreground-disabled);--rbui-button-border-color: var(--rbui-button-background-color)}.rbui-button-primary-danger{--rbui-button-background-color: var(--banana-button-primary-danger-background-default);--rbui-button-color: var(--banana-button-primary-danger-foreground-default);--rbui-button-border-color: var(--rbui-button-background-color)}.rbui-button-primary-danger:hover:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-background-color: var(--banana-button-primary-danger-background-hover);--rbui-button-color: var(--banana-button-primary-danger-foreground-hover);--rbui-button-border-color: var(--rbui-button-background-color)}.rbui-button-primary-danger--active:not(.rbui-button--disabled,.rbui-button--loading),.rbui-button-primary-danger:active:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-background-color: var(--banana-button-primary-danger-background-pressed);--rbui-button-color: var(--banana-button-primary-danger-foreground-pressed);--rbui-button-border-color: var(--rbui-button-background-color)}.rbui-button-primary-danger--loading,.rbui-button-primary-danger--disabled,.rbui-button-primary-danger:disabled{--rbui-button-background-color: var(--banana-button-primary-danger-background-disabled);--rbui-button-color: var(--banana-button-primary-danger-foreground-disabled);--rbui-button-border-color: var(--rbui-button-background-color)}button:not(.rbui-button),.rbui-button-secondary{--rbui-button-background-color: var(--banana-button-secondary-background-default);--rbui-button-color: var(--banana-button-secondary-foreground-default);--rbui-button-border-color: var(--banana-button-secondary-border-default)}button:hover:not(.rbui-button),.rbui-button-secondary:hover:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-background-color: var(--banana-button-secondary-background-hover);--rbui-button-color: var(--banana-button-secondary-foreground-hover);--rbui-button-border-color: var(--banana-button-secondary-border-hover)}button:active:not(.rbui-button),.rbui-button-secondary--active:not(.rbui-button--disabled,.rbui-button--loading),.rbui-button-secondary:active:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-background-color: var(--banana-button-secondary-background-pressed);--rbui-button-color: var(--banana-button-secondary-foreground-pressed);--rbui-button-border-color: var(--banana-button-secondary-border-pressed)}button:disabled:not(.rbui-button),.rbui-button-secondary--loading,.rbui-button-secondary--disabled,.rbui-button-secondary:disabled{--rbui-button-background-color: var(--banana-button-secondary-background-disabled);--rbui-button-color: var(--banana-button-secondary-foreground-disabled);--rbui-button-border-color: var(--banana-button-secondary-border-disabled)}.rbui-button-secondary-danger{--rbui-button-background-color: var(--banana-button-secondary-danger-background-default);--rbui-button-color: var(--banana-button-secondary-danger-foreground-default);--rbui-button-border-color: var(--banana-button-secondary-danger-border-default)}.rbui-button-secondary-danger:hover:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-background-color: var(--banana-button-secondary-danger-background-hover);--rbui-button-color: var(--banana-button-secondary-danger-foreground-hover);--rbui-button-border-color: var(--banana-button-secondary-danger-border-hover)}.rbui-button-secondary-danger--active:not(.rbui-button--disabled,.rbui-button--loading),.rbui-button-secondary-danger:active:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-background-color: var(--banana-button-secondary-danger-background-pressed);--rbui-button-color: var(--banana-button-secondary-danger-foreground-pressed);--rbui-button-border-color: var(--banana-button-secondary-danger-border-pressed)}.rbui-button-secondary-danger--loading,.rbui-button-secondary-danger--disabled,.rbui-button-secondary-danger:disabled{--rbui-button-background-color: var(--banana-button-secondary-danger-background-disabled);--rbui-button-color: var(--banana-button-secondary-danger-foreground-disabled);--rbui-button-border-color: var(--banana-button-secondary-danger-border-disabled)}.rbui-button-tertiary{--rbui-button-background-color: transparent;--rbui-button-color: var(--banana-button-tertiary-foreground-default);--rbui-button-border-color: transparent}.rbui-button-tertiary--has-icons{--rbui-button-padding: var(--banana-space-1x)}.rbui-button-tertiary--active:not(.rbui-button--disabled,.rbui-button--loading),.rbui-button-tertiary:active:not(.rbui-button--disabled,.rbui-button--loading),.rbui-button-tertiary:hover:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-background-color: var(--banana-button-tertiary-background-hover);--rbui-button-border-color: transparent}.rbui-button-tertiary--loading,.rbui-button-tertiary--disabled,.rbui-button-tertiary:disabled{--rbui-button-color: var(--banana-button-tertiary-foreground-disabled)}.rbui-button-tertiary-danger{--rbui-button-background-color: transparent;--rbui-button-color: var(--banana-button-tertiary-danger-foreground-default);--rbui-button-border-color: transparent}.rbui-button-tertiary-danger--has-icons{--rbui-button-padding: var(--banana-space-1x)}.rbui-button-tertiary-danger--active:not(.rbui-button--disabled,.rbui-button--loading),.rbui-button-tertiary-danger:active:not(.rbui-button--disabled,.rbui-button--loading),.rbui-button-tertiary-danger:hover:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-color: var(--banana-button-tertiary-danger-foreground-default);--rbui-button-background-color: var(--banana-button-tertiary-danger-background-hover);--rbui-button-border-color: transparent}.rbui-button-tertiary-danger--loading,.rbui-button-tertiary-danger--disabled,.rbui-button-tertiary-danger:disabled{--rbui-button-color: var(--banana-button-tertiary-danger-foreground-disabled)}.rbui-button-tertiary-alternative{--rbui-button-background-color: transparent;--rbui-button-color: var(--banana-button-tertiary-alt-foreground-default);--rbui-button-border-color: transparent}.rbui-button-tertiary-alternative--has-icons{--rbui-button-padding: var(--banana-space-1x)}.rbui-button-tertiary-alternative--active:not(.rbui-button--disabled,.rbui-button--loading),.rbui-button-tertiary-alternative:active:not(.rbui-button--disabled,.rbui-button--loading),.rbui-button-tertiary-alternative:hover:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-background-color: var(--banana-button-tertiary-alt-background-hover);--rbui-button-color: var(--banana-button-tertiary-alt-foreground-hover);--rbui-button-border-color: transparent}.rbui-button-tertiary-alternative--loading,.rbui-button-tertiary-alternative--disabled,.rbui-button-tertiary-alternative:disabled{--rbui-button-color: var(--banana-button-tertiary-alt-foreground-disabled)}.rbui-button-group{display:flex;transition:var(--banana-transition-default)}.rbui-button-group--primary{--rbui-button-group-border-split: var(--banana-button-primary-border-split);--rbui-button-group-button-border-hover: var(--banana-button-primary-border-split)}.rbui-button-group--secondary{--rbui-button-group-border-split: var(--banana-button-secondary-border-default);--rbui-button-group-button-border-hover: var(--banana-button-secondary-border-hover)}.rbui-button-group--tertiary{--rbui-button-group-border-split: var(--banana-button-secondary-border-default);--rbui-button-group-button-border-hover: var(--banana-button-secondary-border-default)}.rbui-button-group__button{margin-left:-1px;z-index:0}.rbui-button-group__button:hover:not(:active,.rbui-button-group__button--disabled){z-index:1}.rbui-button-group__button--first{border-top-right-radius:0;border-bottom-right-radius:0}.rbui-button-group__button--first:hover:not(:active,.rbui-button-group__button--disabled){border-right-color:var(--rbui-button-group-button-border-hover)}.rbui-button-group__button--middle{border-radius:0;border-left-color:var(--rbui-button-group-border-split)}.rbui-button-group__button--middle:hover:not(:active,.rbui-button-group__button--disabled){border-left-color:var(--rbui-button-group-button-border-hover);border-right-color:var(--rbui-button-group-button-border-hover)}.rbui-button-group__button--last{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--rbui-button-group-border-split)}.rbui-button-group__button--last:hover:not(:active,.rbui-button-group__button--disabled){border-left-color:var(--rbui-button-group-button-border-hover)}.rbui-toggle-button{transition:var(--banana-transition-default)}.rbui-toggle-button--selected{color:var(--banana-button-secondary-foreground-clicked);background-color:var(--banana-button-secondary-background-clicked)}.rbui-menu-content{border-radius:4px;min-width:160px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:var(--banana-space-1x) 0px;margin:0;color:var(--banana-dropdown-foreground-default);background-color:var(--banana-dropdown-background-main);box-shadow:var(--banana-elevation-2)}.rbui-menu-group{margin:inherit;padding:inherit}.rbui-menu-group__container{list-style-type:none}.rbui-menu-item,.rbui-menu-group__label{display:flex;position:relative;align-items:center;gap:var(--banana-space-1x);padding:var(--banana-space-1x) var(--banana-space-1x);margin:0px var(--banana-space-1x) 1px var(--banana-space-1x);border-radius:4px;color:var(--banana-dropdown-foreground-default);background-color:var(--banana-dropdown-background-main);font:var(--banana-item-default);outline-style:none;-webkit-user-select:none;user-select:none;cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.rbui-menu-group__label{font:var(--banana-item-group);margin-left:0;margin-right:0;padding:var(--banana-space-0x) var(--banana-space-2x);border-radius:0;color:var(--banana-dropdown-foreground-group);background-color:var(--banana-dropdown-background-group);text-transform:var(--banana-text-uppercase);cursor:default}.rbui-menu-item{display:flex;position:relative;align-items:center;gap:var(--banana-space-1x);padding:var(--banana-space-1x) var(--banana-space-1x);margin:0px var(--banana-space-1x) 1px var(--banana-space-1x);border-radius:4px;color:var(--banana-dropdown-foreground-default);background-color:var(--banana-dropdown-background-main);font:var(--banana-item-default);outline-style:none;-webkit-user-select:none;user-select:none;cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.rbui-menu-item--disabled{color:var(--banana-dropdown-foreground-disabled);opacity:.5;pointer-events:none}.rbui-menu-item--highlighted{color:var(--banana-dropdown-foreground-hover);background-color:var(--banana-dropdown-background-hover)}.rbui-menu-item__start-icon{display:flex;align-items:center;justify-content:center}.rbui-menu-separator{height:1px;margin:var(--banana-space-0x) var(--banana-space-1x);background-color:var(--banana-global-separator);list-style-type:none}.rbui-alert{--rbui-alert-spacing-m: 16px;--rbui-alert-padding: var(--rbui-alert-spacing-m);display:flex;position:relative;gap:var(--rbui-alert-padding);border-radius:8px;padding-block:var(--rbui-alert-padding);padding-inline:var(--rbui-alert-padding) calc(var(--rbui-alert-padding) * 3);background-color:var(--rbui-alert-background-color)}.rbui-alert--error{--rbui-alert-background-color: var(--banana-alert-error-background)}.rbui-alert--info{--rbui-alert-background-color: var(--banana-alert-info-background)}.rbui-alert--success{--rbui-alert-background-color: var(--banana-alert-success-background)}.rbui-alert--warning{--rbui-alert-background-color: var(--banana-alert-warning-background)}.rbui-alert__icon{width:16px;height:16px;padding-top:2px;color:var(--rbui-alert-icon-color)}.rbui-alert__icon--error{--rbui-alert-icon-color: var(--banana-alert-error-foreground)}.rbui-alert__icon--info{--rbui-alert-icon-color: var(--banana-alert-info-foreground)}.rbui-alert__icon--success{--rbui-alert-icon-color: var(--banana-alert-success-foreground)}.rbui-alert__icon--warning{--rbui-alert-icon-color: var(--banana-alert-warning-foreground)}.rbui-alert__content{font:var(--rbui-font-base)}.rbui-alert__actions{display:flex;gap:calc(var(--rbui-alert-spacing-m) / 2);margin-top:var(--rbui-alert-spacing-m)}.rbui-alert__close{position:absolute;top:8px;right:8px}.rbui-alert-title{font:var(--rbui-font-heading-h4);font-weight:var(--rbui-font-weight-semibold);font-size:var(--rbui-heading-h4);color:var(--banana-heading-primary-foreground);margin-bottom:8px}.rbui-alert-title:last-child{margin-bottom:0}.rbui-modal{--rbui-border-radius: 8px;--rbui-elevation-3: var(--banana-elevation-3);display:flex;position:fixed;inset:var(--banana-space-2x);align-items:center;justify-content:center;z-index:1300}.rbui-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--banana-global-overlay);z-index:-1}.rbui-modal__wrapper{--rbui-modal-width: 480px;display:flex;flex-flow:column;max-height:100%;width:var(--rbui-modal-width);border-radius:var(--rbui-border-radius);background-color:var(--banana-modal-background-default);box-shadow:var(--rbui-elevation-3)}.rbui-modal__wrapper--sm{--rbui-modal-width: 480px}.rbui-modal__wrapper--md{--rbui-modal-width: 768px}.rbui-modal__wrapper--lg{--rbui-modal-width: 1024px}.rbui-modal__wrapper--full{--rbui-modal-width: 100%}.rbui-modal__header-close{margin-right:calc(var(--banana-space-1x) * -1)}.rbui-modal__header{display:flex;justify-content:space-between;gap:var(--banana-space-1x);padding:var(--banana-space-2x) var(--banana-space-3x) 0}.rbui-modal__header-section{flex-grow:1}.rbui-modal__header-title{font:var(--banana-heading-1);color:var(--banana-heading-primary-foreground)}.rbui-modal__body{--rbui-modal-body-padding: var(--banana-space-1x) var(--banana-space-3x) var(--banana-space-3x);font:var(--banana-p);color:var(--banana-text-body);padding:var(--rbui-modal-body-padding);overflow-y:auto}.rbui-modal__body--none{--rbui-modal-body-padding: 0}.rbui-modal__body--narrow{--rbui-modal-body-padding: var(--banana-space-1x) var(--banana-space-3x) var(--banana-space-3x)}.rbui-modal__body--wide{--rbui-modal-body-padding: var(--banana-space-3x)}.rbui-modal__footer{display:flex;align-items:center;justify-content:flex-start;gap:var(--banana-space-1x);border-bottom-left-radius:var(--rbui-border-radius);border-bottom-right-radius:var(--rbui-border-radius);padding:var(--banana-space-1x) var(--banana-space-2x);background-color:var(--banana-modal-background-footer)}.rbui-modal__footer--actions{display:flex;gap:var(--banana-space-1x);margin-left:auto}.rbui-base-field{--rbui-base-field-helper-color: var(--banana-text-subtl);--rbui-base-field-control-margin-block-start: 0;--rbui-base-field-control-margin-block-end: 0;--rbui-base-field-control-margin-inline-start: 0;--rbui-base-field-control-margin-inline-end: 0;display:inline-grid;grid-template-areas:"label" "control" "helper"}.rbui-base-field--has-helper{--rbui-base-field-control-margin-block-end: var(--banana-space-0x)}.rbui-base-field--label-block-start{--rbui-base-field-control-margin-inline-start: 0;--rbui-base-field-control-margin-inline-end: 0;--rbui-base-field-control-margin-block-start: var(--banana-space-0x)}.rbui-base-field--label-inline-start{--rbui-base-field-control-margin-inline-start: var(--banana-space-1x);--rbui-base-field-control-margin-inline-end: 0;--rbui-base-field-control-margin-block-start: 0;grid-template-areas:"label control" ". helper"}.rbui-base-field--label-inline-end{--rbui-base-field-control-margin-inline-start: 0;--rbui-base-field-control-margin-inline-end: var(--banana-space-1x);--rbui-base-field-control-margin-block-start: 0;grid-template-areas:"control label" "helper ."}.rbui-base-field--error{--rbui-base-field-helper-color: var(--banana-states-error)}.rbui-base-field--full-width{display:grid}.rbui-base-field__label{grid-area:label;display:flex;align-items:center;gap:var(--banana-space-0x)}.rbui-base-field__icon{fill:var(--banana-input-foreground-icon)}.rbui-base-field__metadata{display:flex;align-items:center;margin-left:auto}.rbui-base-field__control{display:flex;grid-area:control;margin-inline-start:var(--rbui-base-field-control-margin-inline-start);margin-inline-end:var(--rbui-base-field-control-margin-inline-end);margin-block-start:var(--rbui-base-field-control-margin-block-start);margin-block-end:var(--rbui-base-field-control-margin-block-end)}.rbui-base-field__control>*{flex-basis:100%}.rbui-base-field__helper{grid-area:helper;display:flex;align-items:center;font:var(--banana-input-helper);color:var(--rbui-base-field-helper-color)}.rbui-base-input{--rbui-input-border-color: var(--banana-input-border-default);--rbui-input-border-width: 1px;--rbui-input-background: var(--banana-input-background-default);--rbui-input-placeholder-color: var(--banana-input-foreground-placeholder);--rbui-input-element-color: var(--banana-input-foreground-icon);--rbui-input-foreground-text: var(--banana-input-foreground-input-text);--rbui-base-input-padding-horizontal: var(--banana-space-1x);--rbui-base-input-padding-vertical: var(--banana-space-1x);display:inline-flex;align-items:center;position:relative;font:var(--banana-input-input-text);color:var(--rbui-input-foreground-text);border-radius:4px;background:var(--rbui-input-background)}.rbui-base-input:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;border:var(--rbui-input-border-width) solid var(--rbui-input-border-color);transition:var(--banana-transition-default);z-index:0}.rbui-base-input--hovered{--rbui-input-border-color: var(--banana-input-border-hover);--rbui-input-background: var(--banana-input-background-hover)}.rbui-base-input--readonly{--rbui-input-border-color: var(--banana-input-border-read-only);--rbui-input-background: var(--banana-input-background-read-only)}.rbui-base-input--disabled{--rbui-input-border-color: var(--banana-input-border-disabled);--rbui-input-background: var(--banana-input-background-disabled);--rbui-input-placeholder-color: var(--banana-input-foreground-disabled);--rbui-input-element-color: var(--banana-input-foreground-disabled);--rbui-input-foreground-text: var(--banana-input-foreground-disabled)}.rbui-base-input:focus-visible,.rbui-base-input--focused{--rbui-input-border-color: var(--banana-global-focus);--rbui-input-border-width: 2px;outline:none}.rbui-base-input--error{--rbui-input-border-color: var(--banana-states-error)}.rbui-base-input__input{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;flex:1;font:inherit;color:inherit;background:inherit;min-width:0;width:100%;padding:var(--rbui-base-input-padding-horizontal) var(--rbui-base-input-padding-vertical);margin:0;border:none;outline:none}.rbui-base-input__input::placeholder{color:var(--rbui-input-placeholder-color);opacity:1}.rbui-base-input__input--has-right{padding-right:0}.rbui-base-input__input--has-left{padding-left:0}.rbui-base-input__input--multiline{overflow:auto!important}.rbui-base-input__element{--rbui-base-input-element-space: var(--banana-space-1x);display:flex;align-items:center;gap:var(--rbui-base-input-element-space);padding-left:var(--rbui-base-input-padding-horizontal);padding-right:var(--rbui-base-input-padding-horizontal);color:var(--rbui-input-element-color);z-index:1}.rbui-base-input__element>.rbui-button{color:inherit}.rbui-base-input__element>.rbui-button+.rbui-button{margin-left:calc(-1 * var(--rbui-base-input-element-space))}.rbui-base-input__element>.rbui-button:last-child{margin-right:calc(-1 * var(--rbui-base-input-padding-horizontal) + 2px)}.rbui-base-input__element>.rbui-button:first-child{margin-left:calc(-1 * var(--rbui-base-input-padding-horizontal) + 2px)}.rbui-base-input__clear-button--hidden{visibility:hidden}.rbui-field-label{display:flex;align-items:center;color:var(--banana-input-foreground-label)}.rbui-field-label--bold{font:var(--banana-input-label)}.rbui-field-label--normal{font:var(--banana-input-input-text)}.rbui-listbox{list-style:none;margin:0;display:flex;flex-direction:column;gap:1px;background-color:var(--banana-dropdown-background-main);padding:var(--banana-space-1x)}.rbui-select-chevron{width:16px;height:16px}.rbui-select-trigger{--rbui-select-trigger-cursor: pointer}.rbui-select-trigger>*{cursor:var(--rbui-select-trigger-cursor)}.rbui-select-trigger--readonly{--rbui-select-trigger-cursor: default}.rbui-select-trigger--disabled{--rbui-select-trigger-cursor: not-allowed}.rbui-select-menu{border-radius:4px;box-shadow:var(--banana-elevation-2);max-height:230px;overflow-y:auto}.rbui-toggle{--rbui-toggle-track-color: var(--banana-toggle-background-default);--rbui-toggle-thumb-color: var(--banana-toggle-foreground-default);--rbui-toggle-thumb-margin: 0;--rbui-toggle-width: 32px;--rbui-toggle-height: 20px;--rbui-toggle-track-padding: 2px;--rbui-toggle-thumb-size: calc((var(--rbui-toggle-width) - var(--rbui-toggle-track-padding)) / 2);--rbui-toggle-cursor: pointer;box-sizing:border-box;position:relative;display:inline-block;width:var(--rbui-toggle-width);height:var(--rbui-toggle-height);border-radius:calc(var(--rbui-toggle-height) / 2);padding:1px;cursor:var(--rbui-toggle-cursor)}.rbui-toggle--checked{--rbui-toggle-track-color: var(--banana-toggle-background-active);--rbui-toggle-thumb-color: var(--banana-toggle-foreground-active);--rbui-toggle-thumb-margin: auto}.rbui-toggle--readonly{--rbui-toggle-track-color: var(--banana-toggle-background-read-only);--rbui-toggle-thumb-color: var(--banana-toggle-foreground-read-only);--rbui-toggle-cursor: default}.rbui-toggle--readonly.rbui-toggle--checked{--rbui-toggle-track-color: var(--banana-toggle-background-read-only-active);--rbui-toggle-thumb-color: var(--banana-toggle-foreground-read-only-active)}.rbui-toggle--disabled{--rbui-toggle-track-color: var(--banana-toggle-background-disabled);--rbui-toggle-thumb-color: var(--banana-toggle-foreground-disabled);--rbui-toggle-cursor: not-allowed}.rbui-toggle--disabled.rbui-toggle--checked{--rbui-toggle-track-color: var(--banana-toggle-background-active-disabled);--rbui-toggle-thumb-color: var(--banana-toggle-foreground-active-disabled)}.rbui-toggle--focus-visible,.rbui-toggle:focus-visible{outline:2px solid var(--banana-global-focus)}.rbui-toggle__track{box-sizing:border-box;display:flex;align-items:center;width:100%;height:100%;border-radius:inherit;padding:var(--rbui-toggle-track-padding);background-color:var(--rbui-toggle-track-color);transition:var(--banana-transition-default)}.rbui-toggle__thumb{margin-inline-start:var(--rbui-toggle-thumb-margin);width:var(--rbui-toggle-thumb-size);height:var(--rbui-toggle-thumb-size);border-radius:50%;background-color:var(--rbui-toggle-thumb-color)}.rbui-toggle__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:1;margin:0;cursor:inherit}.rbui-listbox-item{--rbui-listbox-item-background-color: var(--banana-dropdown-background-main);--rbui-listbox-item-font: var(--banana-item-default);--rbui-listbox-item-font-color: var(--banana-dropdown-foreground-default);--rbui-listbox-item-cursor: pointer;padding:var(--banana-space-1x);border-radius:4px;outline:none;font:var(--rbui-listbox-item-font);color:var(--rbui-listbox-item-font-color);background-color:var(--rbui-listbox-item-background-color);cursor:var(--rbui-listbox-item-cursor)}.rbui-listbox-item:focus-visible:not(.rbui-listbox-item--selected,.rbui-listbox-item--disabled),.rbui-listbox-item:hover:not(.rbui-listbox-item--selected,.rbui-listbox-item--disabled),.rbui-listbox-item--highlighted{--rbui-listbox-item-background-color: var(--banana-dropdown-background-hover);--rbui-listbox-item-font-color: var(--banana-dropdown-foreground-hover)}.rbui-listbox-item--selected{--rbui-listbox-item-background-color: var(--banana-dropdown-background-active);--rbui-listbox-item-font: var(--banana-item-active);--rbui-listbox-item-font-color: var(--banana-dropdown-foreground-active)}.rbui-listbox-item--disabled{--rbui-listbox-item-font-color: var(--banana-dropdown-foreground-disabled);--rbui-listbox-item-cursor: not-allowed}.rbui-text-field__counter{font:var(--banana-p-small);color:var(--banana-text-subtl)}.rbui-text-field__textarea{resize:none}.rbui-text-field__textarea--resizable{resize:both}.Dropdown{position:absolute;font-size:var(--rbui-font-size-s);line-height:17px;display:flex;flex-direction:column;flex:0 1 auto;box-sizing:border-box}.ScrollRegion{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;position:relative;overscroll-behavior-x:none}.ScrollRegion__Bar{cursor:pointer;transition:opacity .2s ease,background-color .2s ease;position:absolute;right:0;border-radius:3px;width:5px;background:rgba(0,0,0,.2);opacity:0;height:0}.ScrollRegion__Bar:hover{background:rgba(0,0,0,.5)}.ScrollRegion__Content{position:relative;overflow:hidden;width:100%;height:100%;overscroll-behavior-x:none}.ScrollRegion__Wrapper{position:absolute;top:0;left:0;flex:1 1 auto;display:flex;flex-direction:column}.ScrollRegion--horizontal{height:5px;right:inherit;overscroll-behavior-x:none}.ScrollRegion--horizontal-content{flex-direction:row}.ScrollView{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;position:relative}.ScrollView__Bar{cursor:pointer;transition:opacity .2s ease,background-color .2s ease;position:absolute;right:0;border-radius:3px;width:5px;background:rgba(0,0,0,.2);opacity:0;height:0}.ScrollView__Bar:hover{background:rgba(0,0,0,.5)}.ScrollView__Content{flex:1 1 auto;position:relative;display:flex;flex-direction:column}.ScrollView--horizontal{height:5px;right:inherit}.ScrollView--horizontal-content{flex-direction:row}.ScrollView--light .ScrollView__Bar{background:rgba(255,255,255,.2)}.ScrollView--light .ScrollView__Bar:hover{background:rgba(255,255,255,.5)}.ListView{display:flex;flex-direction:column;flex:1 1 auto;margin-bottom:0}.ListView__Empty{color:#1c1733;font-size:var(--rbui-font-size-m)}.ListView__Row{transition:all .2s ease;display:flex}.ListView--empty{justify-content:center;align-items:center}.Loader--medium{width:40px;height:40px;border-radius:50%;position:relative;animation:loader10-uut0ny4 .5s ease alternate infinite;animation-delay:.2s;top:50%;margin:-60px auto 0!important}.Loader--medium:after,.Loader--medium:before{content:"";position:absolute;width:40px;height:40px;border-radius:50%;animation:loader10-uut0ny4 .5s ease alternate infinite}.Loader--medium:before{left:-48px;animation-delay:.1s}.Loader--medium:after{right:-48px;animation-delay:.3s}@keyframes loader10-uut0ny4{0%{box-shadow:0 40px 0 -40px #d7dfe7}to{box-shadow:0 40px #d7dfe7}}.Loader--small{width:20px;height:20px;border-radius:50%;position:relative;animation:loader10-uut0nyq .5s ease alternate infinite;animation-delay:.2s;top:50%;margin:-30px auto 0!important}.Loader--small:after,.Loader--small:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;animation:loader10-uut0nyq .5s ease alternate infinite}.Loader--small:before{left:-28px;animation-delay:.1s}.Loader--small:after{right:-28px;animation-delay:.3s}@keyframes loader10-uut0nyq{0%{box-shadow:0 20px 0 -20px #d7dfe7}to{box-shadow:0 20px #d7dfe7}}.Loader--tiny{width:10px;height:10px;border-radius:50%;position:relative;animation:loader10-uut0nz1 .5s ease alternate infinite;animation-delay:.2s;top:50%;margin:-15px auto 0!important}.Loader--tiny:after,.Loader--tiny:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;animation:loader10-uut0nz1 .5s ease alternate infinite}.Loader--tiny:before{left:-16px;animation-delay:.1s}.Loader--tiny:after{right:-16px;animation-delay:.3s}@keyframes loader10-uut0nz1{0%{box-shadow:0 10px 0 -10px #d7dfe7}to{box-shadow:0 10px #d7dfe7}}.Selection{display:flex;flex-direction:column;margin:0;box-sizing:border-box}.Selection__Option{cursor:pointer;transition:all .2s ease;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 8px;min-height:36px;max-height:36px;box-sizing:border-box;white-space:nowrap;font-size:13px;line-height:16px;color:#147ac8;stroke:#147ac8;fill:#147ac8}.Selection__Option:hover{color:#147ac8;background:rgba(20,122,200,.1)}.Selection__Option>.Icon{display:none}.Selection__Content{cursor:pointer;transition:all .2s ease;border:1px solid #0099ff;border-radius:4px;padding:0 16px;flex:0 1 auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box;overflow:hidden}.Selection__Left{flex:1 1 auto;display:flex;flex-direction:row;align-items:center}.Selection__Decal{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;margin-right:10px}.Selection__DecalRight{transition:transform .2s ease;flex:0 1 auto;display:flex;flex-direction:row;align-items:center;transform:rotate(0)}.Selection__Value{display:flex;flex-direction:row;white-space:nowrap;margin-right:4px}.Selection__Value>b{color:#09f;margin-right:5px}.Selection__Panel{animation:ZapIn .17s ease;box-shadow:0 8px 12px #303d5026,0 0 1px #303d504f;border-radius:8px;padding:0;background:#ffffff}.Selection__Loader{animation:ZapIn .17s ease;box-shadow:0 8px 12px #303d5026,0 0 1px #303d504f;border-radius:8px;min-height:200px}.Selection__LoaderContainer{height:50%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.Selection__Search{flex:0 1 30px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;background:#ffffff;margin:8px 8px 0;height:32px;border-radius:4px;border:none;justify-content:flex-start;padding:8px}.Selection__Search>input{width:100%;height:30px;line-height:16px;box-sizing:content-box;background:rgba(0,0,0,0);border:none;font-size:var(--rbui-font-size-m);line-height:20px;letter-spacing:-.5px;color:#09f}.Selection__Search>input::selection{background:#0099ff;color:#fff;transition:all .2s ease}.Selection__Search>input:focus{border:none;color:#1c1733;outline:none;transition:all .2s ease}.Selection__Search>input::placeholder{color:#e1e2e5}.Selection__Search>input:placeholder-shown{color:#e1e2e5}.Selection__SearchIcon{color:#09f;fill:#09f;width:13px;margin-right:8px}.Selection__Label{margin:0 16px 0 0;padding:0 16px;height:36px;display:flex;flex-direction:row;justify-content:center;align-items:center;white-space:nowrap;font-weight:var(--rbui-font-weight-semibold);font-size:var(--rbui-font-size-s);line-height:20px;letter-spacing:-.5px}.Selection>select{position:absolute;transform:scale(0);max-width:0px;max-height:0px;opacity:0}.Selection--focus .Selection__DecalRight{transform:rotate(180deg)}.Selection--has-label{padding-left:0}.Selection--up{transform:scaleY(-1)}.Selection--selected{font-weight:var(--rbui-font-weight-semibold);color:#147ac8}.Selection--selected>.Icon{display:flex}.Selection--divider{border-bottom:1px solid #e1e2e5}.Selection--field-inline.Selection__Content{background:#ffffff}.Selection--field-inline.Selection--empty{color:#09f;fill:#09f;stroke:#09f;border:1px solid #0099ff}.Selection--field-inline.Selection--empty input{border:none;transition:all .2s ease}.Selection--field-inline.Selection--focus{background:#147ac8;border:1px solid #147ac8!important;color:#fff!important;fill:#fff!important;stroke:#fff!important}.Selection--field-inline.Selection--hovered{border:1px solid rgba(0,153,255,.8);color:#09fc;fill:#09fc;stroke:#09fc}.Selection--field-inline.Selection--filled{border:1px solid #0099ff;color:#09f;fill:#09f;stroke:#09f}.Selection--field-inline.Selection--error{color:#f24165;fill:#f24165;stroke:#f24165;border-color:1px solid #f24165}.Selection--field-inline.Selection--single-row{min-height:36px}.Selection--field-inline.Selection--single-row input{padding:0}.Selection--field-inline.Selection--placeholder{color:#e1e2e5}.Selection--field-inline .Selection__Label{background:#e7f1f9;color:#147ac8;stroke:#147ac8;fill:#147ac8}.Selection--field-inline .Selection__Value{display:flex;flex-direction:row;align-items:center;width:100%;height:36px;padding:0;box-sizing:content-box;background:transparent;font-size:var(--rbui-font-size-m);line-height:20px;letter-spacing:-.5px}.Selection--field-inline .Selection__Value::selection{background:#0099ff;color:#fff;fill:#fff;stroke:#fff;transition:all .2s ease}.Selection--field-inline .Selection__Value:focus{border:none;color:#fff;stroke:#fff;fill:#fff;outline:none;transition:all .2s ease}.Selection--field-inline .Selection__Value::placeholder{color:#e1e2e5;fill:#e1e2e5;stroke:#e1e2e5}.Selection--field-inline .Selection__Value:placeholder-shown{color:#e1e2e5;fill:#e1e2e5;stroke:#e1e2e5}.Selection--field-inline-subtle.Selection__Content{background:#ffffff}.Selection--field-inline-subtle.Selection--empty{color:#00284080;fill:#00284080;stroke:#00284080;border:1px solid rgba(0,40,64,.1)}.Selection--field-inline-subtle.Selection--empty input{border:none;transition:all .2s ease}.Selection--field-inline-subtle.Selection--focus{background:#147ac8;border:1px solid #147ac8!important;color:#fff!important;fill:#fff!important;stroke:#fff!important}.Selection--field-inline-subtle.Selection--hovered{border:1px solid rgba(0,153,255,.8);color:#09fc;fill:#09fc;stroke:#09fc}.Selection--field-inline-subtle.Selection--filled{border:1px solid rgba(0,40,64,.1);color:#002840;fill:#002840;stroke:#002840}.Selection--field-inline-subtle.Selection--error{color:#f24165;fill:#f24165;stroke:#f24165;border-color:1px solid #f24165}.Selection--field-inline-subtle.Selection--single-row{min-height:36px}.Selection--field-inline-subtle.Selection--single-row input{padding:0}.Selection--field-inline-subtle.Selection--placeholder{color:#e1e2e5}.Selection--field-inline-subtle .Selection__Label{background:#e7f1f9;color:#147ac8;stroke:#147ac8;fill:#147ac8}.Selection--field-inline-subtle .Selection__Value{display:flex;flex-direction:row;align-items:center;width:100%;height:36px;padding:0;box-sizing:content-box;background:transparent;font-size:var(--rbui-font-size-m);line-height:20px;letter-spacing:-.5px}.Selection--field-inline-subtle .Selection__Value::selection{background:#0099ff;color:#fff;fill:#fff;stroke:#fff;transition:all .2s ease}.Selection--field-inline-subtle .Selection__Value:focus{border:none;color:#fff;stroke:#fff;fill:#fff;outline:none;transition:all .2s ease}.Selection--field-inline-subtle .Selection__Value::placeholder{color:#e1e2e5;fill:#e1e2e5;stroke:#e1e2e5}.Selection--field-inline-subtle .Selection__Value:placeholder-shown{color:#e1e2e5;fill:#e1e2e5;stroke:#e1e2e5}.Selection--filter-header.Selection__Content{background:#ffffff}.Selection--filter-header.Selection--empty{color:#09f;fill:#09f;stroke:#09f;border:1px solid #0099ff}.Selection--filter-header.Selection--empty input{border:none;transition:all .2s ease}.Selection--filter-header.Selection--focus{background:#147ac8;border:1px solid #147ac8!important;color:#fff!important;fill:#fff!important;stroke:#fff!important}.Selection--filter-header.Selection--hovered{border:1px solid rgba(0,153,255,.8);color:#09fc;fill:#09fc;stroke:#09fc}.Selection--filter-header.Selection--filled{border:1px solid #00b2db;color:#002840;fill:#002840;stroke:#002840}.Selection--filter-header.Selection--error{color:#f24165;fill:#f24165;stroke:#f24165;border-color:1px solid #f24165}.Selection--filter-header.Selection--single-row{min-height:36px}.Selection--filter-header.Selection--single-row input{padding:0}.Selection--filter-header.Selection--placeholder{color:#e1e2e5}.Selection--filter-header .Selection__Label{background:#e7f1f9;color:#147ac8;stroke:#147ac8;fill:#147ac8}.Selection--filter-header .Selection__Value{display:flex;flex-direction:row;align-items:center;width:100%;height:36px;padding:0;box-sizing:content-box;background:transparent;font-size:var(--rbui-font-size-s);line-height:20px;letter-spacing:-.5px}.Selection--filter-header .Selection__Value::selection{background:#0099ff;color:#fff;fill:#fff;stroke:#fff;transition:all .2s ease}.Selection--filter-header .Selection__Value:focus{border:none;color:#fff;stroke:#fff;fill:#fff;outline:none;transition:all .2s ease}.Selection--filter-header .Selection__Value::placeholder{color:#e1e2e5;fill:#e1e2e5;stroke:#e1e2e5}.Selection--filter-header .Selection__Value:placeholder-shown{color:#e1e2e5;fill:#e1e2e5;stroke:#e1e2e5}.Selection--disabled{cursor:not-allowed}.Selection--disabled.Selection__Content{cursor:not-allowed;background:transparent}.Selection--disabled .Selection__Value::selection{background:transparent;color:#a8b5c8;fill:#a8b5c8;stroke:#a8b5c8}.Selection--disabled .Selection__Value:focus{border:none;color:#a8b5c8;stroke:#a8b5c8;fill:#a8b5c8;outline:none}.Selection--disabled .Selection__Value::placeholder{color:#a8b5c8;fill:#a8b5c8;stroke:#a8b5c8}.Selection--disabled .Selection__Value:placeholder-shown{color:#a8b5c8;fill:#a8b5c8;stroke:#a8b5c8}.Selection--disabled.Selection--empty{color:#a8b5c8;fill:#a8b5c8;stroke:#a8b5c8;border:1px solid #a8b5c8}.Selection--disabled.Selection--empty input{border:none}.Selection--disabled.Selection--focus{background:transparent;border:1px solid #a8b5c8!important;color:#a8b5c8!important;fill:#a8b5c8!important;stroke:#a8b5c8!important}.Selection--disabled.Selection--hovered,.Selection--disabled.Selection--filled{border:1px solid #a8b5c8;color:#a8b5c8;fill:#a8b5c8;stroke:#a8b5c8}.Selection--disabled.Selection--error{color:#a8b5c8;fill:#a8b5c8;stroke:#a8b5c8;border-color:1px solid #a8b5c8}.Selection--disabled.Selection--placeholder{color:#a8b5c8}.Selection--height-30{height:30px}.Selection--height-30 .Selection__Content{border-radius:4px;padding:0 16px;height:30px}.Selection--height-30 .Selection__Value{font-weight:var(--rbui-font-weight-semibold);font-size:13px;line-height:20px;margin-right:10px}.Selection--height-30 .Selection--single-row{min-height:30px}.Selection--height-30 .Selection--single-row input{padding:0}.Selection--height-32{height:32px}.Selection--height-32 .Selection__Content{border-radius:4px;padding:0 8px;height:32px}.Selection--height-32 .Selection__Value{font-weight:var(--rbui-font-weight-semibold);font-size:13px;line-height:170%;margin-right:10px}.Selection--height-32 .Selection--single-row{min-height:32px}.Selection--height-32 .Selection--single-row input{padding:0}.rbui-pagination{display:flex;gap:var(--banana-space-2x);align-items:center}.rbui-pagination .rbui-pagination__left{display:flex;gap:var(--banana-space-2x);align-items:center;flex-grow:1}.rbui-pagination .rbui-pagination__summary{font:var(--banana-p-small);color:var(--banana-text-subtl)}.rbui-pagination .rbui-pagination__navigation ul{display:flex;list-style:none;margin:0;padding:0}.rbui-pagination .rbui-pagination__navigation-item{font-weight:var(--banana-normal);--rbui-button-color: var(--banana-pagination-foreground-default)}.rbui-pagination .rbui-pagination__navigation-item:hover{--rbui-button-color: var(--banana-pagination-foreground-hover);--rbui-button-background-color: var(--banana-pagination-background-hover)}.rbui-pagination .rbui-pagination__navigation-item__selected,.rbui-pagination .rbui-pagination__navigation-item__selected:hover{--rbui-button-color: var(--banana-pagination-foreground-active);--rbui-button-background-color: var(--banana-pagination-background-active)}
1
+ :root{--banana-text-negative: #f24165;--banana-text-link: #019ace;--banana-text-warning: #ff9500;--banana-text-success: #0dca7a;--banana-text-subtl: #5e739c;--banana-text-body: #3d506d;--banana-space-0x: 4px;--banana-space-1x: 8px;--banana-space-2x: 16px;--banana-space-3x: 24px;--banana-space-4x: 32px;--banana-space-5x: 40px;--banana-space-6x: 48px;--banana-space-7x: 56px;--banana-space-8x: 64px;--banana-space-9x: 72px;--banana-space-10x: 80px;--banana-toast-success-border: #0dca7a;--banana-toast-success-background: #ffffff;--banana-toast-success-foreground: #0dca7a;--banana-toast-error-border: #f24165;--banana-toast-error-background: #ffffff;--banana-toast-error-foreground: #f24165;--banana-toast-info-border: #019ace;--banana-toast-info-background: #ffffff;--banana-toast-info-foreground: #019ace;--banana-toast-warning-background: #ffffff;--banana-toast-warning-foreground: #ff9500;--banana-toast-warning-border: #ff9500;--banana-breadcrumbs-disabled: #8d9db9;--banana-breadcrumbs-hover: #002840;--banana-breadcrumbs-inactive: #3d506d;--banana-breadcrumbs-active: #002840;--banana-tag-asset-accent-9-background-hover: rgba(0, 172, 229, .15);--banana-tag-asset-accent-9-background-default: rgba(1, 154, 206, .15);--banana-tag-asset-accent-9-foreground-default: #048CC2;--banana-tag-asset-accent-3-foreground-default: #098650;--banana-tag-asset-accent-3-background-default: rgba(0, 197, 134, .15);--banana-tag-asset-accent-3-background-hover: rgba(2, 179, 115, .15);--banana-tag-asset-accent-2-background-default: rgba(248, 76, 172, .15);--banana-tag-asset-accent-2-background-hover: rgba(246, 35, 154, .15);--banana-tag-asset-accent-2-foreground-default: #f6239a;--banana-tag-asset-default-background-hover: rgba(94, 115, 156, .15);--banana-tag-asset-default-background-default: rgba(141, 157, 185, .15);--banana-tag-asset-default-foreground-default: #002840;--banana-tag-asset-accent-1-foreground-default: #6347ff;--banana-tag-asset-accent-1-background-hover: rgba(99, 71, 255, .15);--banana-tag-asset-accent-1-background-default: rgba(136, 115, 255, .15);--banana-tag-asset-accent-8-background-hover: rgba(224, 187, 0, .15);--banana-tag-asset-accent-8-background-default: rgba(255, 213, 0, .15);--banana-tag-asset-accent-8-foreground-default: #8c7503;--banana-tag-asset-accent-4-foreground-default: #0080B3;--banana-tag-asset-accent-4-background-default: rgba(0, 153, 255, .15);--banana-tag-asset-accent-4-background-hover: rgba(0, 141, 235, .15);--banana-tag-asset-accent-5-foreground-default: #9b05e6;--banana-tag-asset-accent-5-background-default: rgba(194, 76, 252, .15);--banana-tag-asset-accent-5-background-hover: rgba(155, 5, 230, .15);--banana-tag-asset-accent-6-foreground-default: #bd6e00;--banana-tag-asset-accent-6-background-default: rgba(255, 149, 0, .15);--banana-tag-asset-accent-6-background-hover: rgba(235, 137, 0, .15);--banana-tag-asset-accent-7-foreground-default: #5413d8;--banana-tag-asset-accent-7-background-default: rgba(109, 45, 237, .15);--banana-tag-asset-accent-7-background-hover: rgba(84, 19, 216, .15);--banana-tag-input-background-inactive: #ffffff;--banana-tag-input-background-inactive-hover: #fff8d6;--banana-tag-input-background-hover: #e0bb00;--banana-tag-input-background-default: #ffd500;--banana-tag-input-background-disabled: rgba(255, 213, 0, .6);--banana-tag-input-foreground-inactive: #002840;--banana-tag-input-foreground-default: #002840;--banana-tag-input-foreground-disabled: rgba(0, 40, 64, .6);--banana-tag-input-border-inactive: #ffd500;--banana-tag-filter-background-active: #002840;--banana-tag-filter-background-hover: #bdcee3;--banana-tag-filter-background-default: #e1e8f5;--banana-tag-filter-foreground-active: #ffffff;--banana-tag-filter-foreground-default: #002840;--banana-toggle-background-default: #bdcee3;--banana-toggle-background-active-disabled: #e1e8f5;--banana-toggle-background-active: #019ace;--banana-toggle-background-read-only-active: rgba(91, 197, 232, .6);--banana-toggle-background-disabled: #e1e8f5;--banana-toggle-background-read-only: #e1e8f5;--banana-toggle-foreground-disabled: #f7f9fc;--banana-toggle-foreground-active-disabled: #f7f9fc;--banana-toggle-foreground-default: #ffffff;--banana-toggle-foreground-active: #ffffff;--banana-toggle-foreground-read-only-active: #e6f9ff;--banana-toggle-foreground-read-only: #ffffff;--banana-checkbox-background-disabled: #f7f9fc;--banana-checkbox-background-read-only: #e1e8f5;--banana-checkbox-background-active: #019ace;--banana-checkbox-background-active-hover: #00ace5;--banana-checkbox-background-default: #ffffff;--banana-checkbox-background-error: #ffffff;--banana-checkbox-background-hover: #ffffff;--banana-checkbox-border-disbled: #e1e8f5;--banana-checkbox-border-error: #f24165;--banana-checkbox-border-default: #bdcee3;--banana-checkbox-border-read-only: #e1e8f5;--banana-checkbox-border-hover: #8d9db9;--banana-checkbox-foreground-read-only: #8d9db9;--banana-checkbox-foreground-disabled: #8d9db9;--banana-checkbox-foreground-active: #ffffff;--banana-radio-border-error: #f24165;--banana-radio-border-hover: #8d9db9;--banana-radio-border-read-only: #e1e8f5;--banana-radio-border-default: #bdcee3;--banana-radio-border-disbled: #e1e8f5;--banana-radio-background-active: #019ace;--banana-radio-background-active-hover: #00ace5;--banana-radio-background-default: #ffffff;--banana-radio-background-hover: #ffffff;--banana-radio-background-error: #ffffff;--banana-radio-background-disabled: #f7f9fc;--banana-radio-background-read-only: #e1e8f5;--banana-radio-foreground-active: #f7f9fc;--banana-radio-foreground-read-only: #8d9db9;--banana-radio-foreground-disabled: #8d9db9;--banana-dropdown-background-active: rgba(0, 172, 229, .1);--banana-dropdown-background-active-highlight: #00ace5;--banana-dropdown-background-main: #ffffff;--banana-dropdown-background-group: #f7f9fc;--banana-dropdown-background-hover: rgba(141, 157, 185, .1);--banana-dropdown-background-hover-highlighted: rgba(0, 40, 64, .1);--banana-dropdown-foreground-group: #3d506d;--banana-dropdown-foreground-disabled: #8d9db9;--banana-dropdown-foreground-default: #3d506d;--banana-dropdown-foreground-hover: #3d506d;--banana-dropdown-foreground-active: #002840;--banana-dropdown-border-divider: #e1e8f5;--banana-input-foreground-disabled: #8d9db9;--banana-input-foreground-placeholder: #5e739c;--banana-input-foreground-input-text: #002840;--banana-input-foreground-label: #3d506d;--banana-input-foreground-icon: #5e739c;--banana-input-border-hover: #8d9db9;--banana-input-border-filling-inline: #019ace;--banana-input-border-disabled: #e1e8f5;--banana-input-border-default: #bdcee3;--banana-input-border-read-only: #e1e8f5;--banana-input-background-disabled: #f7f9fc;--banana-input-background-default: #ffffff;--banana-input-background-hover: #ffffff;--banana-input-background-read-only: #e1e8f5;--banana-input-label: 600 12px/16px Inter, Arial, Helvetica, sans-serif;--banana-input-input-text: 400 14px/20px Inter, Arial, Helvetica, sans-serif;--banana-input-helper: 400 12px/16px Inter, Arial, Helvetica, sans-serif;--banana-button-secondary-border-disabled: #e1e8f5;--banana-button-secondary-border-clicked: #5e739c;--banana-button-secondary-border-pressed: #bdcee3;--banana-button-secondary-border-default: #bdcee3;--banana-button-secondary-border-hover: #8d9db9;--banana-button-secondary-background-disabled: #f7f9fc;--banana-button-secondary-background-clicked: #5e739c;--banana-button-secondary-background-pressed: #e1e8f5;--banana-button-secondary-background-hover: #f7f9fc;--banana-button-secondary-background-default: #f7f9fc;--banana-button-secondary-foreground-clicked: #ffffff;--banana-button-secondary-foreground-disabled: #8d9db9;--banana-button-secondary-foreground-default: #3d506d;--banana-button-secondary-foreground-pressed: #3d506d;--banana-button-secondary-foreground-hover: #3d506d;--banana-button-tertiary-foreground-disabled: #8d9db9;--banana-button-tertiary-foreground-default: #3d506d;--banana-button-tertiary-foreground-hover: #002840;--banana-button-tertiary-background-hover: rgba(189, 206, 227, .1);--banana-button-primary-foreground-default: #002840;--banana-button-primary-foreground-hover: #002840;--banana-button-primary-foreground-pressed: #002840;--banana-button-primary-foreground-disabled: rgba(94, 115, 156, .6);--banana-button-primary-border-split: #e0bb00;--banana-button-primary-background-disabled: rgba(255, 228, 92, .6);--banana-button-primary-background-pressed: #e0bb00;--banana-button-primary-background-hover: #ffdd33;--banana-button-primary-background-default: #ffd500;--banana-button-tertiary-danger-foreground-disabled: #f78da4;--banana-button-tertiary-danger-foreground-default: #f24165;--banana-button-tertiary-danger-foreground-hover: #f24165;--banana-button-tertiary-danger-background-hover: rgba(242, 65, 101, .1);--banana-button-secondary-danger-border-disabled: #fab3c2;--banana-button-secondary-danger-border-pressed: #f24165;--banana-button-secondary-danger-border-hover: #f02450;--banana-button-secondary-danger-border-default: #f24165;--banana-button-secondary-danger-foreground-disabled: #f78da4;--banana-button-secondary-danger-foreground-default: #f24165;--banana-button-secondary-danger-foreground-pressed: #f24165;--banana-button-secondary-danger-foreground-hover: #f24165;--banana-button-secondary-danger-background-pressed: #fcd9e1;--banana-button-secondary-danger-background-disabled: #feecf0;--banana-button-secondary-danger-background-default: #feecf0;--banana-button-secondary-danger-background-hover: #feecf0;--banana-button-primary-danger-foreground-disabled: #fcd9e1;--banana-button-primary-danger-foreground-default: #ffffff;--banana-button-primary-danger-foreground-hover: #ffffff;--banana-button-primary-danger-foreground-pressed: #ffffff;--banana-button-primary-danger-background-disabled: #f78da4;--banana-button-primary-danger-background-pressed: #f02450;--banana-button-primary-danger-background-hover: #f35376;--banana-button-primary-danger-background-default: #f24165;--banana-button-label: 600 14px/16px Inter, Arial, Helvetica, sans-serif;--banana-button-inline-foreground-disabled: #5BC5E8;--banana-button-inline-foreground-default: #019ace;--banana-button-inline-foreground-hover: #048CC2;--banana-table-head-default: #5e739c;--banana-table-head-active: #3d506d;--banana-table-row-border-default: #e1e8f5;--banana-table-row-background-active: rgba(0, 172, 229, .1);--banana-table-row-background-hover: rgba(189, 206, 227, .1);--banana-table-row-foreground-secondary: #3d506d;--banana-table-row-foreground-primary: #002840;--banana-tab-border-default: #e1e8f5;--banana-tab-border-hover: #bdcee3;--banana-tab-border-active: #019ace;--banana-tab-background-hover: rgba(141, 157, 185, .1);--banana-tab-background-main-variants: #f7f9fc;--banana-tab-background-subtl: #f7f9fc;--banana-tab-background-main: #ffffff;--banana-tab-background-active-variants: #ffffff;--banana-tab-foreground-active: #002840;--banana-tab-foreground-hover: #002840;--banana-tab-foreground-inactive: #3d506d;--banana-tab-foreground-disabled: #8d9db9;--banana-states-warning: #ff9500;--banana-states-success: #0dca7a;--banana-states-default: #bdcee3;--banana-states-error: #f24165;--banana-states-info: #019ace;--banana-nav-border-active: #ffd500;--banana-nav-background-hover: rgba(141, 157, 185, .1);--banana-nav-background-default: #002840;--banana-nav-foreground-active: #ffd500;--banana-nav-foreground-hover: #ffffff;--banana-nav-foreground-default: #bdcee3;--banana-scroll-hover: #8d9db9;--banana-scroll-default: #bdcee3;--banana-alert-info-background: #e6f9ff;--banana-alert-info-foreground: #019ace;--banana-alert-error-foreground: #f24165;--banana-alert-error-background: #feecf0;--banana-alert-success-foreground: #0dca7a;--banana-alert-success-background: #e7fdf4;--banana-alert-warning-background: #fff4e5;--banana-alert-warning-foreground: #ff9500;--banana-global-focus: #00ace5;--banana-global-separator: #e1e8f5;--banana-global-main: #ffffff;--banana-global-overlay: rgba(0, 40, 64, .4);--banana-tooltip-foreground-icon: #5e739c;--banana-tooltip-foreground-icon-hover: #3d506d;--banana-tooltip-foreground-text: #ffffff;--banana-tooltip-background-error: #f24165;--banana-tooltip-background-default: #002840;--banana-aside-border: #e1e8f5;--banana-aside-background: #f7f9fc;--banana-heading-tertiary-foreground: #5e739c;--banana-heading-secondary-foreground: #3d506d;--banana-heading-primary-foreground: #002840;--banana-badge-neutral-foreground: #002840;--banana-badge-neutral-background: #e1e8f5;--banana-badge-default-foreground: #002840;--banana-badge-default-background: #ffd500;--banana-badge-success-foreground: #ffffff;--banana-badge-success-background: #0dca7a;--banana-badge-secondary-foreground: #019ace;--banana-badge-secondary-background: #e6f9ff;--banana-tree-foreground-default: #3d506d;--banana-tree-foreground-active: #002840;--banana-tree-background-hover: rgba(141, 157, 185, .1);--banana-tree-background-active: rgba(0, 172, 229, .1);--banana-tree-border-structure: #8d9db9;--banana-heading-xl: 600 32px/40px Inter, Arial, Helvetica, sans-serif;--banana-heading-1: 600 24px/32px Inter, Arial, Helvetica, sans-serif;--banana-heading-1-regular: 400 24px/32px Inter, Arial, Helvetica, sans-serif;--banana-heading-2: 600 20px/28px Inter, Arial, Helvetica, sans-serif;--banana-heading-3: 600 18px/24px Inter, Arial, Helvetica, sans-serif;--banana-heading-4: 600 16px/20px Inter, Arial, Helvetica, sans-serif;--banana-heading-5: 600 12px/18px Inter, Arial, Helvetica, sans-serif;--banana-p: 400 14px/20px Inter, Arial, Helvetica, sans-serif;--banana-p-link: 400 14px/20px Inter, Arial, Helvetica, sans-serif;--banana-p-bold: 600 14px/20px Inter, Arial, Helvetica, sans-serif;--banana-p-small: 400 12px/16px Inter, Arial, Helvetica, sans-serif;--banana-p-small-link: 400 12px/16px Inter, Arial, Helvetica, sans-serif;--banana-p-small-bold: 600 12px/16px Inter, Arial, Helvetica, sans-serif;--banana-mono: 400 14px/24px "Roboto Mono";--banana-mono-small: 400 12px/16px "Roboto Mono";--banana-item-default: 400 14px/16px Inter, Arial, Helvetica, sans-serif;--banana-item-active: 600 14px/16px Inter, Arial, Helvetica, sans-serif;--banana-item-group: 600 12px/16px Inter, Arial, Helvetica, sans-serif;--banana-modal-background-default: #ffffff;--banana-modal-background-footer: #f7f9fc;--banana-slider-foreground-default: #019ace;--banana-slider-foreground-disabled: #5BC5E8;--banana-slider-foreground-tickmark-active: #ffffff;--banana-slider-foreground-tickmark: #8d9db9;--banana-slider-background-default: #e1e8f5;--banana-slider-border-hover: rgba(1, 154, 206, .1);--banana-card-background-default: #ffffff;--banana-card-background-new: #e6f9ff;--banana-card-broder-default: #e1e8f5;--banana-card-broder-new: #82D3EE;--banana-progress-bar-foreground-default: #019ace;--banana-progress-bar-background-default: #e1e8f5;--banana-transition-default: all .15s cubic-bezier(.65, .05, .36, 1);--banana-pagination-foreground-default: #3d506d;--banana-pagination-foreground-hover: #3d506d;--banana-pagination-foreground-active: #048CC2;--banana-pagination-background-hover: rgba(141, 157, 185, .1);--banana-pagination-background-active: rgba(0, 172, 229, .1);--banana-elevation-1: 0 0 1px 0 #0028400a, 0 2px 2px 0 #00284008, 0 4px 2px 0 #00284005, 0 7px 3px 0 #00284003, 0 11px 3px 0 #00284000;--banana-elevation-2: 0 2px 5px 0 #0028400f, 0 9px 9px 0 #0028400d, 0 20px 12px 0 #00284008, 0 36px 15px 0 #00284003, 0 57px 16px 0 #00284000;--banana-elevation-3: 0 4px 9px 0 #00284014, 0 17px 17px 0 #00284012, 0 38px 23px 0 #0028400a, 0 68px 27px 0 #00284003, 0 107px 30px 0 #00284000}:root{--banana-accent-100: #8873ff;--banana-accent-150: #6347ff;--banana-accent-200: #f84cac;--banana-accent-250: #f6239a;--banana-accent-300: #00C586;--banana-accent-350: #02B373;--banana-accent-400: #0099ff;--banana-accent-450: #008deb;--banana-accent-500: #c24cfc;--banana-accent-550: #9b05e6;--banana-accent-600: #FF862E;--banana-accent-650: #ED6E12;--banana-accent-700: #6d2ded;--banana-accent-750: #5413d8;--banana-accent-800: #ffd500;--banana-accent-850: #e0bb00;--banana-green-50: #e7fdf4;--banana-green-100: #d4fceb;--banana-green-200: #a9f9d6;--banana-green-300: #7ef6c2;--banana-green-400: #28ea96;--banana-green-500: #0dca7a;--banana-green-600: #0cb069;--banana-green-700: #098650;--banana-orange-50: #fff4e5;--banana-orange-100: #ffecd1;--banana-orange-200: #ffd9a3;--banana-orange-300: #ffc675;--banana-orange-400: #ffb347;--banana-orange-500: #ff9500;--banana-orange-600: #eb8900;--banana-orange-700: #bd6e00;--banana-red-50: #feecf0;--banana-red-100: #fcd9e1;--banana-red-200: #fab3c2;--banana-red-300: #f78da4;--banana-red-400: #f35376;--banana-red-500: #f24165;--banana-red-600: #f02450;--banana-red-700: #ac0c2f;--banana-gold-50: #fff8d6;--banana-gold-100: #fff1ad;--banana-gold-200: #ffeb85;--banana-gold-300: #ffe45c;--banana-gold-400: #ffdd33;--banana-gold-500: #ffd500;--banana-gold-600: #e0bb00;--banana-gold-700: #8c7503;--banana-blue-50: #e6f9ff;--banana-blue-100: #CCF0FC;--banana-blue-200: #82D3EE;--banana-blue-300: #5BC5E8;--banana-blue-400: #00ace5;--banana-blue-500: #019ace;--banana-blue-600: #048CC2;--banana-blue-700: #0080B3;--banana-neutral-100: #f7f9fc;--banana-neutral-200: #e1e8f5;--banana-neutral-300: #bdcee3;--banana-neutral-400: #8d9db9;--banana-neutral-500: #5e739c;--banana-neutral-600: #3d506d;--banana-neutral-700: #002840;--banana-neutral-000: #ffffff;--banana-normal: 400;--banana-medium: 500;--banana-bold: 600;--banana-x-small: 12px;--banana-small: 14px;--banana-base: 16px;--banana-h5: 12px;--banana-h4: 16px;--banana-h3: 18px;--banana-h2: 20px;--banana-h1: 24px;--banana-x-large: 32px;--banana-line-base: 16px;--banana-line-increment: 4px;--banana-opacity-disabled: .6;--banana-opacity-hover: .1;--banana-opacity-tag: .15;--banana-font-primary: Inter, Arial, Helvetica, sans-serif;--banana-font-primary-fallback-1: Arial;--banana-font-primary-fallback-2: Helvetica;--banana-font-mono: "Roboto Mono";--banana-text-uppercase: uppercase;--banana-sans-serif: sans-serif;--banana-line-height-p: 20px;--banana-line-height-p-small: 16px;--banana-line-height-x-large: 40px;--banana-line-height-h1: 32px;--banana-line-height-h2: 28px;--banana-line-height-h3: 24px;--banana-line-height-mono: 24px;--banana-line-height-h4: 20px;--banana-line-height-h5: 18px;--banana-space-base: 8px;--banana-radius-none: 0;--banana-radius-0x: 4px;--banana-radius-1x: 8px;--banana-radius-2x: 16px;--banana-radius-full: 999px}:root{--rbui-font-family-primary: var(--banana-font-primary);--rbui-font-family-mono: var(--banana-font-mono);--rbui-font-weight-normal: var(--banana-normal);--rbui-font-weight-medium: var(--banana-medium);--rbui-font-weight-semibold: var(--banana-bold);--rbui-font-size-xs: var(--banana-x-small);--rbui-font-size-s: var(--banana-small);--rbui-font-size-m: var(--banana-base);--rbui-font-size-xl: var(--banana-x-large);--rbui-font-base: var(--banana-p);--rbui-font-heading-h4: var(--banana-heading-4);--rbui-heading-h5: var(--banana-h5);--rbui-heading-h4: var(--banana-h4);--rbui-heading-h3: var(--banana-h3);--rbui-heading-h2: var(--banana-h2);--rbui-heading-h1: var(--banana-h1)}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100;src:url(./assets/07b7cbee8c27c52b.woff2) format("woff2"),url(./assets/890b0d2775b11b03.woff) format("woff");font-display:swap}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:200;src:url(./assets/2c8a49cf7f48508e.woff2) format("woff2"),url(./assets/85fa36b32f292fab.woff) format("woff");font-display:swap}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:300;src:url(./assets/2364528aa26ddeb9.woff2) format("woff2"),url(./assets/1052fbd2e88856a5.woff) format("woff");font-display:swap}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(./assets/aa44fca348320e5f.woff2) format("woff2"),url(./assets/91b7f766c5a0e2f2.woff) format("woff");font-display:swap}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:500;src:url(./assets/46fa1c6b252fcd30.woff2) format("woff2"),url(./assets/7b8797af6aa2dcd3.woff) format("woff");font-display:swap}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:600;src:url(./assets/6afe6fcd2cfff82a.woff2) format("woff2"),url(./assets/8f8f208069ab5a35.woff) format("woff");font-display:swap}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:700;src:url(./assets/23936cd69c0df5e3.woff2) format("woff2"),url(./assets/c8009c6220cf0a3d.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:100;src:url(./assets/ac80325229b9fac0.woff2) format("woff2"),url(./assets/d5fbd6898f2358c0.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:200;src:url(./assets/7108244139412a91.woff2) format("woff2"),url(./assets/7e269aac63855b6d.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:300;src:url(./assets/9c0edf756bab0deb.woff2) format("woff2"),url(./assets/7886bf65f26844b0.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(./assets/493934f7829ce6ee.woff2) format("woff2"),url(./assets/5a243e9a960738af.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url(./assets/b7be75b98668e17e.woff2) format("woff2"),url(./assets/624e0489948ec8b0.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:600;src:url(./assets/a3e93aa0a5e91ba1.woff2) format("woff2"),url(./assets/4a896454d29a1db4.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url(./assets/7ddf3c11ee20d322.woff2) format("woff2"),url(./assets/dd56dd48de1d539e.woff) format("woff");font-display:swap}body,html{font-family:var(--rbui-font-family-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rbui-tooltip{min-width:24px;max-width:min(60%,256px);z-index:999999}.rbui-tooltip__inner{background:var(--banana-tooltip-background-default);color:var(--banana-tooltip-foreground-text);padding:var(--banana-space-1x);border-radius:4px;font:var(--banana-p-small);box-shadow:var(--banana-elevation-2)}.rbui-tooltip__inner--open,.rbui-tooltip__inner--close{transition:var(--banana-transition-default)}.rbui-tooltip__inner--inital,.rbui-tooltip__inner--close{opacity:0}.rbui-tooltip__arrow path{fill:var(--banana-tooltip-background-default)}button,[type=button],[type=reset],[type=submit],.rbui-button{--rbui-button-padding: var(--banana-space-1x) var(--banana-space-2x);outline:none;display:flex;align-items:center;justify-content:center;height:36px;padding:var(--rbui-button-padding);gap:var(--banana-space-1x);border-radius:4px;border:1px solid var(--rbui-button-border-color);font:var(--banana-button-label);background-color:var(--rbui-button-background-color);color:var(--rbui-button-color);transition:var(--banana-transition-default);cursor:pointer}.rbui-button--icon-only{--rbui-button-padding: var(--banana-space-1x)}.rbui-button--icon-only.rbui-button-tertiary,.rbui-button--icon-only.rbui-button-tertiary-alternative,.rbui-button--icon-only.rbui-button-tertiary-danger{height:32px;width:32px}.rbui-button--loading{cursor:wait}button:focus-visible,.rbui-button--focus-visible,.rbui-button:focus-visible{outline:2px solid var(--banana-global-focus);outline-offset:1px}.rbui-button--disabled,.rbui-button:disabled{cursor:not-allowed}.rbui-button__start-icon,.rbui-button__end-icon{display:flex;align-items:center;justify-content:center}.rbui-button__loader{display:flex;align-items:center;justify-content:center;padding:0 var(--banana-space-2x)}.rbui-button__loader--short{padding:0}.rbui-button__spinner{animation:loading-spinner 1s linear infinite}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rbui-button-primary{--rbui-button-background-color: var(--banana-button-primary-background-default);--rbui-button-color: var(--banana-button-primary-foreground-default);--rbui-button-border-color: var(--rbui-button-background-color)}.rbui-button-primary:hover:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-background-color: var(--banana-button-primary-background-hover);--rbui-button-color: var(--banana-button-primary-foreground-hover);--rbui-button-border-color: var(--rbui-button-background-color)}.rbui-button-primary--active:not(.rbui-button--disabled,.rbui-button--loading),.rbui-button-primary:active:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-background-color: var(--banana-button-primary-background-pressed);--rbui-button-color: var(--banana-button-primary-foreground-pressed);--rbui-button-border-color: var(--rbui-button-background-color)}.rbui-button-primary--loading,.rbui-button-primary--disabled,.rbui-button-primary:disabled{--rbui-button-background-color: var(--banana-button-primary-background-disabled);--rbui-button-color: var(--banana-button-primary-foreground-disabled);--rbui-button-border-color: var(--rbui-button-background-color)}.rbui-button-primary-danger{--rbui-button-background-color: var(--banana-button-primary-danger-background-default);--rbui-button-color: var(--banana-button-primary-danger-foreground-default);--rbui-button-border-color: var(--rbui-button-background-color)}.rbui-button-primary-danger:hover:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-background-color: var(--banana-button-primary-danger-background-hover);--rbui-button-color: var(--banana-button-primary-danger-foreground-hover);--rbui-button-border-color: var(--rbui-button-background-color)}.rbui-button-primary-danger--active:not(.rbui-button--disabled,.rbui-button--loading),.rbui-button-primary-danger:active:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-background-color: var(--banana-button-primary-danger-background-pressed);--rbui-button-color: var(--banana-button-primary-danger-foreground-pressed);--rbui-button-border-color: var(--rbui-button-background-color)}.rbui-button-primary-danger--loading,.rbui-button-primary-danger--disabled,.rbui-button-primary-danger:disabled{--rbui-button-background-color: var(--banana-button-primary-danger-background-disabled);--rbui-button-color: var(--banana-button-primary-danger-foreground-disabled);--rbui-button-border-color: var(--rbui-button-background-color)}button:not(.rbui-button),.rbui-button-secondary{--rbui-button-background-color: var(--banana-button-secondary-background-default);--rbui-button-color: var(--banana-button-secondary-foreground-default);--rbui-button-border-color: var(--banana-button-secondary-border-default)}button:hover:not(.rbui-button),.rbui-button-secondary:hover:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-background-color: var(--banana-button-secondary-background-hover);--rbui-button-color: var(--banana-button-secondary-foreground-hover);--rbui-button-border-color: var(--banana-button-secondary-border-hover)}button:active:not(.rbui-button),.rbui-button-secondary--active:not(.rbui-button--disabled,.rbui-button--loading),.rbui-button-secondary:active:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-background-color: var(--banana-button-secondary-background-pressed);--rbui-button-color: var(--banana-button-secondary-foreground-pressed);--rbui-button-border-color: var(--banana-button-secondary-border-pressed)}button:disabled:not(.rbui-button),.rbui-button-secondary--loading,.rbui-button-secondary--disabled,.rbui-button-secondary:disabled{--rbui-button-background-color: var(--banana-button-secondary-background-disabled);--rbui-button-color: var(--banana-button-secondary-foreground-disabled);--rbui-button-border-color: var(--banana-button-secondary-border-disabled)}.rbui-button-secondary-danger{--rbui-button-background-color: var(--banana-button-secondary-danger-background-default);--rbui-button-color: var(--banana-button-secondary-danger-foreground-default);--rbui-button-border-color: var(--banana-button-secondary-danger-border-default)}.rbui-button-secondary-danger:hover:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-background-color: var(--banana-button-secondary-danger-background-hover);--rbui-button-color: var(--banana-button-secondary-danger-foreground-hover);--rbui-button-border-color: var(--banana-button-secondary-danger-border-hover)}.rbui-button-secondary-danger--active:not(.rbui-button--disabled,.rbui-button--loading),.rbui-button-secondary-danger:active:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-background-color: var(--banana-button-secondary-danger-background-pressed);--rbui-button-color: var(--banana-button-secondary-danger-foreground-pressed);--rbui-button-border-color: var(--banana-button-secondary-danger-border-pressed)}.rbui-button-secondary-danger--loading,.rbui-button-secondary-danger--disabled,.rbui-button-secondary-danger:disabled{--rbui-button-background-color: var(--banana-button-secondary-danger-background-disabled);--rbui-button-color: var(--banana-button-secondary-danger-foreground-disabled);--rbui-button-border-color: var(--banana-button-secondary-danger-border-disabled)}.rbui-button-tertiary{--rbui-button-background-color: transparent;--rbui-button-color: var(--banana-button-tertiary-foreground-default);--rbui-button-border-color: transparent}.rbui-button-tertiary--has-icons{--rbui-button-padding: var(--banana-space-1x)}.rbui-button-tertiary--active:not(.rbui-button--disabled,.rbui-button--loading),.rbui-button-tertiary:active:not(.rbui-button--disabled,.rbui-button--loading),.rbui-button-tertiary:hover:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-background-color: var(--banana-button-tertiary-background-hover);--rbui-button-border-color: transparent}.rbui-button-tertiary--loading,.rbui-button-tertiary--disabled,.rbui-button-tertiary:disabled{--rbui-button-color: var(--banana-button-tertiary-foreground-disabled)}.rbui-button-tertiary-danger{--rbui-button-background-color: transparent;--rbui-button-color: var(--banana-button-tertiary-danger-foreground-default);--rbui-button-border-color: transparent}.rbui-button-tertiary-danger--has-icons{--rbui-button-padding: var(--banana-space-1x)}.rbui-button-tertiary-danger--active:not(.rbui-button--disabled,.rbui-button--loading),.rbui-button-tertiary-danger:active:not(.rbui-button--disabled,.rbui-button--loading),.rbui-button-tertiary-danger:hover:not(.rbui-button--disabled,.rbui-button--loading){--rbui-button-color: var(--banana-button-tertiary-danger-foreground-default);--rbui-button-background-color: var(--banana-button-tertiary-danger-background-hover);--rbui-button-border-color: transparent}.rbui-button-tertiary-danger--loading,.rbui-button-tertiary-danger--disabled,.rbui-button-tertiary-danger:disabled{--rbui-button-color: var(--banana-button-tertiary-danger-foreground-disabled)}.rbui-button-tertiary-alternative{--rbui-button-background-color: transparent;--rbui-button-color: var(--banana-button-inline-foreground-default);--rbui-button-border-color: transparent}.rbui-button-tertiary-alternative--has-icons{--rbui-button-padding: var(--banana-space-1x)}.rbui-button-tertiary-alternative--active:not(.rbui-button--disabled,.rbui-button--loading),.rbui-button-tertiary-alternative:active:not(.rbui-button--disabled,.rbui-button--loading),.rbui-button-tertiary-alternative:hover:not(.rbui-button--disabled,.rbui-button--loading){--banana-button-tertiary-alt-background-hover: rgba(1, 154, 206, .1);--rbui-button-background-color: var(--banana-button-tertiary-alt-background-hover);--rbui-button-color: var(--banana-button-inline-foreground-hover);--rbui-button-border-color: transparent}.rbui-button-tertiary-alternative--loading,.rbui-button-tertiary-alternative--disabled,.rbui-button-tertiary-alternative:disabled{--rbui-button-color: var(--banana-button-inline-foreground-disabled)}.rbui-button-group{display:flex;transition:var(--banana-transition-default)}.rbui-button-group--primary{--rbui-button-group-border-split: var(--banana-button-primary-border-split);--rbui-button-group-button-border-hover: var(--banana-button-primary-border-split)}.rbui-button-group--secondary{--rbui-button-group-border-split: var(--banana-button-secondary-border-default);--rbui-button-group-button-border-hover: var(--banana-button-secondary-border-hover)}.rbui-button-group--tertiary{--rbui-button-group-border-split: var(--banana-button-secondary-border-default);--rbui-button-group-button-border-hover: var(--banana-button-secondary-border-default)}.rbui-button-group__button{margin-left:-1px;z-index:0}.rbui-button-group__button:hover:not(:active,.rbui-button-group__button--disabled){z-index:1}.rbui-button-group__button--first{border-top-right-radius:0;border-bottom-right-radius:0}.rbui-button-group__button--first:hover:not(:active,.rbui-button-group__button--disabled){border-right-color:var(--rbui-button-group-button-border-hover)}.rbui-button-group__button--middle{border-radius:0;border-left-color:var(--rbui-button-group-border-split)}.rbui-button-group__button--middle:hover:not(:active,.rbui-button-group__button--disabled){border-left-color:var(--rbui-button-group-button-border-hover);border-right-color:var(--rbui-button-group-button-border-hover)}.rbui-button-group__button--last{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--rbui-button-group-border-split)}.rbui-button-group__button--last:hover:not(:active,.rbui-button-group__button--disabled){border-left-color:var(--rbui-button-group-button-border-hover)}.rbui-toggle-button{transition:var(--banana-transition-default)}.rbui-toggle-button--selected{color:var(--banana-button-secondary-foreground-clicked);background-color:var(--banana-button-secondary-background-clicked)}.rbui-menu-content{border-radius:4px;min-width:160px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:var(--banana-space-1x) 0px;margin:0;color:var(--banana-dropdown-foreground-default);background-color:var(--banana-dropdown-background-main);box-shadow:var(--banana-elevation-2)}.rbui-menu-group{margin:inherit;padding:inherit}.rbui-menu-group__container{list-style-type:none}.rbui-menu-item,.rbui-menu-group__label{display:flex;position:relative;align-items:center;gap:var(--banana-space-1x);padding:var(--banana-space-1x) var(--banana-space-1x);margin:0px var(--banana-space-1x) 1px var(--banana-space-1x);border-radius:4px;color:var(--banana-dropdown-foreground-default);background-color:var(--banana-dropdown-background-main);font:var(--banana-item-default);outline-style:none;-webkit-user-select:none;user-select:none;cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.rbui-menu-group__label{font:var(--banana-item-group);margin-left:0;margin-right:0;padding:var(--banana-space-0x) var(--banana-space-2x);border-radius:0;color:var(--banana-dropdown-foreground-group);background-color:var(--banana-dropdown-background-group);text-transform:var(--banana-text-uppercase);cursor:default}.rbui-menu-item{display:flex;position:relative;align-items:center;gap:var(--banana-space-1x);padding:var(--banana-space-1x) var(--banana-space-1x);margin:0px var(--banana-space-1x) 1px var(--banana-space-1x);border-radius:4px;color:var(--banana-dropdown-foreground-default);background-color:var(--banana-dropdown-background-main);font:var(--banana-item-default);outline-style:none;-webkit-user-select:none;user-select:none;cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.rbui-menu-item--disabled{color:var(--banana-dropdown-foreground-disabled);opacity:.5;pointer-events:none}.rbui-menu-item--highlighted{color:var(--banana-dropdown-foreground-hover);background-color:var(--banana-dropdown-background-hover)}.rbui-menu-item__start-icon{display:flex;align-items:center;justify-content:center}.rbui-menu-separator{height:1px;margin:var(--banana-space-0x) var(--banana-space-1x);background-color:var(--banana-global-separator);list-style-type:none}.rbui-alert{--rbui-alert-spacing-m: 16px;--rbui-alert-padding: var(--rbui-alert-spacing-m);display:flex;position:relative;gap:var(--rbui-alert-padding);border-radius:8px;padding-block:var(--rbui-alert-padding);padding-inline:var(--rbui-alert-padding) calc(var(--rbui-alert-padding) * 3);background-color:var(--rbui-alert-background-color)}.rbui-alert--error{--rbui-alert-background-color: var(--banana-alert-error-background)}.rbui-alert--info{--rbui-alert-background-color: var(--banana-alert-info-background)}.rbui-alert--success{--rbui-alert-background-color: var(--banana-alert-success-background)}.rbui-alert--warning{--rbui-alert-background-color: var(--banana-alert-warning-background)}.rbui-alert__icon{width:16px;height:16px;padding-top:2px;color:var(--rbui-alert-icon-color)}.rbui-alert__icon--error{--rbui-alert-icon-color: var(--banana-alert-error-foreground)}.rbui-alert__icon--info{--rbui-alert-icon-color: var(--banana-alert-info-foreground)}.rbui-alert__icon--success{--rbui-alert-icon-color: var(--banana-alert-success-foreground)}.rbui-alert__icon--warning{--rbui-alert-icon-color: var(--banana-alert-warning-foreground)}.rbui-alert__content{font:var(--rbui-font-base)}.rbui-alert__actions{display:flex;gap:calc(var(--rbui-alert-spacing-m) / 2);margin-top:var(--rbui-alert-spacing-m)}.rbui-alert__close{position:absolute;top:8px;right:8px}.rbui-alert-title{font:var(--rbui-font-heading-h4);font-weight:var(--rbui-font-weight-semibold);font-size:var(--rbui-heading-h4);color:var(--banana-heading-primary-foreground);margin-bottom:8px}.rbui-alert-title:last-child{margin-bottom:0}.rbui-modal{--rbui-border-radius: 8px;--rbui-elevation-3: var(--banana-elevation-3);display:flex;position:fixed;inset:var(--banana-space-2x);align-items:center;justify-content:center;z-index:1300}.rbui-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--banana-global-overlay);z-index:-1}.rbui-modal__wrapper{--rbui-modal-width: 480px;display:flex;flex-flow:column;max-height:100%;width:var(--rbui-modal-width);border-radius:var(--rbui-border-radius);background-color:var(--banana-modal-background-default);box-shadow:var(--rbui-elevation-3)}.rbui-modal__wrapper--sm{--rbui-modal-width: 480px}.rbui-modal__wrapper--md{--rbui-modal-width: 768px}.rbui-modal__wrapper--lg{--rbui-modal-width: 1024px}.rbui-modal__wrapper--full{--rbui-modal-width: 100%}.rbui-modal__header-close{margin-right:calc(var(--banana-space-1x) * -1)}.rbui-modal__header{display:flex;justify-content:space-between;gap:var(--banana-space-1x);padding:var(--banana-space-2x) var(--banana-space-3x) 0}.rbui-modal__header-section{flex-grow:1}.rbui-modal__header-title{font:var(--banana-heading-1);color:var(--banana-heading-primary-foreground)}.rbui-modal__body{--rbui-modal-body-padding: var(--banana-space-1x) var(--banana-space-3x) var(--banana-space-3x);font:var(--banana-p);color:var(--banana-text-body);padding:var(--rbui-modal-body-padding);overflow-y:auto}.rbui-modal__body--none{--rbui-modal-body-padding: 0}.rbui-modal__body--narrow{--rbui-modal-body-padding: var(--banana-space-1x) var(--banana-space-3x) var(--banana-space-3x)}.rbui-modal__body--wide{--rbui-modal-body-padding: var(--banana-space-3x)}.rbui-modal__footer{display:flex;align-items:center;justify-content:flex-start;gap:var(--banana-space-1x);border-bottom-left-radius:var(--rbui-border-radius);border-bottom-right-radius:var(--rbui-border-radius);padding:var(--banana-space-1x) var(--banana-space-2x);background-color:var(--banana-modal-background-footer)}.rbui-modal__footer--actions{display:flex;gap:var(--banana-space-1x);margin-left:auto}.rbui-base-field{--rbui-base-field-helper-color: var(--banana-text-subtl);--rbui-base-field-control-margin-block-start: 0;--rbui-base-field-control-margin-block-end: 0;--rbui-base-field-control-margin-inline-start: 0;--rbui-base-field-control-margin-inline-end: 0;display:inline-grid;grid-template-areas:"label" "control" "helper"}.rbui-base-field--has-helper{--rbui-base-field-control-margin-block-end: var(--banana-space-0x)}.rbui-base-field--label-block-start{--rbui-base-field-control-margin-inline-start: 0;--rbui-base-field-control-margin-inline-end: 0;--rbui-base-field-control-margin-block-start: var(--banana-space-0x)}.rbui-base-field--label-inline-start{--rbui-base-field-control-margin-inline-start: var(--banana-space-1x);--rbui-base-field-control-margin-inline-end: 0;--rbui-base-field-control-margin-block-start: 0;grid-template-areas:"label control" ". helper"}.rbui-base-field--label-inline-end{--rbui-base-field-control-margin-inline-start: 0;--rbui-base-field-control-margin-inline-end: var(--banana-space-1x);--rbui-base-field-control-margin-block-start: 0;grid-template-areas:"control label" "helper ."}.rbui-base-field--error{--rbui-base-field-helper-color: var(--banana-states-error)}.rbui-base-field--full-width{display:grid}.rbui-base-field__label{grid-area:label;display:flex;align-items:center;gap:var(--banana-space-0x)}.rbui-base-field__icon{fill:var(--banana-input-foreground-icon)}.rbui-base-field__metadata{display:flex;align-items:center;margin-left:auto}.rbui-base-field__control{display:flex;grid-area:control;margin-inline-start:var(--rbui-base-field-control-margin-inline-start);margin-inline-end:var(--rbui-base-field-control-margin-inline-end);margin-block-start:var(--rbui-base-field-control-margin-block-start);margin-block-end:var(--rbui-base-field-control-margin-block-end)}.rbui-base-field__control>*{flex-basis:100%}.rbui-base-field__helper{grid-area:helper;display:flex;align-items:center;font:var(--banana-input-helper);color:var(--rbui-base-field-helper-color)}.rbui-base-input{--rbui-input-border-color: var(--banana-input-border-default);--rbui-input-border-width: 1px;--rbui-input-background: var(--banana-input-background-default);--rbui-input-placeholder-color: var(--banana-input-foreground-placeholder);--rbui-input-element-color: var(--banana-input-foreground-icon);--rbui-input-foreground-text: var(--banana-input-foreground-input-text);--rbui-base-input-padding-horizontal: var(--banana-space-1x);--rbui-base-input-padding-vertical: var(--banana-space-1x);display:inline-flex;align-items:center;position:relative;font:var(--banana-input-input-text);color:var(--rbui-input-foreground-text);border-radius:4px;background:var(--rbui-input-background)}.rbui-base-input:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;border:var(--rbui-input-border-width) solid var(--rbui-input-border-color);transition:var(--banana-transition-default);z-index:0}.rbui-base-input--hovered{--rbui-input-border-color: var(--banana-input-border-hover);--rbui-input-background: var(--banana-input-background-hover)}.rbui-base-input--readonly{--rbui-input-border-color: var(--banana-input-border-read-only);--rbui-input-background: var(--banana-input-background-read-only)}.rbui-base-input--disabled{--rbui-input-border-color: var(--banana-input-border-disabled);--rbui-input-background: var(--banana-input-background-disabled);--rbui-input-placeholder-color: var(--banana-input-foreground-disabled);--rbui-input-element-color: var(--banana-input-foreground-disabled);--rbui-input-foreground-text: var(--banana-input-foreground-disabled)}.rbui-base-input:focus-visible,.rbui-base-input--focused{--rbui-input-border-color: var(--banana-global-focus);--rbui-input-border-width: 2px;outline:none}.rbui-base-input--error{--rbui-input-border-color: var(--banana-states-error)}.rbui-base-input__input{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;flex:1;font:inherit;color:inherit;background:inherit;min-width:0;width:100%;padding:var(--rbui-base-input-padding-horizontal) var(--rbui-base-input-padding-vertical);margin:0;border:none;outline:none}.rbui-base-input__input::placeholder{color:var(--rbui-input-placeholder-color);opacity:1}.rbui-base-input__input--has-right{padding-right:0}.rbui-base-input__input--has-left{padding-left:0}.rbui-base-input__input--multiline{overflow:auto!important}.rbui-base-input__element{--rbui-base-input-element-space: var(--banana-space-1x);display:flex;align-items:center;gap:var(--rbui-base-input-element-space);padding-left:var(--rbui-base-input-padding-horizontal);padding-right:var(--rbui-base-input-padding-horizontal);color:var(--rbui-input-element-color);z-index:1}.rbui-base-input__element>.rbui-button{color:inherit}.rbui-base-input__element>.rbui-button+.rbui-button{margin-left:calc(-1 * var(--rbui-base-input-element-space))}.rbui-base-input__element>.rbui-button:last-child{margin-right:calc(-1 * var(--rbui-base-input-padding-horizontal) + 2px)}.rbui-base-input__element>.rbui-button:first-child{margin-left:calc(-1 * var(--rbui-base-input-padding-horizontal) + 2px)}.rbui-base-input__clear-button--hidden{visibility:hidden}.rbui-field-label{display:flex;align-items:center;color:var(--banana-input-foreground-label)}.rbui-field-label--bold{font:var(--banana-input-label)}.rbui-field-label--normal{font:var(--banana-input-input-text)}.rbui-listbox{list-style:none;margin:0;display:flex;flex-direction:column;gap:1px;background-color:var(--banana-dropdown-background-main);padding:var(--banana-space-1x)}.rbui-select-chevron{width:16px;height:16px}.rbui-select-trigger{--rbui-select-trigger-cursor: pointer}.rbui-select-trigger>*{cursor:var(--rbui-select-trigger-cursor)}.rbui-select-trigger--readonly{--rbui-select-trigger-cursor: default}.rbui-select-trigger--disabled{--rbui-select-trigger-cursor: not-allowed}.rbui-select-menu{border-radius:4px;box-shadow:var(--banana-elevation-2);max-height:230px;overflow-y:auto}.rbui-toggle{--rbui-toggle-track-color: var(--banana-toggle-background-default);--rbui-toggle-thumb-color: var(--banana-toggle-foreground-default);--rbui-toggle-thumb-margin: 0;--rbui-toggle-width: 32px;--rbui-toggle-height: 20px;--rbui-toggle-track-padding: 2px;--rbui-toggle-thumb-size: calc((var(--rbui-toggle-width) - var(--rbui-toggle-track-padding)) / 2);--rbui-toggle-cursor: pointer;box-sizing:border-box;position:relative;display:inline-block;width:var(--rbui-toggle-width);height:var(--rbui-toggle-height);border-radius:calc(var(--rbui-toggle-height) / 2);padding:1px;cursor:var(--rbui-toggle-cursor)}.rbui-toggle--checked{--rbui-toggle-track-color: var(--banana-toggle-background-active);--rbui-toggle-thumb-color: var(--banana-toggle-foreground-active);--rbui-toggle-thumb-margin: auto}.rbui-toggle--readonly{--rbui-toggle-track-color: var(--banana-toggle-background-read-only);--rbui-toggle-thumb-color: var(--banana-toggle-foreground-read-only);--rbui-toggle-cursor: default}.rbui-toggle--readonly.rbui-toggle--checked{--rbui-toggle-track-color: var(--banana-toggle-background-read-only-active);--rbui-toggle-thumb-color: var(--banana-toggle-foreground-read-only-active)}.rbui-toggle--disabled{--rbui-toggle-track-color: var(--banana-toggle-background-disabled);--rbui-toggle-thumb-color: var(--banana-toggle-foreground-disabled);--rbui-toggle-cursor: not-allowed}.rbui-toggle--disabled.rbui-toggle--checked{--rbui-toggle-track-color: var(--banana-toggle-background-active-disabled);--rbui-toggle-thumb-color: var(--banana-toggle-foreground-active-disabled)}.rbui-toggle--focus-visible,.rbui-toggle:focus-visible{outline:2px solid var(--banana-global-focus)}.rbui-toggle__track{box-sizing:border-box;display:flex;align-items:center;width:100%;height:100%;border-radius:inherit;padding:var(--rbui-toggle-track-padding);background-color:var(--rbui-toggle-track-color);transition:var(--banana-transition-default)}.rbui-toggle__thumb{margin-inline-start:var(--rbui-toggle-thumb-margin);width:var(--rbui-toggle-thumb-size);height:var(--rbui-toggle-thumb-size);border-radius:50%;background-color:var(--rbui-toggle-thumb-color)}.rbui-toggle__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:1;margin:0;cursor:inherit}.rbui-listbox-item{--rbui-listbox-item-background-color: var(--banana-dropdown-background-main);--rbui-listbox-item-font: var(--banana-item-default);--rbui-listbox-item-font-color: var(--banana-dropdown-foreground-default);--rbui-listbox-item-cursor: pointer;padding:var(--banana-space-1x);border-radius:4px;outline:none;font:var(--rbui-listbox-item-font);color:var(--rbui-listbox-item-font-color);background-color:var(--rbui-listbox-item-background-color);cursor:var(--rbui-listbox-item-cursor)}.rbui-listbox-item:focus-visible:not(.rbui-listbox-item--selected,.rbui-listbox-item--disabled),.rbui-listbox-item:hover:not(.rbui-listbox-item--selected,.rbui-listbox-item--disabled),.rbui-listbox-item--highlighted{--rbui-listbox-item-background-color: var(--banana-dropdown-background-hover);--rbui-listbox-item-font-color: var(--banana-dropdown-foreground-hover)}.rbui-listbox-item--selected{--rbui-listbox-item-background-color: var(--banana-dropdown-background-active);--rbui-listbox-item-font: var(--banana-item-active);--rbui-listbox-item-font-color: var(--banana-dropdown-foreground-active)}.rbui-listbox-item--disabled{--rbui-listbox-item-font-color: var(--banana-dropdown-foreground-disabled);--rbui-listbox-item-cursor: not-allowed}.rbui-text-field__counter{font:var(--banana-p-small);color:var(--banana-text-subtl)}.rbui-text-field__textarea{resize:none}.rbui-text-field__textarea--resizable{resize:both}.rbui-select-option{--rbui-select-check-mark-opacity: 0;display:flex;align-items:center;cursor:pointer}.rbui-select-option--selected{--rbui-select-check-mark-opacity: 1}.rbui-select-option__check-mark{padding-inline-start:var(--banana-space-1x);margin-inline-start:auto;opacity:var(--rbui-select-check-mark-opacity)}.rbui-pagination{display:flex;gap:var(--banana-space-2x);align-items:center}.rbui-pagination .rbui-pagination__left{display:flex;gap:var(--banana-space-2x);align-items:center;flex-grow:1}.rbui-pagination .rbui-pagination__items-per-page-selector{width:70px}.rbui-pagination .rbui-pagination__summary{font:var(--banana-p-small);color:var(--banana-text-subtl)}.rbui-pagination .rbui-pagination__navigation ul{display:flex;list-style:none;margin:0;padding:0}.rbui-pagination .rbui-pagination__navigation-item{font-weight:var(--banana-normal);--rbui-button-color: var(--banana-pagination-foreground-default)}.rbui-pagination .rbui-pagination__navigation-item:hover{--rbui-button-color: var(--banana-pagination-foreground-hover);--rbui-button-background-color: var(--banana-pagination-background-hover)}.rbui-pagination .rbui-pagination__navigation-item__selected,.rbui-pagination .rbui-pagination__navigation-item__selected:hover{--rbui-button-color: var(--banana-pagination-foreground-active);--rbui-button-background-color: var(--banana-pagination-background-active)}
package/dist/utils/index.d.ts CHANGED
@@ -1,43 +1 @@
1
- export * from './add-font';
2
- export * from './after-render';
3
- export * from './async-dom-render';
4
- export * from './chalk';
5
- export * from './chunk';
6
- export * from './classnames';
7
- export * from './clone-client-rect';
8
- export * from './compare-client-rect';
9
- export * from './compare-sets';
10
- export * from './compose-refs';
11
- export * from './cookie-parser';
12
- export * from './copy-text-to-clipboard';
13
- export * from './debounce';
14
- export * from './deep-clone';
15
- export * from './deep-equal';
16
- export * from './ensure-modal-root';
17
- export * from './event-element-position';
18
- export * from './filter-react-children';
19
- export * from './flatten-array';
20
- export * from './fuzzy-groups';
21
- export * from './get-decimal';
22
- export * from './get-error-message';
23
- export * from './get-first-with-class';
24
- export * from './get-index';
25
- export * from './get-selected-text';
26
- export * from './group-react-children';
27
- export * from './has-child';
28
- export * from './make-buffer';
29
- export * from './map-lookup-values';
30
- export * from './no-op';
31
- export * from './normalize-wheel';
32
- export * from './promise-resolver';
33
- export * from './relative-client-rect';
34
- export * from './rush';
35
- export * from './state-controls';
36
- export * from './stop-all-propagation';
37
- export * from './template';
38
- export * from './to-digits';
39
- export * from './to-query-params';
40
- export * from './types';
41
- export * from './url-join';
42
- export * from './wait';
43
- export * from './when';
1
+ export * from './hooks';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bloomreach/react-banana-ui",
3
- "version": "1.7.0",
3
+ "version": "1.8.1",
4
4
  "private": false,
5
5
  "main": "./dist/bloomreach-react-banana-ui.umd.js",
6
6
  "module": "./dist/bloomreach-react-banana-ui.es.js",
@@ -50,10 +50,9 @@
50
50
  "security-audit": "npm audit --audit-level=moderate --only=prod"
51
51
  },
52
52
  "dependencies": {
53
- "@bloomreach/banana-theme": "0.0.20",
53
+ "@bloomreach/banana-theme": "0.0.21",
54
54
  "@floating-ui/react": "0.26.9",
55
55
  "@mui/base": "5.0.0-beta.37",
56
- "change-case": "5.4.3",
57
56
  "classnames": "2.5.1",
58
57
  "react-merge-refs": "2.1.1"
59
58
  },
package/dist/components/containers/dropdown/dropdown.d.ts DELETED
@@ -1,132 +0,0 @@
1
- import * as React from 'react';
2
- import { DOMRectBounds } from '../../../utils';
3
- import './dropdown.scss';
4
- export interface IDropdown {
5
- /** Allows children */
6
- children?: React.ReactNode;
7
- /**
8
- * When this is provided, it will open the menu relative to these provided
9
- * bounds
10
- */
11
- bounds?: DOMRectBounds | null;
12
- /** Provides a custom class name to the container of this component. */
13
- className?: string;
14
- /** Props to apply directly to the container div of this component */
15
- containerProps?: React.HTMLProps<HTMLDivElement>;
16
- /**
17
- * If there is already a modal root in the document, you can specify one here.
18
- * Otherwise, one will automatically be made
19
- */
20
- customModalRoot?: HTMLElement;
21
- /**
22
- * Provide a custom modal root by ID instead of element so this component will
23
- * ensure the modal itself
24
- */
25
- customModalRootId?: string;
26
- /**
27
- * Will inline the contents of this dropdown if there are no bounds provided
28
- */
29
- showWithNoBounds?: boolean;
30
- /**
31
- * This makes the dropdown region cover the reference bounds IFF the dropdown
32
- * can fit dropping down
33
- */
34
- coverBounds?: boolean;
35
- /**
36
- * When set, this renders this dropdown inline in the DOM where it is
37
- * rendered. This lets you render the dropdown in a "relative" context easily.
38
- */
39
- inline?: boolean;
40
- /**
41
- * This is the suggested height of the region. This may not always be the true
42
- * height as this region positions itself as good as possible relative to the
43
- * reference bounds.
44
- *
45
- * If this is omitted, the height of the region is allowed to flex, but may
46
- * cause a slight flicker while the region gets computed.
47
- */
48
- height?: number;
49
- /**
50
- * When provided this sets a manual width for the menu instead of utilizing
51
- * the reference bound;
52
- */
53
- width?: number;
54
- /**
55
- * Does not let the modal's width exceed this amount.
56
- */
57
- maxWidth?: number;
58
- /**
59
- * If this is set, this will prioritize positioning itself above the bounds
60
- * instead of below the bounds.
61
- */
62
- dropUp?: boolean;
63
- /**
64
- * If this is set, this will prioritize positioning itself left of the bounds
65
- * instead of below the bounds.
66
- */
67
- dropLeft?: boolean;
68
- /**
69
- * If this is set, this will prioritize positioning itself right of the bounds
70
- * instead of below the bounds.
71
- */
72
- dropRight?: boolean;
73
- /**
74
- * If this is set, this will prioritize positioning itself center of the bounds
75
- * instead of below the bounds. Mainly used to center the tooltip component.
76
- */
77
- dropCenter?: boolean;
78
- /**
79
- * If this is set, this will perform a middling procedure to attempt to align
80
- * the middle of the dropdown to its reference. This is specifically NOT
81
- * called "centering" because it "can" be used to center the dropdown if the
82
- * reference space is sufficiently small, but otherwise will NOT actually
83
- * center the dropdown.
84
- */
85
- shiftToMiddle?: boolean;
86
- /**
87
- * Populates a ref object that points to this object
88
- */
89
- ref?: React.RefObject<Dropdown>;
90
- /**
91
- * This is a very advanced usage of the dropdown to help resolve overlapping
92
- * drop down dismissals. When this is set, the dropdown will test to see if
93
- * the event happened on the container instead of the modal root. This helps
94
- * resolve nuances when dropdowns share the same modal root.
95
- */
96
- dismissTestOnContainer?: boolean;
97
- /**
98
- * Event fires when there is a typical user interaction that suggests this
99
- * dropdown should be dismissed, such as clicking outside of these dropdowns
100
- * rendered region.
101
- */
102
- onClose?(e: MouseEvent): void;
103
- }
104
- interface IState {
105
- dropdownWidth?: number;
106
- dropdownHeight?: number;
107
- }
108
- /**
109
- * @internal This component exist to keep Pagination component works as before.
110
- * @deprecated Replace this component as new aligned with design will be added.
111
- * Less opinionated dropdown region that offers a region to render within but
112
- * does not have contents of its own.
113
- */
114
- export declare class Dropdown extends React.Component<IDropdown> {
115
- container: React.RefObject<HTMLDivElement>;
116
- state: IState;
117
- componentDidMount(): void;
118
- componentDidUpdate(): void;
119
- componentWillUnmount(): void;
120
- get isOpen(): boolean;
121
- private get modalId();
122
- private get topQueuedItem();
123
- private get isTopQueuedId();
124
- private get isTopQueued();
125
- private get isQueued();
126
- addQueueId: () => void;
127
- removeQueueId: () => void;
128
- private handleDocumentDown;
129
- renderContent(style?: React.CSSProperties): JSX.Element;
130
- render(): JSX.Element | null;
131
- }
132
- export {};
package/dist/components/containers/scroll-region/scroll-region.d.ts DELETED
@@ -1,107 +0,0 @@
1
- import * as React from 'react';
2
- import { DOMRectBounds, INestedChildren } from '../../../utils';
3
- import './scroll-region.scss';
4
- export declare const ScrollRegionMode: {
5
- readonly LIGHT: "ScrollRegion--light";
6
- readonly DARK: "ScrollRegion--dark";
7
- };
8
- export type ScrollRegionModeType = (typeof ScrollRegionMode)[keyof typeof ScrollRegionMode];
9
- export interface IScrollRegion extends INestedChildren<React.ReactNode> {
10
- /** When set, the scroll will have some inertia for touch controls */
11
- allowTouchInertia?: boolean;
12
- /** Provides a custom class name to the container of this component */
13
- className?: string;
14
- /** Applies a custom class to the content portion of the scroll region */
15
- contentClassName?: string;
16
- /** Rendering mode of this scrollRegion */
17
- mode?: ScrollRegionModeType;
18
- /** Props to apply directly to the container div of this component */
19
- containerProps?: React.HTMLProps<HTMLDivElement>;
20
- /** Props to apply directly to the scrollRegion content panel container */
21
- contentProps?: React.HTMLProps<HTMLDivElement>;
22
- /**
23
- * When true, scroll events will stop being absorbed by this scroll region when
24
- * the user tries to scroll beyond the max bounds of the scroll region.
25
- */
26
- allowScrollFlowThrough?: boolean;
27
- /** This forces a maximum amount of scroll room */
28
- scrollHeight?: number;
29
- /** Sets this scroll region to the given scroll location */
30
- scrollToOnce?: [number, number];
31
- /**
32
- * Sets how quick the scrollTopOnce settles to the new position. Set to 1 to
33
- * be essentially instant.
34
- */
35
- autoScrollDuration?: number;
36
- /**
37
- * When set to true, this will always show the scroll bar as visible as long
38
- * as the space can be scrolled. If the space is not scrollable, the scroll
39
- * bar will be hidden.
40
- */
41
- alwaysShowScroll?: boolean;
42
- /**
43
- * Disables using the wheel to scroll this view.
44
- */
45
- preventWheel?: boolean;
46
- /**
47
- * When this view changes the scroll top or left value it provides it in this
48
- * callback
49
- *
50
- * isAutomated is true when the system is scrolling the view and not the user.
51
- */
52
- onScroll?(scroll: [number, number], scrollMax: [number, number], viewBounds: DOMRectBounds, contentBounds: DOMRectBounds, isAutomated?: boolean): void;
53
- }
54
- interface IState {
55
- isOpen: boolean;
56
- isDragging: boolean;
57
- top: [number, number];
58
- bounds?: DOMRectBounds;
59
- contentBounds?: DOMRectBounds;
60
- /**
61
- * This is the computed region width by examining all immediate children of
62
- * the content wrapper.
63
- */
64
- regionWidth?: number;
65
- /**
66
- * This is set to true when the scroll is supposed to self animate. This will
67
- * only happen temporarily for automation and can not remain active while the
68
- * user interacts with the scrolling manually.
69
- */
70
- animating?: boolean;
71
- }
72
- /**
73
- * @internal This component exist to keep Pagination component works as before.
74
- * @deprecated Replace this component as new aligned with design will be added.
75
- * This is a custom scroller for rendering a custom scrollbar for an X and Y
76
- * axis scrolling.
77
- */
78
- export declare class ScrollRegion extends React.Component<IScrollRegion, IState> {
79
- state: IState;
80
- container: React.RefObject<HTMLDivElement>;
81
- private wrapper;
82
- private content;
83
- private scrolledToOnce?;
84
- private currentScrollHeight?;
85
- private initialized;
86
- private childrenChanged;
87
- private isUpdatingChildren;
88
- private animateScrollId;
89
- private touch;
90
- getSnapshotBeforeUpdate(prevProps: Readonly<IScrollRegion>): null;
91
- init: () => void;
92
- componentDidMount(): void;
93
- componentDidUpdate(): void;
94
- componentWillUnmount(): void;
95
- private updateRegionWidth;
96
- private animateScrollOnce;
97
- private getScrollMetrics;
98
- handleResize: () => void;
99
- handleTouchStart: (e: TouchEvent) => void;
100
- handleTouchEnd: (e: TouchEvent) => void;
101
- handleTouchMove: (e: TouchEvent) => void;
102
- handleWheel: (e: WheelEvent) => boolean;
103
- handleHorizontalBarDown: (e: React.PointerEvent<HTMLDivElement>) => void;
104
- handleVerticalBarDown: (e: React.PointerEvent<HTMLDivElement>) => void;
105
- render(): JSX.Element;
106
- }
107
- export {};