@feedmepos/ui-library 0.0.6 → 0.0.8
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/dist/components/dynamic-dialog/FmDynamicDialog.vue.d.ts +145 -0
- package/dist/components/form/checkbox/FmCheckbox.vue.d.ts +9 -9
- package/dist/components/form/form/FmForm.vue.d.ts +9 -1
- package/dist/components/form/radio/FmRadio.vue.d.ts +8 -8
- package/dist/components/form/select/FmSelect.vue.d.ts +10 -10
- package/dist/components/form/stepper-field/FmStepperField.vue.d.ts +27 -27
- package/dist/components/form/switch/FmSwitch.vue.d.ts +8 -8
- package/dist/components/form/text-field/FmTextField.vue.d.ts +48 -48
- package/dist/components/form/textarea/FmTextarea.vue.d.ts +18 -18
- package/dist/components/menu/menu-list/FmMenuList.vue.d.ts +2 -0
- package/dist/components/stepper/FmStep.vue.d.ts +57 -0
- package/dist/components/stepper/FmStepper.vue.d.ts +50 -0
- package/dist/components/{progress-indicator/FmProgressIndicatorMobile.vue.d.ts → stepper/FmStepperMobile.vue.d.ts} +12 -12
- package/dist/components/tooltip/FmTooltip.vue.d.ts +9 -9
- package/dist/composables/useDialog.d.ts +2 -0
- package/dist/composables/useValidation.d.ts +1 -0
- package/dist/federation/FmForm.vue_vue_type_script_setup_true_lang-be0b8ff2.js +1 -0
- package/dist/federation/{FmMenu-2c4b2c1b.css → FmMenu-008b4edf.css} +1 -1
- package/dist/federation/FmRadioGroup.vue_vue_type_script_setup_true_lang-99e6a9c2.js +1 -0
- package/dist/federation/{FmSelect-a5b3f313.css → FmSelect-5383ab5c.css} +1 -1
- package/dist/federation/FmStep-278dd809.css +1 -0
- package/dist/federation/FmStepper-8c221632.css +1 -0
- package/dist/federation/{FmStepperField-9d4fae3f.css → FmStepperField-6955a063.css} +1 -1
- package/dist/federation/FmStepperMobile-3d942818.css +1 -0
- package/dist/federation/FmStepperMobile.vue_vue_type_style_index_0_lang-395e23af.js +1 -0
- package/dist/federation/FmTextField.vue_vue_type_style_index_0_lang-31424202.js +1 -0
- package/dist/federation/FmTextarea.vue_vue_type_style_index_0_lang-7507a1ba.js +1 -0
- package/dist/federation/{FmTimePicker.vue_vue_type_style_index_0_lang-6b998386.js → FmTimePicker.vue_vue_type_style_index_0_lang-cd3ff46f.js} +1 -1
- package/dist/federation/FmTooltip.vue_vue_type_script_setup_true_lang-ec99af74.js +1 -0
- package/dist/federation/{__federation_expose_FmForm-62b67e4b.js → __federation_expose_FmForm-95a4221b.js} +1 -1
- package/dist/federation/{__federation_expose_FmMenu-921093d0.js → __federation_expose_FmMenu-c78ae222.js} +1 -1
- package/dist/federation/{__federation_expose_FmRadio-1a3bdb18.js → __federation_expose_FmRadio-eb498ffc.js} +1 -1
- package/dist/federation/{__federation_expose_FmRadioGroup-0a8b3b0f.js → __federation_expose_FmRadioGroup-31d1b8ae.js} +1 -1
- package/dist/federation/{__federation_expose_FmSelect-b616883a.js → __federation_expose_FmSelect-dd3e5756.js} +1 -1
- package/dist/federation/__federation_expose_FmStep-8a38bbdd.js +1 -0
- package/dist/federation/__federation_expose_FmStepper-921739ce.js +1 -0
- package/dist/federation/__federation_expose_FmStepperField-99c193ef.js +1 -0
- package/dist/federation/__federation_expose_FmStepperMobile-44799d10.js +1 -0
- package/dist/federation/{__federation_expose_FmTextField-58939c24.js → __federation_expose_FmTextField-ee99cd30.js} +1 -1
- package/dist/federation/{__federation_expose_FmTextarea-5184a353.js → __federation_expose_FmTextarea-0e9cef06.js} +1 -1
- package/dist/federation/{__federation_expose_FmTimePicker-37afdf20.js → __federation_expose_FmTimePicker-149aa26d.js} +1 -1
- package/dist/federation/{__federation_expose_FmTooltip-fdd5c38c.js → __federation_expose_FmTooltip-fa2c64c7.js} +1 -1
- package/dist/federation/__federation_fn_import.js +1 -1
- package/dist/federation/__federation_shared_vue-3944646b.js +1 -0
- package/dist/federation/feedmepos-ui-components.js +1 -1
- package/dist/federation/index-9150722b.js +11 -0
- package/dist/federation/index-97f82183.css +1 -0
- package/dist/federation/provider-keys-22cc7f73.js +1 -0
- package/dist/federation/runtime-core.esm-bundler-35391e07.js +1 -0
- package/dist/federation/useValidation-f33a4108.js +1 -0
- package/dist/feedmepos-ui-library.js +4569 -4610
- package/dist/feedmepos-ui-library.umd.cjs +6 -6
- package/dist/global-components.d.ts +40 -0
- package/dist/index.d.ts +4718 -36
- package/dist/plugin/dialog-plugin.d.ts +19 -0
- package/dist/style.css +1 -1
- package/dist/utils/provider-keys.d.ts +4 -0
- package/package.json +4 -2
- package/dist/components/progress-indicator/FmProgressIndicator.vue.d.ts +0 -46
- package/dist/components/progress-indicator/FmProgressIndicatorGroup.vue.d.ts +0 -74
- package/dist/federation/FmForm.vue_vue_type_script_setup_true_lang-c41065d5.js +0 -1
- package/dist/federation/FmProgressIndicator-8a19d8bc.css +0 -1
- package/dist/federation/FmRadioGroup.vue_vue_type_script_setup_true_lang-7c5da177.js +0 -1
- package/dist/federation/FmTextField.vue_vue_type_style_index_0_lang-09dbbc0b.js +0 -1
- package/dist/federation/FmTextarea.vue_vue_type_style_index_0_lang-021e2db6.js +0 -1
- package/dist/federation/FmTooltip.vue_vue_type_script_setup_true_lang-dbdc719e.js +0 -1
- package/dist/federation/__federation_expose_FmProgressIndicator-e9c20870.js +0 -1
- package/dist/federation/__federation_expose_FmProgressIndicatorGroup-34eb72b1.js +0 -1
- package/dist/federation/__federation_expose_FmStepperField-bdfe1136.js +0 -1
- package/dist/federation/__federation_shared_vue-3342c658.js +0 -1
- package/dist/federation/index-a243f852.js +0 -11
- package/dist/federation/index-e507b32f.css +0 -1
- package/dist/federation/provider-keys-981b4dbe.js +0 -1
- package/dist/federation/reactivity.esm-bundler-99588556.js +0 -1
- package/dist/federation/useValidation-7d75492a.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as
|
|
1
|
+
import{_ as h}from"./preload-helper-cf010ec4.js";let _,c,l,d=(async()=>{const t=new Set(["Module","__esModule","default","_export_sfc"]);let y={"./FmBreadcrumb":()=>(_(["FmBreadcrumb-7a206e9b.css"]),o("./__federation_expose_FmBreadcrumb-3527b347.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmButton":()=>(_(["FmButton-ef253cc5.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmButton-a3ca7654.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmButtonGroup":()=>(_(["FmIcon-99d8fba2.css"]),o("./__federation_expose_FmButtonGroup-3363a7b4.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmCard":()=>(_(["FmCard-6145e534.css"]),o("./__federation_expose_FmCard-d703409e.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmCardActions":()=>(_([]),o("./__federation_expose_FmCardActions-1186c3c0.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmCardSection":()=>(_([]),o("./__federation_expose_FmCardSection-449a49ea.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmCardTitle":()=>(_([]),o("./__federation_expose_FmCardTitle-034ff583.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmLineChart":()=>(_([]),o("./__federation_expose_FmLineChart-b7dfa1ae.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmDatePicker":()=>(_(["FmDatePicker-6608acc7.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmDatePicker-c542d446.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmDateRangePicker":()=>(_(["FmDateRangePicker-2b4b8a36.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmDateRangePicker-6e0116bd.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmDialog":()=>(_(["FmDialog-5cb5a1f8.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmDialog-104bb604.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmCheckbox":()=>(_(["FmCheckbox-53f405a9.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmCheckbox-08a0fd35.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmField":()=>(_(["FmField-f4b1b24a.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmField-41eeed18.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmForm":()=>(_([]),o("./__federation_expose_FmForm-95a4221b.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmRadio":()=>(_(["FmRadio-e0e6e213.css"]),o("./__federation_expose_FmRadio-eb498ffc.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmRadioGroup":()=>(_(["FmIcon-99d8fba2.css"]),o("./__federation_expose_FmRadioGroup-31d1b8ae.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmSelect":()=>(_(["FmSelect-5383ab5c.css","FmIcon-99d8fba2.css","FmMenu-008b4edf.css","FmMenuItem-68412e0d.css","FmCheckbox-53f405a9.css"]),o("./__federation_expose_FmSelect-dd3e5756.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmStepperField":()=>(_(["FmStepperField-6955a063.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmStepperField-99c193ef.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmSwitch":()=>(_(["FmSwitch-7605f854.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmSwitch-f75dd36e.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmTextField":()=>(_(["FmTextField-409a3efd.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmTextField-ee99cd30.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmTextarea":()=>(_(["FmTextarea-0e3eab40.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmTextarea-0e9cef06.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmIcon":()=>(_(["FmIcon-99d8fba2.css"]),o("./__federation_expose_FmIcon-e5ab92a8.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmList":()=>(_(["FmList-0bec0eff.css"]),o("./__federation_expose_FmList-6bab2481.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmListItem":()=>(_(["FmListItem-3af8b220.css"]),o("./__federation_expose_FmListItem-b4a2ef3a.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmMenu":()=>(_(["FmMenu-008b4edf.css"]),o("./__federation_expose_FmMenu-c78ae222.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmMenuItem":()=>(_(["FmMenuItem-68412e0d.css","FmIcon-99d8fba2.css","FmCheckbox-53f405a9.css"]),o("./__federation_expose_FmMenuItem-d331a359.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmStepper":()=>(_(["FmStepper-8c221632.css"]),o("./__federation_expose_FmStepper-921739ce.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmStep":()=>(_(["FmStep-278dd809.css","FmStepperMobile-3d942818.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmStep-8a38bbdd.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmStepperMobile":()=>(_(["FmStepperMobile-3d942818.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmStepperMobile-44799d10.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmSnackbar":()=>(_(["FmSnackbar-1bbe14e3.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmSnackbar-7af29a69.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmSpacer":()=>(_([]),o("./__federation_expose_FmSpacer-a0a89a0a.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmTimeInput":()=>(_(["FmTimeInput-0f7c002b.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmTimeInput-852280ab.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmTimePicker":()=>(_(["FmTimePicker-504e884c.css","FmButton-ef253cc5.css","FmIcon-99d8fba2.css","FmField-f4b1b24a.css","FmTimeInput-0f7c002b.css","FmMenu-008b4edf.css"]),o("./__federation_expose_FmTimePicker-149aa26d.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmTooltip":()=>(_(["FmButton-ef253cc5.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmTooltip-fa2c64c7.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e))},a;a={},_=e=>{const r=import.meta.url;if(typeof r>"u"){console.warn('The remote style takes effect only when the build.target option in the vite.config.ts file is higher than that of "es2020".');return}const i=r.substring(0,r.lastIndexOf("feedmepos-ui-components.js"));e.forEach(u=>{const s=i+u;if(s in a)return;a[s]=!0;const n=document.head.appendChild(document.createElement("link"));n.href=s,n.rel="stylesheet"})};async function o(e){return h(()=>import(e).then(async r=>(await r.__tla,r)),[])}c=e=>y[e](),l=e=>{globalThis.__federation_shared__=globalThis.__federation_shared__||{},Object.entries(e).forEach(([r,i])=>{const u=Object.keys(i)[0],s=Object.values(i)[0],n=s.scope||"default";globalThis.__federation_shared__[n]=globalThis.__federation_shared__[n]||{};const m=globalThis.__federation_shared__[n];(m[r]=m[r]||{})[u]=s})}})();export{d as __tla,_ as dynamicLoadingCss,c as get,l as init};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import{importShared as i,__tla as Fn}from"./__federation_fn_import.js";import{c as En,a as Sn,_ as Un,__tla as Dn}from"./FmBreadcrumb.vue_vue_type_style_index_0_lang-4abc649e.js";import{_ as R,__tla as Tn}from"./FmCard.vue_vue_type_style_index_0_lang-fc184594.js";import{_ as W,__tla as Ln}from"./FmCardSection.vue_vue_type_script_setup_true_lang-b8e33ddd.js";import{_ as An,__tla as On}from"./FmCardTitle.vue_vue_type_script_setup_true_lang-4f3b50b7.js";import{_ as zn,__tla as Mn}from"./FmLine.vue_vue_type_script_setup_true_lang-24e545da.js";import c,{__tla as Rn}from"./__federation_expose_FmButton-a3ca7654.js";import{_ as Dl,__tla as Wn}from"./FmCardActions.vue_vue_type_script_setup_true_lang-315cfb3c.js";import Tl,{__tla as jn}from"./__federation_expose_FmDatePicker-c542d446.js";import Ll,{__tla as Pn}from"./__federation_expose_FmDateRangePicker-6e0116bd.js";import{_ as Ee,__tla as $n}from"./FmCheckbox.vue_vue_type_style_index_0_lang-fcb61ef1.js";import Gn,{__tla as In}from"./__federation_expose_FmField-41eeed18.js";import B,{__tla as qn}from"./__federation_expose_FmRadio-eb498ffc.js";import{_ as He,__tla as Hn}from"./FmRadioGroup.vue_vue_type_script_setup_true_lang-99e6a9c2.js";import Je,{__tla as Jn}from"./__federation_expose_FmSelect-dd3e5756.js";import Ke,{__tla as Kn}from"./__federation_expose_FmStepperField-99c193ef.js";import x,{__tla as Qn}from"./__federation_expose_FmSwitch-f75dd36e.js";import{_ as me,__tla as Xn}from"./FmTextField.vue_vue_type_style_index_0_lang-31424202.js";import{_ as Se,__tla as Yn}from"./FmTextarea.vue_vue_type_style_index_0_lang-7507a1ba.js";import Q,{__tla as Zn}from"./__federation_expose_FmIcon-e5ab92a8.js";import er,{__tla as lr}from"./__federation_expose_FmList-6bab2481.js";import Qe,{__tla as tr}from"./__federation_expose_FmListItem-b4a2ef3a.js";import ar,{__tla as or}from"./__federation_expose_FmMenu-c78ae222.js";import ir,{__tla as nr}from"./__federation_expose_FmMenuItem-d331a359.js";import{u as rr,_ as G,__tla as ur}from"./FmTooltip.vue_vue_type_script_setup_true_lang-ec99af74.js";import L,{__tla as sr}from"./__federation_expose_FmSnackbar-7af29a69.js";import{_ as dr,__tla as cr}from"./FmTimePicker.vue_vue_type_style_index_0_lang-cd3ff46f.js";import{_ as mr,__tla as pr}from"./FmDialog.vue_vue_type_style_index_0_lang-2c81e20e.js";import Al,{__tla as vr}from"./__federation_expose_FmSpacer-a0a89a0a.js";import{D as Ol}from"./provider-keys-22cc7f73.js";import{_ as fr,__tla as br}from"./FmForm.vue_vue_type_script_setup_true_lang-be0b8ff2.js";import{_ as pe,__tla as gr}from"./FmButtonGroup.vue_vue_type_script_setup_true_lang-658ba5f6.js";import Xe,{__tla as _r}from"./__federation_expose_FmStepper-921739ce.js";import j,{__tla as yr}from"./__federation_expose_FmStep-8a38bbdd.js";Promise.all([(()=>{try{return Fn}catch{}})(),(()=>{try{return Dn}catch{}})(),(()=>{try{return Tn}catch{}})(),(()=>{try{return Ln}catch{}})(),(()=>{try{return On}catch{}})(),(()=>{try{return Mn}catch{}})(),(()=>{try{return Rn}catch{}})(),(()=>{try{return Wn}catch{}})(),(()=>{try{return jn}catch{}})(),(()=>{try{return Pn}catch{}})(),(()=>{try{return $n}catch{}})(),(()=>{try{return In}catch{}})(),(()=>{try{return qn}catch{}})(),(()=>{try{return Hn}catch{}})(),(()=>{try{return Jn}catch{}})(),(()=>{try{return Kn}catch{}})(),(()=>{try{return Qn}catch{}})(),(()=>{try{return Xn}catch{}})(),(()=>{try{return Yn}catch{}})(),(()=>{try{return Zn}catch{}})(),(()=>{try{return lr}catch{}})(),(()=>{try{return tr}catch{}})(),(()=>{try{return or}catch{}})(),(()=>{try{return nr}catch{}})(),(()=>{try{return ur}catch{}})(),(()=>{try{return sr}catch{}})(),(()=>{try{return cr}catch{}})(),(()=>{try{return pr}catch{}})(),(()=>{try{return vr}catch{}})(),(()=>{try{return br}catch{}})(),(()=>{try{return gr}catch{}})(),(()=>{try{return _r}catch{}})(),(()=>{try{return yr}catch{}})()]).then(async()=>{(function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.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 n of l.addedNodes)n.tagName==="LINK"&&n.rel==="modulepreload"&&a(n)}).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 zl=En({history:Sn(),routes:[]}),Ye={directive:"wave",color:"currentColor",initialOpacity:.2,finalOpacity:.1,duration:.4,dissolveDuration:.15,easing:"ease-out",cancellationPeriod:75,trigger:"auto",tagName:"div"},Ml=o=>"config"in o&&"globalProperties"in o.config,Rl=o=>{let e;return o==="vue2"?e=!1:o==="vue3"?e=!0:e=Ml(o),e?{mounted:"mounted",updated:"updated"}:{mounted:"inserted",updated:"componentUpdated"}},Ze=o=>typeof o=="string"&&o!=="auto",el=(o,e)=>{o.dataset.vWaveBoundary=Ze(e)?e:"true"},Wl=({borderTopLeftRadius:o,borderTopRightRadius:e,borderBottomLeftRadius:a,borderBottomRightRadius:t},l)=>{const n=document.createElement(l);return n.style.top="0",n.style.left="0",n.style.width="100%",n.style.height="100%",n.style.display="block",n.style.position="absolute",n.style.borderRadius=`${o} ${e} ${t} ${a}`,n.style.overflow="hidden",n.style.pointerEvents="none",n.style.webkitMaskImage="-webkit-radial-gradient(white, black)",n},jl=(o,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=`${o}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 ve(o,e,a,t){const l=o-a,n=e-t;return Math.sqrt(l*l+n*n)}function Pl(o,e,{width:a,height:t}){const l=ve(o,e,0,0),n=ve(o,e,a,0),p=ve(o,e,0,t),u=ve(o,e,a,t);return Math.max(l,n,p,u)}const $l=({x:o,y:e},{top:a,left:t})=>({x:o-t,y:e-a}),Ue="vWaveCountInternal";function Gl(o){const e=De(o);ll(o,e+1)}function Il(o){const e=De(o);ll(o,e-1)}function ll(o,e){o.dataset[Ue]=e.toString()}function De(o){var e;return parseInt((e=o.dataset[Ue])!==null&&e!==void 0?e:"0",10)}function ql(o){delete o.dataset[Ue]}const Te=(o,e,a)=>{const t=e.getBoundingClientRect(),l=window.getComputedStyle(e),{x:n,y:p}=$l(o,t),u=2.05*Pl(n,p,t),r=Wl(l,a.tagName),d=jl(n,p,u,a);Gl(e);let m="";l.position==="static"&&(e.style.position&&(m=e.style.position),e.style.position="relative"),r.appendChild(d),e.appendChild(r);let f=!1;const w=Nn=>{typeof Nn<"u"&&(document.removeEventListener("pointerup",w),document.removeEventListener("pointercancel",w)),f?Cn():f=!0},Cn=()=>{d.style.transition=`opacity ${a.dissolveDuration}s linear`,d.style.opacity="0",setTimeout(()=>{r.remove(),Il(e),De(e)===0&&(ql(e),e.style.position=m)},a.dissolveDuration*1e3)};document.addEventListener("pointerup",w),document.addEventListener("pointercancel",w);const Bn=setTimeout(()=>{document.removeEventListener("pointercancel",qe),requestAnimationFrame(()=>{d.style.transform="translate(-50%,-50%) scale(1)",d.style.opacity=`${a.finalOpacity}`,setTimeout(()=>w(),a.duration*1e3)})},a.cancellationPeriod),qe=()=>{clearTimeout(Bn),r.remove(),document.removeEventListener("pointerup",w),document.removeEventListener("pointercancel",w),document.removeEventListener("pointercancel",qe)};document.addEventListener("pointercancel",qe)},X=new WeakMap,tl=(o={},e="vue3")=>{const a=Object.assign(Object.assign({},Ye),o),t=Rl(e),l=u=>{const r=u.currentTarget.dataset.vWaveTrigger;document.querySelectorAll(`[data-v-wave-boundary="${r}"]`).forEach(d=>Te(u,d,Object.assign(Object.assign({},a),X.get(d))))},n={[t.mounted](u,{value:r={}}){var d;X.set(u,r),el(u,(d=r&&r.trigger)!==null&&d!==void 0?d:a.trigger),u.addEventListener("pointerdown",m=>{if(X.get(u)===!1)return;const f=Object.assign(Object.assign({},a),X.get(u));if(f.trigger===!1)return Te(m,u,f);if(Ze(f.trigger))return;const w=u.querySelector('[data-v-wave-trigger="true"]');!w&&f.trigger===!0||w&&!m.composedPath().includes(w)||Te(m,u,f)})},[t.updated](u,{value:r={}}){var d;X.set(u,r),el(u,(d=r&&r.trigger)!==null&&d!==void 0?d:a.trigger)}},p={[t.mounted](u,{arg:r="true"}){u.dataset.vWaveTrigger=r,r!=="true"&&u.addEventListener("pointerdown",l)},[t.updated](u,{arg:r="true"}){u.dataset.vWaveTrigger=r,r==="true"?u.removeEventListener("pointerdown",l):u.addEventListener("pointerdown",l)}};return{wave:n,vWave:n,waveTrigger:p,vWaveTrigger:p}},Hl={install(o,e={}){if(this.installed)return;this.installed=!0;const a=Object.assign(Object.assign({},Ye),e),{vWave:t,vWaveTrigger:l}=tl(a,o);o.directive(a.directive,t),o.directive(`${a.directive}-trigger`,l)},installed:!1,createLocalWaveDirective:tl},{defineComponent:Jl}=await i("vue"),{toDisplayString:al,createElementVNode:Le,withCtx:Y,createVNode:ol,renderSlot:Kl,openBlock:Ql,createBlock:Xl}=await i("vue"),Yl={class:"fm-typo-title-sm-700 mb-4"},Zl={class:""},s=Jl({__name:"DemoSection",props:{title:{type:String,required:!0},description:{type:String,default:void 0}},setup(o){return(e,a)=>(Ql(),Xl(R,{variant:"outlined",title:o.title},{header:Y(()=>[ol(An,null,{actions:Y(()=>[]),default:Y(()=>[Le("div",null,[Le("div",Yl,al(o.title),1),Le("div",Zl,al(o.description??o.title),1)])]),_:1})]),default:Y(()=>[ol(W,null,{default:Y(()=>[Kl(e.$slots,"default")]),_:3})]),_:3},8,["title"]))}}),{defineComponent:et}=await i("vue"),{createVNode:il,withCtx:lt,openBlock:tt,createElementBlock:at}=await i("vue"),ot=et({__name:"Breadcrumb",setup(o){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)=>(tt(),at("div",null,[il(s,{title:"Breadcrumb",description:"Basic usage"},{default:lt(()=>[il(Un,{items:e})]),_:1})]))}}),{defineComponent:it}=await i("vue"),{createVNode:nl,withCtx:nt,openBlock:rt,createElementBlock:ut}=await i("vue"),st=it({__name:"Line",setup(o){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)=>(rt(),ut("div",null,[nl(s,{title:"Line chart",description:"Basic line chart usage"},{default:nt(()=>[nl(zn,{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:dt}=await i("vue"),{createVNode:h,createElementVNode:fe,withCtx:be,openBlock:ct,createElementBlock:mt}=await i("vue"),pt={class:"flex flex-col gap-24"},vt={class:"gap-24 grid grid-cols-6"},ft={class:"gap-24 grid grid-cols-6"},bt={class:"flex gap-24"},gt={class:"flex gap-24"},_t=dt({__name:"Button",setup(o){return(e,a)=>(ct(),mt("div",pt,[h(s,{title:"Basic button",description:"Different button variant"},{default:be(()=>[fe("div",vt,[h(c,{variant:"primary",label:"Primary"}),h(c,{variant:"secondary",label:"Secondary"}),h(c,{variant:"tertiary",label:"Tertiary"}),h(c,{variant:"destructive",label:"Destructive"}),h(c,{variant:"fab",label:"FAB"})])]),_:1}),h(s,{title:"Size",description:"Different button size"},{default:be(()=>[fe("div",ft,[h(c,{variant:"primary",label:"md",size:"md"}),h(c,{variant:"primary",label:"lg"})])]),_:1}),h(s,{title:"With icons",description:""},{default:be(()=>[fe("div",bt,[h(c,{variant:"primary",label:"button",size:"md",icon:"home"}),h(c,{variant:"secondary",label:"button",size:"md",icon:"home"}),h(c,{variant:"tertiary",label:"button",size:"md",icon:"home"}),h(c,{variant:"destructive",label:"button",size:"md",icon:"home"}),h(c,{variant:"fab",label:"button",size:"md",icon:"home"}),h(c,{variant:"fab",size:"md",icon:"home"})])]),_:1}),h(s,{title:"Disabled",description:""},{default:be(()=>[fe("div",gt,[h(c,{variant:"primary",disabled:"",label:"button",size:"md"}),h(c,{variant:"secondary",disabled:"",label:"button",size:"md"}),h(c,{variant:"tertiary",disabled:"",label:"button",size:"md"}),h(c,{variant:"destructive",disabled:"",label:"button",size:"md"}),h(c,{variant:"fab",disabled:"",label:"button",size:"md"}),h(c,{variant:"fab",disabled:"",size:"md",icon:"home"})])]),_:1})]))}}),yt=`
|
|
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
|
+
`,ht=`
|
|
7
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
|
|
8
|
+
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
9
|
+
`;function v(o=!1){return o?yt:ht}const{defineComponent:Vt}=await i("vue"),{unref:H,toDisplayString:J,createElementVNode:g,withCtx:y,createVNode:b,openBlock:wt,createElementBlock:xt}=await i("vue"),kt={class:"flex flex-col gap-24"},Ct={class:"gap-24 grid grid-cols-3"},Bt={class:"gap-24 grid grid-cols-3"},Nt=g("img",{src:"https://cdn.quasar.dev/img/mountains.jpg"},null,-1),Ft=g("div",{class:"mb-8"}," Title ",-1),Et=g("img",{src:"https://tailwindui.com/img/ecommerce-images/product-page-01-related-product-01.jpg"},null,-1),St=g("div",{class:"flex"},[g("div",{class:"grow"},[g("div",{class:"mb-8"}," Basic Tee "),g("div",{class:"text-fm-color-typo-secondary"}," Aspen white ")]),g("div",{class:"fm-typo-body-lg-700"}," $35 ")],-1),Ut={class:"gap-24 grid grid-cols-2"},Dt=g("div",{class:"grow"},[g("img",{src:"https://cdn.quasar.dev/img/mountains.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),Tt=g("div",{class:"grow"},[g("img",{src:"https://cdn.quasar.dev/img/mountains.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),Lt=g("div",{class:"basis-1/3"},[g("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),At=g("div",{class:"fm-typo-title-sm-700 mb-16"}," Basic Tee 6-pack ",-1),Ot={class:"text-fm-color-typo-secondary"},zt=g("div",null," Color ",-1),Mt=g("div",null," Size ",-1),Rt=Vt({__name:"Card",setup(o){return(e,a)=>(wt(),xt("div",kt,[b(s,{title:"Card",description:"Card basic usage"},{default:y(()=>[g("div",Ct,[b(R,{class:"h-fit"},{default:y(()=>[b(W,null,{default:y(()=>[g("div",null,J(H(v)()),1)]),_:1})]),_:1}),b(R,{title:"Title"},{default:y(()=>[b(W,null,{default:y(()=>[g("div",null,J(H(v)()),1)]),_:1})]),_:1}),b(R,{title:"Title"},{actions:y(()=>[b(Dl,null,{default:y(()=>[b(c,{label:"Cancel",size:"md",variant:"secondary"}),b(c,{label:"Confirm",size:"md"})]),_:1})]),default:y(()=>[b(W,null,{default:y(()=>[g("div",null,J(H(v)()),1)]),_:1})]),_:1})])]),_:1}),b(s,{title:"Media card",description:"Cards with media content"},{default:y(()=>[g("div",Bt,[b(R,{class:"h-fit"},{default:y(()=>[Nt,b(W,null,{default:y(()=>[Ft,g("div",null,J(H(v)()),1)]),_:1})]),_:1}),b(R,{class:"h-fit"},{actions:y(()=>[b(Dl,{alignment:"center"},{default:y(()=>[b(c,{label:"Add to cart",size:"md",class:"w-full"})]),_:1})]),default:y(()=>[Et,b(W,null,{default:y(()=>[St]),_:1})]),_:1})])]),_:1}),b(s,{title:"Horizontal card",description:"Cards with horizontal layout"},{default:y(()=>[g("div",Ut,[b(R,{class:"h-fit",horizontal:""},{default:y(()=>[Dt,b(W,null,{default:y(()=>[g("div",null,J(H(v)()),1)]),_:1})]),_:1}),b(R,{class:"h-fit",horizontal:""},{default:y(()=>[Tt,b(W,{class:"flex flex-col gap-16 items-center justify-center",padding:"p-8"},{default:y(()=>[b(c,{icon:"home",variant:"tertiary"}),b(c,{icon:"add",variant:"tertiary"}),b(c,{icon:"warning",variant:"tertiary"})]),_:1})]),_:1})])]),_:1}),b(s,{title:"Advance",description:"Advance usage for card component"},{default:y(()=>[b(R,{horizontal:""},{default:y(()=>[Lt,b(W,{class:"basis-2/3 flex flex-col gap-24"},{default:y(()=>[g("div",null,[At,g("div",Ot,J(H(v)(!0)),1)]),zt,Mt,b(c,{label:"Add to cart"})]),_:1})]),_:1})]),_:1})]))}}),{defineComponent:Wt}=await i("vue"),{createVNode:Ae,createElementVNode:jt,withCtx:Pt,openBlock:$t,createElementBlock:Gt}=await i("vue"),It={class:"flex flex-col gap-24"},qt={class:"gap-24 grid grid-cols-3"},{ref:Ht}=await i("vue"),Jt=Wt({__name:"DatePicker",setup(o){const e=Ht("2023-10-26");return(a,t)=>($t(),Gt("div",It,[Ae(s,{title:"Date picker",description:"Basic usage"},{default:Pt(()=>[jt("div",qt,[Ae(Tl,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),label:"Single date picker",disabled:!1},null,8,["modelValue"]),Ae(Tl,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),label:"Disabled",disabled:!0},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:Kt}=await i("vue"),{createVNode:Oe,createElementVNode:Qt,withCtx:Xt,openBlock:Yt,createElementBlock:Zt}=await i("vue"),ea={class:"flex flex-col gap-24"},la={class:"gap-24 grid grid-cols-3"},{ref:ta}=await i("vue"),aa=Kt({__name:"DateRangePicker",setup(o){const e=ta({startDate:"2023-10-01",endDate:"2023-10-31"});return(a,t)=>(Yt(),Zt("div",ea,[Oe(s,{title:"Date picker",description:"Basic usage"},{default:Xt(()=>[Qt("div",la,[Oe(Ll,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),label:"Date range picker",disabled:!1},null,8,["modelValue"]),Oe(Ll,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),label:"Disabled",disabled:!0},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:oa}=await i("vue"),{unref:ge,createVNode:Z,withCtx:ia,openBlock:na,createElementBlock:ra}=await i("vue"),ua={class:"flex flex-col gap-24"},{ref:sa}=await i("vue"),da=oa({__name:"Checkbox",setup(o){const e=sa(!1);return(a,t)=>(na(),ra("div",ua,[Z(s,{title:"Radio",description:"Basic usage"},{default:ia(()=>[Z(Ee,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),name:"v1",label:"Option 1",value:"1",sublabel:ge(v)(),indeterminate:!1},null,8,["modelValue","sublabel"]),Z(Ee,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),name:"v2",label:"Option 2",value:"2",sublabel:ge(v)(),indeterminate:!1},null,8,["modelValue","sublabel"]),Z(Ee,{modelValue:e.value,"onUpdate:modelValue":t[2]||(t[2]=l=>e.value=l),disabled:!0,name:"v3",label:"Option 3",value:"3",sublabel:ge(v)(),indeterminate:!1},null,8,["modelValue","sublabel"]),Z(Ee,{modelValue:e.value,"onUpdate:modelValue":t[3]||(t[3]=l=>e.value=l),name:"v4",label:"Option 4",value:"4",sublabel:ge(v)(),indeterminate:!0},null,8,["modelValue","sublabel"])]),_:1})]))}}),{defineComponent:ca}=await i("vue"),{createElementVNode:ma,withCtx:rl,createVNode:ul,openBlock:pa,createElementBlock:va}=await i("vue"),fa={class:"flex flex-col gap-24"},ba=ma("div",null," test ",-1),ga=ca({__name:"Field",setup(o){function e(){confirm("form field clicked")}return(a,t)=>(pa(),va("div",fa,[ul(s,{title:"Form field",description:"Wrapper to make your component part of form"},{default:rl(()=>[ul(Gn,{class:"text-fm-color-typo-warning",onClick:e},{default:rl(()=>[ba]),_:1})]),_:1})]))}}),{defineComponent:_a}=await i("vue"),{unref:E,createVNode:C,withCtx:ee,createElementVNode:sl,openBlock:ya,createElementBlock:ha}=await i("vue"),Va={class:"flex flex-col gap-24"},{ref:wa}=await i("vue"),xa=_a({__name:"Radio",setup(o){const e=wa("");return(a,t)=>(ya(),ha("div",Va,[C(s,{title:"Radio",description:"Radio Group"},{default:ee(()=>[sl("div",null,[C(He,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l)},{default:ee(()=>[C(B,{value:"1",label:"Bluetooth",sublabel:E(v)()},null,8,["sublabel"]),C(B,{value:"2",label:"WiFi",sublabel:E(v)()},null,8,["sublabel"]),C(B,{value:"3",label:"NFC",sublabel:E(v)()},null,8,["sublabel"]),C(B,{value:"4",label:"Hotspot",sublabel:E(v)()},null,8,["sublabel"])]),_:1},8,["modelValue"])])]),_:1}),C(s,{title:"Radio",description:"Radio Group Inline"},{default:ee(()=>[sl("div",null,[C(He,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),inline:""},{default:ee(()=>[C(B,{value:"1",label:"Bluetooth",sublabel:E(v)()},null,8,["sublabel"]),C(B,{value:"2",label:"WiFi",sublabel:E(v)()},null,8,["sublabel"]),C(B,{value:"3",label:"NFC",sublabel:E(v)()},null,8,["sublabel"]),C(B,{value:"4",label:"Hotspot",sublabel:E(v)()},null,8,["sublabel"])]),_:1},8,["modelValue"])])]),_:1}),C(s,{title:"Radio",description:"Radio"},{default:ee(()=>[C(B,{modelValue:e.value,"onUpdate:modelValue":t[2]||(t[2]=l=>e.value=l),value:"1",label:"Bluetooth",sublabel:E(v)()},null,8,["modelValue","sublabel"]),C(B,{modelValue:e.value,"onUpdate:modelValue":t[3]||(t[3]=l=>e.value=l),value:"2",label:"WiFi",sublabel:E(v)()},null,8,["modelValue","sublabel"]),C(B,{modelValue:e.value,"onUpdate:modelValue":t[4]||(t[4]=l=>e.value=l),value:"3",label:"NFC",sublabel:E(v)()},null,8,["modelValue","sublabel"]),C(B,{modelValue:e.value,"onUpdate:modelValue":t[5]||(t[5]=l=>e.value=l),value:"4",label:"Hotspot",sublabel:E(v)()},null,8,["modelValue","sublabel"])]),_:1})]))}}),{defineComponent:ka}=await i("vue"),{createVNode:_e,toDisplayString:dl,createElementVNode:cl,withCtx:ml,openBlock:Ca,createElementBlock:Ba}=await i("vue"),Na={class:"flex flex-col gap-24"},{ref:pl}=await i("vue"),Fa=ka({__name:"Select",setup(o){const e=pl(3),a=pl([3,"4"]);return(t,l)=>(Ca(),Ba("div",Na,[_e(s,{title:"Select",description:"Single selection"},{default:ml(()=>[_e(Je,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=n=>e.value=n),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"}]},null,8,["modelValue"]),cl("div",null,dl(e.value),1)]),_:1}),_e(s,{title:"Select",description:"Multiple selection"},{default:ml(()=>[_e(Je,{modelValue:a.value,"onUpdate:modelValue":l[1]||(l[1]=n=>a.value=n),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:""},null,8,["modelValue"]),cl("div",null,dl(a.value),1)]),_:1})]))}}),{defineComponent:Ea}=await i("vue"),{createVNode:ze,createElementVNode:Me,toDisplayString:Sa,createTextVNode:Ua,withCtx:Da,openBlock:Ta,createElementBlock:La}=await i("vue"),Aa=Me("h1",{class:"mt-8"}," Without steppers ",-1),{ref:Oa}=await i("vue"),za=Ea({__name:"Stepper",setup(o){const e=Oa(null);return(a,t)=>(Ta(),La("div",null,[ze(s,{title:"Text field",description:""},{default:Da(()=>[Me("div",null,[ze(Ke,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=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"],"prepend-text":"RM","append-text":"%"},null,8,["modelValue","rules"])]),Aa,Me("div",null,[ze(Ke,{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"])]),Ua(" "+Sa(e.value),1)]),_:1})]))}}),{defineComponent:Ma}=await i("vue"),{createVNode:_,createElementVNode:ye,withCtx:le,unref:vl,openBlock:Ra,createElementBlock:Wa}=await i("vue"),ja={class:"flex flex-col gap-24"},Pa={class:"flex gap-24"},$a={class:"flex flex-col"},Ga={class:"flex gap-24"},Ia={class:"flex gap-24"},{ref:qa}=await i("vue"),Ha=Ma({__name:"Switch",setup(o){const e=qa({bluetooth:!1,wifi:!1,nfc:!0,hotspot:!0});return(a,t)=>(Ra(),Wa("div",ja,[_(s,{title:"Switch",description:"Basic usage"},{default:le(()=>[ye("div",Pa,[_(x,{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"]),_(x,{modelValue:e.value.wifi,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value.wifi=l),value:"wifi",label:"WiFi"},null,8,["modelValue"]),_(x,{modelValue:e.value.nfc,"onUpdate:modelValue":t[2]||(t[2]=l=>e.value.nfc=l),value:"nfc",label:"NFC"},null,8,["modelValue"]),_(x,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[3]||(t[3]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot"},null,8,["modelValue"])])]),_:1}),_(s,{title:"Switch",description:"Vertical"},{default:le(()=>[ye("div",$a,[_(x,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[4]||(t[4]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth"},null,8,["modelValue"]),_(x,{modelValue:e.value.wifi,"onUpdate:modelValue":t[5]||(t[5]=l=>e.value.wifi=l),value:"wifi",label:"WiFi"},null,8,["modelValue"]),_(x,{modelValue:e.value.nfc,"onUpdate:modelValue":t[6]||(t[6]=l=>e.value.nfc=l),value:"nfc",label:"NFC"},null,8,["modelValue"]),_(x,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[7]||(t[7]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot"},null,8,["modelValue"])])]),_:1}),_(s,{title:"Label position",description:"Change label position"},{default:le(()=>[_(x,{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"]),_(x,{modelValue:e.value.wifi,"onUpdate:modelValue":t[9]||(t[9]=l=>e.value.wifi=l),value:"wifi",label:"WiFi","label-placement":"right",sublabel:vl(v)(!0)},null,8,["modelValue","sublabel"]),_(x,{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"]),_(x,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[11]||(t[11]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot","label-placement":"right",sublabel:vl(v)(!0)},null,8,["modelValue","sublabel"])]),_:1}),_(s,{title:"Disabled switch"},{default:le(()=>[ye("div",Ga,[_(x,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[12]||(t[12]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth",disabled:""},null,8,["modelValue"]),_(x,{modelValue:e.value.wifi,"onUpdate:modelValue":t[13]||(t[13]=l=>e.value.wifi=l),value:"wifi",label:"WiFi",disabled:""},null,8,["modelValue"]),_(x,{modelValue:e.value.nfc,"onUpdate:modelValue":t[14]||(t[14]=l=>e.value.nfc=l),value:"nfc",label:"NFC",disabled:""},null,8,["modelValue"]),_(x,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[15]||(t[15]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot",disabled:""},null,8,["modelValue"])])]),_:1}),_(s,{title:"Icon switch",description:"Switch with icon"},{default:le(()=>[ye("div",Ia,[_(x,{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"]),_(x,{modelValue:e.value.wifi,"onUpdate:modelValue":t[17]||(t[17]=l=>e.value.wifi=l),value:"wifi",label:"WiFi","show-icon":""},null,8,["modelValue"]),_(x,{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"]),_(x,{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:Ja}=await i("vue"),{createVNode:te,createElementVNode:fl,withCtx:bl,openBlock:Ka,createElementBlock:Qa}=await i("vue"),{ref:gl}=await i("vue"),Xa=Ja({__name:"TextField",setup(o){const e=gl(""),a=gl("");return(t,l)=>(Ka(),Qa("div",null,[te(s,{title:"Text field",description:""},{default:bl(()=>[fl("div",null,[te(me,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=n=>e.value=n),label:"something",disabled:!1,"input-state":"success","helper-text":"something",rules:[n=>!!n.includes("t")||"nothing"]},null,8,["modelValue","rules"]),te(me,{modelValue:e.value,"onUpdate:modelValue":l[1]||(l[1]=n=>e.value=n),label:"something",disabled:!1,"input-state":"warning"},null,8,["modelValue"])])]),_:1}),te(s,{title:"Text area",description:""},{default:bl(()=>[fl("div",null,[te(Se,{modelValue:a.value,"onUpdate:modelValue":l[2]||(l[2]=n=>a.value=n),label:"textarea",disabled:!1,"input-state":"error",rules:[n=>!!n.includes("t")||"nothing"]},null,8,["modelValue","rules"])])]),_:1})]))}}),{defineComponent:Ya}=await i("vue"),{createVNode:ae,createElementVNode:Za,withCtx:eo,openBlock:lo,createElementBlock:to}=await i("vue"),ao={class:"flex flex-col gap-24"},oo={class:"gap-24 grid grid-cols-12"},io=Ya({__name:"Icon",setup(o){return(e,a)=>(lo(),to("div",ao,[ae(s,{title:"Icon",description:"Basic icon styling"},{default:eo(()=>[Za("div",oo,[ae(Q,{name:"visibility",outline:!0,size:"sm",color:"primary"}),ae(Q,{name:"visibility",outline:!1,color:"system-success-300"}),ae(Q,{name:"visibility",outline:!0,size:"lg",color:"#F12345"}),ae(Q,{name:"visibility",outline:!1,color:"#F12345",size:"xl"})])]),_:1})]))}}),{defineComponent:no}=await i("vue"),{createVNode:K,createElementVNode:k,withCtx:oe,openBlock:ro,createElementBlock:uo}=await i("vue"),so={class:"flex flex-col gap-24"},co={class:"flex gap-24"},mo=k("div",{class:"grow"},[k("div",null,"Leslie Alexander"),k("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," leslie.alexander@example.com ")],-1),po=k("div",{class:"flex flex-col items-end"},[k("div",null," Co-Founder / CEO "),k("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),vo=k("div",{class:"grow"},[k("div",null,"Michael Foster"),k("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," michael.foster@example.com ")],-1),fo=k("div",{class:"flex flex-col items-end"},[k("div",null," Co-Founder / CEO "),k("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),bo=k("div",{class:"grow"},[k("div",null,"Dries Vincent"),k("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," dries.vincent@example.com ")],-1),go=k("div",{class:"flex flex-col items-end"},[k("div",null," Co-Founder / CEO "),k("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),_o=no({__name:"List",setup(o){return(e,a)=>(ro(),uo("div",so,[K(s,{title:"Switch",description:"Basic usage"},{default:oe(()=>[k("div",co,[K(er,{class:"w-full",disabled:""},{default:oe(()=>[K(Qe,{tag:"a"},{default:oe(()=>[K(Q,{name:"hexagon"}),mo,po]),_:1}),K(Qe,{tag:"label"},{default:oe(()=>[vo,fo]),_:1}),K(Qe,{tag:"label"},{default:oe(()=>[bo,go]),_:1})]),_:1})])]),_:1})]))}}),{defineComponent:yo}=await i("vue"),{createElementVNode:_l,unref:ho,normalizeStyle:Vo,Fragment:wo,openBlock:xo,createElementBlock:ko}=await i("vue"),{ref:yl}=await i("vue"),Co=yo({__name:"FmMenuList",setup(o){const e=yl(null),a=yl(null),{floatingStyles:t}=rr(e,a),l=()=>{a.value.style.display="block"},n=()=>{a.value.style.display=""};return(p,u)=>(xo(),ko(wo,null,[_l("button",{ref_key:"anchor",ref:e,onMouseenter:l,onMouseout:n}," Button ",544),_l("div",{ref_key:"menu",ref:a,class:"bg-cyan-50 h-48 hidden w-48",style:Vo(ho(t))}," Tooltip ",4)],64))}}),{defineComponent:Bo}=await i("vue"),{createElementVNode:U,toDisplayString:hl,createVNode:ie,renderList:No,Fragment:Fo,openBlock:Re,createElementBlock:Vl,createBlock:Eo,withCtx:he}=await i("vue"),So={class:"flex flex-col gap-24"},Uo=U("div",{class:"bg-fm-color-system-warning-100 p-16"},[U("h1",null," Notes "),U("ul",null,[U("li",null,"\u2022 The dropdown will close whenever it detects scrolling"),U("li",null,"\u2022 Multi select must use checkbox per design guidelines")])],-1),Do={class:"bg-fm-color-neutral-gray-100 mb-16 min-h-[40px] p-8 whitespace-pre"},To={class:"w-[280px]"},{ref:Ve}=await i("vue"),Lo=Bo({__name:"Menu",setup(o){const e=Ve([{label:"Grid",icon:"grid_view",selected:!1},{label:"List",icon:"view_list",selected:!1},{label:"Thumbnails",icon:"gallery_thumbnail",selected:!1}]),a=Ve(!1),t=Ve(!1),l=Ve(),n=p=>{l.value=p,e.value.forEach(u=>{u.selected=JSON.stringify(u)===JSON.stringify(p)}),t.value=!1};return(p,u)=>(Re(),Vl("div",So,[ie(s,{title:"Menu",description:"Basic usage WIP: Menu item clicking logic needs some work still, sorry for the wait"},{default:he(()=>[Uo,U("div",Do,[U("div",null,[U("code",null,hl(JSON.stringify(e.value,null,4)),1)]),U("div",null,[U("code",null,hl(JSON.stringify(l.value,null,4)),1)])]),ie(ar,{disabled:a.value,"is-open":t.value,onDropdownChanged:u[0]||(u[0]=r=>t.value=r)},{"menu-button":he(()=>[ie(c,{label:"Open Menu"})]),"menu-content":he(()=>[U("div",To,[(Re(!0),Vl(Fo,null,No(e.value,(r,d)=>(Re(),Eo(ir,{key:d,modelValue:r.selected,"onUpdate:modelValue":m=>r.selected=m,label:r.label,icon:r.icon,onClick:m=>n(r)},null,8,["modelValue","onUpdate:modelValue","label","icon","onClick"]))),128))])]),_:1},8,["disabled","is-open"])]),_:1}),ie(s,{title:"Floating Menu",description:"Floating UI Menu"},{default:he(()=>[ie(Co)]),_:1})]))}}),{defineComponent:Ao}=await i("vue"),{unref:D,createVNode:N,createElementVNode:We,withCtx:je,openBlock:Oo,createElementBlock:zo}=await i("vue"),Mo={class:"flex flex-col gap-24"},Ro={class:"gap-24 grid grid-cols-3"},Wo={class:"gap-24 grid grid-cols-3"},jo={class:"gap-24 grid grid-cols-3"},Po=Ao({__name:"Snackbar",setup(o){function e(t){confirm(`Snackbar action pressed!
|
|
10
|
+
${t}.`)}function a(t){confirm(`Snackbar dismissed!
|
|
11
|
+
${t}.`)}return(t,l)=>(Oo(),zo("div",Mo,[N(s,{title:"Snackbar",description:"Basic usage"},{default:je(()=>[We("div",Ro,[N(L,{title:"Info",description:D(v)(),variant:"info"},null,8,["description"]),N(L,{title:"success",description:D(v)(),variant:"success"},null,8,["description"]),N(L,{title:"warning",description:D(v)(),variant:"warning"},null,8,["description"]),N(L,{title:"error",description:D(v)(),variant:"error"},null,8,["description"]),N(L,{title:"neutral ",description:D(v)(),variant:"neutral"},null,8,["description"])])]),_:1}),N(s,{title:"Advance snackbar",description:"Snackbar with action"},{default:je(()=>[We("div",Wo,[N(L,{title:"Info",description:D(v)(),dismissable:"",variant:"info",action:"press me",onOnAction:l[0]||(l[0]=()=>e("info")),onOnDismiss:l[1]||(l[1]=()=>a("info"))},null,8,["description"]),N(L,{title:"success",description:D(v)(),dismissable:"",variant:"success",action:"press me",onOnAction:l[2]||(l[2]=()=>e("success")),onOnDismiss:l[3]||(l[3]=()=>a("success"))},null,8,["description"]),N(L,{title:"warning",description:D(v)(),dismissable:"",variant:"warning",action:"press me",onOnAction:l[4]||(l[4]=()=>e("warning")),onOnDismiss:l[5]||(l[5]=()=>a("warning"))},null,8,["description"]),N(L,{title:"error",description:D(v)(),dismissable:"",variant:"error",action:"press me",onOnAction:l[6]||(l[6]=()=>e("error")),onOnDismiss:l[7]||(l[7]=()=>a("error"))},null,8,["description"]),N(L,{title:"neutral",description:D(v)(),dismissable:"",variant:"neutral",action:"press me",onOnAction:l[8]||(l[8]=()=>e("neutral")),onOnDismiss:l[9]||(l[9]=()=>a("neutral"))},null,8,["description"])])]),_:1}),N(s,{title:"Custom snackbar",description:"Snackbar with custom color"},{default:je(()=>[We("div",jo,[N(L,{title:"Custom snackbar",color:"secondary-blue-pea","bg-color":"secondary-citrus",description:D(v)()},null,8,["description"])])]),_:1})]))}}),{defineComponent:$o}=await i("vue"),{createVNode:Go,toDisplayString:Io,createElementVNode:Pe,withCtx:qo,openBlock:Ho,createBlock:Jo}=await i("vue"),Ko={style:{width:"fit-content"}},Qo={class:"flex flex-col gap-16 items-center justify-center"},Xo={class:"fm-typo-body-xl-700"},{ref:Yo}=await i("vue"),Zo=$o({__name:"TimePicker",setup(o){const e=Yo(null);return(a,t)=>(Ho(),Jo(s,{title:"Time picker"},{default:qo(()=>[Pe("div",Ko,[Pe("div",Qo,[Go(dr,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l)},null,8,["modelValue"]),Pe("div",Xo,Io(e.value),1)])])]),_:1}))}}),{defineComponent:ei}=await i("vue"),{createTextVNode:P,withCtx:A,createVNode:O,createElementVNode:wl,openBlock:li,createElementBlock:ti}=await i("vue"),ai={class:"flex flex-col gap-24"},oi={class:"gap-24 grid grid-cols-4"},ii={class:"gap-24 grid grid-cols-4"},ni=ei({__name:"Tooltip",setup(o){return(e,a)=>(li(),ti("div",ai,[O(s,{title:"Tooltip",description:"Basic usage"},{default:A(()=>[wl("div",oi,[O(G,{"has-arrow":!0,variant:"plain",beak:"top","content-text":"Top tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:A(()=>[P(" Top tooltip ")]),_:1},8,["action-buttons"]),O(G,{"has-arrow":!0,variant:"plain",beak:"right","content-text":"Right tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:A(()=>[P(" Right tooltip ")]),_:1},8,["action-buttons"]),O(G,{"has-arrow":!0,variant:"plain",beak:"bottom","content-text":"Bottom tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:A(()=>[P(" Bottom tooltip ")]),_:1},8,["action-buttons"]),O(G,{"has-arrow":!0,variant:"plain",beak:"left","content-text":"Left tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:A(()=>[P(" Left tooltip ")]),_:1},8,["action-buttons"])])]),_:1}),O(s,{title:"Tooltip",description:"Tooltip with actions"},{default:A(()=>[wl("div",ii,[O(G,{"has-arrow":!0,variant:"rich",beak:"top","content-text":"Top tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:A(()=>[P(" Top tooltip ")]),_:1},8,["action-buttons"]),O(G,{"has-arrow":!0,variant:"rich",beak:"right","content-text":"Right tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:A(()=>[P(" Right tooltip ")]),_:1},8,["action-buttons"]),O(G,{"has-arrow":!0,variant:"rich",beak:"bottom","content-text":"Bottom tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:A(()=>[P(" Bottom tooltip ")]),_:1},8,["action-buttons"]),O(G,{"has-arrow":!0,variant:"rich",beak:"left","content-text":"Left tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:A(()=>[P(" Left tooltip ")]),_:1},8,["action-buttons"])])]),_:1})]))}}),{inject:ri}=await i("vue");function ui(){const o=ri(Ol);if(!o)throw new Error("No provider");return o}const{defineComponent:si}=await i("vue"),{createVNode:z,createElementVNode:we,withCtx:ne,openBlock:di,createElementBlock:ci}=await i("vue"),mi={class:"flex flex-col gap-24"},pi=we("div",null,"Header",-1),vi={class:"bg-fm-color-opacity-md overflow-auto w-[500px]"},fi=we("div",{class:"h-[300px] w-min"}," this is spacer ",-1),bi=we("div",{class:"h-[300px] w-min"}," this is spacer ",-1),{ref:xl}=await i("vue"),gi=si({__name:"Dialog",setup(o){const e=xl(!1),a=xl(""),t=ui(),l=()=>{t.open({title:"something",message:"something",primaryActions:{text:"Primary"},secondaryActions:{text:"Secondary"},tertiaryActions:{text:"Tertiary"}}).onPrimary(()=>{console.log("primary log")}).onSecondary(()=>{console.log("secondary log")}).onTertiary(()=>{console.log("tertiary log")})};return(n,p)=>(di(),ci("div",mi,[z(s,{title:"Icon",description:"Basic icon styling"},{default:ne(()=>[z(c,{label:"Open",onClick:p[0]||(p[0]=u=>e.value=!0)}),z(mr,{modelValue:e.value,"onUpdate:modelValue":p[3]||(p[3]=u=>e.value=u),overlay:!0},{"dialog-header":ne(()=>[pi]),"dialog-content":ne(()=>[we("div",vi,[fi,z(Je,{modelValue:a.value,"onUpdate:modelValue":p[1]||(p[1]=u=>a.value=u),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"]),bi])]),"dialog-footer":ne(()=>[z(c,{class:"sm:w-full xs:w-full",variant:"tertiary",label:"Label",size:"md"}),z(Al,{class:"sm:hidden xs:hidden"}),z(c,{class:"sm:w-full xs:w-full",variant:"secondary",label:"Label",size:"md"}),z(c,{class:"sm:w-full xs:w-full",variant:"primary",label:"Close",size:"md",onClick:p[2]||(p[2]=u=>e.value=!1)})]),_:1},8,["modelValue"])]),_:1}),z(s,{title:"Dialog Plugin"},{default:ne(()=>[z(c,{variant:"primary",label:"Open Dialog Plugin",size:"lg",onClick:l})]),_:1})]))}}),{defineComponent:_i}=await i("vue"),{toDisplayString:yi,createElementVNode:xe,createTextVNode:hi,createVNode:S,withCtx:$e,openBlock:Vi,createElementBlock:wi}=await i("vue"),xi={class:"bg-fm-color-neutral-gray-100 min-h-[40px] p-8 whitespace-pre"},ki={class:"flex gap-8 items-center"},{ref:Ci}=await i("vue"),Bi=_i({__name:"Form",setup(o){const e=Ci({textField:"",radioGroup:null,stepper:null,textarea:""});return(a,t)=>(Vi(),wi("div",null,[S(s,{title:"Form",description:"Basic usage"},{default:$e(()=>[xe("div",null,[hi(" Value: "),xe("div",xi,[xe("code",null,yi(JSON.stringify(e.value,null,4)),1)])]),S(fr,{class:"flex flex-col gap-16"},{default:$e(()=>[S(me,{modelValue:e.value.textField,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value.textField=l),label:"Text Field",rules:[l=>!!l.includes("t")||"Must have a 't'"]},null,8,["modelValue","rules"]),S(He,{modelValue:e.value.radioGroup,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value.radioGroup=l),disabled:!1},{default:$e(()=>[S(B,{value:"bluetooth",label:"Bluetooth"}),S(B,{value:"wifi",label:"WiFi"}),S(B,{value:"nfc",label:"NFC"}),S(B,{value:"hotspot",label:"Hotspot"})]),_:1},8,["modelValue"]),S(Ke,{modelValue:e.value.stepper,"onUpdate:modelValue":t[2]||(t[2]=l=>e.value.stepper=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",l=>!!l||"This field is required"],"prepend-text":"RM","append-text":"%"},null,8,["modelValue","rules"]),S(Se,{modelValue:e.value.textarea,"onUpdate:modelValue":t[3]||(t[3]=l=>e.value.textarea=l),label:"Textarea",rules:[l=>!!l.includes("t")||"Must have a 't'"]},null,8,["modelValue","rules"]),xe("div",ki,[S(c,{type:"submit",label:"Submit"}),S(c,{type:"reset",label:"Reset"})])]),_:1})]),_:1})]))}}),{defineComponent:Ni}=await i("vue"),{createVNode:M,withCtx:re,openBlock:Fi,createElementBlock:Ei}=await i("vue"),Si={class:"flex flex-col gap-24"},{ref:ue}=await i("vue"),Ui=Ni({__name:"ButtonGroup",setup(o){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"}],n=ue(e[0]),p=ue(a[0]),u=ue(t[0]),r=ue(null),d=ue(null);return(m,f)=>(Fi(),Ei("div",Si,[M(s,{title:"Button Group (Label)",description:"Label only"},{default:re(()=>[M(pe,{modelValue:n.value,"onUpdate:modelValue":f[0]||(f[0]=w=>n.value=w),items:e},null,8,["modelValue"])]),_:1}),M(s,{title:"Button Group (Icon)",description:"Icon only"},{default:re(()=>[M(pe,{modelValue:p.value,"onUpdate:modelValue":f[1]||(f[1]=w=>p.value=w),items:a},null,8,["modelValue"])]),_:1}),M(s,{title:"Button Group (Both)",description:"Both"},{default:re(()=>[M(pe,{modelValue:u.value,"onUpdate:modelValue":f[2]||(f[2]=w=>u.value=w),items:t},null,8,["modelValue"])]),_:1}),M(s,{title:"Button Group (Disabled)",description:"Disabled state for the whole group"},{default:re(()=>[M(pe,{modelValue:r.value,"onUpdate:modelValue":f[3]||(f[3]=w=>r.value=w),items:t,disabled:""},null,8,["modelValue"])]),_:1}),M(s,{title:"Button Group (Individually Disabled)",description:"Disabled state for the an individual button"},{default:re(()=>[M(pe,{modelValue:d.value,"onUpdate:modelValue":f[4]||(f[4]=w=>d.value=w),items:l},null,8,["modelValue"])]),_:1})]))}}),{createVNode:V,withCtx:$,createElementVNode:F,withModifiers:Ge,openBlock:se,createElementBlock:ke,createCommentVNode:kl,createBlock:Di}=await i("vue"),Ti={class:"flex flex-col gap-24"},Li={key:0,class:"flex flex-col w-full"},Ai={class:"flex flex-col gap-2 p-0 self-stretch"},Oi=F("div",{class:"fm-typo-title-sm-700 gap-1"}," Campaign Detail ",-1),zi={class:"flex gap-2 items-start justify-end p-0 self-stretch"},Mi={key:1,class:"flex flex-col w-full"},Ri={class:"flex flex-col gap-2 p-0 self-stretch"},Wi=F("div",{class:"fm-typo-title-sm-700 gap-1"}," Campaign Trigger ",-1),ji={class:"flex gap-2 items-start justify-end p-0 self-stretch"},Pi={key:2,class:"flex flex-col w-full"},$i=F("div",{class:"fm-typo-title-sm-700 gap-1"}," Campaign Configuration ",-1),Gi=F("div",{class:"fm-typo-title-sm-700"}," Campaign Summary ",-1),Ii=F("div",{class:"flex flex-col gap-5 items-start p-0 self-stretch"},[F("div",{class:"bg-fm-color-neutral-gray-100 self-stretch",style:{height:"1px"}})],-1),qi=F("div",{class:"flex flex-col gap-5 items-start p-0 self-stretch"},[F("div",{class:"flex flex-col gap-1 items-start p-0 self-stretch"},[F("div",{class:"fm-typo-body-md-400"}," Field Name "),F("div",{class:"fm-typo-body-md-700"}," Value ")])],-1),{ref:I}=await i("vue"),Hi={__name:"Stepper",setup(o){const e=I(""),a=I(1),t=I(!1),l=I(!0),n=I(!1),p=I(!1),u=I(!1),r=()=>{a.value>0&&(a.value-=1)};return(d,m)=>(se(),ke("div",Ti,[V(s,{title:"Horizontal Stepper",description:"With horizontal orientation"},{default:$(()=>[V(Xe,{modelValue:a.value,"onUpdate:modelValue":m[0]||(m[0]=f=>a.value=f),"total-steps":3,orientation:"horizontal"},{default:$(()=>[V(j,{title:"General information",description:"Supporting text","step-index":1}),V(j,{title:"Event trigger","step-index":2}),V(j,{title:"Configuration","step-index":3})]),_:1},8,["modelValue"])]),_:1}),V(s,{title:"Vertical Stepper",description:"With vertical orientation"},{default:$(()=>[V(Xe,{modelValue:a.value,"onUpdate:modelValue":m[1]||(m[1]=f=>a.value=f),"total-steps":3,orientation:"vertical"},{default:$(()=>[V(j,{title:"General information",description:"Supporting text","step-index":1}),V(j,{title:"Event trigger","step-index":2}),V(j,{title:"Configuration","step-index":3})]),_:1},8,["modelValue"])]),_:1}),V(s,{title:"Basic Usage",description:"contains 3 slots (default - FmStep, contents - form, summary - card summary)"},{default:$(()=>[V(Xe,{modelValue:a.value,"onUpdate:modelValue":m[8]||(m[8]=f=>a.value=f),"total-steps":3,orientation:"horizontal"},{contents:$(()=>[a.value===1?(se(),ke("div",Li,[F("form",Ai,[Oi,V(me,{modelValue:e.value,"onUpdate:modelValue":m[2]||(m[2]=f=>e.value=f),required:"",label:"Field 1"},null,8,["modelValue"]),V(Se,{modelValue:e.value,"onUpdate:modelValue":m[3]||(m[3]=f=>e.value=f),label:"textarea",disabled:!1},null,8,["modelValue"]),F("div",zi,[V(c,{variant:"primary",label:"Next",type:"button",onClick:m[4]||(m[4]=Ge(()=>{t.value=!0,l.value=!1,a.value=2},["prevent"]))})])])])):a.value===2?(se(),ke("div",Mi,[F("form",Ri,[Wi,V(me,{modelValue:e.value,"onUpdate:modelValue":m[5]||(m[5]=f=>e.value=f),label:"Field 1"},null,8,["modelValue"]),F("div",ji,[a.value!=1?(se(),Di(c,{key:0,type:"button",label:"Previous",variant:"tertiary",onClick:Ge(r,["prevent"])},null,8,["onClick"])):kl("",!0),V(c,{variant:"primary",label:"Next",type:"button",onClick:m[6]||(m[6]=Ge(()=>{n.value=!0,p.value=!1,a.value=3},["prevent"]))})])])])):a.value===3?(se(),ke("div",Pi,[$i,V(Se,{modelValue:e.value,"onUpdate:modelValue":m[7]||(m[7]=f=>e.value=f),label:"textarea",disabled:!1},null,8,["modelValue"])])):kl("",!0)]),summary:$(()=>[Gi,Ii,qi]),default:$(()=>[V(j,{title:"General information",description:"Supporting text","step-index":1,error:l.value,complete:t.value},null,8,["error","complete"]),V(j,{title:"Event trigger","step-index":2,complete:n.value},null,8,["complete"]),V(j,{title:"Configuration","step-index":3,complete:u.value},null,8,["complete"])]),_:1},8,["modelValue"])]),_:1})]))}},{defineComponent:Ji}=await i("vue"),{renderList:Cl,Fragment:Bl,openBlock:de,createElementBlock:Ce,toDisplayString:Nl,createElementVNode:Be,normalizeClass:Ki,resolveDynamicComponent:Qi,createBlock:Xi}=await i("vue"),Yi={class:"divide-x flex h-screen",style:{"background-color":"#f7f7f7"}},Zi={class:"h-full overflow-y-auto px-24",style:{"min-width":"200px"}},en={class:"fm-typo-body-lg-700 mb-8 text-fm-color-typo-tertiary"},ln=["onClick"],tn={class:"grow h-full overflow-y-auto p-16"},{ref:an,computed:on,onMounted:nn}=await i("vue"),rn=Ji({__name:"App",setup(o){const e=[{title:"Application",children:{FmButton:{label:"Button",component:_t},FmButtonGroup:{label:"Button Group",component:Ui},FmCard:{label:"Card",component:Rt},FmIcon:{label:"Icon",component:io},FmSnackbar:{label:"Snackbar",component:Po},FmList:{label:"List & list item",component:_o},FmStepper:{label:"Stepper",component:Hi},FmBreadcrumb:{label:"Breadcrumb",component:ot},FmDialog:{label:"Dialog",component:gi}}},{title:"Form",children:{FmForm:{label:"Form",component:Bi},FmFormField:{label:"Form field",component:ga},FmTextField:{label:"Input",component:Xa},FmStepperField:{label:"Stepper Field",component:za},FmSwitch:{label:"Switch",component:Ha},FmRadio:{label:"Radio",component:xa},FmCheckbox:{label:"Checkbox",component:da},FmSelect:{label:"Select",component:Fa},FmDatePicker:{label:"Date picker",component:Jt},FmDateRangePicker:{label:"Date range picker",component:aa},FmTimePicker:{label:"Time picker",component:Zo}}},{title:"Chart",children:{FmLineChart:{label:"Line chart",component:st}}},{title:"Utility",children:{FmMenu:{label:"Menu",component:Lo},FmTooltip:{label:"Tooltip",component:ni}}}],a=an("FmButton");function t(n){window.location.hash=n,a.value=n}const l=on(()=>e.reduce((n,p)=>({...n,...p.children}),{})[a.value].component);return nn(()=>{const[,n]=window.location.hash.split("/");n&&t(n)}),(n,p)=>(de(),Ce("div",Yi,[Be("div",Zi,[(de(),Ce(Bl,null,Cl(e,(u,r)=>Be("div",{key:r,class:"mt-24"},[Be("div",en,Nl(u.title),1),(de(!0),Ce(Bl,null,Cl(u.children,(d,m)=>(de(),Ce("div",{key:m,class:Ki([a.value===m?"cursor-not-allowed fm-typo-body-lg-700 text-fm-color-primary":"cursor-pointer","py-4"]),onClick:()=>t(m)},Nl(d.label),11,ln))),128))])),64))]),Be("div",tn,[(de(),Xi(Qi(l.value)))])]))}}),{defineComponent:un}=await i("vue"),{resolveDynamicComponent:Fl,openBlock:T,createBlock:q,createElementBlock:Ne,createCommentVNode:ce,toDisplayString:El,createElementVNode:Ie,createVNode:sn,normalizeStyle:dn,normalizeClass:cn,Transition:mn,withCtx:pn}=await i("vue"),vn={key:0,class:"block"},fn={class:"flex fm-typo-title-sm-700 items-center justify-between text-fm-color-typo-primary"},bn={class:"fm-typo-title-md-700 text-fm-color-typo-primary"},gn={key:1,class:"fm-typo-body-md-400 text-fm-color-neutral-black"},_n={class:"flex gap-8 items-center justify-end sm:flex-col-reverse xs:flex-col-reverse"},{onMounted:yn,ref:Sl}=await i("vue"),hn=un({__name:"FmDynamicDialog",props:{title:{},message:{},primaryActions:{default:null},secondaryActions:{default:null},tertiaryActions:{default:null},overlay:{type:Boolean,default:!0},closeButton:{type:Boolean,default:!0},minWidth:{default:280},dialogComponent:{default:null},contentComponent:{default:null},unmount:{},storedFunctions:{}},emits:["dialog-opened","dialog-closed"],setup(o,{emit:e}){const a=o,t=Sl(!0),l=Sl(null),n=()=>{a.overlay&&(a.unmount(),e("dialog-closed"))},p=r=>{l.value&&r.target===l.value&&n()},u=(r,d)=>{a.storedFunctions[d].forEach(m=>m()),r.close&&n()};return yn(()=>{e("dialog-opened")}),(r,d)=>(T(),q(mn,null,{default:pn(()=>[t.value?(T(),Ne("div",{key:0,ref_key:"overlayRef",ref:l,class:cn({"fm-dialog--container":!0,"fm-dialog--overlay":r.overlay}),onClick:p},[r.dialogComponent?(T(),Ne("div",vn,[(T(),q(Fl(r.dialogComponent)))])):(T(),Ne("div",{key:1,class:"fm-dialog",style:dn({"min-width":`${a.minWidth}px`})},[Ie("div",fn,[Ie("div",bn,El(r.title),1),r.closeButton?(T(),q(Q,{key:0,class:"cursor-pointer",name:"close",size:"md",onClick:d[0]||(d[0]=m=>e("dialog-closed"))})):ce("",!0)]),r.contentComponent?(T(),q(Fl(r.contentComponent),{key:0})):(T(),Ne("div",gn,El(r.message),1)),Ie("div",_n,[r.tertiaryActions?(T(),q(c,{key:0,class:"sm:w-full xs:w-full",variant:"tertiary",label:r.tertiaryActions.text,size:"md",onClick:d[1]||(d[1]=m=>u(r.tertiaryActions,"tertiary"))},null,8,["label"])):ce("",!0),sn(Al,{class:"sm:hidden xs:hidden"}),r.secondaryActions?(T(),q(c,{key:1,class:"sm:w-full xs:w-full",variant:"secondary",label:r.secondaryActions.text,size:"md",onClick:d[2]||(d[2]=m=>u(r.secondaryActions,"secondary"))},null,8,["label"])):ce("",!0),r.primaryActions?(T(),q(c,{key:2,class:"sm:w-full xs:w-full",variant:"primary",label:r.primaryActions.text,size:"md",onClick:d[3]||(d[3]=m=>u(r.primaryActions,"primary"))},null,8,["label"])):ce("",!0)])],4))],2)):ce("",!0)]),_:1}))}}),{markRaw:Vn,createVNode:wn,render:Ul}=await i("vue"),xn={install:o=>{const e={open:a=>{const t={primary:[],secondary:[],tertiary:[]},l={onPrimary:d=>(t.primary.push(d),l),onSecondary:d=>(t.secondary.push(d),l),onTertiary:d=>(t.tertiary.push(d),l)};function n(){p&&Ul(null,p),p=null,r=null}let p=document.createElement("div");document.body.appendChild(p);const u=Vn(hn);let r=wn(u,{...a,unmount:n,storedFunctions:t});return r.appContext=o._context,Ul(r,p),l}};o.config.globalProperties.$dialog=e,o.provide(Ol,e)}},{createApp:kn}=await i("vue"),Fe=kn(rn);Fe.use(zl),Fe.use(Hl,{duration:.3,color:"var(--fm-color-opacity-sm)",initialOpacity:1,finalOpacity:.1,dissolveDuration:.6}),Fe.use(xn),Fe.mount("#app")});
|
|
@@ -0,0 +1 @@
|
|
|
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";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-blue-pea: #2B388F;--fm-color-secondary-salmon: #FF5D53;--fm-color-secondary-tuna: #73C8E6;--fm-color-secondary-citrus: #FCA23E;--fm-color-secondary-pink-salt: #F09BBE;--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: 320px){.container{max-width:320px}}@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}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-50{z-index:50}.z-\[99\]{z-index:99}.mb-16{margin-bottom:16px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mr-12{margin-right:12px}.mr-32{margin-right:32px}.mt-1{margin-top:.25rem}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-7{margin-top:1.75rem}.mt-8{margin-top:8px}.box-border{box-sizing:border-box}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-3{height:.75rem}.h-48{height:48px}.h-6{height:1.5rem}.h-\[18px\]{height:18px}.h-\[300px\]{height:300px}.h-\[72px\]{height:72px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[408px\]{max-height:408px}.min-h-\[24px\]{min-height:24px}.min-h-\[40px\]{min-height:40px}.min-h-\[48px\]{min-height:48px}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-3{width:.75rem}.w-48{width:48px}.w-6{width:1.5rem}.w-\[18px\]{width:18px}.w-\[280px\]{width:280px}.w-\[360px\]{width:360px}.w-\[500px\]{width:500px}.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-\[24px\]{min-width:24px}.max-w-full{max-width:100%}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-0{flex-basis:0px}.basis-1\/3{flex-basis:33.333333%}.basis-2\/3{flex-basis:66.666667%}.-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))}.transform{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}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.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-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.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-10{gap:2.5rem}.gap-16{gap:16px}.gap-2{gap:.5rem}.gap-24{gap:24px}.gap-3{gap:.75rem}.gap-4{gap:4px}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.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-blue-pea>:not([hidden])~:not([hidden]){border-color:var(--fm-color-secondary-blue-pea)}.divide-fm-color-secondary-citrus>:not([hidden])~:not([hidden]){border-color:var(--fm-color-secondary-citrus)}.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-pink-salt>:not([hidden])~:not([hidden]){border-color:var(--fm-color-secondary-pink-salt)}.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}.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-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-md{border-radius:8px}.rounded-none{border-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-\[1px\]{border-width:1px}.border-r{border-right-width:1px}.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-blue-pea{border-color:var(--fm-color-secondary-blue-pea)}.border-fm-color-secondary-citrus{border-color:var(--fm-color-secondary-citrus)}.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-pink-salt{border-color:var(--fm-color-secondary-pink-salt)}.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-blue-pea{border-left-color:var(--fm-color-secondary-blue-pea);border-right-color:var(--fm-color-secondary-blue-pea)}.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-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-pink-salt{border-left-color:var(--fm-color-secondary-pink-salt);border-right-color:var(--fm-color-secondary-pink-salt)}.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-blue-pea{border-top-color:var(--fm-color-secondary-blue-pea);border-bottom-color:var(--fm-color-secondary-blue-pea)}.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-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-pink-salt{border-top-color:var(--fm-color-secondary-pink-salt);border-bottom-color:var(--fm-color-secondary-pink-salt)}.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-blue-pea{border-bottom-color:var(--fm-color-secondary-blue-pea)}.border-b-fm-color-secondary-citrus{border-bottom-color:var(--fm-color-secondary-citrus)}.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-pink-salt{border-bottom-color:var(--fm-color-secondary-pink-salt)}.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-blue-pea{border-inline-end-color:var(--fm-color-secondary-blue-pea)}.border-e-fm-color-secondary-citrus{border-inline-end-color:var(--fm-color-secondary-citrus)}.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-pink-salt{border-inline-end-color:var(--fm-color-secondary-pink-salt)}.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-blue-pea{border-left-color:var(--fm-color-secondary-blue-pea)}.border-l-fm-color-secondary-citrus{border-left-color:var(--fm-color-secondary-citrus)}.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-pink-salt{border-left-color:var(--fm-color-secondary-pink-salt)}.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-blue-pea{border-right-color:var(--fm-color-secondary-blue-pea)}.border-r-fm-color-secondary-citrus{border-right-color:var(--fm-color-secondary-citrus)}.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-pink-salt{border-right-color:var(--fm-color-secondary-pink-salt)}.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-blue-pea{border-inline-start-color:var(--fm-color-secondary-blue-pea)}.border-s-fm-color-secondary-citrus{border-inline-start-color:var(--fm-color-secondary-citrus)}.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-pink-salt{border-inline-start-color:var(--fm-color-secondary-pink-salt)}.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-blue-pea{border-top-color:var(--fm-color-secondary-blue-pea)}.border-t-fm-color-secondary-citrus{border-top-color:var(--fm-color-secondary-citrus)}.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-pink-salt{border-top-color:var(--fm-color-secondary-pink-salt)}.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-cyan-50{--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity))}.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-blue-pea{background-color:var(--fm-color-secondary-blue-pea)}.bg-fm-color-secondary-citrus{background-color:var(--fm-color-secondary-citrus)}.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-pink-salt{background-color:var(--fm-color-secondary-pink-salt)}.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}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.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-blue-pea{--tw-gradient-from: var(--fm-color-secondary-blue-pea) 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-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-pink-salt{--tw-gradient-from: var(--fm-color-secondary-pink-salt) 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-blue-pea{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-secondary-blue-pea) 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-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-pink-salt{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fm-color-secondary-pink-salt) 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-blue-pea{--tw-gradient-to: var(--fm-color-secondary-blue-pea) 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-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-pink-salt{--tw-gradient-to: var(--fm-color-secondary-pink-salt) 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-blue-pea{fill:var(--fm-color-secondary-blue-pea)}.fill-fm-color-secondary-citrus{fill:var(--fm-color-secondary-citrus)}.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-pink-salt{fill:var(--fm-color-secondary-pink-salt)}.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-blue-pea{stroke:var(--fm-color-secondary-blue-pea)}.stroke-fm-color-secondary-citrus{stroke:var(--fm-color-secondary-citrus)}.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-pink-salt{stroke:var(--fm-color-secondary-pink-salt)}.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-16{padding:16px}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-6{padding:1.5rem}.p-8{padding:8px}.px-12{padding-left:12px;padding-right:12px}.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-\[11px\]{padding-left:11px;padding-right:11px}.px-\[6px\]{padding-left:6px;padding-right:6px}.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-2{padding-top:.5rem;padding-bottom:.5rem}.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-\[10px\]{padding-top:10px;padding-bottom:10px}.py-\[11px\]{padding-top:11px;padding-bottom:11px}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.pb-12{padding-bottom:12px}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pr-0{padding-right:0}.pr-5{padding-right:1.25rem}.pt-12{padding-top:12px}.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-blue-pea{color:var(--fm-color-secondary-blue-pea)}.text-fm-color-secondary-citrus{color:var(--fm-color-secondary-citrus)}.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-pink-salt{color:var(--fm-color-secondary-pink-salt)}.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)}.text-neutral-500{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity))}.text-zinc-900{--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity))}.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-blue-pea{text-decoration-color:var(--fm-color-secondary-blue-pea)}.decoration-fm-color-secondary-citrus{text-decoration-color:var(--fm-color-secondary-citrus)}.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-pink-salt{text-decoration-color:var(--fm-color-secondary-pink-salt)}.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-blue-pea::-moz-placeholder{color:var(--fm-color-secondary-blue-pea)}.placeholder-fm-color-secondary-blue-pea::placeholder{color:var(--fm-color-secondary-blue-pea)}.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-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-pink-salt::-moz-placeholder{color:var(--fm-color-secondary-pink-salt)}.placeholder-fm-color-secondary-pink-salt::placeholder{color:var(--fm-color-secondary-pink-salt)}.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-blue-pea{caret-color:var(--fm-color-secondary-blue-pea)}.caret-fm-color-secondary-citrus{caret-color:var(--fm-color-secondary-citrus)}.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-pink-salt{caret-color:var(--fm-color-secondary-pink-salt)}.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-blue-pea{accent-color:var(--fm-color-secondary-blue-pea)}.accent-fm-color-secondary-citrus{accent-color:var(--fm-color-secondary-citrus)}.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-pink-salt{accent-color:var(--fm-color-secondary-pink-salt)}.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{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-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-blue-pea{--tw-shadow-color: var(--fm-color-secondary-blue-pea);--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-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-pink-salt{--tw-shadow-color: var(--fm-color-secondary-pink-salt);--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-blue-pea{outline-color:var(--fm-color-secondary-blue-pea)}.outline-fm-color-secondary-citrus{outline-color:var(--fm-color-secondary-citrus)}.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-pink-salt{outline-color:var(--fm-color-secondary-pink-salt)}.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-blue-pea{--tw-ring-color: var(--fm-color-secondary-blue-pea)}.ring-fm-color-secondary-citrus{--tw-ring-color: var(--fm-color-secondary-citrus)}.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-pink-salt{--tw-ring-color: var(--fm-color-secondary-pink-salt)}.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-blue-pea{--tw-ring-offset-color: var(--fm-color-secondary-blue-pea)}.ring-offset-fm-color-secondary-citrus{--tw-ring-offset-color: var(--fm-color-secondary-citrus)}.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-pink-salt{--tw-ring-offset-color: var(--fm-color-secondary-pink-salt)}.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\:cursor-pointer:hover{cursor:pointer}.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-system-warning-100:hover{background-color:var(--fm-color-system-orange-100)}@media (min-width: 320px) and (max-width: 647px){.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}}@media (min-width: 960px) and (max-width: 1247px){.md\:flex{display:flex}.md\:hidden{display:none}}@media (min-width: 1248px){.lg\:flex{display:flex}.lg\:hidden{display:none}}.fm-dialog{max-width:560px;max-height:600px;display:flex;flex-direction:column;gap:16px;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);border-radius:16px;padding:24px;pointer-events:auto}.fm-dialog--container{pointer-events:none;position:fixed;left:0;top:0;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;z-index:99}.fm-dialog--overlay{pointer-events:auto;background-color:var(--fm-color-overlay)}.v-enter-active,.v-leave-active{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.v-enter-from,.v-leave-to{opacity:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const o=Symbol.for("fm:form"),r=Symbol.for("fm:radio-group"),m=Symbol.for("fm:stepper"),l=Symbol.for("fm:dialog");export{l as D,o as F,r as R,m as S};
|