@acorex/components 19.15.0-next.8 → 20.0.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.
- package/accordion/README.md +3 -0
- package/accordion/index.d.ts +41 -0
- package/action-sheet/index.d.ts +126 -4
- package/alert/index.d.ts +93 -2
- package/audio-wave/index.d.ts +143 -3
- package/autocomplete/index.d.ts +123 -2
- package/avatar/index.d.ts +52 -3
- package/badge/index.d.ts +27 -2
- package/bottom-navigation/index.d.ts +67 -3
- package/breadcrumbs/index.d.ts +56 -4
- package/button/index.d.ts +230 -5
- package/button-group/index.d.ts +166 -3
- package/calendar/index.d.ts +367 -4
- package/check-box/index.d.ts +74 -2
- package/chips/index.d.ts +37 -2
- package/circular-progress/index.d.ts +73 -2
- package/collapse/index.d.ts +173 -3
- package/color-box/index.d.ts +72 -2
- package/color-palette/index.d.ts +293 -7
- package/comment/index.d.ts +107 -9
- package/conversation/index.d.ts +656 -18
- package/cron-job/index.d.ts +329 -8
- package/data-pager/index.d.ts +416 -9
- package/data-table/index.d.ts +1060 -11
- package/datetime-box/index.d.ts +112 -2
- package/datetime-input/index.d.ts +135 -2
- package/datetime-picker/index.d.ts +147 -3
- package/decorators/index.d.ts +129 -8
- package/dialog/index.d.ts +122 -4
- package/drawer/index.d.ts +86 -3
- package/drawer-2/README.md +3 -0
- package/drawer-2/index.d.ts +48 -0
- package/dropdown/index.d.ts +243 -4
- package/dropdown-button/index.d.ts +82 -2
- package/fesm2022/acorex-components-accordion.mjs +118 -0
- package/fesm2022/acorex-components-accordion.mjs.map +1 -0
- package/fesm2022/acorex-components-action-sheet.mjs +20 -27
- package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
- package/fesm2022/acorex-components-alert.mjs +9 -9
- package/fesm2022/acorex-components-alert.mjs.map +1 -1
- package/fesm2022/acorex-components-audio-wave.mjs +8 -8
- package/fesm2022/acorex-components-audio-wave.mjs.map +1 -1
- package/fesm2022/acorex-components-autocomplete.mjs +7 -7
- package/fesm2022/acorex-components-autocomplete.mjs.map +1 -1
- package/fesm2022/acorex-components-avatar.mjs +11 -11
- package/fesm2022/acorex-components-avatar.mjs.map +1 -1
- package/fesm2022/acorex-components-badge.mjs +9 -8
- package/fesm2022/acorex-components-badge.mjs.map +1 -1
- package/fesm2022/acorex-components-bottom-navigation.mjs +12 -12
- package/fesm2022/acorex-components-bottom-navigation.mjs.map +1 -1
- package/fesm2022/acorex-components-breadcrumbs.mjs +15 -21
- package/fesm2022/acorex-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/acorex-components-button-group.mjs +10 -10
- package/fesm2022/acorex-components-button-group.mjs.map +1 -1
- package/fesm2022/acorex-components-button.mjs +21 -27
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-calendar.mjs +28 -22
- package/fesm2022/acorex-components-calendar.mjs.map +1 -1
- package/fesm2022/acorex-components-check-box.mjs +9 -9
- package/fesm2022/acorex-components-check-box.mjs.map +1 -1
- package/fesm2022/acorex-components-chips.mjs +8 -8
- package/fesm2022/acorex-components-chips.mjs.map +1 -1
- package/fesm2022/acorex-components-circular-progress.mjs +8 -8
- package/fesm2022/acorex-components-circular-progress.mjs.map +1 -1
- package/fesm2022/acorex-components-collapse.mjs +17 -25
- package/fesm2022/acorex-components-collapse.mjs.map +1 -1
- package/fesm2022/acorex-components-color-box.mjs +9 -11
- package/fesm2022/acorex-components-color-box.mjs.map +1 -1
- package/fesm2022/acorex-components-color-palette.mjs +59 -63
- package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
- package/fesm2022/acorex-components-comment.mjs +31 -31
- package/fesm2022/acorex-components-comment.mjs.map +1 -1
- package/fesm2022/acorex-components-conversation.mjs +119 -151
- package/fesm2022/acorex-components-conversation.mjs.map +1 -1
- package/fesm2022/acorex-components-cron-job.mjs +64 -64
- package/fesm2022/acorex-components-cron-job.mjs.map +1 -1
- package/fesm2022/acorex-components-data-pager.mjs +44 -50
- package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
- package/fesm2022/acorex-components-data-table.mjs +49 -49
- package/fesm2022/acorex-components-data-table.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-box.mjs +10 -22
- package/fesm2022/acorex-components-datetime-box.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-input.mjs +12 -9
- package/fesm2022/acorex-components-datetime-input.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-picker.mjs +10 -16
- package/fesm2022/acorex-components-datetime-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-decorators.mjs +34 -51
- package/fesm2022/acorex-components-decorators.mjs.map +1 -1
- package/fesm2022/acorex-components-dialog.mjs +19 -26
- package/fesm2022/acorex-components-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-drawer-2.mjs +120 -0
- package/fesm2022/acorex-components-drawer-2.mjs.map +1 -0
- package/fesm2022/acorex-components-drawer.mjs +149 -60
- package/fesm2022/acorex-components-drawer.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown-button.mjs +9 -9
- package/fesm2022/acorex-components-dropdown-button.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown.mjs +14 -14
- package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
- package/fesm2022/acorex-components-file-explorer.mjs +27 -28
- package/fesm2022/acorex-components-file-explorer.mjs.map +1 -1
- package/fesm2022/acorex-components-flow-chart.mjs +16 -16
- package/fesm2022/acorex-components-flow-chart.mjs.map +1 -1
- package/fesm2022/acorex-components-form.mjs +25 -30
- package/fesm2022/acorex-components-form.mjs.map +1 -1
- package/fesm2022/acorex-components-grid-layout-builder.mjs +10 -10
- package/fesm2022/acorex-components-grid-layout-builder.mjs.map +1 -1
- package/fesm2022/acorex-components-image-editor.mjs +39 -40
- package/fesm2022/acorex-components-image-editor.mjs.map +1 -1
- package/fesm2022/acorex-components-image.mjs +10 -10
- package/fesm2022/acorex-components-image.mjs.map +1 -1
- package/fesm2022/acorex-components-json-viewer.mjs +7 -7
- package/fesm2022/acorex-components-json-viewer.mjs.map +1 -1
- package/fesm2022/acorex-components-kbd.mjs +10 -10
- package/fesm2022/acorex-components-kbd.mjs.map +1 -1
- package/fesm2022/acorex-components-label.mjs +9 -9
- package/fesm2022/acorex-components-label.mjs.map +1 -1
- package/fesm2022/acorex-components-list.mjs +11 -21
- package/fesm2022/acorex-components-list.mjs.map +1 -1
- package/fesm2022/acorex-components-loading-dialog.mjs +18 -25
- package/fesm2022/acorex-components-loading-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-loading.mjs +23 -23
- package/fesm2022/acorex-components-loading.mjs.map +1 -1
- package/fesm2022/acorex-components-map.mjs +700 -193
- package/fesm2022/acorex-components-map.mjs.map +1 -1
- package/fesm2022/acorex-components-media-viewer.mjs +39 -43
- package/fesm2022/acorex-components-media-viewer.mjs.map +1 -1
- package/fesm2022/acorex-components-menu.mjs +41 -26
- package/fesm2022/acorex-components-menu.mjs.map +1 -1
- package/fesm2022/{acorex-components-modal-acorex-components-modal-CJ3M9U7p.mjs → acorex-components-modal-acorex-components-modal-DTLjJam5.mjs} +21 -21
- package/fesm2022/acorex-components-modal-acorex-components-modal-DTLjJam5.mjs.map +1 -0
- package/fesm2022/{acorex-components-modal-modal-content.component-Ef5XWxUb.mjs → acorex-components-modal-modal-content.component-CsxuUsLE.mjs} +5 -5
- package/fesm2022/acorex-components-modal-modal-content.component-CsxuUsLE.mjs.map +1 -0
- package/fesm2022/acorex-components-modal.mjs +1 -1
- package/fesm2022/acorex-components-navbar.mjs +7 -7
- package/fesm2022/acorex-components-navbar.mjs.map +1 -1
- package/fesm2022/acorex-components-notification.mjs +19 -23
- package/fesm2022/acorex-components-notification.mjs.map +1 -1
- package/fesm2022/acorex-components-number-box.mjs +7 -7
- package/fesm2022/acorex-components-number-box.mjs.map +1 -1
- package/fesm2022/acorex-components-otp.mjs +7 -7
- package/fesm2022/acorex-components-otp.mjs.map +1 -1
- package/fesm2022/acorex-components-page.mjs +10 -10
- package/fesm2022/acorex-components-page.mjs.map +1 -1
- package/fesm2022/acorex-components-paint.mjs +29 -29
- package/fesm2022/acorex-components-paint.mjs.map +1 -1
- package/fesm2022/acorex-components-password-box.mjs +12 -12
- package/fesm2022/acorex-components-password-box.mjs.map +1 -1
- package/fesm2022/acorex-components-pdf-reader.mjs +7 -7
- package/fesm2022/acorex-components-pdf-reader.mjs.map +1 -1
- package/fesm2022/acorex-components-phone-box.mjs +7 -7
- package/fesm2022/acorex-components-phone-box.mjs.map +1 -1
- package/fesm2022/acorex-components-picker.mjs +13 -13
- package/fesm2022/acorex-components-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-popover.mjs +11 -11
- package/fesm2022/acorex-components-popover.mjs.map +1 -1
- package/fesm2022/acorex-components-popup.mjs +22 -39
- package/fesm2022/acorex-components-popup.mjs.map +1 -1
- package/fesm2022/acorex-components-progress-bar.mjs +8 -8
- package/fesm2022/acorex-components-progress-bar.mjs.map +1 -1
- package/fesm2022/acorex-components-qrcode.mjs +7 -7
- package/fesm2022/acorex-components-qrcode.mjs.map +1 -1
- package/fesm2022/acorex-components-query-builder.mjs +9 -10
- package/fesm2022/acorex-components-query-builder.mjs.map +1 -1
- package/fesm2022/acorex-components-radio.mjs +7 -7
- package/fesm2022/acorex-components-radio.mjs.map +1 -1
- package/fesm2022/acorex-components-rail-navigation.mjs +13 -13
- package/fesm2022/acorex-components-rail-navigation.mjs.map +1 -1
- package/fesm2022/acorex-components-range-slider.mjs +9 -9
- package/fesm2022/acorex-components-range-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-rate-picker.mjs +7 -7
- package/fesm2022/acorex-components-rate-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-rest-api-generator.mjs +26 -26
- package/fesm2022/acorex-components-rest-api-generator.mjs.map +1 -1
- package/fesm2022/acorex-components-result.mjs +8 -8
- package/fesm2022/acorex-components-result.mjs.map +1 -1
- package/fesm2022/acorex-components-routing-progress.mjs +13 -14
- package/fesm2022/acorex-components-routing-progress.mjs.map +1 -1
- package/fesm2022/acorex-components-scheduler.mjs +192 -146
- package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
- package/fesm2022/acorex-components-scss.mjs +4 -4
- package/fesm2022/acorex-components-scss.mjs.map +1 -1
- package/fesm2022/acorex-components-search-box.mjs +12 -21
- package/fesm2022/acorex-components-search-box.mjs.map +1 -1
- package/fesm2022/acorex-components-select-box.mjs +7 -7
- package/fesm2022/acorex-components-select-box.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list-2.mjs +163 -0
- package/fesm2022/acorex-components-selection-list-2.mjs.map +1 -0
- package/fesm2022/acorex-components-selection-list.mjs +9 -9
- package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
- package/fesm2022/acorex-components-side-menu.mjs +28 -21
- package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-skeleton.mjs +7 -7
- package/fesm2022/acorex-components-skeleton.mjs.map +1 -1
- package/fesm2022/acorex-components-slider.mjs +14 -15
- package/fesm2022/acorex-components-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-sliding-item.mjs +14 -14
- package/fesm2022/acorex-components-sliding-item.mjs.map +1 -1
- package/fesm2022/acorex-components-step-wizard.mjs +18 -18
- package/fesm2022/acorex-components-step-wizard.mjs.map +1 -1
- package/fesm2022/acorex-components-switch.mjs +12 -12
- package/fesm2022/acorex-components-switch.mjs.map +1 -1
- package/fesm2022/acorex-components-tabs.mjs +17 -17
- package/fesm2022/acorex-components-tabs.mjs.map +1 -1
- package/fesm2022/acorex-components-tag-box.mjs +7 -7
- package/fesm2022/acorex-components-tag-box.mjs.map +1 -1
- package/fesm2022/acorex-components-tag.mjs +8 -8
- package/fesm2022/acorex-components-tag.mjs.map +1 -1
- package/fesm2022/acorex-components-text-area.mjs +7 -7
- package/fesm2022/acorex-components-text-area.mjs.map +1 -1
- package/fesm2022/acorex-components-text-box.mjs +10 -10
- package/fesm2022/acorex-components-text-box.mjs.map +1 -1
- package/fesm2022/acorex-components-time-duration.mjs +17 -9
- package/fesm2022/acorex-components-time-duration.mjs.map +1 -1
- package/fesm2022/acorex-components-time-line.mjs +10 -10
- package/fesm2022/acorex-components-time-line.mjs.map +1 -1
- package/fesm2022/acorex-components-toast.mjs +23 -31
- package/fesm2022/acorex-components-toast.mjs.map +1 -1
- package/fesm2022/acorex-components-toolbar.mjs +7 -7
- package/fesm2022/acorex-components-toolbar.mjs.map +1 -1
- package/fesm2022/acorex-components-tooltip.mjs +16 -16
- package/fesm2022/acorex-components-tooltip.mjs.map +1 -1
- package/fesm2022/acorex-components-tree-view.mjs +13 -12
- package/fesm2022/acorex-components-tree-view.mjs.map +1 -1
- package/fesm2022/acorex-components-uploader.mjs +28 -28
- package/fesm2022/acorex-components-uploader.mjs.map +1 -1
- package/fesm2022/acorex-components-video-player.mjs +7 -7
- package/fesm2022/acorex-components-video-player.mjs.map +1 -1
- package/fesm2022/acorex-components-wysiwyg.mjs +33 -33
- package/fesm2022/acorex-components-wysiwyg.mjs.map +1 -1
- package/fesm2022/acorex-components.mjs.map +1 -1
- package/file-explorer/index.d.ts +103 -8
- package/flow-chart/index.d.ts +159 -5
- package/form/index.d.ts +283 -6
- package/grid-layout-builder/index.d.ts +197 -4
- package/image/index.d.ts +95 -2
- package/image-editor/index.d.ts +268 -11
- package/index.d.ts +3 -1
- package/json-viewer/index.d.ts +25 -2
- package/kbd/index.d.ts +23 -3
- package/label/index.d.ts +58 -2
- package/list/index.d.ts +148 -2
- package/loading/index.d.ts +149 -6
- package/loading-dialog/index.d.ts +115 -4
- package/map/index.d.ts +661 -7
- package/media-viewer/index.d.ts +142 -9
- package/menu/index.d.ts +207 -6
- package/modal/index.d.ts +78 -5
- package/navbar/index.d.ts +22 -2
- package/notification/index.d.ts +134 -5
- package/number-box/index.d.ts +179 -2
- package/otp/index.d.ts +74 -3
- package/package.json +24 -12
- package/page/index.d.ts +58 -3
- package/paint/index.d.ts +157 -7
- package/password-box/index.d.ts +97 -3
- package/pdf-reader/index.d.ts +17 -2
- package/phone-box/index.d.ts +92 -2
- package/picker/index.d.ts +44 -4
- package/popover/index.d.ts +222 -2
- package/popup/index.d.ts +120 -4
- package/progress-bar/index.d.ts +65 -2
- package/qrcode/index.d.ts +68 -3
- package/query-builder/index.d.ts +52 -2
- package/radio/index.d.ts +33 -2
- package/rail-navigation/index.d.ts +74 -5
- package/range-slider/index.d.ts +320 -3
- package/rate-picker/index.d.ts +141 -2
- package/rest-api-generator/index.d.ts +129 -8
- package/result/index.d.ts +34 -2
- package/routing-progress/index.d.ts +39 -2
- package/scheduler/index.d.ts +556 -11
- package/scss/index.d.ts +10 -1
- package/search-box/index.d.ts +51 -2
- package/select-box/index.d.ts +161 -2
- package/selection-list/index.d.ts +93 -2
- package/selection-list-2/README.md +3 -0
- package/selection-list-2/index.d.ts +52 -0
- package/side-menu/index.d.ts +94 -4
- package/skeleton/index.d.ts +28 -2
- package/slider/index.d.ts +101 -2
- package/sliding-item/index.d.ts +45 -4
- package/step-wizard/index.d.ts +109 -5
- package/switch/index.d.ts +49 -3
- package/tabs/index.d.ts +156 -5
- package/tag/index.d.ts +26 -2
- package/tag-box/index.d.ts +41 -2
- package/text-area/index.d.ts +52 -2
- package/text-box/index.d.ts +92 -3
- package/time-duration/index.d.ts +48 -3
- package/time-line/index.d.ts +33 -3
- package/toast/index.d.ts +127 -5
- package/toolbar/index.d.ts +22 -2
- package/tooltip/index.d.ts +60 -3
- package/tree-view/index.d.ts +179 -4
- package/uploader/index.d.ts +188 -8
- package/video-player/index.d.ts +15 -2
- package/wysiwyg/index.d.ts +240 -9
- package/action-sheet/lib/action-sheet.class.d.ts +0 -40
- package/action-sheet/lib/action-sheet.component.d.ts +0 -59
- package/action-sheet/lib/action-sheet.module.d.ts +0 -16
- package/action-sheet/lib/action-sheet.service.d.ts +0 -16
- package/alert/lib/alert.component.d.ts +0 -82
- package/alert/lib/alert.module.d.ts +0 -9
- package/audio-wave/lib/audio-wave.component.d.ts +0 -112
- package/audio-wave/lib/audio-wave.module.d.ts +0 -12
- package/audio-wave/lib/interfaces/audio-wave.interface.d.ts +0 -16
- package/autocomplete/lib/autocomplete.component.d.ts +0 -114
- package/autocomplete/lib/autocomplete.module.d.ts +0 -7
- package/avatar/lib/avatar-group.component.d.ts +0 -5
- package/avatar/lib/avatar.component.d.ts +0 -37
- package/avatar/lib/avatar.module.d.ts +0 -9
- package/badge/lib/badge.component.d.ts +0 -16
- package/badge/lib/badge.module.d.ts +0 -8
- package/bottom-navigation/lib/bottom-navigation-item/bottom-navigation-item.component.d.ts +0 -15
- package/bottom-navigation/lib/bottom-navigation.component.d.ts +0 -43
- package/bottom-navigation/lib/bottom-navigation.module.d.ts +0 -9
- package/breadcrumbs/lib/breadcrumbs-item.class.d.ts +0 -9
- package/breadcrumbs/lib/breadcrumbs-item.component.d.ts +0 -25
- package/breadcrumbs/lib/breadcrumbs.component.d.ts +0 -15
- package/breadcrumbs/lib/breadcrumbs.module.d.ts +0 -10
- package/button/lib/button-item-list.component.d.ts +0 -56
- package/button/lib/button-item.class.d.ts +0 -24
- package/button/lib/button-item.component.d.ts +0 -77
- package/button/lib/button.component.d.ts +0 -65
- package/button/lib/button.module.d.ts +0 -13
- package/button-group/lib/button-group-item.component.d.ts +0 -79
- package/button-group/lib/button-group.component.d.ts +0 -79
- package/button-group/lib/button-group.module.d.ts +0 -11
- package/calendar/lib/calendar-range.component.d.ts +0 -82
- package/calendar/lib/calendar.class.d.ts +0 -89
- package/calendar/lib/calendar.component.d.ts +0 -183
- package/calendar/lib/calendar.module.d.ts +0 -13
- package/check-box/lib/check-box.component.d.ts +0 -62
- package/check-box/lib/check-box.module.d.ts +0 -10
- package/chips/lib/chips.component.d.ts +0 -26
- package/chips/lib/chips.module.d.ts +0 -8
- package/circular-progress/lib/circular-progress.component.d.ts +0 -63
- package/circular-progress/lib/circular-progress.module.d.ts +0 -7
- package/collapse/lib/collapse-group.component.d.ts +0 -68
- package/collapse/lib/collapse.component.d.ts +0 -101
- package/collapse/lib/collapse.module.d.ts +0 -10
- package/color-box/lib/color-box.component.d.ts +0 -59
- package/color-box/lib/color-box.module.d.ts +0 -11
- package/color-palette/lib/color-palette-input.component.d.ts +0 -65
- package/color-palette/lib/color-palette-picker.component.d.ts +0 -96
- package/color-palette/lib/color-palette-preview.component.d.ts +0 -33
- package/color-palette/lib/color-palette-swatches.component.d.ts +0 -51
- package/color-palette/lib/color-palette.class.d.ts +0 -28
- package/color-palette/lib/color-palette.component.d.ts +0 -18
- package/color-palette/lib/color-palette.module.d.ts +0 -22
- package/comment/lib/comment-container/comment-container.component.d.ts +0 -13
- package/comment/lib/comment-item/comment-item.component.d.ts +0 -23
- package/comment/lib/comment-tools/comment-date/comment-date.component.d.ts +0 -10
- package/comment/lib/comment-tools/comment-like/comment-like.component.d.ts +0 -16
- package/comment/lib/comment-tools/comment-menu-options/comment-menu-options.component.d.ts +0 -10
- package/comment/lib/comment-tools/comment-reply-more/comment-reply-more.component.d.ts +0 -5
- package/comment/lib/comment-tools/comment-reply-text/comment-reply-text.component.d.ts +0 -5
- package/comment/lib/comment-view/comment-view.component.d.ts +0 -9
- package/comment/lib/comment.module.d.ts +0 -21
- package/conversation/lib/classes/events.interface.d.ts +0 -7
- package/conversation/lib/conversation-container/conversation-container.component.d.ts +0 -9
- package/conversation/lib/conversation-input/conversation-input.component.d.ts +0 -126
- package/conversation/lib/conversation-input/conversation-input.interface.d.ts +0 -10
- package/conversation/lib/conversation-message/conversation-message.component.d.ts +0 -62
- package/conversation/lib/conversation-messages/conversation-message-audio/conversation-message-audio.component.d.ts +0 -95
- package/conversation/lib/conversation-messages/conversation-message-file/conversation-message-file.component.d.ts +0 -53
- package/conversation/lib/conversation-messages/conversation-message-image/conversation-message-image.component.d.ts +0 -40
- package/conversation/lib/conversation-messages/conversation-message-image-popup/conversation-message-image-popup.component.d.ts +0 -18
- package/conversation/lib/conversation-messages/conversation-message-text/conversation-message-text.component.d.ts +0 -44
- package/conversation/lib/conversation-messages/conversation-message-video/conversation-message-video.component.d.ts +0 -20
- package/conversation/lib/conversation-messages/conversation-message-voice/conversation-message-voice.component.d.ts +0 -102
- package/conversation/lib/conversation-view/conversation-view.component.d.ts +0 -27
- package/conversation/lib/conversation.module.d.ts +0 -45
- package/conversation/lib/conversation.types.d.ts +0 -26
- package/conversation/lib/services/conversation-message-type-registry.service.d.ts +0 -9
- package/conversation/lib/services/conversation.service.d.ts +0 -7
- package/conversation/lib/services/recording.service.d.ts +0 -20
- package/cron-job/lib/cron-job-container/cron-job-container.component.d.ts +0 -30
- package/cron-job/lib/cron-job.module.d.ts +0 -25
- package/cron-job/lib/cron-job.service.d.ts +0 -22
- package/cron-job/lib/day/day.component.d.ts +0 -24
- package/cron-job/lib/day/day.model.d.ts +0 -61
- package/cron-job/lib/day/day.service.d.ts +0 -17
- package/cron-job/lib/hours/hours.component.d.ts +0 -16
- package/cron-job/lib/hours/hours.model.d.ts +0 -5
- package/cron-job/lib/hours/hours.service.d.ts +0 -13
- package/cron-job/lib/minutes/minutes.component.d.ts +0 -16
- package/cron-job/lib/minutes/minutes.model.d.ts +0 -5
- package/cron-job/lib/minutes/minutes.service.d.ts +0 -13
- package/cron-job/lib/month/month.component.d.ts +0 -18
- package/cron-job/lib/month/month.model.d.ts +0 -5
- package/cron-job/lib/month/month.service.d.ts +0 -14
- package/cron-job/lib/seconds/seconds.component.d.ts +0 -16
- package/cron-job/lib/seconds/seconds.model.d.ts +0 -5
- package/cron-job/lib/seconds/seconds.service.d.ts +0 -13
- package/cron-job/lib/types/iexpression.d.ts +0 -3
- package/cron-job/lib/types/shared.model.d.ts +0 -37
- package/cron-job/lib/year/year.component.d.ts +0 -17
- package/cron-job/lib/year/year.model.d.ts +0 -16
- package/cron-job/lib/year/year.service.d.ts +0 -12
- package/data-pager/lib/data-pager-base.component.d.ts +0 -64
- package/data-pager/lib/data-pager-info.component.d.ts +0 -25
- package/data-pager/lib/data-pager-input-selector.component.d.ts +0 -28
- package/data-pager/lib/data-pager-next-buttons.component.d.ts +0 -32
- package/data-pager/lib/data-pager-numeric-selector.component.d.ts +0 -36
- package/data-pager/lib/data-pager-pagesize-dropdown.component.d.ts +0 -42
- package/data-pager/lib/data-pager-prev-buttons.component.d.ts +0 -32
- package/data-pager/lib/data-pager.component.d.ts +0 -151
- package/data-pager/lib/data-pager.module.d.ts +0 -22
- package/data-table/lib/base-data-table.class.d.ts +0 -38
- package/data-table/lib/columns/data-table-column-resizable.directive.d.ts +0 -24
- package/data-table/lib/columns/data-table-column.d.ts +0 -20
- package/data-table/lib/columns/data-text-column.component.d.ts +0 -100
- package/data-table/lib/columns/row-command-column.component.d.ts +0 -131
- package/data-table/lib/columns/row-expand-column.component.d.ts +0 -50
- package/data-table/lib/columns/row-index-column.component.d.ts +0 -74
- package/data-table/lib/columns/row-select-column.component.d.ts +0 -70
- package/data-table/lib/data-table/data-table.component.d.ts +0 -301
- package/data-table/lib/data-table.module.d.ts +0 -27
- package/data-table/lib/infinite-scroll-data-table/infinite-scroll-data-table.component.d.ts +0 -253
- package/datetime-box/lib/datetime-box.component.d.ts +0 -98
- package/datetime-box/lib/datetime-box.module.d.ts +0 -13
- package/datetime-input/lib/datetime-input.component.d.ts +0 -123
- package/datetime-input/lib/datetime-input.module.d.ts +0 -10
- package/datetime-picker/lib/datetime-picker.component.d.ts +0 -121
- package/datetime-picker/lib/datetime-picker.config.d.ts +0 -8
- package/datetime-picker/lib/datetime-picker.module.d.ts +0 -16
- package/decorators/lib/components/clear-button/clear-button.component.d.ts +0 -38
- package/decorators/lib/components/close-button/close-button.component.d.ts +0 -35
- package/decorators/lib/components/color-indicator/color-indicator.component.d.ts +0 -6
- package/decorators/lib/components/full-screen/full-screen-button.component.d.ts +0 -7
- package/decorators/lib/components/generic-content.component.d.ts +0 -10
- package/decorators/lib/components/heading/heading.component.d.ts +0 -17
- package/decorators/lib/components/icon/icon.component.d.ts +0 -20
- package/decorators/lib/decorators.module.d.ts +0 -14
- package/dialog/lib/dialog.class.d.ts +0 -39
- package/dialog/lib/dialog.component.d.ts +0 -41
- package/dialog/lib/dialog.module.d.ts +0 -16
- package/dialog/lib/dialog.service.d.ts +0 -31
- package/drawer/lib/drawer/drawer-container/drawer-container.component.d.ts +0 -12
- package/drawer/lib/drawer/drawer-item/drawer.component.d.ts +0 -29
- package/drawer/lib/drawer.module.d.ts +0 -9
- package/drawer/lib/drawer.service.d.ts +0 -7
- package/dropdown/lib/dropdown-box.class.d.ts +0 -17
- package/dropdown/lib/dropdown-box.component.d.ts +0 -97
- package/dropdown/lib/dropdown-panel.component.d.ts +0 -120
- package/dropdown/lib/dropdown.module.d.ts +0 -14
- package/dropdown-button/lib/dropdown-button.component.d.ts +0 -67
- package/dropdown-button/lib/dropdown-button.module.d.ts +0 -13
- package/fesm2022/acorex-components-modal-acorex-components-modal-CJ3M9U7p.mjs.map +0 -1
- package/fesm2022/acorex-components-modal-modal-content.component-Ef5XWxUb.mjs.map +0 -1
- package/file-explorer/lib/file-explorer-container/file-explorer-container.component.d.ts +0 -5
- package/file-explorer/lib/file-explorer-header/file-explorer-header.component.d.ts +0 -9
- package/file-explorer/lib/file-explorer-internal.service.d.ts +0 -18
- package/file-explorer/lib/file-explorer-item/file-explorer-item.component.d.ts +0 -11
- package/file-explorer/lib/file-explorer-tree/file-explorer-tree.component.d.ts +0 -13
- package/file-explorer/lib/file-explorer-types.d.ts +0 -11
- package/file-explorer/lib/file-explorer-view/file-explorer-view.component.d.ts +0 -14
- package/file-explorer/lib/file-explorer.module.d.ts +0 -19
- package/file-explorer/lib/file-explorer.service.d.ts +0 -11
- package/flow-chart/lib/flow-chart-creator/flow-chart-creator.component.d.ts +0 -13
- package/flow-chart/lib/flow-chart-renderer/flow-chart-renderer.component.d.ts +0 -22
- package/flow-chart/lib/flow-chart.component.d.ts +0 -24
- package/flow-chart/lib/flow-chart.module.d.ts +0 -10
- package/flow-chart/lib/flow-chart.service.d.ts +0 -57
- package/flow-chart/lib/flow-chart.type.d.ts +0 -37
- package/form/lib/form-field.component.d.ts +0 -69
- package/form/lib/form.component.d.ts +0 -109
- package/form/lib/form.config.d.ts +0 -7
- package/form/lib/form.module.d.ts +0 -16
- package/form/lib/validation-rule.directive.d.ts +0 -17
- package/form/lib/validation-summary.component.d.ts +0 -76
- package/grid-layout-builder/lib/grid-layout-builder.module.d.ts +0 -9
- package/grid-layout-builder/lib/grid-layout-container.component.d.ts +0 -47
- package/grid-layout-builder/lib/grid-layout-widget.component.d.ts +0 -39
- package/grid-layout-builder/lib/types.d.ts +0 -103
- package/grid-layout-builder/lib/utility.d.ts +0 -9
- package/image/lib/image.component.d.ts +0 -85
- package/image/lib/image.module.d.ts +0 -8
- package/image-editor/lib/image-editor-container/image-editor-container.component.d.ts +0 -26
- package/image-editor/lib/image-editor-cropper-window/image-editor-cropper-window.component.d.ts +0 -47
- package/image-editor/lib/image-editor-tools/image-editor-crop/image-editor-crop.component.d.ts +0 -14
- package/image-editor/lib/image-editor-tools/image-editor-highlight/image-editor-highlight.component.d.ts +0 -18
- package/image-editor/lib/image-editor-tools/image-editor-history/image-editor-history.component.d.ts +0 -13
- package/image-editor/lib/image-editor-tools/image-editor-pen/image-editor-pen.component.d.ts +0 -18
- package/image-editor/lib/image-editor-tools/image-editor-rotate/image-editor-rotate.component.d.ts +0 -16
- package/image-editor/lib/image-editor-tools/image-editor-tool-selector/image-editor-tool-selector.component.d.ts +0 -12
- package/image-editor/lib/image-editor-view/image-editor-view.component.d.ts +0 -78
- package/image-editor/lib/image-editor.module.d.ts +0 -25
- package/image-editor/lib/image-editor.service.d.ts +0 -22
- package/json-viewer/lib/json-viewer/json-viewer.component.d.ts +0 -13
- package/json-viewer/lib/json-viewer.module.d.ts +0 -10
- package/kbd/lib/kbd-item/kbd-item.component.d.ts +0 -8
- package/kbd/lib/kbd.component.d.ts +0 -5
- package/kbd/lib/kbd.module.d.ts +0 -9
- package/label/lib/label.component.d.ts +0 -48
- package/label/lib/label.module.d.ts +0 -8
- package/list/lib/list.component.d.ts +0 -139
- package/list/lib/list.module.d.ts +0 -10
- package/loading/lib/loading-spinner.component.d.ts +0 -34
- package/loading/lib/loading.component.d.ts +0 -53
- package/loading/lib/loading.config.d.ts +0 -8
- package/loading/lib/loading.directive.d.ts +0 -15
- package/loading/lib/loading.module.d.ts +0 -13
- package/loading/lib/loading.service.d.ts +0 -29
- package/loading-dialog/lib/loading-dialog.class.d.ts +0 -35
- package/loading-dialog/lib/loading-dialog.component.d.ts +0 -63
- package/loading-dialog/lib/loading-dialog.module.d.ts +0 -14
- package/loading-dialog/lib/loading-dialog.service.d.ts +0 -8
- package/map/lib/map.component.d.ts +0 -214
- package/map/lib/map.config.d.ts +0 -13
- package/map/lib/map.module.d.ts +0 -8
- package/map/lib/map.service.d.ts +0 -172
- package/map/lib/map.type.d.ts +0 -20
- package/map/lib/map.utility.d.ts +0 -2
- package/map/lib/map.world-map.d.ts +0 -28
- package/media-viewer/lib/media-viewer-container/media-viewer-container.component.d.ts +0 -38
- package/media-viewer/lib/media-viewer-slider/media-viewer-slider.component.d.ts +0 -18
- package/media-viewer/lib/media-viewer-tools/audio-player/audio-player.component.d.ts +0 -8
- package/media-viewer/lib/media-viewer-tools/file-info/file-info.component.d.ts +0 -9
- package/media-viewer/lib/media-viewer-tools/image-viewer/image-viewer.component.d.ts +0 -6
- package/media-viewer/lib/media-viewer-tools/pdf-reader/pdf-reader.component.d.ts +0 -8
- package/media-viewer/lib/media-viewer-tools/video-player/video-player.component.d.ts +0 -8
- package/media-viewer/lib/media-viewer-type-registry.service.d.ts +0 -9
- package/media-viewer/lib/media-viewer-types.d.ts +0 -19
- package/media-viewer/lib/media-viewer.module.d.ts +0 -31
- package/media-viewer/lib/media-viewer.service.d.ts +0 -8
- package/menu/lib/context-menu.component.d.ts +0 -57
- package/menu/lib/menu-item.component.d.ts +0 -62
- package/menu/lib/menu.component.d.ts +0 -23
- package/menu/lib/menu.module.d.ts +0 -15
- package/menu/lib/menu.service.d.ts +0 -19
- package/menu/lib/menu.types.d.ts +0 -39
- package/modal/lib/modal-content/modal-content.component.d.ts +0 -51
- package/modal/lib/modal-footer/modal-footer.component.d.ts +0 -5
- package/modal/lib/modal-state.service.d.ts +0 -17
- package/modal/lib/modal.component.d.ts +0 -18
- package/modal/lib/modal.module.d.ts +0 -8
- package/modal/lib/modal.service.d.ts +0 -15
- package/modal/lib/modal.types.d.ts +0 -34
- package/navbar/lib/navbar.component.d.ts +0 -12
- package/navbar/lib/navbar.module.d.ts +0 -8
- package/notification/lib/notification.class.d.ts +0 -42
- package/notification/lib/notification.component.d.ts +0 -41
- package/notification/lib/notification.config.d.ts +0 -15
- package/notification/lib/notification.module.d.ts +0 -14
- package/notification/lib/notification.service.d.ts +0 -25
- package/number-box/lib/number-box.component.d.ts +0 -165
- package/number-box/lib/number-box.module.d.ts +0 -12
- package/otp/lib/otp.class.d.ts +0 -5
- package/otp/lib/otp.component.d.ts +0 -59
- package/otp/lib/otp.module.d.ts +0 -9
- package/page/lib/base-page.class.d.ts +0 -22
- package/page/lib/page.component.d.ts +0 -29
- package/page/lib/page.module.d.ts +0 -6
- package/paint/lib/paint/paint-container/paint-container.component.d.ts +0 -19
- package/paint/lib/paint/paint-tools/paint-eraser-tool/paint-eraser-tool.component.d.ts +0 -15
- package/paint/lib/paint/paint-tools/paint-highlight-tool/paint-highlight-tool.component.d.ts +0 -18
- package/paint/lib/paint/paint-tools/paint-pen-tool/paint-pen-tool.component.d.ts +0 -18
- package/paint/lib/paint/paint-tools-selector/paint-tools-selector.component.d.ts +0 -9
- package/paint/lib/paint/paint-view/paint-view.component.d.ts +0 -56
- package/paint/lib/paint/paint.service.d.ts +0 -12
- package/paint/lib/paint.module.d.ts +0 -20
- package/password-box/lib/password-box.component.d.ts +0 -42
- package/password-box/lib/password-box.module.d.ts +0 -15
- package/password-box/lib/password-strength-validation/password-strength-validation.component.d.ts +0 -40
- package/pdf-reader/lib/pdf-reader/pdf-reader.component.d.ts +0 -8
- package/pdf-reader/lib/pdf-reader.module.d.ts +0 -7
- package/phone-box/lib/phone-box.component.d.ts +0 -75
- package/phone-box/lib/phone-box.module.d.ts +0 -15
- package/picker/lib/picker-container/picker-container.component.d.ts +0 -7
- package/picker/lib/picker-items/picker-items.component.d.ts +0 -20
- package/picker/lib/picker-title/picker-title.component.d.ts +0 -5
- package/picker/lib/picker.module.d.ts +0 -11
- package/popover/lib/popover.component.d.ts +0 -211
- package/popover/lib/popover.module.d.ts +0 -8
- package/popup/lib/popup.component.d.ts +0 -75
- package/popup/lib/popup.interface.d.ts +0 -30
- package/popup/lib/popup.module.d.ts +0 -15
- package/popup/lib/popup.service.d.ts +0 -22
- package/progress-bar/lib/progress-bar.component.d.ts +0 -54
- package/progress-bar/lib/progress-bar.module.d.ts +0 -8
- package/qrcode/lib/qrcode.class.d.ts +0 -3
- package/qrcode/lib/qrcode.component.d.ts +0 -54
- package/qrcode/lib/qrcode.module.d.ts +0 -8
- package/query-builder/lib/query-builder.component.d.ts +0 -35
- package/query-builder/lib/query-builder.module.d.ts +0 -15
- package/radio/lib/radio.component.d.ts +0 -22
- package/radio/lib/radio.module.d.ts +0 -9
- package/rail-navigation/lib/rail-navigation-item/rail-navigation-item.component.d.ts +0 -31
- package/rail-navigation/lib/rail-navigation.class.d.ts +0 -8
- package/rail-navigation/lib/rail-navigation.component.d.ts +0 -18
- package/rail-navigation/lib/rail-navigation.module.d.ts +0 -10
- package/rail-navigation/lib/rail-navigation.service.d.ts +0 -9
- package/range-slider/lib/range-slider.class.d.ts +0 -9
- package/range-slider/lib/range-slider.component.d.ts +0 -301
- package/range-slider/lib/range-slider.module.d.ts +0 -8
- package/rate-picker/lib/calculatePercentage.d.ts +0 -27
- package/rate-picker/lib/rate-picker.component.d.ts +0 -131
- package/rate-picker/lib/rate-picker.module.d.ts +0 -8
- package/rest-api-generator/lib/query-params/query-params.component.d.ts +0 -16
- package/rest-api-generator/lib/request-body/request-body.component.d.ts +0 -22
- package/rest-api-generator/lib/request-headers/request-headers.component.d.ts +0 -22
- package/rest-api-generator/lib/rest-api-auth/rest-api-auth.component.d.ts +0 -22
- package/rest-api-generator/lib/rest-api-generator.component.d.ts +0 -14
- package/rest-api-generator/lib/rest-api-generator.module.d.ts +0 -19
- package/rest-api-generator/lib/rest-api-generator.service.d.ts +0 -7
- package/rest-api-generator/lib/types.d.ts +0 -20
- package/result/lib/result.component.d.ts +0 -24
- package/result/lib/result.module.d.ts +0 -8
- package/routing-progress/lib/routing-progress.component.d.ts +0 -30
- package/routing-progress/lib/routing-progress.module.d.ts +0 -8
- package/scheduler/lib/scheduler.class.d.ts +0 -77
- package/scheduler/lib/scheduler.component.d.ts +0 -91
- package/scheduler/lib/scheduler.module.d.ts +0 -11
- package/scheduler/lib/scheduler.service.d.ts +0 -78
- package/scheduler/lib/views/agenda/scheduler-agenda-view.component.d.ts +0 -45
- package/scheduler/lib/views/day/scheduler-day-view.component.d.ts +0 -44
- package/scheduler/lib/views/month/scheduler-month-view.component.d.ts +0 -59
- package/scheduler/lib/views/timeline-day/scheduler-timeline-day-view.component.d.ts +0 -39
- package/scheduler/lib/views/timeline-month/scheduler-timeline-month-view.component.d.ts +0 -47
- package/scheduler/lib/views/timeline-multi-day/scheduler-timeline-multi-day-view.component.d.ts +0 -40
- package/scheduler/lib/views/week/scheduler-week-view.component.d.ts +0 -74
- package/scss/lib/scss.module.d.ts +0 -7
- package/search-box/lib/search-box.component.d.ts +0 -40
- package/search-box/lib/search-box.module.d.ts +0 -14
- package/select-box/lib/select-box.component.d.ts +0 -139
- package/select-box/lib/select-box.module.d.ts +0 -20
- package/selection-list/lib/selection-list.component.d.ts +0 -77
- package/selection-list/lib/selection-list.module.d.ts +0 -13
- package/side-menu/lib/side-menu-item/side-menu-item.component.d.ts +0 -30
- package/side-menu/lib/side-menu.component.d.ts +0 -39
- package/side-menu/lib/side-menu.directive.d.ts +0 -14
- package/side-menu/lib/side-menu.module.d.ts +0 -15
- package/skeleton/lib/skeleton.component.d.ts +0 -18
- package/skeleton/lib/skeleton.module.d.ts +0 -8
- package/slider/lib/slider.component.d.ts +0 -92
- package/slider/lib/slider.module.d.ts +0 -10
- package/sliding-item/lib/sliding-item/sliding-item.component.d.ts +0 -13
- package/sliding-item/lib/sliding-item-prefix/sliding-item-prefix.component.d.ts +0 -11
- package/sliding-item/lib/sliding-item-suffix/sliding-item-suffix.component.d.ts +0 -11
- package/sliding-item/lib/sliding-item.module.d.ts +0 -11
- package/step-wizard/lib/step-wizard-item/step-wizard-item.component.d.ts +0 -21
- package/step-wizard/lib/step-wizard.class.d.ts +0 -7
- package/step-wizard/lib/step-wizard.component.d.ts +0 -63
- package/step-wizard/lib/step-wizard.directive.d.ts +0 -11
- package/step-wizard/lib/step-wizard.module.d.ts +0 -13
- package/switch/lib/switch-content.component.d.ts +0 -10
- package/switch/lib/switch.component.d.ts +0 -29
- package/switch/lib/switch.module.d.ts +0 -10
- package/tabs/lib/tab-content.directive.d.ts +0 -11
- package/tabs/lib/tab-item.component.d.ts +0 -56
- package/tabs/lib/tabs.class.d.ts +0 -8
- package/tabs/lib/tabs.component.d.ts +0 -76
- package/tabs/lib/tabs.module.d.ts +0 -12
- package/tag/lib/tag.component.d.ts +0 -16
- package/tag/lib/tag.module.d.ts +0 -8
- package/tag-box/lib/tag-box.component.d.ts +0 -32
- package/tag-box/lib/tag-box.module.d.ts +0 -7
- package/text-area/lib/text-area.component.d.ts +0 -41
- package/text-area/lib/text-area.module.d.ts +0 -9
- package/text-box/lib/mask-options.directive.d.ts +0 -17
- package/text-box/lib/text-box.component.d.ts +0 -61
- package/text-box/lib/text-box.module.d.ts +0 -13
- package/time-duration/lib/time-duration.component.d.ts +0 -37
- package/time-duration/lib/time-duration.module.d.ts +0 -7
- package/time-duration/lib/time-duration.type.d.ts +0 -1
- package/time-line/lib/time-line-item.component.d.ts +0 -14
- package/time-line/lib/time-line.component.d.ts +0 -9
- package/time-line/lib/time-line.module.d.ts +0 -9
- package/toast/lib/toast.class.d.ts +0 -27
- package/toast/lib/toast.component.d.ts +0 -44
- package/toast/lib/toast.config.d.ts +0 -14
- package/toast/lib/toast.module.d.ts +0 -13
- package/toast/lib/toast.service.d.ts +0 -34
- package/toolbar/lib/toolbar.component.d.ts +0 -12
- package/toolbar/lib/toolbar.module.d.ts +0 -8
- package/tooltip/lib/tooltip.component.d.ts +0 -21
- package/tooltip/lib/tooltip.directive.d.ts +0 -29
- package/tooltip/lib/tooltip.module.d.ts +0 -10
- package/tree-view/lib/tree-view-item.component.d.ts +0 -20
- package/tree-view/lib/tree-view.class.d.ts +0 -47
- package/tree-view/lib/tree-view.component.d.ts +0 -98
- package/tree-view/lib/tree-view.component.module.d.ts +0 -16
- package/uploader/lib/uploader-browse-handle.directive.d.ts +0 -11
- package/uploader/lib/uploader-dialog-container/uploader-dialog-container.component.d.ts +0 -24
- package/uploader/lib/uploader-drop-zone/uploader-drop-zone.component.d.ts +0 -12
- package/uploader/lib/uploader-list/uploader-list.component.d.ts +0 -12
- package/uploader/lib/uploader-zone.directive.d.ts +0 -31
- package/uploader/lib/uploader.models.d.ts +0 -52
- package/uploader/lib/uploader.module.d.ts +0 -21
- package/uploader/lib/uploader.service.d.ts +0 -30
- package/video-player/lib/video-player/video-player.component.d.ts +0 -6
- package/video-player/lib/video-player.module.d.ts +0 -7
- package/wysiwyg/lib/wysiwyg/wysiwyg-container/wysiwyg-container.component.d.ts +0 -40
- package/wysiwyg/lib/wysiwyg/wysiwyg-tools/wysiwyg-alignment/wysiwyg-alignment.component.d.ts +0 -28
- package/wysiwyg/lib/wysiwyg/wysiwyg-tools/wysiwyg-colors/wysiwyg-colors.component.d.ts +0 -40
- package/wysiwyg/lib/wysiwyg/wysiwyg-tools/wysiwyg-font-style/wysiwyg-font-style.component.d.ts +0 -37
- package/wysiwyg/lib/wysiwyg/wysiwyg-tools/wysiwyg-history/wysiwyg-history.component.d.ts +0 -16
- package/wysiwyg/lib/wysiwyg/wysiwyg-tools/wysiwyg-insert/wysiwyg-insert.component.d.ts +0 -30
- package/wysiwyg/lib/wysiwyg/wysiwyg-tools/wysiwyg-list/wysiwyg-list.component.d.ts +0 -20
- package/wysiwyg/lib/wysiwyg/wysiwyg-view/wysiwyg-view.component.d.ts +0 -16
- package/wysiwyg/lib/wysiwyg/wysiwyg.service.d.ts +0 -11
- package/wysiwyg/lib/wysiwyg.module.d.ts +0 -21
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"acorex-components-button.mjs","sources":["../../../../packages/components/button/src/lib/button-item.component.ts","../../../../packages/components/button/src/lib/button-item-list.component.ts","../../../../packages/components/button/src/lib/button.component.ts","../../../../packages/components/button/src/lib/button.component.html","../../../../packages/components/button/src/lib/button.module.ts","../../../../packages/components/button/src/acorex-components-button.ts"],"sourcesContent":["import {\n AXClickEvent,\n AXComponent,\n AXStyleColorType,\n MXColorComponent,\n MXInteractiveComponent,\n} from '@acorex/cdk/common';\nimport { AXDecoratorGenericComponent } from '@acorex/components/decorators';\n\nimport {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostBinding,\n HostListener,\n Input,\n Output,\n ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\n\nexport interface AXButtonItemListItem {\n name: string;\n text: string;\n icon: string;\n divided?: boolean;\n disabled?: boolean;\n color?: AXStyleColorType;\n}\n\n/**\n * Represents a button item with optional content like icons, text, and dropdowns.\n *\n * @category Components\n */\n@Component({\n selector: 'ax-button-item',\n styleUrl: 'button-item.component.scss',\n template: `\n <div class=\"ax-action-item-prefix\">\n <ng-content select=\"ax-prefix\"> </ng-content>\n <ng-content select=\"ax-loading\"> </ng-content>\n <ng-content select=\"ax-icon\"> </ng-content>\n @if (text) {\n <ax-text>{{ text }}</ax-text>\n }\n </div>\n <div class=\"ax-action-item-suffix\">\n <ng-content select=\"ax-suffix\"> </ng-content>\n </div>\n <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n inputs: ['color', 'disabled'],\n outputs: ['onClick', 'onFocus', 'onBlur', 'disabledChange'],\n imports: [AXDecoratorGenericComponent],\n providers: [{ provide: AXComponent, useExisting: AXButtonItemComponent }],\n})\nexport class AXButtonItemComponent extends classes(MXInteractiveComponent, MXColorComponent) {\n /**\n * Text displayed on the button item.\n */\n @Input()\n text: string;\n\n /**\n * @ignore\n */\n private _selected: boolean;\n\n /**\n * Indicates whether the button item is selected.\n *\n * @param v - A boolean indicating the selected state.\n * Updates the view when the value changes.\n */\n @Input()\n public get selected(): boolean {\n return this._selected;\n }\n public set selected(v: boolean) {\n this._selected = v;\n this.cdr.markForCheck();\n }\n\n /**\n * Whether the item is visually separated from other items.\n * @defaultValue false\n */\n @Input()\n divided = false;\n\n /**\n * Data associated with the button item.\n */\n @Input()\n data: unknown;\n\n /**\n * The name of the button item.\n */\n @Input()\n name: string;\n\n /**\n * Emitted when the button item is clicked.\n * @event\n * The emitted value is an `AXClickEvent` object containing event details.\n */\n @Output()\n onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n /**\n * @ignore\n */\n @HostListener('click', ['$event'])\n private __hostClick(e: MouseEvent) {\n if (!this.disabled) {\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n }\n }\n /**\n * @ignore\n */\n @HostListener('focus', ['$event'])\n private __hostFocus(e: FocusEvent) {\n this.emitOnFocusEvent(e);\n }\n\n /**\n * @ignore\n */\n @HostListener('blur', ['$event'])\n private __hostBlur(e: FocusEvent) {\n this.emitOnBlurEvent(e);\n }\n\n /**\n * @ignore\n */\n @HostBinding('class')\n private get __hostClass(): string {\n const cssClasses = {\n 'ax-button-icon': !this.text,\n 'ax-state-disabled': this.disabled,\n 'ax-state-selected': this.selected,\n 'ax-divided': this.divided,\n 'ax-action-item': true,\n };\n cssClasses[`ax-${this.color}`] = true;\n return Object.entries(cssClasses)\n .filter((c) => c[1])\n .map((c) => c[0])\n .join(' ');\n }\n\n /**\n * @ignore\n */\n @HostBinding('attr.tabindex') tabindex = '0';\n}\n","import {\n AXClickEvent,\n AXClosableComponent,\n AXComponent,\n AXItemClickEvent,\n MXInteractiveComponent,\n} from '@acorex/cdk/common';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport {\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n EventEmitter,\n HostBinding,\n Inject,\n Optional,\n Output,\n QueryList,\n ViewEncapsulation,\n afterNextRender,\n input,\n} from '@angular/core';\nimport { AXButtonItemComponent, AXButtonItemListItem } from './button-item.component';\n\n/**\n * A component for rendering a list of button items with optional dividers between them.\n *\n * @category Components\n */\n@Component({\n selector: 'ax-button-item-list',\n template: `\n @for (item of items(); track item.name) {\n <ax-button-item\n [text]=\"item.text\"\n [name]=\"item.name\"\n [disabled]=\"item.disabled\"\n [color]=\"item.color\"\n (onClick)=\"_handleOnItemClick($event)\"\n >\n @if (item.icon) {\n <ax-prefix>\n <ax-icon [icon]=\"item.icon\"></ax-icon>\n </ax-prefix>\n }\n </ax-button-item>\n @if (item.divided) {\n <ax-divider></ax-divider>\n }\n }\n <ng-content></ng-content>\n `,\n styleUrls: ['./button-item-list.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [AXButtonItemComponent, AXDecoratorGenericComponent, AXDecoratorIconComponent],\n providers: [{ provide: AXComponent, useExisting: AXButtonItemListComponent }],\n})\nexport class AXButtonItemListComponent extends MXInteractiveComponent {\n @ContentChildren(AXButtonItemComponent)\n protected _contentButtons: QueryList<AXButtonItemComponent>;\n\n /**\n * The list of button items to display.\n *\n * @defaultValue []\n */\n items = input<AXButtonItemListItem[]>([]);\n\n /**\n * Emits an event when an item is clicked.\n * The event contains details about the clicked item.\n *\n * @event {AXItemClickEvent<AXButtonItemComponent>} - The event object containing clicked item details.\n */\n @Output()\n onItemClick: EventEmitter<AXItemClickEvent<AXButtonItemComponent>> = new EventEmitter<\n AXItemClickEvent<AXButtonItemComponent>\n >();\n\n /**\n * @ignore\n */\n constructor(\n @Optional()\n @Inject(AXClosableComponent)\n private parent?: AXClosableComponent,\n ) {\n super();\n afterNextRender(() => {\n this._initContents();\n this._contentButtons.changes.subscribe(() => {\n this._initContents();\n });\n });\n }\n\n /**\n * @ignore\n */\n private _initContents() {\n this._bindEvents();\n this._bindProps();\n this.cdr.markForCheck();\n }\n\n /**\n * @ignore\n */\n private _bindEvents() {\n this._contentButtons?.forEach((b) => {\n if (!b.onClick.length)\n b.onClick.subscribe((c) => {\n this._handleOnItemClick(c);\n });\n });\n }\n\n /**\n * @ignore\n */\n private _bindProps() {\n this._contentButtons?.forEach((b) => {\n b.disabled = b.disabled ?? this.disabled;\n });\n }\n\n /**\n * @ignore\n */\n protected _handleOnItemClick(e: AXClickEvent) {\n this.parent?.close();\n this._emitOnItemClickEvent(e, e.component);\n }\n\n /**\n * @ignore\n */\n _emitOnItemClickEvent(e: AXClickEvent, item: AXButtonItemComponent): void {\n this.onItemClick.emit({\n component: this,\n item,\n htmlElement: this.getHostElement(),\n nativeEvent: e.nativeEvent,\n name: item.name,\n data: item.data,\n });\n }\n\n /**\n * @ignore\n */\n @HostBinding('class')\n private get __hostClass(): string {\n return `ax-action-list ax-action-list-vertical`;\n }\n}\n","import {\n AXClickEvent,\n AXComponent,\n AXFocusableComponent,\n AXRippleDirective,\n MXButtonBaseComponent,\n} from '@acorex/cdk/common';\nimport { AXLoadingComponent } from '@acorex/components/loading';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostBinding,\n ViewEncapsulation,\n computed,\n contentChild,\n input,\n model,\n} from '@angular/core';\nimport { AXButtonType } from './button-item.class';\nimport { AXButtonItemComponent } from './button-item.component';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n selector: 'ax-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss'],\n inputs: ['disabled', 'size', 'tabIndex', 'color', 'look', 'text', 'toggleable', 'selected'],\n outputs: [\n 'onBlur',\n 'onFocus',\n 'onClick',\n 'selectedChange',\n 'toggleableChange',\n 'lookChange',\n 'colorChange',\n 'disabledChange',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [\n { provide: AXComponent, useExisting: AXButtonComponent },\n { provide: AXButtonItemComponent, useExisting: AXButtonComponent },\n { provide: AXFocusableComponent, useExisting: AXButtonComponent },\n ],\n imports: [AXRippleDirective],\n})\nexport class AXButtonComponent extends MXButtonBaseComponent implements AfterViewInit {\n iconOnly = input(false);\n\n protected showIcon = computed(() => {\n return !this.hasLoadingIcon();\n });\n protected loadingIcon = contentChild(AXLoadingComponent);\n protected hasLoadingIcon = computed(() => this.loadingIcon() != null);\n\n /**\n * Fires each time the user clicks the button.\n * @event\n */\n onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n /**\n * Specifies the type of button to be used in the action sheet.\n *\n * @defaultValue 'button'\n */\n type = input<AXButtonType>('button');\n\n /**\n * Defines the text displayed while the action sheet is loading.\n *\n * @defaultValue null\n */\n loadingText = model<string | null>(null);\n\n /**\n * @ignore\n */\n ngAfterViewInit(): void {\n // import(\"@acorex/styles/button/solid\")\n this.getHostElement().removeAttribute('tabindex');\n }\n\n /**\n * @ignore\n */\n private getButton(): HTMLButtonElement {\n return this.getHostElement().firstElementChild as HTMLButtonElement;\n }\n\n /**\n * @ignore\n */\n _handleClick(e: MouseEvent) {\n if (this.disabled) {\n e.preventDefault();\n return;\n }\n if (this.toggleable) {\n this.selected = !this.selected;\n }\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n\n // TODO: check keyboard event\n setTimeout(() => {\n this.blur();\n });\n }\n\n /**\n * Triggers a click event on the button element.\n */\n click() {\n this.getButton()?.click();\n }\n\n /**\n * @ignore\n */\n @HostBinding('class')\n private get __hostClass(): string[] {\n const list = Object.entries(this.cssClasses)\n .filter((c) => c[1])\n .map((c) => c[0]);\n if (this.iconOnly()) {\n list.push('ax-button-icon');\n }\n return list;\n }\n\n /**\n * Sets focus on the button element and adds a focus style class.\n *\n */\n override focus() {\n this.getButton()?.focus();\n this.getButton().classList.add('ax-state-focus');\n }\n /**\n * Removes the focus style class from the button element\n * when the button loses focus.\n */\n override blur() {\n this.getButton().classList.remove('ax-state-focus');\n }\n}\n","<button\n [axRipple]\n [disabled]=\"disabled\"\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [attr.type]=\"type()\"\n>\n <ng-content select=\"ax-loading, ax-loading-spinner\"> </ng-content>\n\n @if (showIcon()) {\n <ng-content select=\"ax-prefix, ax-icon\"> </ng-content>\n }\n\n <ng-content select=\"ax-content\"> </ng-content>\n\n @if (text && !loadingText() && !iconOnly()) {\n <span class=\"ax-button-text\">{{ text }}</span>\n }\n\n @if (loadingText()) {\n <span class=\"ax-button-text\">{{ loadingText() }}</span>\n }\n\n <ng-content select=\"ax-suffix\"> </ng-content>\n <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n <ng-content select=\".tab-content\"> </ng-content>\n\n <ng-content></ng-content>\n</button>\n","import { AXCommonModule, AXRippleDirective } from '@acorex/cdk/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXButtonItemListComponent } from './button-item-list.component';\nimport { AXButtonItemComponent } from './button-item.component';\nimport { AXButtonComponent } from './button.component';\n\nconst COMPONENT = [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent];\nconst MODULES = [CommonModule, AXCommonModule, AXDecoratorModule, AXLoadingModule, AXRippleDirective];\n\n@NgModule({\n imports: [MODULES, ...COMPONENT],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
1
|
+
{"version":3,"file":"acorex-components-button.mjs","sources":["../tmp-esm2022/button/lib/button-item.component.js","../tmp-esm2022/button/lib/button-item-list.component.js","../tmp-esm2022/button/lib/button.component.js","../tmp-esm2022/button/lib/button.module.js","../tmp-esm2022/button/acorex-components-button.js"],"sourcesContent":["import { AXComponent, MXColorComponent, MXInteractiveComponent, } from '@acorex/cdk/common';\nimport { AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, HostListener, Input, Output, ViewEncapsulation, } from '@angular/core';\nimport { classes } from 'polytype';\nimport * as i0 from \"@angular/core\";\n/**\n * Represents a button item with optional content like icons, text, and dropdowns.\n *\n * @category Components\n */\nexport class AXButtonItemComponent extends classes(MXInteractiveComponent, MXColorComponent) {\n constructor() {\n super(...arguments);\n /**\n * Whether the item is visually separated from other items.\n * @defaultValue false\n */\n this.divided = false;\n /**\n * Emitted when the button item is clicked.\n * @event\n * The emitted value is an `AXClickEvent` object containing event details.\n */\n this.onClick = new EventEmitter();\n /**\n * @ignore\n */\n this.tabindex = '0';\n }\n /**\n * Indicates whether the button item is selected.\n *\n * @param v - A boolean indicating the selected state.\n * Updates the view when the value changes.\n */\n get selected() {\n return this._selected;\n }\n set selected(v) {\n this._selected = v;\n this.cdr.markForCheck();\n }\n /**\n * @ignore\n */\n __hostClick(e) {\n if (!this.disabled) {\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n }\n }\n /**\n * @ignore\n */\n __hostFocus(e) {\n this.emitOnFocusEvent(e);\n }\n /**\n * @ignore\n */\n __hostBlur(e) {\n this.emitOnBlurEvent(e);\n }\n /**\n * @ignore\n */\n get __hostClass() {\n const cssClasses = {\n 'ax-button-icon': !this.text,\n 'ax-state-disabled': this.disabled,\n 'ax-state-selected': this.selected,\n 'ax-divided': this.divided,\n 'ax-action-item': true,\n };\n cssClasses[`ax-${this.color}`] = true;\n return Object.entries(cssClasses)\n .filter((c) => c[1])\n .map((c) => c[0])\n .join(' ');\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: AXButtonItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.3\", type: AXButtonItemComponent, isStandalone: true, selector: \"ax-button-item\", inputs: { color: \"color\", disabled: \"disabled\", text: \"text\", selected: \"selected\", divided: \"divided\", data: \"data\", name: \"name\" }, outputs: { onClick: \"onClick\", onFocus: \"onFocus\", onBlur: \"onBlur\", disabledChange: \"disabledChange\" }, host: { listeners: { \"click\": \"__hostClick($event)\", \"focus\": \"__hostFocus($event)\", \"blur\": \"__hostBlur($event)\" }, properties: { \"class\": \"this.__hostClass\", \"attr.tabindex\": \"this.tabindex\" } }, providers: [{ provide: AXComponent, useExisting: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: `\n <div class=\"ax-action-item-prefix\">\n <ng-content select=\"ax-prefix\"> </ng-content>\n <ng-content select=\"ax-loading\"> </ng-content>\n <ng-content select=\"ax-icon\"> </ng-content>\n @if (text) {\n <ax-text>{{ text }}</ax-text>\n }\n </div>\n <div class=\"ax-action-item-suffix\">\n <ng-content select=\"ax-suffix\"> </ng-content>\n </div>\n <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n `, isInline: true, styles: [\"ax-button{--ax-comp-button-padding-y: 0;--ax-comp-button-border-radius: var(--ax-sys-border-radius);--ax-comp-button-height: calc(var(--ax-sys-size-base) * var(--ax-comp-button-size-ratio, 1));--ax-comp-button-text-padding-x: .5rem}ax-button ax-prefix{display:flex;padding-inline-start:var(--ax-comp-button-decorator-padding-x)}ax-button ax-suffix{display:flex;padding-inline-end:var(--ax-comp-button-decorator-padding-x)}ax-button.ax-button-icon{--ax-comp-button-decorator-padding-x: 0 !important;font-size:var(--ax-comp-button-icon-only-font-size)}.ax-xs ax-button,ax-button.ax-xs{--ax-comp-button-font-size: .75rem;--ax-comp-button-padding-x: .25rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: .875rem}.ax-sm ax-button,ax-button.ax-sm{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: .5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1rem}.ax-md ax-button,ax-button{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: 1rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: 1.25rem}.ax-lg ax-button,ax-button.ax-lg{--ax-comp-button-font-size: 1.125rem;--ax-comp-button-padding-x: 1.125rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.5rem}.ax-xl ax-button,ax-button.ax-xl{--ax-comp-button-font-size: 1.5rem;--ax-comp-button-padding-x: 1.5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.75rem}ax-button.ax-solid{--ax-comp-button-border-width: 1px}ax-button.ax-solid>button:focus-visible,ax-button.ax-solid>button.ax-state-focus{outline:2px solid;outline-offset:3px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-solid.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-darkest-surface)}ax-button.ax-solid.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-darkest-surface)}ax-button.ax-solid.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-darkest-surface)}ax-button.ax-solid.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-darkest-surface)}ax-button.ax-solid.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-darkest-surface)}ax-button.ax-solid.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-darkest-surface)}ax-button.ax-solid.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-darkest-surface)}ax-button.ax-solid.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-darkest-surface)}ax-button.ax-solid.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-darkest-surface)}ax-button.ax-solid.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-darkest-surface)}ax-button.ax-solid.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accnt6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-darkest-surface)}ax-button.ax-solid.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-darkest-surface)}ax-button.ax-solid.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-solid.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-outline.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline{--ax-comp-button-border-width: 1px;--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-hover-bg-color: transparent;--ax-comp-button-pressed-bg-color: transparent;--ax-comp-button-focused-bg-color: transparent}ax-button.ax-outline>button:focus-visible,ax-button.ax-outline>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-outline.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-outline.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-outline.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-outline.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-outline.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-outline.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-outline.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-outline.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-outline.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-outline.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-outline.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-outline.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-darker-surface)}.ax-dark ax-button.ax-twotone.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-lighter-surface)}ax-button.ax-twotone{--ax-comp-button-border-width: 1px}ax-button.ax-twotone>button:focus-visible,ax-button.ax-twotone>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-twotone.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-twotone.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-twotone.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-twotone.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-twotone.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-twotone.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-twotone.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-twotone.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-twotone.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-twotone.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-twotone.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accnt6-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accnt6-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-twotone.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-blank.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-blank.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-blank{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-blank>button:focus-visible,ax-button.ax-blank>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-blank.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface)}ax-button.ax-blank.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-blank.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface)}ax-button.ax-blank.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface)}ax-button.ax-blank.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface)}ax-button.ax-blank.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-blank.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-blank.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-blank.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-blank.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-blank.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-blank.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-link.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-link.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-link{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-link>button:focus-visible,ax-button.ax-link>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-link.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface)}ax-button.ax-link.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface)}ax-button.ax-link.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface)}ax-button.ax-link.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface)}ax-button.ax-link.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface)}ax-button.ax-link.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface)}ax-button.ax-link.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface)}ax-button.ax-link.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface)}ax-button.ax-link.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface)}ax-button.ax-link.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface)}ax-button.ax-link.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface)}ax-button.ax-link.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface)}ax-button-item.ax-primary{--ax-comp-button-item-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-primary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-primary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-primary-surface)}ax-button-item.ax-secondary{--ax-comp-button-item-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-secondary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-secondary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-secondary-surface)}ax-button-item.ax-success{--ax-comp-button-item-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-success-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-success-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-success-surface)}ax-button-item.ax-warning{--ax-comp-button-item-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-warning-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-warning-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-warning-surface)}ax-button-item.ax-danger{--ax-comp-button-item-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-danger-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-danger-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-danger-surface)}ax-button-item.ax-accent1{--ax-comp-button-item-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent1-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent1-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent1-surface)}ax-button-item.ax-accent2{--ax-comp-button-item-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent2-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent2-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent2-surface)}ax-button-item.ax-accent3{--ax-comp-button-item-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent3-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent3-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent3-surface)}ax-button-item.ax-accent4{--ax-comp-button-item-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent4-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent4-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent4-surface)}ax-button-item.ax-accent5{--ax-comp-button-item-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent5-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent5-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent5-surface)}ax-button-item.ax-accnt6{--ax-comp-button-item-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accnt6-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accnt6-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accnt6-surface)}ax-button-item.ax-accent7{--ax-comp-button-item-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent7-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent7-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent7-surface)}ax-button-item{background-color:rgba(var(--ax-comp-button-item-bg-color));color:rgba(var(--ax-comp-button-item-text-color))}ax-button-item.ax-state-selected{background-color:rgba(var(--ax-comp-button-item-selected-bg-color, var(--ax-sys-color-surface)));color:rgba(var(--ax-comp-button-item-selected-text-color))}ax-button-item:hover:not(.ax-state-selected){background-color:rgba(var(--ax-comp-button-item-hover-bg-color, var(--ax-sys-color-surface)))!important;color:rgba(var(--ax-comp-button-item-hover-text-color))}\\n\"], dependencies: [{ kind: \"component\", type: AXDecoratorGenericComponent, selector: \"ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: AXButtonItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ax-button-item', template: `\n <div class=\"ax-action-item-prefix\">\n <ng-content select=\"ax-prefix\"> </ng-content>\n <ng-content select=\"ax-loading\"> </ng-content>\n <ng-content select=\"ax-icon\"> </ng-content>\n @if (text) {\n <ax-text>{{ text }}</ax-text>\n }\n </div>\n <div class=\"ax-action-item-suffix\">\n <ng-content select=\"ax-suffix\"> </ng-content>\n </div>\n <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['color', 'disabled'], outputs: ['onClick', 'onFocus', 'onBlur', 'disabledChange'], imports: [AXDecoratorGenericComponent], providers: [{ provide: AXComponent, useExisting: AXButtonItemComponent }], styles: [\"ax-button{--ax-comp-button-padding-y: 0;--ax-comp-button-border-radius: var(--ax-sys-border-radius);--ax-comp-button-height: calc(var(--ax-sys-size-base) * var(--ax-comp-button-size-ratio, 1));--ax-comp-button-text-padding-x: .5rem}ax-button ax-prefix{display:flex;padding-inline-start:var(--ax-comp-button-decorator-padding-x)}ax-button ax-suffix{display:flex;padding-inline-end:var(--ax-comp-button-decorator-padding-x)}ax-button.ax-button-icon{--ax-comp-button-decorator-padding-x: 0 !important;font-size:var(--ax-comp-button-icon-only-font-size)}.ax-xs ax-button,ax-button.ax-xs{--ax-comp-button-font-size: .75rem;--ax-comp-button-padding-x: .25rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: .875rem}.ax-sm ax-button,ax-button.ax-sm{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: .5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1rem}.ax-md ax-button,ax-button{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: 1rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: 1.25rem}.ax-lg ax-button,ax-button.ax-lg{--ax-comp-button-font-size: 1.125rem;--ax-comp-button-padding-x: 1.125rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.5rem}.ax-xl ax-button,ax-button.ax-xl{--ax-comp-button-font-size: 1.5rem;--ax-comp-button-padding-x: 1.5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.75rem}ax-button.ax-solid{--ax-comp-button-border-width: 1px}ax-button.ax-solid>button:focus-visible,ax-button.ax-solid>button.ax-state-focus{outline:2px solid;outline-offset:3px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-solid.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-darkest-surface)}ax-button.ax-solid.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-darkest-surface)}ax-button.ax-solid.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-darkest-surface)}ax-button.ax-solid.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-darkest-surface)}ax-button.ax-solid.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-darkest-surface)}ax-button.ax-solid.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-darkest-surface)}ax-button.ax-solid.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-darkest-surface)}ax-button.ax-solid.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-darkest-surface)}ax-button.ax-solid.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-darkest-surface)}ax-button.ax-solid.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-darkest-surface)}ax-button.ax-solid.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accnt6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-darkest-surface)}ax-button.ax-solid.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-darkest-surface)}ax-button.ax-solid.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-solid.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-outline.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline{--ax-comp-button-border-width: 1px;--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-hover-bg-color: transparent;--ax-comp-button-pressed-bg-color: transparent;--ax-comp-button-focused-bg-color: transparent}ax-button.ax-outline>button:focus-visible,ax-button.ax-outline>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-outline.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-outline.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-outline.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-outline.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-outline.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-outline.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-outline.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-outline.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-outline.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-outline.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-outline.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-outline.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-darker-surface)}.ax-dark ax-button.ax-twotone.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-lighter-surface)}ax-button.ax-twotone{--ax-comp-button-border-width: 1px}ax-button.ax-twotone>button:focus-visible,ax-button.ax-twotone>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-twotone.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-twotone.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-twotone.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-twotone.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-twotone.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-twotone.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-twotone.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-twotone.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-twotone.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-twotone.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-twotone.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accnt6-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accnt6-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-twotone.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-blank.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-blank.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-blank{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-blank>button:focus-visible,ax-button.ax-blank>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-blank.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface)}ax-button.ax-blank.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-blank.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface)}ax-button.ax-blank.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface)}ax-button.ax-blank.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface)}ax-button.ax-blank.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-blank.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-blank.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-blank.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-blank.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-blank.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-blank.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-link.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-link.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-link{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-link>button:focus-visible,ax-button.ax-link>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-link.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface)}ax-button.ax-link.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface)}ax-button.ax-link.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface)}ax-button.ax-link.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface)}ax-button.ax-link.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface)}ax-button.ax-link.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface)}ax-button.ax-link.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface)}ax-button.ax-link.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface)}ax-button.ax-link.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface)}ax-button.ax-link.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface)}ax-button.ax-link.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface)}ax-button.ax-link.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface)}ax-button-item.ax-primary{--ax-comp-button-item-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-primary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-primary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-primary-surface)}ax-button-item.ax-secondary{--ax-comp-button-item-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-secondary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-secondary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-secondary-surface)}ax-button-item.ax-success{--ax-comp-button-item-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-success-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-success-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-success-surface)}ax-button-item.ax-warning{--ax-comp-button-item-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-warning-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-warning-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-warning-surface)}ax-button-item.ax-danger{--ax-comp-button-item-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-danger-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-danger-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-danger-surface)}ax-button-item.ax-accent1{--ax-comp-button-item-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent1-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent1-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent1-surface)}ax-button-item.ax-accent2{--ax-comp-button-item-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent2-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent2-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent2-surface)}ax-button-item.ax-accent3{--ax-comp-button-item-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent3-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent3-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent3-surface)}ax-button-item.ax-accent4{--ax-comp-button-item-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent4-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent4-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent4-surface)}ax-button-item.ax-accent5{--ax-comp-button-item-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent5-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent5-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent5-surface)}ax-button-item.ax-accnt6{--ax-comp-button-item-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accnt6-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accnt6-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accnt6-surface)}ax-button-item.ax-accent7{--ax-comp-button-item-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent7-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent7-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent7-surface)}ax-button-item{background-color:rgba(var(--ax-comp-button-item-bg-color));color:rgba(var(--ax-comp-button-item-text-color))}ax-button-item.ax-state-selected{background-color:rgba(var(--ax-comp-button-item-selected-bg-color, var(--ax-sys-color-surface)));color:rgba(var(--ax-comp-button-item-selected-text-color))}ax-button-item:hover:not(.ax-state-selected){background-color:rgba(var(--ax-comp-button-item-hover-bg-color, var(--ax-sys-color-surface)))!important;color:rgba(var(--ax-comp-button-item-hover-text-color))}\\n\"] }]\n }], propDecorators: { text: [{\n type: Input\n }], selected: [{\n type: Input\n }], divided: [{\n type: Input\n }], data: [{\n type: Input\n }], name: [{\n type: Input\n }], onClick: [{\n type: Output\n }], __hostClick: [{\n type: HostListener,\n args: ['click', ['$event']]\n }], __hostFocus: [{\n type: HostListener,\n args: ['focus', ['$event']]\n }], __hostBlur: [{\n type: HostListener,\n args: ['blur', ['$event']]\n }], __hostClass: [{\n type: HostBinding,\n args: ['class']\n }], tabindex: [{\n type: HostBinding,\n args: ['attr.tabindex']\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9idXR0b24vc3JjL2xpYi9idXR0b24taXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFdBQVcsRUFFWCxnQkFBZ0IsRUFDaEIsc0JBQXNCLEdBQ3ZCLE1BQU0sb0JBQW9CLENBQUM7QUFDNUIsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFNUUsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFVBQVUsQ0FBQzs7QUFXbkM7Ozs7R0FJRztBQXlCSCxNQUFNLE9BQU8scUJBQXNCLFNBQVEsT0FBTyxDQUFDLHNCQUFzQixFQUFFLGdCQUFnQixDQUFDO0lBeEI1Rjs7UUFtREU7OztXQUdHO1FBRUgsWUFBTyxHQUFHLEtBQUssQ0FBQztRQWNoQjs7OztXQUlHO1FBRUgsWUFBTyxHQUErQixJQUFJLFlBQVksRUFBZ0IsQ0FBQztRQWtEdkU7O1dBRUc7UUFDMkIsYUFBUSxHQUFHLEdBQUcsQ0FBQztLQUM5QztJQTlGQzs7Ozs7T0FLRztJQUNILElBQ1csUUFBUTtRQUNqQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQVcsUUFBUSxDQUFDLENBQVU7UUFDNUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUM7UUFDbkIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBNkJEOztPQUVHO0lBRUssV0FBVyxDQUFDLENBQWE7UUFDL0IsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztnQkFDaEIsU0FBUyxFQUFFLElBQUk7Z0JBQ2YsV0FBVyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUU7Z0JBQ2xDLFdBQVcsRUFBRSxDQUFDO2FBQ2YsQ0FBQyxDQUFDO1FBQ0wsQ0FBQztJQUNILENBQUM7SUFDRDs7T0FFRztJQUVLLFdBQVcsQ0FBQyxDQUFhO1FBQy9CLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUQ7O09BRUc7SUFFSyxVQUFVLENBQUMsQ0FBYTtRQUM5QixJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRDs7T0FFRztJQUNILElBQ1ksV0FBVztRQUNyQixNQUFNLFVBQVUsR0FBRztZQUNqQixnQkFBZ0IsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJO1lBQzVCLG1CQUFtQixFQUFFLElBQUksQ0FBQyxRQUFRO1lBQ2xDLG1CQUFtQixFQUFFLElBQUksQ0FBQyxRQUFRO1lBQ2xDLFlBQVksRUFBRSxJQUFJLENBQUMsT0FBTztZQUMxQixnQkFBZ0IsRUFBRSxJQUFJO1NBQ3ZCLENBQUM7UUFDRixVQUFVLENBQUMsTUFBTSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUM7UUFDdEMsT0FBTyxNQUFNLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQzthQUM5QixNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUNuQixHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUNoQixJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDZixDQUFDOzhHQXBHVSxxQkFBcUI7a0dBQXJCLHFCQUFxQixrZkFGckIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLHFCQUFxQixFQUFFLENBQUMsaURBbkIvRDs7Ozs7Ozs7Ozs7OztHQWFULDh6aEZBS1MsMkJBQTJCOzsyRkFHMUIscUJBQXFCO2tCQXhCakMsU0FBUzsrQkFDRSxnQkFBZ0IsWUFFaEI7Ozs7Ozs7Ozs7Ozs7R0FhVCxpQkFDYyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFVBQ3ZDLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxXQUNwQixDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLGdCQUFnQixDQUFDLFdBQ2xELENBQUMsMkJBQTJCLENBQUMsYUFDM0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyx1QkFBdUIsRUFBRSxDQUFDOzhCQU96RSxJQUFJO3NCQURILEtBQUs7Z0JBZUssUUFBUTtzQkFEbEIsS0FBSztnQkFjTixPQUFPO3NCQUROLEtBQUs7Z0JBT04sSUFBSTtzQkFESCxLQUFLO2dCQU9OLElBQUk7c0JBREgsS0FBSztnQkFTTixPQUFPO3NCQUROLE1BQU07Z0JBT0MsV0FBVztzQkFEbEIsWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBY3pCLFdBQVc7c0JBRGxCLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQVN6QixVQUFVO3NCQURqQixZQUFZO3VCQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFTcEIsV0FBVztzQkFEdEIsV0FBVzt1QkFBQyxPQUFPO2dCQW1CVSxRQUFRO3NCQUFyQyxXQUFXO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBWENsaWNrRXZlbnQsXG4gIEFYQ29tcG9uZW50LFxuICBBWFN0eWxlQ29sb3JUeXBlLFxuICBNWENvbG9yQ29tcG9uZW50LFxuICBNWEludGVyYWN0aXZlQ29tcG9uZW50LFxufSBmcm9tICdAYWNvcmV4L2Nkay9jb21tb24nO1xuaW1wb3J0IHsgQVhEZWNvcmF0b3JHZW5lcmljQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2RlY29yYXRvcnMnO1xuXG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGNsYXNzZXMgfSBmcm9tICdwb2x5dHlwZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQVhCdXR0b25JdGVtTGlzdEl0ZW0ge1xuICBuYW1lOiBzdHJpbmc7XG4gIHRleHQ6IHN0cmluZztcbiAgaWNvbjogc3RyaW5nO1xuICBkaXZpZGVkPzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBjb2xvcj86IEFYU3R5bGVDb2xvclR5cGU7XG59XG5cbi8qKlxuICogUmVwcmVzZW50cyBhIGJ1dHRvbiBpdGVtIHdpdGggb3B0aW9uYWwgY29udGVudCBsaWtlIGljb25zLCB0ZXh0LCBhbmQgZHJvcGRvd25zLlxuICpcbiAqIEBjYXRlZ29yeSBDb21wb25lbnRzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWJ1dHRvbi1pdGVtJyxcbiAgc3R5bGVVcmw6ICdidXR0b24taXRlbS5jb21wb25lbnQuc2NzcycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImF4LWFjdGlvbi1pdGVtLXByZWZpeFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtcHJlZml4XCI+IDwvbmctY29udGVudD5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWxvYWRpbmdcIj4gPC9uZy1jb250ZW50PlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtaWNvblwiPiA8L25nLWNvbnRlbnQ+XG4gICAgICBAaWYgKHRleHQpIHtcbiAgICAgICAgPGF4LXRleHQ+e3sgdGV4dCB9fTwvYXgtdGV4dD5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiYXgtYWN0aW9uLWl0ZW0tc3VmZml4XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj4gPC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWRyb3Bkb3duLXBhbmVsXCI+IDwvbmctY29udGVudD5cbiAgYCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGlucHV0czogWydjb2xvcicsICdkaXNhYmxlZCddLFxuICBvdXRwdXRzOiBbJ29uQ2xpY2snLCAnb25Gb2N1cycsICdvbkJsdXInLCAnZGlzYWJsZWRDaGFuZ2UnXSxcbiAgaW1wb3J0czogW0FYRGVjb3JhdG9yR2VuZXJpY0NvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQVhDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWEJ1dHRvbkl0ZW1Db21wb25lbnQgfV0sXG59KVxuZXhwb3J0IGNsYXNzIEFYQnV0dG9uSXRlbUNvbXBvbmVudCBleHRlbmRzIGNsYXNzZXMoTVhJbnRlcmFjdGl2ZUNvbXBvbmVudCwgTVhDb2xvckNvbXBvbmVudCkge1xuICAvKipcbiAgICogVGV4dCBkaXNwbGF5ZWQgb24gdGhlIGJ1dHRvbiBpdGVtLlxuICAgKi9cbiAgQElucHV0KClcbiAgdGV4dDogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBfc2VsZWN0ZWQ6IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB3aGV0aGVyIHRoZSBidXR0b24gaXRlbSBpcyBzZWxlY3RlZC5cbiAgICpcbiAgICogQHBhcmFtIHYgLSBBIGJvb2xlYW4gaW5kaWNhdGluZyB0aGUgc2VsZWN0ZWQgc3RhdGUuXG4gICAqIFVwZGF0ZXMgdGhlIHZpZXcgd2hlbiB0aGUgdmFsdWUgY2hhbmdlcy5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBnZXQgc2VsZWN0ZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX3NlbGVjdGVkO1xuICB9XG4gIHB1YmxpYyBzZXQgc2VsZWN0ZWQodjogYm9vbGVhbikge1xuICAgIHRoaXMuX3NlbGVjdGVkID0gdjtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBpdGVtIGlzIHZpc3VhbGx5IHNlcGFyYXRlZCBmcm9tIG90aGVyIGl0ZW1zLlxuICAgKiAgQGRlZmF1bHRWYWx1ZSBmYWxzZVxuICAgKi9cbiAgQElucHV0KClcbiAgZGl2aWRlZCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBEYXRhIGFzc29jaWF0ZWQgd2l0aCB0aGUgYnV0dG9uIGl0ZW0uXG4gICAqL1xuICBASW5wdXQoKVxuICBkYXRhOiB1bmtub3duO1xuXG4gIC8qKlxuICAgKiBUaGUgbmFtZSBvZiB0aGUgYnV0dG9uIGl0ZW0uXG4gICAqL1xuICBASW5wdXQoKVxuICBuYW1lOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEVtaXR0ZWQgd2hlbiB0aGUgYnV0dG9uIGl0ZW0gaXMgY2xpY2tlZC5cbiAgICogQGV2ZW50XG4gICAqIFRoZSBlbWl0dGVkIHZhbHVlIGlzIGFuIGBBWENsaWNrRXZlbnRgIG9iamVjdCBjb250YWluaW5nIGV2ZW50IGRldGFpbHMuXG4gICAqL1xuICBAT3V0cHV0KClcbiAgb25DbGljazogRXZlbnRFbWl0dGVyPEFYQ2xpY2tFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYQ2xpY2tFdmVudD4oKTtcblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSlcbiAgcHJpdmF0ZSBfX2hvc3RDbGljayhlOiBNb3VzZUV2ZW50KSB7XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XG4gICAgICB0aGlzLm9uQ2xpY2suZW1pdCh7XG4gICAgICAgIGNvbXBvbmVudDogdGhpcyxcbiAgICAgICAgaHRtbEVsZW1lbnQ6IHRoaXMuZ2V0SG9zdEVsZW1lbnQoKSxcbiAgICAgICAgbmF0aXZlRXZlbnQ6IGUsXG4gICAgICB9KTtcbiAgICB9XG4gIH1cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBASG9zdExpc3RlbmVyKCdmb2N1cycsIFsnJGV2ZW50J10pXG4gIHByaXZhdGUgX19ob3N0Rm9jdXMoZTogRm9jdXNFdmVudCkge1xuICAgIHRoaXMuZW1pdE9uRm9jdXNFdmVudChlKTtcbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgQEhvc3RMaXN0ZW5lcignYmx1cicsIFsnJGV2ZW50J10pXG4gIHByaXZhdGUgX19ob3N0Qmx1cihlOiBGb2N1c0V2ZW50KSB7XG4gICAgdGhpcy5lbWl0T25CbHVyRXZlbnQoZSk7XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmcge1xuICAgIGNvbnN0IGNzc0NsYXNzZXMgPSB7XG4gICAgICAnYXgtYnV0dG9uLWljb24nOiAhdGhpcy50ZXh0LFxuICAgICAgJ2F4LXN0YXRlLWRpc2FibGVkJzogdGhpcy5kaXNhYmxlZCxcbiAgICAgICdheC1zdGF0ZS1zZWxlY3RlZCc6IHRoaXMuc2VsZWN0ZWQsXG4gICAgICAnYXgtZGl2aWRlZCc6IHRoaXMuZGl2aWRlZCxcbiAgICAgICdheC1hY3Rpb24taXRlbSc6IHRydWUsXG4gICAgfTtcbiAgICBjc3NDbGFzc2VzW2BheC0ke3RoaXMuY29sb3J9YF0gPSB0cnVlO1xuICAgIHJldHVybiBPYmplY3QuZW50cmllcyhjc3NDbGFzc2VzKVxuICAgICAgLmZpbHRlcigoYykgPT4gY1sxXSlcbiAgICAgIC5tYXAoKGMpID0+IGNbMF0pXG4gICAgICAuam9pbignICcpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2F0dHIudGFiaW5kZXgnKSB0YWJpbmRleCA9ICcwJztcbn1cbiJdfQ==","import { AXClosableComponent, AXComponent, MXInteractiveComponent, } from '@acorex/cdk/common';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, HostBinding, Output, QueryList, ViewEncapsulation, afterNextRender, inject, input, } from '@angular/core';\nimport { AXButtonItemComponent } from './button-item.component';\nimport * as i0 from \"@angular/core\";\n/**\n * A component for rendering a list of button items with optional dividers between them.\n *\n * @category Components\n */\nexport class AXButtonItemListComponent extends MXInteractiveComponent {\n /**\n * @ignore\n */\n constructor() {\n super();\n this.parent = inject(AXClosableComponent, { optional: true });\n /**\n * The list of button items to display.\n *\n * @defaultValue []\n */\n this.items = input([]);\n /**\n * Emits an event when an item is clicked.\n * The event contains details about the clicked item.\n *\n * @event {AXItemClickEvent<AXButtonItemComponent>} - The event object containing clicked item details.\n */\n this.onItemClick = new EventEmitter();\n afterNextRender(() => {\n this._initContents();\n this._contentButtons.changes.subscribe(() => {\n this._initContents();\n });\n });\n }\n /**\n * @ignore\n */\n _initContents() {\n this._bindEvents();\n this._bindProps();\n this.cdr.markForCheck();\n }\n /**\n * @ignore\n */\n _bindEvents() {\n this._contentButtons?.forEach((b) => {\n if (!b.onClick.length)\n b.onClick.subscribe((c) => {\n this._handleOnItemClick(c);\n });\n });\n }\n /**\n * @ignore\n */\n _bindProps() {\n this._contentButtons?.forEach((b) => {\n b.disabled = b.disabled ?? this.disabled;\n });\n }\n /**\n * @ignore\n */\n _handleOnItemClick(e) {\n this.parent?.close();\n this._emitOnItemClickEvent(e, e.component);\n }\n /**\n * @ignore\n */\n _emitOnItemClickEvent(e, item) {\n this.onItemClick.emit({\n component: this,\n item,\n htmlElement: this.getHostElement(),\n nativeEvent: e.nativeEvent,\n name: item.name,\n data: item.data,\n });\n }\n /**\n * @ignore\n */\n get __hostClass() {\n return `ax-action-list ax-action-list-vertical`;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: AXButtonItemListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.3\", type: AXButtonItemListComponent, isStandalone: true, selector: \"ax-button-item-list\", inputs: { items: { classPropertyName: \"items\", publicName: \"items\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onItemClick: \"onItemClick\" }, host: { properties: { \"class\": \"this.__hostClass\" } }, providers: [{ provide: AXComponent, useExisting: AXButtonItemListComponent }], queries: [{ propertyName: \"_contentButtons\", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: `\n @for (item of items(); track item.name) {\n <ax-button-item\n [text]=\"item.text\"\n [name]=\"item.name\"\n [disabled]=\"item.disabled\"\n [color]=\"item.color\"\n (onClick)=\"_handleOnItemClick($event)\"\n >\n @if (item.icon) {\n <ax-prefix>\n <ax-icon [icon]=\"item.icon\"></ax-icon>\n </ax-prefix>\n }\n </ax-button-item>\n @if (item.divided) {\n <ax-divider></ax-divider>\n }\n }\n <ng-content></ng-content>\n `, isInline: true, styles: [\"ax-button-item-list.ax-action-list{padding-block:var(--ax-comp-button-item-list-padding-block, .25rem)}\\n\"], dependencies: [{ kind: \"component\", type: AXButtonItemComponent, selector: \"ax-button-item\", inputs: [\"color\", \"disabled\", \"text\", \"selected\", \"divided\", \"data\", \"name\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\", \"disabledChange\"] }, { kind: \"component\", type: AXDecoratorGenericComponent, selector: \"ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay\" }, { kind: \"component\", type: AXDecoratorIconComponent, selector: \"ax-icon\", inputs: [\"icon\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: AXButtonItemListComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ax-button-item-list', template: `\n @for (item of items(); track item.name) {\n <ax-button-item\n [text]=\"item.text\"\n [name]=\"item.name\"\n [disabled]=\"item.disabled\"\n [color]=\"item.color\"\n (onClick)=\"_handleOnItemClick($event)\"\n >\n @if (item.icon) {\n <ax-prefix>\n <ax-icon [icon]=\"item.icon\"></ax-icon>\n </ax-prefix>\n }\n </ax-button-item>\n @if (item.divided) {\n <ax-divider></ax-divider>\n }\n }\n <ng-content></ng-content>\n `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXButtonItemComponent, AXDecoratorGenericComponent, AXDecoratorIconComponent], providers: [{ provide: AXComponent, useExisting: AXButtonItemListComponent }], styles: [\"ax-button-item-list.ax-action-list{padding-block:var(--ax-comp-button-item-list-padding-block, .25rem)}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { _contentButtons: [{\n type: ContentChildren,\n args: [AXButtonItemComponent]\n }], onItemClick: [{\n type: Output\n }], __hostClass: [{\n type: HostBinding,\n args: ['class']\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWl0ZW0tbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2J1dHRvbi9zcmMvbGliL2J1dHRvbi1pdGVtLWxpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxtQkFBbUIsRUFDbkIsV0FBVyxFQUVYLHNCQUFzQixHQUN2QixNQUFNLG9CQUFvQixDQUFDO0FBQzVCLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3RHLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULGVBQWUsRUFDZixZQUFZLEVBQ1osV0FBVyxFQUNYLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLGVBQWUsRUFDZixNQUFNLEVBQ04sS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBd0IsTUFBTSx5QkFBeUIsQ0FBQzs7QUFFdEY7Ozs7R0FJRztBQThCSCxNQUFNLE9BQU8seUJBQTBCLFNBQVEsc0JBQXNCO0lBd0JuRTs7T0FFRztJQUNIO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUEzQkYsV0FBTSxHQUFHLE1BQU0sQ0FBc0IsbUJBQW1CLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUt0Rjs7OztXQUlHO1FBQ0gsVUFBSyxHQUFHLEtBQUssQ0FBeUIsRUFBRSxDQUFDLENBQUM7UUFFMUM7Ozs7O1dBS0c7UUFFSCxnQkFBVyxHQUEwRCxJQUFJLFlBQVksRUFFbEYsQ0FBQztRQU9GLGVBQWUsQ0FBQyxHQUFHLEVBQUU7WUFDbkIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7Z0JBQzFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUN2QixDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVEOztPQUVHO0lBQ0ssYUFBYTtRQUNuQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ2xCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVEOztPQUVHO0lBQ0ssV0FBVztRQUNqQixJQUFJLENBQUMsZUFBZSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ2xDLElBQUksQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLE1BQU07Z0JBQ25CLENBQUMsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7b0JBQ3hCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDN0IsQ0FBQyxDQUFDLENBQUM7UUFDUCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNLLFVBQVU7UUFDaEIsSUFBSSxDQUFDLGVBQWUsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUNsQyxDQUFDLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUMzQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNPLGtCQUFrQixDQUFDLENBQWU7UUFDMUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMscUJBQXFCLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBRUQ7O09BRUc7SUFDSCxxQkFBcUIsQ0FBQyxDQUFlLEVBQUUsSUFBMkI7UUFDaEUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUM7WUFDcEIsU0FBUyxFQUFFLElBQUk7WUFDZixJQUFJO1lBQ0osV0FBVyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDbEMsV0FBVyxFQUFFLENBQUMsQ0FBQyxXQUFXO1lBQzFCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtZQUNmLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtTQUNoQixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUNZLFdBQVc7UUFDckIsT0FBTyx3Q0FBd0MsQ0FBQztJQUNsRCxDQUFDOzhHQS9GVSx5QkFBeUI7a0dBQXpCLHlCQUF5QixzU0FGekIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLHlCQUF5QixFQUFFLENBQUMsMERBSzVELHFCQUFxQixvREE5QjVCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CVCxtTEFJUyxxQkFBcUIsc01BQUUsMkJBQTJCLHlMQUFFLHdCQUF3Qjs7MkZBRzNFLHlCQUF5QjtrQkE3QnJDLFNBQVM7K0JBQ0UscUJBQXFCLFlBQ3JCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxXQUM1QixDQUFDLHFCQUFxQixFQUFFLDJCQUEyQixFQUFFLHdCQUF3QixDQUFDLGFBQzVFLENBQUMsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsMkJBQTJCLEVBQUUsQ0FBQzt3REFNbkUsZUFBZTtzQkFEeEIsZUFBZTt1QkFBQyxxQkFBcUI7Z0JBaUJ0QyxXQUFXO3NCQURWLE1BQU07Z0JBMEVLLFdBQVc7c0JBRHRCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFYQ2xpY2tFdmVudCxcbiAgQVhDbG9zYWJsZUNvbXBvbmVudCxcbiAgQVhDb21wb25lbnQsXG4gIEFYSXRlbUNsaWNrRXZlbnQsXG4gIE1YSW50ZXJhY3RpdmVDb21wb25lbnQsXG59IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQgeyBBWERlY29yYXRvckdlbmVyaWNDb21wb25lbnQsIEFYRGVjb3JhdG9ySWNvbkNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0QmluZGluZyxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3QsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBhZnRlck5leHRSZW5kZXIsXG4gIGluamVjdCxcbiAgaW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhCdXR0b25JdGVtQ29tcG9uZW50LCBBWEJ1dHRvbkl0ZW1MaXN0SXRlbSB9IGZyb20gJy4vYnV0dG9uLWl0ZW0uY29tcG9uZW50JztcblxuLyoqXG4gKiBBIGNvbXBvbmVudCBmb3IgcmVuZGVyaW5nIGEgbGlzdCBvZiBidXR0b24gaXRlbXMgd2l0aCBvcHRpb25hbCBkaXZpZGVycyBiZXR3ZWVuIHRoZW0uXG4gKlxuICogQGNhdGVnb3J5IENvbXBvbmVudHNcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtYnV0dG9uLWl0ZW0tbGlzdCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgQGZvciAoaXRlbSBvZiBpdGVtcygpOyB0cmFjayBpdGVtLm5hbWUpIHtcbiAgICAgIDxheC1idXR0b24taXRlbVxuICAgICAgICBbdGV4dF09XCJpdGVtLnRleHRcIlxuICAgICAgICBbbmFtZV09XCJpdGVtLm5hbWVcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiXG4gICAgICAgIFtjb2xvcl09XCJpdGVtLmNvbG9yXCJcbiAgICAgICAgKG9uQ2xpY2spPVwiX2hhbmRsZU9uSXRlbUNsaWNrKCRldmVudClcIlxuICAgICAgPlxuICAgICAgICBAaWYgKGl0ZW0uaWNvbikge1xuICAgICAgICAgIDxheC1wcmVmaXg+XG4gICAgICAgICAgICA8YXgtaWNvbiBbaWNvbl09XCJpdGVtLmljb25cIj48L2F4LWljb24+XG4gICAgICAgICAgPC9heC1wcmVmaXg+XG4gICAgICAgIH1cbiAgICAgIDwvYXgtYnV0dG9uLWl0ZW0+XG4gICAgICBAaWYgKGl0ZW0uZGl2aWRlZCkge1xuICAgICAgICA8YXgtZGl2aWRlcj48L2F4LWRpdmlkZXI+XG4gICAgICB9XG4gICAgfVxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLWl0ZW0tbGlzdC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaW1wb3J0czogW0FYQnV0dG9uSXRlbUNvbXBvbmVudCwgQVhEZWNvcmF0b3JHZW5lcmljQ29tcG9uZW50LCBBWERlY29yYXRvckljb25Db21wb25lbnRdLFxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IEFYQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhCdXR0b25JdGVtTGlzdENvbXBvbmVudCB9XSxcbn0pXG5leHBvcnQgY2xhc3MgQVhCdXR0b25JdGVtTGlzdENvbXBvbmVudCBleHRlbmRzIE1YSW50ZXJhY3RpdmVDb21wb25lbnQge1xuICBwcml2YXRlIHBhcmVudCA9IGluamVjdDxBWENsb3NhYmxlQ29tcG9uZW50PihBWENsb3NhYmxlQ29tcG9uZW50LCB7IG9wdGlvbmFsOiB0cnVlIH0pO1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oQVhCdXR0b25JdGVtQ29tcG9uZW50KVxuICBwcm90ZWN0ZWQgX2NvbnRlbnRCdXR0b25zOiBRdWVyeUxpc3Q8QVhCdXR0b25JdGVtQ29tcG9uZW50PjtcblxuICAvKipcbiAgICogVGhlIGxpc3Qgb2YgYnV0dG9uIGl0ZW1zIHRvIGRpc3BsYXkuXG4gICAqXG4gICAqIEBkZWZhdWx0VmFsdWUgW11cbiAgICovXG4gIGl0ZW1zID0gaW5wdXQ8QVhCdXR0b25JdGVtTGlzdEl0ZW1bXT4oW10pO1xuXG4gIC8qKlxuICAgKiBFbWl0cyBhbiBldmVudCB3aGVuIGFuIGl0ZW0gaXMgY2xpY2tlZC5cbiAgICogVGhlIGV2ZW50IGNvbnRhaW5zIGRldGFpbHMgYWJvdXQgdGhlIGNsaWNrZWQgaXRlbS5cbiAgICpcbiAgICogQGV2ZW50IHtBWEl0ZW1DbGlja0V2ZW50PEFYQnV0dG9uSXRlbUNvbXBvbmVudD59IC0gVGhlIGV2ZW50IG9iamVjdCBjb250YWluaW5nIGNsaWNrZWQgaXRlbSBkZXRhaWxzLlxuICAgKi9cbiAgQE91dHB1dCgpXG4gIG9uSXRlbUNsaWNrOiBFdmVudEVtaXR0ZXI8QVhJdGVtQ2xpY2tFdmVudDxBWEJ1dHRvbkl0ZW1Db21wb25lbnQ+PiA9IG5ldyBFdmVudEVtaXR0ZXI8XG4gICAgQVhJdGVtQ2xpY2tFdmVudDxBWEJ1dHRvbkl0ZW1Db21wb25lbnQ+XG4gID4oKTtcblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgYWZ0ZXJOZXh0UmVuZGVyKCgpID0+IHtcbiAgICAgIHRoaXMuX2luaXRDb250ZW50cygpO1xuICAgICAgdGhpcy5fY29udGVudEJ1dHRvbnMuY2hhbmdlcy5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICB0aGlzLl9pbml0Q29udGVudHMoKTtcbiAgICAgIH0pO1xuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcml2YXRlIF9pbml0Q29udGVudHMoKSB7XG4gICAgdGhpcy5fYmluZEV2ZW50cygpO1xuICAgIHRoaXMuX2JpbmRQcm9wcygpO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcml2YXRlIF9iaW5kRXZlbnRzKCkge1xuICAgIHRoaXMuX2NvbnRlbnRCdXR0b25zPy5mb3JFYWNoKChiKSA9PiB7XG4gICAgICBpZiAoIWIub25DbGljay5sZW5ndGgpXG4gICAgICAgIGIub25DbGljay5zdWJzY3JpYmUoKGMpID0+IHtcbiAgICAgICAgICB0aGlzLl9oYW5kbGVPbkl0ZW1DbGljayhjKTtcbiAgICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgX2JpbmRQcm9wcygpIHtcbiAgICB0aGlzLl9jb250ZW50QnV0dG9ucz8uZm9yRWFjaCgoYikgPT4ge1xuICAgICAgYi5kaXNhYmxlZCA9IGIuZGlzYWJsZWQgPz8gdGhpcy5kaXNhYmxlZDtcbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJvdGVjdGVkIF9oYW5kbGVPbkl0ZW1DbGljayhlOiBBWENsaWNrRXZlbnQpIHtcbiAgICB0aGlzLnBhcmVudD8uY2xvc2UoKTtcbiAgICB0aGlzLl9lbWl0T25JdGVtQ2xpY2tFdmVudChlLCBlLmNvbXBvbmVudCk7XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIF9lbWl0T25JdGVtQ2xpY2tFdmVudChlOiBBWENsaWNrRXZlbnQsIGl0ZW06IEFYQnV0dG9uSXRlbUNvbXBvbmVudCk6IHZvaWQge1xuICAgIHRoaXMub25JdGVtQ2xpY2suZW1pdCh7XG4gICAgICBjb21wb25lbnQ6IHRoaXMsXG4gICAgICBpdGVtLFxuICAgICAgaHRtbEVsZW1lbnQ6IHRoaXMuZ2V0SG9zdEVsZW1lbnQoKSxcbiAgICAgIG5hdGl2ZUV2ZW50OiBlLm5hdGl2ZUV2ZW50LFxuICAgICAgbmFtZTogaXRlbS5uYW1lLFxuICAgICAgZGF0YTogaXRlbS5kYXRhLFxuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYGF4LWFjdGlvbi1saXN0IGF4LWFjdGlvbi1saXN0LXZlcnRpY2FsYDtcbiAgfVxufVxuIl19","import { AXComponent, AXFocusableComponent, AXRippleDirective, MXButtonBaseComponent, } from '@acorex/cdk/common';\nimport { AXLoadingComponent } from '@acorex/components/loading';\nimport { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, ViewEncapsulation, computed, contentChild, input, model, } from '@angular/core';\nimport { AXButtonItemComponent } from './button-item.component';\nimport * as i0 from \"@angular/core\";\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\nexport class AXButtonComponent extends MXButtonBaseComponent {\n constructor() {\n super(...arguments);\n this.iconOnly = input(false);\n this.showIcon = computed(() => {\n return !this.hasLoadingIcon();\n });\n this.loadingIcon = contentChild(AXLoadingComponent);\n this.hasLoadingIcon = computed(() => this.loadingIcon() != null);\n /**\n * Fires each time the user clicks the button.\n * @event\n */\n this.onClick = new EventEmitter();\n /**\n * Specifies the type of button to be used in the action sheet.\n *\n * @defaultValue 'button'\n */\n this.type = input('button');\n /**\n * Defines the text displayed while the action sheet is loading.\n *\n * @defaultValue null\n */\n this.loadingText = model(null);\n }\n /**\n * @ignore\n */\n ngAfterViewInit() {\n // import(\"@acorex/styles/button/solid\")\n this.getHostElement().removeAttribute('tabindex');\n }\n /**\n * @ignore\n */\n getButton() {\n return this.getHostElement().firstElementChild;\n }\n /**\n * @ignore\n */\n _handleClick(e) {\n if (this.disabled) {\n e.preventDefault();\n return;\n }\n if (this.toggleable) {\n this.selected = !this.selected;\n }\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n // TODO: check keyboard event\n setTimeout(() => {\n this.blur();\n });\n }\n /**\n * Triggers a click event on the button element.\n */\n click() {\n this.getButton()?.click();\n }\n /**\n * @ignore\n */\n get __hostClass() {\n const list = Object.entries(this.cssClasses)\n .filter((c) => c[1])\n .map((c) => c[0]);\n if (this.iconOnly()) {\n list.push('ax-button-icon');\n }\n return list;\n }\n /**\n * Sets focus on the button element and adds a focus style class.\n *\n */\n focus() {\n this.getButton()?.focus();\n this.getButton().classList.add('ax-state-focus');\n }\n /**\n * Removes the focus style class from the button element\n * when the button loses focus.\n */\n blur() {\n this.getButton().classList.remove('ax-state-focus');\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: AXButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.3\", type: AXButtonComponent, isStandalone: true, selector: \"ax-button\", inputs: { disabled: { classPropertyName: \"disabled\", publicName: \"disabled\", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: \"size\", publicName: \"size\", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: \"tabIndex\", publicName: \"tabIndex\", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: \"color\", publicName: \"color\", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: \"look\", publicName: \"look\", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: \"text\", publicName: \"text\", isSignal: false, isRequired: false, transformFunction: null }, toggleable: { classPropertyName: \"toggleable\", publicName: \"toggleable\", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: \"selected\", publicName: \"selected\", isSignal: false, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: \"iconOnly\", publicName: \"iconOnly\", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: \"type\", publicName: \"type\", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: \"loadingText\", publicName: \"loadingText\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onBlur: \"onBlur\", onFocus: \"onFocus\", onClick: \"onClick\", selectedChange: \"selectedChange\", toggleableChange: \"toggleableChange\", lookChange: \"lookChange\", colorChange: \"colorChange\", disabledChange: \"disabledChange\", loadingText: \"loadingTextChange\" }, host: { properties: { \"class\": \"this.__hostClass\" } }, providers: [\n { provide: AXComponent, useExisting: AXButtonComponent },\n { provide: AXButtonItemComponent, useExisting: AXButtonComponent },\n { provide: AXFocusableComponent, useExisting: AXButtonComponent },\n ], queries: [{ propertyName: \"loadingIcon\", first: true, predicate: AXLoadingComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: \"<button\\n [axRipple]\\n [disabled]=\\\"disabled\\\"\\n [attr.tabindex]=\\\"tabIndex\\\"\\n (focus)=\\\"emitOnFocusEvent($event)\\\"\\n (blur)=\\\"emitOnBlurEvent($event)\\\"\\n (click)=\\\"_handleClick($event)\\\"\\n [attr.type]=\\\"type()\\\"\\n>\\n <ng-content select=\\\"ax-loading, ax-loading-spinner\\\"> </ng-content>\\n\\n @if (showIcon()) {\\n <ng-content select=\\\"ax-prefix, ax-icon\\\"> </ng-content>\\n }\\n\\n <ng-content select=\\\"ax-content\\\"> </ng-content>\\n\\n @if (text && !loadingText() && !iconOnly()) {\\n <span class=\\\"ax-button-text\\\">{{ text }}</span>\\n }\\n\\n @if (loadingText()) {\\n <span class=\\\"ax-button-text\\\">{{ loadingText() }}</span>\\n }\\n\\n <ng-content select=\\\"ax-suffix\\\"> </ng-content>\\n <ng-content select=\\\"ax-dropdown-panel\\\"> </ng-content>\\n <ng-content select=\\\".tab-content\\\"> </ng-content>\\n\\n <ng-content></ng-content>\\n</button>\\n\", styles: [\"ax-button{--ax-comp-button-padding-y: 0;--ax-comp-button-border-radius: var(--ax-sys-border-radius);--ax-comp-button-height: calc(var(--ax-sys-size-base) * var(--ax-comp-button-size-ratio, 1));--ax-comp-button-text-padding-x: .5rem}ax-button ax-prefix{display:flex;padding-inline-start:var(--ax-comp-button-decorator-padding-x)}ax-button ax-suffix{display:flex;padding-inline-end:var(--ax-comp-button-decorator-padding-x)}ax-button.ax-button-icon{--ax-comp-button-decorator-padding-x: 0 !important;font-size:var(--ax-comp-button-icon-only-font-size)}.ax-xs ax-button,ax-button.ax-xs{--ax-comp-button-font-size: .75rem;--ax-comp-button-padding-x: .25rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: .875rem}.ax-sm ax-button,ax-button.ax-sm{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: .5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1rem}.ax-md ax-button,ax-button{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: 1rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: 1.25rem}.ax-lg ax-button,ax-button.ax-lg{--ax-comp-button-font-size: 1.125rem;--ax-comp-button-padding-x: 1.125rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.5rem}.ax-xl ax-button,ax-button.ax-xl{--ax-comp-button-font-size: 1.5rem;--ax-comp-button-padding-x: 1.5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.75rem}ax-button.ax-solid{--ax-comp-button-border-width: 1px}ax-button.ax-solid>button:focus-visible,ax-button.ax-solid>button.ax-state-focus{outline:2px solid;outline-offset:3px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-solid.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-darkest-surface)}ax-button.ax-solid.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-darkest-surface)}ax-button.ax-solid.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-darkest-surface)}ax-button.ax-solid.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-darkest-surface)}ax-button.ax-solid.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-darkest-surface)}ax-button.ax-solid.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-darkest-surface)}ax-button.ax-solid.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-darkest-surface)}ax-button.ax-solid.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-darkest-surface)}ax-button.ax-solid.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-darkest-surface)}ax-button.ax-solid.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-darkest-surface)}ax-button.ax-solid.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accnt6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-darkest-surface)}ax-button.ax-solid.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-darkest-surface)}ax-button.ax-solid.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-solid.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-outline.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline{--ax-comp-button-border-width: 1px;--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-hover-bg-color: transparent;--ax-comp-button-pressed-bg-color: transparent;--ax-comp-button-focused-bg-color: transparent}ax-button.ax-outline>button:focus-visible,ax-button.ax-outline>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-outline.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-outline.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-outline.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-outline.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-outline.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-outline.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-outline.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-outline.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-outline.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-outline.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-outline.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-outline.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-darker-surface)}.ax-dark ax-button.ax-twotone.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-lighter-surface)}ax-button.ax-twotone{--ax-comp-button-border-width: 1px}ax-button.ax-twotone>button:focus-visible,ax-button.ax-twotone>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-twotone.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-twotone.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-twotone.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-twotone.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-twotone.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-twotone.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-twotone.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-twotone.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-twotone.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-twotone.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-twotone.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accnt6-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accnt6-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-twotone.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-blank.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-blank.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-blank{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-blank>button:focus-visible,ax-button.ax-blank>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-blank.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface)}ax-button.ax-blank.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-blank.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface)}ax-button.ax-blank.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface)}ax-button.ax-blank.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface)}ax-button.ax-blank.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-blank.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-blank.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-blank.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-blank.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-blank.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-blank.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-link.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-link.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-link{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-link>button:focus-visible,ax-button.ax-link>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-link.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface)}ax-button.ax-link.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface)}ax-button.ax-link.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface)}ax-button.ax-link.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface)}ax-button.ax-link.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface)}ax-button.ax-link.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface)}ax-button.ax-link.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface)}ax-button.ax-link.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface)}ax-button.ax-link.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface)}ax-button.ax-link.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface)}ax-button.ax-link.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface)}ax-button.ax-link.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface)}ax-button-item.ax-primary{--ax-comp-button-item-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-primary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-primary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-primary-surface)}ax-button-item.ax-secondary{--ax-comp-button-item-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-secondary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-secondary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-secondary-surface)}ax-button-item.ax-success{--ax-comp-button-item-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-success-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-success-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-success-surface)}ax-button-item.ax-warning{--ax-comp-button-item-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-warning-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-warning-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-warning-surface)}ax-button-item.ax-danger{--ax-comp-button-item-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-danger-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-danger-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-danger-surface)}ax-button-item.ax-accent1{--ax-comp-button-item-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent1-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent1-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent1-surface)}ax-button-item.ax-accent2{--ax-comp-button-item-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent2-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent2-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent2-surface)}ax-button-item.ax-accent3{--ax-comp-button-item-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent3-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent3-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent3-surface)}ax-button-item.ax-accent4{--ax-comp-button-item-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent4-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent4-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent4-surface)}ax-button-item.ax-accent5{--ax-comp-button-item-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent5-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent5-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent5-surface)}ax-button-item.ax-accnt6{--ax-comp-button-item-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accnt6-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accnt6-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accnt6-surface)}ax-button-item.ax-accent7{--ax-comp-button-item-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent7-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent7-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent7-surface)}ax-button{position:relative;display:inline-flex;cursor:pointer;align-items:center;justify-content:center;transition-property:background-color,border-color,color;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);color:rgba(var(--ax-comp-button-normal-text-color));background-color:rgba(var(--ax-comp-button-normal-bg-color));border-color:rgba(var(--ax-comp-button-normal-border-color));border-width:var(--ax-comp-button-border-width, 0px);font-family:var(--ax-comp-button-font-family);font-size:var(--ax-comp-button-font-size);font-weight:var(--ax-comp-button-font-weight);border-radius:var(--ax-comp-button-border-radius);height:var(--ax-comp-button-height);line-height:var(--ax-comp-button-height)}ax-button>button{position:relative;display:inline-flex;height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit;outline-color:transparent;-webkit-user-select:none;user-select:none;padding:var(--ax-comp-button-padding-y) var(--ax-comp-button-padding-x)}ax-button>button .ax-button-text{white-space:nowrap;padding:0 var(--ax-comp-button-text-padding-x);font-weight:500}ax-button:hover:not(ax-button:hover.ax-state-disabled,ax-button:hover.ax-state-loading,ax-button:hover.ax-state-selected){color:rgba(var(--ax-comp-button-hover-text-color));background-color:rgba(var(--ax-comp-button-hover-bg-color));border-color:rgba(var(--ax-comp-button-hover-border-color))}ax-button:active:not(ax-button:active.ax-state-disabled,ax-button:active.ax-state-loading,ax-button:active.ax-state-selected){color:rgba(var(--ax-comp-button-pressed-text-color));background-color:rgba(var(--ax-comp-button-pressed-bg-color));border-color:rgba(var(--ax-comp-button-pressed-border-color))}ax-button.ax-state-disabled,ax-button.ax-state-loading{opacity:.5}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{cursor:not-allowed}ax-button.ax-button-icon{height:var(--ax-comp-button-height);width:var(--ax-comp-button-height)}ax-button.ax-state-selected{color:rgba(var(--ax-comp-button-selected-text-color));background-color:rgba(var(--ax-comp-button-selected-bg-color));border-color:rgba(var(--ax-comp-button-selected-border-color))}\\n\"], dependencies: [{ kind: \"directive\", type: AXRippleDirective, selector: \"[axRipple]\", inputs: [\"axRipple\", \"axRippleColor\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: AXButtonComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ax-button', inputs: ['disabled', 'size', 'tabIndex', 'color', 'look', 'text', 'toggleable', 'selected'], outputs: [\n 'onBlur',\n 'onFocus',\n 'onClick',\n 'selectedChange',\n 'toggleableChange',\n 'lookChange',\n 'colorChange',\n 'disabledChange',\n ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [\n { provide: AXComponent, useExisting: AXButtonComponent },\n { provide: AXButtonItemComponent, useExisting: AXButtonComponent },\n { provide: AXFocusableComponent, useExisting: AXButtonComponent },\n ], imports: [AXRippleDirective], template: \"<button\\n [axRipple]\\n [disabled]=\\\"disabled\\\"\\n [attr.tabindex]=\\\"tabIndex\\\"\\n (focus)=\\\"emitOnFocusEvent($event)\\\"\\n (blur)=\\\"emitOnBlurEvent($event)\\\"\\n (click)=\\\"_handleClick($event)\\\"\\n [attr.type]=\\\"type()\\\"\\n>\\n <ng-content select=\\\"ax-loading, ax-loading-spinner\\\"> </ng-content>\\n\\n @if (showIcon()) {\\n <ng-content select=\\\"ax-prefix, ax-icon\\\"> </ng-content>\\n }\\n\\n <ng-content select=\\\"ax-content\\\"> </ng-content>\\n\\n @if (text && !loadingText() && !iconOnly()) {\\n <span class=\\\"ax-button-text\\\">{{ text }}</span>\\n }\\n\\n @if (loadingText()) {\\n <span class=\\\"ax-button-text\\\">{{ loadingText() }}</span>\\n }\\n\\n <ng-content select=\\\"ax-suffix\\\"> </ng-content>\\n <ng-content select=\\\"ax-dropdown-panel\\\"> </ng-content>\\n <ng-content select=\\\".tab-content\\\"> </ng-content>\\n\\n <ng-content></ng-content>\\n</button>\\n\", styles: [\"ax-button{--ax-comp-button-padding-y: 0;--ax-comp-button-border-radius: var(--ax-sys-border-radius);--ax-comp-button-height: calc(var(--ax-sys-size-base) * var(--ax-comp-button-size-ratio, 1));--ax-comp-button-text-padding-x: .5rem}ax-button ax-prefix{display:flex;padding-inline-start:var(--ax-comp-button-decorator-padding-x)}ax-button ax-suffix{display:flex;padding-inline-end:var(--ax-comp-button-decorator-padding-x)}ax-button.ax-button-icon{--ax-comp-button-decorator-padding-x: 0 !important;font-size:var(--ax-comp-button-icon-only-font-size)}.ax-xs ax-button,ax-button.ax-xs{--ax-comp-button-font-size: .75rem;--ax-comp-button-padding-x: .25rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: .875rem}.ax-sm ax-button,ax-button.ax-sm{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: .5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1rem}.ax-md ax-button,ax-button{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: 1rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: 1.25rem}.ax-lg ax-button,ax-button.ax-lg{--ax-comp-button-font-size: 1.125rem;--ax-comp-button-padding-x: 1.125rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.5rem}.ax-xl ax-button,ax-button.ax-xl{--ax-comp-button-font-size: 1.5rem;--ax-comp-button-padding-x: 1.5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.75rem}ax-button.ax-solid{--ax-comp-button-border-width: 1px}ax-button.ax-solid>button:focus-visible,ax-button.ax-solid>button.ax-state-focus{outline:2px solid;outline-offset:3px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-solid.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-darkest-surface)}ax-button.ax-solid.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-darkest-surface)}ax-button.ax-solid.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-darkest-surface)}ax-button.ax-solid.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-darkest-surface)}ax-button.ax-solid.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-darkest-surface)}ax-button.ax-solid.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-darkest-surface)}ax-button.ax-solid.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-darkest-surface)}ax-button.ax-solid.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-darkest-surface)}ax-button.ax-solid.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-darkest-surface)}ax-button.ax-solid.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-darkest-surface)}ax-button.ax-solid.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accnt6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-darkest-surface)}ax-button.ax-solid.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-darkest-surface)}ax-button.ax-solid.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-solid.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-outline.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline{--ax-comp-button-border-width: 1px;--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-hover-bg-color: transparent;--ax-comp-button-pressed-bg-color: transparent;--ax-comp-button-focused-bg-color: transparent}ax-button.ax-outline>button:focus-visible,ax-button.ax-outline>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-outline.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-outline.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-outline.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-outline.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-outline.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-outline.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-outline.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-outline.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-outline.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-outline.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-outline.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-outline.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-darker-surface)}.ax-dark ax-button.ax-twotone.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-lighter-surface)}ax-button.ax-twotone{--ax-comp-button-border-width: 1px}ax-button.ax-twotone>button:focus-visible,ax-button.ax-twotone>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-twotone.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-twotone.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-twotone.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-twotone.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-twotone.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-twotone.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-twotone.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-twotone.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-twotone.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-twotone.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-twotone.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accnt6-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accnt6-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-twotone.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-blank.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-blank.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-blank{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-blank>button:focus-visible,ax-button.ax-blank>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-blank.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface)}ax-button.ax-blank.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-blank.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface)}ax-button.ax-blank.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface)}ax-button.ax-blank.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface)}ax-button.ax-blank.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-blank.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-blank.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-blank.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-blank.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-blank.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-blank.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-link.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-link.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-link{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-link>button:focus-visible,ax-button.ax-link>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-link.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface)}ax-button.ax-link.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface)}ax-button.ax-link.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface)}ax-button.ax-link.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface)}ax-button.ax-link.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface)}ax-button.ax-link.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface)}ax-button.ax-link.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface)}ax-button.ax-link.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface)}ax-button.ax-link.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface)}ax-button.ax-link.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface)}ax-button.ax-link.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface)}ax-button.ax-link.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface)}ax-button-item.ax-primary{--ax-comp-button-item-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-primary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-primary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-primary-surface)}ax-button-item.ax-secondary{--ax-comp-button-item-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-secondary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-secondary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-secondary-surface)}ax-button-item.ax-success{--ax-comp-button-item-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-success-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-success-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-success-surface)}ax-button-item.ax-warning{--ax-comp-button-item-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-warning-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-warning-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-warning-surface)}ax-button-item.ax-danger{--ax-comp-button-item-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-danger-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-danger-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-danger-surface)}ax-button-item.ax-accent1{--ax-comp-button-item-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent1-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent1-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent1-surface)}ax-button-item.ax-accent2{--ax-comp-button-item-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent2-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent2-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent2-surface)}ax-button-item.ax-accent3{--ax-comp-button-item-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent3-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent3-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent3-surface)}ax-button-item.ax-accent4{--ax-comp-button-item-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent4-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent4-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent4-surface)}ax-button-item.ax-accent5{--ax-comp-button-item-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent5-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent5-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent5-surface)}ax-button-item.ax-accnt6{--ax-comp-button-item-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accnt6-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accnt6-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accnt6-surface)}ax-button-item.ax-accent7{--ax-comp-button-item-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent7-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent7-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent7-surface)}ax-button{position:relative;display:inline-flex;cursor:pointer;align-items:center;justify-content:center;transition-property:background-color,border-color,color;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);color:rgba(var(--ax-comp-button-normal-text-color));background-color:rgba(var(--ax-comp-button-normal-bg-color));border-color:rgba(var(--ax-comp-button-normal-border-color));border-width:var(--ax-comp-button-border-width, 0px);font-family:var(--ax-comp-button-font-family);font-size:var(--ax-comp-button-font-size);font-weight:var(--ax-comp-button-font-weight);border-radius:var(--ax-comp-button-border-radius);height:var(--ax-comp-button-height);line-height:var(--ax-comp-button-height)}ax-button>button{position:relative;display:inline-flex;height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit;outline-color:transparent;-webkit-user-select:none;user-select:none;padding:var(--ax-comp-button-padding-y) var(--ax-comp-button-padding-x)}ax-button>button .ax-button-text{white-space:nowrap;padding:0 var(--ax-comp-button-text-padding-x);font-weight:500}ax-button:hover:not(ax-button:hover.ax-state-disabled,ax-button:hover.ax-state-loading,ax-button:hover.ax-state-selected){color:rgba(var(--ax-comp-button-hover-text-color));background-color:rgba(var(--ax-comp-button-hover-bg-color));border-color:rgba(var(--ax-comp-button-hover-border-color))}ax-button:active:not(ax-button:active.ax-state-disabled,ax-button:active.ax-state-loading,ax-button:active.ax-state-selected){color:rgba(var(--ax-comp-button-pressed-text-color));background-color:rgba(var(--ax-comp-button-pressed-bg-color));border-color:rgba(var(--ax-comp-button-pressed-border-color))}ax-button.ax-state-disabled,ax-button.ax-state-loading{opacity:.5}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{cursor:not-allowed}ax-button.ax-button-icon{height:var(--ax-comp-button-height);width:var(--ax-comp-button-height)}ax-button.ax-state-selected{color:rgba(var(--ax-comp-button-selected-text-color));background-color:rgba(var(--ax-comp-button-selected-bg-color));border-color:rgba(var(--ax-comp-button-selected-border-color))}\\n\"] }]\n }], propDecorators: { __hostClass: [{\n type: HostBinding,\n args: ['class']\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYnV0dG9uL3NyYy9saWIvYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYnV0dG9uL3NyYy9saWIvYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxXQUFXLEVBQ1gsb0JBQW9CLEVBQ3BCLGlCQUFpQixFQUNqQixxQkFBcUIsR0FDdEIsTUFBTSxvQkFBb0IsQ0FBQztBQUM1QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osV0FBVyxFQUNYLGlCQUFpQixFQUNqQixRQUFRLEVBQ1IsWUFBWSxFQUNaLEtBQUssRUFDTCxLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBRWhFOzs7O0dBSUc7QUF5QkgsTUFBTSxPQUFPLGlCQUFrQixTQUFRLHFCQUFxQjtJQXhCNUQ7O1FBeUJFLGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFZCxhQUFRLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUNqQyxPQUFPLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ2hDLENBQUMsQ0FBQyxDQUFDO1FBQ08sZ0JBQVcsR0FBRyxZQUFZLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUMvQyxtQkFBYyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLElBQUksSUFBSSxDQUFDLENBQUM7UUFFdEU7OztXQUdHO1FBQ0gsWUFBTyxHQUErQixJQUFJLFlB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QUMsV0FDbEY7d0JBQ1AsUUFBUTt3QkFDUixTQUFTO3dCQUNULFNBQVM7d0JBQ1QsZ0JBQWdCO3dCQUNoQixrQkFBa0I7d0JBQ2xCLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixnQkFBZ0I7cUJBQ2pCLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLGFBQzFCO3dCQUNULEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLG1CQUFtQixFQUFFO3dCQUN4RCxFQUFFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxXQUFXLG1CQUFtQixFQUFFO3dCQUNsRSxFQUFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxXQUFXLG1CQUFtQixFQUFFO3FCQUNsRSxXQUNRLENBQUMsaUJBQWlCLENBQUM7OEJBZ0ZoQixXQUFXO3NCQUR0QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBWENsaWNrRXZlbnQsXG4gIEFYQ29tcG9uZW50LFxuICBBWEZvY3VzYWJsZUNvbXBvbmVudCxcbiAgQVhSaXBwbGVEaXJlY3RpdmUsXG4gIE1YQnV0dG9uQmFzZUNvbXBvbmVudCxcbn0gZnJvbSAnQGFjb3JleC9jZGsvY29tbW9uJztcbmltcG9ydCB7IEFYTG9hZGluZ0NvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9sb2FkaW5nJztcbmltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBjb21wdXRlZCxcbiAgY29udGVudENoaWxkLFxuICBpbnB1dCxcbiAgbW9kZWwsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhCdXR0b25UeXBlIH0gZnJvbSAnLi9idXR0b24taXRlbS5jbGFzcyc7XG5pbXBvcnQgeyBBWEJ1dHRvbkl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi1pdGVtLmNvbXBvbmVudCc7XG5cbi8qKlxuICogVGhlIEJ1dHRvbiBpcyBhIGNvbXBvbmVudCB3aGljaCBkZXRlY3RzIHVzZXIgaW50ZXJhY3Rpb24gYW5kIHRyaWdnZXJzIGEgY29ycmVzcG9uZGluZyBldmVudFxuICpcbiAqIEBjYXRlZ29yeSBDb21wb25lbnRzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgaW5wdXRzOiBbJ2Rpc2FibGVkJywgJ3NpemUnLCAndGFiSW5kZXgnLCAnY29sb3InLCAnbG9vaycsICd0ZXh0JywgJ3RvZ2dsZWFibGUnLCAnc2VsZWN0ZWQnXSxcbiAgb3V0cHV0czogW1xuICAgICdvbkJsdXInLFxuICAgICdvbkZvY3VzJyxcbiAgICAnb25DbGljaycsXG4gICAgJ3NlbGVjdGVkQ2hhbmdlJyxcbiAgICAndG9nZ2xlYWJsZUNoYW5nZScsXG4gICAgJ2xvb2tDaGFuZ2UnLFxuICAgICdjb2xvckNoYW5nZScsXG4gICAgJ2Rpc2FibGVkQ2hhbmdlJyxcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW1xuICAgIHsgcHJvdmlkZTogQVhDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWEJ1dHRvbkNvbXBvbmVudCB9LFxuICAgIHsgcHJvdmlkZTogQVhCdXR0b25JdGVtQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhCdXR0b25Db21wb25lbnQgfSxcbiAgICB7IHByb3ZpZGU6IEFYRm9jdXNhYmxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhCdXR0b25Db21wb25lbnQgfSxcbiAgXSxcbiAgaW1wb3J0czogW0FYUmlwcGxlRGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBNWEJ1dHRvbkJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgaWNvbk9ubHkgPSBpbnB1dChmYWxzZSk7XG5cbiAgcHJvdGVjdGVkIHNob3dJY29uID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIHJldHVybiAhdGhpcy5oYXNMb2FkaW5nSWNvbigpO1xuICB9KTtcbiAgcHJvdGVjdGVkIGxvYWRpbmdJY29uID0gY29udGVudENoaWxkKEFYTG9hZGluZ0NvbXBvbmVudCk7XG4gIHByb3RlY3RlZCBoYXNMb2FkaW5nSWNvbiA9IGNvbXB1dGVkKCgpID0+IHRoaXMubG9hZGluZ0ljb24oKSAhPSBudWxsKTtcblxuICAvKipcbiAgICogIEZpcmVzIGVhY2ggdGltZSB0aGUgdXNlciBjbGlja3MgdGhlIGJ1dHRvbi5cbiAgICogIEBldmVudFxuICAgKi9cbiAgb25DbGljazogRXZlbnRFbWl0dGVyPEFYQ2xpY2tFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYQ2xpY2tFdmVudD4oKTtcblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSB0eXBlIG9mIGJ1dHRvbiB0byBiZSB1c2VkIGluIHRoZSBhY3Rpb24gc2hlZXQuXG4gICAqXG4gICAqIEBkZWZhdWx0VmFsdWUgJ2J1dHRvbidcbiAgICovXG4gIHR5cGUgPSBpbnB1dDxBWEJ1dHRvblR5cGU+KCdidXR0b24nKTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgdGV4dCBkaXNwbGF5ZWQgd2hpbGUgdGhlIGFjdGlvbiBzaGVldCBpcyBsb2FkaW5nLlxuICAgKlxuICAgKiBAZGVmYXVsdFZhbHVlIG51bGxcbiAgICovXG4gIGxvYWRpbmdUZXh0ID0gbW9kZWw8c3RyaW5nIHwgbnVsbD4obnVsbCk7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgLy8gaW1wb3J0KFwiQGFjb3JleC9zdHlsZXMvYnV0dG9uL3NvbGlkXCIpXG4gICAgdGhpcy5nZXRIb3N0RWxlbWVudCgpLnJlbW92ZUF0dHJpYnV0ZSgndGFiaW5kZXgnKTtcbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBnZXRCdXR0b24oKTogSFRNTEJ1dHRvbkVsZW1lbnQge1xuICAgIHJldHVybiB0aGlzLmdldEhvc3RFbGVtZW50KCkuZmlyc3RFbGVtZW50Q2hpbGQgYXMgSFRNTEJ1dHRvbkVsZW1lbnQ7XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIF9oYW5kbGVDbGljayhlOiBNb3VzZUV2ZW50KSB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgaWYgKHRoaXMudG9nZ2xlYWJsZSkge1xuICAgICAgdGhpcy5zZWxlY3RlZCA9ICF0aGlzLnNlbGVjdGVkO1xuICAgIH1cbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh7XG4gICAgICBjb21wb25lbnQ6IHRoaXMsXG4gICAgICBodG1sRWxlbWVudDogdGhpcy5nZXRIb3N0RWxlbWVudCgpLFxuICAgICAgbmF0aXZlRXZlbnQ6IGUsXG4gICAgfSk7XG5cbiAgICAvLyBUT0RPOiBjaGVjayBrZXlib2FyZCBldmVudFxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5ibHVyKCk7XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogVHJpZ2dlcnMgYSBjbGljayBldmVudCBvbiB0aGUgYnV0dG9uIGVsZW1lbnQuXG4gICAqL1xuICBjbGljaygpIHtcbiAgICB0aGlzLmdldEJ1dHRvbigpPy5jbGljaygpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nW10ge1xuICAgIGNvbnN0IGxpc3QgPSBPYmplY3QuZW50cmllcyh0aGlzLmNzc0NsYXNzZXMpXG4gICAgICAuZmlsdGVyKChjKSA9PiBjWzFdKVxuICAgICAgLm1hcCgoYykgPT4gY1swXSk7XG4gICAgaWYgKHRoaXMuaWNvbk9ubHkoKSkge1xuICAgICAgbGlzdC5wdXNoKCdheC1idXR0b24taWNvbicpO1xuICAgIH1cbiAgICByZXR1cm4gbGlzdDtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXRzIGZvY3VzIG9uIHRoZSBidXR0b24gZWxlbWVudCBhbmQgYWRkcyBhIGZvY3VzIHN0eWxlIGNsYXNzLlxuICAgKlxuICAgKi9cbiAgb3ZlcnJpZGUgZm9jdXMoKSB7XG4gICAgdGhpcy5nZXRCdXR0b24oKT8uZm9jdXMoKTtcbiAgICB0aGlzLmdldEJ1dHRvbigpLmNsYXNzTGlzdC5hZGQoJ2F4LXN0YXRlLWZvY3VzJyk7XG4gIH1cbiAgLyoqXG4gICAqIFJlbW92ZXMgdGhlIGZvY3VzIHN0eWxlIGNsYXNzIGZyb20gdGhlIGJ1dHRvbiBlbGVtZW50XG4gICAqIHdoZW4gdGhlIGJ1dHRvbiBsb3NlcyBmb2N1cy5cbiAgICovXG4gIG92ZXJyaWRlIGJsdXIoKSB7XG4gICAgdGhpcy5nZXRCdXR0b24oKS5jbGFzc0xpc3QucmVtb3ZlKCdheC1zdGF0ZS1mb2N1cycpO1xuICB9XG59XG4iLCI8YnV0dG9uXG4gIFtheFJpcHBsZV1cbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgW2F0dHIudGFiaW5kZXhdPVwidGFiSW5kZXhcIlxuICAoZm9jdXMpPVwiZW1pdE9uRm9jdXNFdmVudCgkZXZlbnQpXCJcbiAgKGJsdXIpPVwiZW1pdE9uQmx1ckV2ZW50KCRldmVudClcIlxuICAoY2xpY2spPVwiX2hhbmRsZUNsaWNrKCRldmVudClcIlxuICBbYXR0ci50eXBlXT1cInR5cGUoKVwiXG4+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWxvYWRpbmcsIGF4LWxvYWRpbmctc3Bpbm5lclwiPiA8L25nLWNvbnRlbnQ+XG5cbiAgQGlmIChzaG93SWNvbigpKSB7XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtcHJlZml4LCBheC1pY29uXCI+IDwvbmctY29udGVudD5cbiAgfVxuXG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWNvbnRlbnRcIj4gPC9uZy1jb250ZW50PlxuXG4gIEBpZiAodGV4dCAmJiAhbG9hZGluZ1RleHQoKSAmJiAhaWNvbk9ubHkoKSkge1xuICAgIDxzcGFuIGNsYXNzPVwiYXgtYnV0dG9uLXRleHRcIj57eyB0ZXh0IH19PC9zcGFuPlxuICB9XG5cbiAgQGlmIChsb2FkaW5nVGV4dCgpKSB7XG4gICAgPHNwYW4gY2xhc3M9XCJheC1idXR0b24tdGV4dFwiPnt7IGxvYWRpbmdUZXh0KCkgfX08L3NwYW4+XG4gIH1cblxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj4gPC9uZy1jb250ZW50PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1kcm9wZG93bi1wYW5lbFwiPiA8L25nLWNvbnRlbnQ+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIi50YWItY29udGVudFwiPiA8L25nLWNvbnRlbnQ+XG5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9idXR0b24+XG4iXX0=","import { AXCommonModule, AXRippleDirective } from '@acorex/cdk/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXButtonItemListComponent } from './button-item-list.component';\nimport { AXButtonItemComponent } from './button-item.component';\nimport { AXButtonComponent } from './button.component';\nimport * as i0 from \"@angular/core\";\nconst COMPONENT = [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent];\nconst MODULES = [CommonModule, AXCommonModule, AXDecoratorModule, AXLoadingModule, AXRippleDirective];\nexport class AXButtonModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: AXButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.0.3\", ngImport: i0, type: AXButtonModule, imports: [CommonModule, AXCommonModule, AXDecoratorModule, AXLoadingModule, AXRippleDirective, AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent], exports: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: AXButtonModule, imports: [CommonModule, AXCommonModule, AXDecoratorModule, AXLoadingModule, AXButtonItemComponent, AXButtonItemListComponent] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: AXButtonModule, decorators: [{\n type: NgModule,\n args: [{\n imports: [MODULES, ...COMPONENT],\n exports: [...COMPONENT],\n providers: [],\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYnV0dG9uL3NyYy9saWIvYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDdkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQUV2RCxNQUFNLFNBQVMsR0FBRyxDQUFDLGlCQUFpQixFQUFFLHFCQUFxQixFQUFFLHlCQUF5QixDQUFDLENBQUM7QUFDeEYsTUFBTSxPQUFPLEdBQUcsQ0FBQyxZQUFZLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLGVBQWUsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDO0FBT3RHLE1BQU0sT0FBTyxjQUFjOzhHQUFkLGNBQWM7K0dBQWQsY0FBYyxZQVBWLFlBQVksRUFBRSxjQUFjLEVBQUUsaUJBQWlCLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixFQURqRixpQkFBaUIsRUFBRSxxQkFBcUIsRUFBRSx5QkFBeUIsYUFBbkUsaUJBQWlCLEVBQUUscUJBQXFCLEVBQUUseUJBQXlCOytHQVF6RSxjQUFjLFlBUFYsWUFBWSxFQUFFLGNBQWMsRUFBRSxpQkFBaUIsRUFBRSxlQUFlLEVBRDNDLHFCQUFxQixFQUFFLHlCQUF5Qjs7MkZBUXpFLGNBQWM7a0JBTDFCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsT0FBTyxFQUFFLEdBQUcsU0FBUyxDQUFDO29CQUNoQyxPQUFPLEVBQUUsQ0FBQyxHQUFHLFNBQVMsQ0FBQztvQkFDdkIsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbW1vbk1vZHVsZSwgQVhSaXBwbGVEaXJlY3RpdmUgfSBmcm9tICdAYWNvcmV4L2Nkay9jb21tb24nO1xuaW1wb3J0IHsgQVhEZWNvcmF0b3JNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycyc7XG5pbXBvcnQgeyBBWExvYWRpbmdNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbG9hZGluZyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYQnV0dG9uSXRlbUxpc3RDb21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi1pdGVtLWxpc3QuY29tcG9uZW50JztcbmltcG9ydCB7IEFYQnV0dG9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vYnV0dG9uLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IEFYQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9idXR0b24uY29tcG9uZW50JztcblxuY29uc3QgQ09NUE9ORU5UID0gW0FYQnV0dG9uQ29tcG9uZW50LCBBWEJ1dHRvbkl0ZW1Db21wb25lbnQsIEFYQnV0dG9uSXRlbUxpc3RDb21wb25lbnRdO1xuY29uc3QgTU9EVUxFUyA9IFtDb21tb25Nb2R1bGUsIEFYQ29tbW9uTW9kdWxlLCBBWERlY29yYXRvck1vZHVsZSwgQVhMb2FkaW5nTW9kdWxlLCBBWFJpcHBsZURpcmVjdGl2ZV07XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtNT0RVTEVTLCAuLi5DT01QT05FTlRdLFxuICBleHBvcnRzOiBbLi4uQ09NUE9ORU5UXSxcbiAgcHJvdmlkZXJzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhCdXR0b25Nb2R1bGUge31cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtYnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9idXR0b24vc3JjL2Fjb3JleC1jb21wb25lbnRzLWJ1dHRvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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AE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,iBAAiB,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,iBAAiB,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,EAAE,iBAAiB,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,iBAAiB,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,iBAAiB,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,EAAE,iBAAiB,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,WAAW,EAAE,mBAAmB,EAAE,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,EAAE,EAAE,SAAS,EAAE;AACh2D,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE;AACpE,YAAY,EAAE,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,iBAAiB,EAAE;AAC9E,YAAY,EAAE,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,iBAAiB,EAAE;AAC7E,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,y1BAAy1B,EAAE,MAAM,EAAE,CAAC,86kFAA86kF,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,iBAAiB,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,UAAU,EAAE,eAAe,CAAC,EAAE,CAAC,EAAE,eAAe,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC;AACzqnF;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAC3H,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE;AAClJ,wBAAwB,QAAQ;AAChC,wBAAwB,SAAS;AACjC,wBAAwB,SAAS;AACjC,wBAAwB,gBAAgB;AACxC,wBAAwB,kBAAkB;AAC1C,wBAAwB,YAAY;AACpC,wBAAwB,aAAa;AACrC,wBAAwB,gBAAgB;AACxC,qBAAqB,EAAE,eAAe,EAAE,uBAAuB,CAAC,MAAM,EAAE,aAAa,EAAE,iBAAiB,CAAC,IAAI,EAAE,SAAS,EAAE;AAC1H,wBAAwB,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE;AAChF,wBAAwB,EAAE,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,iBAAiB,EAAE;AAC1F,wBAAwB,EAAE,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,iBAAiB,EAAE;AACzF,qBAAqB,EAAE,OAAO,EAAE,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,y1BAAy1B,EAAE,MAAM,EAAE,CAAC,86kFAA86kF,CAAC,EAAE;AACp1mF,SAAS,CAAC,EAAE,cAAc,EAAE,EAAE,WAAW,EAAE,CAAC;AAC5C,gBAAgB,IAAI,EAAE,WAAW;AACjC,gBAAgB,IAAI,EAAE,CAAC,OAAO;AAC9B,aAAa,CAAC,EAAE,EAAE,CAAC;;ACzHnB,MAAM,SAAS,GAAG,CAAC,iBAAiB,EAAE,qBAAqB,EAAE,yBAAyB,CAAC;AACvF,MAAM,OAAO,GAAG,CAAC,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,eAAe,EAAE,iBAAiB,CAAC;AAC9F,MAAM,cAAc,CAAC;AAC5B,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC/K,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,yBAAyB,CAAC,EAAE,OAAO,EAAE,CAAC,iBAAiB,EAAE,qBAAqB,EAAE,yBAAyB,CAAC,EAAE,CAAC,CAAC;AACtX,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,eAAe,EAAE,qBAAqB,EAAE,yBAAyB,CAAC,EAAE,CAAC,CAAC;AAChQ;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC;AACxH,YAAY,IAAI,EAAE,QAAQ;AAC1B,YAAY,IAAI,EAAE,CAAC;AACnB,oBAAoB,OAAO,EAAE,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC;AACpD,oBAAoB,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AAC3C,oBAAoB,SAAS,EAAE,EAAE;AACjC,iBAAiB;AACjB,SAAS,CAAC,EAAE,CAAC;;ACvBb;AACA;AACA;;;;"}
|