@feedmepos/ui-library 0.0.18 → 0.0.21
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/README.md +3 -0
- package/dist/components/badge/FmBadge.vue.d.ts +26 -27
- package/dist/components/breadcrumb/FmBreadcrumb.vue.d.ts +27 -18
- package/dist/components/button/FmButton.stories.d.ts +10 -1
- package/dist/components/button/FmButton.vue.d.ts +40 -67
- package/dist/components/button-group/FmButtonGroup.vue.d.ts +11 -26
- package/dist/components/card/FmCard.vue.d.ts +1 -1
- package/dist/components/card/FmCardActions.vue.d.ts +1 -1
- package/dist/components/card/FmCardSection.vue.d.ts +1 -1
- package/dist/components/card/FmCardTitle.vue.d.ts +1 -1
- package/dist/components/chart/line/FmLine.vue.d.ts +43 -35
- package/dist/components/chip/FmChip.vue.d.ts +35 -60
- package/dist/components/chip-group/FmChipGroup.vue.d.ts +29 -44
- package/dist/components/dialog/FmDialog.vue.d.ts +29 -38
- package/dist/components/drop-field/FmDropField.vue.d.ts +33 -36
- package/dist/components/dynamic-dialog/FmDynamicDialog.vue.d.ts +49 -118
- package/dist/components/form/checkbox/FmCheckbox.vue.d.ts +27 -52
- package/dist/components/form/date-picker/FmDatePicker.vue.d.ts +39 -84
- package/dist/components/form/date-range-picker/FmDateRangePicker.vue.d.ts +41 -92
- package/dist/components/form/field/FmField.vue.d.ts +34 -59
- package/dist/components/form/form/FmForm.vue.d.ts +1 -1
- package/dist/components/form/form-group/FmFormGroup.vue.d.ts +40 -91
- package/dist/components/form/helper-text/FmHelperText.stories.d.ts +49 -106
- package/dist/components/form/helper-text/FmHelperText.vue.d.ts +28 -35
- package/dist/components/form/label/FmLabel.vue.d.ts +30 -43
- package/dist/components/form/radio/FmRadio.vue.d.ts +29 -44
- package/dist/components/form/radio-group/FmRadioGroup.vue.d.ts +39 -84
- package/dist/components/form/select/FmSelect.vue.d.ts +45 -116
- package/dist/components/form/stepper-field/FmStepperField.vue.d.ts +59 -182
- package/dist/components/form/switch/FmSwitch.vue.d.ts +31 -60
- package/dist/components/form/text-field/FmTextField.vue.d.ts +60 -171
- package/dist/components/form/textarea/FmTextarea.vue.d.ts +53 -134
- package/dist/components/form/time-picker/FmTimeInput.vue.d.ts +1 -1
- package/dist/components/form/time-picker/FmTimePicker.vue.d.ts +39 -84
- package/dist/components/form/time-picker/TimeInput.vue.d.ts +1 -1
- package/dist/components/icon/FmIcon.vue.d.ts +1 -1
- package/dist/components/list/FmList.vue.d.ts +24 -25
- package/dist/components/list/FmListItem.vue.d.ts +28 -35
- package/dist/components/menu/menu-container/FmMenu.vue.d.ts +27 -28
- package/dist/components/menu/menu-item/FmMenuItem.vue.d.ts +35 -68
- package/dist/components/menu/menu-list/FmMenuList.vue.d.ts +48 -37
- package/dist/components/progress-indicator/FmProgressIndicator.vue.d.ts +1 -1
- package/dist/components/snackbar/FmSnackbar.vue.d.ts +1 -1
- package/dist/components/spacer/FmSpacer.vue.d.ts +1 -1
- package/dist/components/stepper/FmStep.vue.d.ts +1 -1
- package/dist/components/stepper/FmStepHeader.vue.d.ts +1 -1
- package/dist/components/stepper/FmStepper.vue.d.ts +1 -1
- package/dist/components/tab/FmTab.vue.d.ts +37 -68
- package/dist/components/table/FmTable.stories.d.ts +6 -0
- package/dist/components/table/FmTable.vue.d.ts +65 -0
- package/dist/components/table/FmTableCheckbox.vue.d.ts +17 -0
- package/dist/components/table/FmTableSelection.vue.d.ts +22 -0
- package/dist/components/tabs/FmTabs.vue.d.ts +29 -44
- package/dist/components/tooltip/FmTooltip.vue.d.ts +62 -65
- package/dist/components.d.ts +3076 -4551
- package/dist/demo/Badge.vue.d.ts +1 -1
- package/dist/demo/Breadcrumb.vue.d.ts +1 -1
- package/dist/demo/Button.vue.d.ts +1 -1
- package/dist/demo/ButtonGroup.vue.d.ts +1 -1
- package/dist/demo/Card.vue.d.ts +1 -1
- package/dist/demo/Chip.vue.d.ts +1 -1
- package/dist/demo/DatePicker.vue.d.ts +1 -1
- package/dist/demo/DateRangePicker.vue.d.ts +1 -1
- package/dist/demo/DemoSection.vue.d.ts +1 -1
- package/dist/demo/Dialog.vue.d.ts +1 -1
- package/dist/demo/DropField.vue.d.ts +1 -1
- package/dist/demo/Icon.vue.d.ts +1 -1
- package/dist/demo/List.vue.d.ts +1 -1
- package/dist/demo/Menu.vue.d.ts +1 -1
- package/dist/demo/Snackbar.vue.d.ts +1 -1
- package/dist/demo/Stepper.vue.d.ts +1 -1
- package/dist/demo/Table.vue.d.ts +2 -0
- package/dist/demo/Tabs.vue.d.ts +1 -1
- package/dist/demo/TimePicker.vue.d.ts +1 -1
- package/dist/demo/Tooltip.vue.d.ts +1 -1
- package/dist/demo/chart/Line.vue.d.ts +1 -1
- package/dist/demo/form/Checkbox.vue.d.ts +1 -1
- package/dist/demo/form/Field.vue.d.ts +1 -1
- package/dist/demo/form/Form.vue.d.ts +1 -1
- package/dist/demo/form/FormGroup.vue.d.ts +1 -1
- package/dist/demo/form/Radio.vue.d.ts +1 -1
- package/dist/demo/form/Select.vue.d.ts +1 -1
- package/dist/demo/form/Stepper.vue.d.ts +1 -1
- package/dist/demo/form/Switch.vue.d.ts +1 -1
- package/dist/demo/form/TextField.vue.d.ts +1 -1
- package/dist/federation/FmBreadcrumb.vue_vue_type_style_index_0_lang-85c673ef.js +1 -0
- package/dist/federation/FmButton-f152ddf6.css +1 -0
- package/dist/federation/FmButtonGroup.vue_vue_type_script_setup_true_lang-820be81c.js +1 -0
- package/dist/federation/FmCard.vue_vue_type_style_index_0_lang-818622f4.js +1 -0
- package/dist/federation/FmCardActions.vue_vue_type_script_setup_true_lang-c393a059.js +1 -0
- package/dist/federation/FmCardSection.vue_vue_type_script_setup_true_lang-e8c6f8af.js +1 -0
- package/dist/federation/FmCardTitle.vue_vue_type_script_setup_true_lang-314c5f62.js +1 -0
- package/dist/federation/FmCheckbox.vue_vue_type_style_index_0_lang-a9c52841.js +1 -0
- package/dist/federation/FmChip.vue_vue_type_script_setup_true_lang-1274c9e4.js +1 -0
- package/dist/federation/FmChipGroup.vue_vue_type_script_setup_true_lang-64b8cb30.js +1 -0
- package/dist/federation/FmDialog.vue_vue_type_style_index_0_lang-2e93b75c.js +1 -0
- package/dist/federation/FmForm.vue_vue_type_script_setup_true_lang-b43b355b.js +1 -0
- package/dist/federation/FmFormGroup.vue_vue_type_script_setup_true_lang-25df107c.js +1 -0
- package/dist/federation/FmHelperText.vue_vue_type_script_setup_true_lang-75f8df3c.js +1 -0
- package/dist/federation/FmLabel.vue_vue_type_script_setup_true_lang-cd6890de.js +1 -0
- package/dist/federation/FmLine.vue_vue_type_script_setup_true_lang-7b90f445.js +3 -0
- package/dist/federation/FmProgressIndicator.vue_vue_type_style_index_0_lang-fb7fb248.js +1 -0
- package/dist/federation/FmRadioGroup.vue_vue_type_script_setup_true_lang-5ffabc63.js +1 -0
- package/dist/federation/FmSelect.vue_vue_type_script_setup_true_lang-a7c19e77.js +1 -0
- package/dist/federation/FmStepHeader.vue_vue_type_script_setup_true_lang-8609c6d6.js +1 -0
- package/dist/federation/FmStepper.vue_vue_type_script_setup_true_lang-f6575f12.js +1 -0
- package/dist/federation/FmTable-b3766c39.css +1 -0
- package/dist/federation/FmTable.vue_vue_type_script_setup_true_lang-772dca8f.js +4 -0
- package/dist/federation/FmTabs.vue_vue_type_script_setup_true_lang-b6ab4957.js +1 -0
- package/dist/federation/FmTextField.vue_vue_type_style_index_0_lang-8e7f6d92.js +1 -0
- package/dist/federation/FmTimeInput.vue_vue_type_style_index_0_lang-ab6633eb.js +1 -0
- package/dist/federation/FmTimePicker.vue_vue_type_script_setup_true_lang-1f29dfef.js +1 -0
- package/dist/federation/FmTooltip.vue_vue_type_script_setup_true_lang-80e2e523.js +1 -0
- package/dist/federation/__federation_expose_FmBadge-8b64dfb5.js +1 -0
- package/dist/federation/{__federation_expose_FmBreadcrumb-3527b347.js → __federation_expose_FmBreadcrumb-3179c182.js} +1 -1
- package/dist/federation/__federation_expose_FmButton-8e185653.js +8 -0
- package/dist/federation/{__federation_expose_FmButtonGroup-297c233d.js → __federation_expose_FmButtonGroup-9e11dfa3.js} +1 -1
- package/dist/federation/{__federation_expose_FmCard-1fd75011.js → __federation_expose_FmCard-8f64cce7.js} +1 -1
- package/dist/federation/{__federation_expose_FmCardActions-1186c3c0.js → __federation_expose_FmCardActions-500ebc98.js} +1 -1
- package/dist/federation/{__federation_expose_FmCardSection-449a49ea.js → __federation_expose_FmCardSection-9976cb45.js} +1 -1
- package/dist/federation/{__federation_expose_FmCardTitle-034ff583.js → __federation_expose_FmCardTitle-0356ef29.js} +1 -1
- package/dist/federation/{__federation_expose_FmCheckbox-13876e78.js → __federation_expose_FmCheckbox-7f4b3a27.js} +1 -1
- package/dist/federation/{__federation_expose_FmChip-2d4f8358.js → __federation_expose_FmChip-dd2f9a84.js} +1 -1
- package/dist/federation/{__federation_expose_FmChipGroup-c4aea5c2.js → __federation_expose_FmChipGroup-58ec588d.js} +1 -1
- package/dist/federation/__federation_expose_FmDatePicker-59679f66.js +1 -0
- package/dist/federation/__federation_expose_FmDateRangePicker-3456df1a.js +1 -0
- package/dist/federation/{__federation_expose_FmDialog-f3ed5b3a.js → __federation_expose_FmDialog-78da6f44.js} +1 -1
- package/dist/federation/__federation_expose_FmDropField-3ec4932c.js +1 -0
- package/dist/federation/{__federation_expose_FmDynamicDialog-62d29e95.js → __federation_expose_FmDynamicDialog-911737c5.js} +1 -1
- package/dist/federation/__federation_expose_FmField-7625848b.js +1 -0
- package/dist/federation/{__federation_expose_FmForm-0fcc4718.js → __federation_expose_FmForm-9639d953.js} +1 -1
- package/dist/federation/{__federation_expose_FmFormGroup-75216ef9.js → __federation_expose_FmFormGroup-f374ecbf.js} +1 -1
- package/dist/federation/{__federation_expose_FmHelperText-27ac3fd9.js → __federation_expose_FmHelperText-ccdf6064.js} +1 -1
- package/dist/federation/__federation_expose_FmIcon-c40819c3.js +1 -0
- package/dist/federation/{__federation_expose_FmLabel-0533041d.js → __federation_expose_FmLabel-2a7ca193.js} +1 -1
- package/dist/federation/{__federation_expose_FmLineChart-4fa03a78.js → __federation_expose_FmLineChart-c0f75ba5.js} +1 -1
- package/dist/federation/__federation_expose_FmList-e0c6acae.js +1 -0
- package/dist/federation/__federation_expose_FmListItem-daa2fb66.js +1 -0
- package/dist/federation/__federation_expose_FmMenu-e9ca74d8.js +1 -0
- package/dist/federation/__federation_expose_FmMenuItem-9fe4ca23.js +1 -0
- package/dist/federation/{__federation_expose_FmProgressIndicator-cb1c88dd.js → __federation_expose_FmProgressIndicator-9e716bb6.js} +1 -1
- package/dist/federation/__federation_expose_FmRadio-2a084855.js +1 -0
- package/dist/federation/{__federation_expose_FmRadioGroup-6402fb28.js → __federation_expose_FmRadioGroup-28c015af.js} +1 -1
- package/dist/federation/{__federation_expose_FmSelect-d0d535c1.js → __federation_expose_FmSelect-6178ae2a.js} +1 -1
- package/dist/federation/__federation_expose_FmSnackbar-651300b3.js +1 -0
- package/dist/federation/__federation_expose_FmSpacer-332b5749.js +1 -0
- package/dist/federation/__federation_expose_FmStep-01d1974b.js +1 -0
- package/dist/federation/{__federation_expose_FmStepper-f09b8d1a.js → __federation_expose_FmStepper-ecf057a5.js} +1 -1
- package/dist/federation/__federation_expose_FmStepperField-9d5e6cac.js +1 -0
- package/dist/federation/__federation_expose_FmSwitch-a00cf629.js +1 -0
- package/dist/federation/__federation_expose_FmTab-423113dc.js +1 -0
- package/dist/federation/__federation_expose_FmTable-d439f661.js +1 -0
- package/dist/federation/{__federation_expose_FmTabs-3194e374.js → __federation_expose_FmTabs-bb9fbca9.js} +1 -1
- package/dist/federation/{__federation_expose_FmTextField-3121e7a8.js → __federation_expose_FmTextField-4bf4dbd4.js} +1 -1
- package/dist/federation/__federation_expose_FmTextarea-428cac9c.js +1 -0
- package/dist/federation/{__federation_expose_FmTimeInput-77dad5a1.js → __federation_expose_FmTimeInput-ad91986c.js} +1 -1
- package/dist/federation/{__federation_expose_FmTimePicker-cfc4b39f.js → __federation_expose_FmTimePicker-1b054147.js} +1 -1
- package/dist/federation/{__federation_expose_FmTooltip-a046291f.js → __federation_expose_FmTooltip-bea5f8e5.js} +1 -1
- package/dist/federation/__federation_fn_import-c07c5963.js +1 -0
- package/dist/federation/__federation_shared_vue-a3c351ba.js +1 -0
- package/dist/federation/_plugin-vue_export-helper-c27b6911.js +1 -1
- package/dist/federation/dayjs.min-5433e12a.js +1 -1
- package/dist/federation/dialog-plugin-fb3675e4.js +1 -0
- package/dist/federation/feedmepos-ui-components.js +1 -1
- package/dist/federation/floating-ui.vue.esm-d0ecc63f.js +1 -0
- package/dist/federation/index-6cb898d0.css +1 -0
- package/dist/federation/index-d94664c6.js +11 -0
- package/dist/federation/preload-helper-cf010ec4.js +1 -1
- package/dist/federation/provider-keys-24913f12.js +1 -1
- package/dist/federation/runtime-core.esm-bundler-e5dd79b8.js +1 -0
- package/dist/federation/useProxiedModel-928bd48f.js +1 -0
- package/dist/feedmepos-ui-library.js +10158 -7565
- package/dist/feedmepos-ui-library.umd.cjs +35 -14
- package/dist/global-components.d.ts +1 -0
- package/dist/style.css +1 -1
- package/package.json +8 -2
- package/dist/federation/FmBreadcrumb.vue_vue_type_style_index_0_lang-4abc649e.js +0 -1
- package/dist/federation/FmButton-e1b8ddc1.css +0 -1
- package/dist/federation/FmButtonGroup.vue_vue_type_script_setup_true_lang-57bf36e5.js +0 -1
- package/dist/federation/FmCard.vue_vue_type_style_index_0_lang-e5745164.js +0 -1
- package/dist/federation/FmCardActions.vue_vue_type_script_setup_true_lang-315cfb3c.js +0 -1
- package/dist/federation/FmCardSection.vue_vue_type_script_setup_true_lang-b8e33ddd.js +0 -1
- package/dist/federation/FmCardTitle.vue_vue_type_script_setup_true_lang-4f3b50b7.js +0 -1
- package/dist/federation/FmCheckbox.vue_vue_type_style_index_0_lang-a735476d.js +0 -1
- package/dist/federation/FmChip.vue_vue_type_script_setup_true_lang-04e92a4b.js +0 -1
- package/dist/federation/FmChipGroup.vue_vue_type_script_setup_true_lang-69888bbf.js +0 -1
- package/dist/federation/FmDialog.vue_vue_type_style_index_0_lang-790dd11b.js +0 -1
- package/dist/federation/FmForm.vue_vue_type_script_setup_true_lang-150fe0cb.js +0 -1
- package/dist/federation/FmFormGroup.vue_vue_type_script_setup_true_lang-5a62d873.js +0 -1
- package/dist/federation/FmHelperText.vue_vue_type_script_setup_true_lang-c2b53d11.js +0 -1
- package/dist/federation/FmLabel.vue_vue_type_script_setup_true_lang-67dd13f9.js +0 -1
- package/dist/federation/FmLine.vue_vue_type_script_setup_true_lang-290ac533.js +0 -3
- package/dist/federation/FmProgressIndicator.vue_vue_type_style_index_0_lang-4936958a.js +0 -1
- package/dist/federation/FmRadioGroup.vue_vue_type_script_setup_true_lang-76c3a777.js +0 -1
- package/dist/federation/FmSelect.vue_vue_type_script_setup_true_lang-9d7d6e42.js +0 -1
- package/dist/federation/FmStepHeader.vue_vue_type_script_setup_true_lang-f5088e67.js +0 -1
- package/dist/federation/FmStepper.vue_vue_type_script_setup_true_lang-2e98185a.js +0 -1
- package/dist/federation/FmTabs.vue_vue_type_script_setup_true_lang-e73ad753.js +0 -1
- package/dist/federation/FmTextField.vue_vue_type_style_index_0_lang-bc551e7e.js +0 -1
- package/dist/federation/FmTimeInput.vue_vue_type_style_index_0_lang-973551d9.js +0 -1
- package/dist/federation/FmTimePicker.vue_vue_type_script_setup_true_lang-caf05a5a.js +0 -1
- package/dist/federation/FmTooltip.vue_vue_type_script_setup_true_lang-c77d74ba.js +0 -1
- package/dist/federation/__federation_expose_FmBadge-62e98f72.js +0 -1
- package/dist/federation/__federation_expose_FmButton-1408bfe0.js +0 -8
- package/dist/federation/__federation_expose_FmDatePicker-c15dbd31.js +0 -1
- package/dist/federation/__federation_expose_FmDateRangePicker-fc1a697c.js +0 -1
- package/dist/federation/__federation_expose_FmDropField-7c8211ff.js +0 -1
- package/dist/federation/__federation_expose_FmField-8f0e5999.js +0 -1
- package/dist/federation/__federation_expose_FmIcon-57254641.js +0 -1
- package/dist/federation/__federation_expose_FmList-6bab2481.js +0 -1
- package/dist/federation/__federation_expose_FmListItem-b4a2ef3a.js +0 -1
- package/dist/federation/__federation_expose_FmMenu-db95ebff.js +0 -1
- package/dist/federation/__federation_expose_FmMenuItem-62069de1.js +0 -1
- package/dist/federation/__federation_expose_FmRadio-f1c3272e.js +0 -1
- package/dist/federation/__federation_expose_FmSnackbar-106183bf.js +0 -1
- package/dist/federation/__federation_expose_FmSpacer-a0a89a0a.js +0 -1
- package/dist/federation/__federation_expose_FmStep-7b7c61f6.js +0 -1
- package/dist/federation/__federation_expose_FmStepperField-e6ea09db.js +0 -1
- package/dist/federation/__federation_expose_FmSwitch-d6379f2e.js +0 -1
- package/dist/federation/__federation_expose_FmTab-ef8cd7f2.js +0 -1
- package/dist/federation/__federation_expose_FmTextarea-05087c9c.js +0 -1
- package/dist/federation/__federation_fn_import.js +0 -1
- package/dist/federation/__federation_shared_vue-3944646b.js +0 -1
- package/dist/federation/dialog-plugin-7c42fa3a.js +0 -1
- package/dist/federation/floating-ui.vue.esm-6ee3a4dc.js +0 -1
- package/dist/federation/index-351c9c47.js +0 -11
- package/dist/federation/index-79ac2667.css +0 -1
- package/dist/federation/runtime-core.esm-bundler-35391e07.js +0 -1
- package/dist/federation/useProxiedModel-0fd79d93.js +0 -1
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import{importShared as n,__tla as Iu}from"./__federation_fn_import.js";import{c as Ru,a as Gu,_ as ju,__tla as Wu}from"./FmBreadcrumb.vue_vue_type_style_index_0_lang-4abc649e.js";import{_ as J,__tla as Hu}from"./FmCard.vue_vue_type_style_index_0_lang-e5745164.js";import{_ as K,__tla as $u}from"./FmCardSection.vue_vue_type_script_setup_true_lang-b8e33ddd.js";import{_ as qu,__tla as Ju}from"./FmCardTitle.vue_vue_type_script_setup_true_lang-4f3b50b7.js";import{_ as Ku,__tla as Qu}from"./FmLine.vue_vue_type_script_setup_true_lang-290ac533.js";import v,{__tla as Zu}from"./__federation_expose_FmButton-1408bfe0.js";import{_ as nt,__tla as Xu}from"./FmCardActions.vue_vue_type_script_setup_true_lang-315cfb3c.js";import dl,{__tla as Yu}from"./__federation_expose_FmDatePicker-c15dbd31.js";import ye,{__tla as er}from"./__federation_expose_FmDateRangePicker-fc1a697c.js";import{_ as $,__tla as lr}from"./FmCheckbox.vue_vue_type_style_index_0_lang-a735476d.js";import ut,{__tla as tr}from"./__federation_expose_FmField-8f0e5999.js";import U,{__tla as ar}from"./__federation_expose_FmRadio-f1c3272e.js";import{_ as cl,__tla as or}from"./FmRadioGroup.vue_vue_type_script_setup_true_lang-76c3a777.js";import{_ as Pe,__tla as ir}from"./FmSelect.vue_vue_type_script_setup_true_lang-9d7d6e42.js";import ml,{__tla as nr}from"./__federation_expose_FmStepperField-e6ea09db.js";import C,{__tla as ur}from"./__federation_expose_FmSwitch-d6379f2e.js";import{_ as Ve,__tla as rr}from"./FmTextField.vue_vue_type_style_index_0_lang-bc551e7e.js";import Ie,{__tla as sr}from"./__federation_expose_FmTextarea-05087c9c.js";import B,{__tla as dr}from"./__federation_expose_FmIcon-57254641.js";import cr,{__tla as mr}from"./__federation_expose_FmList-6bab2481.js";import pl,{__tla as pr}from"./__federation_expose_FmListItem-b4a2ef3a.js";import vr,{__tla as br}from"./__federation_expose_FmMenu-db95ebff.js";import fr,{__tla as gr}from"./__federation_expose_FmMenuItem-62069de1.js";import{u as _r,o as hr,f as yr,a as Vr,__tla as wr}from"./floating-ui.vue.esm-6ee3a4dc.js";import{M as rt,D as xr}from"./provider-keys-24913f12.js";import{_ as kr}from"./_plugin-vue_export-helper-c27b6911.js";import P,{__tla as Cr}from"./__federation_expose_FmSnackbar-106183bf.js";import{_ as st,__tla as Br}from"./FmTimePicker.vue_vue_type_script_setup_true_lang-caf05a5a.js";import{_ as ee,__tla as Sr}from"./FmTooltip.vue_vue_type_script_setup_true_lang-c77d74ba.js";import{_ as Nr,__tla as Fr}from"./FmDialog.vue_vue_type_style_index_0_lang-790dd11b.js";import Er,{__tla as Ur}from"./__federation_expose_FmSpacer-a0a89a0a.js";import{_ as Dr,__tla as Tr}from"./FmForm.vue_vue_type_script_setup_true_lang-150fe0cb.js";import{_ as we,__tla as Or}from"./FmButtonGroup.vue_vue_type_script_setup_true_lang-57bf36e5.js";import{_ as vl,__tla as Lr}from"./FmStepper.vue_vue_type_script_setup_true_lang-2e98185a.js";import q,{__tla as zr}from"./__federation_expose_FmStep-7b7c61f6.js";import dt,{__tla as Ar}from"./__federation_expose_FmDropField-7c8211ff.js";import D,{__tla as Mr}from"./__federation_expose_FmBadge-62e98f72.js";import{_ as ct,__tla as Pr}from"./FmChip.vue_vue_type_script_setup_true_lang-04e92a4b.js";import{_ as Ir,__tla as Rr}from"./FmChipGroup.vue_vue_type_script_setup_true_lang-69888bbf.js";import{_ as Gr,__tla as jr}from"./FmTabs.vue_vue_type_script_setup_true_lang-e73ad753.js";import{__tla as Wr}from"./__federation_expose_FmTab-ef8cd7f2.js";import{_ as Hr,__tla as $r}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-5a62d873.js";import{D as qr,__tla as Jr}from"./dialog-plugin-7c42fa3a.js";Promise.all([(()=>{try{return Iu}catch{}})(),(()=>{try{return Wu}catch{}})(),(()=>{try{return Hu}catch{}})(),(()=>{try{return $u}catch{}})(),(()=>{try{return Ju}catch{}})(),(()=>{try{return Qu}catch{}})(),(()=>{try{return Zu}catch{}})(),(()=>{try{return Xu}catch{}})(),(()=>{try{return Yu}catch{}})(),(()=>{try{return er}catch{}})(),(()=>{try{return lr}catch{}})(),(()=>{try{return tr}catch{}})(),(()=>{try{return ar}catch{}})(),(()=>{try{return or}catch{}})(),(()=>{try{return ir}catch{}})(),(()=>{try{return nr}catch{}})(),(()=>{try{return ur}catch{}})(),(()=>{try{return rr}catch{}})(),(()=>{try{return sr}catch{}})(),(()=>{try{return dr}catch{}})(),(()=>{try{return mr}catch{}})(),(()=>{try{return pr}catch{}})(),(()=>{try{return br}catch{}})(),(()=>{try{return gr}catch{}})(),(()=>{try{return wr}catch{}})(),(()=>{try{return Cr}catch{}})(),(()=>{try{return Br}catch{}})(),(()=>{try{return Sr}catch{}})(),(()=>{try{return Fr}catch{}})(),(()=>{try{return Ur}catch{}})(),(()=>{try{return Tr}catch{}})(),(()=>{try{return Or}catch{}})(),(()=>{try{return Lr}catch{}})(),(()=>{try{return zr}catch{}})(),(()=>{try{return Ar}catch{}})(),(()=>{try{return Mr}catch{}})(),(()=>{try{return Pr}catch{}})(),(()=>{try{return Rr}catch{}})(),(()=>{try{return jr}catch{}})(),(()=>{try{return Wr}catch{}})(),(()=>{try{return $r}catch{}})(),(()=>{try{return Jr}catch{}})()]).then(async()=>{(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const t of document.querySelectorAll('link[rel="modulepreload"]'))a(t);new MutationObserver(t=>{for(const l of t)if(l.type==="childList")for(const o of l.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&a(o)}).observe(document,{childList:!0,subtree:!0});function e(t){const l={};return t.integrity&&(l.integrity=t.integrity),t.referrerPolicy&&(l.referrerPolicy=t.referrerPolicy),t.crossOrigin==="use-credentials"?l.credentials="include":t.crossOrigin==="anonymous"?l.credentials="omit":l.credentials="same-origin",l}function a(t){if(t.ep)return;t.ep=!0;const l=e(t);fetch(t.href,l)}})();const mt=Ru({history:Gu(),routes:[]}),bl={directive:"wave",color:"currentColor",initialOpacity:.2,finalOpacity:.1,duration:.4,dissolveDuration:.15,easing:"ease-out",cancellationPeriod:75,trigger:"auto",tagName:"div"},pt=i=>"config"in i&&"globalProperties"in i.config,vt=i=>{let e;return i==="vue2"?e=!1:i==="vue3"?e=!0:e=pt(i),e?{mounted:"mounted",updated:"updated"}:{mounted:"inserted",updated:"componentUpdated"}},fl=i=>typeof i=="string"&&i!=="auto",gl=(i,e)=>{i.dataset.vWaveBoundary=fl(e)?e:"true"},bt=({borderTopLeftRadius:i,borderTopRightRadius:e,borderBottomLeftRadius:a,borderBottomRightRadius:t},l)=>{const o=document.createElement(l);return o.style.top="0",o.style.left="0",o.style.width="100%",o.style.height="100%",o.style.display="block",o.style.position="absolute",o.style.borderRadius=`${i} ${e} ${t} ${a}`,o.style.overflow="hidden",o.style.pointerEvents="none",o.style.webkitMaskImage="-webkit-radial-gradient(white, black)",o},ft=(i,e,a,t)=>{const l=document.createElement("div");return l.style.position="absolute",l.style.width=`${a}px`,l.style.height=`${a}px`,l.style.top=`${e}px`,l.style.left=`${i}px`,l.style.background=t.color,l.style.borderRadius="50%",l.style.opacity=`${t.initialOpacity}`,l.style.transform="translate(-50%,-50%) scale(0)",l.style.transition=`transform ${t.duration}s ${t.easing}, opacity ${t.duration}s ${t.easing}`,l};function xe(i,e,a,t){const l=i-a,o=e-t;return Math.sqrt(l*l+o*o)}function gt(i,e,{width:a,height:t}){const l=xe(i,e,0,0),o=xe(i,e,a,0),r=xe(i,e,0,t),u=xe(i,e,a,t);return Math.max(l,o,r,u)}const _t=({x:i,y:e},{top:a,left:t})=>({x:i-t,y:e-a}),Re="vWaveCountInternal";function ht(i){const e=Ge(i);_l(i,e+1)}function yt(i){const e=Ge(i);_l(i,e-1)}function _l(i,e){i.dataset[Re]=e.toString()}function Ge(i){var e;return parseInt((e=i.dataset[Re])!==null&&e!==void 0?e:"0",10)}function Vt(i){delete i.dataset[Re]}const je=(i,e,a)=>{const t=e.getBoundingClientRect(),l=window.getComputedStyle(e),{x:o,y:r}=_t(i,t),u=2.05*gt(o,r,t),s=bt(l,a.tagName),c=ft(o,r,u,a);ht(e);let f="";l.position==="static"&&(e.style.position&&(f=e.style.position),e.style.position="relative"),s.appendChild(c),e.appendChild(s);let p=!1;const w=rl=>{typeof rl<"u"&&(document.removeEventListener("pointerup",w),document.removeEventListener("pointercancel",w)),p?ul():p=!0},ul=()=>{c.style.transition=`opacity ${a.dissolveDuration}s linear`,c.style.opacity="0",setTimeout(()=>{s.remove(),yt(e),Ge(e)===0&&(Vt(e),e.style.position=f)},a.dissolveDuration*1e3)};document.addEventListener("pointerup",w),document.addEventListener("pointercancel",w);const Me=setTimeout(()=>{document.removeEventListener("pointercancel",H),requestAnimationFrame(()=>{c.style.transform="translate(-50%,-50%) scale(1)",c.style.opacity=`${a.finalOpacity}`,setTimeout(()=>w(),a.duration*1e3)})},a.cancellationPeriod),H=()=>{clearTimeout(Me),s.remove(),document.removeEventListener("pointerup",w),document.removeEventListener("pointercancel",w),document.removeEventListener("pointercancel",H)};document.addEventListener("pointercancel",H)},ie=new WeakMap,hl=(i={},e="vue3")=>{const a=Object.assign(Object.assign({},bl),i),t=vt(e),l=u=>{const s=u.currentTarget.dataset.vWaveTrigger;document.querySelectorAll(`[data-v-wave-boundary="${s}"]`).forEach(c=>je(u,c,Object.assign(Object.assign({},a),ie.get(c))))},o={[t.mounted](u,{value:s={}}){var c;ie.set(u,s),gl(u,(c=s&&s.trigger)!==null&&c!==void 0?c:a.trigger),u.addEventListener("pointerdown",f=>{if(ie.get(u)===!1)return;const p=Object.assign(Object.assign({},a),ie.get(u));if(p.trigger===!1)return je(f,u,p);if(fl(p.trigger))return;const w=u.querySelector('[data-v-wave-trigger="true"]');!w&&p.trigger===!0||w&&!f.composedPath().includes(w)||je(f,u,p)})},[t.updated](u,{value:s={}}){var c;ie.set(u,s),gl(u,(c=s&&s.trigger)!==null&&c!==void 0?c:a.trigger)}},r={[t.mounted](u,{arg:s="true"}){u.dataset.vWaveTrigger=s,s!=="true"&&u.addEventListener("pointerdown",l)},[t.updated](u,{arg:s="true"}){u.dataset.vWaveTrigger=s,s==="true"?u.removeEventListener("pointerdown",l):u.addEventListener("pointerdown",l)}};return{wave:o,vWave:o,waveTrigger:r,vWaveTrigger:r}},wt={install(i,e={}){if(this.installed)return;this.installed=!0;const a=Object.assign(Object.assign({},bl),e),{vWave:t,vWaveTrigger:l}=hl(a,i);i.directive(a.directive,t),i.directive(`${a.directive}-trigger`,l)},installed:!1,createLocalWaveDirective:hl},{defineComponent:xt}=await n("vue"),{toDisplayString:yl,createElementVNode:We,withCtx:ne,createVNode:Vl,renderSlot:kt,openBlock:Ct,createBlock:Bt}=await n("vue"),St={class:"fm-typo-title-sm-700 mb-4"},Nt={class:""},d=xt({__name:"DemoSection",props:{title:{type:String,required:!0},description:{type:String,default:void 0}},setup(i){return(e,a)=>(Ct(),Bt(J,{variant:"outlined",title:i.title},{header:ne(()=>[Vl(qu,null,{actions:ne(()=>[]),default:ne(()=>[We("div",null,[We("div",St,yl(i.title),1),We("div",Nt,yl(i.description??i.title),1)])]),_:1})]),default:ne(()=>[Vl(K,null,{default:ne(()=>[kt(e.$slots,"default")]),_:3})]),_:3},8,["title"]))}}),{defineComponent:Ft}=await n("vue"),{createVNode:wl,withCtx:Et,openBlock:Ut,createElementBlock:Dt}=await n("vue"),Tt=Ft({__name:"Breadcrumb",setup(i){const e=[{label:"Home",route:"/",disabled:!0},{label:"Marketing",route:"/marketing"},{label:"My campaign",route:"/marketing/campaign"},{label:"Create campaign",route:"/marketing/campaign/create"}];return(a,t)=>(Ut(),Dt("div",null,[wl(d,{title:"Breadcrumb",description:"Basic usage"},{default:Et(()=>[wl(ju,{items:e})]),_:1})]))}}),{defineComponent:Ot}=await n("vue"),{createVNode:xl,withCtx:Lt,openBlock:zt,createElementBlock:At}=await n("vue"),Mt=Ot({__name:"Line",setup(i){const e=[{label:"Dataset 1",data:[65,59,80,81,56,55,40,65,59,80,81,56],fill:!0,color:"fm-color-system-green-300"}];return(a,t)=>(zt(),At("div",null,[xl(d,{title:"Line chart",description:"Basic line chart usage"},{default:Lt(()=>[xl(Ku,{name:"Total product sales",paragraph:"Included sales: Jun 2023 - Aug 2023","x-axis":{categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},datasets:e})]),_:1})]))}}),{defineComponent:Pt}=await n("vue"),{createVNode:V,createElementVNode:ke,withCtx:Ce,openBlock:It,createElementBlock:Rt}=await n("vue"),Gt={class:"flex flex-col gap-24"},jt={class:"gap-24 grid grid-cols-6"},Wt={class:"gap-24 grid grid-cols-6"},Ht={class:"flex gap-24"},$t={class:"flex gap-24"},qt=Pt({__name:"Button",setup(i){return(e,a)=>(It(),Rt("div",Gt,[V(d,{title:"Basic button",description:"Different button variant"},{default:Ce(()=>[ke("div",jt,[V(v,{variant:"primary",label:"Primary"}),V(v,{variant:"secondary",label:"Secondary"}),V(v,{variant:"tertiary",label:"Tertiary"}),V(v,{variant:"destructive",label:"Destructive"}),V(v,{variant:"fab",label:"FAB"})])]),_:1}),V(d,{title:"Size",description:"Different button size"},{default:Ce(()=>[ke("div",Wt,[V(v,{variant:"primary",label:"md",size:"md"}),V(v,{variant:"primary",label:"lg"})])]),_:1}),V(d,{title:"With icons",description:""},{default:Ce(()=>[ke("div",Ht,[V(v,{variant:"primary",label:"button",size:"md",icon:"home"}),V(v,{variant:"secondary",label:"button",size:"md",icon:"home"}),V(v,{variant:"tertiary",label:"button",size:"md",icon:"home"}),V(v,{variant:"destructive",label:"button",size:"md",icon:"home"}),V(v,{variant:"fab",label:"button",size:"md",icon:"home"}),V(v,{variant:"fab",size:"md",icon:"home"})])]),_:1}),V(d,{title:"Disabled",description:""},{default:Ce(()=>[ke("div",$t,[V(v,{variant:"primary",disabled:"",label:"button",size:"md"}),V(v,{variant:"secondary",disabled:"",label:"button",size:"md"}),V(v,{variant:"tertiary",disabled:"",label:"button",size:"md"}),V(v,{variant:"destructive",disabled:"",label:"button",size:"md"}),V(v,{variant:"fab",disabled:"",label:"button",size:"md"}),V(v,{variant:"fab",disabled:"",size:"md",icon:"home"})])]),_:1})]))}}),Jt=`
|
|
2
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
|
|
3
|
-
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
4
|
-
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
|
5
|
-
nisi ut aliquip ex ea commodo consequat.
|
|
6
|
-
`,Kt=`
|
|
7
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
|
|
8
|
-
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
9
|
-
`;function m(i=!1){return i?Jt:Kt}const{defineComponent:Qt}=await n("vue"),{unref:le,toDisplayString:te,createElementVNode:_,withCtx:y,createVNode:g,openBlock:Zt,createElementBlock:Xt}=await n("vue"),Yt={class:"flex flex-col gap-24"},ea={class:"gap-24 grid grid-cols-3"},la={class:"gap-24 grid grid-cols-3"},ta=_("img",{src:"https://cdn.quasar.dev/img/mountains.jpg"},null,-1),aa=_("div",{class:"mb-8"}," Title ",-1),oa=_("img",{src:"https://tailwindui.com/img/ecommerce-images/product-page-01-related-product-01.jpg"},null,-1),ia=_("div",{class:"flex"},[_("div",{class:"grow"},[_("div",{class:"mb-8"}," Basic Tee "),_("div",{class:"text-fm-color-typo-secondary"}," Aspen white ")]),_("div",{class:"fm-typo-body-lg-700"}," $35 ")],-1),na={class:"gap-24 grid grid-cols-2"},ua=_("div",{class:"grow"},[_("img",{src:"https://cdn.quasar.dev/img/mountains.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),ra=_("div",{class:"grow"},[_("img",{src:"https://cdn.quasar.dev/img/mountains.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),sa=_("div",{class:"basis-1/3"},[_("img",{src:"https://tailwindui.com/img/ecommerce-images/product-page-01-related-product-01.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),da=_("div",{class:"fm-typo-title-sm-700 mb-16"}," Basic Tee 6-pack ",-1),ca={class:"text-fm-color-typo-secondary"},ma=_("div",null," Color ",-1),pa=_("div",null," Size ",-1),va=Qt({__name:"Card",setup(i){return(e,a)=>(Zt(),Xt("div",Yt,[g(d,{title:"Card",description:"Card basic usage"},{default:y(()=>[_("div",ea,[g(J,{class:"h-fit"},{default:y(()=>[g(K,null,{default:y(()=>[_("div",null,te(le(m)()),1)]),_:1})]),_:1}),g(J,{title:"Title"},{default:y(()=>[g(K,null,{default:y(()=>[_("div",null,te(le(m)()),1)]),_:1})]),_:1}),g(J,{title:"Title"},{actions:y(()=>[g(nt,null,{default:y(()=>[g(v,{label:"Cancel",size:"md",variant:"secondary"}),g(v,{label:"Confirm",size:"md"})]),_:1})]),default:y(()=>[g(K,null,{default:y(()=>[_("div",null,te(le(m)()),1)]),_:1})]),_:1})])]),_:1}),g(d,{title:"Media card",description:"Cards with media content"},{default:y(()=>[_("div",la,[g(J,{class:"h-fit"},{default:y(()=>[ta,g(K,null,{default:y(()=>[aa,_("div",null,te(le(m)()),1)]),_:1})]),_:1}),g(J,{class:"h-fit"},{actions:y(()=>[g(nt,{alignment:"center"},{default:y(()=>[g(v,{label:"Add to cart",size:"md",class:"w-full"})]),_:1})]),default:y(()=>[oa,g(K,null,{default:y(()=>[ia]),_:1})]),_:1})])]),_:1}),g(d,{title:"Horizontal card",description:"Cards with horizontal layout"},{default:y(()=>[_("div",na,[g(J,{class:"h-fit",horizontal:""},{default:y(()=>[ua,g(K,null,{default:y(()=>[_("div",null,te(le(m)()),1)]),_:1})]),_:1}),g(J,{class:"h-fit",horizontal:""},{default:y(()=>[ra,g(K,{class:"flex flex-col gap-16 items-center justify-center",padding:"p-8"},{default:y(()=>[g(v,{icon:"home",variant:"tertiary"}),g(v,{icon:"add",variant:"tertiary"}),g(v,{icon:"warning",variant:"tertiary"})]),_:1})]),_:1})])]),_:1}),g(d,{title:"Advance",description:"Advance usage for card component"},{default:y(()=>[g(J,{horizontal:""},{default:y(()=>[sa,g(K,{class:"basis-2/3 flex flex-col gap-24"},{default:y(()=>[_("div",null,[da,_("div",ca,te(le(m)(!0)),1)]),ma,pa,g(v,{label:"Add to cart"})]),_:1})]),_:1})]),_:1})]))}}),{defineComponent:ba}=await n("vue"),{createVNode:He,toDisplayString:fa,createTextVNode:ga,createElementVNode:_a,withCtx:ha,openBlock:ya,createElementBlock:Va}=await n("vue"),wa={class:"flex flex-col gap-24"},xa={class:"gap-24 grid grid-cols-3"},{ref:ka}=await n("vue"),Ca=ba({__name:"DatePicker",setup(i){const e=ka("2023-10-26");return(a,t)=>(ya(),Va("div",wa,[He(d,{title:"Date picker",description:"Basic usage"},{default:ha(()=>[_a("div",xa,[He(dl,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),label:"Single date picker",disabled:!1,rules:[l=>l==="2023-10-26"||"Error"],"helper-text":"Helper"},null,8,["modelValue","rules"]),ga(" "+fa(e.value)+" ",1),He(dl,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),label:"Disabled",disabled:!0},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:Ba}=await n("vue"),{createVNode:Be,toDisplayString:Sa,createTextVNode:Na,createElementVNode:Fa,withCtx:Ea,openBlock:Ua,createElementBlock:Da}=await n("vue"),Ta={class:"flex flex-col gap-24"},Oa={class:"gap-24 grid grid-cols-3"},{ref:La}=await n("vue"),za=Ba({__name:"DateRangePicker",setup(i){const e=La({startDate:"2023-10-01",endDate:"2023-10-31"});return(a,t)=>(Ua(),Da("div",Ta,[Be(d,{title:"Date picker",description:"Basic usage"},{default:Ea(()=>[Fa("div",Oa,[Be(ye,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),disabled:!1,rules:[l=>l.startDate==="2024-01-01"||"Error"],"helper-text":"Helper"},null,8,["modelValue","rules"]),Na(" "+Sa(e.value)+" ",1),Be(ye,{"model-value":e.value},null,8,["model-value"]),Be(ye,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),label:"Disabled",disabled:!0},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:Aa}=await n("vue"),{unref:I,createVNode:O,withCtx:$e,toDisplayString:Ma,createElementVNode:kl,renderList:Pa,Fragment:Ia,openBlock:Cl,createElementBlock:Bl}=await n("vue"),Ra={class:"flex flex-col gap-24"},Ga={class:"ml-32"},{ref:qe}=await n("vue"),ja=Aa({__name:"Checkbox",setup(i){const e=qe(!0),a=qe([]),t=qe(!1),l=[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"},{label:"Option 3",value:"3"},{label:"Option 4",value:"4"}],o=u=>{u?a.value=l.map(s=>s.value):a.value=[],t.value=u},r=u=>{a.value=u,t.value=u.length===l.length};return(u,s)=>(Cl(),Bl("div",Ra,[O(d,{title:"Radio",description:"Basic usage"},{default:$e(()=>[O($,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=c=>e.value=c),name:"v1",label:"Option 1",value:"1",sublabel:I(m)(),indeterminate:!1},null,8,["modelValue","sublabel"]),O($,{"model-value":e.value,name:"v2",label:"Option 2",value:"2",sublabel:I(m)(),indeterminate:!1},null,8,["model-value","sublabel"]),O($,{modelValue:e.value,"onUpdate:modelValue":s[1]||(s[1]=c=>e.value=c),disabled:!0,name:"v3",label:"Option 3",value:"3",sublabel:I(m)(),indeterminate:!1},null,8,["modelValue","sublabel"]),O($,{modelValue:e.value,"onUpdate:modelValue":s[2]||(s[2]=c=>e.value=c),name:"v4",label:"Option 4",value:"4",sublabel:I(m)(),indeterminate:!0},null,8,["modelValue","sublabel"])]),_:1}),O(d,{title:"Radio",description:"Array model"},{default:$e(()=>[kl("div",null,Ma(a.value),1),O($,{modelValue:a.value,"onUpdate:modelValue":s[3]||(s[3]=c=>a.value=c),label:"Option 1",value:"1",sublabel:I(m)()},null,8,["modelValue","sublabel"]),O($,{modelValue:a.value,"onUpdate:modelValue":s[4]||(s[4]=c=>a.value=c),label:"Option 2",value:"2",sublabel:I(m)()},null,8,["modelValue","sublabel"]),O($,{modelValue:a.value,"onUpdate:modelValue":s[5]||(s[5]=c=>a.value=c),label:"Option 3",value:"3",sublabel:I(m)()},null,8,["modelValue","sublabel"]),O($,{modelValue:a.value,"onUpdate:modelValue":s[6]||(s[6]=c=>a.value=c),label:"Option 4",value:"4",sublabel:I(m)()},null,8,["modelValue","sublabel"])]),_:1}),O(d,{title:"Radio",description:"Nested Group"},{default:$e(()=>[O($,{"model-value":t.value,label:"Option 1",value:"1",sublabel:I(m)(),indeterminate:a.value.length>0,"onUpdate:modelValue":o},null,8,["model-value","sublabel","indeterminate"]),kl("div",Ga,[(Cl(),Bl(Ia,null,Pa(l,(c,f)=>O($,{key:f,"model-value":a.value,label:c.label,value:c.value,sublabel:I(m)(),"onUpdate:modelValue":r},null,8,["model-value","label","value","sublabel"])),64))])]),_:1})]))}}),{defineComponent:Wa}=await n("vue"),{createElementVNode:Ha,withCtx:Sl,createVNode:Nl,openBlock:$a,createElementBlock:qa}=await n("vue"),Ja={class:"flex flex-col gap-24"},Ka=Ha("div",null,"test",-1),Qa=Wa({__name:"Field",setup(i){function e(){confirm("form field clicked")}return(a,t)=>($a(),qa("div",Ja,[Nl(d,{title:"Form field",description:"Wrapper to make your component part of form"},{default:Sl(()=>[Nl(ut,{class:"text-fm-color-typo-tertiary","append-icon":"hexagon","prepend-icon":"hexagon",onClick:e},{default:Sl(()=>[Ka]),_:1})]),_:1})]))}}),{defineComponent:Za}=await n("vue"),{unref:L,createVNode:N,withCtx:ue,createElementVNode:Fl,toDisplayString:Xa,createTextVNode:Ya,openBlock:eo,createElementBlock:lo}=await n("vue"),to={class:"flex flex-col gap-24"},{ref:ao}=await n("vue"),oo=Za({__name:"Radio",setup(i){const e=ao("");return(a,t)=>(eo(),lo("div",to,[N(d,{title:"Radio",description:"Radio Group"},{default:ue(()=>[Fl("div",null,[N(cl,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),label:"Radio Group"},{default:ue(()=>[N(U,{value:"1",label:"Bluetooth",sublabel:L(m)()},null,8,["sublabel"]),N(U,{value:"2",label:"WiFi",sublabel:L(m)()},null,8,["sublabel"]),N(U,{value:"3",label:"NFC",sublabel:L(m)()},null,8,["sublabel"]),N(U,{value:"4",label:"Hotspot",sublabel:L(m)()},null,8,["sublabel"])]),_:1},8,["modelValue"])])]),_:1}),N(d,{title:"Radio",description:"Radio Group Inline"},{default:ue(()=>[Fl("div",null,[N(cl,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),inline:""},{default:ue(()=>[N(U,{value:"1",label:"Bluetooth",sublabel:L(m)()},null,8,["sublabel"]),N(U,{value:"2",label:"WiFi",sublabel:L(m)()},null,8,["sublabel"]),N(U,{value:"3",label:"NFC",sublabel:L(m)()},null,8,["sublabel"]),N(U,{value:"4",label:"Hotspot",sublabel:L(m)()},null,8,["sublabel"])]),_:1},8,["modelValue"])])]),_:1}),N(d,{title:"Radio",description:"Radio"},{default:ue(()=>[Ya(Xa(e.value)+" ",1),N(U,{"model-value":e.value,value:"1",label:"Bluetooth (:model-value only)",sublabel:L(m)(),"onUpdate:modelValue":t[2]||(t[2]=l=>console.log(l))},null,8,["model-value","sublabel"]),N(U,{modelValue:e.value,"onUpdate:modelValue":t[3]||(t[3]=l=>e.value=l),value:"2",label:"WiFi",sublabel:L(m)()},null,8,["modelValue","sublabel"]),N(U,{modelValue:e.value,"onUpdate:modelValue":t[4]||(t[4]=l=>e.value=l),value:"3",label:"NFC",sublabel:L(m)()},null,8,["modelValue","sublabel"]),N(U,{modelValue:e.value,"onUpdate:modelValue":t[5]||(t[5]=l=>e.value=l),value:"4",label:"Hotspot",sublabel:L(m)()},null,8,["modelValue","sublabel"])]),_:1})]))}}),{defineComponent:io}=await n("vue"),{createVNode:Se,toDisplayString:El,createElementVNode:Ul,withCtx:Dl,openBlock:no,createElementBlock:uo}=await n("vue"),ro={class:"flex flex-col gap-24"},{ref:Tl}=await n("vue"),so=io({__name:"Select",setup(i){const e=Tl(3),a=Tl([3,"4"]);return(t,l)=>(no(),uo("div",ro,[Se(d,{title:"Select",description:"Single selection"},{default:Dl(()=>[Se(Pe,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=o=>e.value=o),label:"Select",items:[{label:"Object",value:{first:"something"}},{label:"Array",value:["array","1"]},{label:"Number",value:3},{label:"String",value:"4"},{label:"1",value:"5"},{label:"2",value:"6"}],rules:[o=>o==="5"||"Error"],"helper-text":"Helper"},null,8,["modelValue","rules"]),Ul("div",null,El(e.value),1)]),_:1}),Se(d,{title:"Select",description:"Multiple selection"},{default:Dl(()=>[Se(Pe,{modelValue:a.value,"onUpdate:modelValue":l[1]||(l[1]=o=>a.value=o),label:"Select",items:[{label:"Object",value:{first:"something"}},{label:"Array",value:["array","1"]},{label:"Number",value:3},{label:"String",value:"4"},{label:"1",value:"5"},{label:"2",value:"6"}],multiselect:"",rules:[o=>o.includes("5")||"Error"],"helper-text":"Helper"},null,8,["modelValue","rules"]),Ul("div",null,El(a.value),1)]),_:1})]))}}),{defineComponent:co}=await n("vue"),{createVNode:Je,createElementVNode:Ke,toDisplayString:mo,createTextVNode:po,withCtx:vo,openBlock:bo,createElementBlock:fo}=await n("vue"),go=Ke("h1",{class:"mt-8"}," Without steppers ",-1),{ref:_o}=await n("vue"),ho=co({__name:"Stepper",setup(i){const e=_o(null);return(a,t)=>(bo(),fo("div",null,[Je(d,{title:"Text field",description:""},{default:vo(()=>[Ke("div",null,[Je(ml,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),label:"Number",placeholder:"Placeholder",step:30,min:0,max:100,"helper-text":"Helper",rules:[l=>l<=100||"More than 100",l=>l<=50||"More than 50"],"prepend-text":"RM","append-text":"%"},null,8,["modelValue","rules"])]),go,Ke("div",null,[Je(ml,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),label:"Number",placeholder:"Placeholder",step:30,min:0,max:999,"helper-text":"Helper",rules:[l=>l<=100||"More than 100",l=>l<=50||"More than 50"],"show-steppers":!1},null,8,["modelValue","rules"])]),po(" "+mo(e.value),1)]),_:1})]))}}),{defineComponent:yo}=await n("vue"),{createVNode:h,createElementVNode:Ne,withCtx:re,unref:Ol,openBlock:Vo,createElementBlock:wo}=await n("vue"),xo={class:"flex flex-col gap-24"},ko={class:"flex gap-24"},Co={class:"flex flex-col"},Bo={class:"flex gap-24"},So={class:"flex gap-24"},{ref:No}=await n("vue"),Fo=yo({__name:"Switch",setup(i){const e=No({bluetooth:!1,wifi:!1,nfc:!0,hotspot:!0});return(a,t)=>(Vo(),wo("div",xo,[h(d,{title:"Switch",description:"Basic usage"},{default:re(()=>[Ne("div",ko,[h(C,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth",disabled:"","show-icon":""},null,8,["modelValue"]),h(C,{modelValue:e.value.wifi,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value.wifi=l),value:"wifi",label:"WiFi"},null,8,["modelValue"]),h(C,{modelValue:e.value.nfc,"onUpdate:modelValue":t[2]||(t[2]=l=>e.value.nfc=l),value:"nfc",label:"NFC"},null,8,["modelValue"]),h(C,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[3]||(t[3]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot"},null,8,["modelValue"])])]),_:1}),h(d,{title:"Switch",description:"Vertical"},{default:re(()=>[Ne("div",Co,[h(C,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[4]||(t[4]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth"},null,8,["modelValue"]),h(C,{modelValue:e.value.wifi,"onUpdate:modelValue":t[5]||(t[5]=l=>e.value.wifi=l),value:"wifi",label:"WiFi"},null,8,["modelValue"]),h(C,{modelValue:e.value.nfc,"onUpdate:modelValue":t[6]||(t[6]=l=>e.value.nfc=l),value:"nfc",label:"NFC"},null,8,["modelValue"]),h(C,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[7]||(t[7]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot"},null,8,["modelValue"])])]),_:1}),h(d,{title:"Label position",description:"Change label position"},{default:re(()=>[h(C,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[8]||(t[8]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth","label-placement":"right"},null,8,["modelValue"]),h(C,{modelValue:e.value.wifi,"onUpdate:modelValue":t[9]||(t[9]=l=>e.value.wifi=l),value:"wifi",label:"WiFi","label-placement":"right",sublabel:Ol(m)(!0)},null,8,["modelValue","sublabel"]),h(C,{modelValue:e.value.nfc,"onUpdate:modelValue":t[10]||(t[10]=l=>e.value.nfc=l),value:"nfc",label:"NFC","label-placement":"right"},null,8,["modelValue"]),h(C,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[11]||(t[11]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot","label-placement":"right",sublabel:Ol(m)(!0)},null,8,["modelValue","sublabel"])]),_:1}),h(d,{title:"Disabled switch"},{default:re(()=>[Ne("div",Bo,[h(C,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[12]||(t[12]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth",disabled:""},null,8,["modelValue"]),h(C,{modelValue:e.value.wifi,"onUpdate:modelValue":t[13]||(t[13]=l=>e.value.wifi=l),value:"wifi",label:"WiFi",disabled:""},null,8,["modelValue"]),h(C,{modelValue:e.value.nfc,"onUpdate:modelValue":t[14]||(t[14]=l=>e.value.nfc=l),value:"nfc",label:"NFC",disabled:""},null,8,["modelValue"]),h(C,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[15]||(t[15]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot",disabled:""},null,8,["modelValue"])])]),_:1}),h(d,{title:"Icon switch",description:"Switch with icon"},{default:re(()=>[Ne("div",So,[h(C,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[16]||(t[16]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth",disabled:"","show-icon":""},null,8,["modelValue"]),h(C,{modelValue:e.value.wifi,"onUpdate:modelValue":t[17]||(t[17]=l=>e.value.wifi=l),value:"wifi",label:"WiFi","show-icon":""},null,8,["modelValue"]),h(C,{modelValue:e.value.nfc,"onUpdate:modelValue":t[18]||(t[18]=l=>e.value.nfc=l),value:"nfc",label:"NFC",disabled:"","show-icon":""},null,8,["modelValue"]),h(C,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[19]||(t[19]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot","show-icon":""},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:Eo}=await n("vue"),{createVNode:se,createElementVNode:Ll,withCtx:zl,openBlock:Uo,createElementBlock:Do}=await n("vue"),{ref:Al}=await n("vue"),To=Eo({__name:"TextField",setup(i){const e=Al(""),a=Al("");return(t,l)=>(Uo(),Do("div",null,[se(d,{title:"Text field",description:""},{default:zl(()=>[Ll("div",null,[se(Ve,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=o=>e.value=o),label:"something",disabled:!1,"input-state":"success","helper-text":"something",rules:[o=>!!o.includes("t")||"nothing"],"append-icon":"hexagon","max-length":20,"show-word-count":""},null,8,["modelValue","rules"]),se(Ve,{modelValue:e.value,"onUpdate:modelValue":l[1]||(l[1]=o=>e.value=o),label:"something",disabled:!1,"input-state":"warning"},null,8,["modelValue"])])]),_:1}),se(d,{title:"Text area",description:""},{default:zl(()=>[Ll("div",null,[se(Ie,{modelValue:a.value,"onUpdate:modelValue":l[2]||(l[2]=o=>a.value=o),label:"textarea",disabled:!1,"input-state":"error",rules:[o=>!!o.includes("t")||"nothing"],"max-length":100,"show-word-count":""},null,8,["modelValue","rules"])])]),_:1})]))}}),{defineComponent:Oo}=await n("vue"),{createVNode:de,createElementVNode:Lo,withCtx:zo,openBlock:Ao,createElementBlock:Mo}=await n("vue"),Po={class:"flex flex-col gap-24"},Io={class:"gap-24 grid grid-cols-12"},Ro=Oo({__name:"Icon",setup(i){return(e,a)=>(Ao(),Mo("div",Po,[de(d,{title:"Icon",description:"Basic icon styling"},{default:zo(()=>[Lo("div",Io,[de(B,{name:"visibility",outline:!0,size:"sm",color:"primary"}),de(B,{name:"visibility",outline:!1,color:"system-success-300"}),de(B,{name:"visibility",outline:!0,size:"lg",color:"#F12345"}),de(B,{name:"visibility",outline:!1,color:"#F12345",size:"xl"})])]),_:1})]))}}),{defineComponent:Go}=await n("vue"),{createVNode:ae,createElementVNode:S,withCtx:ce,openBlock:jo,createElementBlock:Wo}=await n("vue"),Ho={class:"flex flex-col gap-24"},$o={class:"flex gap-24"},qo=S("div",{class:"grow"},[S("div",null,"Leslie Alexander"),S("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," leslie.alexander@example.com ")],-1),Jo=S("div",{class:"flex flex-col items-end"},[S("div",null," Co-Founder / CEO "),S("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),Ko=S("div",{class:"grow"},[S("div",null,"Michael Foster"),S("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," michael.foster@example.com ")],-1),Qo=S("div",{class:"flex flex-col items-end"},[S("div",null," Co-Founder / CEO "),S("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),Zo=S("div",{class:"grow"},[S("div",null,"Dries Vincent"),S("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," dries.vincent@example.com ")],-1),Xo=S("div",{class:"flex flex-col items-end"},[S("div",null," Co-Founder / CEO "),S("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),Yo=Go({__name:"List",setup(i){return(e,a)=>(jo(),Wo("div",Ho,[ae(d,{title:"Switch",description:"Basic usage"},{default:ce(()=>[S("div",$o,[ae(cr,{class:"w-full",disabled:""},{default:ce(()=>[ae(pl,{tag:"a"},{default:ce(()=>[ae(B,{name:"hexagon"}),qo,Jo]),_:1}),ae(pl,{tag:"label"},{default:ce(()=>[Ko,Qo]),_:1}),ae(pl,{tag:"label"},{default:ce(()=>[Zo,Xo]),_:1})]),_:1})])]),_:1})]))}}),ei={mounted:(i,e)=>{i.clickOutsideEvent=a=>{const t=e.arg?document.querySelectorAll(`#${e.arg}`):[];!(i==a.target||i.contains(a.target))&&!Array.from(t).some(l=>l&&(a.target==l||l.contains(a.target)))&&e.value(a,i)},document.addEventListener("click",i.clickOutsideEvent)},unmounted:i=>{document.removeEventListener("click",i.clickOutsideEvent)}},{defineComponent:li}=await n("vue"),{renderSlot:Qe,createElementVNode:Ml,unref:Pl,normalizeStyle:ti,openBlock:Ze,createElementBlock:Il,createCommentVNode:ai,Teleport:oi,createBlock:ii,withDirectives:ni,pushScopeId:Kr,popScopeId:Qr}=await n("vue"),ui={class:"fm-menu__wrapper"},{ref:oe,provide:ri,inject:si,computed:Rl,onMounted:di,watch:ci}=await n("vue"),mi=li({__name:"FmMenuList",props:{items:{default:()=>[]},placement:{default:"bottom-start"},level:{default:0},trigger:{default:"click"}},setup(i){const e=i,a=oe([]);let t;const l=oe(),o=oe(!1),r=oe(!1),u=si(rt,null),s=oe(null),c=oe(null),{floatingStyles:f}=_r(s,c,{middleware:[hr({mainAxis:u?8:4,crossAxis:u?-12:0}),yr()],placement:e.placement,whileElementsMounted:Vr}),p=()=>{H&&clearTimeout(H)},w=()=>{sl.value==="hover"&&Me()},ul=()=>{sl.value==="click"&&Me()},Me=()=>{p(),r.value=!0,o.value=!0,u==null||u.setChildId(t)};let H;const rl=()=>{sl.value==="hover"&&(r.value=!1,p(),H=setTimeout(()=>{o.value=!1},1e3))},zu=()=>{p(),r.value=!0},Au=()=>{r.value=!1,H&&clearTimeout(H),H=setTimeout(()=>{r.value||(a.value.length>0?o.value=a.value.some(({injectProps:M})=>M.mouseInMenu.value):(u&&u.closeParent(),o.value=!1))},1e3)},Mu=()=>{o.value=!1},Pu=Rl(()=>({mouseInMenu:r}));ri(rt,{register({injectProps:M}){return a.value=[...a.value,{injectProps:M}],a.value.length},closeParent(){o.value=!1,u==null||u.closeParent()},setChildId(M){l.value=M},mouseInChildId:l,trigger:e.trigger}),di(()=>{u&&(t=u.register({injectProps:Pu}))}),ci(()=>u==null?void 0:u.mouseInChildId.value,M=>{M!==t&&(p(),o.value=!1)});const sl=Rl(()=>u===null?e.trigger:"hover");return(M,Zr)=>ni((Ze(),Il("div",null,[Ml("div",{ref_key:"anchorEl",ref:s,class:"fm-menu",onMouseenter:w,onMouseleave:rl,onClick:ul},[Qe(M.$slots,"menu-button",{},void 0,!0)],544),(Ze(),ii(oi,{to:"body"},[o.value?(Ze(),Il("div",{key:0,id:"fm-menu",ref_key:"menuEl",ref:c,style:ti(Pl(f)),onMouseenter:zu,onMouseleave:Au},[Qe(M.$slots,"menu-wrapper",{},()=>[Ml("div",ui,[Qe(M.$slots,"default",{},void 0,!0)])],!0)],36)):ai("",!0)]))])),[[Pl(ei),Mu,"fm-menu"]])}}),Fe=kr(mi,[["__scopeId","data-v-e93262ff"]]),{defineComponent:pi}=await n("vue"),{createElementVNode:k,toDisplayString:Gl,createVNode:Q,renderList:vi,Fragment:bi,openBlock:Xe,createElementBlock:jl,createBlock:fi,withCtx:R}=await n("vue"),gi={class:"flex flex-col gap-24"},_i=k("div",{class:"bg-fm-color-system-warning-100 p-16"},[k("h1",null,"Notes"),k("ul",null,[k("li",null,"\u2022 The dropdown will close whenever it detects scrolling"),k("li",null,"\u2022 Multi select must use checkbox per design guidelines")])],-1),hi={class:"bg-fm-color-neutral-gray-100 mb-16 min-h-[40px] p-8 whitespace-pre"},yi={class:"w-[280px]"},Vi=k("div",null,"Item 1",-1),wi=k("div",null,"Item 2 with Submenu",-1),xi=k("div",null,"Submenu Item 1",-1),ki=k("div",null,"Submenu Item 2",-1),Ci=k("div",null,"Submenu Item 3 with Submenu",-1),Bi=k("div",null,"Sub-submenu Item 1",-1),Si=k("div",null,"Sub-submenu Item 2",-1),Ni=k("div",null,"Sub-submenu Item 3",-1),Fi=k("div",null,"Item 3",-1),{ref:me}=await n("vue"),Ei=pi({__name:"Menu",setup(i){const e=me([{label:"Grid",icon:"grid_view",selected:!1},{label:"List",icon:"view_list",selected:!1},{label:"Thumbnails",icon:"gallery_thumbnail",selected:!1}]);me([{label:"Grid",icon:"grid_view",selected:!1,items:[{label:"Sub 1",icon:"grid_view",selected:!1},{label:"List",icon:"view_list",selected:!1},{label:"Thumbnails",icon:"gallery_thumbnail",selected:!1}]},{label:"List",icon:"view_list",selected:!1,items:[{label:"Sub 1",icon:"grid_view",selected:!1},{label:"List",icon:"view_list",selected:!1},{label:"Thumbnails",icon:"gallery_thumbnail",selected:!1}]},{label:"Thumbnails",icon:"gallery_thumbnail",selected:!1}]);const a=me(!1),t=me(!1),l=me(),o=r=>{l.value=r,e.value.forEach(u=>{u.selected=JSON.stringify(u)===JSON.stringify(r)}),t.value=!1};return(r,u)=>(Xe(),jl("div",gi,[Q(d,{title:"Menu",description:"Basic usage WIP: Menu item clicking logic needs some work still, sorry for the wait"},{default:R(()=>[_i,k("div",hi,[k("div",null,[k("code",null,Gl(JSON.stringify(e.value,null,4)),1)]),k("div",null,[k("code",null,Gl(JSON.stringify(l.value,null,4)),1)])]),Q(vr,{disabled:a.value,"is-open":t.value,onDropdownChanged:u[0]||(u[0]=s=>t.value=s)},{"menu-button":R(()=>[Q(v,{label:"Open Menu"})]),"menu-content":R(()=>[k("div",yi,[(Xe(!0),jl(bi,null,vi(e.value,(s,c)=>(Xe(),fi(fr,{key:c,modelValue:s.selected,"onUpdate:modelValue":f=>s.selected=f,label:s.label,icon:s.icon,onClick:f=>o(s)},null,8,["modelValue","onUpdate:modelValue","label","icon","onClick"]))),128))])]),_:1},8,["disabled","is-open"])]),_:1}),Q(d,{title:"Floating Menu",description:"Floating UI Menu"},{default:R(()=>[Q(Fe,{trigger:"click"},{"menu-button":R(()=>[Q(v,{label:"Open Menu"})]),default:R(()=>[Vi,Q(Fe,{placement:"right-start"},{"menu-button":R(()=>[wi]),default:R(()=>[xi,ki,Q(Fe,{placement:"right-start"},{"menu-button":R(()=>[Ci]),default:R(()=>[Bi,Si,Ni]),_:1})]),_:1}),Fi]),_:1})]),_:1})]))}}),{defineComponent:Ui}=await n("vue"),{unref:A,createVNode:T,createElementVNode:Ye,withCtx:el,openBlock:Di,createElementBlock:Ti}=await n("vue"),Oi={class:"flex flex-col gap-24"},Li={class:"gap-24 grid grid-cols-3"},zi={class:"gap-24 grid grid-cols-3"},Ai={class:"gap-24 grid grid-cols-3"},Wl=Ui({__name:"Snackbar",setup(i){function e(t){confirm(`Snackbar action pressed!
|
|
10
|
-
${t}.`)}function a(t){confirm(`Snackbar dismissed!
|
|
11
|
-
${t}.`)}return(t,l)=>(Di(),Ti("div",Oi,[T(d,{title:"Snackbar",description:"Basic usage"},{default:el(()=>[Ye("div",Li,[T(P,{title:"Info",description:A(m)(),variant:"info"},null,8,["description"]),T(P,{title:"success",description:A(m)(),variant:"success"},null,8,["description"]),T(P,{title:"warning",description:A(m)(),variant:"warning"},null,8,["description"]),T(P,{title:"error",description:A(m)(),variant:"error"},null,8,["description"]),T(P,{title:"neutral ",description:A(m)(),variant:"neutral"},null,8,["description"])])]),_:1}),T(d,{title:"Advance snackbar",description:"Snackbar with action"},{default:el(()=>[Ye("div",zi,[T(P,{title:"Info",description:A(m)(),dismissable:"",variant:"info",action:"press me",onOnAction:l[0]||(l[0]=()=>e("info")),onOnDismiss:l[1]||(l[1]=()=>a("info"))},null,8,["description"]),T(P,{title:"success",description:A(m)(),dismissable:"",variant:"success",action:"press me",onOnAction:l[2]||(l[2]=()=>e("success")),onOnDismiss:l[3]||(l[3]=()=>a("success"))},null,8,["description"]),T(P,{title:"warning",description:A(m)(),dismissable:"",variant:"warning",action:"press me",onOnAction:l[4]||(l[4]=()=>e("warning")),onOnDismiss:l[5]||(l[5]=()=>a("warning"))},null,8,["description"]),T(P,{title:"error",description:A(m)(),dismissable:"",variant:"error",action:"press me",onOnAction:l[6]||(l[6]=()=>e("error")),onOnDismiss:l[7]||(l[7]=()=>a("error"))},null,8,["description"]),T(P,{title:"neutral",description:A(m)(),dismissable:"",variant:"neutral",action:"press me",onOnAction:l[8]||(l[8]=()=>e("neutral")),onOnDismiss:l[9]||(l[9]=()=>a("neutral"))},null,8,["description"])])]),_:1}),T(d,{title:"Custom snackbar",description:"Snackbar with custom color"},{default:el(()=>[Ye("div",Ai,[T(P,{title:"Custom snackbar",color:"secondary-blueberry","bg-color":"secondary-citrus",description:A(m)()},null,8,["description"])])]),_:1})]))}}),{defineComponent:Mi}=await n("vue"),{createVNode:Pi,toDisplayString:Ii,createElementVNode:Ri,withCtx:Gi,openBlock:ji,createBlock:Wi}=await n("vue"),Hi={class:"fm-typo-body-xl-700"},{ref:$i}=await n("vue"),qi=Mi({__name:"TimePicker",setup(i){const e=$i(null);return(a,t)=>(ji(),Wi(d,{title:"Time picker"},{default:Gi(()=>[Pi(st,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l)},null,8,["modelValue"]),Ri("div",Hi,Ii(e.value),1)]),_:1}))}}),{defineComponent:Ji}=await n("vue"),{createTextVNode:Z,withCtx:G,createVNode:j,createElementVNode:Hl,openBlock:Ki,createElementBlock:Qi}=await n("vue"),Zi={class:"flex flex-col gap-24"},Xi={class:"gap-24 grid grid-cols-4"},Yi={class:"gap-24 grid grid-cols-4"},en=Ji({__name:"Tooltip",setup(i){return(e,a)=>(Ki(),Qi("div",Zi,[j(d,{title:"Tooltip",description:"Basic usage"},{default:G(()=>[Hl("div",Xi,[j(ee,{"has-arrow":!0,variant:"plain",beak:"top","content-text":"Top tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[Z(" Top tooltip ")]),_:1},8,["action-buttons"]),j(ee,{"has-arrow":!0,variant:"plain",beak:"right","content-text":"Right tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[Z(" Right tooltip ")]),_:1},8,["action-buttons"]),j(ee,{"has-arrow":!0,variant:"plain",beak:"bottom","content-text":"Bottom tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[Z(" Bottom tooltip ")]),_:1},8,["action-buttons"]),j(ee,{"has-arrow":!0,variant:"plain",beak:"left","content-text":"Left tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[Z(" Left tooltip ")]),_:1},8,["action-buttons"])])]),_:1}),j(d,{title:"Tooltip",description:"Tooltip with actions"},{default:G(()=>[Hl("div",Yi,[j(ee,{"has-arrow":!0,variant:"rich",beak:"top","content-text":"Top tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[Z(" Top tooltip ")]),_:1},8,["action-buttons"]),j(ee,{"has-arrow":!0,variant:"rich",beak:"right","content-text":"Right tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[Z(" Right tooltip ")]),_:1},8,["action-buttons"]),j(ee,{"has-arrow":!0,variant:"rich",beak:"bottom","content-text":"Bottom tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[Z(" Bottom tooltip ")]),_:1},8,["action-buttons"]),j(ee,{"has-arrow":!0,variant:"rich",beak:"left","content-text":"Left tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[Z(" Left tooltip ")]),_:1},8,["action-buttons"])])]),_:1})]))}}),{inject:ln}=await n("vue");function tn(){const i=ln(xr);if(!i)throw new Error("No provider");return i}const{defineComponent:an}=await n("vue"),{createVNode:z,createElementVNode:Ee,withCtx:pe,openBlock:on,createElementBlock:nn}=await n("vue"),un={class:"flex flex-col gap-24"},rn=Ee("div",null,"Header",-1),sn={class:"bg-fm-color-opacity-md w-[480px]"},dn=Ee("div",{class:"h-[300px] w-min"}," this is spacer ",-1),cn=Ee("div",{class:"h-[300px] w-min"}," this is spacer ",-1),{ref:ll}=await n("vue"),mn=an({__name:"Dialog",setup(i){const e=ll(!1),a=ll(""),t=tn(),l=ll({startDate:"2023-10-01",endDate:"2023-10-31"}),o=()=>{t.open({title:"something",message:"something",primaryActions:{text:"Primary",close:!0},secondaryActions:{text:"Secondary",close:!1},tertiaryActions:{text:"Tertiary",close:!1},contentComponent:Wl}).onPrimary(()=>{console.log("primary log")}).onSecondary(()=>{console.log("secondary log")}).onTertiary(()=>{console.log("tertiary log")})};return(r,u)=>(on(),nn("div",un,[z(d,{title:"Icon",description:"Basic icon styling"},{default:pe(()=>[z(v,{label:"Open",onClick:u[0]||(u[0]=s=>e.value=!0)}),z(Nr,{modelValue:e.value,"onUpdate:modelValue":u[4]||(u[4]=s=>e.value=s),overlay:!0},{"dialog-header":pe(()=>[rn]),"dialog-content":pe(()=>[Ee("div",sn,[dn,z(Pe,{modelValue:a.value,"onUpdate:modelValue":u[1]||(u[1]=s=>a.value=s),label:"Select",items:[{label:"Object",value:{first:"something"}},{label:"Array",value:["array","1"]},{label:"Number",value:3},{label:"String",value:"4"},{label:"1",value:"4"},{label:"2",value:"5"}]},null,8,["modelValue"]),z(ye,{modelValue:l.value,"onUpdate:modelValue":u[2]||(u[2]=s=>l.value=s),label:"Date range picker",disabled:!1},null,8,["modelValue"]),z(Fe),cn])]),"dialog-footer":pe(()=>[z(v,{class:"sm:w-full xs:w-full",variant:"tertiary",label:"Label",size:"md"}),z(Er,{class:"sm:hidden xs:hidden"}),z(v,{class:"sm:w-full xs:w-full",variant:"secondary",label:"Label",size:"md"}),z(v,{class:"sm:w-full xs:w-full",variant:"primary",label:"Close",size:"md",onClick:u[3]||(u[3]=s=>e.value=!1)})]),_:1},8,["modelValue"])]),_:1}),z(d,{title:"Dialog Plugin"},{default:pe(()=>[z(v,{variant:"primary",label:"Open Dialog Plugin",size:"lg",onClick:o})]),_:1})]))}}),{defineComponent:pn}=await n("vue"),{toDisplayString:vn,createElementVNode:Ue,createTextVNode:bn,createVNode:F,withCtx:tl,openBlock:fn,createElementBlock:gn}=await n("vue"),_n={class:"bg-fm-color-neutral-gray-100 min-h-[40px] p-8 whitespace-pre"},hn={class:"flex gap-8 items-center"},{ref:$l}=await n("vue"),yn=pn({__name:"Form",setup(i){const e=$l({textField:"",radioGroup:null,stepper:null,textarea:"",datePicker:"",dateRangePicker:{startDate:"",endDate:""},select:"",timePicker:null}),a=$l(),t=()=>{var l;(l=a.value)==null||l.resetInputsValidation()};return(l,o)=>(fn(),gn("div",null,[F(d,{title:"Form",description:"Basic usage"},{default:tl(()=>[Ue("div",null,[bn(" Value: "),Ue("div",_n,[Ue("code",null,vn(JSON.stringify(e.value,null,4)),1)])]),F(Dr,{ref_key:"form",ref:a,class:"flex flex-col gap-16"},{default:tl(()=>[F(dl,{modelValue:e.value.datePicker,"onUpdate:modelValue":o[0]||(o[0]=r=>e.value.datePicker=r),label:"Single date picker",rules:[r=>r==="2023-10-26"||"Error"],"helper-text":"Helper"},null,8,["modelValue","rules"]),F(ye,{modelValue:e.value.dateRangePicker,"onUpdate:modelValue":o[1]||(o[1]=r=>e.value.dateRangePicker=r),disabled:!1,rules:[r=>r.startDate==="2024-01-01"||"Error"],"helper-text":"Helper"},null,8,["modelValue","rules"]),F(st,{modelValue:e.value.timePicker,"onUpdate:modelValue":o[2]||(o[2]=r=>e.value.timePicker=r),label:"Time Picker","helper-text":"Helper",rules:[r=>r==="00:00"||"Error"]},null,8,["modelValue","rules"]),F(Pe,{modelValue:e.value.select,"onUpdate:modelValue":o[3]||(o[3]=r=>e.value.select=r),label:"Select",items:[{label:"Object",value:{first:"something"}},{label:"Array",value:["array","1"]},{label:"Number",value:3},{label:"String",value:"4"},{label:"1",value:"5"},{label:"2",value:"6"}],rules:[r=>r==="5"||"Error"],"helper-text":"Helper"},null,8,["modelValue","rules"]),F(Ve,{modelValue:e.value.textField,"onUpdate:modelValue":o[4]||(o[4]=r=>e.value.textField=r),label:"Text Field",rules:[r=>!!r.includes("t")||"Must have a 't'"]},null,8,["modelValue","rules"]),F(cl,{modelValue:e.value.radioGroup,"onUpdate:modelValue":o[5]||(o[5]=r=>e.value.radioGroup=r),disabled:!1,label:"Radio Group"},{default:tl(()=>[F(U,{value:"bluetooth",label:"Bluetooth"}),F(U,{value:"wifi",label:"WiFi"}),F(U,{value:"nfc",label:"NFC"}),F(U,{value:"hotspot",label:"Hotspot"})]),_:1},8,["modelValue"]),F(ml,{modelValue:e.value.stepper,"onUpdate:modelValue":o[6]||(o[6]=r=>e.value.stepper=r),label:"Number",placeholder:"Placeholder",step:30,min:0,max:999,"helper-text":"Helper",rules:[r=>r<=100||"More than 100",r=>r<=50||"More than 50",r=>!!r||"This field is required"],"prepend-text":"RM","append-text":"%"},null,8,["modelValue","rules"]),F(Ie,{modelValue:e.value.textarea,"onUpdate:modelValue":o[7]||(o[7]=r=>e.value.textarea=r),label:"Textarea",rules:[r=>!!r.includes("t")||"Must have a 't'"]},null,8,["modelValue","rules"]),Ue("div",hn,[F(v,{type:"submit",label:"Submit"}),F(v,{type:"reset",label:"Reset"}),F(v,{label:"Reset Validation",onClick:t})])]),_:1},512)]),_:1})]))}}),{defineComponent:Vn}=await n("vue"),{createVNode:W,withCtx:ve,openBlock:wn,createElementBlock:xn}=await n("vue"),kn={class:"flex flex-col gap-24"},{ref:be}=await n("vue"),Cn=Vn({__name:"ButtonGroup",setup(i){const e=[{label:"Grid"},{label:"List"},{label:"Thumbnails"}],a=[{icon:"grid_view"},{icon:"view_list"},{icon:"gallery_thumbnail"}],t=[{label:"Grid",icon:"grid_view"},{label:"List",icon:"view_list"},{label:"Thumbnails",icon:"gallery_thumbnail"}],l=[{label:"Grid",icon:"grid_view"},{label:"List (Disabled)",icon:"view_list",disabled:!0},{label:"Thumbnails",icon:"gallery_thumbnail"}],o=be(e[0]),r=be(a[0]),u=be(t[0]),s=be(null),c=be(null);return(f,p)=>(wn(),xn("div",kn,[W(d,{title:"Button Group (Label)",description:"Label only"},{default:ve(()=>[W(we,{modelValue:o.value,"onUpdate:modelValue":p[0]||(p[0]=w=>o.value=w),items:e},null,8,["modelValue"])]),_:1}),W(d,{title:"Button Group (Icon)",description:"Icon only"},{default:ve(()=>[W(we,{modelValue:r.value,"onUpdate:modelValue":p[1]||(p[1]=w=>r.value=w),items:a},null,8,["modelValue"])]),_:1}),W(d,{title:"Button Group (Both)",description:"Both"},{default:ve(()=>[W(we,{modelValue:u.value,"onUpdate:modelValue":p[2]||(p[2]=w=>u.value=w),items:t},null,8,["modelValue"])]),_:1}),W(d,{title:"Button Group (Disabled)",description:"Disabled state for the whole group"},{default:ve(()=>[W(we,{modelValue:s.value,"onUpdate:modelValue":p[3]||(p[3]=w=>s.value=w),items:t,disabled:""},null,8,["modelValue"])]),_:1}),W(d,{title:"Button Group (Individually Disabled)",description:"Disabled state for the an individual button"},{default:ve(()=>[W(we,{modelValue:c.value,"onUpdate:modelValue":p[4]||(p[4]=w=>c.value=w),items:l},null,8,["modelValue"])]),_:1})]))}}),{defineComponent:Bn}=await n("vue"),{createVNode:x,unref:ql,withCtx:X,createElementVNode:al,openBlock:fe,createElementBlock:De,createCommentVNode:Jl,withModifiers:Kl,createBlock:Sn}=await n("vue"),Nn={class:"flex flex-col gap-24 w-full"},Fn={key:0,class:"flex flex-col w-full"},En=al("div",{class:"fm-typo-title-sm-700 mb-8"}," Campaign Detail ",-1),Un={key:1,class:"flex flex-col w-full"},Dn=al("div",{class:"fm-typo-title-sm-700 mb-8"}," Campaign Trigger ",-1),Tn={key:2,class:"flex flex-col w-full"},On=al("div",{class:"fm-typo-title-sm-700 mb-8"}," Campaign Configuration ",-1),{ref:Ql}=await n("vue"),Ln=Bn({__name:"Stepper",setup(i){const e=Ql(""),a=Ql(1),t=()=>a.value>1,l=()=>!0,o=()=>a.value>2,r=()=>a.value>3,u=()=>{a.value<4&&(a.value+=1)},s=()=>{a.value>0&&(a.value-=1)};return(c,f)=>(fe(),De("div",Nn,[x(d,{title:"Horizontal Stepper",description:"With horizontal orientation"},{default:X(()=>[x(vl,{modelValue:a.value,"onUpdate:modelValue":f[0]||(f[0]=p=>a.value=p),orientation:"horizontal"},{default:X(()=>[x(q,{title:"General information",description:"Supporting text",value:1,disabled:()=>a.value>2,complete:()=>!1,onClick:()=>{}},null,8,["disabled"]),x(q,{title:"Event trigger",description:"asd",value:2,complete:()=>a.value>2},null,8,["complete"]),x(q,{title:"Configuration",description:ql(m)(!0),value:3,error:()=>!0,complete:()=>a.value>3},null,8,["description","complete"]),x(q,{title:"Confirmation",value:4,disabled:()=>!0,complete:()=>a.value>4},null,8,["complete"])]),_:1},8,["modelValue"])]),_:1}),x(d,{title:"Vertical Stepper",description:"With vertical orientation"},{default:X(()=>[x(vl,{modelValue:a.value,"onUpdate:modelValue":f[1]||(f[1]=p=>a.value=p),orientation:"vertical"},{default:X(()=>[x(q,{title:"General information",description:"Supporting text",value:1,complete:()=>a.value>1},null,8,["complete"]),x(q,{title:"Event trigger",description:ql(m)(!0),value:2,disabled:()=>!0,complete:()=>a.value>2},null,8,["description","complete"]),x(q,{title:"Configuration",value:3,error:()=>!0,complete:()=>a.value>3},null,8,["complete"])]),_:1},8,["modelValue"])]),_:1}),x(d,{title:"Basic Usage",description:"contains 3 slots (default - FmStep, contents - form, actions - navigation buttons)"},{default:X(()=>[x(vl,{modelValue:a.value,"onUpdate:modelValue":f[6]||(f[6]=p=>a.value=p),"total-steps":3,orientation:"horizontal"},{contents:X(()=>[a.value===1?(fe(),De("div",Fn,[En,x(Ve,{modelValue:e.value,"onUpdate:modelValue":f[2]||(f[2]=p=>e.value=p),required:"",label:"Field 1"},null,8,["modelValue"]),x(Ie,{modelValue:e.value,"onUpdate:modelValue":f[3]||(f[3]=p=>e.value=p),label:"textarea",disabled:!1},null,8,["modelValue"])])):a.value===2?(fe(),De("div",Un,[Dn,x(Ve,{modelValue:e.value,"onUpdate:modelValue":f[4]||(f[4]=p=>e.value=p),label:"Field 1"},null,8,["modelValue"])])):a.value===3?(fe(),De("div",Tn,[On,x(Ie,{modelValue:e.value,"onUpdate:modelValue":f[5]||(f[5]=p=>e.value=p),label:"textarea",disabled:!1},null,8,["modelValue"])])):Jl("",!0)]),actions:X(()=>[a.value!=1?(fe(),Sn(v,{key:0,type:"button",label:"Previous",variant:"tertiary",onClick:Kl(s,["prevent"])},null,8,["onClick"])):Jl("",!0),x(v,{variant:"primary",label:a.value!=3?"Next":"Submit",type:"button",onClick:Kl(u,["prevent"])},null,8,["label","onClick"])]),default:X(()=>[x(q,{title:"General information",description:"Supporting text",value:1,error:l,complete:t}),x(q,{title:"Event trigger",value:2,complete:o}),x(q,{title:"Configuration",value:3,complete:r})]),_:1},8,["modelValue"])]),_:1})]))}}),{defineComponent:zn}=await n("vue"),{createVNode:Te,createElementVNode:Oe,toDisplayString:An,withCtx:Zl,Fragment:Mn,openBlock:Pn,createElementBlock:In}=await n("vue"),Rn=["src"],{ref:Xl}=await n("vue"),Gn=zn({__name:"DropField",setup(i){const e=Xl(),a=Xl(),t=o=>{console.log(o),e.value=URL.createObjectURL(o)},l=o=>{console.log(o),a.value=o};return(o,r)=>(Pn(),In(Mn,null,[Te(d,{title:"Drop Field"},{default:Zl(()=>[Te(dt,{class:"h-[300px] w-[200px]",label:"Document",accept:".pdf, .png",onFileUpload:t,onFileRejected:l}),Oe("div",null,[Oe("img",{src:e.value},null,8,Rn)]),Oe("div",null,[Oe("code",null,An(JSON.stringify(a.value,function(u,s){return u==="file"?{fileName:s.name,fileType:s.type}:s},4)),1)])]),_:1}),Te(d,{class:"mt-4",title:"Drop Field Disabled"},{default:Zl(()=>[Te(dt,{class:"h-[300px] w-[200px]",label:"Document",disabled:""})]),_:1})],64))}}),{defineComponent:jn}=await n("vue"),{createVNode:b,withCtx:E,createElementVNode:Y,openBlock:Wn,createElementBlock:Hn}=await n("vue"),$n={class:"flex gap-24 items-center"},qn=Y("div",null," Inline ",-1),Jn={class:"flex gap-8 items-center"},Kn=Y("div",null," Or as individual component ",-1),Qn={class:"flex gap-24 items-center"},Zn={class:"flex gap-24 items-center"},Xn=jn({__name:"Badge",setup(i){return(e,a)=>(Wn(),Hn("div",null,[b(d,{title:"Badge",description:"Basic usage"},{default:E(()=>[Y("div",$n,[b(D,null,{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{value:3},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{value:30},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{value:300},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{value:300,inline:""},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"}),qn]),_:1}),Y("div",Jn,[Kn,b(D,{value:300,inline:""})])])]),_:1}),b(d,{title:"Badge",description:"Variants"},{default:E(()=>[Y("div",null,[Y("div",Qn,[b(D,{variant:"info"},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{variant:"success"},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{variant:"warning"},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{variant:"critical"},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{variant:"neutral"},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1})])]),Y("div",null,[Y("div",Zn,[b(D,{variant:"info",value:300},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{variant:"success",value:300},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{variant:"warning",value:300},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{variant:"critical",value:300},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{variant:"neutral",value:300},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1})])])]),_:1})]))}}),{defineComponent:Yn}=await n("vue"),{createElementVNode:ge,renderList:Yl,Fragment:et,openBlock:ol,createElementBlock:il,createVNode:_e,withCtx:lt}=await n("vue"),eu={class:"flex flex-col gap-24"},lu=ge("div",null,"Normal",-1),tu={class:"flex gap-8 items-center mt-4"},au=ge("div",{class:"mt-16"}," Compact ",-1),ou={class:"flex gap-4 items-center mt-4"},iu={class:"border-1 overflow-auto resize-x w-full"},nu=Yn({__name:"Chip",setup(i){const e=[{label:"Just Text"},{icon:"hexagon"},{label:"With Icon",icon:"hexagon"},{label:"Selectable",selectable:!0},{label:"Selected",selected:!0,selectable:!0},{label:"Removable",removable:!0},{label:"Disabled",icon:"hexagon",disabled:!0},{label:"Long long long long long text",icon:"hexagon"}];return(a,t)=>(ol(),il("div",eu,[_e(d,{title:"Chip",description:"Basic usage"},{default:lt(()=>[lu,ge("div",tu,[(ol(),il(et,null,Yl(e,l=>_e(ct,{key:l.label,label:l.label,icon:l.icon,removable:l.removable,disabled:l.disabled,selected:l.selected,selectable:l.selectable},null,8,["label","icon","removable","disabled","selected","selectable"])),64))]),au,ge("div",ou,[(ol(),il(et,null,Yl(e,l=>_e(ct,{key:l.label,label:l.label,icon:l.icon,removable:l.removable,disabled:l.disabled,selected:l.selected,selectable:l.selectable,compact:""},null,8,["label","icon","removable","disabled","selected","selectable"])),64))])]),_:1}),_e(d,{title:"Chip Group",description:"Basic usage"},{default:lt(()=>[ge("div",iu,[_e(Ir,{items:e})])]),_:1})]))}}),{defineComponent:uu}=await n("vue"),{toDisplayString:ru,createVNode:su,createTextVNode:du,withCtx:cu,openBlock:mu,createBlock:pu}=await n("vue"),{ref:vu}=await n("vue"),bu=uu({__name:"Tabs",setup(i){const e=vu("overview"),a=[{label:"Overview",value:"overview",icon:"overview"},{label:"General",value:"general",icon:"insert_chart",children:[{label:"Add report",value:"+",icon:"add"},{label:"Payment by method",value:"1"},{label:"Taxes collected over time",value:"2"},{label:"Sessions over time",value:"3"},{label:"Customers by order value",value:"4"},{label:"Product launching",value:"5"},{label:"Broadcast",value:"6"},{label:"Void",value:"7"}]},{label:"Insights",value:"insights",icon:"query_stats"},{label:"Customize",value:"customize",icon:"settings"}];function t(l){l==="+"?console.log("add new report"):e.value=l}return(l,o)=>(mu(),pu(d,{title:"Tab"},{default:cu(()=>[du(ru(e.value)+" ",1),su(Gr,{"model-value":e.value,items:a,"onUpdate:modelValue":o[0]||(o[0]=r=>t((r==null?void 0:r.toString())??""))},null,8,["model-value"])]),_:1}))}}),{defineComponent:fu}=await n("vue"),{createVNode:nl,withCtx:tt,openBlock:gu,createElementBlock:_u}=await n("vue"),hu={class:"flex flex-col gap-24"},{ref:yu}=await n("vue"),Vu=fu({__name:"FormGroup",setup(i){const e=yu();return(a,t)=>(gu(),_u("div",hu,[nl(d,{title:"Form Group",description:"Custom Input"},{default:tt(()=>[nl(Hr,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),label:"Form Group","helper-text":"Helper Text"},{default:tt(()=>[nl(ut)]),_:1},8,["modelValue"])]),_:1})]))}}),{defineComponent:wu}=await n("vue"),{renderList:at,Fragment:ot,openBlock:he,createElementBlock:Le,toDisplayString:it,createElementVNode:ze,normalizeClass:xu,resolveDynamicComponent:ku,createBlock:Cu}=await n("vue"),Bu={class:"divide-x flex h-screen",style:{"background-color":"#f7f7f7"}},Su={class:"h-full overflow-y-auto px-24",style:{"min-width":"200px"}},Nu={class:"fm-typo-body-lg-700 mb-8 text-fm-color-typo-tertiary"},Fu=["onClick"],Eu={class:"grow h-full overflow-y-auto p-16"},{ref:Uu,computed:Du,onMounted:Tu}=await n("vue"),Ou=wu({__name:"App",setup(i){const e=[{title:"Application",children:{FmButton:{label:"Button",component:qt},FmButtonGroup:{label:"Button Group",component:Cn},FmBadge:{label:"Badge",component:Xn},FmCard:{label:"Card",component:va},FmChip:{label:"Chip & Chip Group",component:nu},FmIcon:{label:"Icon",component:Ro},FmSnackbar:{label:"Snackbar",component:Wl},FmList:{label:"List & list item",component:Yo},FmStepper:{label:"Stepper",component:Ln},FmBreadcrumb:{label:"Breadcrumb",component:Tt},FmDialog:{label:"Dialog",component:mn},FmDropField:{label:"Drop Field",component:Gn},FmTabs:{label:"Tabs",component:bu}}},{title:"Form",children:{FmFormGroup:{label:"Form Group",component:Vu},FmForm:{label:"Form",component:yn},FmFormField:{label:"Form field",component:Qa},FmTextField:{label:"Input",component:To},FmStepperField:{label:"Stepper Field",component:ho},FmSwitch:{label:"Switch",component:Fo},FmRadio:{label:"Radio",component:oo},FmCheckbox:{label:"Checkbox",component:ja},FmSelect:{label:"Select",component:so},FmDatePicker:{label:"Date picker",component:Ca},FmDateRangePicker:{label:"Date range picker",component:za},FmTimePicker:{label:"Time picker",component:qi}}},{title:"Chart",children:{FmLineChart:{label:"Line chart",component:Mt}}},{title:"Utility",children:{FmMenu:{label:"Menu",component:Ei},FmTooltip:{label:"Tooltip",component:en}}}],a=Uu("FmButton");function t(o){window.location.hash=o,a.value=o}const l=Du(()=>e.reduce((o,r)=>({...o,...r.children}),{})[a.value].component);return Tu(()=>{const[,o]=window.location.hash.split("/");o&&t(o)}),(o,r)=>(he(),Le("div",Bu,[ze("div",Su,[(he(),Le(ot,null,at(e,(u,s)=>ze("div",{key:s,class:"mt-24"},[ze("div",Nu,it(u.title),1),(he(!0),Le(ot,null,at(u.children,(c,f)=>(he(),Le("div",{key:f,class:xu([a.value===f?"cursor-not-allowed fm-typo-body-lg-700 text-fm-color-primary":"cursor-pointer","py-4"]),onClick:()=>t(f)},it(c.label),11,Fu))),128))])),64))]),ze("div",Eu,[(he(),Cu(ku(l.value)))])]))}}),{createApp:Lu}=await n("vue"),Ae=Lu(Ou);Ae.use(mt),Ae.use(wt,{duration:.3,color:"var(--fm-color-opacity-sm)",initialOpacity:1,finalOpacity:.1,dissolveDuration:.6}),Ae.use(qr),Ae.mount("#app")});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+SC:wght@100;200;300;400;500;600;700;800;900&display=swap";.fm-menu[data-v-e93262ff]{display:block;min-height:24px;min-width:24px;cursor:pointer}.fm-menu__wrapper[data-v-e93262ff]{position:relative!important;max-height:408px;min-width:112px;padding:12px 4px;display:flex;flex-direction:column;overflow-y:auto;border-radius:8px;background-color:var(--fm-color-neutral-white);--tw-shadow: 0px 8px 16px 0px rgba(199, 199, 204, .24);--tw-shadow-colored: 0px 8px 16px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);position:absolute}html,body,textarea{font-family:Inter,NotoSansSc,Roboto}*{box-sizing:border-box}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--fm-color-primary: #ff7823;--fm-color-secondary-macaron: #8ce6d7;--fm-color-secondary-blueberry: #007ba7;--fm-color-secondary-salmon: #ff5d53;--fm-color-secondary-tuna: #73c8e6;--fm-color-secondary-citrus: #fca23e;--fm-color-secondary-halite: #f09bbe;--fm-color-secondary-mustard: #ffd232;--fm-color-secondary-mint: #50be9b;--fm-color-secondary-plum: #8358d4;--fm-color-secondary-cocoa: #9b5046;--fm-color-neutral-white: #ffffff;--fm-color-neutral-gray-100: #f2f2f7;--fm-color-neutral-gray-200: #c7c7cc;--fm-color-neutral-gray-300: #aeaeb2;--fm-color-neutral-gray-400: #6b6b6b;--fm-color-neutral-gray-500: #1c1c1e;--fm-color-system-green-100: #ebf9ee;--fm-color-system-green-200: #85dd9b;--fm-color-system-green-300: #34c759;--fm-color-system-green-400: #1f7735;--fm-color-system-orange-100: #fff4e6;--fm-color-system-orange-200: #ffbf66;--fm-color-system-orange-300: #ff9500;--fm-color-system-orange-400: #995900;--fm-color-system-red-100: #ffebea;--fm-color-system-red-200: #ff8983;--fm-color-system-red-300: #ff3b30;--fm-color-system-red-400: #99231d;--fm-color-system-blue-100: #e6f2ff;--fm-color-system-blue-200: #66afff;--fm-color-system-blue-300: #007aff;--fm-color-system-blue-400: #004999;--fm-color-overlay: rgba(102, 102, 102, .76);--fm-color-opacity-sm: rgba(28, 28, 30, .08);--fm-color-opacity-md: rgba(28, 28, 30, .16);--fm-color-opacity-lg: rgba(28, 28, 30, .24)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 0px){.container{max-width:0px}}@media (min-width: 648px){.container{max-width:648px}}@media (min-width: 960px){.container{max-width:960px}}@media (min-width: 1248px){.container{max-width:1248px}}.fm-typo-display-sm-700{font-size:2.25rem;font-weight:700;line-height:1.1111;letter-spacing:.025em;text-decoration-line:none}.fm-typo-title-md-700{font-size:1.625rem;font-weight:700;line-height:1.2308;letter-spacing:.015em;text-decoration-line:none}.fm-typo-title-sm-700{font-size:1.375rem;font-weight:700;line-height:1.2727;letter-spacing:.015em;text-decoration-line:none}.fm-typo-body-xl-700{font-size:1.125rem;font-weight:700;line-height:1.3333;letter-spacing:.01em;text-decoration-line:none}.fm-typo-body-lg-700{font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:.005em;text-decoration-line:none}.fm-typo-body-md-700{font-size:.875rem;font-weight:700;line-height:1.5714;letter-spacing:.0125em;text-decoration-line:none}.fm-typo-body-lg-400{font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:-.005em;text-decoration-line:none}.fm-typo-body-md-400{font-size:.875rem;font-weight:400;line-height:1.5714;letter-spacing:.01em;text-decoration-line:none}.fm-typo-body-sm-400{font-size:.75rem;font-weight:400;line-height:1.6667;letter-spacing:.02em;text-decoration-line:none}.fm-shadow-light-400{box-shadow:0 16px 24px #c7c7cc3d}.fm-corner-radius-md{border-radius:8px}.fm-corner-radius-lg{border-radius:16px}.border-1{border-width:1px}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.left-0{left:0}.left-\[50\%\]{left:50%}.right-0{right:0}.right-\[-12px\]{right:-12px}.right-\[-20px\]{right:-20px}.right-\[-4px\]{right:-4px}.right-\[12px\]{right:12px}.right-\[6px\]{right:6px}.right-\[7px\]{right:7px}.top-0{top:0}.top-\[-2px\]{top:-2px}.top-\[18px\]{top:18px}.top-\[50\%\]{top:50%}.z-50{z-index:50}.z-\[99\]{z-index:99}.col-start-2{grid-column-start:2}.row-start-1{grid-row-start:1}.mx-24{margin-left:24px;margin-right:24px}.mx-8{margin-left:8px;margin-right:8px}.my-8{margin-top:8px;margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.ml-32{margin-left:32px}.mr-12{margin-right:12px}.mr-32{margin-right:32px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-4{margin-top:4px}.mt-40{margin-top:40px}.mt-7{margin-top:1.75rem}.mt-8{margin-top:8px}.mt-\[2px\]{margin-top:2px}.box-border{box-sizing:border-box}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.\!inline{display:inline!important}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.h-10{height:2.5rem}.h-120{height:120px}.h-24{height:24px}.h-3{height:.75rem}.h-40{height:40px}.h-48{height:48px}.h-6{height:1.5rem}.h-72{height:72px}.h-96{height:96px}.h-\[100px\]{height:100px}.h-\[10px\]{height:10px}.h-\[16px\]{height:16px}.h-\[18px\]{height:18px}.h-\[20px\]{height:20px}.h-\[22px\]{height:22px}.h-\[24px\]{height:24px}.h-\[264px\]{height:264px}.h-\[2px\]{height:2px}.h-\[300px\]{height:300px}.h-\[30px\]{height:30px}.h-\[400px\]{height:400px}.h-\[46px\]{height:46px}.h-\[6px\]{height:6px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-48{max-height:48px}.max-h-64{max-height:64px}.max-h-\[408px\]{max-height:408px}.min-h-\[24px\]{min-height:24px}.min-h-\[40px\]{min-height:40px}.min-h-\[52px\]{min-height:52px}.w-16{width:16px}.w-2\/3{width:66.666667%}.w-24{width:24px}.w-3{width:.75rem}.w-40{width:40px}.w-48{width:48px}.w-6{width:1.5rem}.w-\[10px\]{width:10px}.w-\[160px\]{width:160px}.w-\[16px\]{width:16px}.w-\[18px\]{width:18px}.w-\[200px\]{width:200px}.w-\[20px\]{width:20px}.w-\[24px\]{width:24px}.w-\[280px\]{width:280px}.w-\[2px\]{width:2px}.w-\[343px\]{width:343px}.w-\[360px\]{width:360px}.w-\[400px\]{width:400px}.w-\[480px\]{width:480px}.w-\[52px\]{width:52px}.w-\[6px\]{width:6px}.w-\[720px\]{width:720px}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-min{width:-moz-min-content;width:min-content}.min-w-\[112px\]{min-width:112px}.min-w-\[186px\]{min-width:186px}.min-w-\[24px\]{min-width:24px}.min-w-\[32px\]{min-width:32px}.min-w-\[40px\]{min-width:40px}.min-w-\[90px\]{min-width:90px}.max-w-\[200px\]{max-width:200px}.max-w-\[360px\]{max-width:360px}.max-w-full{max-width:100%}.max-w-xs{max-width:20rem}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-1\/3{flex-basis:33.333333%}.basis-2\/3{flex-basis:66.666667%}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-x{resize:horizontal}.resize{resize:both}.grid-flow-col{grid-auto-flow:column}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-12{gap:12px}.gap-16{gap:16px}.gap-2{gap:.5rem}.gap-24{gap:24px}.gap-4{gap:4px}.gap-8{gap:8px}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-y-\[1px\]>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-fm-color-neutral-black>:not([hidden])~:not([hidden]){border-color:var(--fm-color-neutral-gray-500)}.divide-fm-color-neutral-gray-100>:not([hidden])~:not([hidden]){border-color:var(--fm-color-neutral-gray-100)}.divide-fm-color-neutral-gray-200>:not([hidden])~:not([hidden]){border-color:var(--fm-color-neutral-gray-200)}.divide-fm-color-neutral-gray-300>:not([hidden])~:not([hidden]){border-color:var(--fm-color-neutral-gray-300)}.divide-fm-color-neutral-gray-400>:not([hidden])~:not([hidden]){border-color:var(--fm-color-neutral-gray-400)}.divide-fm-color-neutral-white>:not([hidden])~:not([hidden]){border-color:var(--fm-color-neutral-white)}.divide-fm-color-opacity-lg>:not([hidden])~:not([hidden]){border-color:var(--fm-color-opacity-lg)}.divide-fm-color-opacity-md>:not([hidden])~:not([hidden]){border-color:var(--fm-color-opacity-md)}.divide-fm-color-opacity-sm>:not([hidden])~:not([hidden]){border-color:var(--fm-color-opacity-sm)}.divide-fm-color-overlay-background>:not([hidden])~:not([hidden]){border-color:var(--fm-color-overlay)}.divide-fm-color-primary>:not([hidden])~:not([hidden]){border-color:var(--fm-color-primary)}.divide-fm-color-secondary-blueberry>:not([hidden])~:not([hidden]){border-color:var(--fm-color-secondary-blueberry)}.divide-fm-color-secondary-citrus>:not([hidden])~:not([hidden]){border-color:var(--fm-color-secondary-citrus)}.divide-fm-color-secondary-cocoa>:not([hidden])~:not([hidden]){border-color:var(--fm-color-secondary-cocoa)}.divide-fm-color-secondary-halite>:not([hidden])~:not([hidden]){border-color:var(--fm-color-secondary-halite)}.divide-fm-color-secondary-macaron>:not([hidden])~:not([hidden]){border-color:var(--fm-color-secondary-macaron)}.divide-fm-color-secondary-mint>:not([hidden])~:not([hidden]){border-color:var(--fm-color-secondary-mint)}.divide-fm-color-secondary-mustard>:not([hidden])~:not([hidden]){border-color:var(--fm-color-secondary-mustard)}.divide-fm-color-secondary-plum>:not([hidden])~:not([hidden]){border-color:var(--fm-color-secondary-plum)}.divide-fm-color-secondary-salmon>:not([hidden])~:not([hidden]){border-color:var(--fm-color-secondary-salmon)}.divide-fm-color-secondary-tuna>:not([hidden])~:not([hidden]){border-color:var(--fm-color-secondary-tuna)}.divide-fm-color-system-error-100>:not([hidden])~:not([hidden]){border-color:var(--fm-color-system-red-100)}.divide-fm-color-system-error-200>:not([hidden])~:not([hidden]){border-color:var(--fm-color-system-red-200)}.divide-fm-color-system-error-300>:not([hidden])~:not([hidden]){border-color:var(--fm-color-system-red-300)}.divide-fm-color-system-error-400>:not([hidden])~:not([hidden]){border-color:var(--fm-color-system-red-400)}.divide-fm-color-system-info-100>:not([hidden])~:not([hidden]){border-color:var(--fm-color-system-blue-100)}.divide-fm-color-system-info-200>:not([hidden])~:not([hidden]){border-color:var(--fm-color-system-blue-200)}.divide-fm-color-system-info-300>:not([hidden])~:not([hidden]){border-color:var(--fm-color-system-blue-300)}.divide-fm-color-system-info-400>:not([hidden])~:not([hidden]){border-color:var(--fm-color-system-blue-400)}.divide-fm-color-system-success-100>:not([hidden])~:not([hidden]){border-color:var(--fm-color-system-green-100)}.divide-fm-color-system-success-200>:not([hidden])~:not([hidden]){border-color:var(--fm-color-system-green-200)}.divide-fm-color-system-success-300>:not([hidden])~:not([hidden]){border-color:var(--fm-color-system-green-300)}.divide-fm-color-system-success-400>:not([hidden])~:not([hidden]){border-color:var(--fm-color-system-green-400)}.divide-fm-color-system-warning-100>:not([hidden])~:not([hidden]){border-color:var(--fm-color-system-orange-100)}.divide-fm-color-system-warning-200>:not([hidden])~:not([hidden]){border-color:var(--fm-color-system-orange-200)}.divide-fm-color-system-warning-300>:not([hidden])~:not([hidden]){border-color:var(--fm-color-system-orange-300)}.divide-fm-color-system-warning-400>:not([hidden])~:not([hidden]){border-color:var(--fm-color-system-orange-400)}.divide-fm-color-typo-disabled>:not([hidden])~:not([hidden]){border-color:var(--fm-color-neutral-gray-200)}.divide-fm-color-typo-error>:not([hidden])~:not([hidden]){border-color:var(--fm-color-system-red-400)}.divide-fm-color-typo-info>:not([hidden])~:not([hidden]){border-color:var(--fm-color-system-blue-300)}.divide-fm-color-typo-primary>:not([hidden])~:not([hidden]){border-color:var(--fm-color-neutral-gray-500)}.divide-fm-color-typo-secondary>:not([hidden])~:not([hidden]){border-color:var(--fm-color-neutral-gray-400)}.divide-fm-color-typo-success>:not([hidden])~:not([hidden]){border-color:var(--fm-color-system-green-300)}.divide-fm-color-typo-tertiary>:not([hidden])~:not([hidden]){border-color:var(--fm-color-neutral-gray-300)}.divide-fm-color-typo-warning>:not([hidden])~:not([hidden]){border-color:var(--fm-color-system-orange-300)}.divide-fm-color-typo-white>:not([hidden])~:not([hidden]){border-color:var(--fm-color-neutral-white)}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[100px\]{border-radius:100px}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-md{border-radius:8px}.rounded-none{border-radius:0}.rounded-sm{border-radius:4px}.rounded-xxxl{border-radius:360px}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-r{border-right-width:1px}.border-dashed{border-style:dashed}.border-fm-color-neutral-black{border-color:var(--fm-color-neutral-gray-500)}.border-fm-color-neutral-gray-100{border-color:var(--fm-color-neutral-gray-100)}.border-fm-color-neutral-gray-200{border-color:var(--fm-color-neutral-gray-200)}.border-fm-color-neutral-gray-300{border-color:var(--fm-color-neutral-gray-300)}.border-fm-color-neutral-gray-400{border-color:var(--fm-color-neutral-gray-400)}.border-fm-color-neutral-white{border-color:var(--fm-color-neutral-white)}.border-fm-color-opacity-lg{border-color:var(--fm-color-opacity-lg)}.border-fm-color-opacity-md{border-color:var(--fm-color-opacity-md)}.border-fm-color-opacity-sm{border-color:var(--fm-color-opacity-sm)}.border-fm-color-overlay-background{border-color:var(--fm-color-overlay)}.border-fm-color-primary{border-color:var(--fm-color-primary)}.border-fm-color-secondary-blueberry{border-color:var(--fm-color-secondary-blueberry)}.border-fm-color-secondary-citrus{border-color:var(--fm-color-secondary-citrus)}.border-fm-color-secondary-cocoa{border-color:var(--fm-color-secondary-cocoa)}.border-fm-color-secondary-halite{border-color:var(--fm-color-secondary-halite)}.border-fm-color-secondary-macaron{border-color:var(--fm-color-secondary-macaron)}.border-fm-color-secondary-mint{border-color:var(--fm-color-secondary-mint)}.border-fm-color-secondary-mustard{border-color:var(--fm-color-secondary-mustard)}.border-fm-color-secondary-plum{border-color:var(--fm-color-secondary-plum)}.border-fm-color-secondary-salmon{border-color:var(--fm-color-secondary-salmon)}.border-fm-color-secondary-tuna{border-color:var(--fm-color-secondary-tuna)}.border-fm-color-system-error-100{border-color:var(--fm-color-system-red-100)}.border-fm-color-system-error-200{border-color:var(--fm-color-system-red-200)}.border-fm-color-system-error-300{border-color:var(--fm-color-system-red-300)}.border-fm-color-system-error-400{border-color:var(--fm-color-system-red-400)}.border-fm-color-system-info-100{border-color:var(--fm-color-system-blue-100)}.border-fm-color-system-info-200{border-color:var(--fm-color-system-blue-200)}.border-fm-color-system-info-300{border-color:var(--fm-color-system-blue-300)}.border-fm-color-system-info-400{border-color:var(--fm-color-system-blue-400)}.border-fm-color-system-success-100{border-color:var(--fm-color-system-green-100)}.border-fm-color-system-success-200{border-color:var(--fm-color-system-green-200)}.border-fm-color-system-success-300{border-color:var(--fm-color-system-green-300)}.border-fm-color-system-success-400{border-color:var(--fm-color-system-green-400)}.border-fm-color-system-warning-100{border-color:var(--fm-color-system-orange-100)}.border-fm-color-system-warning-200{border-color:var(--fm-color-system-orange-200)}.border-fm-color-system-warning-300{border-color:var(--fm-color-system-orange-300)}.border-fm-color-system-warning-400{border-color:var(--fm-color-system-orange-400)}.border-fm-color-typo-disabled{border-color:var(--fm-color-neutral-gray-200)}.border-fm-color-typo-error{border-color:var(--fm-color-system-red-400)}.border-fm-color-typo-info{border-color:var(--fm-color-system-blue-300)}.border-fm-color-typo-primary{border-color:var(--fm-color-neutral-gray-500)}.border-fm-color-typo-secondary{border-color:var(--fm-color-neutral-gray-400)}.border-fm-color-typo-success{border-color:var(--fm-color-system-green-300)}.border-fm-color-typo-tertiary{border-color:var(--fm-color-neutral-gray-300)}.border-fm-color-typo-warning{border-color:var(--fm-color-system-orange-300)}.border-fm-color-typo-white{border-color:var(--fm-color-neutral-white)}.border-x-fm-color-neutral-black{border-left-color:var(--fm-color-neutral-gray-500);border-right-color:var(--fm-color-neutral-gray-500)}.border-x-fm-color-neutral-gray-100{border-left-color:var(--fm-color-neutral-gray-100);border-right-color:var(--fm-color-neutral-gray-100)}.border-x-fm-color-neutral-gray-200{border-left-color:var(--fm-color-neutral-gray-200);border-right-color:var(--fm-color-neutral-gray-200)}.border-x-fm-color-neutral-gray-300{border-left-color:var(--fm-color-neutral-gray-300);border-right-color:var(--fm-color-neutral-gray-300)}.border-x-fm-color-neutral-gray-400{border-left-color:var(--fm-color-neutral-gray-400);border-right-color:var(--fm-color-neutral-gray-400)}.border-x-fm-color-neutral-white{border-left-color:var(--fm-color-neutral-white);border-right-color:var(--fm-color-neutral-white)}.border-x-fm-color-opacity-lg{border-left-color:var(--fm-color-opacity-lg);border-right-color:var(--fm-color-opacity-lg)}.border-x-fm-color-opacity-md{border-left-color:var(--fm-color-opacity-md);border-right-color:var(--fm-color-opacity-md)}.border-x-fm-color-opacity-sm{border-left-color:var(--fm-color-opacity-sm);border-right-color:var(--fm-color-opacity-sm)}.border-x-fm-color-overlay-background{border-left-color:var(--fm-color-overlay);border-right-color:var(--fm-color-overlay)}.border-x-fm-color-primary{border-left-color:var(--fm-color-primary);border-right-color:var(--fm-color-primary)}.border-x-fm-color-secondary-blueberry{border-left-color:var(--fm-color-secondary-blueberry);border-right-color:var(--fm-color-secondary-blueberry)}.border-x-fm-color-secondary-citrus{border-left-color:var(--fm-color-secondary-citrus);border-right-color:var(--fm-color-secondary-citrus)}.border-x-fm-color-secondary-cocoa{border-left-color:var(--fm-color-secondary-cocoa);border-right-color:var(--fm-color-secondary-cocoa)}.border-x-fm-color-secondary-halite{border-left-color:var(--fm-color-secondary-halite);border-right-color:var(--fm-color-secondary-halite)}.border-x-fm-color-secondary-macaron{border-left-color:var(--fm-color-secondary-macaron);border-right-color:var(--fm-color-secondary-macaron)}.border-x-fm-color-secondary-mint{border-left-color:var(--fm-color-secondary-mint);border-right-color:var(--fm-color-secondary-mint)}.border-x-fm-color-secondary-mustard{border-left-color:var(--fm-color-secondary-mustard);border-right-color:var(--fm-color-secondary-mustard)}.border-x-fm-color-secondary-plum{border-left-color:var(--fm-color-secondary-plum);border-right-color:var(--fm-color-secondary-plum)}.border-x-fm-color-secondary-salmon{border-left-color:var(--fm-color-secondary-salmon);border-right-color:var(--fm-color-secondary-salmon)}.border-x-fm-color-secondary-tuna{border-left-color:var(--fm-color-secondary-tuna);border-right-color:var(--fm-color-secondary-tuna)}.border-x-fm-color-system-error-100{border-left-color:var(--fm-color-system-red-100);border-right-color:var(--fm-color-system-red-100)}.border-x-fm-color-system-error-200{border-left-color:var(--fm-color-system-red-200);border-right-color:var(--fm-color-system-red-200)}.border-x-fm-color-system-error-300{border-left-color:var(--fm-color-system-red-300);border-right-color:var(--fm-color-system-red-300)}.border-x-fm-color-system-error-400{border-left-color:var(--fm-color-system-red-400);border-right-color:var(--fm-color-system-red-400)}.border-x-fm-color-system-info-100{border-left-color:var(--fm-color-system-blue-100);border-right-color:var(--fm-color-system-blue-100)}.border-x-fm-color-system-info-200{border-left-color:var(--fm-color-system-blue-200);border-right-color:var(--fm-color-system-blue-200)}.border-x-fm-color-system-info-300{border-left-color:var(--fm-color-system-blue-300);border-right-color:var(--fm-color-system-blue-300)}.border-x-fm-color-system-info-400{border-left-color:var(--fm-color-system-blue-400);border-right-color:var(--fm-color-system-blue-400)}.border-x-fm-color-system-success-100{border-left-color:var(--fm-color-system-green-100);border-right-color:var(--fm-color-system-green-100)}.border-x-fm-color-system-success-200{border-left-color:var(--fm-color-system-green-200);border-right-color:var(--fm-color-system-green-200)}.border-x-fm-color-system-success-300{border-left-color:var(--fm-color-system-green-300);border-right-color:var(--fm-color-system-green-300)}.border-x-fm-color-system-success-400{border-left-color:var(--fm-color-system-green-400);border-right-color:var(--fm-color-system-green-400)}.border-x-fm-color-system-warning-100{border-left-color:var(--fm-color-system-orange-100);border-right-color:var(--fm-color-system-orange-100)}.border-x-fm-color-system-warning-200{border-left-color:var(--fm-color-system-orange-200);border-right-color:var(--fm-color-system-orange-200)}.border-x-fm-color-system-warning-300{border-left-color:var(--fm-color-system-orange-300);border-right-color:var(--fm-color-system-orange-300)}.border-x-fm-color-system-warning-400{border-left-color:var(--fm-color-system-orange-400);border-right-color:var(--fm-color-system-orange-400)}.border-x-fm-color-typo-disabled{border-left-color:var(--fm-color-neutral-gray-200);border-right-color:var(--fm-color-neutral-gray-200)}.border-x-fm-color-typo-error{border-left-color:var(--fm-color-system-red-400);border-right-color:var(--fm-color-system-red-400)}.border-x-fm-color-typo-info{border-left-color:var(--fm-color-system-blue-300);border-right-color:var(--fm-color-system-blue-300)}.border-x-fm-color-typo-primary{border-left-color:var(--fm-color-neutral-gray-500);border-right-color:var(--fm-color-neutral-gray-500)}.border-x-fm-color-typo-secondary{border-left-color:var(--fm-color-neutral-gray-400);border-right-color:var(--fm-color-neutral-gray-400)}.border-x-fm-color-typo-success{border-left-color:var(--fm-color-system-green-300);border-right-color:var(--fm-color-system-green-300)}.border-x-fm-color-typo-tertiary{border-left-color:var(--fm-color-neutral-gray-300);border-right-color:var(--fm-color-neutral-gray-300)}.border-x-fm-color-typo-warning{border-left-color:var(--fm-color-system-orange-300);border-right-color:var(--fm-color-system-orange-300)}.border-x-fm-color-typo-white{border-left-color:var(--fm-color-neutral-white);border-right-color:var(--fm-color-neutral-white)}.border-y-fm-color-neutral-black{border-top-color:var(--fm-color-neutral-gray-500);border-bottom-color:var(--fm-color-neutral-gray-500)}.border-y-fm-color-neutral-gray-100{border-top-color:var(--fm-color-neutral-gray-100);border-bottom-color:var(--fm-color-neutral-gray-100)}.border-y-fm-color-neutral-gray-200{border-top-color:var(--fm-color-neutral-gray-200);border-bottom-color:var(--fm-color-neutral-gray-200)}.border-y-fm-color-neutral-gray-300{border-top-color:var(--fm-color-neutral-gray-300);border-bottom-color:var(--fm-color-neutral-gray-300)}.border-y-fm-color-neutral-gray-400{border-top-color:var(--fm-color-neutral-gray-400);border-bottom-color:var(--fm-color-neutral-gray-400)}.border-y-fm-color-neutral-white{border-top-color:var(--fm-color-neutral-white);border-bottom-color:var(--fm-color-neutral-white)}.border-y-fm-color-opacity-lg{border-top-color:var(--fm-color-opacity-lg);border-bottom-color:var(--fm-color-opacity-lg)}.border-y-fm-color-opacity-md{border-top-color:var(--fm-color-opacity-md);border-bottom-color:var(--fm-color-opacity-md)}.border-y-fm-color-opacity-sm{border-top-color:var(--fm-color-opacity-sm);border-bottom-color:var(--fm-color-opacity-sm)}.border-y-fm-color-overlay-background{border-top-color:var(--fm-color-overlay);border-bottom-color:var(--fm-color-overlay)}.border-y-fm-color-primary{border-top-color:var(--fm-color-primary);border-bottom-color:var(--fm-color-primary)}.border-y-fm-color-secondary-blueberry{border-top-color:var(--fm-color-secondary-blueberry);border-bottom-color:var(--fm-color-secondary-blueberry)}.border-y-fm-color-secondary-citrus{border-top-color:var(--fm-color-secondary-citrus);border-bottom-color:var(--fm-color-secondary-citrus)}.border-y-fm-color-secondary-cocoa{border-top-color:var(--fm-color-secondary-cocoa);border-bottom-color:var(--fm-color-secondary-cocoa)}.border-y-fm-color-secondary-halite{border-top-color:var(--fm-color-secondary-halite);border-bottom-color:var(--fm-color-secondary-halite)}.border-y-fm-color-secondary-macaron{border-top-color:var(--fm-color-secondary-macaron);border-bottom-color:var(--fm-color-secondary-macaron)}.border-y-fm-color-secondary-mint{border-top-color:var(--fm-color-secondary-mint);border-bottom-color:var(--fm-color-secondary-mint)}.border-y-fm-color-secondary-mustard{border-top-color:var(--fm-color-secondary-mustard);border-bottom-color:var(--fm-color-secondary-mustard)}.border-y-fm-color-secondary-plum{border-top-color:var(--fm-color-secondary-plum);border-bottom-color:var(--fm-color-secondary-plum)}.border-y-fm-color-secondary-salmon{border-top-color:var(--fm-color-secondary-salmon);border-bottom-color:var(--fm-color-secondary-salmon)}.border-y-fm-color-secondary-tuna{border-top-color:var(--fm-color-secondary-tuna);border-bottom-color:var(--fm-color-secondary-tuna)}.border-y-fm-color-system-error-100{border-top-color:var(--fm-color-system-red-100);border-bottom-color:var(--fm-color-system-red-100)}.border-y-fm-color-system-error-200{border-top-color:var(--fm-color-system-red-200);border-bottom-color:var(--fm-color-system-red-200)}.border-y-fm-color-system-error-300{border-top-color:var(--fm-color-system-red-300);border-bottom-color:var(--fm-color-system-red-300)}.border-y-fm-color-system-error-400{border-top-color:var(--fm-color-system-red-400);border-bottom-color:var(--fm-color-system-red-400)}.border-y-fm-color-system-info-100{border-top-color:var(--fm-color-system-blue-100);border-bottom-color:var(--fm-color-system-blue-100)}.border-y-fm-color-system-info-200{border-top-color:var(--fm-color-system-blue-200);border-bottom-color:var(--fm-color-system-blue-200)}.border-y-fm-color-system-info-300{border-top-color:var(--fm-color-system-blue-300);border-bottom-color:var(--fm-color-system-blue-300)}.border-y-fm-color-system-info-400{border-top-color:var(--fm-color-system-blue-400);border-bottom-color:var(--fm-color-system-blue-400)}.border-y-fm-color-system-success-100{border-top-color:var(--fm-color-system-green-100);border-bottom-color:var(--fm-color-system-green-100)}.border-y-fm-color-system-success-200{border-top-color:var(--fm-color-system-green-200);border-bottom-color:var(--fm-color-system-green-200)}.border-y-fm-color-system-success-300{border-top-color:var(--fm-color-system-green-300);border-bottom-color:var(--fm-color-system-green-300)}.border-y-fm-color-system-success-400{border-top-color:var(--fm-color-system-green-400);border-bottom-color:var(--fm-color-system-green-400)}.border-y-fm-color-system-warning-100{border-top-color:var(--fm-color-system-orange-100);border-bottom-color:var(--fm-color-system-orange-100)}.border-y-fm-color-system-warning-200{border-top-color:var(--fm-color-system-orange-200);border-bottom-color:var(--fm-color-system-orange-200)}.border-y-fm-color-system-warning-300{border-top-color:var(--fm-color-system-orange-300);border-bottom-color:var(--fm-color-system-orange-300)}.border-y-fm-color-system-warning-400{border-top-color:var(--fm-color-system-orange-400);border-bottom-color:var(--fm-color-system-orange-400)}.border-y-fm-color-typo-disabled{border-top-color:var(--fm-color-neutral-gray-200);border-bottom-color:var(--fm-color-neutral-gray-200)}.border-y-fm-color-typo-error{border-top-color:var(--fm-color-system-red-400);border-bottom-color:var(--fm-color-system-red-400)}.border-y-fm-color-typo-info{border-top-color:var(--fm-color-system-blue-300);border-bottom-color:var(--fm-color-system-blue-300)}.border-y-fm-color-typo-primary{border-top-color:var(--fm-color-neutral-gray-500);border-bottom-color:var(--fm-color-neutral-gray-500)}.border-y-fm-color-typo-secondary{border-top-color:var(--fm-color-neutral-gray-400);border-bottom-color:var(--fm-color-neutral-gray-400)}.border-y-fm-color-typo-success{border-top-color:var(--fm-color-system-green-300);border-bottom-color:var(--fm-color-system-green-300)}.border-y-fm-color-typo-tertiary{border-top-color:var(--fm-color-neutral-gray-300);border-bottom-color:var(--fm-color-neutral-gray-300)}.border-y-fm-color-typo-warning{border-top-color:var(--fm-color-system-orange-300);border-bottom-color:var(--fm-color-system-orange-300)}.border-y-fm-color-typo-white{border-top-color:var(--fm-color-neutral-white);border-bottom-color:var(--fm-color-neutral-white)}.border-b-fm-color-neutral-black{border-bottom-color:var(--fm-color-neutral-gray-500)}.border-b-fm-color-neutral-gray-100{border-bottom-color:var(--fm-color-neutral-gray-100)}.border-b-fm-color-neutral-gray-200{border-bottom-color:var(--fm-color-neutral-gray-200)}.border-b-fm-color-neutral-gray-300{border-bottom-color:var(--fm-color-neutral-gray-300)}.border-b-fm-color-neutral-gray-400{border-bottom-color:var(--fm-color-neutral-gray-400)}.border-b-fm-color-neutral-white{border-bottom-color:var(--fm-color-neutral-white)}.border-b-fm-color-opacity-lg{border-bottom-color:var(--fm-color-opacity-lg)}.border-b-fm-color-opacity-md{border-bottom-color:var(--fm-color-opacity-md)}.border-b-fm-color-opacity-sm{border-bottom-color:var(--fm-color-opacity-sm)}.border-b-fm-color-overlay-background{border-bottom-color:var(--fm-color-overlay)}.border-b-fm-color-primary{border-bottom-color:var(--fm-color-primary)}.border-b-fm-color-secondary-blueberry{border-bottom-color:var(--fm-color-secondary-blueberry)}.border-b-fm-color-secondary-citrus{border-bottom-color:var(--fm-color-secondary-citrus)}.border-b-fm-color-secondary-cocoa{border-bottom-color:var(--fm-color-secondary-cocoa)}.border-b-fm-color-secondary-halite{border-bottom-color:var(--fm-color-secondary-halite)}.border-b-fm-color-secondary-macaron{border-bottom-color:var(--fm-color-secondary-macaron)}.border-b-fm-color-secondary-mint{border-bottom-color:var(--fm-color-secondary-mint)}.border-b-fm-color-secondary-mustard{border-bottom-color:var(--fm-color-secondary-mustard)}.border-b-fm-color-secondary-plum{border-bottom-color:var(--fm-color-secondary-plum)}.border-b-fm-color-secondary-salmon{border-bottom-color:var(--fm-color-secondary-salmon)}.border-b-fm-color-secondary-tuna{border-bottom-color:var(--fm-color-secondary-tuna)}.border-b-fm-color-system-error-100{border-bottom-color:var(--fm-color-system-red-100)}.border-b-fm-color-system-error-200{border-bottom-color:var(--fm-color-system-red-200)}.border-b-fm-color-system-error-300{border-bottom-color:var(--fm-color-system-red-300)}.border-b-fm-color-system-error-400{border-bottom-color:var(--fm-color-system-red-400)}.border-b-fm-color-system-info-100{border-bottom-color:var(--fm-color-system-blue-100)}.border-b-fm-color-system-info-200{border-bottom-color:var(--fm-color-system-blue-200)}.border-b-fm-color-system-info-300{border-bottom-color:var(--fm-color-system-blue-300)}.border-b-fm-color-system-info-400{border-bottom-color:var(--fm-color-system-blue-400)}.border-b-fm-color-system-success-100{border-bottom-color:var(--fm-color-system-green-100)}.border-b-fm-color-system-success-200{border-bottom-color:var(--fm-color-system-green-200)}.border-b-fm-color-system-success-300{border-bottom-color:var(--fm-color-system-green-300)}.border-b-fm-color-system-success-400{border-bottom-color:var(--fm-color-system-green-400)}.border-b-fm-color-system-warning-100{border-bottom-color:var(--fm-color-system-orange-100)}.border-b-fm-color-system-warning-200{border-bottom-color:var(--fm-color-system-orange-200)}.border-b-fm-color-system-warning-300{border-bottom-color:var(--fm-color-system-orange-300)}.border-b-fm-color-system-warning-400{border-bottom-color:var(--fm-color-system-orange-400)}.border-b-fm-color-typo-disabled{border-bottom-color:var(--fm-color-neutral-gray-200)}.border-b-fm-color-typo-error{border-bottom-color:var(--fm-color-system-red-400)}.border-b-fm-color-typo-info{border-bottom-color:var(--fm-color-system-blue-300)}.border-b-fm-color-typo-primary{border-bottom-color:var(--fm-color-neutral-gray-500)}.border-b-fm-color-typo-secondary{border-bottom-color:var(--fm-color-neutral-gray-400)}.border-b-fm-color-typo-success{border-bottom-color:var(--fm-color-system-green-300)}.border-b-fm-color-typo-tertiary{border-bottom-color:var(--fm-color-neutral-gray-300)}.border-b-fm-color-typo-warning{border-bottom-color:var(--fm-color-system-orange-300)}.border-b-fm-color-typo-white{border-bottom-color:var(--fm-color-neutral-white)}.border-e-fm-color-neutral-black{border-inline-end-color:var(--fm-color-neutral-gray-500)}.border-e-fm-color-neutral-gray-100{border-inline-end-color:var(--fm-color-neutral-gray-100)}.border-e-fm-color-neutral-gray-200{border-inline-end-color:var(--fm-color-neutral-gray-200)}.border-e-fm-color-neutral-gray-300{border-inline-end-color:var(--fm-color-neutral-gray-300)}.border-e-fm-color-neutral-gray-400{border-inline-end-color:var(--fm-color-neutral-gray-400)}.border-e-fm-color-neutral-white{border-inline-end-color:var(--fm-color-neutral-white)}.border-e-fm-color-opacity-lg{border-inline-end-color:var(--fm-color-opacity-lg)}.border-e-fm-color-opacity-md{border-inline-end-color:var(--fm-color-opacity-md)}.border-e-fm-color-opacity-sm{border-inline-end-color:var(--fm-color-opacity-sm)}.border-e-fm-color-overlay-background{border-inline-end-color:var(--fm-color-overlay)}.border-e-fm-color-primary{border-inline-end-color:var(--fm-color-primary)}.border-e-fm-color-secondary-blueberry{border-inline-end-color:var(--fm-color-secondary-blueberry)}.border-e-fm-color-secondary-citrus{border-inline-end-color:var(--fm-color-secondary-citrus)}.border-e-fm-color-secondary-cocoa{border-inline-end-color:var(--fm-color-secondary-cocoa)}.border-e-fm-color-secondary-halite{border-inline-end-color:var(--fm-color-secondary-halite)}.border-e-fm-color-secondary-macaron{border-inline-end-color:var(--fm-color-secondary-macaron)}.border-e-fm-color-secondary-mint{border-inline-end-color:var(--fm-color-secondary-mint)}.border-e-fm-color-secondary-mustard{border-inline-end-color:var(--fm-color-secondary-mustard)}.border-e-fm-color-secondary-plum{border-inline-end-color:var(--fm-color-secondary-plum)}.border-e-fm-color-secondary-salmon{border-inline-end-color:var(--fm-color-secondary-salmon)}.border-e-fm-color-secondary-tuna{border-inline-end-color:var(--fm-color-secondary-tuna)}.border-e-fm-color-system-error-100{border-inline-end-color:var(--fm-color-system-red-100)}.border-e-fm-color-system-error-200{border-inline-end-color:var(--fm-color-system-red-200)}.border-e-fm-color-system-error-300{border-inline-end-color:var(--fm-color-system-red-300)}.border-e-fm-color-system-error-400{border-inline-end-color:var(--fm-color-system-red-400)}.border-e-fm-color-system-info-100{border-inline-end-color:var(--fm-color-system-blue-100)}.border-e-fm-color-system-info-200{border-inline-end-color:var(--fm-color-system-blue-200)}.border-e-fm-color-system-info-300{border-inline-end-color:var(--fm-color-system-blue-300)}.border-e-fm-color-system-info-400{border-inline-end-color:var(--fm-color-system-blue-400)}.border-e-fm-color-system-success-100{border-inline-end-color:var(--fm-color-system-green-100)}.border-e-fm-color-system-success-200{border-inline-end-color:var(--fm-color-system-green-200)}.border-e-fm-color-system-success-300{border-inline-end-color:var(--fm-color-system-green-300)}.border-e-fm-color-system-success-400{border-inline-end-color:var(--fm-color-system-green-400)}.border-e-fm-color-system-warning-100{border-inline-end-color:var(--fm-color-system-orange-100)}.border-e-fm-color-system-warning-200{border-inline-end-color:var(--fm-color-system-orange-200)}.border-e-fm-color-system-warning-300{border-inline-end-color:var(--fm-color-system-orange-300)}.border-e-fm-color-system-warning-400{border-inline-end-color:var(--fm-color-system-orange-400)}.border-e-fm-color-typo-disabled{border-inline-end-color:var(--fm-color-neutral-gray-200)}.border-e-fm-color-typo-error{border-inline-end-color:var(--fm-color-system-red-400)}.border-e-fm-color-typo-info{border-inline-end-color:var(--fm-color-system-blue-300)}.border-e-fm-color-typo-primary{border-inline-end-color:var(--fm-color-neutral-gray-500)}.border-e-fm-color-typo-secondary{border-inline-end-color:var(--fm-color-neutral-gray-400)}.border-e-fm-color-typo-success{border-inline-end-color:var(--fm-color-system-green-300)}.border-e-fm-color-typo-tertiary{border-inline-end-color:var(--fm-color-neutral-gray-300)}.border-e-fm-color-typo-warning{border-inline-end-color:var(--fm-color-system-orange-300)}.border-e-fm-color-typo-white{border-inline-end-color:var(--fm-color-neutral-white)}.border-l-fm-color-neutral-black{border-left-color:var(--fm-color-neutral-gray-500)}.border-l-fm-color-neutral-gray-100{border-left-color:var(--fm-color-neutral-gray-100)}.border-l-fm-color-neutral-gray-200{border-left-color:var(--fm-color-neutral-gray-200)}.border-l-fm-color-neutral-gray-300{border-left-color:var(--fm-color-neutral-gray-300)}.border-l-fm-color-neutral-gray-400{border-left-color:var(--fm-color-neutral-gray-400)}.border-l-fm-color-neutral-white{border-left-color:var(--fm-color-neutral-white)}.border-l-fm-color-opacity-lg{border-left-color:var(--fm-color-opacity-lg)}.border-l-fm-color-opacity-md{border-left-color:var(--fm-color-opacity-md)}.border-l-fm-color-opacity-sm{border-left-color:var(--fm-color-opacity-sm)}.border-l-fm-color-overlay-background{border-left-color:var(--fm-color-overlay)}.border-l-fm-color-primary{border-left-color:var(--fm-color-primary)}.border-l-fm-color-secondary-blueberry{border-left-color:var(--fm-color-secondary-blueberry)}.border-l-fm-color-secondary-citrus{border-left-color:var(--fm-color-secondary-citrus)}.border-l-fm-color-secondary-cocoa{border-left-color:var(--fm-color-secondary-cocoa)}.border-l-fm-color-secondary-halite{border-left-color:var(--fm-color-secondary-halite)}.border-l-fm-color-secondary-macaron{border-left-color:var(--fm-color-secondary-macaron)}.border-l-fm-color-secondary-mint{border-left-color:var(--fm-color-secondary-mint)}.border-l-fm-color-secondary-mustard{border-left-color:var(--fm-color-secondary-mustard)}.border-l-fm-color-secondary-plum{border-left-color:var(--fm-color-secondary-plum)}.border-l-fm-color-secondary-salmon{border-left-color:var(--fm-color-secondary-salmon)}.border-l-fm-color-secondary-tuna{border-left-color:var(--fm-color-secondary-tuna)}.border-l-fm-color-system-error-100{border-left-color:var(--fm-color-system-red-100)}.border-l-fm-color-system-error-200{border-left-color:var(--fm-color-system-red-200)}.border-l-fm-color-system-error-300{border-left-color:var(--fm-color-system-red-300)}.border-l-fm-color-system-error-400{border-left-color:var(--fm-color-system-red-400)}.border-l-fm-color-system-info-100{border-left-color:var(--fm-color-system-blue-100)}.border-l-fm-color-system-info-200{border-left-color:var(--fm-color-system-blue-200)}.border-l-fm-color-system-info-300{border-left-color:var(--fm-color-system-blue-300)}.border-l-fm-color-system-info-400{border-left-color:var(--fm-color-system-blue-400)}.border-l-fm-color-system-success-100{border-left-color:var(--fm-color-system-green-100)}.border-l-fm-color-system-success-200{border-left-color:var(--fm-color-system-green-200)}.border-l-fm-color-system-success-300{border-left-color:var(--fm-color-system-green-300)}.border-l-fm-color-system-success-400{border-left-color:var(--fm-color-system-green-400)}.border-l-fm-color-system-warning-100{border-left-color:var(--fm-color-system-orange-100)}.border-l-fm-color-system-warning-200{border-left-color:var(--fm-color-system-orange-200)}.border-l-fm-color-system-warning-300{border-left-color:var(--fm-color-system-orange-300)}.border-l-fm-color-system-warning-400{border-left-color:var(--fm-color-system-orange-400)}.border-l-fm-color-typo-disabled{border-left-color:var(--fm-color-neutral-gray-200)}.border-l-fm-color-typo-error{border-left-color:var(--fm-color-system-red-400)}.border-l-fm-color-typo-info{border-left-color:var(--fm-color-system-blue-300)}.border-l-fm-color-typo-primary{border-left-color:var(--fm-color-neutral-gray-500)}.border-l-fm-color-typo-secondary{border-left-color:var(--fm-color-neutral-gray-400)}.border-l-fm-color-typo-success{border-left-color:var(--fm-color-system-green-300)}.border-l-fm-color-typo-tertiary{border-left-color:var(--fm-color-neutral-gray-300)}.border-l-fm-color-typo-warning{border-left-color:var(--fm-color-system-orange-300)}.border-l-fm-color-typo-white{border-left-color:var(--fm-color-neutral-white)}.border-r-fm-color-neutral-black{border-right-color:var(--fm-color-neutral-gray-500)}.border-r-fm-color-neutral-gray-100{border-right-color:var(--fm-color-neutral-gray-100)}.border-r-fm-color-neutral-gray-200{border-right-color:var(--fm-color-neutral-gray-200)}.border-r-fm-color-neutral-gray-300{border-right-color:var(--fm-color-neutral-gray-300)}.border-r-fm-color-neutral-gray-400{border-right-color:var(--fm-color-neutral-gray-400)}.border-r-fm-color-neutral-white{border-right-color:var(--fm-color-neutral-white)}.border-r-fm-color-opacity-lg{border-right-color:var(--fm-color-opacity-lg)}.border-r-fm-color-opacity-md{border-right-color:var(--fm-color-opacity-md)}.border-r-fm-color-opacity-sm{border-right-color:var(--fm-color-opacity-sm)}.border-r-fm-color-overlay-background{border-right-color:var(--fm-color-overlay)}.border-r-fm-color-primary{border-right-color:var(--fm-color-primary)}.border-r-fm-color-secondary-blueberry{border-right-color:var(--fm-color-secondary-blueberry)}.border-r-fm-color-secondary-citrus{border-right-color:var(--fm-color-secondary-citrus)}.border-r-fm-color-secondary-cocoa{border-right-color:var(--fm-color-secondary-cocoa)}.border-r-fm-color-secondary-halite{border-right-color:var(--fm-color-secondary-halite)}.border-r-fm-color-secondary-macaron{border-right-color:var(--fm-color-secondary-macaron)}.border-r-fm-color-secondary-mint{border-right-color:var(--fm-color-secondary-mint)}.border-r-fm-color-secondary-mustard{border-right-color:var(--fm-color-secondary-mustard)}.border-r-fm-color-secondary-plum{border-right-color:var(--fm-color-secondary-plum)}.border-r-fm-color-secondary-salmon{border-right-color:var(--fm-color-secondary-salmon)}.border-r-fm-color-secondary-tuna{border-right-color:var(--fm-color-secondary-tuna)}.border-r-fm-color-system-error-100{border-right-color:var(--fm-color-system-red-100)}.border-r-fm-color-system-error-200{border-right-color:var(--fm-color-system-red-200)}.border-r-fm-color-system-error-300{border-right-color:var(--fm-color-system-red-300)}.border-r-fm-color-system-error-400{border-right-color:var(--fm-color-system-red-400)}.border-r-fm-color-system-info-100{border-right-color:var(--fm-color-system-blue-100)}.border-r-fm-color-system-info-200{border-right-color:var(--fm-color-system-blue-200)}.border-r-fm-color-system-info-300{border-right-color:var(--fm-color-system-blue-300)}.border-r-fm-color-system-info-400{border-right-color:var(--fm-color-system-blue-400)}.border-r-fm-color-system-success-100{border-right-color:var(--fm-color-system-green-100)}.border-r-fm-color-system-success-200{border-right-color:var(--fm-color-system-green-200)}.border-r-fm-color-system-success-300{border-right-color:var(--fm-color-system-green-300)}.border-r-fm-color-system-success-400{border-right-color:var(--fm-color-system-green-400)}.border-r-fm-color-system-warning-100{border-right-color:var(--fm-color-system-orange-100)}.border-r-fm-color-system-warning-200{border-right-color:var(--fm-color-system-orange-200)}.border-r-fm-color-system-warning-300{border-right-color:var(--fm-color-system-orange-300)}.border-r-fm-color-system-warning-400{border-right-color:var(--fm-color-system-orange-400)}.border-r-fm-color-typo-disabled{border-right-color:var(--fm-color-neutral-gray-200)}.border-r-fm-color-typo-error{border-right-color:var(--fm-color-system-red-400)}.border-r-fm-color-typo-info{border-right-color:var(--fm-color-system-blue-300)}.border-r-fm-color-typo-primary{border-right-color:var(--fm-color-neutral-gray-500)}.border-r-fm-color-typo-secondary{border-right-color:var(--fm-color-neutral-gray-400)}.border-r-fm-color-typo-success{border-right-color:var(--fm-color-system-green-300)}.border-r-fm-color-typo-tertiary{border-right-color:var(--fm-color-neutral-gray-300)}.border-r-fm-color-typo-warning{border-right-color:var(--fm-color-system-orange-300)}.border-r-fm-color-typo-white{border-right-color:var(--fm-color-neutral-white)}.border-s-fm-color-neutral-black{border-inline-start-color:var(--fm-color-neutral-gray-500)}.border-s-fm-color-neutral-gray-100{border-inline-start-color:var(--fm-color-neutral-gray-100)}.border-s-fm-color-neutral-gray-200{border-inline-start-color:var(--fm-color-neutral-gray-200)}.border-s-fm-color-neutral-gray-300{border-inline-start-color:var(--fm-color-neutral-gray-300)}.border-s-fm-color-neutral-gray-400{border-inline-start-color:var(--fm-color-neutral-gray-400)}.border-s-fm-color-neutral-white{border-inline-start-color:var(--fm-color-neutral-white)}.border-s-fm-color-opacity-lg{border-inline-start-color:var(--fm-color-opacity-lg)}.border-s-fm-color-opacity-md{border-inline-start-color:var(--fm-color-opacity-md)}.border-s-fm-color-opacity-sm{border-inline-start-color:var(--fm-color-opacity-sm)}.border-s-fm-color-overlay-background{border-inline-start-color:var(--fm-color-overlay)}.border-s-fm-color-primary{border-inline-start-color:var(--fm-color-primary)}.border-s-fm-color-secondary-blueberry{border-inline-start-color:var(--fm-color-secondary-blueberry)}.border-s-fm-color-secondary-citrus{border-inline-start-color:var(--fm-color-secondary-citrus)}.border-s-fm-color-secondary-cocoa{border-inline-start-color:var(--fm-color-secondary-cocoa)}.border-s-fm-color-secondary-halite{border-inline-start-color:var(--fm-color-secondary-halite)}.border-s-fm-color-secondary-macaron{border-inline-start-color:var(--fm-color-secondary-macaron)}.border-s-fm-color-secondary-mint{border-inline-start-color:var(--fm-color-secondary-mint)}.border-s-fm-color-secondary-mustard{border-inline-start-color:var(--fm-color-secondary-mustard)}.border-s-fm-color-secondary-plum{border-inline-start-color:var(--fm-color-secondary-plum)}.border-s-fm-color-secondary-salmon{border-inline-start-color:var(--fm-color-secondary-salmon)}.border-s-fm-color-secondary-tuna{border-inline-start-color:var(--fm-color-secondary-tuna)}.border-s-fm-color-system-error-100{border-inline-start-color:var(--fm-color-system-red-100)}.border-s-fm-color-system-error-200{border-inline-start-color:var(--fm-color-system-red-200)}.border-s-fm-color-system-error-300{border-inline-start-color:var(--fm-color-system-red-300)}.border-s-fm-color-system-error-400{border-inline-start-color:var(--fm-color-system-red-400)}.border-s-fm-color-system-info-100{border-inline-start-color:var(--fm-color-system-blue-100)}.border-s-fm-color-system-info-200{border-inline-start-color:var(--fm-color-system-blue-200)}.border-s-fm-color-system-info-300{border-inline-start-color:var(--fm-color-system-blue-300)}.border-s-fm-color-system-info-400{border-inline-start-color:var(--fm-color-system-blue-400)}.border-s-fm-color-system-success-100{border-inline-start-color:var(--fm-color-system-green-100)}.border-s-fm-color-system-success-200{border-inline-start-color:var(--fm-color-system-green-200)}.border-s-fm-color-system-success-300{border-inline-start-color:var(--fm-color-system-green-300)}.border-s-fm-color-system-success-400{border-inline-start-color:var(--fm-color-system-green-400)}.border-s-fm-color-system-warning-100{border-inline-start-color:var(--fm-color-system-orange-100)}.border-s-fm-color-system-warning-200{border-inline-start-color:var(--fm-color-system-orange-200)}.border-s-fm-color-system-warning-300{border-inline-start-color:var(--fm-color-system-orange-300)}.border-s-fm-color-system-warning-400{border-inline-start-color:var(--fm-color-system-orange-400)}.border-s-fm-color-typo-disabled{border-inline-start-color:var(--fm-color-neutral-gray-200)}.border-s-fm-color-typo-error{border-inline-start-color:var(--fm-color-system-red-400)}.border-s-fm-color-typo-info{border-inline-start-color:var(--fm-color-system-blue-300)}.border-s-fm-color-typo-primary{border-inline-start-color:var(--fm-color-neutral-gray-500)}.border-s-fm-color-typo-secondary{border-inline-start-color:var(--fm-color-neutral-gray-400)}.border-s-fm-color-typo-success{border-inline-start-color:var(--fm-color-system-green-300)}.border-s-fm-color-typo-tertiary{border-inline-start-color:var(--fm-color-neutral-gray-300)}.border-s-fm-color-typo-warning{border-inline-start-color:var(--fm-color-system-orange-300)}.border-s-fm-color-typo-white{border-inline-start-color:var(--fm-color-neutral-white)}.border-t-fm-color-neutral-black{border-top-color:var(--fm-color-neutral-gray-500)}.border-t-fm-color-neutral-gray-100{border-top-color:var(--fm-color-neutral-gray-100)}.border-t-fm-color-neutral-gray-200{border-top-color:var(--fm-color-neutral-gray-200)}.border-t-fm-color-neutral-gray-300{border-top-color:var(--fm-color-neutral-gray-300)}.border-t-fm-color-neutral-gray-400{border-top-color:var(--fm-color-neutral-gray-400)}.border-t-fm-color-neutral-white{border-top-color:var(--fm-color-neutral-white)}.border-t-fm-color-opacity-lg{border-top-color:var(--fm-color-opacity-lg)}.border-t-fm-color-opacity-md{border-top-color:var(--fm-color-opacity-md)}.border-t-fm-color-opacity-sm{border-top-color:var(--fm-color-opacity-sm)}.border-t-fm-color-overlay-background{border-top-color:var(--fm-color-overlay)}.border-t-fm-color-primary{border-top-color:var(--fm-color-primary)}.border-t-fm-color-secondary-blueberry{border-top-color:var(--fm-color-secondary-blueberry)}.border-t-fm-color-secondary-citrus{border-top-color:var(--fm-color-secondary-citrus)}.border-t-fm-color-secondary-cocoa{border-top-color:var(--fm-color-secondary-cocoa)}.border-t-fm-color-secondary-halite{border-top-color:var(--fm-color-secondary-halite)}.border-t-fm-color-secondary-macaron{border-top-color:var(--fm-color-secondary-macaron)}.border-t-fm-color-secondary-mint{border-top-color:var(--fm-color-secondary-mint)}.border-t-fm-color-secondary-mustard{border-top-color:var(--fm-color-secondary-mustard)}.border-t-fm-color-secondary-plum{border-top-color:var(--fm-color-secondary-plum)}.border-t-fm-color-secondary-salmon{border-top-color:var(--fm-color-secondary-salmon)}.border-t-fm-color-secondary-tuna{border-top-color:var(--fm-color-secondary-tuna)}.border-t-fm-color-system-error-100{border-top-color:var(--fm-color-system-red-100)}.border-t-fm-color-system-error-200{border-top-color:var(--fm-color-system-red-200)}.border-t-fm-color-system-error-300{border-top-color:var(--fm-color-system-red-300)}.border-t-fm-color-system-error-400{border-top-color:var(--fm-color-system-red-400)}.border-t-fm-color-system-info-100{border-top-color:var(--fm-color-system-blue-100)}.border-t-fm-color-system-info-200{border-top-color:var(--fm-color-system-blue-200)}.border-t-fm-color-system-info-300{border-top-color:var(--fm-color-system-blue-300)}.border-t-fm-color-system-info-400{border-top-color:var(--fm-color-system-blue-400)}.border-t-fm-color-system-success-100{border-top-color:var(--fm-color-system-green-100)}.border-t-fm-color-system-success-200{border-top-color:var(--fm-color-system-green-200)}.border-t-fm-color-system-success-300{border-top-color:var(--fm-color-system-green-300)}.border-t-fm-color-system-success-400{border-top-color:var(--fm-color-system-green-400)}.border-t-fm-color-system-warning-100{border-top-color:var(--fm-color-system-orange-100)}.border-t-fm-color-system-warning-200{border-top-color:var(--fm-color-system-orange-200)}.border-t-fm-color-system-warning-300{border-top-color:var(--fm-color-system-orange-300)}.border-t-fm-color-system-warning-400{border-top-color:var(--fm-color-system-orange-400)}.border-t-fm-color-typo-disabled{border-top-color:var(--fm-color-neutral-gray-200)}.border-t-fm-color-typo-error{border-top-color:var(--fm-color-system-red-400)}.border-t-fm-color-typo-info{border-top-color:var(--fm-color-system-blue-300)}.border-t-fm-color-typo-primary{border-top-color:var(--fm-color-neutral-gray-500)}.border-t-fm-color-typo-secondary{border-top-color:var(--fm-color-neutral-gray-400)}.border-t-fm-color-typo-success{border-top-color:var(--fm-color-system-green-300)}.border-t-fm-color-typo-tertiary{border-top-color:var(--fm-color-neutral-gray-300)}.border-t-fm-color-typo-warning{border-top-color:var(--fm-color-system-orange-300)}.border-t-fm-color-typo-white{border-top-color:var(--fm-color-neutral-white)}.bg-fm-color-neutral-black{background-color:var(--fm-color-neutral-gray-500)}.bg-fm-color-neutral-gray-100{background-color:var(--fm-color-neutral-gray-100)}.bg-fm-color-neutral-gray-200{background-color:var(--fm-color-neutral-gray-200)}.bg-fm-color-neutral-gray-300{background-color:var(--fm-color-neutral-gray-300)}.bg-fm-color-neutral-gray-400{background-color:var(--fm-color-neutral-gray-400)}.bg-fm-color-neutral-white{background-color:var(--fm-color-neutral-white)}.bg-fm-color-opacity-lg{background-color:var(--fm-color-opacity-lg)}.bg-fm-color-opacity-md{background-color:var(--fm-color-opacity-md)}.bg-fm-color-opacity-sm{background-color:var(--fm-color-opacity-sm)}.bg-fm-color-overlay-background{background-color:var(--fm-color-overlay)}.bg-fm-color-primary{background-color:var(--fm-color-primary)}.bg-fm-color-secondary-blueberry{background-color:var(--fm-color-secondary-blueberry)}.bg-fm-color-secondary-citrus{background-color:var(--fm-color-secondary-citrus)}.bg-fm-color-secondary-cocoa{background-color:var(--fm-color-secondary-cocoa)}.bg-fm-color-secondary-halite{background-color:var(--fm-color-secondary-halite)}.bg-fm-color-secondary-macaron{background-color:var(--fm-color-secondary-macaron)}.bg-fm-color-secondary-mint{background-color:var(--fm-color-secondary-mint)}.bg-fm-color-secondary-mustard{background-color:var(--fm-color-secondary-mustard)}.bg-fm-color-secondary-plum{background-color:var(--fm-color-secondary-plum)}.bg-fm-color-secondary-salmon{background-color:var(--fm-color-secondary-salmon)}.bg-fm-color-secondary-tuna{background-color:var(--fm-color-secondary-tuna)}.bg-fm-color-system-error-100{background-color:var(--fm-color-system-red-100)}.bg-fm-color-system-error-200{background-color:var(--fm-color-system-red-200)}.bg-fm-color-system-error-300{background-color:var(--fm-color-system-red-300)}.bg-fm-color-system-error-400{background-color:var(--fm-color-system-red-400)}.bg-fm-color-system-info-100{background-color:var(--fm-color-system-blue-100)}.bg-fm-color-system-info-200{background-color:var(--fm-color-system-blue-200)}.bg-fm-color-system-info-300{background-color:var(--fm-color-system-blue-300)}.bg-fm-color-system-info-400{background-color:var(--fm-color-system-blue-400)}.bg-fm-color-system-success-100{background-color:var(--fm-color-system-green-100)}.bg-fm-color-system-success-200{background-color:var(--fm-color-system-green-200)}.bg-fm-color-system-success-300{background-color:var(--fm-color-system-green-300)}.bg-fm-color-system-success-400{background-color:var(--fm-color-system-green-400)}.bg-fm-color-system-warning-100{background-color:var(--fm-color-system-orange-100)}.bg-fm-color-system-warning-200{background-color:var(--fm-color-system-orange-200)}.bg-fm-color-system-warning-300{background-color:var(--fm-color-system-orange-300)}.bg-fm-color-system-warning-400{background-color:var(--fm-color-system-orange-400)}.bg-fm-color-typo-disabled{background-color:var(--fm-color-neutral-gray-200)}.bg-fm-color-typo-error{background-color:var(--fm-color-system-red-400)}.bg-fm-color-typo-info{background-color:var(--fm-color-system-blue-300)}.bg-fm-color-typo-primary{background-color:var(--fm-color-neutral-gray-500)}.bg-fm-color-typo-secondary{background-color:var(--fm-color-neutral-gray-400)}.bg-fm-color-typo-success{background-color:var(--fm-color-system-green-300)}.bg-fm-color-typo-tertiary{background-color:var(--fm-color-neutral-gray-300)}.bg-fm-color-typo-warning{background-color:var(--fm-color-system-orange-300)}.bg-fm-color-typo-white{background-color:var(--fm-color-neutral-white)}.bg-transparent{background-color:transparent}.from-fm-color-neutral-black{--tw-gradient-from: var(--fm-color-neutral-gray-500) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-neutral-gray-100{--tw-gradient-from: var(--fm-color-neutral-gray-100) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-neutral-gray-200{--tw-gradient-from: var(--fm-color-neutral-gray-200) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-neutral-gray-300{--tw-gradient-from: var(--fm-color-neutral-gray-300) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-neutral-gray-400{--tw-gradient-from: var(--fm-color-neutral-gray-400) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-neutral-white{--tw-gradient-from: var(--fm-color-neutral-white) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-opacity-lg{--tw-gradient-from: var(--fm-color-opacity-lg) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-opacity-md{--tw-gradient-from: var(--fm-color-opacity-md) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-opacity-sm{--tw-gradient-from: var(--fm-color-opacity-sm) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-overlay-background{--tw-gradient-from: var(--fm-color-overlay) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-primary{--tw-gradient-from: var(--fm-color-primary) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-secondary-blueberry{--tw-gradient-from: var(--fm-color-secondary-blueberry) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-secondary-citrus{--tw-gradient-from: var(--fm-color-secondary-citrus) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-secondary-cocoa{--tw-gradient-from: var(--fm-color-secondary-cocoa) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-secondary-halite{--tw-gradient-from: var(--fm-color-secondary-halite) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-secondary-macaron{--tw-gradient-from: var(--fm-color-secondary-macaron) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-secondary-mint{--tw-gradient-from: var(--fm-color-secondary-mint) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-secondary-mustard{--tw-gradient-from: var(--fm-color-secondary-mustard) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-secondary-plum{--tw-gradient-from: var(--fm-color-secondary-plum) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-secondary-salmon{--tw-gradient-from: var(--fm-color-secondary-salmon) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-secondary-tuna{--tw-gradient-from: var(--fm-color-secondary-tuna) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-system-error-100{--tw-gradient-from: var(--fm-color-system-red-100) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-system-error-200{--tw-gradient-from: var(--fm-color-system-red-200) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-system-error-300{--tw-gradient-from: var(--fm-color-system-red-300) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-system-error-400{--tw-gradient-from: var(--fm-color-system-red-400) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-system-info-100{--tw-gradient-from: var(--fm-color-system-blue-100) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-system-info-200{--tw-gradient-from: var(--fm-color-system-blue-200) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-system-info-300{--tw-gradient-from: var(--fm-color-system-blue-300) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-system-info-400{--tw-gradient-from: var(--fm-color-system-blue-400) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-system-success-100{--tw-gradient-from: var(--fm-color-system-green-100) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-system-success-200{--tw-gradient-from: var(--fm-color-system-green-200) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-system-success-300{--tw-gradient-from: var(--fm-color-system-green-300) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-system-success-400{--tw-gradient-from: var(--fm-color-system-green-400) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-system-warning-100{--tw-gradient-from: var(--fm-color-system-orange-100) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-system-warning-200{--tw-gradient-from: var(--fm-color-system-orange-200) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-system-warning-300{--tw-gradient-from: var(--fm-color-system-orange-300) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-system-warning-400{--tw-gradient-from: var(--fm-color-system-orange-400) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-typo-disabled{--tw-gradient-from: var(--fm-color-neutral-gray-200) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-typo-error{--tw-gradient-from: var(--fm-color-system-red-400) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-typo-info{--tw-gradient-from: var(--fm-color-system-blue-300) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-typo-primary{--tw-gradient-from: var(--fm-color-neutral-gray-500) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-typo-secondary{--tw-gradient-from: var(--fm-color-neutral-gray-400) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-typo-success{--tw-gradient-from: var(--fm-color-system-green-300) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-typo-tertiary{--tw-gradient-from: var(--fm-color-neutral-gray-300) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-typo-warning{--tw-gradient-from: var(--fm-color-system-orange-300) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fm-color-typo-white{--tw-gradient-from: var(--fm-color-neutral-white) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-fm-color-neutral-black{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-neutral-gray-500) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-neutral-gray-100{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-neutral-gray-100) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-neutral-gray-200{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-neutral-gray-200) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-neutral-gray-300{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-neutral-gray-300) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-neutral-gray-400{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-neutral-gray-400) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-neutral-white{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-neutral-white) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-opacity-lg{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-opacity-lg) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-opacity-md{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-opacity-md) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-opacity-sm{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-opacity-sm) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-overlay-background{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-overlay) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-primary{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-primary) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-secondary-blueberry{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-secondary-blueberry) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-secondary-citrus{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-secondary-citrus) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-secondary-cocoa{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-secondary-cocoa) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-secondary-halite{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-secondary-halite) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-secondary-macaron{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-secondary-macaron) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-secondary-mint{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-secondary-mint) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-secondary-mustard{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-secondary-mustard) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-secondary-plum{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-secondary-plum) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-secondary-salmon{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-secondary-salmon) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-secondary-tuna{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-secondary-tuna) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-system-error-100{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-system-red-100) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-system-error-200{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-system-red-200) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-system-error-300{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-system-red-300) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-system-error-400{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-system-red-400) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-system-info-100{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-system-blue-100) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-system-info-200{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-system-blue-200) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-system-info-300{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-system-blue-300) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-system-info-400{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-system-blue-400) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-system-success-100{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-system-green-100) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-system-success-200{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-system-green-200) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-system-success-300{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-system-green-300) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-system-success-400{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-system-green-400) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-system-warning-100{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-system-orange-100) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-system-warning-200{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-system-orange-200) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-system-warning-300{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-system-orange-300) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-system-warning-400{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-system-orange-400) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-typo-disabled{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-neutral-gray-200) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-typo-error{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-system-red-400) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-typo-info{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-system-blue-300) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-typo-primary{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-neutral-gray-500) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-typo-secondary{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-neutral-gray-400) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-typo-success{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-system-green-300) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-typo-tertiary{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-neutral-gray-300) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-typo-warning{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-system-orange-300) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fm-color-typo-white{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-neutral-white) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-fm-color-neutral-black{--tw-gradient-to: var(--fm-color-neutral-gray-500) var(--tw-gradient-to-position)}.to-fm-color-neutral-gray-100{--tw-gradient-to: var(--fm-color-neutral-gray-100) var(--tw-gradient-to-position)}.to-fm-color-neutral-gray-200{--tw-gradient-to: var(--fm-color-neutral-gray-200) var(--tw-gradient-to-position)}.to-fm-color-neutral-gray-300{--tw-gradient-to: var(--fm-color-neutral-gray-300) var(--tw-gradient-to-position)}.to-fm-color-neutral-gray-400{--tw-gradient-to: var(--fm-color-neutral-gray-400) var(--tw-gradient-to-position)}.to-fm-color-neutral-white{--tw-gradient-to: var(--fm-color-neutral-white) var(--tw-gradient-to-position)}.to-fm-color-opacity-lg{--tw-gradient-to: var(--fm-color-opacity-lg) var(--tw-gradient-to-position)}.to-fm-color-opacity-md{--tw-gradient-to: var(--fm-color-opacity-md) var(--tw-gradient-to-position)}.to-fm-color-opacity-sm{--tw-gradient-to: var(--fm-color-opacity-sm) var(--tw-gradient-to-position)}.to-fm-color-overlay-background{--tw-gradient-to: var(--fm-color-overlay) var(--tw-gradient-to-position)}.to-fm-color-primary{--tw-gradient-to: var(--fm-color-primary) var(--tw-gradient-to-position)}.to-fm-color-secondary-blueberry{--tw-gradient-to: var(--fm-color-secondary-blueberry) var(--tw-gradient-to-position)}.to-fm-color-secondary-citrus{--tw-gradient-to: var(--fm-color-secondary-citrus) var(--tw-gradient-to-position)}.to-fm-color-secondary-cocoa{--tw-gradient-to: var(--fm-color-secondary-cocoa) var(--tw-gradient-to-position)}.to-fm-color-secondary-halite{--tw-gradient-to: var(--fm-color-secondary-halite) var(--tw-gradient-to-position)}.to-fm-color-secondary-macaron{--tw-gradient-to: var(--fm-color-secondary-macaron) var(--tw-gradient-to-position)}.to-fm-color-secondary-mint{--tw-gradient-to: var(--fm-color-secondary-mint) var(--tw-gradient-to-position)}.to-fm-color-secondary-mustard{--tw-gradient-to: var(--fm-color-secondary-mustard) var(--tw-gradient-to-position)}.to-fm-color-secondary-plum{--tw-gradient-to: var(--fm-color-secondary-plum) var(--tw-gradient-to-position)}.to-fm-color-secondary-salmon{--tw-gradient-to: var(--fm-color-secondary-salmon) var(--tw-gradient-to-position)}.to-fm-color-secondary-tuna{--tw-gradient-to: var(--fm-color-secondary-tuna) var(--tw-gradient-to-position)}.to-fm-color-system-error-100{--tw-gradient-to: var(--fm-color-system-red-100) var(--tw-gradient-to-position)}.to-fm-color-system-error-200{--tw-gradient-to: var(--fm-color-system-red-200) var(--tw-gradient-to-position)}.to-fm-color-system-error-300{--tw-gradient-to: var(--fm-color-system-red-300) var(--tw-gradient-to-position)}.to-fm-color-system-error-400{--tw-gradient-to: var(--fm-color-system-red-400) var(--tw-gradient-to-position)}.to-fm-color-system-info-100{--tw-gradient-to: var(--fm-color-system-blue-100) var(--tw-gradient-to-position)}.to-fm-color-system-info-200{--tw-gradient-to: var(--fm-color-system-blue-200) var(--tw-gradient-to-position)}.to-fm-color-system-info-300{--tw-gradient-to: var(--fm-color-system-blue-300) var(--tw-gradient-to-position)}.to-fm-color-system-info-400{--tw-gradient-to: var(--fm-color-system-blue-400) var(--tw-gradient-to-position)}.to-fm-color-system-success-100{--tw-gradient-to: var(--fm-color-system-green-100) var(--tw-gradient-to-position)}.to-fm-color-system-success-200{--tw-gradient-to: var(--fm-color-system-green-200) var(--tw-gradient-to-position)}.to-fm-color-system-success-300{--tw-gradient-to: var(--fm-color-system-green-300) var(--tw-gradient-to-position)}.to-fm-color-system-success-400{--tw-gradient-to: var(--fm-color-system-green-400) var(--tw-gradient-to-position)}.to-fm-color-system-warning-100{--tw-gradient-to: var(--fm-color-system-orange-100) var(--tw-gradient-to-position)}.to-fm-color-system-warning-200{--tw-gradient-to: var(--fm-color-system-orange-200) var(--tw-gradient-to-position)}.to-fm-color-system-warning-300{--tw-gradient-to: var(--fm-color-system-orange-300) var(--tw-gradient-to-position)}.to-fm-color-system-warning-400{--tw-gradient-to: var(--fm-color-system-orange-400) var(--tw-gradient-to-position)}.to-fm-color-typo-disabled{--tw-gradient-to: var(--fm-color-neutral-gray-200) var(--tw-gradient-to-position)}.to-fm-color-typo-error{--tw-gradient-to: var(--fm-color-system-red-400) var(--tw-gradient-to-position)}.to-fm-color-typo-info{--tw-gradient-to: var(--fm-color-system-blue-300) var(--tw-gradient-to-position)}.to-fm-color-typo-primary{--tw-gradient-to: var(--fm-color-neutral-gray-500) var(--tw-gradient-to-position)}.to-fm-color-typo-secondary{--tw-gradient-to: var(--fm-color-neutral-gray-400) var(--tw-gradient-to-position)}.to-fm-color-typo-success{--tw-gradient-to: var(--fm-color-system-green-300) var(--tw-gradient-to-position)}.to-fm-color-typo-tertiary{--tw-gradient-to: var(--fm-color-neutral-gray-300) var(--tw-gradient-to-position)}.to-fm-color-typo-warning{--tw-gradient-to: var(--fm-color-system-orange-300) var(--tw-gradient-to-position)}.to-fm-color-typo-white{--tw-gradient-to: var(--fm-color-neutral-white) var(--tw-gradient-to-position)}.fill-fm-color-neutral-black{fill:var(--fm-color-neutral-gray-500)}.fill-fm-color-neutral-gray-100{fill:var(--fm-color-neutral-gray-100)}.fill-fm-color-neutral-gray-200{fill:var(--fm-color-neutral-gray-200)}.fill-fm-color-neutral-gray-300{fill:var(--fm-color-neutral-gray-300)}.fill-fm-color-neutral-gray-400{fill:var(--fm-color-neutral-gray-400)}.fill-fm-color-neutral-white{fill:var(--fm-color-neutral-white)}.fill-fm-color-opacity-lg{fill:var(--fm-color-opacity-lg)}.fill-fm-color-opacity-md{fill:var(--fm-color-opacity-md)}.fill-fm-color-opacity-sm{fill:var(--fm-color-opacity-sm)}.fill-fm-color-overlay-background{fill:var(--fm-color-overlay)}.fill-fm-color-primary{fill:var(--fm-color-primary)}.fill-fm-color-secondary-blueberry{fill:var(--fm-color-secondary-blueberry)}.fill-fm-color-secondary-citrus{fill:var(--fm-color-secondary-citrus)}.fill-fm-color-secondary-cocoa{fill:var(--fm-color-secondary-cocoa)}.fill-fm-color-secondary-halite{fill:var(--fm-color-secondary-halite)}.fill-fm-color-secondary-macaron{fill:var(--fm-color-secondary-macaron)}.fill-fm-color-secondary-mint{fill:var(--fm-color-secondary-mint)}.fill-fm-color-secondary-mustard{fill:var(--fm-color-secondary-mustard)}.fill-fm-color-secondary-plum{fill:var(--fm-color-secondary-plum)}.fill-fm-color-secondary-salmon{fill:var(--fm-color-secondary-salmon)}.fill-fm-color-secondary-tuna{fill:var(--fm-color-secondary-tuna)}.fill-fm-color-system-error-100{fill:var(--fm-color-system-red-100)}.fill-fm-color-system-error-200{fill:var(--fm-color-system-red-200)}.fill-fm-color-system-error-300{fill:var(--fm-color-system-red-300)}.fill-fm-color-system-error-400{fill:var(--fm-color-system-red-400)}.fill-fm-color-system-info-100{fill:var(--fm-color-system-blue-100)}.fill-fm-color-system-info-200{fill:var(--fm-color-system-blue-200)}.fill-fm-color-system-info-300{fill:var(--fm-color-system-blue-300)}.fill-fm-color-system-info-400{fill:var(--fm-color-system-blue-400)}.fill-fm-color-system-success-100{fill:var(--fm-color-system-green-100)}.fill-fm-color-system-success-200{fill:var(--fm-color-system-green-200)}.fill-fm-color-system-success-300{fill:var(--fm-color-system-green-300)}.fill-fm-color-system-success-400{fill:var(--fm-color-system-green-400)}.fill-fm-color-system-warning-100{fill:var(--fm-color-system-orange-100)}.fill-fm-color-system-warning-200{fill:var(--fm-color-system-orange-200)}.fill-fm-color-system-warning-300{fill:var(--fm-color-system-orange-300)}.fill-fm-color-system-warning-400{fill:var(--fm-color-system-orange-400)}.fill-fm-color-typo-disabled{fill:var(--fm-color-neutral-gray-200)}.fill-fm-color-typo-error{fill:var(--fm-color-system-red-400)}.fill-fm-color-typo-info{fill:var(--fm-color-system-blue-300)}.fill-fm-color-typo-primary{fill:var(--fm-color-neutral-gray-500)}.fill-fm-color-typo-secondary{fill:var(--fm-color-neutral-gray-400)}.fill-fm-color-typo-success{fill:var(--fm-color-system-green-300)}.fill-fm-color-typo-tertiary{fill:var(--fm-color-neutral-gray-300)}.fill-fm-color-typo-warning{fill:var(--fm-color-system-orange-300)}.fill-fm-color-typo-white{fill:var(--fm-color-neutral-white)}.stroke-fm-color-neutral-black{stroke:var(--fm-color-neutral-gray-500)}.stroke-fm-color-neutral-gray-100{stroke:var(--fm-color-neutral-gray-100)}.stroke-fm-color-neutral-gray-200{stroke:var(--fm-color-neutral-gray-200)}.stroke-fm-color-neutral-gray-300{stroke:var(--fm-color-neutral-gray-300)}.stroke-fm-color-neutral-gray-400{stroke:var(--fm-color-neutral-gray-400)}.stroke-fm-color-neutral-white{stroke:var(--fm-color-neutral-white)}.stroke-fm-color-opacity-lg{stroke:var(--fm-color-opacity-lg)}.stroke-fm-color-opacity-md{stroke:var(--fm-color-opacity-md)}.stroke-fm-color-opacity-sm{stroke:var(--fm-color-opacity-sm)}.stroke-fm-color-overlay-background{stroke:var(--fm-color-overlay)}.stroke-fm-color-primary{stroke:var(--fm-color-primary)}.stroke-fm-color-secondary-blueberry{stroke:var(--fm-color-secondary-blueberry)}.stroke-fm-color-secondary-citrus{stroke:var(--fm-color-secondary-citrus)}.stroke-fm-color-secondary-cocoa{stroke:var(--fm-color-secondary-cocoa)}.stroke-fm-color-secondary-halite{stroke:var(--fm-color-secondary-halite)}.stroke-fm-color-secondary-macaron{stroke:var(--fm-color-secondary-macaron)}.stroke-fm-color-secondary-mint{stroke:var(--fm-color-secondary-mint)}.stroke-fm-color-secondary-mustard{stroke:var(--fm-color-secondary-mustard)}.stroke-fm-color-secondary-plum{stroke:var(--fm-color-secondary-plum)}.stroke-fm-color-secondary-salmon{stroke:var(--fm-color-secondary-salmon)}.stroke-fm-color-secondary-tuna{stroke:var(--fm-color-secondary-tuna)}.stroke-fm-color-system-error-100{stroke:var(--fm-color-system-red-100)}.stroke-fm-color-system-error-200{stroke:var(--fm-color-system-red-200)}.stroke-fm-color-system-error-300{stroke:var(--fm-color-system-red-300)}.stroke-fm-color-system-error-400{stroke:var(--fm-color-system-red-400)}.stroke-fm-color-system-info-100{stroke:var(--fm-color-system-blue-100)}.stroke-fm-color-system-info-200{stroke:var(--fm-color-system-blue-200)}.stroke-fm-color-system-info-300{stroke:var(--fm-color-system-blue-300)}.stroke-fm-color-system-info-400{stroke:var(--fm-color-system-blue-400)}.stroke-fm-color-system-success-100{stroke:var(--fm-color-system-green-100)}.stroke-fm-color-system-success-200{stroke:var(--fm-color-system-green-200)}.stroke-fm-color-system-success-300{stroke:var(--fm-color-system-green-300)}.stroke-fm-color-system-success-400{stroke:var(--fm-color-system-green-400)}.stroke-fm-color-system-warning-100{stroke:var(--fm-color-system-orange-100)}.stroke-fm-color-system-warning-200{stroke:var(--fm-color-system-orange-200)}.stroke-fm-color-system-warning-300{stroke:var(--fm-color-system-orange-300)}.stroke-fm-color-system-warning-400{stroke:var(--fm-color-system-orange-400)}.stroke-fm-color-typo-disabled{stroke:var(--fm-color-neutral-gray-200)}.stroke-fm-color-typo-error{stroke:var(--fm-color-system-red-400)}.stroke-fm-color-typo-info{stroke:var(--fm-color-system-blue-300)}.stroke-fm-color-typo-primary{stroke:var(--fm-color-neutral-gray-500)}.stroke-fm-color-typo-secondary{stroke:var(--fm-color-neutral-gray-400)}.stroke-fm-color-typo-success{stroke:var(--fm-color-system-green-300)}.stroke-fm-color-typo-tertiary{stroke:var(--fm-color-neutral-gray-300)}.stroke-fm-color-typo-warning{stroke:var(--fm-color-system-orange-300)}.stroke-fm-color-typo-white{stroke:var(--fm-color-neutral-white)}.p-0{padding:0}.p-12{padding:12px}.p-16{padding:16px}.p-8{padding:8px}.px-16{padding-left:16px;padding-right:16px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-24{padding-left:24px;padding-right:24px}.px-4{padding-left:4px;padding-right:4px}.px-8{padding-left:8px;padding-right:8px}.px-\[11px\]{padding-left:11px;padding-right:11px}.px-\[7px\]{padding-left:7px;padding-right:7px}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:12px;padding-bottom:12px}.py-16{padding-top:16px;padding-bottom:16px}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:4px;padding-bottom:4px}.py-8{padding-top:8px;padding-bottom:8px}.py-\[11px\]{padding-top:11px;padding-bottom:11px}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.pl-2{padding-left:.5rem}.pl-4{padding-left:4px}.pr-0{padding-right:0}.pr-16{padding-right:16px}.text-center{text-align:center}.text-fm-color-neutral-black{color:var(--fm-color-neutral-gray-500)}.text-fm-color-neutral-gray-100{color:var(--fm-color-neutral-gray-100)}.text-fm-color-neutral-gray-200{color:var(--fm-color-neutral-gray-200)}.text-fm-color-neutral-gray-300{color:var(--fm-color-neutral-gray-300)}.text-fm-color-neutral-gray-400{color:var(--fm-color-neutral-gray-400)}.text-fm-color-neutral-white{color:var(--fm-color-neutral-white)}.text-fm-color-opacity-lg{color:var(--fm-color-opacity-lg)}.text-fm-color-opacity-md{color:var(--fm-color-opacity-md)}.text-fm-color-opacity-sm{color:var(--fm-color-opacity-sm)}.text-fm-color-overlay-background{color:var(--fm-color-overlay)}.text-fm-color-primary{color:var(--fm-color-primary)}.text-fm-color-secondary-blueberry{color:var(--fm-color-secondary-blueberry)}.text-fm-color-secondary-citrus{color:var(--fm-color-secondary-citrus)}.text-fm-color-secondary-cocoa{color:var(--fm-color-secondary-cocoa)}.text-fm-color-secondary-halite{color:var(--fm-color-secondary-halite)}.text-fm-color-secondary-macaron{color:var(--fm-color-secondary-macaron)}.text-fm-color-secondary-mint{color:var(--fm-color-secondary-mint)}.text-fm-color-secondary-mustard{color:var(--fm-color-secondary-mustard)}.text-fm-color-secondary-plum{color:var(--fm-color-secondary-plum)}.text-fm-color-secondary-salmon{color:var(--fm-color-secondary-salmon)}.text-fm-color-secondary-tuna{color:var(--fm-color-secondary-tuna)}.text-fm-color-system-error-100{color:var(--fm-color-system-red-100)}.text-fm-color-system-error-200{color:var(--fm-color-system-red-200)}.text-fm-color-system-error-300{color:var(--fm-color-system-red-300)}.text-fm-color-system-error-400{color:var(--fm-color-system-red-400)}.text-fm-color-system-info-100{color:var(--fm-color-system-blue-100)}.text-fm-color-system-info-200{color:var(--fm-color-system-blue-200)}.text-fm-color-system-info-300{color:var(--fm-color-system-blue-300)}.text-fm-color-system-info-400{color:var(--fm-color-system-blue-400)}.text-fm-color-system-success-100{color:var(--fm-color-system-green-100)}.text-fm-color-system-success-200{color:var(--fm-color-system-green-200)}.text-fm-color-system-success-300{color:var(--fm-color-system-green-300)}.text-fm-color-system-success-400{color:var(--fm-color-system-green-400)}.text-fm-color-system-warning-100{color:var(--fm-color-system-orange-100)}.text-fm-color-system-warning-200{color:var(--fm-color-system-orange-200)}.text-fm-color-system-warning-300{color:var(--fm-color-system-orange-300)}.text-fm-color-system-warning-400{color:var(--fm-color-system-orange-400)}.text-fm-color-typo-disabled{color:var(--fm-color-neutral-gray-200)}.text-fm-color-typo-error{color:var(--fm-color-system-red-400)}.text-fm-color-typo-info{color:var(--fm-color-system-blue-300)}.text-fm-color-typo-primary{color:var(--fm-color-neutral-gray-500)}.text-fm-color-typo-secondary{color:var(--fm-color-neutral-gray-400)}.text-fm-color-typo-success{color:var(--fm-color-system-green-300)}.text-fm-color-typo-tertiary{color:var(--fm-color-neutral-gray-300)}.text-fm-color-typo-warning{color:var(--fm-color-system-orange-300)}.text-fm-color-typo-white{color:var(--fm-color-neutral-white)}.decoration-fm-color-neutral-black{text-decoration-color:var(--fm-color-neutral-gray-500)}.decoration-fm-color-neutral-gray-100{text-decoration-color:var(--fm-color-neutral-gray-100)}.decoration-fm-color-neutral-gray-200{text-decoration-color:var(--fm-color-neutral-gray-200)}.decoration-fm-color-neutral-gray-300{text-decoration-color:var(--fm-color-neutral-gray-300)}.decoration-fm-color-neutral-gray-400{text-decoration-color:var(--fm-color-neutral-gray-400)}.decoration-fm-color-neutral-white{text-decoration-color:var(--fm-color-neutral-white)}.decoration-fm-color-opacity-lg{text-decoration-color:var(--fm-color-opacity-lg)}.decoration-fm-color-opacity-md{text-decoration-color:var(--fm-color-opacity-md)}.decoration-fm-color-opacity-sm{text-decoration-color:var(--fm-color-opacity-sm)}.decoration-fm-color-overlay-background{text-decoration-color:var(--fm-color-overlay)}.decoration-fm-color-primary{text-decoration-color:var(--fm-color-primary)}.decoration-fm-color-secondary-blueberry{text-decoration-color:var(--fm-color-secondary-blueberry)}.decoration-fm-color-secondary-citrus{text-decoration-color:var(--fm-color-secondary-citrus)}.decoration-fm-color-secondary-cocoa{text-decoration-color:var(--fm-color-secondary-cocoa)}.decoration-fm-color-secondary-halite{text-decoration-color:var(--fm-color-secondary-halite)}.decoration-fm-color-secondary-macaron{text-decoration-color:var(--fm-color-secondary-macaron)}.decoration-fm-color-secondary-mint{text-decoration-color:var(--fm-color-secondary-mint)}.decoration-fm-color-secondary-mustard{text-decoration-color:var(--fm-color-secondary-mustard)}.decoration-fm-color-secondary-plum{text-decoration-color:var(--fm-color-secondary-plum)}.decoration-fm-color-secondary-salmon{text-decoration-color:var(--fm-color-secondary-salmon)}.decoration-fm-color-secondary-tuna{text-decoration-color:var(--fm-color-secondary-tuna)}.decoration-fm-color-system-error-100{text-decoration-color:var(--fm-color-system-red-100)}.decoration-fm-color-system-error-200{text-decoration-color:var(--fm-color-system-red-200)}.decoration-fm-color-system-error-300{text-decoration-color:var(--fm-color-system-red-300)}.decoration-fm-color-system-error-400{text-decoration-color:var(--fm-color-system-red-400)}.decoration-fm-color-system-info-100{text-decoration-color:var(--fm-color-system-blue-100)}.decoration-fm-color-system-info-200{text-decoration-color:var(--fm-color-system-blue-200)}.decoration-fm-color-system-info-300{text-decoration-color:var(--fm-color-system-blue-300)}.decoration-fm-color-system-info-400{text-decoration-color:var(--fm-color-system-blue-400)}.decoration-fm-color-system-success-100{text-decoration-color:var(--fm-color-system-green-100)}.decoration-fm-color-system-success-200{text-decoration-color:var(--fm-color-system-green-200)}.decoration-fm-color-system-success-300{text-decoration-color:var(--fm-color-system-green-300)}.decoration-fm-color-system-success-400{text-decoration-color:var(--fm-color-system-green-400)}.decoration-fm-color-system-warning-100{text-decoration-color:var(--fm-color-system-orange-100)}.decoration-fm-color-system-warning-200{text-decoration-color:var(--fm-color-system-orange-200)}.decoration-fm-color-system-warning-300{text-decoration-color:var(--fm-color-system-orange-300)}.decoration-fm-color-system-warning-400{text-decoration-color:var(--fm-color-system-orange-400)}.decoration-fm-color-typo-disabled{text-decoration-color:var(--fm-color-neutral-gray-200)}.decoration-fm-color-typo-error{text-decoration-color:var(--fm-color-system-red-400)}.decoration-fm-color-typo-info{text-decoration-color:var(--fm-color-system-blue-300)}.decoration-fm-color-typo-primary{text-decoration-color:var(--fm-color-neutral-gray-500)}.decoration-fm-color-typo-secondary{text-decoration-color:var(--fm-color-neutral-gray-400)}.decoration-fm-color-typo-success{text-decoration-color:var(--fm-color-system-green-300)}.decoration-fm-color-typo-tertiary{text-decoration-color:var(--fm-color-neutral-gray-300)}.decoration-fm-color-typo-warning{text-decoration-color:var(--fm-color-system-orange-300)}.decoration-fm-color-typo-white{text-decoration-color:var(--fm-color-neutral-white)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-fm-color-neutral-black::-moz-placeholder{color:var(--fm-color-neutral-gray-500)}.placeholder-fm-color-neutral-black::placeholder{color:var(--fm-color-neutral-gray-500)}.placeholder-fm-color-neutral-gray-100::-moz-placeholder{color:var(--fm-color-neutral-gray-100)}.placeholder-fm-color-neutral-gray-100::placeholder{color:var(--fm-color-neutral-gray-100)}.placeholder-fm-color-neutral-gray-200::-moz-placeholder{color:var(--fm-color-neutral-gray-200)}.placeholder-fm-color-neutral-gray-200::placeholder{color:var(--fm-color-neutral-gray-200)}.placeholder-fm-color-neutral-gray-300::-moz-placeholder{color:var(--fm-color-neutral-gray-300)}.placeholder-fm-color-neutral-gray-300::placeholder{color:var(--fm-color-neutral-gray-300)}.placeholder-fm-color-neutral-gray-400::-moz-placeholder{color:var(--fm-color-neutral-gray-400)}.placeholder-fm-color-neutral-gray-400::placeholder{color:var(--fm-color-neutral-gray-400)}.placeholder-fm-color-neutral-white::-moz-placeholder{color:var(--fm-color-neutral-white)}.placeholder-fm-color-neutral-white::placeholder{color:var(--fm-color-neutral-white)}.placeholder-fm-color-opacity-lg::-moz-placeholder{color:var(--fm-color-opacity-lg)}.placeholder-fm-color-opacity-lg::placeholder{color:var(--fm-color-opacity-lg)}.placeholder-fm-color-opacity-md::-moz-placeholder{color:var(--fm-color-opacity-md)}.placeholder-fm-color-opacity-md::placeholder{color:var(--fm-color-opacity-md)}.placeholder-fm-color-opacity-sm::-moz-placeholder{color:var(--fm-color-opacity-sm)}.placeholder-fm-color-opacity-sm::placeholder{color:var(--fm-color-opacity-sm)}.placeholder-fm-color-overlay-background::-moz-placeholder{color:var(--fm-color-overlay)}.placeholder-fm-color-overlay-background::placeholder{color:var(--fm-color-overlay)}.placeholder-fm-color-primary::-moz-placeholder{color:var(--fm-color-primary)}.placeholder-fm-color-primary::placeholder{color:var(--fm-color-primary)}.placeholder-fm-color-secondary-blueberry::-moz-placeholder{color:var(--fm-color-secondary-blueberry)}.placeholder-fm-color-secondary-blueberry::placeholder{color:var(--fm-color-secondary-blueberry)}.placeholder-fm-color-secondary-citrus::-moz-placeholder{color:var(--fm-color-secondary-citrus)}.placeholder-fm-color-secondary-citrus::placeholder{color:var(--fm-color-secondary-citrus)}.placeholder-fm-color-secondary-cocoa::-moz-placeholder{color:var(--fm-color-secondary-cocoa)}.placeholder-fm-color-secondary-cocoa::placeholder{color:var(--fm-color-secondary-cocoa)}.placeholder-fm-color-secondary-halite::-moz-placeholder{color:var(--fm-color-secondary-halite)}.placeholder-fm-color-secondary-halite::placeholder{color:var(--fm-color-secondary-halite)}.placeholder-fm-color-secondary-macaron::-moz-placeholder{color:var(--fm-color-secondary-macaron)}.placeholder-fm-color-secondary-macaron::placeholder{color:var(--fm-color-secondary-macaron)}.placeholder-fm-color-secondary-mint::-moz-placeholder{color:var(--fm-color-secondary-mint)}.placeholder-fm-color-secondary-mint::placeholder{color:var(--fm-color-secondary-mint)}.placeholder-fm-color-secondary-mustard::-moz-placeholder{color:var(--fm-color-secondary-mustard)}.placeholder-fm-color-secondary-mustard::placeholder{color:var(--fm-color-secondary-mustard)}.placeholder-fm-color-secondary-plum::-moz-placeholder{color:var(--fm-color-secondary-plum)}.placeholder-fm-color-secondary-plum::placeholder{color:var(--fm-color-secondary-plum)}.placeholder-fm-color-secondary-salmon::-moz-placeholder{color:var(--fm-color-secondary-salmon)}.placeholder-fm-color-secondary-salmon::placeholder{color:var(--fm-color-secondary-salmon)}.placeholder-fm-color-secondary-tuna::-moz-placeholder{color:var(--fm-color-secondary-tuna)}.placeholder-fm-color-secondary-tuna::placeholder{color:var(--fm-color-secondary-tuna)}.placeholder-fm-color-system-error-100::-moz-placeholder{color:var(--fm-color-system-red-100)}.placeholder-fm-color-system-error-100::placeholder{color:var(--fm-color-system-red-100)}.placeholder-fm-color-system-error-200::-moz-placeholder{color:var(--fm-color-system-red-200)}.placeholder-fm-color-system-error-200::placeholder{color:var(--fm-color-system-red-200)}.placeholder-fm-color-system-error-300::-moz-placeholder{color:var(--fm-color-system-red-300)}.placeholder-fm-color-system-error-300::placeholder{color:var(--fm-color-system-red-300)}.placeholder-fm-color-system-error-400::-moz-placeholder{color:var(--fm-color-system-red-400)}.placeholder-fm-color-system-error-400::placeholder{color:var(--fm-color-system-red-400)}.placeholder-fm-color-system-info-100::-moz-placeholder{color:var(--fm-color-system-blue-100)}.placeholder-fm-color-system-info-100::placeholder{color:var(--fm-color-system-blue-100)}.placeholder-fm-color-system-info-200::-moz-placeholder{color:var(--fm-color-system-blue-200)}.placeholder-fm-color-system-info-200::placeholder{color:var(--fm-color-system-blue-200)}.placeholder-fm-color-system-info-300::-moz-placeholder{color:var(--fm-color-system-blue-300)}.placeholder-fm-color-system-info-300::placeholder{color:var(--fm-color-system-blue-300)}.placeholder-fm-color-system-info-400::-moz-placeholder{color:var(--fm-color-system-blue-400)}.placeholder-fm-color-system-info-400::placeholder{color:var(--fm-color-system-blue-400)}.placeholder-fm-color-system-success-100::-moz-placeholder{color:var(--fm-color-system-green-100)}.placeholder-fm-color-system-success-100::placeholder{color:var(--fm-color-system-green-100)}.placeholder-fm-color-system-success-200::-moz-placeholder{color:var(--fm-color-system-green-200)}.placeholder-fm-color-system-success-200::placeholder{color:var(--fm-color-system-green-200)}.placeholder-fm-color-system-success-300::-moz-placeholder{color:var(--fm-color-system-green-300)}.placeholder-fm-color-system-success-300::placeholder{color:var(--fm-color-system-green-300)}.placeholder-fm-color-system-success-400::-moz-placeholder{color:var(--fm-color-system-green-400)}.placeholder-fm-color-system-success-400::placeholder{color:var(--fm-color-system-green-400)}.placeholder-fm-color-system-warning-100::-moz-placeholder{color:var(--fm-color-system-orange-100)}.placeholder-fm-color-system-warning-100::placeholder{color:var(--fm-color-system-orange-100)}.placeholder-fm-color-system-warning-200::-moz-placeholder{color:var(--fm-color-system-orange-200)}.placeholder-fm-color-system-warning-200::placeholder{color:var(--fm-color-system-orange-200)}.placeholder-fm-color-system-warning-300::-moz-placeholder{color:var(--fm-color-system-orange-300)}.placeholder-fm-color-system-warning-300::placeholder{color:var(--fm-color-system-orange-300)}.placeholder-fm-color-system-warning-400::-moz-placeholder{color:var(--fm-color-system-orange-400)}.placeholder-fm-color-system-warning-400::placeholder{color:var(--fm-color-system-orange-400)}.placeholder-fm-color-typo-disabled::-moz-placeholder{color:var(--fm-color-neutral-gray-200)}.placeholder-fm-color-typo-disabled::placeholder{color:var(--fm-color-neutral-gray-200)}.placeholder-fm-color-typo-error::-moz-placeholder{color:var(--fm-color-system-red-400)}.placeholder-fm-color-typo-error::placeholder{color:var(--fm-color-system-red-400)}.placeholder-fm-color-typo-info::-moz-placeholder{color:var(--fm-color-system-blue-300)}.placeholder-fm-color-typo-info::placeholder{color:var(--fm-color-system-blue-300)}.placeholder-fm-color-typo-primary::-moz-placeholder{color:var(--fm-color-neutral-gray-500)}.placeholder-fm-color-typo-primary::placeholder{color:var(--fm-color-neutral-gray-500)}.placeholder-fm-color-typo-secondary::-moz-placeholder{color:var(--fm-color-neutral-gray-400)}.placeholder-fm-color-typo-secondary::placeholder{color:var(--fm-color-neutral-gray-400)}.placeholder-fm-color-typo-success::-moz-placeholder{color:var(--fm-color-system-green-300)}.placeholder-fm-color-typo-success::placeholder{color:var(--fm-color-system-green-300)}.placeholder-fm-color-typo-tertiary::-moz-placeholder{color:var(--fm-color-neutral-gray-300)}.placeholder-fm-color-typo-tertiary::placeholder{color:var(--fm-color-neutral-gray-300)}.placeholder-fm-color-typo-warning::-moz-placeholder{color:var(--fm-color-system-orange-300)}.placeholder-fm-color-typo-warning::placeholder{color:var(--fm-color-system-orange-300)}.placeholder-fm-color-typo-white::-moz-placeholder{color:var(--fm-color-neutral-white)}.placeholder-fm-color-typo-white::placeholder{color:var(--fm-color-neutral-white)}.caret-fm-color-neutral-black{caret-color:var(--fm-color-neutral-gray-500)}.caret-fm-color-neutral-gray-100{caret-color:var(--fm-color-neutral-gray-100)}.caret-fm-color-neutral-gray-200{caret-color:var(--fm-color-neutral-gray-200)}.caret-fm-color-neutral-gray-300{caret-color:var(--fm-color-neutral-gray-300)}.caret-fm-color-neutral-gray-400{caret-color:var(--fm-color-neutral-gray-400)}.caret-fm-color-neutral-white{caret-color:var(--fm-color-neutral-white)}.caret-fm-color-opacity-lg{caret-color:var(--fm-color-opacity-lg)}.caret-fm-color-opacity-md{caret-color:var(--fm-color-opacity-md)}.caret-fm-color-opacity-sm{caret-color:var(--fm-color-opacity-sm)}.caret-fm-color-overlay-background{caret-color:var(--fm-color-overlay)}.caret-fm-color-primary{caret-color:var(--fm-color-primary)}.caret-fm-color-secondary-blueberry{caret-color:var(--fm-color-secondary-blueberry)}.caret-fm-color-secondary-citrus{caret-color:var(--fm-color-secondary-citrus)}.caret-fm-color-secondary-cocoa{caret-color:var(--fm-color-secondary-cocoa)}.caret-fm-color-secondary-halite{caret-color:var(--fm-color-secondary-halite)}.caret-fm-color-secondary-macaron{caret-color:var(--fm-color-secondary-macaron)}.caret-fm-color-secondary-mint{caret-color:var(--fm-color-secondary-mint)}.caret-fm-color-secondary-mustard{caret-color:var(--fm-color-secondary-mustard)}.caret-fm-color-secondary-plum{caret-color:var(--fm-color-secondary-plum)}.caret-fm-color-secondary-salmon{caret-color:var(--fm-color-secondary-salmon)}.caret-fm-color-secondary-tuna{caret-color:var(--fm-color-secondary-tuna)}.caret-fm-color-system-error-100{caret-color:var(--fm-color-system-red-100)}.caret-fm-color-system-error-200{caret-color:var(--fm-color-system-red-200)}.caret-fm-color-system-error-300{caret-color:var(--fm-color-system-red-300)}.caret-fm-color-system-error-400{caret-color:var(--fm-color-system-red-400)}.caret-fm-color-system-info-100{caret-color:var(--fm-color-system-blue-100)}.caret-fm-color-system-info-200{caret-color:var(--fm-color-system-blue-200)}.caret-fm-color-system-info-300{caret-color:var(--fm-color-system-blue-300)}.caret-fm-color-system-info-400{caret-color:var(--fm-color-system-blue-400)}.caret-fm-color-system-success-100{caret-color:var(--fm-color-system-green-100)}.caret-fm-color-system-success-200{caret-color:var(--fm-color-system-green-200)}.caret-fm-color-system-success-300{caret-color:var(--fm-color-system-green-300)}.caret-fm-color-system-success-400{caret-color:var(--fm-color-system-green-400)}.caret-fm-color-system-warning-100{caret-color:var(--fm-color-system-orange-100)}.caret-fm-color-system-warning-200{caret-color:var(--fm-color-system-orange-200)}.caret-fm-color-system-warning-300{caret-color:var(--fm-color-system-orange-300)}.caret-fm-color-system-warning-400{caret-color:var(--fm-color-system-orange-400)}.caret-fm-color-typo-disabled{caret-color:var(--fm-color-neutral-gray-200)}.caret-fm-color-typo-error{caret-color:var(--fm-color-system-red-400)}.caret-fm-color-typo-info{caret-color:var(--fm-color-system-blue-300)}.caret-fm-color-typo-primary{caret-color:var(--fm-color-neutral-gray-500)}.caret-fm-color-typo-secondary{caret-color:var(--fm-color-neutral-gray-400)}.caret-fm-color-typo-success{caret-color:var(--fm-color-system-green-300)}.caret-fm-color-typo-tertiary{caret-color:var(--fm-color-neutral-gray-300)}.caret-fm-color-typo-warning{caret-color:var(--fm-color-system-orange-300)}.caret-fm-color-typo-white{caret-color:var(--fm-color-neutral-white)}.accent-fm-color-neutral-black{accent-color:var(--fm-color-neutral-gray-500)}.accent-fm-color-neutral-gray-100{accent-color:var(--fm-color-neutral-gray-100)}.accent-fm-color-neutral-gray-200{accent-color:var(--fm-color-neutral-gray-200)}.accent-fm-color-neutral-gray-300{accent-color:var(--fm-color-neutral-gray-300)}.accent-fm-color-neutral-gray-400{accent-color:var(--fm-color-neutral-gray-400)}.accent-fm-color-neutral-white{accent-color:var(--fm-color-neutral-white)}.accent-fm-color-opacity-lg{accent-color:var(--fm-color-opacity-lg)}.accent-fm-color-opacity-md{accent-color:var(--fm-color-opacity-md)}.accent-fm-color-opacity-sm{accent-color:var(--fm-color-opacity-sm)}.accent-fm-color-overlay-background{accent-color:var(--fm-color-overlay)}.accent-fm-color-primary{accent-color:var(--fm-color-primary)}.accent-fm-color-secondary-blueberry{accent-color:var(--fm-color-secondary-blueberry)}.accent-fm-color-secondary-citrus{accent-color:var(--fm-color-secondary-citrus)}.accent-fm-color-secondary-cocoa{accent-color:var(--fm-color-secondary-cocoa)}.accent-fm-color-secondary-halite{accent-color:var(--fm-color-secondary-halite)}.accent-fm-color-secondary-macaron{accent-color:var(--fm-color-secondary-macaron)}.accent-fm-color-secondary-mint{accent-color:var(--fm-color-secondary-mint)}.accent-fm-color-secondary-mustard{accent-color:var(--fm-color-secondary-mustard)}.accent-fm-color-secondary-plum{accent-color:var(--fm-color-secondary-plum)}.accent-fm-color-secondary-salmon{accent-color:var(--fm-color-secondary-salmon)}.accent-fm-color-secondary-tuna{accent-color:var(--fm-color-secondary-tuna)}.accent-fm-color-system-error-100{accent-color:var(--fm-color-system-red-100)}.accent-fm-color-system-error-200{accent-color:var(--fm-color-system-red-200)}.accent-fm-color-system-error-300{accent-color:var(--fm-color-system-red-300)}.accent-fm-color-system-error-400{accent-color:var(--fm-color-system-red-400)}.accent-fm-color-system-info-100{accent-color:var(--fm-color-system-blue-100)}.accent-fm-color-system-info-200{accent-color:var(--fm-color-system-blue-200)}.accent-fm-color-system-info-300{accent-color:var(--fm-color-system-blue-300)}.accent-fm-color-system-info-400{accent-color:var(--fm-color-system-blue-400)}.accent-fm-color-system-success-100{accent-color:var(--fm-color-system-green-100)}.accent-fm-color-system-success-200{accent-color:var(--fm-color-system-green-200)}.accent-fm-color-system-success-300{accent-color:var(--fm-color-system-green-300)}.accent-fm-color-system-success-400{accent-color:var(--fm-color-system-green-400)}.accent-fm-color-system-warning-100{accent-color:var(--fm-color-system-orange-100)}.accent-fm-color-system-warning-200{accent-color:var(--fm-color-system-orange-200)}.accent-fm-color-system-warning-300{accent-color:var(--fm-color-system-orange-300)}.accent-fm-color-system-warning-400{accent-color:var(--fm-color-system-orange-400)}.accent-fm-color-typo-disabled{accent-color:var(--fm-color-neutral-gray-200)}.accent-fm-color-typo-error{accent-color:var(--fm-color-system-red-400)}.accent-fm-color-typo-info{accent-color:var(--fm-color-system-blue-300)}.accent-fm-color-typo-primary{accent-color:var(--fm-color-neutral-gray-500)}.accent-fm-color-typo-secondary{accent-color:var(--fm-color-neutral-gray-400)}.accent-fm-color-typo-success{accent-color:var(--fm-color-system-green-300)}.accent-fm-color-typo-tertiary{accent-color:var(--fm-color-neutral-gray-300)}.accent-fm-color-typo-warning{accent-color:var(--fm-color-system-orange-300)}.accent-fm-color-typo-white{accent-color:var(--fm-color-neutral-white)}.shadow-light-300{--tw-shadow: 0px 8px 16px 0px rgba(199, 199, 204, .24);--tw-shadow-colored: 0px 8px 16px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-fm-color-neutral-black{--tw-shadow-color: var(--fm-color-neutral-gray-500);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-neutral-gray-100{--tw-shadow-color: var(--fm-color-neutral-gray-100);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-neutral-gray-200{--tw-shadow-color: var(--fm-color-neutral-gray-200);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-neutral-gray-300{--tw-shadow-color: var(--fm-color-neutral-gray-300);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-neutral-gray-400{--tw-shadow-color: var(--fm-color-neutral-gray-400);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-neutral-white{--tw-shadow-color: var(--fm-color-neutral-white);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-opacity-lg{--tw-shadow-color: var(--fm-color-opacity-lg);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-opacity-md{--tw-shadow-color: var(--fm-color-opacity-md);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-opacity-sm{--tw-shadow-color: var(--fm-color-opacity-sm);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-overlay-background{--tw-shadow-color: var(--fm-color-overlay);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-primary{--tw-shadow-color: var(--fm-color-primary);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-secondary-blueberry{--tw-shadow-color: var(--fm-color-secondary-blueberry);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-secondary-citrus{--tw-shadow-color: var(--fm-color-secondary-citrus);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-secondary-cocoa{--tw-shadow-color: var(--fm-color-secondary-cocoa);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-secondary-halite{--tw-shadow-color: var(--fm-color-secondary-halite);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-secondary-macaron{--tw-shadow-color: var(--fm-color-secondary-macaron);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-secondary-mint{--tw-shadow-color: var(--fm-color-secondary-mint);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-secondary-mustard{--tw-shadow-color: var(--fm-color-secondary-mustard);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-secondary-plum{--tw-shadow-color: var(--fm-color-secondary-plum);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-secondary-salmon{--tw-shadow-color: var(--fm-color-secondary-salmon);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-secondary-tuna{--tw-shadow-color: var(--fm-color-secondary-tuna);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-system-error-100{--tw-shadow-color: var(--fm-color-system-red-100);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-system-error-200{--tw-shadow-color: var(--fm-color-system-red-200);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-system-error-300{--tw-shadow-color: var(--fm-color-system-red-300);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-system-error-400{--tw-shadow-color: var(--fm-color-system-red-400);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-system-info-100{--tw-shadow-color: var(--fm-color-system-blue-100);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-system-info-200{--tw-shadow-color: var(--fm-color-system-blue-200);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-system-info-300{--tw-shadow-color: var(--fm-color-system-blue-300);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-system-info-400{--tw-shadow-color: var(--fm-color-system-blue-400);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-system-success-100{--tw-shadow-color: var(--fm-color-system-green-100);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-system-success-200{--tw-shadow-color: var(--fm-color-system-green-200);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-system-success-300{--tw-shadow-color: var(--fm-color-system-green-300);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-system-success-400{--tw-shadow-color: var(--fm-color-system-green-400);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-system-warning-100{--tw-shadow-color: var(--fm-color-system-orange-100);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-system-warning-200{--tw-shadow-color: var(--fm-color-system-orange-200);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-system-warning-300{--tw-shadow-color: var(--fm-color-system-orange-300);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-system-warning-400{--tw-shadow-color: var(--fm-color-system-orange-400);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-typo-disabled{--tw-shadow-color: var(--fm-color-neutral-gray-200);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-typo-error{--tw-shadow-color: var(--fm-color-system-red-400);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-typo-info{--tw-shadow-color: var(--fm-color-system-blue-300);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-typo-primary{--tw-shadow-color: var(--fm-color-neutral-gray-500);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-typo-secondary{--tw-shadow-color: var(--fm-color-neutral-gray-400);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-typo-success{--tw-shadow-color: var(--fm-color-system-green-300);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-typo-tertiary{--tw-shadow-color: var(--fm-color-neutral-gray-300);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-typo-warning{--tw-shadow-color: var(--fm-color-system-orange-300);--tw-shadow: var(--tw-shadow-colored)}.shadow-fm-color-typo-white{--tw-shadow-color: var(--fm-color-neutral-white);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.outline-fm-color-neutral-black{outline-color:var(--fm-color-neutral-gray-500)}.outline-fm-color-neutral-gray-100{outline-color:var(--fm-color-neutral-gray-100)}.outline-fm-color-neutral-gray-200{outline-color:var(--fm-color-neutral-gray-200)}.outline-fm-color-neutral-gray-300{outline-color:var(--fm-color-neutral-gray-300)}.outline-fm-color-neutral-gray-400{outline-color:var(--fm-color-neutral-gray-400)}.outline-fm-color-neutral-white{outline-color:var(--fm-color-neutral-white)}.outline-fm-color-opacity-lg{outline-color:var(--fm-color-opacity-lg)}.outline-fm-color-opacity-md{outline-color:var(--fm-color-opacity-md)}.outline-fm-color-opacity-sm{outline-color:var(--fm-color-opacity-sm)}.outline-fm-color-overlay-background{outline-color:var(--fm-color-overlay)}.outline-fm-color-primary{outline-color:var(--fm-color-primary)}.outline-fm-color-secondary-blueberry{outline-color:var(--fm-color-secondary-blueberry)}.outline-fm-color-secondary-citrus{outline-color:var(--fm-color-secondary-citrus)}.outline-fm-color-secondary-cocoa{outline-color:var(--fm-color-secondary-cocoa)}.outline-fm-color-secondary-halite{outline-color:var(--fm-color-secondary-halite)}.outline-fm-color-secondary-macaron{outline-color:var(--fm-color-secondary-macaron)}.outline-fm-color-secondary-mint{outline-color:var(--fm-color-secondary-mint)}.outline-fm-color-secondary-mustard{outline-color:var(--fm-color-secondary-mustard)}.outline-fm-color-secondary-plum{outline-color:var(--fm-color-secondary-plum)}.outline-fm-color-secondary-salmon{outline-color:var(--fm-color-secondary-salmon)}.outline-fm-color-secondary-tuna{outline-color:var(--fm-color-secondary-tuna)}.outline-fm-color-system-error-100{outline-color:var(--fm-color-system-red-100)}.outline-fm-color-system-error-200{outline-color:var(--fm-color-system-red-200)}.outline-fm-color-system-error-300{outline-color:var(--fm-color-system-red-300)}.outline-fm-color-system-error-400{outline-color:var(--fm-color-system-red-400)}.outline-fm-color-system-info-100{outline-color:var(--fm-color-system-blue-100)}.outline-fm-color-system-info-200{outline-color:var(--fm-color-system-blue-200)}.outline-fm-color-system-info-300{outline-color:var(--fm-color-system-blue-300)}.outline-fm-color-system-info-400{outline-color:var(--fm-color-system-blue-400)}.outline-fm-color-system-success-100{outline-color:var(--fm-color-system-green-100)}.outline-fm-color-system-success-200{outline-color:var(--fm-color-system-green-200)}.outline-fm-color-system-success-300{outline-color:var(--fm-color-system-green-300)}.outline-fm-color-system-success-400{outline-color:var(--fm-color-system-green-400)}.outline-fm-color-system-warning-100{outline-color:var(--fm-color-system-orange-100)}.outline-fm-color-system-warning-200{outline-color:var(--fm-color-system-orange-200)}.outline-fm-color-system-warning-300{outline-color:var(--fm-color-system-orange-300)}.outline-fm-color-system-warning-400{outline-color:var(--fm-color-system-orange-400)}.outline-fm-color-typo-disabled{outline-color:var(--fm-color-neutral-gray-200)}.outline-fm-color-typo-error{outline-color:var(--fm-color-system-red-400)}.outline-fm-color-typo-info{outline-color:var(--fm-color-system-blue-300)}.outline-fm-color-typo-primary{outline-color:var(--fm-color-neutral-gray-500)}.outline-fm-color-typo-secondary{outline-color:var(--fm-color-neutral-gray-400)}.outline-fm-color-typo-success{outline-color:var(--fm-color-system-green-300)}.outline-fm-color-typo-tertiary{outline-color:var(--fm-color-neutral-gray-300)}.outline-fm-color-typo-warning{outline-color:var(--fm-color-system-orange-300)}.outline-fm-color-typo-white{outline-color:var(--fm-color-neutral-white)}.ring-fm-color-neutral-black{--tw-ring-color: var(--fm-color-neutral-gray-500)}.ring-fm-color-neutral-gray-100{--tw-ring-color: var(--fm-color-neutral-gray-100)}.ring-fm-color-neutral-gray-200{--tw-ring-color: var(--fm-color-neutral-gray-200)}.ring-fm-color-neutral-gray-300{--tw-ring-color: var(--fm-color-neutral-gray-300)}.ring-fm-color-neutral-gray-400{--tw-ring-color: var(--fm-color-neutral-gray-400)}.ring-fm-color-neutral-white{--tw-ring-color: var(--fm-color-neutral-white)}.ring-fm-color-opacity-lg{--tw-ring-color: var(--fm-color-opacity-lg)}.ring-fm-color-opacity-md{--tw-ring-color: var(--fm-color-opacity-md)}.ring-fm-color-opacity-sm{--tw-ring-color: var(--fm-color-opacity-sm)}.ring-fm-color-overlay-background{--tw-ring-color: var(--fm-color-overlay)}.ring-fm-color-primary{--tw-ring-color: var(--fm-color-primary)}.ring-fm-color-secondary-blueberry{--tw-ring-color: var(--fm-color-secondary-blueberry)}.ring-fm-color-secondary-citrus{--tw-ring-color: var(--fm-color-secondary-citrus)}.ring-fm-color-secondary-cocoa{--tw-ring-color: var(--fm-color-secondary-cocoa)}.ring-fm-color-secondary-halite{--tw-ring-color: var(--fm-color-secondary-halite)}.ring-fm-color-secondary-macaron{--tw-ring-color: var(--fm-color-secondary-macaron)}.ring-fm-color-secondary-mint{--tw-ring-color: var(--fm-color-secondary-mint)}.ring-fm-color-secondary-mustard{--tw-ring-color: var(--fm-color-secondary-mustard)}.ring-fm-color-secondary-plum{--tw-ring-color: var(--fm-color-secondary-plum)}.ring-fm-color-secondary-salmon{--tw-ring-color: var(--fm-color-secondary-salmon)}.ring-fm-color-secondary-tuna{--tw-ring-color: var(--fm-color-secondary-tuna)}.ring-fm-color-system-error-100{--tw-ring-color: var(--fm-color-system-red-100)}.ring-fm-color-system-error-200{--tw-ring-color: var(--fm-color-system-red-200)}.ring-fm-color-system-error-300{--tw-ring-color: var(--fm-color-system-red-300)}.ring-fm-color-system-error-400{--tw-ring-color: var(--fm-color-system-red-400)}.ring-fm-color-system-info-100{--tw-ring-color: var(--fm-color-system-blue-100)}.ring-fm-color-system-info-200{--tw-ring-color: var(--fm-color-system-blue-200)}.ring-fm-color-system-info-300{--tw-ring-color: var(--fm-color-system-blue-300)}.ring-fm-color-system-info-400{--tw-ring-color: var(--fm-color-system-blue-400)}.ring-fm-color-system-success-100{--tw-ring-color: var(--fm-color-system-green-100)}.ring-fm-color-system-success-200{--tw-ring-color: var(--fm-color-system-green-200)}.ring-fm-color-system-success-300{--tw-ring-color: var(--fm-color-system-green-300)}.ring-fm-color-system-success-400{--tw-ring-color: var(--fm-color-system-green-400)}.ring-fm-color-system-warning-100{--tw-ring-color: var(--fm-color-system-orange-100)}.ring-fm-color-system-warning-200{--tw-ring-color: var(--fm-color-system-orange-200)}.ring-fm-color-system-warning-300{--tw-ring-color: var(--fm-color-system-orange-300)}.ring-fm-color-system-warning-400{--tw-ring-color: var(--fm-color-system-orange-400)}.ring-fm-color-typo-disabled{--tw-ring-color: var(--fm-color-neutral-gray-200)}.ring-fm-color-typo-error{--tw-ring-color: var(--fm-color-system-red-400)}.ring-fm-color-typo-info{--tw-ring-color: var(--fm-color-system-blue-300)}.ring-fm-color-typo-primary{--tw-ring-color: var(--fm-color-neutral-gray-500)}.ring-fm-color-typo-secondary{--tw-ring-color: var(--fm-color-neutral-gray-400)}.ring-fm-color-typo-success{--tw-ring-color: var(--fm-color-system-green-300)}.ring-fm-color-typo-tertiary{--tw-ring-color: var(--fm-color-neutral-gray-300)}.ring-fm-color-typo-warning{--tw-ring-color: var(--fm-color-system-orange-300)}.ring-fm-color-typo-white{--tw-ring-color: var(--fm-color-neutral-white)}.ring-offset-fm-color-neutral-black{--tw-ring-offset-color: var(--fm-color-neutral-gray-500)}.ring-offset-fm-color-neutral-gray-100{--tw-ring-offset-color: var(--fm-color-neutral-gray-100)}.ring-offset-fm-color-neutral-gray-200{--tw-ring-offset-color: var(--fm-color-neutral-gray-200)}.ring-offset-fm-color-neutral-gray-300{--tw-ring-offset-color: var(--fm-color-neutral-gray-300)}.ring-offset-fm-color-neutral-gray-400{--tw-ring-offset-color: var(--fm-color-neutral-gray-400)}.ring-offset-fm-color-neutral-white{--tw-ring-offset-color: var(--fm-color-neutral-white)}.ring-offset-fm-color-opacity-lg{--tw-ring-offset-color: var(--fm-color-opacity-lg)}.ring-offset-fm-color-opacity-md{--tw-ring-offset-color: var(--fm-color-opacity-md)}.ring-offset-fm-color-opacity-sm{--tw-ring-offset-color: var(--fm-color-opacity-sm)}.ring-offset-fm-color-overlay-background{--tw-ring-offset-color: var(--fm-color-overlay)}.ring-offset-fm-color-primary{--tw-ring-offset-color: var(--fm-color-primary)}.ring-offset-fm-color-secondary-blueberry{--tw-ring-offset-color: var(--fm-color-secondary-blueberry)}.ring-offset-fm-color-secondary-citrus{--tw-ring-offset-color: var(--fm-color-secondary-citrus)}.ring-offset-fm-color-secondary-cocoa{--tw-ring-offset-color: var(--fm-color-secondary-cocoa)}.ring-offset-fm-color-secondary-halite{--tw-ring-offset-color: var(--fm-color-secondary-halite)}.ring-offset-fm-color-secondary-macaron{--tw-ring-offset-color: var(--fm-color-secondary-macaron)}.ring-offset-fm-color-secondary-mint{--tw-ring-offset-color: var(--fm-color-secondary-mint)}.ring-offset-fm-color-secondary-mustard{--tw-ring-offset-color: var(--fm-color-secondary-mustard)}.ring-offset-fm-color-secondary-plum{--tw-ring-offset-color: var(--fm-color-secondary-plum)}.ring-offset-fm-color-secondary-salmon{--tw-ring-offset-color: var(--fm-color-secondary-salmon)}.ring-offset-fm-color-secondary-tuna{--tw-ring-offset-color: var(--fm-color-secondary-tuna)}.ring-offset-fm-color-system-error-100{--tw-ring-offset-color: var(--fm-color-system-red-100)}.ring-offset-fm-color-system-error-200{--tw-ring-offset-color: var(--fm-color-system-red-200)}.ring-offset-fm-color-system-error-300{--tw-ring-offset-color: var(--fm-color-system-red-300)}.ring-offset-fm-color-system-error-400{--tw-ring-offset-color: var(--fm-color-system-red-400)}.ring-offset-fm-color-system-info-100{--tw-ring-offset-color: var(--fm-color-system-blue-100)}.ring-offset-fm-color-system-info-200{--tw-ring-offset-color: var(--fm-color-system-blue-200)}.ring-offset-fm-color-system-info-300{--tw-ring-offset-color: var(--fm-color-system-blue-300)}.ring-offset-fm-color-system-info-400{--tw-ring-offset-color: var(--fm-color-system-blue-400)}.ring-offset-fm-color-system-success-100{--tw-ring-offset-color: var(--fm-color-system-green-100)}.ring-offset-fm-color-system-success-200{--tw-ring-offset-color: var(--fm-color-system-green-200)}.ring-offset-fm-color-system-success-300{--tw-ring-offset-color: var(--fm-color-system-green-300)}.ring-offset-fm-color-system-success-400{--tw-ring-offset-color: var(--fm-color-system-green-400)}.ring-offset-fm-color-system-warning-100{--tw-ring-offset-color: var(--fm-color-system-orange-100)}.ring-offset-fm-color-system-warning-200{--tw-ring-offset-color: var(--fm-color-system-orange-200)}.ring-offset-fm-color-system-warning-300{--tw-ring-offset-color: var(--fm-color-system-orange-300)}.ring-offset-fm-color-system-warning-400{--tw-ring-offset-color: var(--fm-color-system-orange-400)}.ring-offset-fm-color-typo-disabled{--tw-ring-offset-color: var(--fm-color-neutral-gray-200)}.ring-offset-fm-color-typo-error{--tw-ring-offset-color: var(--fm-color-system-red-400)}.ring-offset-fm-color-typo-info{--tw-ring-offset-color: var(--fm-color-system-blue-300)}.ring-offset-fm-color-typo-primary{--tw-ring-offset-color: var(--fm-color-neutral-gray-500)}.ring-offset-fm-color-typo-secondary{--tw-ring-offset-color: var(--fm-color-neutral-gray-400)}.ring-offset-fm-color-typo-success{--tw-ring-offset-color: var(--fm-color-system-green-300)}.ring-offset-fm-color-typo-tertiary{--tw-ring-offset-color: var(--fm-color-neutral-gray-300)}.ring-offset-fm-color-typo-warning{--tw-ring-offset-color: var(--fm-color-system-orange-300)}.ring-offset-fm-color-typo-white{--tw-ring-offset-color: var(--fm-color-neutral-white)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}header{line-height:1.5}.logo{display:block;margin:0 auto 2rem}@media (min-width: 1024px){header{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}.logo{margin:0 2rem 0 0}header .wrapper{display:flex;place-items:flex-start;flex-wrap:wrap}}.last\:border-r-0:last-child{border-right-width:0px}.empty\:hidden:empty{display:none}.hover\:bg-fm-color-neutral-gray-200:hover{background-color:var(--fm-color-neutral-gray-200)}.hover\:bg-fm-color-neutral-white:hover{background-color:var(--fm-color-neutral-white)}.hover\:bg-fm-color-opacity-sm:hover{background-color:var(--fm-color-opacity-sm)}.hover\:bg-fm-color-system-warning-100:hover{background-color:var(--fm-color-system-orange-100)}@media (min-width: 0px) and (max-width: 647px){.xs\:flex{display:flex}.xs\:hidden{display:none}.xs\:w-full{width:100%}.xs\:flex-col-reverse{flex-direction:column-reverse}}@media (min-width: 648px) and (max-width: 959px){.sm\:hidden{display:none}.sm\:w-full{width:100%}.sm\:flex-col-reverse{flex-direction:column-reverse}}
|