@koobiq/components 17.6.0 → 17.7.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 (274) hide show
  1. package/alert/alert.module.d.ts +3 -4
  2. package/autocomplete/autocomplete.module.d.ts +1 -1
  3. package/badge/badge-tokens.scss +1 -1
  4. package/badge/badge.module.d.ts +3 -4
  5. package/button/button-tokens.scss +2 -3
  6. package/button/button.module.d.ts +4 -5
  7. package/code-block/code-block.module.d.ts +6 -7
  8. package/core/forms/_forms-theme.scss +7 -15
  9. package/core/forms/_forms.scss +3 -9
  10. package/core/forms/forms-tokens.scss +39 -0
  11. package/core/option/_optgroup-theme.scss +4 -10
  12. package/core/option/_option-action-theme.scss +7 -15
  13. package/core/option/_option-theme.scss +13 -24
  14. package/core/option/action.scss +4 -0
  15. package/core/option/optgroup-tokens.scss +26 -0
  16. package/core/option/optgroup.scss +4 -5
  17. package/core/option/option-action-tokens.scss +21 -0
  18. package/core/option/option-module.d.ts +2 -3
  19. package/core/option/option-tokens.scss +115 -0
  20. package/core/option/option.scss +5 -3
  21. package/core/styles/_koobiq-theme.scss +7 -37
  22. package/core/styles/theming/_scrollbar-theme.scss +10 -11
  23. package/core/styles/theming/scrollbar-tokens.scss +34 -0
  24. package/datepicker/datepicker-module.d.ts +8 -8
  25. package/dl/dl.module.d.ts +3 -4
  26. package/dropdown/dropdown-tokens.scss +0 -1
  27. package/dropdown/dropdown.module.d.ts +4 -4
  28. package/empty-state/empty-state.module.d.ts +3 -4
  29. package/esm2022/alert/alert.component.mjs +3 -4
  30. package/esm2022/alert/alert.module.mjs +3 -7
  31. package/esm2022/autocomplete/autocomplete.module.mjs +15 -5
  32. package/esm2022/badge/badge.component.mjs +2 -2
  33. package/esm2022/badge/badge.module.mjs +3 -7
  34. package/esm2022/button/button.component.mjs +2 -2
  35. package/esm2022/button/button.module.mjs +3 -7
  36. package/esm2022/code-block/actionbar.component.mjs +6 -7
  37. package/esm2022/code-block/code-block.component.mjs +8 -9
  38. package/esm2022/code-block/code-block.module.mjs +4 -8
  39. package/esm2022/core/option/action.mjs +14 -25
  40. package/esm2022/core/option/optgroup.mjs +3 -3
  41. package/esm2022/core/option/option-module.mjs +4 -5
  42. package/esm2022/core/option/option.mjs +5 -6
  43. package/esm2022/core/version.mjs +2 -2
  44. package/esm2022/datepicker/calendar-body.component.mjs +3 -3
  45. package/esm2022/datepicker/calendar-header.component.mjs +8 -8
  46. package/esm2022/datepicker/datepicker-module.mjs +10 -9
  47. package/esm2022/datepicker/datepicker-toggle.component.mjs +5 -6
  48. package/esm2022/datepicker/month-view.component.mjs +4 -5
  49. package/esm2022/dl/dl.module.mjs +3 -7
  50. package/esm2022/dropdown/dropdown-item.component.mjs +5 -6
  51. package/esm2022/dropdown/dropdown.module.mjs +8 -9
  52. package/esm2022/empty-state/empty-state.module.mjs +3 -7
  53. package/esm2022/file-upload/file-upload.module.mjs +12 -9
  54. package/esm2022/file-upload/multiple-file-upload.component.mjs +10 -10
  55. package/esm2022/file-upload/single-file-upload.component.mjs +10 -10
  56. package/esm2022/form-field/form-field.mjs +7 -8
  57. package/esm2022/form-field/form-field.module.mjs +9 -5
  58. package/esm2022/form-field/password-hint.mjs +3 -3
  59. package/esm2022/form-field/password-toggle.mjs +3 -3
  60. package/esm2022/icon/icon.module.mjs +3 -7
  61. package/esm2022/input/input.module.mjs +3 -7
  62. package/esm2022/link/link.module.mjs +3 -7
  63. package/esm2022/list/list-selection.component.mjs +4 -5
  64. package/esm2022/list/list.module.mjs +3 -7
  65. package/esm2022/loader-overlay/loader-overlay.component.mjs +4 -5
  66. package/esm2022/loader-overlay/loader-overlay.module.mjs +3 -7
  67. package/esm2022/markdown/markdown.module.mjs +4 -5
  68. package/esm2022/modal/modal.component.mjs +7 -7
  69. package/esm2022/modal/modal.module.mjs +12 -9
  70. package/esm2022/navbar/navbar-item.component.mjs +30 -31
  71. package/esm2022/navbar/navbar.module.mjs +3 -7
  72. package/esm2022/popover/popover-confirm.component.mjs +4 -4
  73. package/esm2022/popover/popover.component.mjs +8 -8
  74. package/esm2022/popover/popover.module.mjs +40 -7
  75. package/esm2022/progress-bar/progress-bar.component.mjs +3 -4
  76. package/esm2022/progress-bar/progress-bar.module.mjs +3 -7
  77. package/esm2022/progress-spinner/progress-spinner.component.mjs +3 -3
  78. package/esm2022/progress-spinner/progress-spinner.module.mjs +7 -8
  79. package/esm2022/radio/radio.component.mjs +3 -3
  80. package/esm2022/radio/radio.module.mjs +4 -5
  81. package/esm2022/risk-level/risk-level.component.mjs +3 -3
  82. package/esm2022/risk-level/risk-level.module.mjs +3 -7
  83. package/esm2022/scrollbar/scrollbar.component.mjs +3 -3
  84. package/esm2022/select/select.component.mjs +8 -8
  85. package/esm2022/select/select.module.mjs +11 -13
  86. package/esm2022/sidebar/sidebar.component.mjs +3 -4
  87. package/esm2022/sidepanel/sidepanel-container.component.mjs +5 -6
  88. package/esm2022/sidepanel/sidepanel-directives.mjs +30 -29
  89. package/esm2022/sidepanel/sidepanel.module.mjs +3 -7
  90. package/esm2022/splitter/splitter.component.mjs +3 -4
  91. package/esm2022/splitter/splitter.module.mjs +3 -7
  92. package/esm2022/table/table.module.mjs +3 -7
  93. package/esm2022/tabs/tab-group.component.mjs +9 -10
  94. package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +3 -3
  95. package/esm2022/tabs/tabs.module.mjs +3 -7
  96. package/esm2022/tags/tag-list.component.mjs +3 -4
  97. package/esm2022/tags/tag.module.mjs +4 -5
  98. package/esm2022/textarea/textarea.module.mjs +4 -5
  99. package/esm2022/timepicker/timepicker.module.mjs +3 -7
  100. package/esm2022/timezone/timezone-option.component.mjs +6 -6
  101. package/esm2022/timezone/timezone-select.component.mjs +7 -7
  102. package/esm2022/timezone/timezone.module.mjs +10 -9
  103. package/esm2022/toast/toast.component.mjs +6 -6
  104. package/esm2022/toast/toast.module.mjs +10 -9
  105. package/esm2022/toggle/toggle.component.mjs +2 -2
  106. package/esm2022/toggle/toggle.module.mjs +4 -5
  107. package/esm2022/tooltip/tooltip.component.mjs +3 -3
  108. package/esm2022/tooltip/tooltip.module.mjs +11 -5
  109. package/esm2022/tree/toggle.mjs +2 -2
  110. package/esm2022/tree/tree-option.component.mjs +5 -6
  111. package/esm2022/tree/tree-selection.component.mjs +2 -2
  112. package/esm2022/tree/tree.mjs +2 -2
  113. package/esm2022/tree/tree.module.mjs +3 -7
  114. package/esm2022/tree-select/tree-select.component.mjs +7 -7
  115. package/esm2022/tree-select/tree-select.module.mjs +11 -12
  116. package/fesm2022/koobiq-components-alert.mjs +4 -9
  117. package/fesm2022/koobiq-components-alert.mjs.map +1 -1
  118. package/fesm2022/koobiq-components-autocomplete.mjs +14 -4
  119. package/fesm2022/koobiq-components-autocomplete.mjs.map +1 -1
  120. package/fesm2022/koobiq-components-badge.mjs +4 -8
  121. package/fesm2022/koobiq-components-badge.mjs.map +1 -1
  122. package/fesm2022/koobiq-components-button.mjs +4 -8
  123. package/fesm2022/koobiq-components-button.mjs.map +1 -1
  124. package/fesm2022/koobiq-components-code-block.mjs +15 -20
  125. package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
  126. package/fesm2022/koobiq-components-core.mjs +22 -33
  127. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  128. package/fesm2022/koobiq-components-datepicker.mjs +21 -20
  129. package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
  130. package/fesm2022/koobiq-components-dl.mjs +2 -6
  131. package/fesm2022/koobiq-components-dl.mjs.map +1 -1
  132. package/fesm2022/koobiq-components-dropdown.mjs +16 -17
  133. package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
  134. package/fesm2022/koobiq-components-empty-state.mjs +2 -6
  135. package/fesm2022/koobiq-components-empty-state.mjs.map +1 -1
  136. package/fesm2022/koobiq-components-file-upload.mjs +22 -19
  137. package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
  138. package/fesm2022/koobiq-components-form-field.mjs +17 -13
  139. package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
  140. package/fesm2022/koobiq-components-icon.mjs +2 -6
  141. package/fesm2022/koobiq-components-icon.mjs.map +1 -1
  142. package/fesm2022/koobiq-components-input.mjs +2 -6
  143. package/fesm2022/koobiq-components-input.mjs.map +1 -1
  144. package/fesm2022/koobiq-components-link.mjs +2 -6
  145. package/fesm2022/koobiq-components-link.mjs.map +1 -1
  146. package/fesm2022/koobiq-components-list.mjs +5 -10
  147. package/fesm2022/koobiq-components-list.mjs.map +1 -1
  148. package/fesm2022/koobiq-components-loader-overlay.mjs +5 -10
  149. package/fesm2022/koobiq-components-loader-overlay.mjs.map +1 -1
  150. package/fesm2022/koobiq-components-markdown.mjs +3 -4
  151. package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
  152. package/fesm2022/koobiq-components-modal.mjs +18 -15
  153. package/fesm2022/koobiq-components-modal.mjs.map +1 -1
  154. package/fesm2022/koobiq-components-navbar.mjs +32 -36
  155. package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
  156. package/fesm2022/koobiq-components-popover.mjs +47 -14
  157. package/fesm2022/koobiq-components-popover.mjs.map +1 -1
  158. package/fesm2022/koobiq-components-progress-bar.mjs +4 -9
  159. package/fesm2022/koobiq-components-progress-bar.mjs.map +1 -1
  160. package/fesm2022/koobiq-components-progress-spinner.mjs +8 -9
  161. package/fesm2022/koobiq-components-progress-spinner.mjs.map +1 -1
  162. package/fesm2022/koobiq-components-radio.mjs +5 -6
  163. package/fesm2022/koobiq-components-radio.mjs.map +1 -1
  164. package/fesm2022/koobiq-components-risk-level.mjs +4 -8
  165. package/fesm2022/koobiq-components-risk-level.mjs.map +1 -1
  166. package/fesm2022/koobiq-components-scrollbar.mjs +2 -2
  167. package/fesm2022/koobiq-components-scrollbar.mjs.map +1 -1
  168. package/fesm2022/koobiq-components-select.mjs +17 -19
  169. package/fesm2022/koobiq-components-select.mjs.map +1 -1
  170. package/fesm2022/koobiq-components-sidebar.mjs +2 -3
  171. package/fesm2022/koobiq-components-sidebar.mjs.map +1 -1
  172. package/fesm2022/koobiq-components-sidepanel.mjs +35 -38
  173. package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
  174. package/fesm2022/koobiq-components-splitter.mjs +4 -9
  175. package/fesm2022/koobiq-components-splitter.mjs.map +1 -1
  176. package/fesm2022/koobiq-components-table.mjs +2 -6
  177. package/fesm2022/koobiq-components-table.mjs.map +1 -1
  178. package/fesm2022/koobiq-components-tabs.mjs +8 -13
  179. package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
  180. package/fesm2022/koobiq-components-tags.mjs +5 -7
  181. package/fesm2022/koobiq-components-tags.mjs.map +1 -1
  182. package/fesm2022/koobiq-components-textarea.mjs +3 -4
  183. package/fesm2022/koobiq-components-textarea.mjs.map +1 -1
  184. package/fesm2022/koobiq-components-timepicker.mjs +2 -6
  185. package/fesm2022/koobiq-components-timepicker.mjs.map +1 -1
  186. package/fesm2022/koobiq-components-timezone.mjs +19 -18
  187. package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
  188. package/fesm2022/koobiq-components-toast.mjs +14 -13
  189. package/fesm2022/koobiq-components-toast.mjs.map +1 -1
  190. package/fesm2022/koobiq-components-toggle.mjs +5 -6
  191. package/fesm2022/koobiq-components-toggle.mjs.map +1 -1
  192. package/fesm2022/koobiq-components-tooltip.mjs +12 -6
  193. package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
  194. package/fesm2022/koobiq-components-tree-select.mjs +16 -17
  195. package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
  196. package/fesm2022/koobiq-components-tree.mjs +16 -21
  197. package/fesm2022/koobiq-components-tree.mjs.map +1 -1
  198. package/file-upload/file-upload-tokens.scss +5 -5
  199. package/file-upload/file-upload.module.d.ts +12 -12
  200. package/file-upload/single-file-upload.component.d.ts +1 -1
  201. package/form-field/form-field-tokens.scss +13 -1
  202. package/form-field/form-field.module.d.ts +3 -3
  203. package/icon/icon-button-tokens.scss +0 -1
  204. package/icon/icon.module.d.ts +3 -4
  205. package/input/input.module.d.ts +5 -6
  206. package/link/link-tokens.scss +1 -1
  207. package/link/link.module.d.ts +2 -3
  208. package/list/list.module.d.ts +3 -4
  209. package/loader-overlay/loader-overlay.module.d.ts +4 -5
  210. package/markdown/markdown.module.d.ts +4 -5
  211. package/modal/modal.module.d.ts +7 -7
  212. package/navbar/navbar.module.d.ts +5 -6
  213. package/package.json +6 -6
  214. package/popover/popover.module.d.ts +7 -7
  215. package/prebuilt-themes/dark-theme.css +1 -1
  216. package/prebuilt-themes/light-theme.css +1 -1
  217. package/progress-bar/_progress-bar-theme.scss +6 -12
  218. package/progress-bar/progress-bar-tokens.scss +36 -0
  219. package/progress-bar/progress-bar.module.d.ts +2 -3
  220. package/progress-bar/progress-bar.scss +4 -4
  221. package/progress-spinner/_progress-spinner-theme.scss +5 -11
  222. package/progress-spinner/progress-spinner-tokens.scss +38 -0
  223. package/progress-spinner/progress-spinner.module.d.ts +3 -3
  224. package/progress-spinner/progress-spinner.scss +4 -4
  225. package/radio/_radio-theme.scss +21 -36
  226. package/radio/radio-tokens.scss +166 -0
  227. package/radio/radio.module.d.ts +3 -4
  228. package/radio/radio.scss +4 -5
  229. package/risk-level/_risk-level-theme.scss +20 -24
  230. package/risk-level/risk-level-tokens.scss +72 -0
  231. package/risk-level/risk-level.component.scss +5 -3
  232. package/risk-level/risk-level.module.d.ts +3 -4
  233. package/schematics/ng-add/index.js +4 -4
  234. package/scrollbar/_scrollbar-component-theme.scss +13 -31
  235. package/scrollbar/scrollbar-tokens.scss +34 -0
  236. package/scrollbar/scrollbar.component.scss +4 -3
  237. package/select/_select-theme.scss +11 -22
  238. package/select/select-tokens.scss +59 -0
  239. package/select/select.component.d.ts +1 -1
  240. package/select/select.module.d.ts +7 -7
  241. package/select/select.scss +5 -3
  242. package/sidepanel/_sidepanel-theme.scss +6 -12
  243. package/sidepanel/sidepanel-tokens.scss +48 -0
  244. package/sidepanel/sidepanel.module.d.ts +8 -9
  245. package/sidepanel/sidepanel.scss +4 -4
  246. package/splitter/_splitter-theme.scss +2 -6
  247. package/splitter/splitter-tokens.scss +7 -0
  248. package/splitter/splitter.module.d.ts +2 -3
  249. package/splitter/splitter.scss +4 -0
  250. package/table/table.module.d.ts +3 -4
  251. package/tabs/_tabs-common.scss +0 -6
  252. package/tabs/_tabs-theme.scss +30 -65
  253. package/tabs/tab-group.scss +0 -3
  254. package/tabs/tab-header.scss +0 -3
  255. package/tabs/tab-nav-bar/tab-nav-bar.scss +0 -2
  256. package/tabs/tabs-tokens.scss +136 -0
  257. package/tabs/tabs.module.d.ts +7 -8
  258. package/tags/_tag-theme.scss +17 -26
  259. package/tags/tag-input-tokens.scss +14 -0
  260. package/tags/tag-list.scss +0 -6
  261. package/tags/tag-tokens.scss +151 -0
  262. package/tags/tag.module.d.ts +2 -3
  263. package/tags/tag.scss +0 -3
  264. package/textarea/textarea.module.d.ts +4 -5
  265. package/timepicker/timepicker.module.d.ts +4 -5
  266. package/timezone/timezone.module.d.ts +9 -9
  267. package/toast/toast.module.d.ts +7 -7
  268. package/toggle/toggle-tokens.scss +4 -4
  269. package/toggle/toggle.module.d.ts +3 -4
  270. package/tooltip/tooltip.module.d.ts +3 -3
  271. package/tree/tree-tokens.scss +4 -4
  272. package/tree/tree.module.d.ts +3 -4
  273. package/tree-select/tree-select.component.d.ts +1 -1
  274. package/tree-select/tree-select.module.d.ts +7 -7
package/esm2022/button/button.component.mjs CHANGED
@@ -153,7 +153,7 @@ export class KbqButton extends KbqButtonMixinBase {
153
153
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqButton, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: KbqButtonCssStyler }], target: i0.ɵɵFactoryTarget.Component }); }
154
154
  /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqButton, selector: "[kbq-button]", inputs: { color: "color", tabIndex: "tabIndex", kbqStyle: "kbqStyle", disabled: "disabled" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur()" }, properties: { "attr.disabled": "disabled || null", "class.kbq-disabled": "disabled", "attr.tabIndex": "tabIndex", "class": "kbqStyle" } }, providers: [
155
155
  { provide: KBQ_TITLE_TEXT_REF, useExisting: KbqButton }
156
- ], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["kbqTitleText"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n #kbqTitleText\n class=\"kbq-button-wrapper\"\n (cdkObserveContent)=\"projectContentChanged()\"\n>\n <ng-content />\n</div>\n<div\n class=\"kbq-button-overlay\"\n (click)=\"haltDisabledEvents($event)\"\n></div>\n", styles: [".kbq-button,.kbq-light-button,.kbq-button-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;height:var(--kbq-button-size-height, 32px);min-height:var(--kbq-button-size-height, 32px);white-space:nowrap;text-decoration:none;text-align:center;vertical-align:baseline;border:var(--kbq-button-size-border-width, 1px) solid transparent;border-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-button::-moz-focus-inner,.kbq-light-button::-moz-focus-inner,.kbq-button-icon::-moz-focus-inner{border:0}.kbq-button:focus,.kbq-light-button:focus,.kbq-button-icon:focus{outline:none}.kbq-disabled.kbq-button,.kbq-disabled.kbq-light-button,.kbq-disabled.kbq-button-icon{cursor:default}.cdk-focused.kbq-button,.cdk-focused.kbq-light-button,.cdk-focused.kbq-button-icon{z-index:1}.kbq-button .kbq-button-wrapper,.kbq-light-button .kbq-button-wrapper,.kbq-button-icon .kbq-button-wrapper{display:flex;align-items:center}.kbq-button .kbq-icon_left,.kbq-light-button .kbq-icon_left,.kbq-button-icon .kbq-icon_left{margin-right:var(--kbq-button-size-content-padding, 6px)}.kbq-button .kbq-icon_right,.kbq-light-button .kbq-icon_right,.kbq-button-icon .kbq-icon_right{margin-left:var(--kbq-button-size-content-padding, 6px)}.kbq-button{padding-left:calc(var(--kbq-button-size-horizontal-padding, 12px) + 4px);padding-right:calc(var(--kbq-button-size-horizontal-padding, 12px) + 4px)}.kbq-button.kbq-button-icon_left{padding-left:var(--kbq-button-size-horizontal-padding, 12px)}.kbq-button.kbq-button-icon_right{padding-right:var(--kbq-button-size-horizontal-padding, 12px)}.kbq-button-icon{padding-left:var(--kbq-button-icon-size-horizontal-padding, 8px);padding-right:var(--kbq-button-icon-size-horizontal-padding, 8px)}.kbq-button-overlay{position:absolute;inset:-1px;border-radius:inherit}.kbq-button-overlay{display:none}.kbq-button,.kbq-button-icon{-webkit-font-smoothing:antialiased}.kbq-button.kbq-button_filled.kbq-contrast,.kbq-button-icon.kbq-button_filled.kbq-contrast{border-color:var(--kbq-button-filled-contrast-fade-off-border, );color:var(--kbq-button-filled-contrast-fade-off-foreground, );background:var(--kbq-button-filled-contrast-fade-off-background, )}.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-off-left-icon, )}.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-off-right-icon, )}.kbq-button.kbq-button_filled.kbq-contrast:hover:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-off-states-hover-background, )}.kbq-button.kbq-button_filled.kbq-contrast:active:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-active:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-off-states-active-background, )}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-foreground, );background:var(--kbq-button-filled-contrast-fade-off-states-disabled-background, )}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-left-icon, )}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-right-icon, )}.kbq-button.kbq-button_filled.kbq-contrast-fade,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade{border-color:var(--kbq-button-filled-contrast-fade-on-border, );color:var(--kbq-button-filled-contrast-fade-on-foreground, );background:var(--kbq-button-filled-contrast-fade-on-background, )}.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-on-left-icon, )}.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-on-right-icon, )}.kbq-button.kbq-button_filled.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-on-states-hover-background, )}.kbq-button.kbq-button_filled.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-on-states-active-background, )}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-foreground, );background:var(--kbq-button-filled-contrast-fade-on-states-disabled-background, )}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-left-icon, )}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-right-icon, )}.kbq-button.kbq-button_outline.kbq-theme-fade,.kbq-button-icon.kbq-button_outline.kbq-theme-fade{border-color:var(--kbq-button-outline-theme-fade-on-border, );color:var(--kbq-button-outline-theme-fade-on-foreground, );background:var(--kbq-button-outline-theme-fade-on-background, )}.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon,.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-theme-fade-on-left-icon, )}.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-theme-fade-on-right-icon, )}.kbq-button.kbq-button_outline.kbq-theme-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-outline-theme-fade-on-states-hover-background, )}.kbq-button.kbq-button_outline.kbq-theme-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-outline-theme-fade-on-states-active-background, )}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled{color:var(--kbq-button-outline-theme-fade-on-states-disabled-foreground, );background:var(--kbq-button-outline-theme-fade-on-states-disabled-background, )}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon,.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-theme-fade-on-states-disabled-left-icon, )}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-theme-fade-on-states-disabled-right-icon, )}.kbq-button.kbq-button_outline.kbq-contrast-fade,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade{border-color:var(--kbq-button-outline-contrast-fade-on-border, );color:var(--kbq-button-outline-contrast-fade-on-foreground, );background:var(--kbq-button-outline-contrast-fade-on-background, )}.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon,.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-contrast-fade-on-left-icon, )}.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-contrast-fade-on-right-icon, )}.kbq-button.kbq-button_outline.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-outline-contrast-fade-on-states-hover-background, )}.kbq-button.kbq-button_outline.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-outline-contrast-fade-on-states-active-background, )}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-foreground, );background:var(--kbq-button-outline-contrast-fade-on-states-disabled-background, )}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-left-icon, )}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-right-icon, )}.kbq-button.kbq-button_transparent.kbq-theme,.kbq-button-icon.kbq-button_transparent.kbq-theme{border-color:var(--kbq-button-transparent-theme-fade-on-border, );color:var(--kbq-button-transparent-theme-fade-on-foreground, );background:var(--kbq-button-transparent-theme-fade-on-background, )}.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon,.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-theme-fade-on-left-icon, )}.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-theme-fade-on-right-icon, )}.kbq-button.kbq-button_transparent.kbq-theme:hover:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-theme.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-transparent-theme-fade-on-states-hover-background, )}.kbq-button.kbq-button_transparent.kbq-theme:active:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-theme.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-active:not(.kbq-disabled){background:var(--kbq-button-transparent-theme-fade-on-states-active-background, )}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-foreground, );background:var(--kbq-button-transparent-theme-fade-on-states-disabled-background, )}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon,.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-left-icon, )}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-right-icon, )}.kbq-button.kbq-button_transparent.kbq-contrast,.kbq-button-icon.kbq-button_transparent.kbq-contrast{border-color:var(--kbq-button-transparent-contrast-fade-on-border, );color:var(--kbq-button-transparent-contrast-fade-on-foreground, );background:var(--kbq-button-transparent-contrast-fade-on-background, )}.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon,.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-contrast-fade-on-left-icon, )}.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-contrast-fade-on-right-icon, )}.kbq-button.kbq-button_transparent.kbq-contrast:hover:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-contrast.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-transparent-contrast-fade-on-states-hover-background, )}.kbq-button.kbq-button_transparent.kbq-contrast:active:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-contrast.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-active:not(.kbq-disabled){background:var(--kbq-button-transparent-contrast-fade-on-states-active-background, )}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-foreground, );background:var(--kbq-button-transparent-contrast-fade-on-states-disabled-background, )}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon, )}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon, )}.kbq-button.kbq-button_filled.cdk-keyboard-focused,.kbq-button.kbq-button_outline.cdk-keyboard-focused,.kbq-button.kbq-button_transparent.cdk-keyboard-focused,.kbq-button-icon.kbq-button_filled.cdk-keyboard-focused,.kbq-button-icon.kbq-button_outline.cdk-keyboard-focused,.kbq-button-icon.kbq-button_transparent.cdk-keyboard-focused{outline:1px solid var(--kbq-states-focused-color, );border-color:var(--kbq-states-focused-color, )}.kbq-button,.kbq-button-icon{font-size:var(--kbq-button-font-default-font-size, 14px);font-weight:var(--kbq-button-font-default-font-weight, 500);line-height:var(--kbq-button-font-default-line-height, 20px);font-family:var(--kbq-button-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-button-font-default-text-transform, );font-feature-settings:var(--kbq-button-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-button-font-default-letter-spacing, -.006em)}.kbq-button-icon.kbq-button-wrapper .kbq-icon{line-height:var(--kbq-typography-body-line-height, 24px)}\n", ".kbq-button{--kbq-button-size-height: 32px;--kbq-button-size-border-width: 1px;--kbq-button-size-border-radius: 8px;--kbq-button-size-horizontal-padding: 12px;--kbq-button-size-content-padding: 6px;--kbq-button-font-default-font-size: 14px;--kbq-button-font-default-line-height: 20px;--kbq-button-font-default-letter-spacing: -.006em;--kbq-button-font-default-font-weight: 500;--kbq-button-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-button-font-default-text-transform: null;--kbq-button-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-states-focused-color: hsla(216, 100%, 50%, 100%);--kbq-states-focused-color-error: hsla(7, 97%, 50%, 100%);--kbq-button-filled-contrast-fade-off-background: hsla(229, 15%, 25%, 100%);--kbq-button-filled-contrast-fade-off-border: transparent;--kbq-button-filled-contrast-fade-off-foreground: hsla(229, 15%, 100%, 100%);--kbq-button-filled-contrast-fade-off-left-icon: hsla(229, 15%, 100%, 100%);--kbq-button-filled-contrast-fade-off-right-icon: hsla(229, 15%, 100%, 100%);--kbq-button-filled-contrast-fade-off-states-hover-background: hsla(229, 15%, 20%, 100%);--kbq-button-filled-contrast-fade-off-states-active-background: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-off-states-active-hover-background: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-off-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-button-filled-contrast-fade-off-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-off-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-filled-contrast-fade-off-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-filled-contrast-fade-off-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);--kbq-button-filled-contrast-fade-on-background: hsla(229, 15%, 92%, 100%);--kbq-button-filled-contrast-fade-on-border: transparent;--kbq-button-filled-contrast-fade-on-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-on-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-on-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-on-states-hover-background: hsla(229, 15%, 88%, 100%);--kbq-button-filled-contrast-fade-on-states-active-background: hsla(229, 15%, 85%, 100%);--kbq-button-filled-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 85%, 100%);--kbq-button-filled-contrast-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-button-filled-contrast-fade-on-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-filled-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-filled-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);--kbq-button-outline-theme-fade-on-background: transparent;--kbq-button-outline-theme-fade-on-border: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-button-outline-theme-fade-on-states-hover-border: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-hover-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-theme-fade-on-states-active-border: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-theme-fade-on-states-active-hover-border: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-disabled-background: transparent;--kbq-button-outline-theme-fade-on-states-disabled-border: hsla(229, 15%, 15%, 32%);--kbq-button-outline-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-outline-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-outline-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);--kbq-button-outline-contrast-fade-on-background: transparent;--kbq-button-outline-contrast-fade-on-border: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-button-outline-contrast-fade-on-states-hover-border: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-contrast-fade-on-states-active-border: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-contrast-fade-on-states-active-hover-border: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-disabled-background: transparent;--kbq-button-outline-contrast-fade-on-states-disabled-border: hsla(229, 15%, 15%, 32%);--kbq-button-outline-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-outline-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-outline-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-theme-fade-on-border: transparent;--kbq-button-transparent-theme-fade-on-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-background: transparent;--kbq-button-transparent-theme-fade-on-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-hover-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-button-transparent-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-theme-fade-on-states-active-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-disabled-border: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-theme-fade-on-states-disabled-background: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-contrast-fade-on-border: transparent;--kbq-button-transparent-contrast-fade-on-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-background: transparent;--kbq-button-transparent-contrast-fade-on-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-button-transparent-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-disabled-border: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-contrast-fade-on-states-disabled-background: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-states-focused-color: hsla(216, 100%, 50%, 100%);--kbq-states-focused-color-error: hsla(7, 97%, 50%, 100%);--kbq-button-filled-contrast-fade-off-background: hsla(229, 15%, 90%, 100%);--kbq-button-filled-contrast-fade-off-border: transparent;--kbq-button-filled-contrast-fade-off-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-off-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-off-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-off-states-hover-background: hsla(229, 15%, 80%, 100%);--kbq-button-filled-contrast-fade-off-states-active-background: hsla(229, 15%, 55%, 100%);--kbq-button-filled-contrast-fade-off-states-active-hover-background: hsla(229, 15%, 55%, 100%);--kbq-button-filled-contrast-fade-off-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-button-filled-contrast-fade-off-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-off-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-filled-contrast-fade-off-states-disabled-left-icon: hsla(229, 15%, 40%, 100%);--kbq-button-filled-contrast-fade-off-states-disabled-right-icon: hsla(229, 15%, 40%, 100%);--kbq-button-filled-contrast-fade-on-background: hsla(229, 15%, 25%, 100%);--kbq-button-filled-contrast-fade-on-border: transparent;--kbq-button-filled-contrast-fade-on-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-filled-contrast-fade-on-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-filled-contrast-fade-on-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-filled-contrast-fade-on-states-hover-background: hsla(229, 15%, 25%, 100%);--kbq-button-filled-contrast-fade-on-states-active-background: hsla(229, 15%, 27%, 100%);--kbq-button-filled-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 27%, 100%);--kbq-button-filled-contrast-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-button-filled-contrast-fade-on-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-filled-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 40%, 100%);--kbq-button-filled-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 40%, 100%);--kbq-button-outline-theme-fade-on-background: transparent;--kbq-button-outline-theme-fade-on-border: hsla(216, 100%, 30%, 100%);--kbq-button-outline-theme-fade-on-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-theme-fade-on-states-hover-border: hsla(216, 100%, 30%, 100%);--kbq-button-outline-theme-fade-on-states-hover-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-background: hsla(229, 100%, 85%, 15%);--kbq-button-outline-theme-fade-on-states-active-border: hsla(216, 100%, 30%, 100%);--kbq-button-outline-theme-fade-on-states-active-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%);--kbq-button-outline-theme-fade-on-states-active-hover-border: hsla(216, 100%, 30%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-disabled-background: transparent;--kbq-button-outline-theme-fade-on-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-button-outline-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-outline-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 30%, 100%);--kbq-button-outline-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-background: transparent;--kbq-button-outline-contrast-fade-on-border: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-contrast-fade-on-states-hover-border: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-background: hsla(229, 100%, 85%, 15%);--kbq-button-outline-contrast-fade-on-states-active-border: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-states-active-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%);--kbq-button-outline-contrast-fade-on-states-active-hover-border: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-disabled-background: transparent;--kbq-button-outline-contrast-fade-on-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-button-outline-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-outline-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 30%, 100%);--kbq-button-transparent-theme-fade-on-border: transparent;--kbq-button-transparent-theme-fade-on-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-background: transparent;--kbq-button-transparent-theme-fade-on-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-hover-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-background: hsla(229, 100%, 85%, 15%);--kbq-button-transparent-theme-fade-on-states-active-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%);--kbq-button-transparent-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-disabled-border: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-transparent-theme-fade-on-states-disabled-background: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 30%, 100%);--kbq-button-transparent-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 30%, 100%);--kbq-button-transparent-contrast-fade-on-border: transparent;--kbq-button-transparent-contrast-fade-on-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-background: transparent;--kbq-button-transparent-contrast-fade-on-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-background: hsla(229, 100%, 85%, 15%);--kbq-button-transparent-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%);--kbq-button-transparent-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-disabled-border: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-transparent-contrast-fade-on-states-disabled-background: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 30%, 100%);--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 30%, 100%)}\n"], dependencies: [{ kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
156
+ ], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["kbqTitleText"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n #kbqTitleText\n class=\"kbq-button-wrapper\"\n (cdkObserveContent)=\"projectContentChanged()\"\n>\n <ng-content />\n</div>\n<div\n class=\"kbq-button-overlay\"\n (click)=\"haltDisabledEvents($event)\"\n></div>\n", styles: [".kbq-button,.kbq-light-button,.kbq-button-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;height:var(--kbq-button-size-height, 32px);min-height:var(--kbq-button-size-height, 32px);white-space:nowrap;text-decoration:none;text-align:center;vertical-align:baseline;border:var(--kbq-button-size-border-width, 1px) solid transparent;border-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-button::-moz-focus-inner,.kbq-light-button::-moz-focus-inner,.kbq-button-icon::-moz-focus-inner{border:0}.kbq-button:focus,.kbq-light-button:focus,.kbq-button-icon:focus{outline:none}.kbq-disabled.kbq-button,.kbq-disabled.kbq-light-button,.kbq-disabled.kbq-button-icon{cursor:default}.cdk-focused.kbq-button,.cdk-focused.kbq-light-button,.cdk-focused.kbq-button-icon{z-index:1}.kbq-button .kbq-button-wrapper,.kbq-light-button .kbq-button-wrapper,.kbq-button-icon .kbq-button-wrapper{display:flex;align-items:center}.kbq-button .kbq-icon_left,.kbq-light-button .kbq-icon_left,.kbq-button-icon .kbq-icon_left{margin-right:var(--kbq-button-size-content-padding, 6px)}.kbq-button .kbq-icon_right,.kbq-light-button .kbq-icon_right,.kbq-button-icon .kbq-icon_right{margin-left:var(--kbq-button-size-content-padding, 6px)}.kbq-button{padding-left:calc(var(--kbq-button-size-horizontal-padding, 12px) + 4px);padding-right:calc(var(--kbq-button-size-horizontal-padding, 12px) + 4px)}.kbq-button.kbq-button-icon_left{padding-left:var(--kbq-button-size-horizontal-padding, 12px)}.kbq-button.kbq-button-icon_right{padding-right:var(--kbq-button-size-horizontal-padding, 12px)}.kbq-button-icon{padding-left:var(--kbq-button-icon-size-horizontal-padding, 8px);padding-right:var(--kbq-button-icon-size-horizontal-padding, 8px)}.kbq-button-overlay{position:absolute;inset:-1px;border-radius:inherit}.kbq-button-overlay{display:none}.kbq-button,.kbq-button-icon{-webkit-font-smoothing:antialiased}.kbq-button.kbq-button_filled.kbq-contrast,.kbq-button-icon.kbq-button_filled.kbq-contrast{border-color:var(--kbq-button-filled-contrast-fade-off-border, );color:var(--kbq-button-filled-contrast-fade-off-foreground, );background:var(--kbq-button-filled-contrast-fade-off-background, )}.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-off-left-icon, )}.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-off-right-icon, )}.kbq-button.kbq-button_filled.kbq-contrast:hover:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-off-states-hover-background, )}.kbq-button.kbq-button_filled.kbq-contrast:active:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-active:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-off-states-active-background, )}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-foreground, );background:var(--kbq-button-filled-contrast-fade-off-states-disabled-background, )}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-left-icon, )}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-right-icon, )}.kbq-button.kbq-button_filled.kbq-contrast-fade,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade{border-color:var(--kbq-button-filled-contrast-fade-on-border, );color:var(--kbq-button-filled-contrast-fade-on-foreground, );background:var(--kbq-button-filled-contrast-fade-on-background, )}.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-on-left-icon, )}.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-on-right-icon, )}.kbq-button.kbq-button_filled.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-on-states-hover-background, )}.kbq-button.kbq-button_filled.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-on-states-active-background, )}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-foreground, );background:var(--kbq-button-filled-contrast-fade-on-states-disabled-background, )}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-left-icon, )}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-right-icon, )}.kbq-button.kbq-button_outline.kbq-theme-fade,.kbq-button-icon.kbq-button_outline.kbq-theme-fade{border-color:var(--kbq-button-outline-theme-fade-on-border, );color:var(--kbq-button-outline-theme-fade-on-foreground, );background:var(--kbq-button-outline-theme-fade-on-background, )}.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon,.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-theme-fade-on-left-icon, )}.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-theme-fade-on-right-icon, )}.kbq-button.kbq-button_outline.kbq-theme-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-outline-theme-fade-on-states-hover-background, )}.kbq-button.kbq-button_outline.kbq-theme-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-outline-theme-fade-on-states-active-background, )}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled{color:var(--kbq-button-outline-theme-fade-on-states-disabled-foreground, );background:var(--kbq-button-outline-theme-fade-on-states-disabled-background, )}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon,.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-theme-fade-on-states-disabled-left-icon, )}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-theme-fade-on-states-disabled-right-icon, )}.kbq-button.kbq-button_outline.kbq-contrast-fade,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade{border-color:var(--kbq-button-outline-contrast-fade-on-border, );color:var(--kbq-button-outline-contrast-fade-on-foreground, );background:var(--kbq-button-outline-contrast-fade-on-background, )}.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon,.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-contrast-fade-on-left-icon, )}.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-contrast-fade-on-right-icon, )}.kbq-button.kbq-button_outline.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-outline-contrast-fade-on-states-hover-background, )}.kbq-button.kbq-button_outline.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-outline-contrast-fade-on-states-active-background, )}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-foreground, );background:var(--kbq-button-outline-contrast-fade-on-states-disabled-background, )}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-left-icon, )}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-right-icon, )}.kbq-button.kbq-button_transparent.kbq-theme,.kbq-button-icon.kbq-button_transparent.kbq-theme{border-color:var(--kbq-button-transparent-theme-fade-on-border, );color:var(--kbq-button-transparent-theme-fade-on-foreground, );background:var(--kbq-button-transparent-theme-fade-on-background, )}.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon,.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-theme-fade-on-left-icon, )}.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-theme-fade-on-right-icon, )}.kbq-button.kbq-button_transparent.kbq-theme:hover:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-theme.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-transparent-theme-fade-on-states-hover-background, )}.kbq-button.kbq-button_transparent.kbq-theme:active:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-theme.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-active:not(.kbq-disabled){background:var(--kbq-button-transparent-theme-fade-on-states-active-background, )}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-foreground, );background:var(--kbq-button-transparent-theme-fade-on-states-disabled-background, )}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon,.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-left-icon, )}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-right-icon, )}.kbq-button.kbq-button_transparent.kbq-contrast,.kbq-button-icon.kbq-button_transparent.kbq-contrast{border-color:var(--kbq-button-transparent-contrast-fade-on-border, );color:var(--kbq-button-transparent-contrast-fade-on-foreground, );background:var(--kbq-button-transparent-contrast-fade-on-background, )}.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon,.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-contrast-fade-on-left-icon, )}.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-contrast-fade-on-right-icon, )}.kbq-button.kbq-button_transparent.kbq-contrast:hover:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-contrast.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-transparent-contrast-fade-on-states-hover-background, )}.kbq-button.kbq-button_transparent.kbq-contrast:active:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-contrast.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-active:not(.kbq-disabled){background:var(--kbq-button-transparent-contrast-fade-on-states-active-background, )}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-foreground, );background:var(--kbq-button-transparent-contrast-fade-on-states-disabled-background, )}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon, )}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon, )}.kbq-button.kbq-button_filled.cdk-keyboard-focused,.kbq-button.kbq-button_outline.cdk-keyboard-focused,.kbq-button.kbq-button_transparent.cdk-keyboard-focused,.kbq-button-icon.kbq-button_filled.cdk-keyboard-focused,.kbq-button-icon.kbq-button_outline.cdk-keyboard-focused,.kbq-button-icon.kbq-button_transparent.cdk-keyboard-focused{outline:1px solid var(--kbq-states-focused-color, );border-color:var(--kbq-states-focused-color, )}.kbq-button,.kbq-button-icon{font-size:var(--kbq-button-font-default-font-size, 14px);font-weight:var(--kbq-button-font-default-font-weight, 500);line-height:var(--kbq-button-font-default-line-height, 20px);font-family:var(--kbq-button-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-button-font-default-text-transform, );font-feature-settings:var(--kbq-button-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-button-font-default-letter-spacing, -.006em)}.kbq-button-icon.kbq-button-wrapper .kbq-icon{line-height:var(--kbq-typography-body-line-height, 24px)}\n", ".kbq-button{--kbq-button-size-height: 32px;--kbq-button-size-border-width: 1px;--kbq-button-size-border-radius: 8px;--kbq-button-size-horizontal-padding: 12px;--kbq-button-size-content-padding: 6px;--kbq-button-font-default-font-size: 14px;--kbq-button-font-default-line-height: 20px;--kbq-button-font-default-letter-spacing: -.006em;--kbq-button-font-default-font-weight: 500;--kbq-button-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-button-font-default-text-transform: null;--kbq-button-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-states-focused-color: hsla(216, 100%, 50%, 100%);--kbq-states-focused-color-error: hsla(7, 97%, 50%, 100%);--kbq-button-filled-contrast-fade-off-background: hsla(229, 15%, 25%, 100%);--kbq-button-filled-contrast-fade-off-border: transparent;--kbq-button-filled-contrast-fade-off-foreground: hsla(229, 15%, 100%, 100%);--kbq-button-filled-contrast-fade-off-left-icon: hsla(229, 15%, 100%, 100%);--kbq-button-filled-contrast-fade-off-right-icon: hsla(229, 15%, 100%, 100%);--kbq-button-filled-contrast-fade-off-states-hover-background: hsla(229, 15%, 20%, 100%);--kbq-button-filled-contrast-fade-off-states-active-background: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-off-states-active-hover-background: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-off-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-button-filled-contrast-fade-off-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-off-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-filled-contrast-fade-off-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-filled-contrast-fade-off-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);--kbq-button-filled-contrast-fade-on-background: hsla(229, 15%, 92%, 100%);--kbq-button-filled-contrast-fade-on-border: transparent;--kbq-button-filled-contrast-fade-on-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-on-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-on-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-on-states-hover-background: hsla(229, 15%, 88%, 100%);--kbq-button-filled-contrast-fade-on-states-active-background: hsla(229, 15%, 85%, 100%);--kbq-button-filled-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 85%, 100%);--kbq-button-filled-contrast-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-button-filled-contrast-fade-on-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-filled-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-filled-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);--kbq-button-outline-theme-fade-on-background: transparent;--kbq-button-outline-theme-fade-on-border: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-button-outline-theme-fade-on-states-hover-border: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-hover-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-theme-fade-on-states-active-border: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-theme-fade-on-states-active-hover-border: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-disabled-background: transparent;--kbq-button-outline-theme-fade-on-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-button-outline-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-outline-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-outline-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);--kbq-button-outline-contrast-fade-on-background: transparent;--kbq-button-outline-contrast-fade-on-border: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-button-outline-contrast-fade-on-states-hover-border: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-contrast-fade-on-states-active-border: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-contrast-fade-on-states-active-hover-border: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-disabled-background: transparent;--kbq-button-outline-contrast-fade-on-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-button-outline-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-outline-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-outline-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-theme-fade-on-border: transparent;--kbq-button-transparent-theme-fade-on-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-background: transparent;--kbq-button-transparent-theme-fade-on-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-hover-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-button-transparent-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-theme-fade-on-states-active-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-disabled-border: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-theme-fade-on-states-disabled-background: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-contrast-fade-on-border: transparent;--kbq-button-transparent-contrast-fade-on-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-background: transparent;--kbq-button-transparent-contrast-fade-on-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-button-transparent-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-disabled-border: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-contrast-fade-on-states-disabled-background: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-states-focused-color: hsla(216, 100%, 50%, 100%);--kbq-states-focused-color-error: hsla(7, 97%, 50%, 100%);--kbq-button-filled-contrast-fade-off-background: hsla(229, 15%, 90%, 100%);--kbq-button-filled-contrast-fade-off-border: transparent;--kbq-button-filled-contrast-fade-off-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-off-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-off-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-off-states-hover-background: hsla(229, 15%, 80%, 100%);--kbq-button-filled-contrast-fade-off-states-active-background: hsla(229, 15%, 55%, 100%);--kbq-button-filled-contrast-fade-off-states-active-hover-background: hsla(229, 15%, 55%, 100%);--kbq-button-filled-contrast-fade-off-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-button-filled-contrast-fade-off-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-off-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-filled-contrast-fade-off-states-disabled-left-icon: hsla(229, 15%, 40%, 100%);--kbq-button-filled-contrast-fade-off-states-disabled-right-icon: hsla(229, 15%, 40%, 100%);--kbq-button-filled-contrast-fade-on-background: hsla(229, 15%, 25%, 100%);--kbq-button-filled-contrast-fade-on-border: transparent;--kbq-button-filled-contrast-fade-on-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-filled-contrast-fade-on-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-filled-contrast-fade-on-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-filled-contrast-fade-on-states-hover-background: hsla(229, 15%, 25%, 100%);--kbq-button-filled-contrast-fade-on-states-active-background: hsla(229, 15%, 27%, 100%);--kbq-button-filled-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 27%, 100%);--kbq-button-filled-contrast-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-button-filled-contrast-fade-on-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-filled-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 40%, 100%);--kbq-button-filled-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 40%, 100%);--kbq-button-outline-theme-fade-on-background: transparent;--kbq-button-outline-theme-fade-on-border: hsla(216, 100%, 30%, 100%);--kbq-button-outline-theme-fade-on-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-theme-fade-on-states-hover-border: hsla(216, 100%, 30%, 100%);--kbq-button-outline-theme-fade-on-states-hover-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-background: hsla(229, 100%, 85%, 15%);--kbq-button-outline-theme-fade-on-states-active-border: hsla(216, 100%, 30%, 100%);--kbq-button-outline-theme-fade-on-states-active-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%);--kbq-button-outline-theme-fade-on-states-active-hover-border: hsla(216, 100%, 30%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-disabled-background: transparent;--kbq-button-outline-theme-fade-on-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-button-outline-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-outline-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 30%, 100%);--kbq-button-outline-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-background: transparent;--kbq-button-outline-contrast-fade-on-border: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-contrast-fade-on-states-hover-border: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-background: hsla(229, 100%, 85%, 15%);--kbq-button-outline-contrast-fade-on-states-active-border: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-states-active-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%);--kbq-button-outline-contrast-fade-on-states-active-hover-border: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-disabled-background: transparent;--kbq-button-outline-contrast-fade-on-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-button-outline-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-outline-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 30%, 100%);--kbq-button-transparent-theme-fade-on-border: transparent;--kbq-button-transparent-theme-fade-on-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-background: transparent;--kbq-button-transparent-theme-fade-on-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-hover-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-background: hsla(229, 100%, 85%, 15%);--kbq-button-transparent-theme-fade-on-states-active-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%);--kbq-button-transparent-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-disabled-border: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-transparent-theme-fade-on-states-disabled-background: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 30%, 100%);--kbq-button-transparent-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 30%, 100%);--kbq-button-transparent-contrast-fade-on-border: transparent;--kbq-button-transparent-contrast-fade-on-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-background: transparent;--kbq-button-transparent-contrast-fade-on-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-background: hsla(229, 100%, 85%, 15%);--kbq-button-transparent-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%);--kbq-button-transparent-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-disabled-border: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-transparent-contrast-fade-on-states-disabled-background: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 30%, 100%);--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 30%, 100%)}\n"], dependencies: [{ kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
157
157
  }
158
158
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqButton, decorators: [{
159
159
  type: Component,
@@ -166,7 +166,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
166
166
  '(blur)': 'onBlur()'
167
167
  }, providers: [
168
168
  { provide: KBQ_TITLE_TEXT_REF, useExisting: KbqButton }
169
- ], template: "<div\n #kbqTitleText\n class=\"kbq-button-wrapper\"\n (cdkObserveContent)=\"projectContentChanged()\"\n>\n <ng-content />\n</div>\n<div\n class=\"kbq-button-overlay\"\n (click)=\"haltDisabledEvents($event)\"\n></div>\n", styles: [".kbq-button,.kbq-light-button,.kbq-button-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;height:var(--kbq-button-size-height, 32px);min-height:var(--kbq-button-size-height, 32px);white-space:nowrap;text-decoration:none;text-align:center;vertical-align:baseline;border:var(--kbq-button-size-border-width, 1px) solid transparent;border-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-button::-moz-focus-inner,.kbq-light-button::-moz-focus-inner,.kbq-button-icon::-moz-focus-inner{border:0}.kbq-button:focus,.kbq-light-button:focus,.kbq-button-icon:focus{outline:none}.kbq-disabled.kbq-button,.kbq-disabled.kbq-light-button,.kbq-disabled.kbq-button-icon{cursor:default}.cdk-focused.kbq-button,.cdk-focused.kbq-light-button,.cdk-focused.kbq-button-icon{z-index:1}.kbq-button .kbq-button-wrapper,.kbq-light-button .kbq-button-wrapper,.kbq-button-icon .kbq-button-wrapper{display:flex;align-items:center}.kbq-button .kbq-icon_left,.kbq-light-button .kbq-icon_left,.kbq-button-icon .kbq-icon_left{margin-right:var(--kbq-button-size-content-padding, 6px)}.kbq-button .kbq-icon_right,.kbq-light-button .kbq-icon_right,.kbq-button-icon .kbq-icon_right{margin-left:var(--kbq-button-size-content-padding, 6px)}.kbq-button{padding-left:calc(var(--kbq-button-size-horizontal-padding, 12px) + 4px);padding-right:calc(var(--kbq-button-size-horizontal-padding, 12px) + 4px)}.kbq-button.kbq-button-icon_left{padding-left:var(--kbq-button-size-horizontal-padding, 12px)}.kbq-button.kbq-button-icon_right{padding-right:var(--kbq-button-size-horizontal-padding, 12px)}.kbq-button-icon{padding-left:var(--kbq-button-icon-size-horizontal-padding, 8px);padding-right:var(--kbq-button-icon-size-horizontal-padding, 8px)}.kbq-button-overlay{position:absolute;inset:-1px;border-radius:inherit}.kbq-button-overlay{display:none}.kbq-button,.kbq-button-icon{-webkit-font-smoothing:antialiased}.kbq-button.kbq-button_filled.kbq-contrast,.kbq-button-icon.kbq-button_filled.kbq-contrast{border-color:var(--kbq-button-filled-contrast-fade-off-border, );color:var(--kbq-button-filled-contrast-fade-off-foreground, );background:var(--kbq-button-filled-contrast-fade-off-background, )}.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-off-left-icon, )}.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-off-right-icon, )}.kbq-button.kbq-button_filled.kbq-contrast:hover:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-off-states-hover-background, )}.kbq-button.kbq-button_filled.kbq-contrast:active:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-active:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-off-states-active-background, )}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-foreground, );background:var(--kbq-button-filled-contrast-fade-off-states-disabled-background, )}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-left-icon, )}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-right-icon, )}.kbq-button.kbq-button_filled.kbq-contrast-fade,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade{border-color:var(--kbq-button-filled-contrast-fade-on-border, );color:var(--kbq-button-filled-contrast-fade-on-foreground, );background:var(--kbq-button-filled-contrast-fade-on-background, )}.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-on-left-icon, )}.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-on-right-icon, )}.kbq-button.kbq-button_filled.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-on-states-hover-background, )}.kbq-button.kbq-button_filled.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-on-states-active-background, )}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-foreground, );background:var(--kbq-button-filled-contrast-fade-on-states-disabled-background, )}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-left-icon, )}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-right-icon, )}.kbq-button.kbq-button_outline.kbq-theme-fade,.kbq-button-icon.kbq-button_outline.kbq-theme-fade{border-color:var(--kbq-button-outline-theme-fade-on-border, );color:var(--kbq-button-outline-theme-fade-on-foreground, );background:var(--kbq-button-outline-theme-fade-on-background, )}.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon,.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-theme-fade-on-left-icon, )}.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-theme-fade-on-right-icon, )}.kbq-button.kbq-button_outline.kbq-theme-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-outline-theme-fade-on-states-hover-background, )}.kbq-button.kbq-button_outline.kbq-theme-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-outline-theme-fade-on-states-active-background, )}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled{color:var(--kbq-button-outline-theme-fade-on-states-disabled-foreground, );background:var(--kbq-button-outline-theme-fade-on-states-disabled-background, )}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon,.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-theme-fade-on-states-disabled-left-icon, )}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-theme-fade-on-states-disabled-right-icon, )}.kbq-button.kbq-button_outline.kbq-contrast-fade,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade{border-color:var(--kbq-button-outline-contrast-fade-on-border, );color:var(--kbq-button-outline-contrast-fade-on-foreground, );background:var(--kbq-button-outline-contrast-fade-on-background, )}.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon,.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-contrast-fade-on-left-icon, )}.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-contrast-fade-on-right-icon, )}.kbq-button.kbq-button_outline.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-outline-contrast-fade-on-states-hover-background, )}.kbq-button.kbq-button_outline.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-outline-contrast-fade-on-states-active-background, )}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-foreground, );background:var(--kbq-button-outline-contrast-fade-on-states-disabled-background, )}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-left-icon, )}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-right-icon, )}.kbq-button.kbq-button_transparent.kbq-theme,.kbq-button-icon.kbq-button_transparent.kbq-theme{border-color:var(--kbq-button-transparent-theme-fade-on-border, );color:var(--kbq-button-transparent-theme-fade-on-foreground, );background:var(--kbq-button-transparent-theme-fade-on-background, )}.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon,.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-theme-fade-on-left-icon, )}.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-theme-fade-on-right-icon, )}.kbq-button.kbq-button_transparent.kbq-theme:hover:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-theme.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-transparent-theme-fade-on-states-hover-background, )}.kbq-button.kbq-button_transparent.kbq-theme:active:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-theme.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-active:not(.kbq-disabled){background:var(--kbq-button-transparent-theme-fade-on-states-active-background, )}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-foreground, );background:var(--kbq-button-transparent-theme-fade-on-states-disabled-background, )}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon,.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-left-icon, )}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-right-icon, )}.kbq-button.kbq-button_transparent.kbq-contrast,.kbq-button-icon.kbq-button_transparent.kbq-contrast{border-color:var(--kbq-button-transparent-contrast-fade-on-border, );color:var(--kbq-button-transparent-contrast-fade-on-foreground, );background:var(--kbq-button-transparent-contrast-fade-on-background, )}.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon,.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-contrast-fade-on-left-icon, )}.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-contrast-fade-on-right-icon, )}.kbq-button.kbq-button_transparent.kbq-contrast:hover:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-contrast.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-transparent-contrast-fade-on-states-hover-background, )}.kbq-button.kbq-button_transparent.kbq-contrast:active:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-contrast.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-active:not(.kbq-disabled){background:var(--kbq-button-transparent-contrast-fade-on-states-active-background, )}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-foreground, );background:var(--kbq-button-transparent-contrast-fade-on-states-disabled-background, )}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon, )}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon, )}.kbq-button.kbq-button_filled.cdk-keyboard-focused,.kbq-button.kbq-button_outline.cdk-keyboard-focused,.kbq-button.kbq-button_transparent.cdk-keyboard-focused,.kbq-button-icon.kbq-button_filled.cdk-keyboard-focused,.kbq-button-icon.kbq-button_outline.cdk-keyboard-focused,.kbq-button-icon.kbq-button_transparent.cdk-keyboard-focused{outline:1px solid var(--kbq-states-focused-color, );border-color:var(--kbq-states-focused-color, )}.kbq-button,.kbq-button-icon{font-size:var(--kbq-button-font-default-font-size, 14px);font-weight:var(--kbq-button-font-default-font-weight, 500);line-height:var(--kbq-button-font-default-line-height, 20px);font-family:var(--kbq-button-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-button-font-default-text-transform, );font-feature-settings:var(--kbq-button-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-button-font-default-letter-spacing, -.006em)}.kbq-button-icon.kbq-button-wrapper .kbq-icon{line-height:var(--kbq-typography-body-line-height, 24px)}\n", ".kbq-button{--kbq-button-size-height: 32px;--kbq-button-size-border-width: 1px;--kbq-button-size-border-radius: 8px;--kbq-button-size-horizontal-padding: 12px;--kbq-button-size-content-padding: 6px;--kbq-button-font-default-font-size: 14px;--kbq-button-font-default-line-height: 20px;--kbq-button-font-default-letter-spacing: -.006em;--kbq-button-font-default-font-weight: 500;--kbq-button-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-button-font-default-text-transform: null;--kbq-button-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-states-focused-color: hsla(216, 100%, 50%, 100%);--kbq-states-focused-color-error: hsla(7, 97%, 50%, 100%);--kbq-button-filled-contrast-fade-off-background: hsla(229, 15%, 25%, 100%);--kbq-button-filled-contrast-fade-off-border: transparent;--kbq-button-filled-contrast-fade-off-foreground: hsla(229, 15%, 100%, 100%);--kbq-button-filled-contrast-fade-off-left-icon: hsla(229, 15%, 100%, 100%);--kbq-button-filled-contrast-fade-off-right-icon: hsla(229, 15%, 100%, 100%);--kbq-button-filled-contrast-fade-off-states-hover-background: hsla(229, 15%, 20%, 100%);--kbq-button-filled-contrast-fade-off-states-active-background: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-off-states-active-hover-background: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-off-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-button-filled-contrast-fade-off-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-off-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-filled-contrast-fade-off-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-filled-contrast-fade-off-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);--kbq-button-filled-contrast-fade-on-background: hsla(229, 15%, 92%, 100%);--kbq-button-filled-contrast-fade-on-border: transparent;--kbq-button-filled-contrast-fade-on-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-on-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-on-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-on-states-hover-background: hsla(229, 15%, 88%, 100%);--kbq-button-filled-contrast-fade-on-states-active-background: hsla(229, 15%, 85%, 100%);--kbq-button-filled-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 85%, 100%);--kbq-button-filled-contrast-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-button-filled-contrast-fade-on-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-filled-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-filled-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);--kbq-button-outline-theme-fade-on-background: transparent;--kbq-button-outline-theme-fade-on-border: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-button-outline-theme-fade-on-states-hover-border: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-hover-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-theme-fade-on-states-active-border: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-theme-fade-on-states-active-hover-border: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-disabled-background: transparent;--kbq-button-outline-theme-fade-on-states-disabled-border: hsla(229, 15%, 15%, 32%);--kbq-button-outline-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-outline-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-outline-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);--kbq-button-outline-contrast-fade-on-background: transparent;--kbq-button-outline-contrast-fade-on-border: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-button-outline-contrast-fade-on-states-hover-border: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-contrast-fade-on-states-active-border: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-contrast-fade-on-states-active-hover-border: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-disabled-background: transparent;--kbq-button-outline-contrast-fade-on-states-disabled-border: hsla(229, 15%, 15%, 32%);--kbq-button-outline-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-outline-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-outline-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-theme-fade-on-border: transparent;--kbq-button-transparent-theme-fade-on-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-background: transparent;--kbq-button-transparent-theme-fade-on-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-hover-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-button-transparent-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-theme-fade-on-states-active-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-disabled-border: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-theme-fade-on-states-disabled-background: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-contrast-fade-on-border: transparent;--kbq-button-transparent-contrast-fade-on-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-background: transparent;--kbq-button-transparent-contrast-fade-on-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-button-transparent-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-disabled-border: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-contrast-fade-on-states-disabled-background: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-states-focused-color: hsla(216, 100%, 50%, 100%);--kbq-states-focused-color-error: hsla(7, 97%, 50%, 100%);--kbq-button-filled-contrast-fade-off-background: hsla(229, 15%, 90%, 100%);--kbq-button-filled-contrast-fade-off-border: transparent;--kbq-button-filled-contrast-fade-off-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-off-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-off-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-off-states-hover-background: hsla(229, 15%, 80%, 100%);--kbq-button-filled-contrast-fade-off-states-active-background: hsla(229, 15%, 55%, 100%);--kbq-button-filled-contrast-fade-off-states-active-hover-background: hsla(229, 15%, 55%, 100%);--kbq-button-filled-contrast-fade-off-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-button-filled-contrast-fade-off-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-off-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-filled-contrast-fade-off-states-disabled-left-icon: hsla(229, 15%, 40%, 100%);--kbq-button-filled-contrast-fade-off-states-disabled-right-icon: hsla(229, 15%, 40%, 100%);--kbq-button-filled-contrast-fade-on-background: hsla(229, 15%, 25%, 100%);--kbq-button-filled-contrast-fade-on-border: transparent;--kbq-button-filled-contrast-fade-on-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-filled-contrast-fade-on-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-filled-contrast-fade-on-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-filled-contrast-fade-on-states-hover-background: hsla(229, 15%, 25%, 100%);--kbq-button-filled-contrast-fade-on-states-active-background: hsla(229, 15%, 27%, 100%);--kbq-button-filled-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 27%, 100%);--kbq-button-filled-contrast-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-button-filled-contrast-fade-on-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-filled-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 40%, 100%);--kbq-button-filled-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 40%, 100%);--kbq-button-outline-theme-fade-on-background: transparent;--kbq-button-outline-theme-fade-on-border: hsla(216, 100%, 30%, 100%);--kbq-button-outline-theme-fade-on-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-theme-fade-on-states-hover-border: hsla(216, 100%, 30%, 100%);--kbq-button-outline-theme-fade-on-states-hover-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-background: hsla(229, 100%, 85%, 15%);--kbq-button-outline-theme-fade-on-states-active-border: hsla(216, 100%, 30%, 100%);--kbq-button-outline-theme-fade-on-states-active-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%);--kbq-button-outline-theme-fade-on-states-active-hover-border: hsla(216, 100%, 30%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-disabled-background: transparent;--kbq-button-outline-theme-fade-on-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-button-outline-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-outline-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 30%, 100%);--kbq-button-outline-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-background: transparent;--kbq-button-outline-contrast-fade-on-border: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-contrast-fade-on-states-hover-border: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-background: hsla(229, 100%, 85%, 15%);--kbq-button-outline-contrast-fade-on-states-active-border: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-states-active-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%);--kbq-button-outline-contrast-fade-on-states-active-hover-border: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-disabled-background: transparent;--kbq-button-outline-contrast-fade-on-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-button-outline-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-outline-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 30%, 100%);--kbq-button-transparent-theme-fade-on-border: transparent;--kbq-button-transparent-theme-fade-on-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-background: transparent;--kbq-button-transparent-theme-fade-on-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-hover-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-background: hsla(229, 100%, 85%, 15%);--kbq-button-transparent-theme-fade-on-states-active-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%);--kbq-button-transparent-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-disabled-border: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-transparent-theme-fade-on-states-disabled-background: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 30%, 100%);--kbq-button-transparent-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 30%, 100%);--kbq-button-transparent-contrast-fade-on-border: transparent;--kbq-button-transparent-contrast-fade-on-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-background: transparent;--kbq-button-transparent-contrast-fade-on-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-background: hsla(229, 100%, 85%, 15%);--kbq-button-transparent-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%);--kbq-button-transparent-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-disabled-border: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-transparent-contrast-fade-on-states-disabled-background: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 30%, 100%);--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 30%, 100%)}\n"] }]
169
+ ], template: "<div\n #kbqTitleText\n class=\"kbq-button-wrapper\"\n (cdkObserveContent)=\"projectContentChanged()\"\n>\n <ng-content />\n</div>\n<div\n class=\"kbq-button-overlay\"\n (click)=\"haltDisabledEvents($event)\"\n></div>\n", styles: [".kbq-button,.kbq-light-button,.kbq-button-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;height:var(--kbq-button-size-height, 32px);min-height:var(--kbq-button-size-height, 32px);white-space:nowrap;text-decoration:none;text-align:center;vertical-align:baseline;border:var(--kbq-button-size-border-width, 1px) solid transparent;border-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-button::-moz-focus-inner,.kbq-light-button::-moz-focus-inner,.kbq-button-icon::-moz-focus-inner{border:0}.kbq-button:focus,.kbq-light-button:focus,.kbq-button-icon:focus{outline:none}.kbq-disabled.kbq-button,.kbq-disabled.kbq-light-button,.kbq-disabled.kbq-button-icon{cursor:default}.cdk-focused.kbq-button,.cdk-focused.kbq-light-button,.cdk-focused.kbq-button-icon{z-index:1}.kbq-button .kbq-button-wrapper,.kbq-light-button .kbq-button-wrapper,.kbq-button-icon .kbq-button-wrapper{display:flex;align-items:center}.kbq-button .kbq-icon_left,.kbq-light-button .kbq-icon_left,.kbq-button-icon .kbq-icon_left{margin-right:var(--kbq-button-size-content-padding, 6px)}.kbq-button .kbq-icon_right,.kbq-light-button .kbq-icon_right,.kbq-button-icon .kbq-icon_right{margin-left:var(--kbq-button-size-content-padding, 6px)}.kbq-button{padding-left:calc(var(--kbq-button-size-horizontal-padding, 12px) + 4px);padding-right:calc(var(--kbq-button-size-horizontal-padding, 12px) + 4px)}.kbq-button.kbq-button-icon_left{padding-left:var(--kbq-button-size-horizontal-padding, 12px)}.kbq-button.kbq-button-icon_right{padding-right:var(--kbq-button-size-horizontal-padding, 12px)}.kbq-button-icon{padding-left:var(--kbq-button-icon-size-horizontal-padding, 8px);padding-right:var(--kbq-button-icon-size-horizontal-padding, 8px)}.kbq-button-overlay{position:absolute;inset:-1px;border-radius:inherit}.kbq-button-overlay{display:none}.kbq-button,.kbq-button-icon{-webkit-font-smoothing:antialiased}.kbq-button.kbq-button_filled.kbq-contrast,.kbq-button-icon.kbq-button_filled.kbq-contrast{border-color:var(--kbq-button-filled-contrast-fade-off-border, );color:var(--kbq-button-filled-contrast-fade-off-foreground, );background:var(--kbq-button-filled-contrast-fade-off-background, )}.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-off-left-icon, )}.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-off-right-icon, )}.kbq-button.kbq-button_filled.kbq-contrast:hover:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-off-states-hover-background, )}.kbq-button.kbq-button_filled.kbq-contrast:active:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-active:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-off-states-active-background, )}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-foreground, );background:var(--kbq-button-filled-contrast-fade-off-states-disabled-background, )}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-left-icon, )}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-right-icon, )}.kbq-button.kbq-button_filled.kbq-contrast-fade,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade{border-color:var(--kbq-button-filled-contrast-fade-on-border, );color:var(--kbq-button-filled-contrast-fade-on-foreground, );background:var(--kbq-button-filled-contrast-fade-on-background, )}.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-on-left-icon, )}.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-on-right-icon, )}.kbq-button.kbq-button_filled.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-on-states-hover-background, )}.kbq-button.kbq-button_filled.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-on-states-active-background, )}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-foreground, );background:var(--kbq-button-filled-contrast-fade-on-states-disabled-background, )}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-left-icon, )}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-right-icon, )}.kbq-button.kbq-button_outline.kbq-theme-fade,.kbq-button-icon.kbq-button_outline.kbq-theme-fade{border-color:var(--kbq-button-outline-theme-fade-on-border, );color:var(--kbq-button-outline-theme-fade-on-foreground, );background:var(--kbq-button-outline-theme-fade-on-background, )}.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon,.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-theme-fade-on-left-icon, )}.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-theme-fade-on-right-icon, )}.kbq-button.kbq-button_outline.kbq-theme-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-outline-theme-fade-on-states-hover-background, )}.kbq-button.kbq-button_outline.kbq-theme-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-outline-theme-fade-on-states-active-background, )}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled{color:var(--kbq-button-outline-theme-fade-on-states-disabled-foreground, );background:var(--kbq-button-outline-theme-fade-on-states-disabled-background, )}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon,.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-theme-fade-on-states-disabled-left-icon, )}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-theme-fade-on-states-disabled-right-icon, )}.kbq-button.kbq-button_outline.kbq-contrast-fade,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade{border-color:var(--kbq-button-outline-contrast-fade-on-border, );color:var(--kbq-button-outline-contrast-fade-on-foreground, );background:var(--kbq-button-outline-contrast-fade-on-background, )}.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon,.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-contrast-fade-on-left-icon, )}.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-contrast-fade-on-right-icon, )}.kbq-button.kbq-button_outline.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-outline-contrast-fade-on-states-hover-background, )}.kbq-button.kbq-button_outline.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-outline-contrast-fade-on-states-active-background, )}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-foreground, );background:var(--kbq-button-outline-contrast-fade-on-states-disabled-background, )}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-left-icon, )}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-right-icon, )}.kbq-button.kbq-button_transparent.kbq-theme,.kbq-button-icon.kbq-button_transparent.kbq-theme{border-color:var(--kbq-button-transparent-theme-fade-on-border, );color:var(--kbq-button-transparent-theme-fade-on-foreground, );background:var(--kbq-button-transparent-theme-fade-on-background, )}.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon,.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-theme-fade-on-left-icon, )}.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-theme-fade-on-right-icon, )}.kbq-button.kbq-button_transparent.kbq-theme:hover:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-theme.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-transparent-theme-fade-on-states-hover-background, )}.kbq-button.kbq-button_transparent.kbq-theme:active:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-theme.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-active:not(.kbq-disabled){background:var(--kbq-button-transparent-theme-fade-on-states-active-background, )}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-foreground, );background:var(--kbq-button-transparent-theme-fade-on-states-disabled-background, )}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon,.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-left-icon, )}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-right-icon, )}.kbq-button.kbq-button_transparent.kbq-contrast,.kbq-button-icon.kbq-button_transparent.kbq-contrast{border-color:var(--kbq-button-transparent-contrast-fade-on-border, );color:var(--kbq-button-transparent-contrast-fade-on-foreground, );background:var(--kbq-button-transparent-contrast-fade-on-background, )}.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon,.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-contrast-fade-on-left-icon, )}.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-contrast-fade-on-right-icon, )}.kbq-button.kbq-button_transparent.kbq-contrast:hover:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-contrast.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-transparent-contrast-fade-on-states-hover-background, )}.kbq-button.kbq-button_transparent.kbq-contrast:active:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-contrast.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-active:not(.kbq-disabled){background:var(--kbq-button-transparent-contrast-fade-on-states-active-background, )}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-foreground, );background:var(--kbq-button-transparent-contrast-fade-on-states-disabled-background, )}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon, )}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon, )}.kbq-button.kbq-button_filled.cdk-keyboard-focused,.kbq-button.kbq-button_outline.cdk-keyboard-focused,.kbq-button.kbq-button_transparent.cdk-keyboard-focused,.kbq-button-icon.kbq-button_filled.cdk-keyboard-focused,.kbq-button-icon.kbq-button_outline.cdk-keyboard-focused,.kbq-button-icon.kbq-button_transparent.cdk-keyboard-focused{outline:1px solid var(--kbq-states-focused-color, );border-color:var(--kbq-states-focused-color, )}.kbq-button,.kbq-button-icon{font-size:var(--kbq-button-font-default-font-size, 14px);font-weight:var(--kbq-button-font-default-font-weight, 500);line-height:var(--kbq-button-font-default-line-height, 20px);font-family:var(--kbq-button-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-button-font-default-text-transform, );font-feature-settings:var(--kbq-button-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-button-font-default-letter-spacing, -.006em)}.kbq-button-icon.kbq-button-wrapper .kbq-icon{line-height:var(--kbq-typography-body-line-height, 24px)}\n", ".kbq-button{--kbq-button-size-height: 32px;--kbq-button-size-border-width: 1px;--kbq-button-size-border-radius: 8px;--kbq-button-size-horizontal-padding: 12px;--kbq-button-size-content-padding: 6px;--kbq-button-font-default-font-size: 14px;--kbq-button-font-default-line-height: 20px;--kbq-button-font-default-letter-spacing: -.006em;--kbq-button-font-default-font-weight: 500;--kbq-button-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-button-font-default-text-transform: null;--kbq-button-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-states-focused-color: hsla(216, 100%, 50%, 100%);--kbq-states-focused-color-error: hsla(7, 97%, 50%, 100%);--kbq-button-filled-contrast-fade-off-background: hsla(229, 15%, 25%, 100%);--kbq-button-filled-contrast-fade-off-border: transparent;--kbq-button-filled-contrast-fade-off-foreground: hsla(229, 15%, 100%, 100%);--kbq-button-filled-contrast-fade-off-left-icon: hsla(229, 15%, 100%, 100%);--kbq-button-filled-contrast-fade-off-right-icon: hsla(229, 15%, 100%, 100%);--kbq-button-filled-contrast-fade-off-states-hover-background: hsla(229, 15%, 20%, 100%);--kbq-button-filled-contrast-fade-off-states-active-background: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-off-states-active-hover-background: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-off-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-button-filled-contrast-fade-off-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-off-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-filled-contrast-fade-off-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-filled-contrast-fade-off-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);--kbq-button-filled-contrast-fade-on-background: hsla(229, 15%, 92%, 100%);--kbq-button-filled-contrast-fade-on-border: transparent;--kbq-button-filled-contrast-fade-on-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-on-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-on-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-on-states-hover-background: hsla(229, 15%, 88%, 100%);--kbq-button-filled-contrast-fade-on-states-active-background: hsla(229, 15%, 85%, 100%);--kbq-button-filled-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 85%, 100%);--kbq-button-filled-contrast-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-button-filled-contrast-fade-on-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-filled-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-filled-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);--kbq-button-outline-theme-fade-on-background: transparent;--kbq-button-outline-theme-fade-on-border: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-button-outline-theme-fade-on-states-hover-border: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-hover-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-theme-fade-on-states-active-border: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-theme-fade-on-states-active-hover-border: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-outline-theme-fade-on-states-disabled-background: transparent;--kbq-button-outline-theme-fade-on-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-button-outline-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-outline-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-outline-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);--kbq-button-outline-contrast-fade-on-background: transparent;--kbq-button-outline-contrast-fade-on-border: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-button-outline-contrast-fade-on-states-hover-border: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-contrast-fade-on-states-active-border: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-contrast-fade-on-states-active-hover-border: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-outline-contrast-fade-on-states-disabled-background: transparent;--kbq-button-outline-contrast-fade-on-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-button-outline-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-outline-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-outline-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-theme-fade-on-border: transparent;--kbq-button-transparent-theme-fade-on-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-background: transparent;--kbq-button-transparent-theme-fade-on-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-hover-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-button-transparent-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-theme-fade-on-states-active-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 50%, 100%);--kbq-button-transparent-theme-fade-on-states-disabled-border: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-theme-fade-on-states-disabled-background: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-contrast-fade-on-border: transparent;--kbq-button-transparent-contrast-fade-on-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-background: transparent;--kbq-button-transparent-contrast-fade-on-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-button-transparent-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-transparent-contrast-fade-on-states-disabled-border: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-contrast-fade-on-states-disabled-background: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-states-focused-color: hsla(216, 100%, 50%, 100%);--kbq-states-focused-color-error: hsla(7, 97%, 50%, 100%);--kbq-button-filled-contrast-fade-off-background: hsla(229, 15%, 90%, 100%);--kbq-button-filled-contrast-fade-off-border: transparent;--kbq-button-filled-contrast-fade-off-foreground: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-off-left-icon: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-off-right-icon: hsla(229, 15%, 15%, 100%);--kbq-button-filled-contrast-fade-off-states-hover-background: hsla(229, 15%, 80%, 100%);--kbq-button-filled-contrast-fade-off-states-active-background: hsla(229, 15%, 55%, 100%);--kbq-button-filled-contrast-fade-off-states-active-hover-background: hsla(229, 15%, 55%, 100%);--kbq-button-filled-contrast-fade-off-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-button-filled-contrast-fade-off-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-off-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-filled-contrast-fade-off-states-disabled-left-icon: hsla(229, 15%, 40%, 100%);--kbq-button-filled-contrast-fade-off-states-disabled-right-icon: hsla(229, 15%, 40%, 100%);--kbq-button-filled-contrast-fade-on-background: hsla(229, 15%, 25%, 100%);--kbq-button-filled-contrast-fade-on-border: transparent;--kbq-button-filled-contrast-fade-on-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-filled-contrast-fade-on-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-filled-contrast-fade-on-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-filled-contrast-fade-on-states-hover-background: hsla(229, 15%, 25%, 100%);--kbq-button-filled-contrast-fade-on-states-active-background: hsla(229, 15%, 27%, 100%);--kbq-button-filled-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 27%, 100%);--kbq-button-filled-contrast-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-button-filled-contrast-fade-on-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-filled-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 40%, 100%);--kbq-button-filled-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 40%, 100%);--kbq-button-outline-theme-fade-on-background: transparent;--kbq-button-outline-theme-fade-on-border: hsla(216, 100%, 30%, 100%);--kbq-button-outline-theme-fade-on-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-theme-fade-on-states-hover-border: hsla(216, 100%, 30%, 100%);--kbq-button-outline-theme-fade-on-states-hover-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-background: hsla(229, 100%, 85%, 15%);--kbq-button-outline-theme-fade-on-states-active-border: hsla(216, 100%, 30%, 100%);--kbq-button-outline-theme-fade-on-states-active-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%);--kbq-button-outline-theme-fade-on-states-active-hover-border: hsla(216, 100%, 30%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-outline-theme-fade-on-states-disabled-background: transparent;--kbq-button-outline-theme-fade-on-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-button-outline-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-outline-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 30%, 100%);--kbq-button-outline-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-background: transparent;--kbq-button-outline-contrast-fade-on-border: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-outline-contrast-fade-on-states-hover-border: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-background: hsla(229, 100%, 85%, 15%);--kbq-button-outline-contrast-fade-on-states-active-border: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-states-active-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%);--kbq-button-outline-contrast-fade-on-states-active-hover-border: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-outline-contrast-fade-on-states-disabled-background: transparent;--kbq-button-outline-contrast-fade-on-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-button-outline-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-outline-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 30%, 100%);--kbq-button-outline-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 30%, 100%);--kbq-button-transparent-theme-fade-on-border: transparent;--kbq-button-transparent-theme-fade-on-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-background: transparent;--kbq-button-transparent-theme-fade-on-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-hover-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-background: hsla(229, 100%, 85%, 15%);--kbq-button-transparent-theme-fade-on-states-active-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%);--kbq-button-transparent-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 65%, 100%);--kbq-button-transparent-theme-fade-on-states-disabled-border: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-transparent-theme-fade-on-states-disabled-background: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 30%, 100%);--kbq-button-transparent-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 30%, 100%);--kbq-button-transparent-contrast-fade-on-border: transparent;--kbq-button-transparent-contrast-fade-on-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-background: transparent;--kbq-button-transparent-contrast-fade-on-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-button-transparent-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-background: hsla(229, 100%, 85%, 15%);--kbq-button-transparent-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%);--kbq-button-transparent-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 80%, 100%);--kbq-button-transparent-contrast-fade-on-states-disabled-border: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 40%, 100%);--kbq-button-transparent-contrast-fade-on-states-disabled-background: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 30%, 100%);--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 30%, 100%)}\n"] }]
170
170
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.FocusMonitor }, { type: KbqButtonCssStyler }], propDecorators: { textElement: [{
171
171
  type: ViewChild,
172
172
  args: ['kbqTitleText', { static: false }]
package/esm2022/button/button.module.mjs CHANGED
@@ -1,20 +1,17 @@
1
1
  import { A11yModule } from '@angular/cdk/a11y';
2
2
  import { ObserversModule } from '@angular/cdk/observers';
3
3
  import { PlatformModule } from '@angular/cdk/platform';
4
- import { CommonModule } from '@angular/common';
5
4
  import { NgModule } from '@angular/core';
6
5
  import { KbqButton, KbqButtonCssStyler } from './button.component';
7
6
  import * as i0 from "@angular/core";
8
7
  export class KbqButtonModule {
9
8
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
10
9
  /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqButtonModule, declarations: [KbqButton,
11
- KbqButtonCssStyler], imports: [CommonModule,
12
- A11yModule,
10
+ KbqButtonCssStyler], imports: [A11yModule,
13
11
  PlatformModule,
14
12
  ObserversModule], exports: [KbqButton,
15
13
  KbqButtonCssStyler] }); }
16
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqButtonModule, imports: [CommonModule,
17
- A11yModule,
14
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqButtonModule, imports: [A11yModule,
18
15
  PlatformModule,
19
16
  ObserversModule] }); }
20
17
  }
@@ -22,7 +19,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
22
19
  type: NgModule,
23
20
  args: [{
24
21
  imports: [
25
- CommonModule,
26
22
  A11yModule,
27
23
  PlatformModule,
28
24
  ObserversModule
@@ -37,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
37
33
  ]
38
34
  }]
39
35
  }] });
40
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQWtCbkUsTUFBTSxPQUFPLGVBQWU7aUlBQWYsZUFBZTtrSUFBZixlQUFlLGlCQUpwQixTQUFTO1lBQ1Qsa0JBQWtCLGFBWGxCLFlBQVk7WUFDWixVQUFVO1lBQ1YsY0FBYztZQUNkLGVBQWUsYUFHZixTQUFTO1lBQ1Qsa0JBQWtCO2tJQU9iLGVBQWUsWUFkcEIsWUFBWTtZQUNaLFVBQVU7WUFDVixjQUFjO1lBQ2QsZUFBZTs7MkZBV1YsZUFBZTtrQkFoQjNCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osVUFBVTt3QkFDVixjQUFjO3dCQUNkLGVBQWU7cUJBQ2xCO29CQUNELE9BQU8sRUFBRTt3QkFDTCxTQUFTO3dCQUNULGtCQUFrQjtxQkFDckI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNWLFNBQVM7d0JBQ1Qsa0JBQWtCO3FCQUNyQjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEExMXlNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvYTExeSc7XG5pbXBvcnQgeyBPYnNlcnZlcnNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvb2JzZXJ2ZXJzJztcbmltcG9ydCB7IFBsYXRmb3JtTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BsYXRmb3JtJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2JxQnV0dG9uLCBLYnFCdXR0b25Dc3NTdHlsZXIgfSBmcm9tICcuL2J1dHRvbi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBBMTF5TW9kdWxlLFxuICAgICAgICBQbGF0Zm9ybU1vZHVsZSxcbiAgICAgICAgT2JzZXJ2ZXJzTW9kdWxlXG4gICAgXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIEticUJ1dHRvbixcbiAgICAgICAgS2JxQnV0dG9uQ3NzU3R5bGVyXG4gICAgXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgS2JxQnV0dG9uLFxuICAgICAgICBLYnFCdXR0b25Dc3NTdHlsZXJcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIEticUJ1dHRvbk1vZHVsZSB7fVxuIl19
36
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBaUJuRSxNQUFNLE9BQU8sZUFBZTtpSUFBZixlQUFlO2tJQUFmLGVBQWUsaUJBSnBCLFNBQVM7WUFDVCxrQkFBa0IsYUFWbEIsVUFBVTtZQUNWLGNBQWM7WUFDZCxlQUFlLGFBR2YsU0FBUztZQUNULGtCQUFrQjtrSUFPYixlQUFlLFlBYnBCLFVBQVU7WUFDVixjQUFjO1lBQ2QsZUFBZTs7MkZBV1YsZUFBZTtrQkFmM0IsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsVUFBVTt3QkFDVixjQUFjO3dCQUNkLGVBQWU7cUJBQ2xCO29CQUNELE9BQU8sRUFBRTt3QkFDTCxTQUFTO3dCQUNULGtCQUFrQjtxQkFDckI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNWLFNBQVM7d0JBQ1Qsa0JBQWtCO3FCQUNyQjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEExMXlNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvYTExeSc7XG5pbXBvcnQgeyBPYnNlcnZlcnNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvb2JzZXJ2ZXJzJztcbmltcG9ydCB7IFBsYXRmb3JtTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BsYXRmb3JtJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLYnFCdXR0b24sIEticUJ1dHRvbkNzc1N0eWxlciB9IGZyb20gJy4vYnV0dG9uLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBBMTF5TW9kdWxlLFxuICAgICAgICBQbGF0Zm9ybU1vZHVsZSxcbiAgICAgICAgT2JzZXJ2ZXJzTW9kdWxlXG4gICAgXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIEticUJ1dHRvbixcbiAgICAgICAgS2JxQnV0dG9uQ3NzU3R5bGVyXG4gICAgXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgS2JxQnV0dG9uLFxuICAgICAgICBLYnFCdXR0b25Dc3NTdHlsZXJcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIEticUJ1dHRvbk1vZHVsZSB7fVxuIl19
package/esm2022/code-block/actionbar.component.mjs CHANGED
@@ -2,10 +2,9 @@ import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewCh
2
2
  import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
3
3
  import { filter } from 'rxjs/operators';
4
4
  import * as i0 from "@angular/core";
5
- import * as i1 from "@angular/common";
6
- import * as i2 from "@koobiq/components/button";
7
- import * as i3 from "@koobiq/components/tooltip";
8
- import * as i4 from "@koobiq/components/icon";
5
+ import * as i1 from "@koobiq/components/button";
6
+ import * as i2 from "@koobiq/components/tooltip";
7
+ import * as i3 from "@koobiq/components/icon";
9
8
  export class KbqActionBarComponent {
10
9
  constructor() {
11
10
  this.selectedTabIndex = 0;
@@ -30,13 +29,13 @@ export class KbqActionBarComponent {
30
29
  });
31
30
  }
32
31
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
33
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqActionBarComponent, selector: "kbq-actionbar-block", inputs: { config: "config", codeFiles: "codeFiles", selectedTabIndex: "selectedTabIndex", multiLine: "multiLine", softWrap: "softWrap", canLoad: "canLoad" }, outputs: { toggleSoftWrap: "toggleSoftWrap", downloadCode: "downloadCode", copyCode: "copyCode", openExternalSystem: "openExternalSystem" }, host: { classAttribute: "kbq-code-block-actionbar" }, viewQueries: [{ propertyName: "copyTooltip", first: true, predicate: ["copyTooltip"], descendants: true }], ngImport: i0, template: "<div class=\"kbq-code-block__fade-gradient\"></div>\n\n<div class=\"kbq-actionbar-block__button-stack layout-row\">\n <button\n *ngIf=\"multiLine\"\n kbq-button\n [color]=\"'contrast'\"\n [kbqStyle]=\"'transparent'\"\n [kbqTooltip]=\"softWrap ? config.softWrapOffTooltip : config.softWrapOnTooltip\"\n (click)=\"toggleSoftWrap.emit()\"\n >\n <i\n *ngIf=\"!softWrap\"\n kbq-icon=\"mc-word-wrap_16\"\n ></i>\n <i\n *ngIf=\"softWrap\"\n kbq-icon=\"mc-word-wrap-slash_16\"\n ></i>\n </button>\n\n <button\n *ngIf=\"canLoad\"\n kbq-button\n [color]=\"'contrast'\"\n [kbqStyle]=\"'transparent'\"\n [kbqTooltip]=\"config.downloadTooltip\"\n (click)=\"downloadCode.emit()\"\n >\n <i kbq-icon=\"mc-download_16\"></i>\n </button>\n\n <button\n #copyTooltip=\"kbqTooltip\"\n kbq-button\n [color]=\"'contrast'\"\n [kbqStyle]=\"'transparent'\"\n [kbqTooltip]=\"copyTooltipText\"\n (click)=\"onCopy()\"\n >\n <i kbq-icon=\"mc-copy-o_16\"></i>\n </button>\n\n <button\n *ngIf=\"codeFiles[selectedTabIndex].link\"\n kbq-button\n [color]=\"'contrast'\"\n [kbqStyle]=\"'transparent'\"\n [kbqTooltip]=\"config.openExternalSystemTooltip\"\n (click)=\"openExternalSystem.emit()\"\n >\n <i kbq-icon=\"mc-external-link_16\"></i>\n </button>\n</div>\n", styles: [".kbq-code-block-actionbar{display:flex;justify-content:right;align-items:center;position:absolute;top:-48px;right:0;margin:var(--kbq-code-block-size-actionbar-padding-vertical, 8px) var(--kbq-code-block-size-actionbar-padding-horizontal, 12px)}.kbq-code-block-actionbar .kbq-actionbar-block__button-stack{gap:var(--kbq-code-block-size-actionbar-content-gap-horizontal, 2px)}.kbq-code-block-actionbar .kbq-code-block__fade-gradient{display:none;width:var(--kbq-code-block-size-actionbar-fade-gradient-width, 32px)}.kbq-code-block-actionbar.kbq-actionbar-block_floating{top:0;margin:unset;background:transparent!important}.kbq-code-block-actionbar.kbq-actionbar-block_floating .kbq-code-block__fade-gradient{display:block;align-self:stretch}.kbq-code-block-actionbar.kbq-actionbar-block_floating .kbq-actionbar-block__button-stack{padding:var(--kbq-code-block-size-actionbar-padding-vertical, 8px) var(--kbq-code-block-size-actionbar-padding-horizontal, 12px)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.KbqButton, selector: "[kbq-button]", inputs: ["color", "tabIndex", "kbqStyle", "disabled"] }, { kind: "directive", type: i2.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "directive", type: i3.KbqTooltipTrigger, selector: "[kbqTooltip]", inputs: ["kbqVisible", "kbqPlacement", "kbqPlacementPriority", "kbqTooltip", "kbqTooltipDisabled", "kbqEnterDelay", "kbqLeaveDelay", "kbqTrigger", "kbqTooltipClass", "kbqTooltipContext", "kbqTooltipColor", "kbqTooltipArrow", "kbqTooltipOffset"], outputs: ["kbqPlacementChange", "kbqVisibleChange"], exportAs: ["kbqTooltip"] }, { kind: "component", type: i4.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
32
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: KbqActionBarComponent, selector: "kbq-actionbar-block", inputs: { config: "config", codeFiles: "codeFiles", selectedTabIndex: "selectedTabIndex", multiLine: "multiLine", softWrap: "softWrap", canLoad: "canLoad" }, outputs: { toggleSoftWrap: "toggleSoftWrap", downloadCode: "downloadCode", copyCode: "copyCode", openExternalSystem: "openExternalSystem" }, host: { classAttribute: "kbq-code-block-actionbar" }, viewQueries: [{ propertyName: "copyTooltip", first: true, predicate: ["copyTooltip"], descendants: true }], ngImport: i0, template: "<div class=\"kbq-code-block__fade-gradient\"></div>\n\n<div class=\"kbq-actionbar-block__button-stack layout-row\">\n @if (multiLine) {\n <button\n kbq-button\n [color]=\"'contrast'\"\n [kbqStyle]=\"'transparent'\"\n [kbqTooltip]=\"softWrap ? config.softWrapOffTooltip : config.softWrapOnTooltip\"\n (click)=\"toggleSoftWrap.emit()\"\n >\n @if (!softWrap) {\n <i kbq-icon=\"mc-word-wrap_16\"></i>\n }\n @if (softWrap) {\n <i kbq-icon=\"mc-word-wrap-slash_16\"></i>\n }\n </button>\n }\n\n @if (canLoad) {\n <button\n kbq-button\n [color]=\"'contrast'\"\n [kbqStyle]=\"'transparent'\"\n [kbqTooltip]=\"config.downloadTooltip\"\n (click)=\"downloadCode.emit()\"\n >\n <i kbq-icon=\"mc-download_16\"></i>\n </button>\n }\n\n <button\n #copyTooltip=\"kbqTooltip\"\n kbq-button\n [color]=\"'contrast'\"\n [kbqStyle]=\"'transparent'\"\n [kbqTooltip]=\"copyTooltipText\"\n (click)=\"onCopy()\"\n >\n <i kbq-icon=\"mc-copy-o_16\"></i>\n </button>\n\n @if (codeFiles[selectedTabIndex].link) {\n <button\n kbq-button\n [color]=\"'contrast'\"\n [kbqStyle]=\"'transparent'\"\n [kbqTooltip]=\"config.openExternalSystemTooltip\"\n (click)=\"openExternalSystem.emit()\"\n >\n <i kbq-icon=\"mc-external-link_16\"></i>\n </button>\n }\n</div>\n", styles: [".kbq-code-block-actionbar{display:flex;justify-content:right;align-items:center;position:absolute;top:-48px;right:0;margin:var(--kbq-code-block-size-actionbar-padding-vertical, 8px) var(--kbq-code-block-size-actionbar-padding-horizontal, 12px)}.kbq-code-block-actionbar .kbq-actionbar-block__button-stack{gap:var(--kbq-code-block-size-actionbar-content-gap-horizontal, 2px)}.kbq-code-block-actionbar .kbq-code-block__fade-gradient{display:none;width:var(--kbq-code-block-size-actionbar-fade-gradient-width, 32px)}.kbq-code-block-actionbar.kbq-actionbar-block_floating{top:0;margin:unset;background:transparent!important}.kbq-code-block-actionbar.kbq-actionbar-block_floating .kbq-code-block__fade-gradient{display:block;align-self:stretch}.kbq-code-block-actionbar.kbq-actionbar-block_floating .kbq-actionbar-block__button-stack{padding:var(--kbq-code-block-size-actionbar-padding-vertical, 8px) var(--kbq-code-block-size-actionbar-padding-horizontal, 12px)}\n"], dependencies: [{ kind: "component", type: i1.KbqButton, selector: "[kbq-button]", inputs: ["color", "tabIndex", "kbqStyle", "disabled"] }, { kind: "directive", type: i1.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "directive", type: i2.KbqTooltipTrigger, selector: "[kbqTooltip]", inputs: ["kbqVisible", "kbqPlacement", "kbqPlacementPriority", "kbqTooltip", "kbqTooltipDisabled", "kbqEnterDelay", "kbqLeaveDelay", "kbqTrigger", "kbqTooltipClass", "kbqTooltipContext", "kbqTooltipColor", "kbqTooltipArrow", "kbqTooltipOffset"], outputs: ["kbqPlacementChange", "kbqVisibleChange"], exportAs: ["kbqTooltip"] }, { kind: "component", type: i3.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
34
33
  }
35
34
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqActionBarComponent, decorators: [{
36
35
  type: Component,
37
36
  args: [{ selector: 'kbq-actionbar-block', host: {
38
37
  class: 'kbq-code-block-actionbar'
39
- }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kbq-code-block__fade-gradient\"></div>\n\n<div class=\"kbq-actionbar-block__button-stack layout-row\">\n <button\n *ngIf=\"multiLine\"\n kbq-button\n [color]=\"'contrast'\"\n [kbqStyle]=\"'transparent'\"\n [kbqTooltip]=\"softWrap ? config.softWrapOffTooltip : config.softWrapOnTooltip\"\n (click)=\"toggleSoftWrap.emit()\"\n >\n <i\n *ngIf=\"!softWrap\"\n kbq-icon=\"mc-word-wrap_16\"\n ></i>\n <i\n *ngIf=\"softWrap\"\n kbq-icon=\"mc-word-wrap-slash_16\"\n ></i>\n </button>\n\n <button\n *ngIf=\"canLoad\"\n kbq-button\n [color]=\"'contrast'\"\n [kbqStyle]=\"'transparent'\"\n [kbqTooltip]=\"config.downloadTooltip\"\n (click)=\"downloadCode.emit()\"\n >\n <i kbq-icon=\"mc-download_16\"></i>\n </button>\n\n <button\n #copyTooltip=\"kbqTooltip\"\n kbq-button\n [color]=\"'contrast'\"\n [kbqStyle]=\"'transparent'\"\n [kbqTooltip]=\"copyTooltipText\"\n (click)=\"onCopy()\"\n >\n <i kbq-icon=\"mc-copy-o_16\"></i>\n </button>\n\n <button\n *ngIf=\"codeFiles[selectedTabIndex].link\"\n kbq-button\n [color]=\"'contrast'\"\n [kbqStyle]=\"'transparent'\"\n [kbqTooltip]=\"config.openExternalSystemTooltip\"\n (click)=\"openExternalSystem.emit()\"\n >\n <i kbq-icon=\"mc-external-link_16\"></i>\n </button>\n</div>\n", styles: [".kbq-code-block-actionbar{display:flex;justify-content:right;align-items:center;position:absolute;top:-48px;right:0;margin:var(--kbq-code-block-size-actionbar-padding-vertical, 8px) var(--kbq-code-block-size-actionbar-padding-horizontal, 12px)}.kbq-code-block-actionbar .kbq-actionbar-block__button-stack{gap:var(--kbq-code-block-size-actionbar-content-gap-horizontal, 2px)}.kbq-code-block-actionbar .kbq-code-block__fade-gradient{display:none;width:var(--kbq-code-block-size-actionbar-fade-gradient-width, 32px)}.kbq-code-block-actionbar.kbq-actionbar-block_floating{top:0;margin:unset;background:transparent!important}.kbq-code-block-actionbar.kbq-actionbar-block_floating .kbq-code-block__fade-gradient{display:block;align-self:stretch}.kbq-code-block-actionbar.kbq-actionbar-block_floating .kbq-actionbar-block__button-stack{padding:var(--kbq-code-block-size-actionbar-padding-vertical, 8px) var(--kbq-code-block-size-actionbar-padding-horizontal, 12px)}\n"] }]
38
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kbq-code-block__fade-gradient\"></div>\n\n<div class=\"kbq-actionbar-block__button-stack layout-row\">\n @if (multiLine) {\n <button\n kbq-button\n [color]=\"'contrast'\"\n [kbqStyle]=\"'transparent'\"\n [kbqTooltip]=\"softWrap ? config.softWrapOffTooltip : config.softWrapOnTooltip\"\n (click)=\"toggleSoftWrap.emit()\"\n >\n @if (!softWrap) {\n <i kbq-icon=\"mc-word-wrap_16\"></i>\n }\n @if (softWrap) {\n <i kbq-icon=\"mc-word-wrap-slash_16\"></i>\n }\n </button>\n }\n\n @if (canLoad) {\n <button\n kbq-button\n [color]=\"'contrast'\"\n [kbqStyle]=\"'transparent'\"\n [kbqTooltip]=\"config.downloadTooltip\"\n (click)=\"downloadCode.emit()\"\n >\n <i kbq-icon=\"mc-download_16\"></i>\n </button>\n }\n\n <button\n #copyTooltip=\"kbqTooltip\"\n kbq-button\n [color]=\"'contrast'\"\n [kbqStyle]=\"'transparent'\"\n [kbqTooltip]=\"copyTooltipText\"\n (click)=\"onCopy()\"\n >\n <i kbq-icon=\"mc-copy-o_16\"></i>\n </button>\n\n @if (codeFiles[selectedTabIndex].link) {\n <button\n kbq-button\n [color]=\"'contrast'\"\n [kbqStyle]=\"'transparent'\"\n [kbqTooltip]=\"config.openExternalSystemTooltip\"\n (click)=\"openExternalSystem.emit()\"\n >\n <i kbq-icon=\"mc-external-link_16\"></i>\n </button>\n }\n</div>\n", styles: [".kbq-code-block-actionbar{display:flex;justify-content:right;align-items:center;position:absolute;top:-48px;right:0;margin:var(--kbq-code-block-size-actionbar-padding-vertical, 8px) var(--kbq-code-block-size-actionbar-padding-horizontal, 12px)}.kbq-code-block-actionbar .kbq-actionbar-block__button-stack{gap:var(--kbq-code-block-size-actionbar-content-gap-horizontal, 2px)}.kbq-code-block-actionbar .kbq-code-block__fade-gradient{display:none;width:var(--kbq-code-block-size-actionbar-fade-gradient-width, 32px)}.kbq-code-block-actionbar.kbq-actionbar-block_floating{top:0;margin:unset;background:transparent!important}.kbq-code-block-actionbar.kbq-actionbar-block_floating .kbq-code-block__fade-gradient{display:block;align-self:stretch}.kbq-code-block-actionbar.kbq-actionbar-block_floating .kbq-actionbar-block__button-stack{padding:var(--kbq-code-block-size-actionbar-padding-vertical, 8px) var(--kbq-code-block-size-actionbar-padding-horizontal, 12px)}\n"] }]
40
39
  }], propDecorators: { copyTooltip: [{
41
40
  type: ViewChild,
42
41
  args: ['copyTooltip']
@@ -61,4 +60,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
61
60
  }], openExternalSystem: [{
62
61
  type: Output
63
62
  }] } });
64
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29kZS1ibG9jay9hY3Rpb25iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9jb2RlLWJsb2NrL2FjdGlvbmJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEVBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7O0FBYXhDLE1BQU0sT0FBTyxxQkFBcUI7SUFWbEM7UUFlYSxxQkFBZ0IsR0FBRyxDQUFDLENBQUM7UUFLcEIsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzFDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN4QyxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNwQyx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBc0IzRDtJQWxCRyxlQUFlO1FBQ1gsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQztRQUUvQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUMxRSxJQUFJLElBQUksQ0FBQyxlQUFlLEtBQUssSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLEVBQUUsQ0FBQztnQkFDckQsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQztZQUNuRCxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsTUFBTTtRQUNGLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7UUFFckIsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNaLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUM7WUFDakQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUM1QixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7aUlBbENRLHFCQUFxQjtxSEFBckIscUJBQXFCLHdnQkN4QmxDLHMvQ0FzREE7OzJGRDlCYSxxQkFBcUI7a0JBVmpDLFNBQVM7K0JBQ0kscUJBQXFCLFFBR3pCO3dCQUNGLEtBQUssRUFBRSwwQkFBMEI7cUJBQ3BDLGlCQUNjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07OEJBR3JCLFdBQVc7c0JBQXBDLFNBQVM7dUJBQUMsYUFBYTtnQkFFZixNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFSSxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLFlBQVk7c0JBQXJCLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTTtnQkFDRyxrQkFBa0I7c0JBQTNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgVmlld0NoaWxkLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2JxVG9vbHRpcFRyaWdnZXIgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvdG9vbHRpcCc7XG5pbXBvcnQgeyBmaWx0ZXIgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBLYnFDb2RlQmxvY2tDb25maWd1cmF0aW9uLCBLYnFDb2RlRmlsZSB9IGZyb20gJy4vY29kZS1ibG9jay50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2JxLWFjdGlvbmJhci1ibG9jaycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbmJhci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYWN0aW9uYmFyLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1jb2RlLWJsb2NrLWFjdGlvbmJhcidcbiAgICB9LFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgS2JxQWN0aW9uQmFyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgQFZpZXdDaGlsZCgnY29weVRvb2x0aXAnKSBjb3B5VG9vbHRpcDogS2JxVG9vbHRpcFRyaWdnZXI7XG5cbiAgICBASW5wdXQoKSBjb25maWc6IEticUNvZGVCbG9ja0NvbmZpZ3VyYXRpb247XG4gICAgQElucHV0KCkgY29kZUZpbGVzOiBLYnFDb2RlRmlsZVtdO1xuICAgIEBJbnB1dCgpIHNlbGVjdGVkVGFiSW5kZXggPSAwO1xuICAgIEBJbnB1dCgpIG11bHRpTGluZTogYm9vbGVhbjtcbiAgICBASW5wdXQoKSBzb2Z0V3JhcDogYm9vbGVhbjtcbiAgICBASW5wdXQoKSBjYW5Mb2FkOiBib29sZWFuO1xuXG4gICAgQE91dHB1dCgpIHRvZ2dsZVNvZnRXcmFwID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICAgIEBPdXRwdXQoKSBkb3dubG9hZENvZGUgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gICAgQE91dHB1dCgpIGNvcHlDb2RlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICAgIEBPdXRwdXQoKSBvcGVuRXh0ZXJuYWxTeXN0ZW0gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgICBjb3B5VG9vbHRpcFRleHQ6IHN0cmluZztcblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jb3B5VG9vbHRpcFRleHQgPSB0aGlzLmNvbmZpZy5jb3B5VG9vbHRpcDtcblxuICAgICAgICB0aGlzLmNvcHlUb29sdGlwLnZpc2libGVDaGFuZ2UucGlwZShmaWx0ZXIoKHN0YXRlKSA9PiAhc3RhdGUpKS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICAgICAgaWYgKHRoaXMuY29weVRvb2x0aXBUZXh0ID09PSB0aGlzLmNvbmZpZy5jb3BpZWRUb29sdGlwKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5jb3B5VG9vbHRpcFRleHQgPSB0aGlzLmNvbmZpZy5jb3B5VG9vbHRpcDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgb25Db3B5KCkge1xuICAgICAgICB0aGlzLmNvcHlDb2RlLmVtaXQoKTtcblxuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuY29weVRvb2x0aXBUZXh0ID0gdGhpcy5jb25maWcuY29waWVkVG9vbHRpcDtcbiAgICAgICAgICAgIHRoaXMuY29weVRvb2x0aXAuc2hvdygpO1xuICAgICAgICB9KTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwia2JxLWNvZGUtYmxvY2tfX2ZhZGUtZ3JhZGllbnRcIj48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImticS1hY3Rpb25iYXItYmxvY2tfX2J1dHRvbi1zdGFjayBsYXlvdXQtcm93XCI+XG4gICAgPGJ1dHRvblxuICAgICAgICAqbmdJZj1cIm11bHRpTGluZVwiXG4gICAgICAgIGticS1idXR0b25cbiAgICAgICAgW2NvbG9yXT1cIidjb250cmFzdCdcIlxuICAgICAgICBba2JxU3R5bGVdPVwiJ3RyYW5zcGFyZW50J1wiXG4gICAgICAgIFtrYnFUb29sdGlwXT1cInNvZnRXcmFwID8gY29uZmlnLnNvZnRXcmFwT2ZmVG9vbHRpcCA6IGNvbmZpZy5zb2Z0V3JhcE9uVG9vbHRpcFwiXG4gICAgICAgIChjbGljayk9XCJ0b2dnbGVTb2Z0V3JhcC5lbWl0KClcIlxuICAgID5cbiAgICAgICAgPGlcbiAgICAgICAgICAgICpuZ0lmPVwiIXNvZnRXcmFwXCJcbiAgICAgICAgICAgIGticS1pY29uPVwibWMtd29yZC13cmFwXzE2XCJcbiAgICAgICAgPjwvaT5cbiAgICAgICAgPGlcbiAgICAgICAgICAgICpuZ0lmPVwic29mdFdyYXBcIlxuICAgICAgICAgICAga2JxLWljb249XCJtYy13b3JkLXdyYXAtc2xhc2hfMTZcIlxuICAgICAgICA+PC9pPlxuICAgIDwvYnV0dG9uPlxuXG4gICAgPGJ1dHRvblxuICAgICAgICAqbmdJZj1cImNhbkxvYWRcIlxuICAgICAgICBrYnEtYnV0dG9uXG4gICAgICAgIFtjb2xvcl09XCInY29udHJhc3QnXCJcbiAgICAgICAgW2ticVN0eWxlXT1cIid0cmFuc3BhcmVudCdcIlxuICAgICAgICBba2JxVG9vbHRpcF09XCJjb25maWcuZG93bmxvYWRUb29sdGlwXCJcbiAgICAgICAgKGNsaWNrKT1cImRvd25sb2FkQ29kZS5lbWl0KClcIlxuICAgID5cbiAgICAgICAgPGkga2JxLWljb249XCJtYy1kb3dubG9hZF8xNlwiPjwvaT5cbiAgICA8L2J1dHRvbj5cblxuICAgIDxidXR0b25cbiAgICAgICAgI2NvcHlUb29sdGlwPVwia2JxVG9vbHRpcFwiXG4gICAgICAgIGticS1idXR0b25cbiAgICAgICAgW2NvbG9yXT1cIidjb250cmFzdCdcIlxuICAgICAgICBba2JxU3R5bGVdPVwiJ3RyYW5zcGFyZW50J1wiXG4gICAgICAgIFtrYnFUb29sdGlwXT1cImNvcHlUb29sdGlwVGV4dFwiXG4gICAgICAgIChjbGljayk9XCJvbkNvcHkoKVwiXG4gICAgPlxuICAgICAgICA8aSBrYnEtaWNvbj1cIm1jLWNvcHktb18xNlwiPjwvaT5cbiAgICA8L2J1dHRvbj5cblxuICAgIDxidXR0b25cbiAgICAgICAgKm5nSWY9XCJjb2RlRmlsZXNbc2VsZWN0ZWRUYWJJbmRleF0ubGlua1wiXG4gICAgICAgIGticS1idXR0b25cbiAgICAgICAgW2NvbG9yXT1cIidjb250cmFzdCdcIlxuICAgICAgICBba2JxU3R5bGVdPVwiJ3RyYW5zcGFyZW50J1wiXG4gICAgICAgIFtrYnFUb29sdGlwXT1cImNvbmZpZy5vcGVuRXh0ZXJuYWxTeXN0ZW1Ub29sdGlwXCJcbiAgICAgICAgKGNsaWNrKT1cIm9wZW5FeHRlcm5hbFN5c3RlbS5lbWl0KClcIlxuICAgID5cbiAgICAgICAgPGkga2JxLWljb249XCJtYy1leHRlcm5hbC1saW5rXzE2XCI+PC9pPlxuICAgIDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=
63
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29kZS1ibG9jay9hY3Rpb25iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9jb2RlLWJsb2NrL2FjdGlvbmJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEVBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFheEMsTUFBTSxPQUFPLHFCQUFxQjtJQVZsQztRQWVhLHFCQUFnQixHQUFHLENBQUMsQ0FBQztRQUtwQixtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDMUMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3hDLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3BDLHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0FzQjNEO0lBbEJHLGVBQWU7UUFDWCxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDO1FBRS9DLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQzFFLElBQUksSUFBSSxDQUFDLGVBQWUsS0FBSyxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsRUFBRSxDQUFDO2dCQUNyRCxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDO1lBQ25ELENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxNQUFNO1FBQ0YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUVyQixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ1osSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQztZQUNqRCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzVCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztpSUFsQ1EscUJBQXFCO3FIQUFyQixxQkFBcUIsd2dCQ3hCbEMsNmxEQXVEQTs7MkZEL0JhLHFCQUFxQjtrQkFWakMsU0FBUzsrQkFDSSxxQkFBcUIsUUFHekI7d0JBQ0YsS0FBSyxFQUFFLDBCQUEwQjtxQkFDcEMsaUJBQ2MsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTs4QkFHckIsV0FBVztzQkFBcEMsU0FBUzt1QkFBQyxhQUFhO2dCQUVmLE1BQU07c0JBQWQsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUVJLGNBQWM7c0JBQXZCLE1BQU07Z0JBQ0csWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxRQUFRO3NCQUFqQixNQUFNO2dCQUNHLGtCQUFrQjtzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQWZ0ZXJWaWV3SW5pdCxcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBWaWV3Q2hpbGQsXG4gICAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLYnFUb29sdGlwVHJpZ2dlciB9IGZyb20gJ0Brb29iaXEvY29tcG9uZW50cy90b29sdGlwJztcbmltcG9ydCB7IGZpbHRlciB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IEticUNvZGVCbG9ja0NvbmZpZ3VyYXRpb24sIEticUNvZGVGaWxlIH0gZnJvbSAnLi9jb2RlLWJsb2NrLnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdrYnEtYWN0aW9uYmFyLWJsb2NrJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWN0aW9uYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hY3Rpb25iYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAna2JxLWNvZGUtYmxvY2stYWN0aW9uYmFyJ1xuICAgIH0sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBLYnFBY3Rpb25CYXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgICBAVmlld0NoaWxkKCdjb3B5VG9vbHRpcCcpIGNvcHlUb29sdGlwOiBLYnFUb29sdGlwVHJpZ2dlcjtcblxuICAgIEBJbnB1dCgpIGNvbmZpZzogS2JxQ29kZUJsb2NrQ29uZmlndXJhdGlvbjtcbiAgICBASW5wdXQoKSBjb2RlRmlsZXM6IEticUNvZGVGaWxlW107XG4gICAgQElucHV0KCkgc2VsZWN0ZWRUYWJJbmRleCA9IDA7XG4gICAgQElucHV0KCkgbXVsdGlMaW5lOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIHNvZnRXcmFwOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGNhbkxvYWQ6IGJvb2xlYW47XG5cbiAgICBAT3V0cHV0KCkgdG9nZ2xlU29mdFdyYXAgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gICAgQE91dHB1dCgpIGRvd25sb2FkQ29kZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgICBAT3V0cHV0KCkgY29weUNvZGUgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gICAgQE91dHB1dCgpIG9wZW5FeHRlcm5hbFN5c3RlbSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAgIGNvcHlUb29sdGlwVGV4dDogc3RyaW5nO1xuXG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNvcHlUb29sdGlwVGV4dCA9IHRoaXMuY29uZmlnLmNvcHlUb29sdGlwO1xuXG4gICAgICAgIHRoaXMuY29weVRvb2x0aXAudmlzaWJsZUNoYW5nZS5waXBlKGZpbHRlcigoc3RhdGUpID0+ICFzdGF0ZSkpLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgICBpZiAodGhpcy5jb3B5VG9vbHRpcFRleHQgPT09IHRoaXMuY29uZmlnLmNvcGllZFRvb2x0aXApIHtcbiAgICAgICAgICAgICAgICB0aGlzLmNvcHlUb29sdGlwVGV4dCA9IHRoaXMuY29uZmlnLmNvcHlUb29sdGlwO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBvbkNvcHkoKSB7XG4gICAgICAgIHRoaXMuY29weUNvZGUuZW1pdCgpO1xuXG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5jb3B5VG9vbHRpcFRleHQgPSB0aGlzLmNvbmZpZy5jb3BpZWRUb29sdGlwO1xuICAgICAgICAgICAgdGhpcy5jb3B5VG9vbHRpcC5zaG93KCk7XG4gICAgICAgIH0pO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJrYnEtY29kZS1ibG9ja19fZmFkZS1ncmFkaWVudFwiPjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwia2JxLWFjdGlvbmJhci1ibG9ja19fYnV0dG9uLXN0YWNrIGxheW91dC1yb3dcIj5cbiAgICBAaWYgKG11bHRpTGluZSkge1xuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICBrYnEtYnV0dG9uXG4gICAgICAgICAgICBbY29sb3JdPVwiJ2NvbnRyYXN0J1wiXG4gICAgICAgICAgICBba2JxU3R5bGVdPVwiJ3RyYW5zcGFyZW50J1wiXG4gICAgICAgICAgICBba2JxVG9vbHRpcF09XCJzb2Z0V3JhcCA/IGNvbmZpZy5zb2Z0V3JhcE9mZlRvb2x0aXAgOiBjb25maWcuc29mdFdyYXBPblRvb2x0aXBcIlxuICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZVNvZnRXcmFwLmVtaXQoKVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIEBpZiAoIXNvZnRXcmFwKSB7XG4gICAgICAgICAgICAgICAgPGkga2JxLWljb249XCJtYy13b3JkLXdyYXBfMTZcIj48L2k+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBAaWYgKHNvZnRXcmFwKSB7XG4gICAgICAgICAgICAgICAgPGkga2JxLWljb249XCJtYy13b3JkLXdyYXAtc2xhc2hfMTZcIj48L2k+XG4gICAgICAgICAgICB9XG4gICAgICAgIDwvYnV0dG9uPlxuICAgIH1cblxuICAgIEBpZiAoY2FuTG9hZCkge1xuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICBrYnEtYnV0dG9uXG4gICAgICAgICAgICBbY29sb3JdPVwiJ2NvbnRyYXN0J1wiXG4gICAgICAgICAgICBba2JxU3R5bGVdPVwiJ3RyYW5zcGFyZW50J1wiXG4gICAgICAgICAgICBba2JxVG9vbHRpcF09XCJjb25maWcuZG93bmxvYWRUb29sdGlwXCJcbiAgICAgICAgICAgIChjbGljayk9XCJkb3dubG9hZENvZGUuZW1pdCgpXCJcbiAgICAgICAgPlxuICAgICAgICAgICAgPGkga2JxLWljb249XCJtYy1kb3dubG9hZF8xNlwiPjwvaT5cbiAgICAgICAgPC9idXR0b24+XG4gICAgfVxuXG4gICAgPGJ1dHRvblxuICAgICAgICAjY29weVRvb2x0aXA9XCJrYnFUb29sdGlwXCJcbiAgICAgICAga2JxLWJ1dHRvblxuICAgICAgICBbY29sb3JdPVwiJ2NvbnRyYXN0J1wiXG4gICAgICAgIFtrYnFTdHlsZV09XCIndHJhbnNwYXJlbnQnXCJcbiAgICAgICAgW2ticVRvb2x0aXBdPVwiY29weVRvb2x0aXBUZXh0XCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ29weSgpXCJcbiAgICA+XG4gICAgICAgIDxpIGticS1pY29uPVwibWMtY29weS1vXzE2XCI+PC9pPlxuICAgIDwvYnV0dG9uPlxuXG4gICAgQGlmIChjb2RlRmlsZXNbc2VsZWN0ZWRUYWJJbmRleF0ubGluaykge1xuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICBrYnEtYnV0dG9uXG4gICAgICAgICAgICBbY29sb3JdPVwiJ2NvbnRyYXN0J1wiXG4gICAgICAgICAgICBba2JxU3R5bGVdPVwiJ3RyYW5zcGFyZW50J1wiXG4gICAgICAgICAgICBba2JxVG9vbHRpcF09XCJjb25maWcub3BlbkV4dGVybmFsU3lzdGVtVG9vbHRpcFwiXG4gICAgICAgICAgICAoY2xpY2spPVwib3BlbkV4dGVybmFsU3lzdGVtLmVtaXQoKVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxpIGticS1pY29uPVwibWMtZXh0ZXJuYWwtbGlua18xNlwiPjwvaT5cbiAgICAgICAgPC9idXR0b24+XG4gICAgfVxuPC9kaXY+XG4iXX0=