@bloomreach/react-banana-ui 1.28.0 → 1.30.0

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 +8474 -7913
  2. package/dist/bloomreach-react-banana-ui.es.js.map +1 -1
  3. package/dist/bloomreach-react-banana-ui.umd.js +22 -22
  4. package/dist/bloomreach-react-banana-ui.umd.js.map +1 -1
  5. package/dist/components/buttons/button/button.qa.stories.d.ts +1 -1
  6. package/dist/components/buttons/button-group/button-group.qa.stories.d.ts +1 -1
  7. package/dist/components/buttons/toggle-button/toggle-button.types.d.ts +2 -2
  8. package/dist/components/data-display/actions-container/actions-container.qa.stories.d.ts +1 -1
  9. package/dist/components/data-display/asset-tag/asset-tag.qa.stories.d.ts +1 -1
  10. package/dist/components/data-display/badge/badge.qa.stories.d.ts +1 -1
  11. package/dist/components/data-display/description/description.qa.stories.d.ts +1 -1
  12. package/dist/components/data-display/filter-tag/filter-tag.qa.stories.d.ts +1 -1
  13. package/dist/components/data-display/header/header.qa.stories.d.ts +1 -1
  14. package/dist/components/data-display/index.d.ts +1 -0
  15. package/dist/components/data-display/input-tag/input-tag.qa.stories.d.ts +1 -1
  16. package/dist/components/data-display/table/table.qa.stories.d.ts +1 -1
  17. package/dist/components/data-display/tag-group/tag-group.qa.stories.d.ts +1 -1
  18. package/dist/components/data-display/trend-marker/index.d.ts +2 -0
  19. package/dist/components/data-display/trend-marker/trend-marker.d.ts +40 -0
  20. package/dist/components/data-display/trend-marker/trend-marker.qa.stories.d.ts +7 -0
  21. package/dist/components/data-display/trend-marker/trend-marker.stories.d.ts +8 -0
  22. package/dist/components/data-display/trend-marker/trend-marker.types.d.ts +31 -0
  23. package/dist/components/data-display/typography/typography.qa.stories.d.ts +1 -1
  24. package/dist/components/feedback/alert/alert.qa.stories.d.ts +1 -1
  25. package/dist/components/feedback/index.d.ts +1 -0
  26. package/dist/components/feedback/toast/index.d.ts +3 -0
  27. package/dist/components/feedback/toast/toast/index.d.ts +2 -0
  28. package/dist/components/feedback/toast/toast/toast.d.ts +37 -0
  29. package/dist/components/feedback/toast/toast/toast.types.d.ts +27 -0
  30. package/dist/components/feedback/toast/toast-function/index.d.ts +2 -0
  31. package/dist/components/feedback/toast/toast-function/toast.d.ts +6 -0
  32. package/dist/components/feedback/toast/toast-function/toast.types.d.ts +23 -0
  33. package/dist/components/feedback/toast/toast.qa.stories.d.ts +6 -0
  34. package/dist/components/feedback/toast/toast.stories.d.ts +12 -0
  35. package/dist/components/feedback/toast/toaster/index.d.ts +3 -0
  36. package/dist/components/feedback/toast/toaster/toast-context.d.ts +8 -0
  37. package/dist/components/feedback/toast/toaster/toast-wrapper.d.ts +2 -0
  38. package/dist/components/feedback/toast/toaster/toaster.d.ts +2 -0
  39. package/dist/components/feedback/toast/toaster/toaster.types.d.ts +19 -0
  40. package/dist/components/foundations/icon/icon.qa.stories.d.ts +1 -1
  41. package/dist/components/inputs/autocomplete/autocomplete.qa.stories.d.ts +1 -1
  42. package/dist/components/inputs/calendar/calendar.qa.stories.d.ts +1 -1
  43. package/dist/components/inputs/checkbox/checkbox.qa.stories.d.ts +1 -1
  44. package/dist/components/inputs/checkbox-field/checkbox-field.qa.stories.d.ts +1 -1
  45. package/dist/components/inputs/checkbox-group/checkbox-group.qa.stories.d.ts +1 -1
  46. package/dist/components/inputs/date-input/date-input.qa.stories.d.ts +1 -1
  47. package/dist/components/inputs/input-field/input-field.qa.stories.d.ts +1 -1
  48. package/dist/components/inputs/radio/radio.qa.stories.d.ts +1 -1
  49. package/dist/components/inputs/radio-field/radio-field.qa.stories.d.ts +1 -1
  50. package/dist/components/inputs/radio-group/radio-group.qa.stories.d.ts +1 -1
  51. package/dist/components/inputs/select-field/select-field.qa.stories.d.ts +1 -1
  52. package/dist/components/inputs/text-field/text-field.qa.stories.d.ts +1 -1
  53. package/dist/components/inputs/toggle-field/toggle-field.qa.stories.d.ts +1 -1
  54. package/dist/components/layout/box/box.qa.stories.d.ts +1 -1
  55. package/dist/components/layout/flex/flex.qa.stories.d.ts +1 -1
  56. package/dist/components/navigation/pagination/pagination.qa.stories.d.ts +1 -1
  57. package/dist/components/navigation/tabs/tabs.qa.stories.d.ts +1 -1
  58. package/dist/components/popovers/modal/modal.qa.stories.d.ts +1 -1
  59. package/dist/components/popovers/popup/popup/use-popup.d.ts +1 -1
  60. package/dist/components/popovers/tooltip/tooltip.qa.stories.d.ts +1 -1
  61. package/dist/components/surfaces/accordion/accordion.qa.stories.d.ts +1 -1
  62. package/dist/react-banana-ui.css +1 -0
  63. package/package.json +62 -61
  64. package/dist/style.css +0 -1
@@ -0,0 +1 @@
1
+ :root{--banana-accent-primary-foreground: #ffd500;--banana-accent-primary-background: rgba(255, 213, 0, .1);--banana-accent-secondary-foreground: #009ACE;--banana-accent-secondary-background: rgba(51, 174, 216, .1);--banana-font-heading: Inter, Arial, Helvetica, sans-serif;--banana-font-body: Inter, Arial, Helvetica, sans-serif;--banana-font-code: "Roboto Mono";--banana-text-negative: #f24165;--banana-text-link: #009ACE;--banana-text-warning: #ff9500;--banana-text-success: #0dca7a;--banana-text-subtl: #5E739C;--banana-text-body: #43526F;--banana-space-none: 0;--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: #009ACE;--banana-toast-info-background: #ffffff;--banana-toast-info-foreground: #009ACE;--banana-toast-warning-background: #ffffff;--banana-toast-warning-foreground: #ff9500;--banana-toast-warning-border: #ff9500;--banana-toast-radius: 4px;--banana-breadcrumbs-disabled: #8d9db9;--banana-breadcrumbs-hover: #002840;--banana-breadcrumbs-inactive: #43526F;--banana-breadcrumbs-active: #002840;--banana-tag-asset-accent-3-foreground-default: #038C5F;--banana-tag-asset-accent-3-background-default: rgba(4, 197, 134, .1);--banana-tag-asset-accent-3-background-hover: rgba(3, 140, 95, .1);--banana-tag-asset-accent-2-background-default: rgba(248, 77, 172, .1);--banana-tag-asset-accent-2-background-hover: rgba(176, 55, 122, .1);--banana-tag-asset-accent-2-foreground-default: #B0377A;--banana-tag-asset-default-background-hover: rgba(94, 115, 156, .1);--banana-tag-asset-default-background-default: rgba(141, 157, 185, .1);--banana-tag-asset-default-foreground-default: #002840;--banana-tag-asset-accent-1-foreground-default: #6152B5;--banana-tag-asset-accent-1-background-hover: rgba(97, 82, 181, .1);--banana-tag-asset-accent-1-background-default: rgba(136, 115, 255, .1);--banana-tag-asset-accent-8-background-hover: rgba(140, 117, 0, .1);--banana-tag-asset-accent-8-background-default: rgba(255, 213, 0, .1);--banana-tag-asset-accent-8-foreground-default: #8C7500;--banana-tag-asset-accent-4-foreground-default: #B55F21;--banana-tag-asset-accent-4-background-default: rgba(255, 134, 46, .1);--banana-tag-asset-accent-4-background-hover: rgba(181, 95, 33, .1);--banana-tag-asset-accent-5-foreground-default: #006DB5;--banana-tag-asset-accent-5-background-default: rgba(0, 153, 255, .1);--banana-tag-asset-accent-5-background-hover: rgba(0, 109, 181, .1);--banana-tag-asset-accent-6-foreground-default: #537718;--banana-tag-asset-accent-6-background-default: rgba(150, 217, 44, .1);--banana-tag-asset-accent-6-background-hover: rgba(83, 119, 24, .1);--banana-tag-asset-accent-7-foreground-default: #AC2E48;--banana-tag-asset-accent-7-background-default: rgba(242, 65, 101, .1);--banana-tag-asset-accent-7-background-hover: rgba(172, 46, 72, .1);--banana-tag-asset-accent-9-background-hover: rgba(0, 140, 187, .1);--banana-tag-asset-accent-9-background-default: rgba(0, 154, 206, .1);--banana-tag-asset-accent-9-foreground-default: #008CBB;--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-tag-radius: 4px;--banana-toggle-background-default: #bdcee3;--banana-toggle-background-active-disabled: #e1e8f5;--banana-toggle-background-active: #009ACE;--banana-toggle-background-read-only-active: rgba(84, 187, 222, .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: #E6F5FA;--banana-toggle-foreground-read-only: #ffffff;--banana-toggle-radius: 999px;--banana-checkbox-background-disabled: #f7f9fc;--banana-checkbox-background-read-only: #e1e8f5;--banana-checkbox-background-active: #009ACE;--banana-checkbox-background-active-hover: #33AED8;--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: #009ACE;--banana-radio-background-active-hover: #33AED8;--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(51, 174, 216, .1);--banana-dropdown-background-active-highlight: #33AED8;--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: #43526F;--banana-dropdown-foreground-disabled: #8d9db9;--banana-dropdown-foreground-default: #43526F;--banana-dropdown-foreground-hover: #43526F;--banana-dropdown-foreground-active: #002840;--banana-dropdown-border-divider: #e1e8f5;--banana-dropdown-radius: 8px;--banana-input-foreground-disabled: #8d9db9;--banana-input-foreground-placeholder: #5E739C;--banana-input-foreground-input-text: #002840;--banana-input-foreground-label: #43526F;--banana-input-foreground-icon: #5E739C;--banana-input-border-hover: #8d9db9;--banana-input-border-filling-inline: #009ACE;--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-highlight: rgba(51, 174, 216, .1);--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-input-radius: 4px;--banana-input-no-radius: 0;--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: #43526F;--banana-button-secondary-foreground-pressed: #43526F;--banana-button-secondary-foreground-hover: #43526F;--banana-button-tertiary-foreground-disabled: #8d9db9;--banana-button-tertiary-foreground-default: #43526F;--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: #DC3B5C;--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: #DC3B5C;--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: #54BBDE;--banana-button-inline-foreground-default: #009ACE;--banana-button-inline-foreground-hover: #008CBB;--banana-button-radius: 4px;--banana-button-no-radius: 0;--banana-table-head-default: #5E739C;--banana-table-head-active: #43526F;--banana-table-row-border-default: #e1e8f5;--banana-table-row-background-active: rgba(51, 174, 216, .1);--banana-table-row-background-hover: rgba(189, 206, 227, .1);--banana-table-row-foreground-secondary: #43526F;--banana-table-row-foreground-primary: #002840;--banana-tab-border-default: #e1e8f5;--banana-tab-border-hover: #bdcee3;--banana-tab-border-active: #009ACE;--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: #43526F;--banana-tab-foreground-disabled: #8d9db9;--banana-tab-radius: 4px;--banana-tab-no-radius: 0;--banana-states-warning-foreground: #ff9500;--banana-states-warning-background: rgba(255, 149, 0, .1);--banana-states-success-foreground: #0dca7a;--banana-states-success-background: rgba(13, 202, 122, .1);--banana-states-default-foreground: #5E739C;--banana-states-default-background: rgba(189, 206, 227, .1);--banana-states-error-foreground: #f24165;--banana-states-error-background: rgba(242, 65, 101, .1);--banana-states-info-foreground: #009ACE;--banana-states-info-background: rgba(0, 154, 206, .1);--banana-states-running-foreground: #8873FF;--banana-states-running-background: rgba(136, 115, 255, .1);--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: #E6F5FA;--banana-alert-info-foreground: #009ACE;--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-alert-radius: 8px;--banana-global-focus: #33AED8;--banana-global-separator: #e1e8f5;--banana-global-separator-dark: #43526F;--banana-global-main: #ffffff;--banana-global-overlay: rgba(0, 40, 64, .4);--banana-tooltip-foreground-icon: #5E739C;--banana-tooltip-foreground-icon-hover: #43526F;--banana-tooltip-foreground-text: #ffffff;--banana-tooltip-background-error: #f24165;--banana-tooltip-background-default: #002840;--banana-tooltip-radius: 4px;--banana-aside-border: #e1e8f5;--banana-aside-background: #f7f9fc;--banana-heading-tertiary-foreground: #5E739C;--banana-heading-secondary-foreground: #43526F;--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: #ffffff;--banana-badge-secondary-background: #009ACE;--banana-badge-radius: 999px;--banana-badge-tertiary-foreground: #009ACE;--banana-badge-tertiary-background: #E6F5FA;--banana-tree-foreground-default: #43526F;--banana-tree-foreground-active: #002840;--banana-tree-background-hover: rgba(141, 157, 185, .1);--banana-tree-background-active: rgba(51, 174, 216, .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-modal-radius: 16px;--banana-slider-foreground-default: #009ACE;--banana-slider-foreground-disabled: #54BBDE;--banana-slider-foreground-tickmark-active: #ffffff;--banana-slider-foreground-tickmark: #8d9db9;--banana-slider-background-default: #e1e8f5;--banana-slider-border-hover: rgba(0, 154, 206, .1);--banana-slider-radius: 999px;--banana-card-background-default: #ffffff;--banana-card-background-alternative: #f7f9fc;--banana-card-background-new: #E6F5FA;--banana-card-broder-default: #e1e8f5;--banana-card-broder-new: #8AD1E8;--banana-card-radius: 8px;--banana-progress-bar-foreground-default: #009ACE;--banana-progress-bar-background-default: #e1e8f5;--banana-progress-bar-radius: 4px;--banana-transition-default: all .15s cubic-bezier(.65, .05, .36, 1);--banana-pagination-foreground-default: #43526F;--banana-pagination-foreground-hover: #43526F;--banana-pagination-foreground-active: #008CBB;--banana-pagination-background-hover: rgba(141, 157, 185, .1);--banana-pagination-background-active: rgba(51, 174, 216, .1);--banana-pagination-radius: 4px;--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;--banana-elevation-toast-default: 0 4px 9px 0 #00284014, 0 17px 17px 0 rgba(0,172,229,.07), 0 38px 23px 0 #0028400a, 0 68px 27px 0 rgba(0,172,229,.01), 0 107px 30px 0 rgba(0,172,229,0);--banana-elevation-toast-error: 0 4px 9px 0 #00284014, 0 17px 17px 0 rgba(224,65,101,.07), 0 38px 23px 0 #0028400a, 0 68px 27px 0 rgba(224,65,101,.01), 0 107px 30px 0 rgba(224,65,101,0);--banana-elevation-toast-success: 0 4px 9px 0 #00284014, 0 17px 17px 0 rgba(13,202,122,.07), 0 38px 23px 0 #0028400a, 0 68px 27px 0 rgba(13,202,122,.01), 0 107px 30px 0 rgba(13,202,122,0);--banana-elevation-toast-warning: 0 4px 9px 0 #00284014, 0 17px 17px 0 rgba(255,149,0,.07), 0 38px 23px 0 #0028400a, 0 68px 27px 0 rgba(255,149,0,.01), 0 107px 30px 0 rgba(255,149,0,0);--banana-checbox-radius: 4px;--banana-focus-radius: 4px;--banana-thumbnail-radius: 4px;--banana-seg-control-background-default: #ffffff;--banana-seg-control-background-disabled: #f7f9fc;--banana-seg-control-background-read-only: #e1e8f5;--banana-seg-control-background-hover-item: rgba(141, 157, 185, .1);--banana-seg-control-background-active-item: #009ACE;--banana-seg-control-background-active-negative-item: #f24165;--banana-seg-control-background-read-only-item: #8d9db9;--banana-seg-control-foreground-default: #43526F;--banana-seg-control-foreground-hover: #002840;--banana-seg-control-foreground-active: #ffffff;--banana-seg-control-foreground-disabled: #5E739C;--banana-seg-control-foreground-read-only: #ffffff;--banana-seg-control-border-default: #bdcee3;--banana-seg-control-border-disabled: #e1e8f5;--banana-seg-control-border-read-only: #e1e8f5;--banana-seg-control-radius: 4px;--banana-seg-control-radius-inner: 2px;--banana-mode: false;--banana-icon: true;--banana-trend-marker-negative-foreground: #DC3B5C;--banana-trend-marker-negative-background: #feecf0;--banana-trend-marker-positive-foreground: #038C5F;--banana-trend-marker-positive-background: #e7fdf4;--banana-trend-marker-neutral-foreground: #5E739C;--banana-trend-marker-radius: 4px}:root{--banana-accent-100: #8873FF;--banana-accent-150: #6152B5;--banana-accent-200: #F84DAC;--banana-accent-250: #B0377A;--banana-accent-300: #04C586;--banana-accent-350: #038C5F;--banana-accent-400: #FF862E;--banana-accent-450: #B55F21;--banana-accent-500: #0099FF;--banana-accent-550: #006DB5;--banana-accent-600: #96D92C;--banana-accent-650: #537718;--banana-accent-700: #F24165;--banana-accent-750: #AC2E48;--banana-accent-800: #ffd500;--banana-accent-850: #8C7500;--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: #038C5F;--banana-green-700: #026C4A;--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: #D76B1F;--banana-orange-700: #A85418;--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: #DC3B5C;--banana-red-700: #AC2E48;--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: #8C7500;--banana-blue-50: #E6F5FA;--banana-blue-100: #B0E0F0;--banana-blue-200: #8AD1E8;--banana-blue-300: #54BBDE;--banana-blue-400: #33AED8;--banana-blue-500: #009ACE;--banana-blue-600: #008CBB;--banana-blue-700: #006D92;--banana-neutral-100: #f7f9fc;--banana-neutral-200: #e1e8f5;--banana-neutral-300: #bdcee3;--banana-neutral-400: #8d9db9;--banana-neutral-500: #5E739C;--banana-neutral-600: #43526F;--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: .1;--banana-opacity-subtl: .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-font-wireframe: "Redacted Script";--banana-font-wireframe-body: Redacted;--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);--rbui-button-height: 36px;outline:none;display:flex;align-items:center;justify-content:center;height:var(--rbui-button-height);width:var(--rbui-button-width);padding:var(--rbui-button-padding);gap:var(--banana-space-1x);border-radius:var(--banana-button-radius);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{--rbui-button-height: 32px;--rbui-button-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-inline,.rbui-button-inline--active{--rbui-button-color: var(--banana-button-inline-foreground-default);--rbui-button-height: 24px;--rbui-button-padding: 0px}.rbui-button-inline.rbui-button--icon-only{--rbui-button-height: 16px;--rbui-button-width: 16px}.rbui-button-inline--hover,.rbui-button-inline:hover:not(.rbui-button--disabled){--rbui-button-color: var(--banana-button-inline-foreground-hover)}.rbui-button-inline--disabled,.rbui-button-inline: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}.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-actions-container{display:flex;gap:var(--banana-space-1x);align-items:center;flex-shrink:0}.rbui-tag{display:flex;overflow:hidden;width:fit-content;border-radius:var(--banana-radius-0x);font:var(--banana-p-small);color:var(--rbui-tag-color);background-color:var(--rbui-tag-background-color)}.rbui-tag:focus-visible:not(.rbui-tag--disabled){outline:2px solid var(--banana-global-focus);outline-offset:1px}.rbui-tag .rbui-tag__content:hover:not(.rbui-tag__content--read-only,.rbui-tag__content--disabled)+.rbui-tag__close-wrapper:not(.rbui-tag__close-wrapper--disabled),.rbui-tag .rbui-tag__close-wrapper:hover:not(.rbui-tag__close-wrapper--disabled),.rbui-tag .rbui-tag__content:hover:not(.rbui-tag__content--read-only,.rbui-tag__content--disabled){color:var(--rbui-tag-color-hover, --rbui-tag-color);background-color:var(--rbui-tag-background-color-hover, --rbui-tag-background-color)}.rbui-tag .rbui-tag__content{display:flex;align-items:center;justify-content:center;gap:var(--banana-space-0x);padding:var(--banana-space-0x);cursor:pointer}.rbui-tag .rbui-tag__content .rbui-tag__content-icon{display:flex;align-items:center;justify-content:center;height:16px;width:16px}.rbui-tag .rbui-tag__content .rbui-tag__content-text{padding-inline:var(--banana-space-0x)}.rbui-tag .rbui-tag__content--bordered{padding:calc(var(--banana-space-0x) - 1px)}.rbui-tag .rbui-tag__content--dismissible{padding-inline-end:0}.rbui-tag .rbui-tag__content--read-only{cursor:default}.rbui-tag .rbui-tag__content--disabled{cursor:not-allowed}.rbui-tag .rbui-tag__close-wrapper{color:inherit;font:inherit;display:flex;align-items:center;justify-content:center;padding:var(--banana-space-0x);cursor:pointer}.rbui-tag .rbui-tag__close-wrapper .rbui-tag__close-wrapper-icon{height:12px;width:12px}.rbui-tag .rbui-tag__close-wrapper--bordered{padding:calc(var(--banana-space-0x) - 1px);padding-inline-start:var(--banana-space-0x)}.rbui-button-reset{display:unset;height:unset;width:unset;border:unset;border-radius:unset;color:unset;background:unset;font:unset;cursor:unset;transition:unset}.rbui-asset-tag,.rbui-asset-tag--default{--rbui-tag-color: var(--banana-tag-asset-default-foreground-default);--rbui-tag-background-color: var(--banana-tag-asset-default-background-default);--rbui-tag-background-color-hover: var(--banana-tag-asset-default-background-hover)}.rbui-asset-tag--accent-1{--rbui-tag-color: var(--banana-tag-asset-accent-1-foreground-default);--rbui-tag-background-color: var(--banana-tag-asset-accent-1-background-default);--rbui-tag-background-color-hover: var(--banana-tag-asset-accent-1-background-hover)}.rbui-asset-tag--accent-2{--rbui-tag-color: var(--banana-tag-asset-accent-2-foreground-default);--rbui-tag-background-color: var(--banana-tag-asset-accent-2-background-default);--rbui-tag-background-color-hover: var(--banana-tag-asset-accent-2-background-hover)}.rbui-asset-tag--accent-3{--rbui-tag-color: var(--banana-tag-asset-accent-3-foreground-default);--rbui-tag-background-color: var(--banana-tag-asset-accent-3-background-default);--rbui-tag-background-color-hover: var(--banana-tag-asset-accent-3-background-hover)}.rbui-asset-tag--accent-4{--rbui-tag-color: var(--banana-tag-asset-accent-4-foreground-default);--rbui-tag-background-color: var(--banana-tag-asset-accent-4-background-default);--rbui-tag-background-color-hover: var(--banana-tag-asset-accent-4-background-hover)}.rbui-asset-tag--accent-5{--rbui-tag-color: var(--banana-tag-asset-accent-5-foreground-default);--rbui-tag-background-color: var(--banana-tag-asset-accent-5-background-default);--rbui-tag-background-color-hover: var(--banana-tag-asset-accent-5-background-hover)}.rbui-asset-tag--accent-6{--rbui-tag-color: var(--banana-tag-asset-accent-6-foreground-default);--rbui-tag-background-color: var(--banana-tag-asset-accent-6-background-default);--rbui-tag-background-color-hover: var(--banana-tag-asset-accent-6-background-hover)}.rbui-asset-tag--accent-7{--rbui-tag-color: var(--banana-tag-asset-accent-7-foreground-default);--rbui-tag-background-color: var(--banana-tag-asset-accent-7-background-default);--rbui-tag-background-color-hover: var(--banana-tag-asset-accent-7-background-hover)}.rbui-asset-tag--accent-8{--rbui-tag-color: var(--banana-tag-asset-accent-8-foreground-default);--rbui-tag-background-color: var(--banana-tag-asset-accent-8-background-default);--rbui-tag-background-color-hover: var(--banana-tag-asset-accent-8-background-hover)}.rbui-asset-tag--accent-9{--rbui-tag-color: var(--banana-tag-asset-accent-9-foreground-default);--rbui-tag-background-color: var(--banana-tag-asset-accent-9-background-default);--rbui-tag-background-color-hover: var(--banana-tag-asset-accent-9-background-hover)}.rbui-badge,.rbui-badge--default{--rbui-badge-background: var(--banana-badge-default-background);--rbui-badge-foreground: var(--banana-badge-default-foreground);--rbui-badge-content-inline-padding: var(--banana-space-1x);display:inline-block;position:relative}.rbui-badge--neutral{--rbui-badge-background: var(--banana-badge-neutral-background);--rbui-badge-foreground: var(--banana-badge-neutral-foreground)}.rbui-badge--success{--rbui-badge-background: var(--banana-badge-success-background);--rbui-badge-foreground: var(--banana-badge-success-foreground)}.rbui-badge--secondary{--rbui-badge-background: var(--banana-badge-secondary-background);--rbui-badge-foreground: var(--banana-badge-secondary-foreground)}.rbui-badge--tertiary{--rbui-badge-background: var(--banana-badge-tertiary-background);--rbui-badge-foreground: var(--banana-badge-tertiary-foreground)}.rbui-badge--narrow-padding{--rbui-badge-content-inline-padding: var(--banana-space-0x)}.rbui-badge__content{display:flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:18px;min-height:18px;padding-block:1px;padding-inline:var(--rbui-badge-content-inline-padding);font:var(--banana-p-small-bold);background:var(--rbui-badge-background);color:var(--rbui-badge-foreground);border-radius:var(--banana-badge-radius)}.rbui-badge__content--notification{position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%,-50%)}.rbui-description{font:var(--banana-p-small);color:var(--banana-text-subtl)}.rbui-filter-tag{--rbui-tag-color: var(--banana-tag-filter-foreground-default);--rbui-tag-background-color: var(--banana-tag-filter-background-default);--rbui-tag-background-color-hover: var(--banana-tag-filter-background-hover)}.rbui-filter-tag--selected{--rbui-tag-color: var(--banana-tag-filter-foreground-active);--rbui-tag-background-color: var(--banana-tag-filter-background-active);--rbui-tag-background-color-hover: var(--banana-tag-filter-background-active)}.rbui-header{padding:var(--banana-space-2x) var(--banana-space-3x);border-bottom:1px solid var(--banana-global-separator);display:flex;align-items:flex-start;gap:var(--banana-space-1x)}.rbui-header__title{display:flex;flex-grow:1;flex-direction:column;gap:var(--banana-space-0x)}.rbui-header__title-heading{font:var(--banana-heading-1);color:var(--banana-heading-primary-foreground);margin:0}.rbui-input-tag--selected{--rbui-tag-color: var(--banana-tag-input-foreground-default);--rbui-tag-background-color: var(--banana-tag-input-background-default);--rbui-tag-background-color-hover: var(--banana-tag-input-background-hover)}.rbui-input-tag--unselected{--rbui-tag-color: var(--banana-tag-input-foreground-inactive);--rbui-tag-background-color: var(--banana-tag-input-background-inactive);--rbui-tag-background-color-hover: var(--banana-tag-input-background-inactive-hover);border:1px solid var(--banana-tag-input-border-inactive)}.rbui-input-tag--disabled{--rbui-tag-color: var(--banana-tag-input-foreground-disabled);--rbui-tag-background-color: var(--banana-tag-input-background-disabled);--rbui-tag-background-color-hover: var(--banana-tag-input-background-disabled)}.rbui-table{position:relative;table-layout:fixed;border-collapse:collapse;width:100%}.rbui-table-body{font:var(--banana-p)}.rbui-table-cell{--rbui-cell-inline-padding: var(--banana-space-1x);--rbui-cell-block-padding: initial;position:relative;padding-inline:var(--rbui-cell-inline-padding);padding-block:var(--rbui-cell-block-padding);overflow:hidden;text-overflow:ellipsis;text-align:start}.rbui-table-cell__foot--has-pagination{--rbui-cell-block-padding: var(--banana-space-2x);--rbui-cell-inline-padding: 0}.rbui-table-cell-action.rbui-table-cell-action--floating{position:absolute;top:50%;inset-inline-end:var(--rbui-cell-inline-padding);transform:translateY(-50%)}.rbui-table-foot{font:var(--banana-p)}.rbui-table-head{font:var(--banana-p-small-bold)}.rbui-table-row{--rbui-table-row-border-color: var(--banana-table-row-border-default);--rbui-table-row-background-color: transparent;--rbui-table-row-hovered-background-color: transparent;height:var(--rbui-table-row-height);color:var(--rbui-table-row-font-color);border-bottom:1px solid var(--rbui-table-row-border-color);background-color:var(--rbui-table-row-background-color);transition:var(--banana-transition-default)}.rbui-table-row:hover:not(.rbui-table-row--disabled,.rbui-table-row--selected),.rbui-table-row.rbui-table-row--highlighted:not(.rbui-table-row--disabled,.rbui-table-row--selected){background-color:var(--rbui-table-row-hovered-background-color)}.rbui-table-row.rbui-table-row--disabled{--rbui-table-row-background-color: transparent}.rbui-table-row.rbui-table-row--selected{--rbui-table-row-background-color: var(--banana-table-row-background-active)}.rbui-table-row__head{--rbui-table-row-height: var(--banana-space-5x);--rbui-table-row-font-color: var(--banana-table-head-default)}.rbui-table-row__head--active{--rbui-table-row-font-color: var(--banana-table-head-active)}.rbui-table-row__body{--rbui-table-row-font-color: var(--banana-table-row-foreground-primary)}.rbui-table-row__body:hover,.rbui-table-row__body.rbui-table-row--highlighted{--rbui-table-row-hovered-background-color: var(--banana-table-row-background-hover)}.rbui-table-row__body:focus-visible,.rbui-table-row__body:focus-within{outline:var(--banana-global-focus) solid 2px}.rbui-table-row__body--small{--rbui-table-row-height: var(--banana-space-6x)}.rbui-table-row__body--medium{--rbui-table-row-height: var(--banana-space-7x)}.rbui-table-row__body--large{--rbui-table-row-height: var(--banana-space-9x)}.rbui-table-row__foot{--rbui-table-row-border-color: var(--rbui-table-row-background-color)}.rbui-table-sort-label{--rbui-table-sort-label-icon-opacity: 0;--rbui-table-sort-label-font-color: inherit;display:inline-flex;align-items:center;gap:var(--banana-space-1x);color:var(--rbui-table-sort-label-font-color);cursor:pointer;outline:none;transition:var(--banana-)}.rbui-table-sort-label:hover:not(.rbui-table-sort-label--active){--rbui-table-sort-label-icon-opacity: .5}.rbui-table-sort-label:focus-visible{outline:solid var(--banana-global-focus);outline-offset:2px}.rbui-table-sort-label--active{--rbui-table-sort-label-icon-opacity: 1;--rbui-table-sort-label-font-color: var(--banana-table-head-active)}.rbui-table-sort-label__icon{opacity:var(--rbui-table-sort-label-icon-opacity)}.rbui-tag-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--banana-space-1x);vertical-align:top}.rbui-trend-marker{--rbui-trend-marker-font: var(--banana-p-small, inherit);--rbui-trend-marker-bg-color: transparent;--rbui-trend-marker-color: var(--banana-trend-marker-neutral-foreground);--rbui-trend-marker-radius: var(--banana-trend-marker-radius);border-radius:var(--rbui-trend-marker-radius);background-color:var(--rbui-trend-marker-bg-color);color:var(--rbui-trend-marker-color);font:var(--rbui-trend-marker-font);display:inline-flex;align-items:center;gap:var(--banana-space-1x);padding-block:1px;padding-inline:var(--banana-space-0x)}.rbui-trend-marker__content,.rbui-trend-marker__text{display:inline-flex;align-items:center}.rbui-trend-marker__content{gap:var(--banana-space-1x)}.rbui-trend-marker--positive{--rbui-trend-marker-color: var(--banana-trend-marker-positive-foreground)}.rbui-trend-marker--positive.rbui-trend-marker--highlighted{--rbui-trend-marker-bg-color: var(--banana-trend-marker-positive-background)}.rbui-trend-marker--negative{--rbui-trend-marker-color: var(--banana-trend-marker-negative-foreground)}.rbui-trend-marker--negative.rbui-trend-marker--highlighted{--rbui-trend-marker-bg-color: var(--banana-trend-marker-negative-background)}.rbui-typography{font:var(--rbui-typography-variant, inherit);color:var(--rbui-typography-color, inherit);font-style:inherit;vertical-align:baseline;margin:0;padding:0;border:0}.rbui-typography--default{--rbui-typography-variant: var(--banana-p);--rbui-typography-color: var(--banana-text-body)}.rbui-typography--link{--rbui-typography-variant: var(--banana-p-link);--rbui-typography-color: var(--banana-text-link)}.rbui-typography--link-small{--rbui-typography-variant: var(--banana-p-small-link);--rbui-typography-color: var(--banana-text-link)}.rbui-typography--heading-xl{--rbui-typography-variant: var(--banana-heading-xl)}.rbui-typography--heading-1{--rbui-typography-variant: var(--banana-heading-1)}.rbui-typography--heading-2{--rbui-typography-variant: var(--banana-heading-2)}.rbui-typography--heading-3{--rbui-typography-variant: var(--banana-heading-3)}.rbui-typography--heading-4{--rbui-typography-variant: var(--banana-heading-4)}.rbui-typography--heading-5{--rbui-typography-variant: var(--banana-heading-5)}.rbui-typography--text{--rbui-typography-variant: var(--banana-p)}.rbui-typography--text-bold{--rbui-typography-variant: var(--banana-p-bold)}.rbui-typography--text-small{--rbui-typography-variant: var(--banana-p-small)}.rbui-typography--text-small-bold{--rbui-typography-variant: var(--banana-p-small-bold)}.rbui-typography--text-mono{--rbui-typography-variant: var(--banana-mono)}.rbui-typography--text-mono-small{--rbui-typography-variant: var(--banana-mono-small)}.rbui-typography--color-body{--rbui-typography-color: var(--banana-text-body)}.rbui-typography--color-subtl{--rbui-typography-color: var(--banana-text-subtl)}.rbui-typography--color-link{--rbui-typography-color: var(--banana-text-link)}.rbui-typography--color-success{--rbui-typography-color: var(--banana-text-success)}.rbui-typography--color-warning{--rbui-typography-color: var(--banana-text-warning)}.rbui-typography--color-negative{--rbui-typography-color: var(--banana-text-negative)}.rbui-menu-content{border-radius:4px;min-width:160px;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;cursor:not-allowed}.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-toaster{position:fixed;pointer-events:none;top:24px;left:16px;right:16px;bottom:16px}.rbui-toast-wrapper{position:absolute;display:flex;justify-content:center;left:0;right:0;top:0;transition:all .4s ease}.rbui-toast-wrapper--visible{z-index:2}.rbui-toast-wrapper--visible>*{pointer-events:auto}.rbui-toast-animation--visible{animation:toaster-slide-in .4s ease forwards}.rbui-toast-animation--hidden{animation:toaster-slide-out .4s ease forwards}@keyframes toaster-slide-in{0%{transform:translate3d(0,-100%,0) scale(.6);opacity:0}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes toaster-slide-out{0%{transform:translateZ(-1px) scale(1);opacity:1}to{transform:translate3d(0,-100%,-1px) scale(.6);opacity:0}}.rbui-toast{--rbui-toast-color: var(--banana-toast-info-foreground);--rbui-toast-shadow: 0px 107px 30px 0px #00ace500, 0px 68px 27px 0px #00ace503, 0px 38px 23px 0px #0028400a, 0px 17px 17px 0px #00ace512, 0px 4px 9px 0px #00284014;display:flex;align-items:flex-start;gap:var(--banana-space-1x);background-color:#fff;min-width:420px;max-width:800px;padding:var(--banana-space-2x) var(--banana-space-2x) var(--banana-space-2x) var(--banana-space-3x);border-radius:var(--banana-toast-radius);box-shadow:var(--rbui-toast-shadow);position:relative;overflow:hidden}.rbui-toast--info{--rbui-toast-color: var(--banana-toast-info-foreground);--rbui-toast-shadow: 0px 107px 30px 0px #00ace500, 0px 68px 27px 0px #00ace503, 0px 38px 23px 0px #0028400a, 0px 17px 17px 0px #00ace512, 0px 4px 9px 0px #00284014}.rbui-toast--success{--rbui-toast-color: var(--banana-toast-success-foreground);--rbui-toast-shadow: 0px 107px 30px 0px #0dca7a00, 0px 68px 27px 0px #0dca7a03, 0px 38px 23px 0px #0028400a, 0px 17px 17px 0px #0dca7a12, 0px 4px 9px 0px #00284014}.rbui-toast--warning{--rbui-toast-color: var(--banana-toast-warning-foreground);--rbui-toast-shadow: 0px 107px 30px 0px #ff950000, 0px 68px 27px 0px #ff950003, 0px 38px 23px 0px #0028400a, 0px 17px 17px 0px #ff950012, 0px 4px 9px 0px #00284014}.rbui-toast--error{--rbui-toast-color: var(--banana-toast-error-foreground);--rbui-toast-shadow: 0px 107px 30px 0px #e0416500, 0px 68px 27px 0px #e0416503, 0px 38px 23px 0px #0028400a, 0px 17px 17px 0px #e0416512, 0px 4px 9px 0px #00284014}.rbui-toast__icon{width:16px;height:16px;padding-top:2px;color:var(--rbui-toast-color)}.rbui-toast__body{display:flex;flex-direction:column;gap:var(--banana-space-2x);flex:1}.rbui-toast__content{flex:1;display:flex;flex-direction:column;gap:var(--banana-space-1x)}.rbui-toast__title{font:var(--banana-heading-4);color:var(--banana-heading-primary-foreground)}.rbui-toast__description .rbui-description{font:var(--banana-p);color:var(--banana-text-body)}.rbui-toast .rbui-button-reset{display:unset;height:unset;width:unset;border:unset;border-radius:unset;color:unset;background:unset;padding:unset;font:unset;cursor:unset;transition:unset}.rbui-toast .rbui-toast__close-wrapper{width:16px;height:16px;cursor:pointer;color:var(--banana-button-tertiary-foreground-default)}.rbui-toast__timer{position:absolute;bottom:0;left:0;height:4px;width:100%;background-color:var(--rbui-toast-color);animation:roundtime calc(var(--rbui-toast-timer-duration) / 1000 * 1s) linear forwards;transform-origin:left center}.rbui-toaster:hover .rbui-toast__timer,.rbui-toaster:focus-within .rbui-toast__timer,.rbui-toast:hover .rbui-toast__timer,.rbui-toast:focus-within .rbui-toast__timer{animation-play-state:paused}@keyframes roundtime{to{transform:scaleX(0)}}.rbui-modal{--rbui-border-radius: 8px;--rbui-elevation-3: var(--banana-elevation-3);display:flex;align-items:center;justify-content:center;position:fixed;inset:var(--banana-space-2x)}.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-popup-content{box-shadow:var(--banana-elevation-2);width:fit-content;padding:var(--banana-space-1x);border-radius:var(--banana-dropdown-radius);background-color:var(--banana-dropdown-background-main);transition:box-shadow .3s;font:var(--banana-p);color:var(--banana-text-body)}.rbui-popup-content:hover{box-shadow:var(--banana-elevation-3)}.rbui-popup-content--closed{display:none}.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;vertical-align:top;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-foreground)}.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;min-height:36px;font:var(--banana-input-input-text);color:var(--rbui-input-foreground-text);border-radius:4px;background:var(--rbui-input-background);outline:none}.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)}.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:focus-within,.rbui-base-input--focused{--rbui-input-border-color: var(--banana-global-focus);--rbui-input-border-width: 2px}.rbui-base-input:focus-visible.rbui-base-input--error,.rbui-base-input:focus-within.rbui-base-input--error,.rbui-base-input--focused.rbui-base-input--error{--rbui-input-border-color: var(--banana-states-error-foreground)}.rbui-base-input--error{--rbui-input-border-color: var(--banana-states-error-foreground)}.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__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)}.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-checkbox{--rbui-checkbox-background: var(--banana-checkbox-background-default);--rbui-checkbox-border: 1px solid var(--banana-checkbox-border-default);--rbui-checkbox-border-radius: var(--banana-radius-0x);--rbui-checkbox-cursor: pointer;display:inline-block;padding:1px;box-sizing:border-box;width:20px;height:20px;justify-content:center;align-items:center;position:relative;vertical-align:top;border-radius:var(--rbui-checkbox-border-radius)}.rbui-checkbox--checked{--rbui-checkbox-background: var(--banana-checkbox-background-active);--rbui-checkbox-foreground: var(--banana-checkbox-foreground-active);--rbui-checkbox-border: none}.rbui-checkbox--readonly{--rbui-checkbox-background: var(--banana-checkbox-background-read-only);--rbui-checkbox-foreground: var(--banana-checkbox-foreground-read-only);--rbui-checkbox-border: var(--banana-checkbox-border-read-only)}.rbui-checkbox--disabled{--rbui-checkbox-background: var(--banana-checkbox-background-disabled);--rbui-checkbox-foreground: var(--banana-checkbox-foreground-disabled);--rbui-checkbox-border: 1px solid var(--banana-checkbox-border-disbled);--rbui-checkbox-cursor: not-allowed}.rbui-checkbox--hovered:not(.rbui-checkbox--disabled):not(.rbui-checkbox--readonly).rbui-checkbox--checked{--rbui-checkbox-background: var(--banana-checkbox-background-active-hover)}.rbui-checkbox--hovered:not(.rbui-checkbox--disabled):not(.rbui-checkbox--readonly):not(.rbui-checkbox--checked){--rbui-checkbox-border: 1px solid var(--banana-checkbox-border-hover);--rbui-checkbox-background: var(--banana-checkbox-background-hover)}.rbui-checkbox--focus-visible,.rbui-checkbox:focus-visible{outline:2px solid var(--banana-global-focus);outline-offset:1px}.rbui-checkbox__inner{display:flex;width:100%;height:100%;justify-content:center;align-items:center;box-sizing:border-box;background:var(--rbui-checkbox-background);color:var(--rbui-checkbox-foreground);border:var(--rbui-checkbox-border);border-radius:var(--rbui-checkbox-border-radius)}.rbui-checkbox__input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;width:100%;height:100%;cursor:var(--rbui-checkbox-cursor)}.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{--rbui-listbox-padding: var(--banana-space-1x);list-style:none;margin:0;box-sizing:border-box;display:flex;flex-direction:column;gap:1px;width:fit-content;min-width:100%;background-color:var(--banana-dropdown-background-main);padding:var(--rbui-listbox-padding)}.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:246px;overflow-y:auto}.rbui-select-menu-header{display:flex;align-items:center;justify-content:space-between;padding-inline:var(--banana-space-1x)}.rbui-select-menu-header .rbui-field-label--normal{color:var(--banana-text-link);font:var(--banana-button-label)}.rbui-select-menu-header .rbui-selected-count{color:var(--banana-text-subtl);font:var(--banana-p-small)}.rbui-select-menu-divider{margin:calc(var(--banana-space-1x) + var(--banana-space-0x)) 0px;border-bottom:1px solid var(--banana-global-separator)}.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;margin:0;cursor:inherit}.rbui-listbox-group{margin:inherit;padding:inherit;list-style-type:none}.rbui-listbox-group-label{font:var(--banana-item-group);margin-inline:0;padding:var(--banana-space-0x) var(--banana-space-1x);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-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;--rbui-listbox-item-mark-opacity: 0;display:flex;align-items:center;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);white-space:nowrap}.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-mark-opacity: 1}.rbui-listbox-item--disabled{--rbui-listbox-item-font-color: var(--banana-dropdown-foreground-disabled);--rbui-listbox-item-cursor: not-allowed}.rbui-listbox-item__check-mark{flex-shrink:0;padding-inline-start:var(--banana-space-1x);margin-inline-start:auto;opacity:var(--rbui-listbox-item-mark-opacity)}.rbui-listbox-item__checkbox{flex-shrink:0;margin-inline-end:var(--banana-space-1x)}.rbui-autocomplete{min-width:320px}.rbui-autocomplete-option.Mui-focused,.rbui-autocomplete-option.Mui-focusVisible{--rbui-listbox-item-background-color: var(--banana-dropdown-background-hover);--rbui-listbox-item-font-color: var(--banana-dropdown-foreground-hover)}.rbui-autocomplete-option--no-option{--rbui-listbox-item-font-color: var(--banana-input-foreground-placeholder);--rbui-listbox-item-cursor: default}.rbui-autocomplete-option--loading{--rbui-listbox-item-font-color: var(--banana-input-foreground-placeholder);--rbui-listbox-item-cursor: progress}.rbui-autocomplete-option--disabled{pointer-events:none}.rbui-autocomplete-tag-group{padding-inline-start:var(--banana-space-1x);padding-block:var(--banana-space-0x);width:100%}.rbui-autocomplete-input{padding:0}.rbui-autocomplete-chevron{width:16px;height:16px}.rbui-calendar-cell{--rbui-calendar-grid-cell-height: 24px;--rbui-calendar-grid-cell-width: 24px;--rbui-calendar-grid-cell-cursor: default;--rbui-calendar-grid-cell-font: var(--banana-p);--rbui-calendar-grid-cell-font-color: var(--banana-dropdown-foreground-default);--rbui-calendar-grid-cell-background-color: transparent;display:flex;justify-content:center;align-items:center;height:var(--rbui-calendar-grid-cell-height);width:var(--rbui-calendar-grid-cell-width);font:var(--rbui-calendar-grid-cell-font);color:var(--rbui-calendar-grid-cell-font-color);background-color:var(--rbui-calendar-grid-cell-background-color);border-radius:var(--banana-dropdown-radius);padding:0}.rbui-calendar-cell--week{--rbui-calendar-grid-cell-font: var(--banana-p-bold);--rbui-calendar-grid-cell-font-color: var(--banana-dropdown-foreground-group)}.rbui-calendar-cell--day{--rbui-calendar-grid-cell-font: var(--banana-p)}.rbui-calendar-cell--today{--rbui-calendar-grid-cell-font: var(--banana-p-bold);--rbui-calendar-grid-cell-font-color: var(--banana-dropdown-foreground-active)}.rbui-calendar-cell--selected{--rbui-calendar-grid-cell-font-color: var(--banana-global-main);--rbui-calendar-grid-cell-background-color: var(--banana-dropdown-background-active-highlight)}.rbui-calendar-cell--disabled{--rbui-calendar-grid-cell-font-color: var(--banana-dropdown-foreground-disabled)}.rbui-calendar-grid{list-style:none;margin:0;padding:0;text-align:center;display:grid;grid-template-columns:repeat(7,1fr);gap:var(--banana-space-1x)}.rbui-calendar{display:flex;flex-direction:column;gap:var(--banana-space-1x);background-color:var(--banana-global-main)}.rbui-calendar-header{display:flex;justify-content:space-between;align-items:center}.rbui-calendar-header__title{flex:1;text-align:center;font:var(--banana-heading-5);text-transform:uppercase}.rbui-checkbox-group,.rbui-checkbox-group--vertical{--rbui-checkbox-list-direction: column;--rbui-checkbox-list-gap: var(--banana-space-1x)}.rbui-checkbox-group--horizontal{--rbui-checkbox-list-direction: row;--rbui-checkbox-list-gap: var(--banana-space-4x)}.rbui-checkbox-group__list{display:inline-flex;flex-basis:auto;align-items:flex-start;flex-direction:var(--rbui-checkbox-list-direction);gap:var(--rbui-checkbox-list-gap)}.rbui-date-input__segment{outline:none}.rbui-date-input__segment:focus-visible{background-color:var(--banana-dropdown-background-active)}.rbui-date-input__segment--placeholder{color:var(--rbui-input-placeholder-color)}.rbui-date-input{min-width:248px}.rbui-date-picker{display:inline-block}.rbui-date-picker__date-input{width:100%}.rbui-date-picker-card{padding-block:var(--banana-space-1x);padding-inline:var(--banana-space-2x);box-shadow:var(--banana-elevation-2);border-radius:var(--banana-radius-0x);background-color:var(--banana-global-main)}.rbui-radio{--rbui-radio-background: var(--banana-radio-background-default);--rbui-radio-border: 1px solid var(--banana-radio-border-default);--rbui-radio-border-radius: 50%;--rbui-radio-cursor: pointer;display:inline-flex;padding:1px;box-sizing:border-box;width:20px;height:20px;justify-content:center;align-items:center;position:relative;vertical-align:top;border-radius:var(--rbui-radio-border-radius)}.rbui-radio--checked{--rbui-radio-background: var(--banana-radio-background-active);--rbui-radio-foreground: var(--banana-radio-foreground-active);--rbui-radio-border: none}.rbui-radio--readonly{--rbui-radio-background: var(--banana-radio-background-read-only);--rbui-radio-foreground: var(--banana-radio-foreground-read-only);--rbui-radio-border: var(--banana-radio-border-read-only)}.rbui-radio--disabled{--rbui-radio-background: var(--banana-radio-background-disabled);--rbui-radio-foreground: var(--banana-radio-foreground-disabled);--rbui-radio-border: 1px solid var(--banana-radio-border-disbled);--rbui-radio-cursor: not-allowed}.rbui-radio--hovered:not(.rbui-radio--disabled):not(.rbui-radio--readonly).rbui-radio--checked{--rbui-radio-background: var(--banana-radio-background-active-hover)}.rbui-radio--hovered:not(.rbui-radio--disabled):not(.rbui-radio--readonly):not(.rbui-radio--checked){--rbui-radio-border: 1px solid var(--banana-radio-border-hover);--rbui-radio-background: var(--banana-radio-background-hover)}.rbui-radio--focus-visible{outline:2px solid var(--banana-global-focus);outline-offset:1px}.rbui-radio__inner{display:flex;width:100%;height:100%;justify-content:center;align-items:center;box-sizing:border-box;background:var(--rbui-radio-background);color:var(--rbui-radio-foreground);border:var(--rbui-radio-border);border-radius:var(--rbui-radio-border-radius)}.rbui-radio__input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:var(--rbui-radio-cursor);width:100%;height:100%}.rbui-radio-group,.rbui-radio-group--vertical{--rbui-radio-list-direction: column;--rbui-radio-list-gap: var(--banana-space-1x)}.rbui-radio-group--horizontal{--rbui-radio-list-direction: row;--rbui-radio-list-gap: var(--banana-space-4x)}.rbui-radio-group__list{display:inline-flex;flex-basis:auto;align-items:flex-start;flex-direction:var(--rbui-radio-list-direction);gap:var(--rbui-radio-list-gap)}.rbui-text-field__counter{font:var(--banana-p-small);color:var(--banana-text-subtl)}.rbui-text-field__textarea{resize:none;overflow:auto!important}.rbui-text-field__textarea--resizable{resize:both}.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)}.rbui-tab{--rbui-tab-color: var(--banana-tab-foreground-inactive);--rbui-tab-background-color: var(--banana-tab-background-main);display:flex;justify-content:center;padding:var(--banana-space-1x);cursor:pointer;outline:none;height:36px;box-sizing:border-box;color:var(--rbui-tab-color);background-color:var(--rbui-tab-background-color);box-shadow:inset 0 -1px 0 0 var(--banana-tab-border-default)}.rbui-tab:first-child{margin-inline-start:var(--banana-space-2x)}.rbui-tab--selected:not(.rbui-tab--disabled){--rbui-tab-color: var(--banana-tab-foreground-active);box-shadow:inset 0 -2px 0 0 var(--banana-tab-border-active)}.rbui-tab--focus-visible,.rbui-tab:focus-visible:not(.rbui-tab--disabled),.rbui-tab:hover:not(.rbui-tab--disabled){--rbui-tab-color: var(--banana-tab-foreground-hover);--rbui-tab-background-color: var(--banana-tab-background-hover)}.rbui-tab--disabled{--rbui-tab-color: var(--banana-tab-foreground-disabled);cursor:not-allowed}.rbui-tab--has-icon{display:flex;gap:var(--banana-space-1x);align-items:center;justify-content:center}.rbui-tab-list{display:flex;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:var(--banana-space-2x);height:36px;margin-block-end:var(--banana-space-2x);white-space:nowrap;--rbui-tab-font: var(--banana-p-bold);font:var(--rbui-tab-font);overflow-x:auto;box-shadow:inset 0 -1px 0 0 var(--banana-tab-border-default)}.rbui-tab-list--secondary{--rbui-tab-font: var(--banana-p)}.rbui-tab-panel{flex-grow:1}.rbui-tab-panel--hidden{display:none}.rbui-tabs{display:flex;flex-flow:column;width:100%;height:100%}.rbui-accordion{--rbui-accordion-header-padding-horizontal: 0px;--rbui-accordion-header-padding-vertical: var(--banana-space-1x);--rbui-accordion-header-chevron-width: 16px;overflow:hidden;display:flex;flex-flow:column;border-bottom:1px solid var(--banana-global-separator)}.rbui-accordion:has(.rbui-accordion-header:focus-visible){outline:2px solid var(--banana-global-focus);border-radius:var(--banana-radius-1x)}.rbui-accordion--disable-divider{border-bottom:unset}.rbui-accordion--styled{--rbui-accordion-header-padding-horizontal: var(--banana-space-2x);--rbui-accordion-header-padding-vertical: var(--banana-space-2x);border-radius:var(--banana-radius-1x);border:1px solid var(--banana-aside-border)}@keyframes slideDown{0%{height:0}to{height:var(--radix-accordion-content-height, var(--rbui-internal-accordion-content-height))}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height, var(--rbui-internal-accordion-content-height))}to{height:0}}.rbui-accordion-content{overflow:hidden;font:var(--banana-p);color:var(--banana-text-body)}.rbui-accordion-content[data-state=open]{animation:slideDown .2s ease-in}.rbui-accordion-content[data-state=closed]{animation:slideUp .2s ease-out}.rbui-accordion-content[data-forcemounted=true][data-state=open]{height:var(--rbui-internal-accordion-content-height)}.rbui-accordion-content[data-forcemounted=true][data-state=closed]{height:0}.rbui-accordion-content__inner{--rbui-accordion-content__inner-padding: 0 0 var(--banana-space-1x) 0;padding:var(--rbui-accordion-content__inner-padding)}.rbui-accordion-content__inner--styled{--rbui-accordion-content__inner-padding: var(--banana-space-2x)}.rbui-accordion-header{all:unset;box-sizing:border-box;max-width:100%;display:flex;align-items:flex-start;justify-content:space-between;align-self:stretch;flex-grow:1;gap:var(--banana-space-2x);padding:var(--rbui-accordion-header-padding-vertical) var(--rbui-accordion-header-padding-horizontal);cursor:pointer}.rbui-accordion-header:focus-visible{outline:none}.rbui-accordion-header--styled{background-color:var(--banana-aside-background)}.rbui-accordion-header__inner{display:flex;flex-flow:column;max-width:calc(100% - var(--banana-space-4x))}.rbui-accordion-header__title{--rbui-accordion-header-title-font: var(--banana-heading-5);font:var(--rbui-accordion-header-title-font);color:var(--banana-heading-secondary-foreground);margin-inline-end:var(--banana-space-2x)}.rbui-accordion-header__title--styled{--rbui-accordion-header-title-font: var(--banana-heading-4)}.rbui-accordion-header__description{font:var(--banana-p);color:var(--banana-text-subtl);height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:var(--banana-transition-default)}.rbui-accordion-header[data-state=closed] .rbui-accordion-header__description{height:0px;opacity:0}.rbui-accordion-header__chevron{width:var(--rbui-accordion-header-chevron-width);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:var(--banana-transition-default);color:var(--banana-button-primary-foreground-default)}.rbui-accordion-header[data-state=open] .rbui-accordion-header__chevron{transform:rotate(180deg)}.rbui-accordion-filter-header{display:flex;position:relative;--rbui-accordion-header-reset-top: var(--rbui-accordion-header-padding-vertical);--rbui-accordion-header-reset-right: calc( var(--rbui-accordion-header-padding-horizontal) + var(--rbui-accordion-header-chevron-width) + var(--banana-space-1x) )}.rbui-accordion-filter-header__reset{display:inline-block;position:absolute;top:var(--rbui-accordion-header-reset-top);right:var(--rbui-accordion-header-reset-right);height:fit-content}.rbui-accordion-group{--rbui-accordion-group-gap: var(--banana-space-1x);display:flex;flex-direction:column;gap:var(--rbui-accordion-group-gap)}.rbui-accordion-group--styled{--rbui-accordion-group-gap: var(--banana-space-2x)}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bloomreach/react-banana-ui",
3
3
  "type": "module",
4
- "version": "1.28.0",
4
+ "version": "1.30.0",
5
5
  "private": false,
6
6
  "repository": {
7
7
  "type": "git",
@@ -65,85 +65,86 @@
65
65
  }
66
66
  },
67
67
  "dependencies": {
68
- "@bloomreach/banana-theme": "0.0.25",
69
- "@floating-ui/react": "0.26.28",
70
- "@internationalized/date": "3.6.0",
71
- "@mui/base": "5.0.0-beta.64",
72
- "@radix-ui/react-accordion": "1.2.1",
73
- "@radix-ui/react-slot": "1.1.0",
74
- "@react-aria/calendar": "3.6.0",
75
- "@react-aria/datepicker": "3.12.0",
76
- "@react-aria/i18n": "3.12.4",
77
- "@react-stately/calendar": "3.6.0",
78
- "@react-stately/datepicker": "3.11.0",
68
+ "@bloomreach/banana-theme": "0.0.27",
69
+ "@floating-ui/react": "0.27.5",
70
+ "@internationalized/date": "3.7.0",
71
+ "@mui/base": "5.0.0-beta.70",
72
+ "@radix-ui/react-accordion": "1.2.3",
73
+ "@radix-ui/react-slot": "1.1.2",
74
+ "@react-aria/calendar": "3.7.2",
75
+ "@react-aria/datepicker": "3.14.1",
76
+ "@react-aria/i18n": "3.12.7",
77
+ "@react-stately/calendar": "3.7.1",
78
+ "@react-stately/datepicker": "3.13.0",
79
79
  "classnames": "2.5.1",
80
+ "react-hot-toast": "2.5.2",
80
81
  "react-merge-refs": "2.1.1"
81
82
  },
82
83
  "devDependencies": {
83
- "@antfu/eslint-config": "3.11.2",
84
- "@commitlint/cli": "19.6.0",
85
- "@commitlint/config-conventional": "19.6.0",
86
- "@commitlint/types": "19.5.0",
84
+ "@antfu/eslint-config": "4.11.0",
85
+ "@commitlint/cli": "19.8.0",
86
+ "@commitlint/config-conventional": "19.8.0",
87
+ "@commitlint/types": "19.8.0",
87
88
  "@eslint-community/eslint-plugin-eslint-comments": "4.4.1",
88
- "@eslint-react/eslint-plugin": "1.17.3",
89
- "@eslint/js": "9.16.0",
90
- "@laynezh/vite-plugin-lib-assets": "0.5.26",
91
- "@playwright/test": "1.49.0",
89
+ "@eslint-react/eslint-plugin": "1.38.2",
90
+ "@eslint/js": "9.23.0",
91
+ "@laynezh/vite-plugin-lib-assets": "1.1.0",
92
+ "@playwright/test": "1.51.1",
92
93
  "@semantic-release/changelog": "6.0.3",
93
94
  "@semantic-release/git": "10.0.1",
94
- "@storybook/addon-a11y": "8.4.6",
95
- "@storybook/addon-actions": "8.4.6",
96
- "@storybook/addon-essentials": "8.4.6",
97
- "@storybook/addon-interactions": "8.4.6",
98
- "@storybook/addon-links": "8.4.6",
99
- "@storybook/addon-storysource": "8.4.6",
100
- "@storybook/blocks": "8.4.6",
101
- "@storybook/manager-api": "8.4.6",
102
- "@storybook/react": "8.4.6",
103
- "@storybook/react-vite": "8.4.6",
104
- "@storybook/test": "8.4.6",
105
- "@storybook/theming": "8.4.6",
95
+ "@storybook/addon-a11y": "8.6.10",
96
+ "@storybook/addon-actions": "8.6.10",
97
+ "@storybook/addon-essentials": "8.6.10",
98
+ "@storybook/addon-interactions": "8.6.10",
99
+ "@storybook/addon-links": "8.6.10",
100
+ "@storybook/addon-storysource": "8.6.10",
101
+ "@storybook/blocks": "8.6.10",
102
+ "@storybook/manager-api": "8.6.10",
103
+ "@storybook/react": "8.6.10",
104
+ "@storybook/react-vite": "8.6.10",
105
+ "@storybook/test": "8.6.10",
106
+ "@storybook/theming": "8.6.10",
106
107
  "@testing-library/dom": "10.4.0",
107
108
  "@testing-library/jest-dom": "6.6.3",
108
- "@testing-library/react": "16.0.1",
109
- "@testing-library/user-event": "14.5.2",
110
- "@types/node": "22.10.1",
109
+ "@testing-library/react": "16.2.0",
110
+ "@testing-library/user-event": "14.6.1",
111
+ "@types/node": "22.13.14",
111
112
  "@types/react": "18.x.x",
112
113
  "@types/react-dom": "18.x.x",
113
- "@vitejs/plugin-react-swc": "3.7.2",
114
- "@vitest/coverage-v8": "2.1.8",
115
- "@vitest/eslint-plugin": "1.1.14",
116
- "@vitest/ui": "2.1.8",
117
- "autoprefixer": "10.4.20",
114
+ "@vitejs/plugin-react-swc": "3.8.1",
115
+ "@vitest/coverage-v8": "3.0.9",
116
+ "@vitest/eslint-plugin": "1.1.38",
117
+ "@vitest/ui": "3.0.9",
118
+ "autoprefixer": "10.4.21",
118
119
  "conventional-changelog-conventionalcommits": "8.0.0",
119
- "eslint": "9.16.0",
120
- "eslint-config-prettier": "9.1.0",
121
- "eslint-import-resolver-typescript": "3.7.0",
120
+ "eslint": "9.23.0",
121
+ "eslint-config-prettier": "10.1.1",
122
+ "eslint-import-resolver-typescript": "4.2.5",
122
123
  "eslint-plugin-jsx-a11y": "6.10.2",
123
- "eslint-plugin-perfectionist": "4.2.0",
124
- "eslint-plugin-prettier": "5.2.1",
125
- "eslint-plugin-react": "7.37.2",
126
- "eslint-plugin-react-hooks": "5.0.0",
127
- "eslint-plugin-react-refresh": "0.4.16",
128
- "eslint-plugin-unicorn": "56.0.1",
129
- "globals": "15.13.0",
124
+ "eslint-plugin-perfectionist": "4.10.1",
125
+ "eslint-plugin-prettier": "5.2.5",
126
+ "eslint-plugin-react": "7.37.4",
127
+ "eslint-plugin-react-hooks": "5.2.0",
128
+ "eslint-plugin-react-refresh": "0.4.19",
129
+ "eslint-plugin-unicorn": "58.0.0",
130
+ "globals": "16.0.0",
130
131
  "husky": "9.1.7",
131
- "jsdom": "25.0.1",
132
- "lint-staged": "15.2.10",
132
+ "jsdom": "26.0.0",
133
+ "lint-staged": "15.5.0",
133
134
  "plop": "4.0.1",
134
- "prettier": "3.4.2",
135
+ "prettier": "3.5.3",
135
136
  "react": "18.3.1",
136
137
  "react-dom": "18.3.1",
137
138
  "resize-observer-polyfill": "1.5.1",
138
- "sass": "1.82.0",
139
- "semantic-release": "24.2.0",
140
- "storybook": "8.4.6",
141
- "typescript": "5.7.2",
142
- "typescript-eslint": "8.17.0",
143
- "vite": "5.4.11",
144
- "vite-plugin-dts": "4.3.0",
139
+ "sass": "1.86.0",
140
+ "semantic-release": "24.2.3",
141
+ "storybook": "8.6.10",
142
+ "typescript": "5.8.2",
143
+ "typescript-eslint": "8.28.0",
144
+ "vite": "6.2.3",
145
+ "vite-plugin-dts": "4.5.3",
145
146
  "vite-plugin-svgr": "4.3.0",
146
- "vitest": "2.1.8"
147
+ "vitest": "3.0.9"
147
148
  },
148
149
  "browserslist": [
149
150
  "> 0.25%",
package/dist/style.css DELETED
@@ -1 +0,0 @@
1
- :root{--banana-text-negative: #f24165;--banana-text-link: #009ACE;--banana-text-warning: #ff9500;--banana-text-success: #0dca7a;--banana-text-subtl: #5E739C;--banana-text-body: #43526F;--banana-space-none: 0;--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: #009ACE;--banana-toast-info-background: #ffffff;--banana-toast-info-foreground: #009ACE;--banana-toast-warning-background: #ffffff;--banana-toast-warning-foreground: #ff9500;--banana-toast-warning-border: #ff9500;--banana-toast-radius: 4px;--banana-breadcrumbs-disabled: #8d9db9;--banana-breadcrumbs-hover: #002840;--banana-breadcrumbs-inactive: #43526F;--banana-breadcrumbs-active: #002840;--banana-tag-asset-accent-3-foreground-default: #038C5F;--banana-tag-asset-accent-3-background-default: rgba(4, 197, 134, .1);--banana-tag-asset-accent-3-background-hover: rgba(3, 140, 95, .1);--banana-tag-asset-accent-2-background-default: rgba(248, 77, 172, .1);--banana-tag-asset-accent-2-background-hover: rgba(176, 55, 122, .1);--banana-tag-asset-accent-2-foreground-default: #B0377A;--banana-tag-asset-default-background-hover: rgba(94, 115, 156, .1);--banana-tag-asset-default-background-default: rgba(141, 157, 185, .1);--banana-tag-asset-default-foreground-default: #002840;--banana-tag-asset-accent-1-foreground-default: #6152B5;--banana-tag-asset-accent-1-background-hover: rgba(97, 82, 181, .1);--banana-tag-asset-accent-1-background-default: rgba(136, 115, 255, .1);--banana-tag-asset-accent-8-background-hover: rgba(140, 117, 0, .1);--banana-tag-asset-accent-8-background-default: rgba(255, 213, 0, .1);--banana-tag-asset-accent-8-foreground-default: #8C7500;--banana-tag-asset-accent-4-foreground-default: #B55F21;--banana-tag-asset-accent-4-background-default: rgba(255, 134, 46, .1);--banana-tag-asset-accent-4-background-hover: rgba(181, 95, 33, .1);--banana-tag-asset-accent-5-foreground-default: #006DB5;--banana-tag-asset-accent-5-background-default: rgba(0, 153, 255, .1);--banana-tag-asset-accent-5-background-hover: rgba(0, 109, 181, .1);--banana-tag-asset-accent-6-foreground-default: #537718;--banana-tag-asset-accent-6-background-default: rgba(150, 217, 44, .1);--banana-tag-asset-accent-6-background-hover: rgba(83, 119, 24, .1);--banana-tag-asset-accent-7-foreground-default: #AC2E48;--banana-tag-asset-accent-7-background-default: rgba(242, 65, 101, .1);--banana-tag-asset-accent-7-background-hover: rgba(172, 46, 72, .1);--banana-tag-asset-accent-9-background-hover: rgba(0, 140, 187, .1);--banana-tag-asset-accent-9-background-default: rgba(0, 154, 206, .1);--banana-tag-asset-accent-9-foreground-default: #008CBB;--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-tag-radius: 4px;--banana-toggle-background-default: #bdcee3;--banana-toggle-background-active-disabled: #e1e8f5;--banana-toggle-background-active: #009ACE;--banana-toggle-background-read-only-active: rgba(84, 187, 222, .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: #E6F5FA;--banana-toggle-foreground-read-only: #ffffff;--banana-toggle-radius: 999px;--banana-checkbox-background-disabled: #f7f9fc;--banana-checkbox-background-read-only: #e1e8f5;--banana-checkbox-background-active: #009ACE;--banana-checkbox-background-active-hover: #33AED8;--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: #009ACE;--banana-radio-background-active-hover: #33AED8;--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(51, 174, 216, .1);--banana-dropdown-background-active-highlight: #33AED8;--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: #43526F;--banana-dropdown-foreground-disabled: #8d9db9;--banana-dropdown-foreground-default: #43526F;--banana-dropdown-foreground-hover: #43526F;--banana-dropdown-foreground-active: #002840;--banana-dropdown-border-divider: #e1e8f5;--banana-dropdown-radius: 8px;--banana-input-foreground-disabled: #8d9db9;--banana-input-foreground-placeholder: #5E739C;--banana-input-foreground-input-text: #002840;--banana-input-foreground-label: #43526F;--banana-input-foreground-icon: #5E739C;--banana-input-border-hover: #8d9db9;--banana-input-border-filling-inline: #009ACE;--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-highlight: rgba(51, 174, 216, .1);--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-input-radius: 4px;--banana-input-no-radius: 0;--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: #43526F;--banana-button-secondary-foreground-pressed: #43526F;--banana-button-secondary-foreground-hover: #43526F;--banana-button-tertiary-foreground-disabled: #8d9db9;--banana-button-tertiary-foreground-default: #43526F;--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: #DC3B5C;--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: #DC3B5C;--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: #54BBDE;--banana-button-inline-foreground-default: #009ACE;--banana-button-inline-foreground-hover: #008CBB;--banana-button-radius: 4px;--banana-button-no-radius: 0;--banana-table-head-default: #5E739C;--banana-table-head-active: #43526F;--banana-table-row-border-default: #e1e8f5;--banana-table-row-background-active: rgba(51, 174, 216, .1);--banana-table-row-background-hover: rgba(189, 206, 227, .1);--banana-table-row-foreground-secondary: #43526F;--banana-table-row-foreground-primary: #002840;--banana-tab-border-default: #e1e8f5;--banana-tab-border-hover: #bdcee3;--banana-tab-border-active: #009ACE;--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: #43526F;--banana-tab-foreground-disabled: #8d9db9;--banana-tab-radius: 4px;--banana-tab-no-radius: 0;--banana-states-warning: #ff9500;--banana-states-success: #0dca7a;--banana-states-default: #bdcee3;--banana-states-error: #f24165;--banana-states-info: #009ACE;--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: #E6F5FA;--banana-alert-info-foreground: #009ACE;--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-alert-radius: 8px;--banana-global-focus: #33AED8;--banana-global-separator: #e1e8f5;--banana-global-separator-dark: #43526F;--banana-global-main: #ffffff;--banana-global-overlay: rgba(0, 40, 64, .4);--banana-tooltip-foreground-icon: #5E739C;--banana-tooltip-foreground-icon-hover: #43526F;--banana-tooltip-foreground-text: #ffffff;--banana-tooltip-background-error: #f24165;--banana-tooltip-background-default: #002840;--banana-tooltip-radius: 4px;--banana-aside-border: #e1e8f5;--banana-aside-background: #f7f9fc;--banana-heading-tertiary-foreground: #5E739C;--banana-heading-secondary-foreground: #43526F;--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: #ffffff;--banana-badge-secondary-background: #009ACE;--banana-badge-radius: 999px;--banana-badge-tertiary-foreground: #009ACE;--banana-badge-tertiary-background: #E6F5FA;--banana-tree-foreground-default: #43526F;--banana-tree-foreground-active: #002840;--banana-tree-background-hover: rgba(141, 157, 185, .1);--banana-tree-background-active: rgba(51, 174, 216, .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-modal-radius: 16px;--banana-slider-foreground-default: #009ACE;--banana-slider-foreground-disabled: #54BBDE;--banana-slider-foreground-tickmark-active: #ffffff;--banana-slider-foreground-tickmark: #8d9db9;--banana-slider-background-default: #e1e8f5;--banana-slider-border-hover: rgba(0, 154, 206, .1);--banana-slider-radius: 999px;--banana-card-background-default: #ffffff;--banana-card-background-alternative: #f7f9fc;--banana-card-background-new: #E6F5FA;--banana-card-broder-default: #e1e8f5;--banana-card-broder-new: #8AD1E8;--banana-card-radius: 8px;--banana-progress-bar-foreground-default: #009ACE;--banana-progress-bar-background-default: #e1e8f5;--banana-progress-bar-radius: 4px;--banana-transition-default: all .15s cubic-bezier(.65, .05, .36, 1);--banana-pagination-foreground-default: #43526F;--banana-pagination-foreground-hover: #43526F;--banana-pagination-foreground-active: #008CBB;--banana-pagination-background-hover: rgba(141, 157, 185, .1);--banana-pagination-background-active: rgba(51, 174, 216, .1);--banana-pagination-radius: 4px;--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;--banana-elevation-toast-default: 0 4px 9px 0 #00284014, 0 17px 17px 0 rgba(0,172,229,.07), 0 38px 23px 0 #0028400a, 0 68px 27px 0 rgba(0,172,229,.01), 0 107px 30px 0 rgba(0,172,229,0);--banana-elevation-toast-error: 0 4px 9px 0 #00284014, 0 17px 17px 0 rgba(224,65,101,.07), 0 38px 23px 0 #0028400a, 0 68px 27px 0 rgba(224,65,101,.01), 0 107px 30px 0 rgba(224,65,101,0);--banana-elevation-toast-success: 0 4px 9px 0 #00284014, 0 17px 17px 0 rgba(13,202,122,.07), 0 38px 23px 0 #0028400a, 0 68px 27px 0 rgba(13,202,122,.01), 0 107px 30px 0 rgba(13,202,122,0);--banana-elevation-toast-warning: 0 4px 9px 0 #00284014, 0 17px 17px 0 rgba(255,149,0,.07), 0 38px 23px 0 #0028400a, 0 68px 27px 0 rgba(255,149,0,.01), 0 107px 30px 0 rgba(255,149,0,0);--banana-checbox-radius: 4px;--banana-focus-radius: 4px;--banana-thumbnail-radius: 4px;--banana-seg-control-background-default: #ffffff;--banana-seg-control-background-disabled: #f7f9fc;--banana-seg-control-background-read-only: #e1e8f5;--banana-seg-control-background-hover-item: rgba(141, 157, 185, .1);--banana-seg-control-background-active-item: #009ACE;--banana-seg-control-background-active-negative-item: #f24165;--banana-seg-control-background-read-only-item: #8d9db9;--banana-seg-control-foreground-default: #43526F;--banana-seg-control-foreground-hover: #002840;--banana-seg-control-foreground-active: #ffffff;--banana-seg-control-foreground-disabled: #5E739C;--banana-seg-control-foreground-read-only: #ffffff;--banana-seg-control-border-default: #bdcee3;--banana-seg-control-border-disabled: #e1e8f5;--banana-seg-control-border-read-only: #e1e8f5;--banana-seg-control-radius: 4px;--banana-seg-control-radius-inner: 2px}:root{--banana-accent-100: #8873FF;--banana-accent-150: #6152B5;--banana-accent-200: #F84DAC;--banana-accent-250: #B0377A;--banana-accent-300: #04C586;--banana-accent-350: #038C5F;--banana-accent-400: #FF862E;--banana-accent-450: #B55F21;--banana-accent-500: #0099FF;--banana-accent-550: #006DB5;--banana-accent-600: #96D92C;--banana-accent-650: #537718;--banana-accent-700: #F24165;--banana-accent-750: #AC2E48;--banana-accent-800: #ffd500;--banana-accent-850: #8C7500;--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: #E88802;--banana-orange-700: #B56A01;--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: #DC3B5C;--banana-red-700: #AC2E48;--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: #8C7500;--banana-blue-50: #E6F5FA;--banana-blue-100: #B0E0F0;--banana-blue-200: #8AD1E8;--banana-blue-300: #54BBDE;--banana-blue-400: #33AED8;--banana-blue-500: #009ACE;--banana-blue-600: #008CBB;--banana-blue-700: #006D92;--banana-neutral-100: #f7f9fc;--banana-neutral-200: #e1e8f5;--banana-neutral-300: #bdcee3;--banana-neutral-400: #8d9db9;--banana-neutral-500: #5E739C;--banana-neutral-600: #43526F;--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: .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;--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);--rbui-button-height: 36px;outline:none;display:flex;align-items:center;justify-content:center;height:var(--rbui-button-height);width:var(--rbui-button-width);padding:var(--rbui-button-padding);gap:var(--banana-space-1x);border-radius:var(--banana-button-radius);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{--rbui-button-height: 32px;--rbui-button-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-inline,.rbui-button-inline--active{--rbui-button-color: var(--banana-button-inline-foreground-default);--rbui-button-height: 24px;--rbui-button-padding: 0px}.rbui-button-inline.rbui-button--icon-only{--rbui-button-height: 16px;--rbui-button-width: 16px}.rbui-button-inline--hover,.rbui-button-inline:hover:not(.rbui-button--disabled){--rbui-button-color: var(--banana-button-inline-foreground-hover)}.rbui-button-inline--disabled,.rbui-button-inline: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}.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-actions-container{display:flex;gap:var(--banana-space-1x);align-items:center;flex-shrink:0}.rbui-tag{display:flex;overflow:hidden;width:fit-content;border-radius:var(--banana-radius-0x);font:var(--banana-p-small);color:var(--rbui-tag-color);background-color:var(--rbui-tag-background-color)}.rbui-tag:focus-visible:not(.rbui-tag--disabled){outline:2px solid var(--banana-global-focus);outline-offset:1px}.rbui-tag .rbui-tag__content:hover:not(.rbui-tag__content--read-only,.rbui-tag__content--disabled)+.rbui-tag__close-wrapper:not(.rbui-tag__close-wrapper--disabled),.rbui-tag .rbui-tag__close-wrapper:hover:not(.rbui-tag__close-wrapper--disabled),.rbui-tag .rbui-tag__content:hover:not(.rbui-tag__content--read-only,.rbui-tag__content--disabled){color:var(--rbui-tag-color-hover, --rbui-tag-color);background-color:var(--rbui-tag-background-color-hover, --rbui-tag-background-color)}.rbui-tag .rbui-tag__content{display:flex;align-items:center;justify-content:center;gap:var(--banana-space-0x);padding:var(--banana-space-0x);cursor:pointer}.rbui-tag .rbui-tag__content .rbui-tag__content-icon{display:flex;align-items:center;justify-content:center;height:16px;width:16px}.rbui-tag .rbui-tag__content .rbui-tag__content-text{padding-inline:var(--banana-space-0x)}.rbui-tag .rbui-tag__content--bordered{padding:calc(var(--banana-space-0x) - 1px)}.rbui-tag .rbui-tag__content--dismissible{padding-inline-end:0}.rbui-tag .rbui-tag__content--read-only{cursor:default}.rbui-tag .rbui-tag__content--disabled{cursor:not-allowed}.rbui-tag .rbui-tag__close-wrapper{color:inherit;font:inherit;display:flex;align-items:center;justify-content:center;padding:var(--banana-space-0x);cursor:pointer}.rbui-tag .rbui-tag__close-wrapper .rbui-tag__close-wrapper-icon{height:12px;width:12px}.rbui-tag .rbui-tag__close-wrapper--bordered{padding:calc(var(--banana-space-0x) - 1px);padding-inline-start:var(--banana-space-0x)}.rbui-button-reset{display:unset;height:unset;width:unset;border:unset;border-radius:unset;color:unset;background:unset;font:unset;cursor:unset;transition:unset}.rbui-asset-tag,.rbui-asset-tag--default{--rbui-tag-color: var(--banana-tag-asset-default-foreground-default);--rbui-tag-background-color: var(--banana-tag-asset-default-background-default);--rbui-tag-background-color-hover: var(--banana-tag-asset-default-background-hover)}.rbui-asset-tag--accent-1{--rbui-tag-color: var(--banana-tag-asset-accent-1-foreground-default);--rbui-tag-background-color: var(--banana-tag-asset-accent-1-background-default);--rbui-tag-background-color-hover: var(--banana-tag-asset-accent-1-background-hover)}.rbui-asset-tag--accent-2{--rbui-tag-color: var(--banana-tag-asset-accent-2-foreground-default);--rbui-tag-background-color: var(--banana-tag-asset-accent-2-background-default);--rbui-tag-background-color-hover: var(--banana-tag-asset-accent-2-background-hover)}.rbui-asset-tag--accent-3{--rbui-tag-color: var(--banana-tag-asset-accent-3-foreground-default);--rbui-tag-background-color: var(--banana-tag-asset-accent-3-background-default);--rbui-tag-background-color-hover: var(--banana-tag-asset-accent-3-background-hover)}.rbui-asset-tag--accent-4{--rbui-tag-color: var(--banana-tag-asset-accent-4-foreground-default);--rbui-tag-background-color: var(--banana-tag-asset-accent-4-background-default);--rbui-tag-background-color-hover: var(--banana-tag-asset-accent-4-background-hover)}.rbui-asset-tag--accent-5{--rbui-tag-color: var(--banana-tag-asset-accent-5-foreground-default);--rbui-tag-background-color: var(--banana-tag-asset-accent-5-background-default);--rbui-tag-background-color-hover: var(--banana-tag-asset-accent-5-background-hover)}.rbui-asset-tag--accent-6{--rbui-tag-color: var(--banana-tag-asset-accent-6-foreground-default);--rbui-tag-background-color: var(--banana-tag-asset-accent-6-background-default);--rbui-tag-background-color-hover: var(--banana-tag-asset-accent-6-background-hover)}.rbui-asset-tag--accent-7{--rbui-tag-color: var(--banana-tag-asset-accent-7-foreground-default);--rbui-tag-background-color: var(--banana-tag-asset-accent-7-background-default);--rbui-tag-background-color-hover: var(--banana-tag-asset-accent-7-background-hover)}.rbui-asset-tag--accent-8{--rbui-tag-color: var(--banana-tag-asset-accent-8-foreground-default);--rbui-tag-background-color: var(--banana-tag-asset-accent-8-background-default);--rbui-tag-background-color-hover: var(--banana-tag-asset-accent-8-background-hover)}.rbui-asset-tag--accent-9{--rbui-tag-color: var(--banana-tag-asset-accent-9-foreground-default);--rbui-tag-background-color: var(--banana-tag-asset-accent-9-background-default);--rbui-tag-background-color-hover: var(--banana-tag-asset-accent-9-background-hover)}.rbui-badge,.rbui-badge--default{--rbui-badge-background: var(--banana-badge-default-background);--rbui-badge-foreground: var(--banana-badge-default-foreground);--rbui-badge-content-inline-padding: var(--banana-space-1x);display:inline-block;position:relative}.rbui-badge--neutral{--rbui-badge-background: var(--banana-badge-neutral-background);--rbui-badge-foreground: var(--banana-badge-neutral-foreground)}.rbui-badge--success{--rbui-badge-background: var(--banana-badge-success-background);--rbui-badge-foreground: var(--banana-badge-success-foreground)}.rbui-badge--secondary{--rbui-badge-background: var(--banana-badge-secondary-background);--rbui-badge-foreground: var(--banana-badge-secondary-foreground)}.rbui-badge--tertiary{--rbui-badge-background: var(--banana-badge-tertiary-background);--rbui-badge-foreground: var(--banana-badge-tertiary-foreground)}.rbui-badge--narrow-padding{--rbui-badge-content-inline-padding: var(--banana-space-0x)}.rbui-badge__content{display:flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:18px;min-height:18px;padding-block:1px;padding-inline:var(--rbui-badge-content-inline-padding);font:var(--banana-p-small-bold);background:var(--rbui-badge-background);color:var(--rbui-badge-foreground);border-radius:var(--banana-badge-radius)}.rbui-badge__content--notification{position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%,-50%)}.rbui-description{font:var(--banana-p-small);color:var(--banana-text-subtl)}.rbui-filter-tag{--rbui-tag-color: var(--banana-tag-filter-foreground-default);--rbui-tag-background-color: var(--banana-tag-filter-background-default);--rbui-tag-background-color-hover: var(--banana-tag-filter-background-hover)}.rbui-filter-tag--selected{--rbui-tag-color: var(--banana-tag-filter-foreground-active);--rbui-tag-background-color: var(--banana-tag-filter-background-active);--rbui-tag-background-color-hover: var(--banana-tag-filter-background-active)}.rbui-header{padding:var(--banana-space-2x) var(--banana-space-3x);border-bottom:1px solid var(--banana-global-separator);display:flex;align-items:flex-start;gap:var(--banana-space-1x)}.rbui-header__title{display:flex;flex-grow:1;flex-direction:column;gap:var(--banana-space-0x)}.rbui-header__title-heading{font:var(--banana-heading-1);color:var(--banana-heading-primary-foreground);margin:0}.rbui-input-tag--selected{--rbui-tag-color: var(--banana-tag-input-foreground-default);--rbui-tag-background-color: var(--banana-tag-input-background-default);--rbui-tag-background-color-hover: var(--banana-tag-input-background-hover)}.rbui-input-tag--unselected{--rbui-tag-color: var(--banana-tag-input-foreground-inactive);--rbui-tag-background-color: var(--banana-tag-input-background-inactive);--rbui-tag-background-color-hover: var(--banana-tag-input-background-inactive-hover);border:1px solid var(--banana-tag-input-border-inactive)}.rbui-input-tag--disabled{--rbui-tag-color: var(--banana-tag-input-foreground-disabled);--rbui-tag-background-color: var(--banana-tag-input-background-disabled);--rbui-tag-background-color-hover: var(--banana-tag-input-background-disabled)}.rbui-table{position:relative;table-layout:fixed;border-collapse:collapse;width:100%}.rbui-table-body{font:var(--banana-p)}.rbui-table-cell{--rbui-cell-inline-padding: var(--banana-space-1x);--rbui-cell-block-padding: initial;position:relative;padding-inline:var(--rbui-cell-inline-padding);padding-block:var(--rbui-cell-block-padding);overflow:hidden;text-overflow:ellipsis;text-align:start}.rbui-table-cell__foot--has-pagination{--rbui-cell-block-padding: var(--banana-space-2x);--rbui-cell-inline-padding: 0}.rbui-table-cell-action.rbui-table-cell-action--floating{position:absolute;top:50%;inset-inline-end:var(--rbui-cell-inline-padding);transform:translateY(-50%)}.rbui-table-foot{font:var(--banana-p)}.rbui-table-head{font:var(--banana-p-small-bold)}.rbui-table-row{--rbui-table-row-border-color: var(--banana-table-row-border-default);--rbui-table-row-background-color: transparent;--rbui-table-row-hovered-background-color: transparent;height:var(--rbui-table-row-height);color:var(--rbui-table-row-font-color);border-bottom:1px solid var(--rbui-table-row-border-color);background-color:var(--rbui-table-row-background-color);transition:var(--banana-transition-default)}.rbui-table-row:hover:not(.rbui-table-row--disabled,.rbui-table-row--selected),.rbui-table-row.rbui-table-row--highlighted:not(.rbui-table-row--disabled,.rbui-table-row--selected){background-color:var(--rbui-table-row-hovered-background-color)}.rbui-table-row.rbui-table-row--disabled{--rbui-table-row-background-color: transparent}.rbui-table-row.rbui-table-row--selected{--rbui-table-row-background-color: var(--banana-table-row-background-active)}.rbui-table-row__head{--rbui-table-row-height: var(--banana-space-5x);--rbui-table-row-font-color: var(--banana-table-head-default)}.rbui-table-row__head--active{--rbui-table-row-font-color: var(--banana-table-head-active)}.rbui-table-row__body{--rbui-table-row-font-color: var(--banana-table-row-foreground-primary)}.rbui-table-row__body:hover,.rbui-table-row__body.rbui-table-row--highlighted{--rbui-table-row-hovered-background-color: var(--banana-table-row-background-hover)}.rbui-table-row__body:focus-visible,.rbui-table-row__body:focus-within{outline:var(--banana-global-focus) solid 2px}.rbui-table-row__body--small{--rbui-table-row-height: var(--banana-space-6x)}.rbui-table-row__body--medium{--rbui-table-row-height: var(--banana-space-7x)}.rbui-table-row__body--large{--rbui-table-row-height: var(--banana-space-9x)}.rbui-table-row__foot{--rbui-table-row-border-color: var(--rbui-table-row-background-color)}.rbui-table-sort-label{--rbui-table-sort-label-icon-opacity: 0;--rbui-table-sort-label-font-color: inherit;display:inline-flex;align-items:center;gap:var(--banana-space-1x);color:var(--rbui-table-sort-label-font-color);cursor:pointer;outline:none;transition:var(--banana-)}.rbui-table-sort-label:hover:not(.rbui-table-sort-label--active){--rbui-table-sort-label-icon-opacity: .5}.rbui-table-sort-label:focus-visible{outline:solid var(--banana-global-focus);outline-offset:2px}.rbui-table-sort-label--active{--rbui-table-sort-label-icon-opacity: 1;--rbui-table-sort-label-font-color: var(--banana-table-head-active)}.rbui-table-sort-label__icon{opacity:var(--rbui-table-sort-label-icon-opacity)}.rbui-tag-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--banana-space-1x);vertical-align:top}.rbui-typography{font:var(--rbui-typography-variant, inherit);color:var(--rbui-typography-color, inherit);font-style:inherit;vertical-align:baseline;margin:0;padding:0;border:0}.rbui-typography--default{--rbui-typography-variant: var(--banana-p);--rbui-typography-color: var(--banana-text-body)}.rbui-typography--link{--rbui-typography-variant: var(--banana-p-link);--rbui-typography-color: var(--banana-text-link)}.rbui-typography--link-small{--rbui-typography-variant: var(--banana-p-small-link);--rbui-typography-color: var(--banana-text-link)}.rbui-typography--heading-xl{--rbui-typography-variant: var(--banana-heading-xl)}.rbui-typography--heading-1{--rbui-typography-variant: var(--banana-heading-1)}.rbui-typography--heading-2{--rbui-typography-variant: var(--banana-heading-2)}.rbui-typography--heading-3{--rbui-typography-variant: var(--banana-heading-3)}.rbui-typography--heading-4{--rbui-typography-variant: var(--banana-heading-4)}.rbui-typography--heading-5{--rbui-typography-variant: var(--banana-heading-5)}.rbui-typography--text{--rbui-typography-variant: var(--banana-p)}.rbui-typography--text-bold{--rbui-typography-variant: var(--banana-p-bold)}.rbui-typography--text-small{--rbui-typography-variant: var(--banana-p-small)}.rbui-typography--text-small-bold{--rbui-typography-variant: var(--banana-p-small-bold)}.rbui-typography--text-mono{--rbui-typography-variant: var(--banana-mono)}.rbui-typography--text-mono-small{--rbui-typography-variant: var(--banana-mono-small)}.rbui-typography--color-body{--rbui-typography-color: var(--banana-text-body)}.rbui-typography--color-subtl{--rbui-typography-color: var(--banana-text-subtl)}.rbui-typography--color-link{--rbui-typography-color: var(--banana-text-link)}.rbui-typography--color-success{--rbui-typography-color: var(--banana-text-success)}.rbui-typography--color-warning{--rbui-typography-color: var(--banana-text-warning)}.rbui-typography--color-negative{--rbui-typography-color: var(--banana-text-negative)}.rbui-menu-content{border-radius:4px;min-width:160px;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;cursor:not-allowed}.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;align-items:center;justify-content:center;position:fixed;inset:var(--banana-space-2x)}.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-popup-content{box-shadow:var(--banana-elevation-2);width:fit-content;padding:var(--banana-space-1x);border-radius:var(--banana-dropdown-radius);background-color:var(--banana-dropdown-background-main);transition:box-shadow .3s;font:var(--banana-p);color:var(--banana-text-body)}.rbui-popup-content:hover{box-shadow:var(--banana-elevation-3)}.rbui-popup-content--closed{display:none}.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;vertical-align:top;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;min-height:36px;font:var(--banana-input-input-text);color:var(--rbui-input-foreground-text);border-radius:4px;background:var(--rbui-input-background);outline:none}.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)}.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:focus-within,.rbui-base-input--focused{--rbui-input-border-color: var(--banana-global-focus);--rbui-input-border-width: 2px}.rbui-base-input:focus-visible.rbui-base-input--error,.rbui-base-input:focus-within.rbui-base-input--error,.rbui-base-input--focused.rbui-base-input--error{--rbui-input-border-color: var(--banana-states-error)}.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__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)}.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-checkbox{--rbui-checkbox-background: var(--banana-checkbox-background-default);--rbui-checkbox-border: 1px solid var(--banana-checkbox-border-default);--rbui-checkbox-border-radius: var(--banana-radius-0x);--rbui-checkbox-cursor: pointer;display:inline-block;padding:1px;box-sizing:border-box;width:20px;height:20px;justify-content:center;align-items:center;position:relative;vertical-align:top;border-radius:var(--rbui-checkbox-border-radius)}.rbui-checkbox--checked{--rbui-checkbox-background: var(--banana-checkbox-background-active);--rbui-checkbox-foreground: var(--banana-checkbox-foreground-active);--rbui-checkbox-border: none}.rbui-checkbox--readonly{--rbui-checkbox-background: var(--banana-checkbox-background-read-only);--rbui-checkbox-foreground: var(--banana-checkbox-foreground-read-only);--rbui-checkbox-border: var(--banana-checkbox-border-read-only)}.rbui-checkbox--disabled{--rbui-checkbox-background: var(--banana-checkbox-background-disabled);--rbui-checkbox-foreground: var(--banana-checkbox-foreground-disabled);--rbui-checkbox-border: 1px solid var(--banana-checkbox-border-disbled);--rbui-checkbox-cursor: not-allowed}.rbui-checkbox--hovered:not(.rbui-checkbox--disabled):not(.rbui-checkbox--readonly).rbui-checkbox--checked{--rbui-checkbox-background: var(--banana-checkbox-background-active-hover)}.rbui-checkbox--hovered:not(.rbui-checkbox--disabled):not(.rbui-checkbox--readonly):not(.rbui-checkbox--checked){--rbui-checkbox-border: 1px solid var(--banana-checkbox-border-hover);--rbui-checkbox-background: var(--banana-checkbox-background-hover)}.rbui-checkbox--focus-visible,.rbui-checkbox:focus-visible{outline:2px solid var(--banana-global-focus);outline-offset:1px}.rbui-checkbox__inner{display:flex;width:100%;height:100%;justify-content:center;align-items:center;box-sizing:border-box;background:var(--rbui-checkbox-background);color:var(--rbui-checkbox-foreground);border:var(--rbui-checkbox-border);border-radius:var(--rbui-checkbox-border-radius)}.rbui-checkbox__input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;width:100%;height:100%;cursor:var(--rbui-checkbox-cursor)}.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{--rbui-listbox-padding: var(--banana-space-1x);list-style:none;margin:0;box-sizing:border-box;display:flex;flex-direction:column;gap:1px;width:fit-content;min-width:100%;background-color:var(--banana-dropdown-background-main);padding:var(--rbui-listbox-padding)}.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:246px;overflow-y:auto}.rbui-select-menu-header{display:flex;align-items:center;justify-content:space-between;padding-inline:var(--banana-space-1x)}.rbui-select-menu-header .rbui-field-label--normal{color:var(--banana-text-link);font:var(--banana-button-label)}.rbui-select-menu-header .rbui-selected-count{color:var(--banana-text-subtl);font:var(--banana-p-small)}.rbui-select-menu-divider{margin:calc(var(--banana-space-1x) + var(--banana-space-0x)) 0px;border-bottom:1px solid var(--banana-global-separator)}.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;margin:0;cursor:inherit}.rbui-listbox-group{margin:inherit;padding:inherit;list-style-type:none}.rbui-listbox-group-label{font:var(--banana-item-group);margin-inline:0;padding:var(--banana-space-0x) var(--banana-space-1x);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-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;--rbui-listbox-item-mark-opacity: 0;display:flex;align-items:center;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);white-space:nowrap}.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-mark-opacity: 1}.rbui-listbox-item--disabled{--rbui-listbox-item-font-color: var(--banana-dropdown-foreground-disabled);--rbui-listbox-item-cursor: not-allowed}.rbui-listbox-item__check-mark{flex-shrink:0;padding-inline-start:var(--banana-space-1x);margin-inline-start:auto;opacity:var(--rbui-listbox-item-mark-opacity)}.rbui-listbox-item__checkbox{flex-shrink:0;margin-inline-end:var(--banana-space-1x)}.rbui-autocomplete{min-width:320px}.rbui-autocomplete-option.Mui-focused,.rbui-autocomplete-option.Mui-focusVisible{--rbui-listbox-item-background-color: var(--banana-dropdown-background-hover);--rbui-listbox-item-font-color: var(--banana-dropdown-foreground-hover)}.rbui-autocomplete-option--no-option{--rbui-listbox-item-font-color: var(--banana-input-foreground-placeholder);--rbui-listbox-item-cursor: default}.rbui-autocomplete-option--loading{--rbui-listbox-item-font-color: var(--banana-input-foreground-placeholder);--rbui-listbox-item-cursor: progress}.rbui-autocomplete-option--disabled{pointer-events:none}.rbui-autocomplete-tag-group{padding-inline-start:var(--banana-space-1x);padding-block:var(--banana-space-0x);width:100%}.rbui-autocomplete-input{padding:0}.rbui-autocomplete-chevron{width:16px;height:16px}.rbui-calendar-cell{--rbui-calendar-grid-cell-height: 24px;--rbui-calendar-grid-cell-width: 24px;--rbui-calendar-grid-cell-cursor: default;--rbui-calendar-grid-cell-font: var(--banana-p);--rbui-calendar-grid-cell-font-color: var(--banana-dropdown-foreground-default);--rbui-calendar-grid-cell-background-color: transparent;display:flex;justify-content:center;align-items:center;height:var(--rbui-calendar-grid-cell-height);width:var(--rbui-calendar-grid-cell-width);font:var(--rbui-calendar-grid-cell-font);color:var(--rbui-calendar-grid-cell-font-color);background-color:var(--rbui-calendar-grid-cell-background-color);border-radius:var(--banana-dropdown-radius);padding:0}.rbui-calendar-cell--week{--rbui-calendar-grid-cell-font: var(--banana-p-bold);--rbui-calendar-grid-cell-font-color: var(--banana-dropdown-foreground-group)}.rbui-calendar-cell--day{--rbui-calendar-grid-cell-font: var(--banana-p)}.rbui-calendar-cell--today{--rbui-calendar-grid-cell-font: var(--banana-p-bold);--rbui-calendar-grid-cell-font-color: var(--banana-dropdown-foreground-active)}.rbui-calendar-cell--selected{--rbui-calendar-grid-cell-font-color: var(--banana-global-main);--rbui-calendar-grid-cell-background-color: var(--banana-dropdown-background-active-highlight)}.rbui-calendar-cell--disabled{--rbui-calendar-grid-cell-font-color: var(--banana-dropdown-foreground-disabled)}.rbui-calendar-grid{list-style:none;margin:0;padding:0;text-align:center;display:grid;grid-template-columns:repeat(7,1fr);gap:var(--banana-space-1x)}.rbui-calendar{display:flex;flex-direction:column;gap:var(--banana-space-1x);background-color:var(--banana-global-main)}.rbui-calendar-header{display:flex;justify-content:space-between;align-items:center}.rbui-calendar-header__title{flex:1;text-align:center;font:var(--banana-heading-5);text-transform:uppercase}.rbui-checkbox-group,.rbui-checkbox-group--vertical{--rbui-checkbox-list-direction: column;--rbui-checkbox-list-gap: var(--banana-space-1x)}.rbui-checkbox-group--horizontal{--rbui-checkbox-list-direction: row;--rbui-checkbox-list-gap: var(--banana-space-4x)}.rbui-checkbox-group__list{display:inline-flex;flex-basis:auto;align-items:flex-start;flex-direction:var(--rbui-checkbox-list-direction);gap:var(--rbui-checkbox-list-gap)}.rbui-date-input__segment{outline:none}.rbui-date-input__segment:focus-visible{background-color:var(--banana-dropdown-background-active)}.rbui-date-input__segment--placeholder{color:var(--rbui-input-placeholder-color)}.rbui-date-input{min-width:248px}.rbui-date-picker{display:inline-block}.rbui-date-picker__date-input{width:100%}.rbui-date-picker-card{padding-block:var(--banana-space-1x);padding-inline:var(--banana-space-2x);box-shadow:var(--banana-elevation-2);border-radius:var(--banana-radius-0x);background-color:var(--banana-global-main)}.rbui-radio{--rbui-radio-background: var(--banana-radio-background-default);--rbui-radio-border: 1px solid var(--banana-radio-border-default);--rbui-radio-border-radius: 50%;--rbui-radio-cursor: pointer;display:inline-flex;padding:1px;box-sizing:border-box;width:20px;height:20px;justify-content:center;align-items:center;position:relative;vertical-align:top;border-radius:var(--rbui-radio-border-radius)}.rbui-radio--checked{--rbui-radio-background: var(--banana-radio-background-active);--rbui-radio-foreground: var(--banana-radio-foreground-active);--rbui-radio-border: none}.rbui-radio--readonly{--rbui-radio-background: var(--banana-radio-background-read-only);--rbui-radio-foreground: var(--banana-radio-foreground-read-only);--rbui-radio-border: var(--banana-radio-border-read-only)}.rbui-radio--disabled{--rbui-radio-background: var(--banana-radio-background-disabled);--rbui-radio-foreground: var(--banana-radio-foreground-disabled);--rbui-radio-border: 1px solid var(--banana-radio-border-disbled);--rbui-radio-cursor: not-allowed}.rbui-radio--hovered:not(.rbui-radio--disabled):not(.rbui-radio--readonly).rbui-radio--checked{--rbui-radio-background: var(--banana-radio-background-active-hover)}.rbui-radio--hovered:not(.rbui-radio--disabled):not(.rbui-radio--readonly):not(.rbui-radio--checked){--rbui-radio-border: 1px solid var(--banana-radio-border-hover);--rbui-radio-background: var(--banana-radio-background-hover)}.rbui-radio--focus-visible{outline:2px solid var(--banana-global-focus);outline-offset:1px}.rbui-radio__inner{display:flex;width:100%;height:100%;justify-content:center;align-items:center;box-sizing:border-box;background:var(--rbui-radio-background);color:var(--rbui-radio-foreground);border:var(--rbui-radio-border);border-radius:var(--rbui-radio-border-radius)}.rbui-radio__input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:var(--rbui-radio-cursor);width:100%;height:100%}.rbui-radio-group,.rbui-radio-group--vertical{--rbui-radio-list-direction: column;--rbui-radio-list-gap: var(--banana-space-1x)}.rbui-radio-group--horizontal{--rbui-radio-list-direction: row;--rbui-radio-list-gap: var(--banana-space-4x)}.rbui-radio-group__list{display:inline-flex;flex-basis:auto;align-items:flex-start;flex-direction:var(--rbui-radio-list-direction);gap:var(--rbui-radio-list-gap)}.rbui-text-field__counter{font:var(--banana-p-small);color:var(--banana-text-subtl)}.rbui-text-field__textarea{resize:none;overflow:auto!important}.rbui-text-field__textarea--resizable{resize:both}.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)}.rbui-tab{--rbui-tab-color: var(--banana-tab-foreground-inactive);--rbui-tab-background-color: var(--banana-tab-background-main);display:flex;justify-content:center;padding:var(--banana-space-1x);cursor:pointer;outline:none;height:36px;box-sizing:border-box;color:var(--rbui-tab-color);background-color:var(--rbui-tab-background-color);box-shadow:inset 0 -1px 0 0 var(--banana-tab-border-default)}.rbui-tab:first-child{margin-inline-start:var(--banana-space-2x)}.rbui-tab--selected:not(.rbui-tab--disabled){--rbui-tab-color: var(--banana-tab-foreground-active);box-shadow:inset 0 -2px 0 0 var(--banana-tab-border-active)}.rbui-tab--focus-visible,.rbui-tab:focus-visible:not(.rbui-tab--disabled),.rbui-tab:hover:not(.rbui-tab--disabled){--rbui-tab-color: var(--banana-tab-foreground-hover);--rbui-tab-background-color: var(--banana-tab-background-hover)}.rbui-tab--disabled{--rbui-tab-color: var(--banana-tab-foreground-disabled);cursor:not-allowed}.rbui-tab--has-icon{display:flex;gap:var(--banana-space-1x);align-items:center;justify-content:center}.rbui-tab-list{display:flex;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:var(--banana-space-2x);height:36px;margin-block-end:var(--banana-space-2x);white-space:nowrap;--rbui-tab-font: var(--banana-p-bold);font:var(--rbui-tab-font);overflow-x:auto;box-shadow:inset 0 -1px 0 0 var(--banana-tab-border-default)}.rbui-tab-list--secondary{--rbui-tab-font: var(--banana-p)}.rbui-tab-panel{flex-grow:1}.rbui-tab-panel--hidden{display:none}.rbui-tabs{display:flex;flex-flow:column;width:100%;height:100%}.rbui-accordion{--rbui-accordion-header-padding-horizontal: 0px;--rbui-accordion-header-padding-vertical: var(--banana-space-1x);--rbui-accordion-header-chevron-width: 16px;overflow:hidden;display:flex;flex-flow:column;border-bottom:1px solid var(--banana-global-separator)}.rbui-accordion:has(.rbui-accordion-header:focus-visible){outline:2px solid var(--banana-global-focus);border-radius:var(--banana-radius-1x)}.rbui-accordion--disable-divider{border-bottom:unset}.rbui-accordion--styled{--rbui-accordion-header-padding-horizontal: var(--banana-space-2x);--rbui-accordion-header-padding-vertical: var(--banana-space-2x);border-radius:var(--banana-radius-1x);border:1px solid var(--banana-aside-border)}@keyframes slideDown{0%{height:0}to{height:var(--radix-accordion-content-height, var(--rbui-internal-accordion-content-height))}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height, var(--rbui-internal-accordion-content-height))}to{height:0}}.rbui-accordion-content{overflow:hidden;font:var(--banana-p);color:var(--banana-text-body)}.rbui-accordion-content[data-state=open]{animation:slideDown .2s ease-in}.rbui-accordion-content[data-state=closed]{animation:slideUp .2s ease-out}.rbui-accordion-content[data-forcemounted=true][data-state=open]{height:var(--rbui-internal-accordion-content-height)}.rbui-accordion-content[data-forcemounted=true][data-state=closed]{height:0}.rbui-accordion-content__inner{--rbui-accordion-content__inner-padding: 0 0 var(--banana-space-1x) 0;padding:var(--rbui-accordion-content__inner-padding)}.rbui-accordion-content__inner--styled{--rbui-accordion-content__inner-padding: var(--banana-space-2x)}.rbui-accordion-header{all:unset;box-sizing:border-box;max-width:100%;display:flex;align-items:flex-start;justify-content:space-between;align-self:stretch;flex-grow:1;gap:var(--banana-space-2x);padding:var(--rbui-accordion-header-padding-vertical) var(--rbui-accordion-header-padding-horizontal);cursor:pointer}.rbui-accordion-header:focus-visible{outline:none}.rbui-accordion-header--styled{background-color:var(--banana-aside-background)}.rbui-accordion-header__inner{display:flex;flex-flow:column;max-width:calc(100% - var(--banana-space-4x))}.rbui-accordion-header__title{--rbui-accordion-header-title-font: var(--banana-heading-5);font:var(--rbui-accordion-header-title-font);color:var(--banana-heading-secondary-foreground);margin-inline-end:var(--banana-space-2x)}.rbui-accordion-header__title--styled{--rbui-accordion-header-title-font: var(--banana-heading-4)}.rbui-accordion-header__description{font:var(--banana-p);color:var(--banana-text-subtl);height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:var(--banana-transition-default)}.rbui-accordion-header[data-state=closed] .rbui-accordion-header__description{height:0px;opacity:0}.rbui-accordion-header__chevron{width:var(--rbui-accordion-header-chevron-width);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:var(--banana-transition-default);color:var(--banana-button-primary-foreground-default)}.rbui-accordion-header[data-state=open] .rbui-accordion-header__chevron{transform:rotate(180deg)}.rbui-accordion-filter-header{display:flex;position:relative;--rbui-accordion-header-reset-top: var(--rbui-accordion-header-padding-vertical);--rbui-accordion-header-reset-right: calc( var(--rbui-accordion-header-padding-horizontal) + var(--rbui-accordion-header-chevron-width) + var(--banana-space-1x) )}.rbui-accordion-filter-header__reset{display:inline-block;position:absolute;top:var(--rbui-accordion-header-reset-top);right:var(--rbui-accordion-header-reset-right);height:fit-content}.rbui-accordion-group{--rbui-accordion-group-gap: var(--banana-space-1x);display:flex;flex-direction:column;gap:var(--rbui-accordion-group-gap)}.rbui-accordion-group--styled{--rbui-accordion-group-gap: var(--banana-space-2x)}