@frollo/frollo-web-ui 9.0.6 → 9.0.8

package/cjs/index.js

@@ -6548,7 +6548,28 @@ var useColours = function useColours() {
       required: true
     },
     /**
-     * The input type. Accepts `text` | `password`
+     * Whether to disable the name prefix for the input field.
+     */
+    disableNamePrefix: {
+      type: Boolean,
+      "default": false
+    },
+    /**
+     * The custom id of the input field. Will auto-generate one if not provided.
+     */
+    inputId: {
+      type: String,
+      required: false
+    },
+    /**
+     * The custom class for the input field.
+     */
+    inputClass: {
+      type: String,
+      required: false
+    },
+    /**
+     * The input type. Accepts `text` | `password` | `email` | `tel` | `time` | `url` | `week` | `month`
      */
     type: {
       type: String,
@@ -6631,6 +6652,14 @@ var useColours = function useColours() {
     required: {
       type: Boolean,
       "default": false
+    },
+    /**
+     * Force triggers the error UI.
+     * Use the field validation rule to validate/invalidate input.
+     */
+    invalidate: {
+      type: Boolean,
+      required: false
     }
   },
   emits: ['update:modelValue', /** Fired on native focus in */
@@ -6668,8 +6697,8 @@ var useColours = function useColours() {
 var __injectCSSVars__$c = function __injectCSSVars__() {
   vue.useCssVars(function (_ctx) {
     return {
-      "v33aab865": _ctx.primaryFade5,
-      "v68d8ed4e": _ctx.colorErrorTextFade5
+      "v13ee7f47": _ctx.primaryFade5,
+      "f122bf92": _ctx.colorErrorTextFade5
     };
   });
 };
@@ -6710,11 +6739,11 @@ var _hoisted_11$5 = {
   key: 0,
   "class": "text-left text-p-small mt-2 min-h-[21px]"
 };
-var _hoisted_12$3 = {
+var _hoisted_12$4 = {
   key: 0,
   "class": "text-brand-error-text"
 };
-var _hoisted_13$3 = {
+var _hoisted_13$4 = {
   key: 1,
   "class": "text-brand-text2"
 };
@@ -6736,13 +6765,13 @@ function render$1y(_ctx, _cache, $props, $setup, $data, $options) {
         meta = _ref.meta;
       return [vue.createElementVNode("div", _hoisted_2$y, [vue.createElementVNode("div", _hoisted_3$r, [_ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
         key: 0,
-        "for": "fw-input-".concat(_ctx.name),
-        "class": vue.normalizeClass([[(errorMessage || errors[0]) && meta.touched ? 'text-brand-error-text' : 'text-brand-text2'], "block mb-2 text-base"])
+        "for": _ctx.inputId || "fw-input-".concat(_ctx.name),
+        "class": vue.normalizeClass([[(errorMessage || errors[0]) && meta.touched || _ctx.invalidate ? 'text-brand-error-text' : 'text-brand-text2'], "block mb-2 text-base"])
       }, [vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1), _ctx.required ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$f, "*")) : vue.createCommentVNode("", true)], 10, _hoisted_4$g)) : vue.createCommentVNode("", true), _ctx.$slots.action ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$d, [vue.renderSlot(_ctx.$slots, "action")])) : vue.createCommentVNode("", true)]), vue.createElementVNode("div", _hoisted_7$a, [_ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$9, [vue.renderSlot(_ctx.$slots, "prefix", {
         "class": "h-full"
       })])) : vue.createCommentVNode("", true), vue.createElementVNode("input", vue.mergeProps(field, {
-        id: "fw-input-".concat(_ctx.name),
-        name: "fw-input-".concat(_ctx.name),
+        id: _ctx.inputId || "fw-input-".concat(_ctx.name),
+        name: _ctx.disableNamePrefix ? _ctx.name : "fw-input-".concat(_ctx.name),
         placeholder: _ctx.placeholder,
         type: _ctx.type,
         readonly: _ctx.readonly,
@@ -6753,7 +6782,7 @@ function render$1y(_ctx, _cache, $props, $setup, $data, $options) {
         "class": [{
           'pl-10': !!_ctx.$slots.prefix,
           'pr-20': !!_ctx.$slots.suffix
-        }, (errorMessage || errors[0]) && meta.touched ? 'input--error-state border-brand-error-text caret-brand-error-text' : 'caret-primary bg-white border-grey-100 hover:border-brand-text3 focus:border-brand-text3', _ctx.inputBaseClass, _ctx.rounded ? 'rounded-full' : 'rounded-lg'],
+        }, (errorMessage || errors[0]) && meta.touched || _ctx.invalidate ? 'input--error-state border-brand-error-text caret-brand-error-text' : 'caret-primary bg-white border-grey-100 hover:border-brand-text3 focus:border-brand-text3', _ctx.inputBaseClass, _ctx.rounded ? 'rounded-full' : 'rounded-lg', _ctx.inputClass],
         onFocus: _cache[0] || (_cache[0] = function () {
           return _ctx.onFocus && _ctx.onFocus.apply(_ctx, arguments);
         }),
@@ -6767,7 +6796,7 @@ function render$1y(_ctx, _cache, $props, $setup, $data, $options) {
         mode: "out-in"
       }, {
         "default": vue.withCtx(function () {
-          return [(errorMessage || errors[0]) && meta.touched ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12$3, vue.toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_13$3, vue.toDisplayString(_ctx.hint), 1)) : vue.createCommentVNode("", true)];
+          return [(errorMessage || errors[0]) && meta.touched ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12$4, vue.toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_13$4, vue.toDisplayString(_ctx.hint), 1)) : vue.createCommentVNode("", true)];
         }),
         _: 2
       }, 1024)])) : vue.createCommentVNode("", true)])];
@@ -6799,8 +6828,8 @@ function render$1y(_ctx, _cache, $props, $setup, $data, $options) {
   } else {
     style.appendChild(document.createTextNode(css));
   }
-}var css_248z$p = ".fwFadeIn-enter-active,.fwFadeIn-leave-active{-webkit-transition:opacity .12s ease,-webkit-transform .12s ease;transition:opacity .12s ease,-webkit-transform .12s ease;-moz-transition:opacity .12s ease,transform .12s ease,-moz-transform .12s ease;transition:opacity .12s ease,transform .12s ease;transition:opacity .12s ease,transform .12s ease,-webkit-transform .12s ease,-moz-transform .12s ease;will-change:opacity,transform}.fwFadeIn-enter-from,.fwFadeIn-leave-to{opacity:0;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.fw-input input:focus{background-color:var(--v33aab865)}.fw-input input.input--error-state{background-color:var(--v68d8ed4e)}";
-var stylesheet$p = ".fwFadeIn-enter-active,.fwFadeIn-leave-active{-webkit-transition:opacity .12s ease,-webkit-transform .12s ease;transition:opacity .12s ease,-webkit-transform .12s ease;-moz-transition:opacity .12s ease,transform .12s ease,-moz-transform .12s ease;transition:opacity .12s ease,transform .12s ease;transition:opacity .12s ease,transform .12s ease,-webkit-transform .12s ease,-moz-transform .12s ease;will-change:opacity,transform}.fwFadeIn-enter-from,.fwFadeIn-leave-to{opacity:0;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.fw-input input:focus{background-color:var(--v33aab865)}.fw-input input.input--error-state{background-color:var(--v68d8ed4e)}";
+}var css_248z$p = ".fwFadeIn-enter-active,.fwFadeIn-leave-active{-webkit-transition:opacity .12s ease,-webkit-transform .12s ease;transition:opacity .12s ease,-webkit-transform .12s ease;-moz-transition:opacity .12s ease,transform .12s ease,-moz-transform .12s ease;transition:opacity .12s ease,transform .12s ease;transition:opacity .12s ease,transform .12s ease,-webkit-transform .12s ease,-moz-transform .12s ease;will-change:opacity,transform}.fwFadeIn-enter-from,.fwFadeIn-leave-to{opacity:0;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.fw-input input:focus{background-color:var(--v13ee7f47)}.fw-input input.input--error-state{background-color:var(--f122bf92)}";
+var stylesheet$p = ".fwFadeIn-enter-active,.fwFadeIn-leave-active{-webkit-transition:opacity .12s ease,-webkit-transform .12s ease;transition:opacity .12s ease,-webkit-transform .12s ease;-moz-transition:opacity .12s ease,transform .12s ease,-moz-transform .12s ease;transition:opacity .12s ease,transform .12s ease;transition:opacity .12s ease,transform .12s ease,-webkit-transform .12s ease,-moz-transform .12s ease;will-change:opacity,transform}.fwFadeIn-enter-from,.fwFadeIn-leave-to{opacity:0;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.fw-input input:focus{background-color:var(--v13ee7f47)}.fw-input input.input--error-state{background-color:var(--f122bf92)}";
 styleInject(css_248z$p);__default__$g.render = render$1y;/** Detect free variable `global` from Node.js. */
 var freeGlobal$2 = typeof global == 'object' && global && global.Object === Object && global;/** Detect free variable `self`. */
 var freeSelf$1 = typeof self == 'object' && self && self.Object === Object && self;
@@ -7107,6 +7136,20 @@ function uniqueId(prefix) {
       type: Boolean,
       required: false,
       "default": undefined
+    },
+    /**
+     * Whether to disable the name prefix for the input field.
+     */
+    disableNamePrefix: {
+      type: Boolean,
+      "default": false
+    },
+    /**
+     * The custom id of the input field. Will auto-generate one if not provided.
+     */
+    inputId: {
+      type: String,
+      required: false
     }
   },
   setup: function setup() {
@@ -7124,7 +7167,7 @@ function uniqueId(prefix) {
 var __injectCSSVars__$b = function __injectCSSVars__() {
   vue.useCssVars(function (_ctx) {
     return {
-      "v2c02006d": _ctx.primaryFade5
+      "v96bda67e": _ctx.primaryFade5
     };
   });
 };
@@ -7173,17 +7216,17 @@ function render$1x(_ctx, _cache, $props, $setup, $data, $options) {
       }, [_ctx.isChecked === undefined ? (vue.openBlock(), vue.createElementBlock("input", vue.mergeProps({
         key: 0
       }, field, {
-        id: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
+        id: _ctx.inputId || "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
         value: _ctx.value ? _ctx.value : _ctx.name,
-        name: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
+        name: _ctx.disableNamePrefix ? _ctx.name : "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
         type: "checkbox",
         "class": "bg-white w-6 h-6 cursor-pointer border-brand-text2 border rounded"
       }), null, 16, _hoisted_4$f)) : (vue.openBlock(), vue.createElementBlock("input", vue.mergeProps({
         key: 1
       }, field, {
-        id: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
+        id: _ctx.inputId || "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
         value: _ctx.value ? _ctx.value : _ctx.name,
-        name: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
+        name: _ctx.disableNamePrefix ? _ctx.name : "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
         type: "checkbox",
         checked: _ctx.isChecked,
         "class": "bg-white w-6 h-6 cursor-pointer border-brand-text2 border rounded"
@@ -7203,10 +7246,10 @@ function render$1x(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 1
   }, 8, ["name", "value", "rules"])]);
-}var css_248z$o = ".fwFadeIn-enter-active[data-v-3c78e961],.fwFadeIn-leave-active[data-v-3c78e961]{-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;transition:opacity .35s ease}.fwFadeIn-enter-from[data-v-3c78e961],.fwFadeIn-leave-to[data-v-3c78e961]{opacity:0}.fwFadeIn-enter-to[data-v-3c78e961],.fwFadeIn-leave-from[data-v-3c78e961]{opacity:1}.fw-checkbox input[data-v-3c78e961]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;background-size:60% 100%;display:inline-block;-webkit-flex-shrink:0;flex-shrink:0;-webkit-transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;-moz-transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,-webkit-box-shadow .14s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-3c78e961]:hover{background-color:var(--v2c02006d);border-color:var(--colorPrimary)}.fw-checkbox input[data-v-3c78e961]:checked{background-color:var(--colorPrimary);background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.753.219c.319.294.319.769 0 1.034l-8.25 8.25c-.266.319-.74.319-1.034 0l-4.25-4.25c-.292-.265-.292-.74 0-1.034a.754.754 0 0 1 1.061 0L5 7.94 12.719.219c.293-.292.769-.292 1.034 0Z' fill='%23F7F7F7'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:60%;border-color:var(--colorPrimary)}";
-var stylesheet$o = ".fwFadeIn-enter-active[data-v-3c78e961],.fwFadeIn-leave-active[data-v-3c78e961]{-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;transition:opacity .35s ease}.fwFadeIn-enter-from[data-v-3c78e961],.fwFadeIn-leave-to[data-v-3c78e961]{opacity:0}.fwFadeIn-enter-to[data-v-3c78e961],.fwFadeIn-leave-from[data-v-3c78e961]{opacity:1}.fw-checkbox input[data-v-3c78e961]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;background-size:60% 100%;display:inline-block;-webkit-flex-shrink:0;flex-shrink:0;-webkit-transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;-moz-transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,-webkit-box-shadow .14s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-3c78e961]:hover{background-color:var(--v2c02006d);border-color:var(--colorPrimary)}.fw-checkbox input[data-v-3c78e961]:checked{background-color:var(--colorPrimary);background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.753.219c.319.294.319.769 0 1.034l-8.25 8.25c-.266.319-.74.319-1.034 0l-4.25-4.25c-.292-.265-.292-.74 0-1.034a.754.754 0 0 1 1.061 0L5 7.94 12.719.219c.293-.292.769-.292 1.034 0Z' fill='%23F7F7F7'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:60%;border-color:var(--colorPrimary)}";
+}var css_248z$o = ".fwFadeIn-enter-active[data-v-5e61228a],.fwFadeIn-leave-active[data-v-5e61228a]{-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;transition:opacity .35s ease}.fwFadeIn-enter-from[data-v-5e61228a],.fwFadeIn-leave-to[data-v-5e61228a]{opacity:0}.fwFadeIn-enter-to[data-v-5e61228a],.fwFadeIn-leave-from[data-v-5e61228a]{opacity:1}.fw-checkbox input[data-v-5e61228a]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;background-size:60% 100%;display:inline-block;-webkit-flex-shrink:0;flex-shrink:0;-webkit-transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;-moz-transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,-webkit-box-shadow .14s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-5e61228a]:hover{background-color:var(--v96bda67e);border-color:var(--colorPrimary)}.fw-checkbox input[data-v-5e61228a]:checked{background-color:var(--colorPrimary);background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.753.219c.319.294.319.769 0 1.034l-8.25 8.25c-.266.319-.74.319-1.034 0l-4.25-4.25c-.292-.265-.292-.74 0-1.034a.754.754 0 0 1 1.061 0L5 7.94 12.719.219c.293-.292.769-.292 1.034 0Z' fill='%23F7F7F7'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:60%;border-color:var(--colorPrimary)}";
+var stylesheet$o = ".fwFadeIn-enter-active[data-v-5e61228a],.fwFadeIn-leave-active[data-v-5e61228a]{-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;transition:opacity .35s ease}.fwFadeIn-enter-from[data-v-5e61228a],.fwFadeIn-leave-to[data-v-5e61228a]{opacity:0}.fwFadeIn-enter-to[data-v-5e61228a],.fwFadeIn-leave-from[data-v-5e61228a]{opacity:1}.fw-checkbox input[data-v-5e61228a]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;background-size:60% 100%;display:inline-block;-webkit-flex-shrink:0;flex-shrink:0;-webkit-transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;-moz-transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,-webkit-box-shadow .14s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-5e61228a]:hover{background-color:var(--v96bda67e);border-color:var(--colorPrimary)}.fw-checkbox input[data-v-5e61228a]:checked{background-color:var(--colorPrimary);background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.753.219c.319.294.319.769 0 1.034l-8.25 8.25c-.266.319-.74.319-1.034 0l-4.25-4.25c-.292-.265-.292-.74 0-1.034a.754.754 0 0 1 1.061 0L5 7.94 12.719.219c.293-.292.769-.292 1.034 0Z' fill='%23F7F7F7'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:60%;border-color:var(--colorPrimary)}";
 styleInject(css_248z$o);__default__$f.render = render$1x;
-__default__$f.__scopeId = "data-v-3c78e961";var stateMap = new WeakMap();
+__default__$f.__scopeId = "data-v-5e61228a";var stateMap = new WeakMap();
 function getState(el) {
   var s = stateMap.get(el);
   if (!s) {
@@ -7349,8 +7392,8 @@ var lazyLoadDirective = {
     "aria-hidden": "true",
     style: vue.normalizeStyle(_ctx.barVars)
   }, null, 4);
-}var css_248z$n = ".fw-loading-bar{background:var(--fw-bar-dark);contain:paint;overflow:hidden;position:relative}.fw-loading-bar:before{-webkit-animation:fwShimmer 1.1s ease-in-out infinite;-moz-animation:fwShimmer 1.1s ease-in-out infinite;animation:fwShimmer 1.1s ease-in-out infinite;background-image:-webkit-linear-gradient(350deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-image:-moz-linear-gradient(350deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-image:linear-gradient(100deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-repeat:no-repeat;background-size:60% 100%;content:\"\";inset:0;position:absolute;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);will-change:transform}@-webkit-keyframes fwShimmer{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-moz-keyframes fwShimmer{to{-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fwShimmer{to{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@media (prefers-reduced-motion:reduce){.fw-loading-bar:before{-webkit-animation:none;-moz-animation:none;animation:none;opacity:.35}}";
-var stylesheet$n = ".fw-loading-bar{background:var(--fw-bar-dark);contain:paint;overflow:hidden;position:relative}.fw-loading-bar:before{-webkit-animation:fwShimmer 1.1s ease-in-out infinite;-moz-animation:fwShimmer 1.1s ease-in-out infinite;animation:fwShimmer 1.1s ease-in-out infinite;background-image:-webkit-linear-gradient(350deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-image:-moz-linear-gradient(350deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-image:linear-gradient(100deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-repeat:no-repeat;background-size:60% 100%;content:\"\";inset:0;position:absolute;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);will-change:transform}@-webkit-keyframes fwShimmer{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-moz-keyframes fwShimmer{to{-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fwShimmer{to{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@media (prefers-reduced-motion:reduce){.fw-loading-bar:before{-webkit-animation:none;-moz-animation:none;animation:none;opacity:.35}}";
+}var css_248z$n = ".fw-loading-bar{background:var(--fw-bar-dark);contain:paint;overflow:hidden;position:relative}.fw-loading-bar:before{-webkit-animation:fwShimmer 1.1s ease-in-out infinite;-moz-animation:fwShimmer 1.1s ease-in-out infinite;animation:fwShimmer 1.1s ease-in-out infinite;background-image:-webkit-linear-gradient(350deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-image:-moz-linear-gradient(350deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-image:linear-gradient(100deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-repeat:no-repeat;background-size:60% 100%;content:\"\";inset:0;position:absolute;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);will-change:transform}@-webkit-keyframes fwShimmer{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-moz-keyframes fwShimmer{to{-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fwShimmer{to{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@media (prefers-reduced-motion:reduce){.fw-loading-bar:before{-webkit-animation-duration:4s!important;-moz-animation-duration:4s!important;animation-duration:4s!important}}";
+var stylesheet$n = ".fw-loading-bar{background:var(--fw-bar-dark);contain:paint;overflow:hidden;position:relative}.fw-loading-bar:before{-webkit-animation:fwShimmer 1.1s ease-in-out infinite;-moz-animation:fwShimmer 1.1s ease-in-out infinite;animation:fwShimmer 1.1s ease-in-out infinite;background-image:-webkit-linear-gradient(350deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-image:-moz-linear-gradient(350deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-image:linear-gradient(100deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-repeat:no-repeat;background-size:60% 100%;content:\"\";inset:0;position:absolute;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);will-change:transform}@-webkit-keyframes fwShimmer{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-moz-keyframes fwShimmer{to{-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fwShimmer{to{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@media (prefers-reduced-motion:reduce){.fw-loading-bar:before{-webkit-animation-duration:4s!important;-moz-animation-duration:4s!important;animation-duration:4s!important}}";
 styleInject(css_248z$n);script$j.render = render$1w;const _hoisted_1$1C = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
@@ -8211,7 +8254,7 @@ function render$u(_ctx, _cache) {
 var __injectCSSVars__$a = function __injectCSSVars__() {
   vue.useCssVars(function (_ctx) {
     return {
-      "v9f14e934": _ctx.colorErrorTextFade5
+      "a7d6eea4": _ctx.colorErrorTextFade5
     };
   });
 };
@@ -8282,8 +8325,8 @@ function render$t(_ctx, _cache, $props, $setup, $data, $options) {
     onLoad: _ctx.onLoad,
     onError: _ctx.onError
   }]]);
-}var css_248z$m = ".fw-image{position:relative}.fw-image__img{opacity:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .32s ease,-webkit-transform .32s ease;transition:opacity .32s ease,-webkit-transform .32s ease;-moz-transition:opacity .32s ease,transform .32s ease,-moz-transform .32s ease;transition:opacity .32s ease,transform .32s ease;transition:opacity .32s ease,transform .32s ease,-webkit-transform .32s ease,-moz-transform .32s ease;visibility:hidden;width:100%}.fw-image__loading{opacity:1;position:absolute!important}.fw-image__error,.fw-image__loading{inset:0;-webkit-transition:opacity .22s ease;-moz-transition:opacity .22s ease;transition:opacity .22s ease}.fw-image__error{background-color:var(--v9f14e934);opacity:0;position:absolute;visibility:hidden}.fw-image__error-wrapper{font-size:inherit;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.fw-image--loaded .fw-image__img{opacity:1;visibility:visible}.fw-image--loaded .fw-image__loading{opacity:0;pointer-events:none}.fw-image--error-state .fw-image__img{opacity:0;visibility:hidden}.fw-image--error-state .fw-image__loading{opacity:0;pointer-events:none}.fw-image--error-state .fw-image__error{opacity:1;visibility:visible}.fw-image--background{background-position:50%;background-repeat:no-repeat;background-size:cover}.fw-image--background.fw-image--loaded .fw-image__img{display:none}@media (prefers-reduced-motion:reduce){.fw-image__error,.fw-image__img,.fw-image__loading{-webkit-transition:none!important;-moz-transition:none!important;transition:none!important}}";
-var stylesheet$m = ".fw-image{position:relative}.fw-image__img{opacity:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .32s ease,-webkit-transform .32s ease;transition:opacity .32s ease,-webkit-transform .32s ease;-moz-transition:opacity .32s ease,transform .32s ease,-moz-transform .32s ease;transition:opacity .32s ease,transform .32s ease;transition:opacity .32s ease,transform .32s ease,-webkit-transform .32s ease,-moz-transform .32s ease;visibility:hidden;width:100%}.fw-image__loading{opacity:1;position:absolute!important}.fw-image__error,.fw-image__loading{inset:0;-webkit-transition:opacity .22s ease;-moz-transition:opacity .22s ease;transition:opacity .22s ease}.fw-image__error{background-color:var(--v9f14e934);opacity:0;position:absolute;visibility:hidden}.fw-image__error-wrapper{font-size:inherit;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.fw-image--loaded .fw-image__img{opacity:1;visibility:visible}.fw-image--loaded .fw-image__loading{opacity:0;pointer-events:none}.fw-image--error-state .fw-image__img{opacity:0;visibility:hidden}.fw-image--error-state .fw-image__loading{opacity:0;pointer-events:none}.fw-image--error-state .fw-image__error{opacity:1;visibility:visible}.fw-image--background{background-position:50%;background-repeat:no-repeat;background-size:cover}.fw-image--background.fw-image--loaded .fw-image__img{display:none}@media (prefers-reduced-motion:reduce){.fw-image__error,.fw-image__img,.fw-image__loading{-webkit-transition:none!important;-moz-transition:none!important;transition:none!important}}";
+}var css_248z$m = ".fw-image{position:relative}.fw-image__img{opacity:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .32s ease,-webkit-transform .32s ease;transition:opacity .32s ease,-webkit-transform .32s ease;-moz-transition:opacity .32s ease,transform .32s ease,-moz-transform .32s ease;transition:opacity .32s ease,transform .32s ease;transition:opacity .32s ease,transform .32s ease,-webkit-transform .32s ease,-moz-transform .32s ease;visibility:hidden;width:100%}.fw-image__loading{opacity:1;position:absolute!important}.fw-image__error,.fw-image__loading{inset:0;-webkit-transition:opacity .22s ease;-moz-transition:opacity .22s ease;transition:opacity .22s ease}.fw-image__error{background-color:var(--a7d6eea4);opacity:0;position:absolute;visibility:hidden}.fw-image__error-wrapper{font-size:inherit;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.fw-image--loaded .fw-image__img{opacity:1;visibility:visible}.fw-image--loaded .fw-image__loading{opacity:0;pointer-events:none}.fw-image--error-state .fw-image__img{opacity:0;visibility:hidden}.fw-image--error-state .fw-image__loading{opacity:0;pointer-events:none}.fw-image--error-state .fw-image__error{opacity:1;visibility:visible}.fw-image--background{background-position:50%;background-repeat:no-repeat;background-size:cover}.fw-image--background.fw-image--loaded .fw-image__img{display:none}@media (prefers-reduced-motion:reduce){.fw-image__error,.fw-image__img,.fw-image__loading{-webkit-transition-duration:1ms!important;-moz-transition-duration:1ms!important;transition-duration:1ms!important}}";
+var stylesheet$m = ".fw-image{position:relative}.fw-image__img{opacity:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .32s ease,-webkit-transform .32s ease;transition:opacity .32s ease,-webkit-transform .32s ease;-moz-transition:opacity .32s ease,transform .32s ease,-moz-transform .32s ease;transition:opacity .32s ease,transform .32s ease;transition:opacity .32s ease,transform .32s ease,-webkit-transform .32s ease,-moz-transform .32s ease;visibility:hidden;width:100%}.fw-image__loading{opacity:1;position:absolute!important}.fw-image__error,.fw-image__loading{inset:0;-webkit-transition:opacity .22s ease;-moz-transition:opacity .22s ease;transition:opacity .22s ease}.fw-image__error{background-color:var(--a7d6eea4);opacity:0;position:absolute;visibility:hidden}.fw-image__error-wrapper{font-size:inherit;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.fw-image--loaded .fw-image__img{opacity:1;visibility:visible}.fw-image--loaded .fw-image__loading{opacity:0;pointer-events:none}.fw-image--error-state .fw-image__img{opacity:0;visibility:hidden}.fw-image--error-state .fw-image__loading{opacity:0;pointer-events:none}.fw-image--error-state .fw-image__error{opacity:1;visibility:visible}.fw-image--background{background-position:50%;background-repeat:no-repeat;background-size:cover}.fw-image--background.fw-image--loaded .fw-image__img{display:none}@media (prefers-reduced-motion:reduce){.fw-image__error,.fw-image__img,.fw-image__loading{-webkit-transition-duration:1ms!important;-moz-transition-duration:1ms!important;transition-duration:1ms!important}}";
 styleInject(css_248z$m);__default__$e.render = render$t;var __default__$d = vue.defineComponent({
   name: 'FwDropdown',
   components: {
@@ -8435,8 +8478,8 @@ styleInject(css_248z$m);__default__$e.render = render$t;var __default__$d = vue.
 var __injectCSSVars__$9 = function __injectCSSVars__() {
   vue.useCssVars(function (_ctx) {
     return {
-      "v8941517c": _ctx.primaryFade5,
-      "cf163048": _ctx.colorErrorTextFade5
+      "v4b8bf412": _ctx.primaryFade5,
+      "v5d15410c": _ctx.colorErrorTextFade5
     };
   });
 };
@@ -8475,10 +8518,10 @@ var _hoisted_10$5 = ["onClick"];
 var _hoisted_11$4 = {
   "class": "flex items-center gap-x-2"
 };
-var _hoisted_12$2 = {
+var _hoisted_12$3 = {
   "class": "flex flex-col text-left"
 };
-var _hoisted_13$2 = {
+var _hoisted_13$3 = {
   "class": "text-p text-body leading-none"
 };
 var _hoisted_14$2 = {
@@ -8545,7 +8588,7 @@ function render$s(_ctx, _cache, $props, $setup, $data, $options) {
           key: 0,
           src: option.image_url,
           "class": "w-[20px] h-[20px]"
-        }, null, 8, ["src"])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_12$2, [vue.createElementVNode("span", _hoisted_13$2, vue.toDisplayString(option.label), 1), option.description ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14$2, vue.toDisplayString(option.description), 1)) : vue.createCommentVNode("", true)])])], 10, _hoisted_10$5);
+        }, null, 8, ["src"])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_12$3, [vue.createElementVNode("span", _hoisted_13$3, vue.toDisplayString(option.label), 1), option.description ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14$2, vue.toDisplayString(option.description), 1)) : vue.createCommentVNode("", true)])])], 10, _hoisted_10$5);
       }), 128))], 10, _hoisted_9$6), [[vue.vShow, _ctx.isOpen]])];
     }),
     _: 1
@@ -8558,10 +8601,10 @@ function render$s(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 1
   })])) : vue.createCommentVNode("", true)]);
-}var css_248z$l = ".slideUpDown-enter-active[data-v-c859f01c],.slideUpDown-leave-active[data-v-c859f01c]{-webkit-transition:opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1);transition:opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1);-moz-transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1),-moz-transform .16s cubic-bezier(.2,.7,.2,1);transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1);transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1),-moz-transform .16s cubic-bezier(.2,.7,.2,1);will-change:transform,opacity}.slideUpDown-enter-from[data-v-c859f01c],.slideUpDown-leave-to[data-v-c859f01c]{opacity:0;-webkit-transform:translate3d(0,-6px,0);-moz-transform:translate3d(0,-6px,0);transform:translate3d(0,-6px,0)}.slideUpDown-enter-to[data-v-c859f01c],.slideUpDown-leave-from[data-v-c859f01c]{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.slideUpDown-enter-active[data-v-c859f01c],.slideUpDown-leave-active[data-v-c859f01c]{-webkit-transition-duration:1ms;-moz-transition-duration:1ms;transition-duration:1ms}}.fw-dropdown--open[data-v-c859f01c]{background-color:var(--v8941517c)}.fw-dropdown-error-state[data-v-c859f01c]{background-color:var(--cf163048)}.fw-dropdown--menu-item[data-v-c859f01c]:hover{background-color:var(--v8941517c)}";
-var stylesheet$l = ".slideUpDown-enter-active[data-v-c859f01c],.slideUpDown-leave-active[data-v-c859f01c]{-webkit-transition:opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1);transition:opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1);-moz-transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1),-moz-transform .16s cubic-bezier(.2,.7,.2,1);transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1);transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1),-moz-transform .16s cubic-bezier(.2,.7,.2,1);will-change:transform,opacity}.slideUpDown-enter-from[data-v-c859f01c],.slideUpDown-leave-to[data-v-c859f01c]{opacity:0;-webkit-transform:translate3d(0,-6px,0);-moz-transform:translate3d(0,-6px,0);transform:translate3d(0,-6px,0)}.slideUpDown-enter-to[data-v-c859f01c],.slideUpDown-leave-from[data-v-c859f01c]{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.slideUpDown-enter-active[data-v-c859f01c],.slideUpDown-leave-active[data-v-c859f01c]{-webkit-transition-duration:1ms;-moz-transition-duration:1ms;transition-duration:1ms}}.fw-dropdown--open[data-v-c859f01c]{background-color:var(--v8941517c)}.fw-dropdown-error-state[data-v-c859f01c]{background-color:var(--cf163048)}.fw-dropdown--menu-item[data-v-c859f01c]:hover{background-color:var(--v8941517c)}";
+}var css_248z$l = ".slideUpDown-enter-active[data-v-4790b470],.slideUpDown-leave-active[data-v-4790b470]{-webkit-transition:opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1);transition:opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1);-moz-transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1),-moz-transform .16s cubic-bezier(.2,.7,.2,1);transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1);transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1),-moz-transform .16s cubic-bezier(.2,.7,.2,1);will-change:transform,opacity}.slideUpDown-enter-from[data-v-4790b470],.slideUpDown-leave-to[data-v-4790b470]{opacity:0;-webkit-transform:translate3d(0,-6px,0);-moz-transform:translate3d(0,-6px,0);transform:translate3d(0,-6px,0)}.slideUpDown-enter-to[data-v-4790b470],.slideUpDown-leave-from[data-v-4790b470]{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.slideUpDown-enter-active[data-v-4790b470],.slideUpDown-leave-active[data-v-4790b470]{-webkit-transition-duration:1ms!important;-moz-transition-duration:1ms!important;transition-duration:1ms!important}}.fw-dropdown--open[data-v-4790b470]{background-color:var(--v4b8bf412)}.fw-dropdown-error-state[data-v-4790b470]{background-color:var(--v5d15410c)}.fw-dropdown--menu-item[data-v-4790b470]:hover{background-color:var(--v4b8bf412)}";
+var stylesheet$l = ".slideUpDown-enter-active[data-v-4790b470],.slideUpDown-leave-active[data-v-4790b470]{-webkit-transition:opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1);transition:opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1);-moz-transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1),-moz-transform .16s cubic-bezier(.2,.7,.2,1);transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1);transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1),-moz-transform .16s cubic-bezier(.2,.7,.2,1);will-change:transform,opacity}.slideUpDown-enter-from[data-v-4790b470],.slideUpDown-leave-to[data-v-4790b470]{opacity:0;-webkit-transform:translate3d(0,-6px,0);-moz-transform:translate3d(0,-6px,0);transform:translate3d(0,-6px,0)}.slideUpDown-enter-to[data-v-4790b470],.slideUpDown-leave-from[data-v-4790b470]{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.slideUpDown-enter-active[data-v-4790b470],.slideUpDown-leave-active[data-v-4790b470]{-webkit-transition-duration:1ms!important;-moz-transition-duration:1ms!important;transition-duration:1ms!important}}.fw-dropdown--open[data-v-4790b470]{background-color:var(--v4b8bf412)}.fw-dropdown-error-state[data-v-4790b470]{background-color:var(--v5d15410c)}.fw-dropdown--menu-item[data-v-4790b470]:hover{background-color:var(--v4b8bf412)}";
 styleInject(css_248z$l);__default__$d.render = render$s;
-__default__$d.__scopeId = "data-v-c859f01c";var script$i = vue.defineComponent({
+__default__$d.__scopeId = "data-v-4790b470";var script$i = vue.defineComponent({
   name: 'FwSwitch',
   components: {
     InputField: Field
@@ -8604,7 +8647,7 @@ __default__$d.__scopeId = "data-v-c859f01c";var script$i = vue.defineComponent({
     /** v-model If provided, it is the source of truth. */
     modelValue: {
       type: Boolean,
-      required: false
+      "default": undefined
     },
     /**
      * Progmatically set the checked state of the input.
@@ -8612,8 +8655,7 @@ __default__$d.__scopeId = "data-v-c859f01c";var script$i = vue.defineComponent({
      */
     isChecked: {
       type: Boolean,
-      required: false,
-      "default": false
+      required: false
     }
   },
   emits: ['change', 'update:modelValue', 'update:isChecked'],
@@ -8623,14 +8665,14 @@ __default__$d.__scopeId = "data-v-c859f01c";var script$i = vue.defineComponent({
     vue.watch(function () {
       return props.modelValue;
     }, function (val) {
-      if (val && val !== localChecked.value) {
+      if (val !== undefined && val !== localChecked.value) {
         localChecked.value = val;
       }
     });
     vue.watch(function () {
       return props.isChecked;
     }, function (val) {
-      if (props.modelValue && val !== localChecked.value) {
+      if (val !== localChecked.value) {
         localChecked.value = val;
       }
     });
@@ -8648,7 +8690,7 @@ __default__$d.__scopeId = "data-v-c859f01c";var script$i = vue.defineComponent({
       // always emit change
       ctx.emit('change', next);
       // if using v-model, update it
-      ctx.emit('update:modelValue', next);
+      if (props.modelValue !== undefined) ctx.emit('update:modelValue', next);
       // keep legacy API in sync too
       ctx.emit('update:isChecked', next);
     };
@@ -8719,10 +8761,10 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 1
   }, 8, ["name", "value", "rules"]);
-}var css_248z$k = ".fw-switch[data-v-472a39bf]{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:9999px;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}.fwFadeIn-enter-active[data-v-472a39bf]{-webkit-animation:fwFadeIn-472a39bf .35s;-moz-animation:fwFadeIn-472a39bf .35s;animation:fwFadeIn-472a39bf .35s;-webkit-transition:opacity .35s ease-in;-moz-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-472a39bf]{animation:fwFadeIn-472a39bf .35s reverse;-webkit-transition:opacity .35s ease-out;-moz-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-472a39bf{0%{opacity:0}to{opacity:1}}@-moz-keyframes fwFadeIn-472a39bf{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-472a39bf{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.thumb[data-v-472a39bf],.track[data-v-472a39bf]{-webkit-animation-duration:0ms!important;-moz-animation-duration:0ms!important;animation-duration:0ms!important;-webkit-transition-duration:0ms!important;-moz-transition-duration:0ms!important;transition-duration:0ms!important}}";
-var stylesheet$k = ".fw-switch[data-v-472a39bf]{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:9999px;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}.fwFadeIn-enter-active[data-v-472a39bf]{-webkit-animation:fwFadeIn-472a39bf .35s;-moz-animation:fwFadeIn-472a39bf .35s;animation:fwFadeIn-472a39bf .35s;-webkit-transition:opacity .35s ease-in;-moz-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-472a39bf]{animation:fwFadeIn-472a39bf .35s reverse;-webkit-transition:opacity .35s ease-out;-moz-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-472a39bf{0%{opacity:0}to{opacity:1}}@-moz-keyframes fwFadeIn-472a39bf{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-472a39bf{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.thumb[data-v-472a39bf],.track[data-v-472a39bf]{-webkit-animation-duration:0ms!important;-moz-animation-duration:0ms!important;animation-duration:0ms!important;-webkit-transition-duration:0ms!important;-moz-transition-duration:0ms!important;transition-duration:0ms!important}}";
+}var css_248z$k = ".fw-switch[data-v-08b12caa]{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:9999px;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}.fwFadeIn-enter-active[data-v-08b12caa]{-webkit-animation:fwFadeIn-08b12caa .35s;-moz-animation:fwFadeIn-08b12caa .35s;animation:fwFadeIn-08b12caa .35s;-webkit-transition:opacity .35s ease-in;-moz-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-08b12caa]{animation:fwFadeIn-08b12caa .35s reverse;-webkit-transition:opacity .35s ease-out;-moz-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-08b12caa{0%{opacity:0}to{opacity:1}}@-moz-keyframes fwFadeIn-08b12caa{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-08b12caa{0%{opacity:0}to{opacity:1}}";
+var stylesheet$k = ".fw-switch[data-v-08b12caa]{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:9999px;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}.fwFadeIn-enter-active[data-v-08b12caa]{-webkit-animation:fwFadeIn-08b12caa .35s;-moz-animation:fwFadeIn-08b12caa .35s;animation:fwFadeIn-08b12caa .35s;-webkit-transition:opacity .35s ease-in;-moz-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-08b12caa]{animation:fwFadeIn-08b12caa .35s reverse;-webkit-transition:opacity .35s ease-out;-moz-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-08b12caa{0%{opacity:0}to{opacity:1}}@-moz-keyframes fwFadeIn-08b12caa{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-08b12caa{0%{opacity:0}to{opacity:1}}";
 styleInject(css_248z$k);script$i.render = render$r;
-script$i.__scopeId = "data-v-472a39bf";var __default__$c = vue.defineComponent({
+script$i.__scopeId = "data-v-08b12caa";var __default__$c = vue.defineComponent({
   name: 'FwCard',
   props: {
     /**
@@ -9123,8 +9165,8 @@ function render$p(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 3
   }, 40, ["class", "type", "to", "href", "tabindex", "disabled", "loading", "target", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
-}var css_248z$i = ".fw-button{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,-webkit-transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,-webkit-transform .12s ease-in-out;-moz-transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out,-moz-transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out,-webkit-transform .12s ease-in-out,-moz-transform .12s ease-in-out}.fw-button:hover:not(:disabled){-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);will-change:transform,background-color,border-color}.fw-button:active:not(:disabled){-webkit-transform:translateY(0) scale(.98);-moz-transform:translateY(0) scale(.98);-ms-transform:translateY(0) scale(.98);transform:translateY(0) scale(.98)}.fw-button--label-wrapper{-webkit-transition:-webkit-transform .12s ease-in-out;transition:-webkit-transform .12s ease-in-out;-moz-transition:transform .12s ease-in-out,-moz-transform .12s ease-in-out;transition:transform .12s ease-in-out;transition:transform .12s ease-in-out,-webkit-transform .12s ease-in-out,-moz-transform .12s ease-in-out}.fw-button--primary{background-color:var(--colorButtonPrimary);border-color:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary.router-link-active,.fw-button--primary.selected,.fw-button--primary:hover{background-color:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--primary:focus-visible{--tw-ring-color:var(--colorButtonPrimary)}.fw-button--primary:disabled{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--secondary{background-color:var(--colorButtonSecondary);border-color:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate.router-link-active,.fw-button--secondary.animation--alternate.selected,.fw-button--secondary.animation--alternate:hover{background-color:var(--colorButtonSecondaryFade);border-color:var(--colorButtonSecondaryFade);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade.router-link-active,.fw-button--secondary.animation--fade.selected,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--secondary:focus-visible{--tw-ring-color:var(--colorButtonSecondary)}.fw-button--secondary:disabled{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--tertiary{background-color:transparent;border-color:var(--colorButtonTertiaryText);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate.router-link-active,.fw-button--tertiary.animation--alternate.selected,.fw-button--tertiary.animation--alternate:hover{background-color:var(--colorButtonTertiaryFade)}.fw-button--tertiary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade.router-link-active,.fw-button--tertiary.animation--fade.selected,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary:focus-visible{--tw-ring-color:var(--colorButtonTertiaryText)}.fw-button--tertiary:disabled{--tw-border-opacity:1!important;background-color:transparent!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--quaternary{background-color:transparent;border-color:var(--colorButtonQuaternaryText);color:var(--colorButtonQuaternaryText)}.fw-button--quaternary.animation--alternate.fw-button--loading,.fw-button--quaternary.animation--alternate.router-link-active,.fw-button--quaternary.animation--alternate.selected,.fw-button--quaternary.animation--alternate:hover{background-color:var(--colorButtonQuaternary);border-color:var(--colorButtonQuaternaryText);color:var(--colorBody)}.fw-button--quaternary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--quaternary.animation--fade.fw-button--loading,.fw-button--quaternary.animation--fade.router-link-active,.fw-button--quaternary.animation--fade.selected,.fw-button--quaternary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--quaternary:focus-visible{--tw-ring-color:var(--colorButtonQuaternaryText)}.fw-button--quaternary:disabled{background-color:transparent!important;border-color:var(--colorBorder1)!important;color:var(--colorText3)!important}.fw-button--quaternary:disabled.router-link-active,.fw-button--quaternary:disabled.selected{--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important}.fw-button--gradient{background-image:var(--colorButtonGradient);background-size:135% auto;border:none;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15),0 0 40px rgba(142,125,255,.3);box-shadow:0 2px 4px rgba(0,0,0,.15),0 0 40px rgba(142,125,255,.3);color:var(--colorButtonGradientText);-webkit-transition:background-size .4s ease,-webkit-transform .16s ease,-webkit-box-shadow .2s ease;transition:background-size .4s ease,-webkit-transform .16s ease,-webkit-box-shadow .2s ease;-moz-transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease,-moz-transform .16s ease;transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease;transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease,-webkit-transform .16s ease,-moz-transform .16s ease,-webkit-box-shadow .2s ease}.fw-button--gradient.animation--alternate.fw-button--loading,.fw-button--gradient.animation--alternate.router-link-active,.fw-button--gradient.animation--alternate.selected,.fw-button--gradient.animation--alternate:hover,.fw-button--gradient.animation--fade.fw-button--loading,.fw-button--gradient.animation--fade.router-link-active,.fw-button--gradient.animation--fade.selected,.fw-button--gradient.animation--fade:hover{background-size:120% auto}@-webkit-keyframes pulse{50%{opacity:.5}}@-moz-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}.fw-button--gradient.animation--alternate.fw-button--loading .button-icon,.fw-button--gradient.animation--alternate.router-link-active .button-icon,.fw-button--gradient.animation--alternate.selected .button-icon,.fw-button--gradient.animation--alternate:hover .button-icon,.fw-button--gradient.animation--fade.fw-button--loading .button-icon,.fw-button--gradient.animation--fade.router-link-active .button-icon,.fw-button--gradient.animation--fade.selected .button-icon,.fw-button--gradient.animation--fade:hover .button-icon{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;-moz-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.fw-button--gradient:focus-visible{--tw-ring-color:var(--colorButtonQuaternaryText)}.fw-button--gradient:disabled{--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;background-image:none!important;border-color:var(--colorBorder1)!important;color:var(--colorText3)!important}.fw-button--transparent{border-color:transparent;color:var(--colorBody);-webkit-text-decoration-line:none;-moz-text-decoration-line:none;text-decoration-line:none}.fw-button--transparent:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 -webkit-calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 -moz-calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:var(--colorPrimary);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.fw-button--transparent.fw-button--loading,.fw-button--transparent.router-link-active,.fw-button--transparent.selected,.fw-button--transparent:hover{background-color:var(--colorButtonTertiaryFade);color:var(--colorPrimary);-webkit-text-decoration-line:underline;-moz-text-decoration-line:underline;text-decoration-line:underline}.fw-button:disabled{cursor:not-allowed;-webkit-filter:none;filter:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}@media (prefers-reduced-motion:reduce){.fw-button,.fw-button *{-webkit-animation-duration:.01ms!important;-moz-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-transition-duration:.01ms!important;-moz-transition-duration:.01ms!important;transition-duration:.01ms!important}}";
-var stylesheet$i = ".fw-button{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,-webkit-transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,-webkit-transform .12s ease-in-out;-moz-transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out,-moz-transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out,-webkit-transform .12s ease-in-out,-moz-transform .12s ease-in-out}.fw-button:hover:not(:disabled){-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);will-change:transform,background-color,border-color}.fw-button:active:not(:disabled){-webkit-transform:translateY(0) scale(.98);-moz-transform:translateY(0) scale(.98);-ms-transform:translateY(0) scale(.98);transform:translateY(0) scale(.98)}.fw-button--label-wrapper{-webkit-transition:-webkit-transform .12s ease-in-out;transition:-webkit-transform .12s ease-in-out;-moz-transition:transform .12s ease-in-out,-moz-transform .12s ease-in-out;transition:transform .12s ease-in-out;transition:transform .12s ease-in-out,-webkit-transform .12s ease-in-out,-moz-transform .12s ease-in-out}.fw-button--primary{background-color:var(--colorButtonPrimary);border-color:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary.router-link-active,.fw-button--primary.selected,.fw-button--primary:hover{background-color:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--primary:focus-visible{--tw-ring-color:var(--colorButtonPrimary)}.fw-button--primary:disabled{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--secondary{background-color:var(--colorButtonSecondary);border-color:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate.router-link-active,.fw-button--secondary.animation--alternate.selected,.fw-button--secondary.animation--alternate:hover{background-color:var(--colorButtonSecondaryFade);border-color:var(--colorButtonSecondaryFade);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade.router-link-active,.fw-button--secondary.animation--fade.selected,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--secondary:focus-visible{--tw-ring-color:var(--colorButtonSecondary)}.fw-button--secondary:disabled{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--tertiary{background-color:transparent;border-color:var(--colorButtonTertiaryText);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate.router-link-active,.fw-button--tertiary.animation--alternate.selected,.fw-button--tertiary.animation--alternate:hover{background-color:var(--colorButtonTertiaryFade)}.fw-button--tertiary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade.router-link-active,.fw-button--tertiary.animation--fade.selected,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary:focus-visible{--tw-ring-color:var(--colorButtonTertiaryText)}.fw-button--tertiary:disabled{--tw-border-opacity:1!important;background-color:transparent!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--quaternary{background-color:transparent;border-color:var(--colorButtonQuaternaryText);color:var(--colorButtonQuaternaryText)}.fw-button--quaternary.animation--alternate.fw-button--loading,.fw-button--quaternary.animation--alternate.router-link-active,.fw-button--quaternary.animation--alternate.selected,.fw-button--quaternary.animation--alternate:hover{background-color:var(--colorButtonQuaternary);border-color:var(--colorButtonQuaternaryText);color:var(--colorBody)}.fw-button--quaternary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--quaternary.animation--fade.fw-button--loading,.fw-button--quaternary.animation--fade.router-link-active,.fw-button--quaternary.animation--fade.selected,.fw-button--quaternary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--quaternary:focus-visible{--tw-ring-color:var(--colorButtonQuaternaryText)}.fw-button--quaternary:disabled{background-color:transparent!important;border-color:var(--colorBorder1)!important;color:var(--colorText3)!important}.fw-button--quaternary:disabled.router-link-active,.fw-button--quaternary:disabled.selected{--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important}.fw-button--gradient{background-image:var(--colorButtonGradient);background-size:135% auto;border:none;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15),0 0 40px rgba(142,125,255,.3);box-shadow:0 2px 4px rgba(0,0,0,.15),0 0 40px rgba(142,125,255,.3);color:var(--colorButtonGradientText);-webkit-transition:background-size .4s ease,-webkit-transform .16s ease,-webkit-box-shadow .2s ease;transition:background-size .4s ease,-webkit-transform .16s ease,-webkit-box-shadow .2s ease;-moz-transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease,-moz-transform .16s ease;transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease;transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease,-webkit-transform .16s ease,-moz-transform .16s ease,-webkit-box-shadow .2s ease}.fw-button--gradient.animation--alternate.fw-button--loading,.fw-button--gradient.animation--alternate.router-link-active,.fw-button--gradient.animation--alternate.selected,.fw-button--gradient.animation--alternate:hover,.fw-button--gradient.animation--fade.fw-button--loading,.fw-button--gradient.animation--fade.router-link-active,.fw-button--gradient.animation--fade.selected,.fw-button--gradient.animation--fade:hover{background-size:120% auto}@-webkit-keyframes pulse{50%{opacity:.5}}@-moz-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}.fw-button--gradient.animation--alternate.fw-button--loading .button-icon,.fw-button--gradient.animation--alternate.router-link-active .button-icon,.fw-button--gradient.animation--alternate.selected .button-icon,.fw-button--gradient.animation--alternate:hover .button-icon,.fw-button--gradient.animation--fade.fw-button--loading .button-icon,.fw-button--gradient.animation--fade.router-link-active .button-icon,.fw-button--gradient.animation--fade.selected .button-icon,.fw-button--gradient.animation--fade:hover .button-icon{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;-moz-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.fw-button--gradient:focus-visible{--tw-ring-color:var(--colorButtonQuaternaryText)}.fw-button--gradient:disabled{--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;background-image:none!important;border-color:var(--colorBorder1)!important;color:var(--colorText3)!important}.fw-button--transparent{border-color:transparent;color:var(--colorBody);-webkit-text-decoration-line:none;-moz-text-decoration-line:none;text-decoration-line:none}.fw-button--transparent:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 -webkit-calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 -moz-calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:var(--colorPrimary);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.fw-button--transparent.fw-button--loading,.fw-button--transparent.router-link-active,.fw-button--transparent.selected,.fw-button--transparent:hover{background-color:var(--colorButtonTertiaryFade);color:var(--colorPrimary);-webkit-text-decoration-line:underline;-moz-text-decoration-line:underline;text-decoration-line:underline}.fw-button:disabled{cursor:not-allowed;-webkit-filter:none;filter:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}@media (prefers-reduced-motion:reduce){.fw-button,.fw-button *{-webkit-animation-duration:.01ms!important;-moz-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-transition-duration:.01ms!important;-moz-transition-duration:.01ms!important;transition-duration:.01ms!important}}";
+}var css_248z$i = ".fw-button{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,-webkit-transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,-webkit-transform .12s ease-in-out;-moz-transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out,-moz-transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out,-webkit-transform .12s ease-in-out,-moz-transform .12s ease-in-out}.fw-button:hover:not(:disabled){-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);will-change:transform,background-color,border-color}.fw-button:active:not(:disabled){-webkit-transform:translateY(0) scale(.98);-moz-transform:translateY(0) scale(.98);-ms-transform:translateY(0) scale(.98);transform:translateY(0) scale(.98)}.fw-button--label-wrapper{-webkit-transition:-webkit-transform .12s ease-in-out;transition:-webkit-transform .12s ease-in-out;-moz-transition:transform .12s ease-in-out,-moz-transform .12s ease-in-out;transition:transform .12s ease-in-out;transition:transform .12s ease-in-out,-webkit-transform .12s ease-in-out,-moz-transform .12s ease-in-out}.fw-button--primary{background-color:var(--colorButtonPrimary);border-color:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary.router-link-active,.fw-button--primary.selected,.fw-button--primary:hover{background-color:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--primary:focus-visible{--tw-ring-color:var(--colorButtonPrimary)}.fw-button--primary:disabled{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--secondary{background-color:var(--colorButtonSecondary);border-color:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate.router-link-active,.fw-button--secondary.animation--alternate.selected,.fw-button--secondary.animation--alternate:hover{background-color:var(--colorButtonSecondaryFade);border-color:var(--colorButtonSecondaryFade);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade.router-link-active,.fw-button--secondary.animation--fade.selected,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--secondary:focus-visible{--tw-ring-color:var(--colorButtonSecondary)}.fw-button--secondary:disabled{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--tertiary{background-color:transparent;border-color:var(--colorButtonTertiaryText);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate.router-link-active,.fw-button--tertiary.animation--alternate.selected,.fw-button--tertiary.animation--alternate:hover{background-color:var(--colorButtonTertiaryFade)}.fw-button--tertiary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade.router-link-active,.fw-button--tertiary.animation--fade.selected,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary:focus-visible{--tw-ring-color:var(--colorButtonTertiaryText)}.fw-button--tertiary:disabled{--tw-border-opacity:1!important;background-color:transparent!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--quaternary{background-color:transparent;border-color:var(--colorButtonQuaternaryText);color:var(--colorButtonQuaternaryText)}.fw-button--quaternary.animation--alternate.fw-button--loading,.fw-button--quaternary.animation--alternate.router-link-active,.fw-button--quaternary.animation--alternate.selected,.fw-button--quaternary.animation--alternate:hover{background-color:var(--colorButtonQuaternary);border-color:var(--colorButtonQuaternaryText);color:var(--colorBody)}.fw-button--quaternary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--quaternary.animation--fade.fw-button--loading,.fw-button--quaternary.animation--fade.router-link-active,.fw-button--quaternary.animation--fade.selected,.fw-button--quaternary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--quaternary:focus-visible{--tw-ring-color:var(--colorButtonQuaternaryText)}.fw-button--quaternary:disabled{background-color:transparent!important;border-color:var(--colorBorder1)!important;color:var(--colorText3)!important}.fw-button--quaternary:disabled.router-link-active,.fw-button--quaternary:disabled.selected{--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important}.fw-button--gradient{background-image:var(--colorButtonGradient);background-size:135% auto;border:none;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15),0 0 40px rgba(142,125,255,.3);box-shadow:0 2px 4px rgba(0,0,0,.15),0 0 40px rgba(142,125,255,.3);color:var(--colorButtonGradientText);-webkit-transition:background-size .4s ease,-webkit-transform .16s ease,-webkit-box-shadow .2s ease;transition:background-size .4s ease,-webkit-transform .16s ease,-webkit-box-shadow .2s ease;-moz-transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease,-moz-transform .16s ease;transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease;transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease,-webkit-transform .16s ease,-moz-transform .16s ease,-webkit-box-shadow .2s ease}.fw-button--gradient.animation--alternate.fw-button--loading,.fw-button--gradient.animation--alternate.router-link-active,.fw-button--gradient.animation--alternate.selected,.fw-button--gradient.animation--alternate:hover,.fw-button--gradient.animation--fade.fw-button--loading,.fw-button--gradient.animation--fade.router-link-active,.fw-button--gradient.animation--fade.selected,.fw-button--gradient.animation--fade:hover{background-size:120% auto}@-webkit-keyframes pulse{50%{opacity:.5}}@-moz-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}.fw-button--gradient.animation--alternate.fw-button--loading .button-icon,.fw-button--gradient.animation--alternate.router-link-active .button-icon,.fw-button--gradient.animation--alternate.selected .button-icon,.fw-button--gradient.animation--alternate:hover .button-icon,.fw-button--gradient.animation--fade.fw-button--loading .button-icon,.fw-button--gradient.animation--fade.router-link-active .button-icon,.fw-button--gradient.animation--fade.selected .button-icon,.fw-button--gradient.animation--fade:hover .button-icon{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;-moz-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.fw-button--gradient:focus-visible{--tw-ring-color:var(--colorButtonQuaternaryText)}.fw-button--gradient:disabled{--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;background-image:none!important;border-color:var(--colorBorder1)!important;color:var(--colorText3)!important}.fw-button--transparent{border-color:transparent;color:var(--colorBody);-webkit-text-decoration-line:none;-moz-text-decoration-line:none;text-decoration-line:none}.fw-button--transparent:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 -webkit-calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 -moz-calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:var(--colorPrimary);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.fw-button--transparent.fw-button--loading,.fw-button--transparent.router-link-active,.fw-button--transparent.selected,.fw-button--transparent:hover{background-color:var(--colorButtonTertiaryFade);color:var(--colorPrimary);-webkit-text-decoration-line:underline;-moz-text-decoration-line:underline;text-decoration-line:underline}.fw-button:disabled{cursor:not-allowed;-webkit-filter:none;filter:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}";
+var stylesheet$i = ".fw-button{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,-webkit-transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,-webkit-transform .12s ease-in-out;-moz-transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out,-moz-transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out,-webkit-transform .12s ease-in-out,-moz-transform .12s ease-in-out}.fw-button:hover:not(:disabled){-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);will-change:transform,background-color,border-color}.fw-button:active:not(:disabled){-webkit-transform:translateY(0) scale(.98);-moz-transform:translateY(0) scale(.98);-ms-transform:translateY(0) scale(.98);transform:translateY(0) scale(.98)}.fw-button--label-wrapper{-webkit-transition:-webkit-transform .12s ease-in-out;transition:-webkit-transform .12s ease-in-out;-moz-transition:transform .12s ease-in-out,-moz-transform .12s ease-in-out;transition:transform .12s ease-in-out;transition:transform .12s ease-in-out,-webkit-transform .12s ease-in-out,-moz-transform .12s ease-in-out}.fw-button--primary{background-color:var(--colorButtonPrimary);border-color:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary.router-link-active,.fw-button--primary.selected,.fw-button--primary:hover{background-color:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--primary:focus-visible{--tw-ring-color:var(--colorButtonPrimary)}.fw-button--primary:disabled{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--secondary{background-color:var(--colorButtonSecondary);border-color:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate.router-link-active,.fw-button--secondary.animation--alternate.selected,.fw-button--secondary.animation--alternate:hover{background-color:var(--colorButtonSecondaryFade);border-color:var(--colorButtonSecondaryFade);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade.router-link-active,.fw-button--secondary.animation--fade.selected,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--secondary:focus-visible{--tw-ring-color:var(--colorButtonSecondary)}.fw-button--secondary:disabled{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--tertiary{background-color:transparent;border-color:var(--colorButtonTertiaryText);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate.router-link-active,.fw-button--tertiary.animation--alternate.selected,.fw-button--tertiary.animation--alternate:hover{background-color:var(--colorButtonTertiaryFade)}.fw-button--tertiary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade.router-link-active,.fw-button--tertiary.animation--fade.selected,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary:focus-visible{--tw-ring-color:var(--colorButtonTertiaryText)}.fw-button--tertiary:disabled{--tw-border-opacity:1!important;background-color:transparent!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--quaternary{background-color:transparent;border-color:var(--colorButtonQuaternaryText);color:var(--colorButtonQuaternaryText)}.fw-button--quaternary.animation--alternate.fw-button--loading,.fw-button--quaternary.animation--alternate.router-link-active,.fw-button--quaternary.animation--alternate.selected,.fw-button--quaternary.animation--alternate:hover{background-color:var(--colorButtonQuaternary);border-color:var(--colorButtonQuaternaryText);color:var(--colorBody)}.fw-button--quaternary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--quaternary.animation--fade.fw-button--loading,.fw-button--quaternary.animation--fade.router-link-active,.fw-button--quaternary.animation--fade.selected,.fw-button--quaternary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--quaternary:focus-visible{--tw-ring-color:var(--colorButtonQuaternaryText)}.fw-button--quaternary:disabled{background-color:transparent!important;border-color:var(--colorBorder1)!important;color:var(--colorText3)!important}.fw-button--quaternary:disabled.router-link-active,.fw-button--quaternary:disabled.selected{--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important}.fw-button--gradient{background-image:var(--colorButtonGradient);background-size:135% auto;border:none;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15),0 0 40px rgba(142,125,255,.3);box-shadow:0 2px 4px rgba(0,0,0,.15),0 0 40px rgba(142,125,255,.3);color:var(--colorButtonGradientText);-webkit-transition:background-size .4s ease,-webkit-transform .16s ease,-webkit-box-shadow .2s ease;transition:background-size .4s ease,-webkit-transform .16s ease,-webkit-box-shadow .2s ease;-moz-transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease,-moz-transform .16s ease;transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease;transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease,-webkit-transform .16s ease,-moz-transform .16s ease,-webkit-box-shadow .2s ease}.fw-button--gradient.animation--alternate.fw-button--loading,.fw-button--gradient.animation--alternate.router-link-active,.fw-button--gradient.animation--alternate.selected,.fw-button--gradient.animation--alternate:hover,.fw-button--gradient.animation--fade.fw-button--loading,.fw-button--gradient.animation--fade.router-link-active,.fw-button--gradient.animation--fade.selected,.fw-button--gradient.animation--fade:hover{background-size:120% auto}@-webkit-keyframes pulse{50%{opacity:.5}}@-moz-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}.fw-button--gradient.animation--alternate.fw-button--loading .button-icon,.fw-button--gradient.animation--alternate.router-link-active .button-icon,.fw-button--gradient.animation--alternate.selected .button-icon,.fw-button--gradient.animation--alternate:hover .button-icon,.fw-button--gradient.animation--fade.fw-button--loading .button-icon,.fw-button--gradient.animation--fade.router-link-active .button-icon,.fw-button--gradient.animation--fade.selected .button-icon,.fw-button--gradient.animation--fade:hover .button-icon{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;-moz-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.fw-button--gradient:focus-visible{--tw-ring-color:var(--colorButtonQuaternaryText)}.fw-button--gradient:disabled{--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;background-image:none!important;border-color:var(--colorBorder1)!important;color:var(--colorText3)!important}.fw-button--transparent{border-color:transparent;color:var(--colorBody);-webkit-text-decoration-line:none;-moz-text-decoration-line:none;text-decoration-line:none}.fw-button--transparent:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 -webkit-calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 -moz-calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:var(--colorPrimary);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.fw-button--transparent.fw-button--loading,.fw-button--transparent.router-link-active,.fw-button--transparent.selected,.fw-button--transparent:hover{background-color:var(--colorButtonTertiaryFade);color:var(--colorPrimary);-webkit-text-decoration-line:underline;-moz-text-decoration-line:underline;text-decoration-line:underline}.fw-button:disabled{cursor:not-allowed;-webkit-filter:none;filter:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}";
 styleInject(css_248z$i);script$h.render = render$p;var script$g = vue.defineComponent({
   name: 'FwAlert',
   components: {
@@ -11260,11 +11302,47 @@ __default__$b.__scopeId = "data-v-6c5e1ef8";var script$f = vue.defineComponent({
     transparent: {
       type: Boolean,
       "default": false
+    },
+    /**
+     * The logo image source url for the desktop menu.
+     */
+    logoSrc: {
+      type: String
+    },
+    /**
+     * The logo image source url for the mobile menu.
+     */
+    mobileLogoSrc: {
+      type: String
+    },
+    /**
+     * Whether to reverse the colours of the desktop navigation menu items.
+     */
+    reversedDesktopNavButton: {
+      type: Boolean,
+      "default": false
     }
   },
   emits: ['action'],
-  setup: function setup(_props, ctx) {
+  setup: function setup(props, ctx) {
     var mobileMenuClass = vue.ref("min-h-screen top-0 right-0 pt-20 absolute w-full px-2 bg-primary pb-3 space-y-1 z-[51]");
+    // Parse once per items change (avoid parsing on every reactive tick)
+    var parsedMenuItems = vue.shallowRef([]);
+    vue.watch(function () {
+      return props.menuItems;
+    }, function (items) {
+      parsedMenuItems.value = typeof items === 'string' ? JSON.parse(items) : items;
+    }, {
+      immediate: true
+    });
+    var parsedAdditionalMenuItems = vue.shallowRef([]);
+    vue.watch(function () {
+      return props.additionalMenuItems;
+    }, function (items) {
+      parsedAdditionalMenuItems.value = typeof items === 'string' ? JSON.parse(items) : items;
+    }, {
+      immediate: true
+    });
     var isMobileMenuOpen = vue.ref(false);
     var toggleMobileMenu = function toggleMobileMenu() {
       return isMobileMenuOpen.value = !isMobileMenuOpen.value;
@@ -11280,6 +11358,8 @@ __default__$b.__scopeId = "data-v-6c5e1ef8";var script$f = vue.defineComponent({
       return ctx.emit('action');
     };
     return {
+      parsedMenuItems: parsedMenuItems,
+      parsedAdditionalMenuItems: parsedAdditionalMenuItems,
       mobileMenuClass: mobileMenuClass,
       isMobileMenuOpen: isMobileMenuOpen,
       toggleMobileMenu: toggleMobileMenu,
@@ -11288,23 +11368,24 @@ __default__$b.__scopeId = "data-v-6c5e1ef8";var script$f = vue.defineComponent({
   }
 });var _hoisted_1$u = {
   key: 0,
-  "class": "hidden lg:flex flex-shrink-0 items-center"
+  "class": "hidden lg:!flex flex-shrink-0 items-center"
 };
-var _hoisted_2$q = {
+var _hoisted_2$q = ["src"];
+var _hoisted_3$m = {
   "class": "flex space-x-1"
 };
-var _hoisted_3$m = {
+var _hoisted_4$c = {
   key: 2,
   "class": "hidden lg:flex items-center justify-center lg:ml-2"
 };
-var _hoisted_4$c = {
+var _hoisted_5$b = {
   "class": "flex flex-col min-w-[180px] text-left"
 };
-var _hoisted_5$b = {
+var _hoisted_6$9 = {
   key: 3,
   "class": "flex items-center lg:hidden z-[53]"
 };
-var _hoisted_6$9 = {
+var _hoisted_7$7 = {
   "class": "block h-6 w-6",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -11312,24 +11393,25 @@ var _hoisted_6$9 = {
   stroke: "currentColor",
   "aria-hidden": "true"
 };
-var _hoisted_7$7 = ["d"];
-var _hoisted_8$6 = {
+var _hoisted_8$6 = ["d"];
+var _hoisted_9$5 = {
   key: 0,
   "class": "flex-none lg:hidden items-start flex-shrink-0 pl-4"
 };
-var _hoisted_9$5 = {
+var _hoisted_10$4 = ["src"];
+var _hoisted_11$3 = {
   key: 1,
   "class": "w-full flex flex-col space-y-1 pt-6"
 };
-var _hoisted_10$4 = {
+var _hoisted_12$2 = {
   "class": "flex flex-col justify-between pt-6 h-full"
 };
-var _hoisted_11$3 = {
+var _hoisted_13$2 = {
   key: 0,
   "class": "w-full flex flex-col space-y-1"
 };
 function render$m(_ctx, _cache, $props, $setup, $data, $options) {
-  var _ctx$menuItems;
+  var _ctx$parsedMenuItems;
   var _component_FwButton = vue.resolveComponent("FwButton");
   var _component_UserSvg = vue.resolveComponent("UserSvg");
   var _component_FwPopover = vue.resolveComponent("FwPopover");
@@ -11337,16 +11419,23 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
     "class": vue.normalizeClass(["fw-nav-menu z-50 h-[72px] bg-white shadow-bottom", [_ctx.transparent ? 'lg:bg-transparent lg:shadow-none' : 'lg:bg-brand-appBg lg:shadow-bottom', _ctx.isMobileMenuOpen ? 'bg-transparent' : '']])
   }, [vue.createElementVNode("div", {
     "class": vue.normalizeClass(["px-6 lg:py-3 flex-1 h-full flex items-stretch justify-between mx-auto", [_ctx.containerClass, !_ctx.menuEnabled ? 'hidden lg:flex' : '']])
-  }, [_ctx.$slots.logo ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [vue.renderSlot(_ctx.$slots, "logo")])) : vue.createCommentVNode("", true), _ctx.menuEnabled && _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
+  }, [_ctx.$slots.logo || _ctx.logoSrc ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [_ctx.$slots.logo ? vue.renderSlot(_ctx.$slots, "logo", {
+    key: 0
+  }) : _ctx.logoSrc ? (vue.openBlock(), vue.createElementBlock("img", {
+    key: 1,
+    src: _ctx.logoSrc,
+    "class": "w-[42px]"
+  }, null, 8, _hoisted_2$q)) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true), _ctx.menuEnabled && _ctx.parsedMenuItems && ((_ctx$parsedMenuItems = _ctx.parsedMenuItems) === null || _ctx$parsedMenuItems === void 0 ? void 0 : _ctx$parsedMenuItems.length) > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
     key: 1,
     "class": vue.normalizeClass(["container hidden lg:flex items-center justify-between", _ctx.paddingClasses])
   }, [_cache[1] || (_cache[1] = vue.createElementVNode("div", {
     id: "menu-teleport",
     "class": "hidden lg:flex items-center gap-x-2"
-  }, null, -1)), vue.createElementVNode("div", _hoisted_2$q, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
+  }, null, -1)), vue.createElementVNode("div", _hoisted_3$m, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.parsedMenuItems, function (item, i) {
     return vue.openBlock(), vue.createBlock(_component_FwButton, {
       key: i,
       variant: "transparent",
+      "class": vue.normalizeClass(_ctx.reversedDesktopNavButton ? '!text-white hover:!text-[inherit] focus:!text-[inherit]' : ''),
       href: item.href,
       to: item.to,
       external: item.external,
@@ -11359,14 +11448,14 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
         return [vue.createTextVNode(vue.toDisplayString(item.label), 1)];
       }),
       _: 2
-    }, 1032, ["href", "to", "external", "onClick"]);
-  }), 128))])], 2)) : vue.createCommentVNode("", true), _ctx.menuEnabled && _ctx.actionLabel && _ctx.authenticated ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$m, [vue.createVNode(_component_FwPopover, {
+    }, 1032, ["class", "href", "to", "external", "onClick"]);
+  }), 128))])], 2)) : vue.createCommentVNode("", true), _ctx.menuEnabled && _ctx.actionLabel && _ctx.authenticated ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$c, [vue.createVNode(_component_FwPopover, {
     placement: "bottom-start",
     "show-on-top": "",
     trigger: "click"
   }, {
     content: vue.withCtx(function () {
-      return [vue.createElementVNode("div", _hoisted_4$c, [vue.createVNode(_component_FwButton, {
+      return [vue.createElementVNode("div", _hoisted_5$b, [vue.createVNode(_component_FwButton, {
         size: "lg",
         variant: "text",
         rounded: false,
@@ -11396,7 +11485,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
       })];
     }),
     _: 1
-  })])) : vue.createCommentVNode("", true), _ctx.menuEnabled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$b, [vue.createVNode(_component_FwButton, {
+  })])) : vue.createCommentVNode("", true), _ctx.menuEnabled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$9, [vue.createVNode(_component_FwButton, {
     variant: _ctx.isMobileMenuOpen ? 'primary' : 'tertiary',
     size: "sm",
     rounded: false,
@@ -11406,12 +11495,12 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
     "default": vue.withCtx(function () {
       return [_cache[2] || (_cache[2] = vue.createElementVNode("span", {
         "class": "sr-only"
-      }, "Open main menu", -1)), (vue.openBlock(), vue.createElementBlock("svg", _hoisted_6$9, [vue.createElementVNode("path", {
+      }, "Open main menu", -1)), (vue.openBlock(), vue.createElementBlock("svg", _hoisted_7$7, [vue.createElementVNode("path", {
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
         "stroke-width": "2",
         d: _ctx.isMobileMenuOpen ? 'M6 18L18 6M6 6l12 12' : 'M4 6h16M4 12h16M4 18h16'
-      }, null, 8, _hoisted_7$7)]))];
+      }, null, 8, _hoisted_8$6)]))];
     }),
     _: 1
   }, 8, ["variant", "class", "onClick"])])) : vue.createCommentVNode("", true)], 2), _cache[4] || (_cache[4] = vue.createElementVNode("div", {
@@ -11422,10 +11511,16 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
     name: "slideInRight"
   }, {
     "default": vue.withCtx(function () {
-      return [_ctx.menuItems && _ctx.menuItems.length > 0 && _ctx.isMobileMenuOpen ? (vue.openBlock(), vue.createElementBlock("div", {
+      return [_ctx.parsedMenuItems && _ctx.parsedMenuItems.length > 0 && _ctx.isMobileMenuOpen ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
         "class": vue.normalizeClass(["fw-nav-menu--mobile pl-6 pb-12", _ctx.mobileMenuClass])
-      }, [_ctx.$slots.mobileLogo ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$6, [vue.renderSlot(_ctx.$slots, "mobileLogo")])) : vue.createCommentVNode("", true), _ctx.additionalMenuItems ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$5, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.additionalMenuItems, function (item, i) {
+      }, [_ctx.$slots.mobileLogo || _ctx.mobileLogoSrc ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$5, [_ctx.$slots.mobileLogo ? vue.renderSlot(_ctx.$slots, "mobileLogo", {
+        key: 0
+      }) : _ctx.mobileLogoSrc ? (vue.openBlock(), vue.createElementBlock("img", {
+        key: 1,
+        src: _ctx.mobileLogoSrc,
+        "class": "w-[42px]"
+      }, null, 8, _hoisted_10$4)) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true), _ctx.parsedAdditionalMenuItems ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$3, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.parsedAdditionalMenuItems, function (item, i) {
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: i
         }, [!item.disabled ? (vue.openBlock(), vue.createBlock(_component_FwButton, {
@@ -11448,7 +11543,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
         }, 1032, ["href", "to", "external", "onClick"])) : vue.createCommentVNode("", true)], 64);
       }), 128)), _cache[3] || (_cache[3] = vue.createElementVNode("div", {
         "class": "w-[50px] relative bg-brand-border3 h-px !mt-6 ml-2"
-      }, null, -1))])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_10$4, [_ctx.menuEnabled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$3, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
+      }, null, -1))])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_12$2, [_ctx.menuEnabled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$2, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.parsedMenuItems, function (item, i) {
         return vue.openBlock(), vue.createBlock(_component_FwButton, {
           key: i,
           "class": "w-full rounded-md !text-left !pl-2",
@@ -11484,8 +11579,8 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 3
   })) : vue.createCommentVNode("", true)], 2);
-}var css_248z$g = ".fw-nav-menu--mobile{-webkit-transition:opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1);transition:opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1);-moz-transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1),-moz-transform .24s cubic-bezier(.22,.61,.36,1);transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1);transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1),-moz-transform .24s cubic-bezier(.22,.61,.36,1);will-change:transform;z-index:52}.slideInRight-enter-from,.slideInRight-leave-to{opacity:.98;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.slideInRight-enter-to,.slideInRight-leave-from{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}@media (prefers-reduced-motion:reduce){.slideInRight-enter-active,.slideInRight-leave-active{-webkit-transition-duration:.01ms!important;-moz-transition-duration:.01ms!important;transition-duration:.01ms!important}}";
-var stylesheet$g = ".fw-nav-menu--mobile{-webkit-transition:opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1);transition:opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1);-moz-transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1),-moz-transform .24s cubic-bezier(.22,.61,.36,1);transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1);transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1),-moz-transform .24s cubic-bezier(.22,.61,.36,1);will-change:transform;z-index:52}.slideInRight-enter-from,.slideInRight-leave-to{opacity:.98;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.slideInRight-enter-to,.slideInRight-leave-from{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}@media (prefers-reduced-motion:reduce){.slideInRight-enter-active,.slideInRight-leave-active{-webkit-transition-duration:.01ms!important;-moz-transition-duration:.01ms!important;transition-duration:.01ms!important}}";
+}var css_248z$g = ".fw-nav-menu--mobile{-webkit-transition:opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1);transition:opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1);-moz-transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1),-moz-transform .24s cubic-bezier(.22,.61,.36,1);transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1);transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1),-moz-transform .24s cubic-bezier(.22,.61,.36,1);will-change:transform;z-index:52}.slideInRight-enter-from,.slideInRight-leave-to{opacity:.98;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.slideInRight-enter-to,.slideInRight-leave-from{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}@media (prefers-reduced-motion:reduce){.slideInRight-enter-active,.slideInRight-leave-active{-webkit-transition-duration:1ms!important;-moz-transition-duration:1ms!important;transition-duration:1ms!important}}";
+var stylesheet$g = ".fw-nav-menu--mobile{-webkit-transition:opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1);transition:opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1);-moz-transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1),-moz-transform .24s cubic-bezier(.22,.61,.36,1);transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1);transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1),-moz-transform .24s cubic-bezier(.22,.61,.36,1);will-change:transform;z-index:52}.slideInRight-enter-from,.slideInRight-leave-to{opacity:.98;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.slideInRight-enter-to,.slideInRight-leave-from{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}@media (prefers-reduced-motion:reduce){.slideInRight-enter-active,.slideInRight-leave-active{-webkit-transition-duration:1ms!important;-moz-transition-duration:1ms!important;transition-duration:1ms!important}}";
 styleInject(css_248z$g);script$f.render = render$m;var script$e = vue.defineComponent({
   name: 'FwTabs',
   components: {
@@ -11777,7 +11872,7 @@ script$d.__scopeId = "data-v-334b8b64";var __default__$a = vue.defineComponent({
 var __injectCSSVars__$6 = function __injectCSSVars__() {
   vue.useCssVars(function (_ctx) {
     return {
-      "v893df9b6": _ctx.modalBgColour
+      "e9189174": _ctx.modalBgColour
     };
   });
 };
@@ -11909,8 +12004,8 @@ function render$j(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 3
   })], 8, ["to"])) : vue.createCommentVNode("", true);
-}var css_248z$d = ".modalFadeIn-enter-active,.modalFadeIn-leave-active{-webkit-transition:opacity .25s cubic-bezier(.16,1,.3,1);-moz-transition:opacity .25s cubic-bezier(.16,1,.3,1);transition:opacity .25s cubic-bezier(.16,1,.3,1)}.modalFadeIn-enter-from,.modalFadeIn-leave-to{opacity:0}.modalFadeIn-enter-to,.modalFadeIn-leave-from{opacity:1}.fw-modal--mask{background-color:var(--v893df9b6);will-change:opacity}@media (prefers-reduced-motion:reduce){.modalFadeIn-enter-active,.modalFadeIn-leave-active{-webkit-transition:none!important;-moz-transition:none!important;transition:none!important}.modalFadeIn-enter-from,.modalFadeIn-leave-to{-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;transform:none!important}}";
-var stylesheet$d = ".modalFadeIn-enter-active,.modalFadeIn-leave-active{-webkit-transition:opacity .25s cubic-bezier(.16,1,.3,1);-moz-transition:opacity .25s cubic-bezier(.16,1,.3,1);transition:opacity .25s cubic-bezier(.16,1,.3,1)}.modalFadeIn-enter-from,.modalFadeIn-leave-to{opacity:0}.modalFadeIn-enter-to,.modalFadeIn-leave-from{opacity:1}.fw-modal--mask{background-color:var(--v893df9b6);will-change:opacity}@media (prefers-reduced-motion:reduce){.modalFadeIn-enter-active,.modalFadeIn-leave-active{-webkit-transition:none!important;-moz-transition:none!important;transition:none!important}.modalFadeIn-enter-from,.modalFadeIn-leave-to{-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;transform:none!important}}";
+}var css_248z$d = ".modalFadeIn-enter-active,.modalFadeIn-leave-active{-webkit-transition:opacity .25s cubic-bezier(.16,1,.3,1);-moz-transition:opacity .25s cubic-bezier(.16,1,.3,1);transition:opacity .25s cubic-bezier(.16,1,.3,1)}.modalFadeIn-enter-from,.modalFadeIn-leave-to{opacity:0}.modalFadeIn-enter-to,.modalFadeIn-leave-from{opacity:1}.fw-modal--mask{background-color:var(--e9189174);will-change:opacity}";
+var stylesheet$d = ".modalFadeIn-enter-active,.modalFadeIn-leave-active{-webkit-transition:opacity .25s cubic-bezier(.16,1,.3,1);-moz-transition:opacity .25s cubic-bezier(.16,1,.3,1);transition:opacity .25s cubic-bezier(.16,1,.3,1)}.modalFadeIn-enter-from,.modalFadeIn-leave-to{opacity:0}.modalFadeIn-enter-to,.modalFadeIn-leave-from{opacity:1}.fw-modal--mask{background-color:var(--e9189174);will-change:opacity}";
 styleInject(css_248z$d);__default__$a.render = render$j;var script$c = vue.defineComponent({
   name: 'FwProgressBar',
   components: {