@frollo/frollo-web-ui 9.0.6 → 9.0.7

package/frollo-web-ui.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance, inject, warn as warn$1, ref, watch, computed, toValue, nextTick, unref, isRef as isRef$1, reactive, onUnmounted, onMounted, provide, onBeforeUnmount, defineComponent, toRef, resolveDynamicComponent, h, shallowRef, readonly, watchEffect, useCssVars, resolveComponent, createElementBlock, openBlock, createVNode, withCtx, createElementVNode, createCommentVNode, normalizeClass, createTextVNode, toDisplayString, renderSlot, mergeProps, Transition, normalizeStyle, createStaticVNode, resolveDirective, withDirectives, withKeys, vShow, createBlock, Fragment as Fragment$1, renderList, shallowReactive, Teleport, TransitionGroup, toHandlers, toRefs, normalizeProps, withModifiers, guardReactiveProps, render as render$1z, vModelText, version as version$1, toRaw as toRaw$1, isProxy, createApp } from 'vue';
+import { getCurrentInstance, inject, warn as warn$1, ref, watch, computed, toValue, nextTick, unref, isRef as isRef$1, reactive, onUnmounted, onMounted, provide, onBeforeUnmount, defineComponent, toRef, resolveDynamicComponent, h, shallowRef, readonly, watchEffect, useCssVars, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, renderSlot, mergeProps, Transition, normalizeStyle, createStaticVNode, resolveDirective, withDirectives, withKeys, vShow, createBlock, Fragment as Fragment$1, renderList, shallowReactive, Teleport, TransitionGroup, toHandlers, toRefs, normalizeProps, withModifiers, guardReactiveProps, render as render$1z, vModelText, version as version$1, isProxy, toRaw as toRaw$1, createApp } from 'vue';
 
 function _OverloadYield(e, d) {
   this.v = e, this.k = d;
@@ -6556,7 +6556,28 @@ var __default__$g = defineComponent({
       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,
@@ -6639,6 +6660,14 @@ var __default__$g = defineComponent({
     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 */
@@ -6676,8 +6705,8 @@ var __default__$g = defineComponent({
 var __injectCSSVars__$c = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "v33aab865": _ctx.primaryFade5,
-      "v68d8ed4e": _ctx.colorErrorTextFade5
+      "v13ee7f47": _ctx.primaryFade5,
+      "f122bf92": _ctx.colorErrorTextFade5
     };
   });
 };
@@ -6720,11 +6749,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"
 };
@@ -6746,13 +6775,13 @@ function render$1y(_ctx, _cache, $props, $setup, $data, $options) {
         meta = _ref.meta;
       return [createElementVNode("div", _hoisted_2$y, [createElementVNode("div", _hoisted_3$r, [_ctx.label ? (openBlock(), createElementBlock("label", {
         key: 0,
-        "for": "fw-input-".concat(_ctx.name),
-        "class": 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": normalizeClass([[(errorMessage || errors[0]) && meta.touched || _ctx.invalidate ? 'text-brand-error-text' : 'text-brand-text2'], "block mb-2 text-base"])
       }, [createTextVNode(toDisplayString(_ctx.label) + " ", 1), _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_5$f, "*")) : createCommentVNode("", true)], 10, _hoisted_4$g)) : createCommentVNode("", true), _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_6$d, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_7$a, [_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_8$9, [renderSlot(_ctx.$slots, "prefix", {
         "class": "h-full"
       })])) : createCommentVNode("", true), createElementVNode("input", 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,
@@ -6763,7 +6792,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);
         }),
@@ -6777,7 +6806,7 @@ function render$1y(_ctx, _cache, $props, $setup, $data, $options) {
         mode: "out-in"
       }, {
         "default": withCtx(function () {
-          return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_12$3, toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_13$3, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
+          return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_12$4, toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_13$4, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
         }),
         _: 2
       }, 1024)])) : createCommentVNode("", true)])];
@@ -6813,8 +6842,8 @@ function styleInject(css, ref) {
   }
 }
 
-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;
@@ -7151,6 +7180,20 @@ var __default__$f = defineComponent({
       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() {
@@ -7168,7 +7211,7 @@ var __default__$f = defineComponent({
 var __injectCSSVars__$b = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "v2c02006d": _ctx.primaryFade5
+      "v96bda67e": _ctx.primaryFade5
     };
   });
 };
@@ -7219,17 +7262,17 @@ function render$1x(_ctx, _cache, $props, $setup, $data, $options) {
       }, [_ctx.isChecked === undefined ? (openBlock(), createElementBlock("input", 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)) : (openBlock(), createElementBlock("input", 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"
@@ -7251,12 +7294,12 @@ function render$1x(_ctx, _cache, $props, $setup, $data, $options) {
   }, 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";
+__default__$f.__scopeId = "data-v-5e61228a";
 
 var stateMap = new WeakMap();
 function getState(el) {
@@ -7407,8 +7450,8 @@ function render$1w(_ctx, _cache, $props, $setup, $data, $options) {
   }, 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;
@@ -8405,7 +8448,7 @@ var __default__$e = defineComponent({
 var __injectCSSVars__$a = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "v9f14e934": _ctx.colorErrorTextFade5
+      "a7d6eea4": _ctx.colorErrorTextFade5
     };
   });
 };
@@ -8480,8 +8523,8 @@ function render$t(_ctx, _cache, $props, $setup, $data, $options) {
   }]]);
 }
 
-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;
@@ -8637,8 +8680,8 @@ var __default__$d = defineComponent({
 var __injectCSSVars__$9 = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "v8941517c": _ctx.primaryFade5,
-      "cf163048": _ctx.colorErrorTextFade5
+      "v4b8bf412": _ctx.primaryFade5,
+      "v5d15410c": _ctx.colorErrorTextFade5
     };
   });
 };
@@ -8679,10 +8722,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 = {
@@ -8749,7 +8792,7 @@ function render$s(_ctx, _cache, $props, $setup, $data, $options) {
           key: 0,
           src: option.image_url,
           "class": "w-[20px] h-[20px]"
-        }, null, 8, ["src"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_12$2, [createElementVNode("span", _hoisted_13$2, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_14$2, toDisplayString(option.description), 1)) : createCommentVNode("", true)])])], 10, _hoisted_10$5);
+        }, null, 8, ["src"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_12$3, [createElementVNode("span", _hoisted_13$3, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_14$2, toDisplayString(option.description), 1)) : createCommentVNode("", true)])])], 10, _hoisted_10$5);
       }), 128))], 10, _hoisted_9$6), [[vShow, _ctx.isOpen]])];
     }),
     _: 1
@@ -8764,12 +8807,12 @@ function render$s(_ctx, _cache, $props, $setup, $data, $options) {
   })])) : 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";
+__default__$d.__scopeId = "data-v-4790b470";
 
 var script$i = defineComponent({
   name: 'FwSwitch',
@@ -8933,12 +8976,12 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
   }, 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-979df7ec]{-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-979df7ec]{-webkit-animation:fwFadeIn-979df7ec .35s;-moz-animation:fwFadeIn-979df7ec .35s;animation:fwFadeIn-979df7ec .35s;-webkit-transition:opacity .35s ease-in;-moz-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-979df7ec]{animation:fwFadeIn-979df7ec .35s reverse;-webkit-transition:opacity .35s ease-out;-moz-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-979df7ec{0%{opacity:0}to{opacity:1}}@-moz-keyframes fwFadeIn-979df7ec{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-979df7ec{0%{opacity:0}to{opacity:1}}";
+var stylesheet$k = ".fw-switch[data-v-979df7ec]{-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-979df7ec]{-webkit-animation:fwFadeIn-979df7ec .35s;-moz-animation:fwFadeIn-979df7ec .35s;animation:fwFadeIn-979df7ec .35s;-webkit-transition:opacity .35s ease-in;-moz-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-979df7ec]{animation:fwFadeIn-979df7ec .35s reverse;-webkit-transition:opacity .35s ease-out;-moz-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-979df7ec{0%{opacity:0}to{opacity:1}}@-moz-keyframes fwFadeIn-979df7ec{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-979df7ec{0%{opacity:0}to{opacity:1}}";
 styleInject(css_248z$k);
 
 script$i.render = render$r;
-script$i.__scopeId = "data-v-472a39bf";
+script$i.__scopeId = "data-v-979df7ec";
 
 var __default__$c = defineComponent({
   name: 'FwCard',
@@ -9353,8 +9396,8 @@ function render$p(_ctx, _cache, $props, $setup, $data, $options) {
   }, 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;
@@ -11615,11 +11658,47 @@ var script$f = 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 = 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 = shallowRef([]);
+    watch(function () {
+      return props.menuItems;
+    }, function (items) {
+      parsedMenuItems.value = typeof items === 'string' ? JSON.parse(items) : items;
+    }, {
+      immediate: true
+    });
+    var parsedAdditionalMenuItems = shallowRef([]);
+    watch(function () {
+      return props.additionalMenuItems;
+    }, function (items) {
+      parsedAdditionalMenuItems.value = typeof items === 'string' ? JSON.parse(items) : items;
+    }, {
+      immediate: true
+    });
     var isMobileMenuOpen = ref(false);
     var toggleMobileMenu = function toggleMobileMenu() {
       return isMobileMenuOpen.value = !isMobileMenuOpen.value;
@@ -11635,6 +11714,8 @@ var script$f = defineComponent({
       return ctx.emit('action');
     };
     return {
+      parsedMenuItems: parsedMenuItems,
+      parsedAdditionalMenuItems: parsedAdditionalMenuItems,
       mobileMenuClass: mobileMenuClass,
       isMobileMenuOpen: isMobileMenuOpen,
       toggleMobileMenu: toggleMobileMenu,
@@ -11645,23 +11726,24 @@ var script$f = 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",
@@ -11669,24 +11751,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 = resolveComponent("FwButton");
   var _component_UserSvg = resolveComponent("UserSvg");
   var _component_FwPopover = resolveComponent("FwPopover");
@@ -11694,16 +11777,23 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
     "class": 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' : '']])
   }, [createElementVNode("div", {
     "class": 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 ? (openBlock(), createElementBlock("div", _hoisted_1$u, [renderSlot(_ctx.$slots, "logo")])) : createCommentVNode("", true), _ctx.menuEnabled && _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", {
+  }, [_ctx.$slots.logo || _ctx.logoSrc ? (openBlock(), createElementBlock("div", _hoisted_1$u, [_ctx.$slots.logo ? renderSlot(_ctx.$slots, "logo", {
+    key: 0
+  }) : _ctx.logoSrc ? (openBlock(), createElementBlock("img", {
+    key: 1,
+    src: _ctx.logoSrc,
+    "class": "w-[42px]"
+  }, null, 8, _hoisted_2$q)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.menuEnabled && _ctx.parsedMenuItems && ((_ctx$parsedMenuItems = _ctx.parsedMenuItems) === null || _ctx$parsedMenuItems === void 0 ? void 0 : _ctx$parsedMenuItems.length) > 0 ? (openBlock(), createElementBlock("div", {
     key: 1,
     "class": normalizeClass(["container hidden lg:flex items-center justify-between", _ctx.paddingClasses])
   }, [_cache[1] || (_cache[1] = createElementVNode("div", {
     id: "menu-teleport",
     "class": "hidden lg:flex items-center gap-x-2"
-  }, null, -1)), createElementVNode("div", _hoisted_2$q, [(openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.menuItems, function (item, i) {
+  }, null, -1)), createElementVNode("div", _hoisted_3$m, [(openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.parsedMenuItems, function (item, i) {
     return openBlock(), createBlock(_component_FwButton, {
       key: i,
       variant: "transparent",
+      "class": normalizeClass(_ctx.reversedDesktopNavButton ? '!text-white hover:!text-[inherit] focus:!text-[inherit]' : ''),
       href: item.href,
       to: item.to,
       external: item.external,
@@ -11716,14 +11806,14 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
         return [createTextVNode(toDisplayString(item.label), 1)];
       }),
       _: 2
-    }, 1032, ["href", "to", "external", "onClick"]);
-  }), 128))])], 2)) : createCommentVNode("", true), _ctx.menuEnabled && _ctx.actionLabel && _ctx.authenticated ? (openBlock(), createElementBlock("div", _hoisted_3$m, [createVNode(_component_FwPopover, {
+    }, 1032, ["class", "href", "to", "external", "onClick"]);
+  }), 128))])], 2)) : createCommentVNode("", true), _ctx.menuEnabled && _ctx.actionLabel && _ctx.authenticated ? (openBlock(), createElementBlock("div", _hoisted_4$c, [createVNode(_component_FwPopover, {
     placement: "bottom-start",
     "show-on-top": "",
     trigger: "click"
   }, {
     content: withCtx(function () {
-      return [createElementVNode("div", _hoisted_4$c, [createVNode(_component_FwButton, {
+      return [createElementVNode("div", _hoisted_5$b, [createVNode(_component_FwButton, {
         size: "lg",
         variant: "text",
         rounded: false,
@@ -11753,7 +11843,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
       })];
     }),
     _: 1
-  })])) : createCommentVNode("", true), _ctx.menuEnabled ? (openBlock(), createElementBlock("div", _hoisted_5$b, [createVNode(_component_FwButton, {
+  })])) : createCommentVNode("", true), _ctx.menuEnabled ? (openBlock(), createElementBlock("div", _hoisted_6$9, [createVNode(_component_FwButton, {
     variant: _ctx.isMobileMenuOpen ? 'primary' : 'tertiary',
     size: "sm",
     rounded: false,
@@ -11763,12 +11853,12 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
     "default": withCtx(function () {
       return [_cache[2] || (_cache[2] = createElementVNode("span", {
         "class": "sr-only"
-      }, "Open main menu", -1)), (openBlock(), createElementBlock("svg", _hoisted_6$9, [createElementVNode("path", {
+      }, "Open main menu", -1)), (openBlock(), createElementBlock("svg", _hoisted_7$7, [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"])])) : createCommentVNode("", true)], 2), _cache[4] || (_cache[4] = createElementVNode("div", {
@@ -11779,10 +11869,16 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
     name: "slideInRight"
   }, {
     "default": withCtx(function () {
-      return [_ctx.menuItems && _ctx.menuItems.length > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", {
+      return [_ctx.parsedMenuItems && _ctx.parsedMenuItems.length > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", {
         key: 0,
         "class": normalizeClass(["fw-nav-menu--mobile pl-6 pb-12", _ctx.mobileMenuClass])
-      }, [_ctx.$slots.mobileLogo ? (openBlock(), createElementBlock("div", _hoisted_8$6, [renderSlot(_ctx.$slots, "mobileLogo")])) : createCommentVNode("", true), _ctx.additionalMenuItems ? (openBlock(), createElementBlock("div", _hoisted_9$5, [(openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.additionalMenuItems, function (item, i) {
+      }, [_ctx.$slots.mobileLogo || _ctx.mobileLogoSrc ? (openBlock(), createElementBlock("div", _hoisted_9$5, [_ctx.$slots.mobileLogo ? renderSlot(_ctx.$slots, "mobileLogo", {
+        key: 0
+      }) : _ctx.mobileLogoSrc ? (openBlock(), createElementBlock("img", {
+        key: 1,
+        src: _ctx.mobileLogoSrc,
+        "class": "w-[42px]"
+      }, null, 8, _hoisted_10$4)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.parsedAdditionalMenuItems ? (openBlock(), createElementBlock("div", _hoisted_11$3, [(openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.parsedAdditionalMenuItems, function (item, i) {
         return openBlock(), createElementBlock(Fragment$1, {
           key: i
         }, [!item.disabled ? (openBlock(), createBlock(_component_FwButton, {
@@ -11805,7 +11901,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
         }, 1032, ["href", "to", "external", "onClick"])) : createCommentVNode("", true)], 64);
       }), 128)), _cache[3] || (_cache[3] = createElementVNode("div", {
         "class": "w-[50px] relative bg-brand-border3 h-px !mt-6 ml-2"
-      }, null, -1))])) : createCommentVNode("", true), createElementVNode("div", _hoisted_10$4, [_ctx.menuEnabled ? (openBlock(), createElementBlock("div", _hoisted_11$3, [(openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.menuItems, function (item, i) {
+      }, null, -1))])) : createCommentVNode("", true), createElementVNode("div", _hoisted_12$2, [_ctx.menuEnabled ? (openBlock(), createElementBlock("div", _hoisted_13$2, [(openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.parsedMenuItems, function (item, i) {
         return openBlock(), createBlock(_component_FwButton, {
           key: i,
           "class": "w-full rounded-md !text-left !pl-2",
@@ -11843,8 +11939,8 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
   })) : 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;
@@ -12156,7 +12252,7 @@ var __default__$a = defineComponent({
 var __injectCSSVars__$6 = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "v893df9b6": _ctx.modalBgColour
+      "e9189174": _ctx.modalBgColour
     };
   });
 };
@@ -12292,8 +12388,8 @@ function render$j(_ctx, _cache, $props, $setup, $data, $options) {
   })], 8, ["to"])) : 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;