formeo 3.0.0 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/demo/assets/css/demo.min.css +2 -2
- package/dist/demo/assets/css/demo.min.css.gz +0 -0
- package/dist/demo/assets/css/formeo.min.css +2 -2
- package/dist/demo/assets/css/formeo.min.css.gz +0 -0
- package/dist/demo/assets/js/demo.min.js +2 -2
- package/dist/demo/assets/js/demo.min.js.gz +0 -0
- package/dist/demo/assets/js/formeo.min.js +3 -3
- package/dist/demo/assets/js/formeo.min.js.gz +0 -0
- package/dist/demo/index.html +1 -1
- package/dist/formData_schema.json +8 -4
- package/dist/formeo.cjs.js +3 -3
- package/dist/formeo.es.js +148 -68
- package/dist/formeo.min.css +2 -2
- package/dist/formeo.min.js +3 -3
- package/dist/formeo.umd.js +3 -3
- package/package.json +1 -1
package/dist/formeo.es.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
3
|
formeo - https://formeo.io
|
|
4
|
-
Version:
|
|
4
|
+
Version: 3.0.0
|
|
5
5
|
Author: Draggable https://draggable.io
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -434,7 +434,7 @@ if (window !== void 0) {
|
|
|
434
434
|
window.SmartTooltip = SmartTooltip;
|
|
435
435
|
}
|
|
436
436
|
const name$1 = "formeo";
|
|
437
|
-
const version$2 = "
|
|
437
|
+
const version$2 = "3.0.0";
|
|
438
438
|
const type = "module";
|
|
439
439
|
const main = "dist/formeo.cjs.js";
|
|
440
440
|
const module = "dist/formeo.es.js";
|
|
@@ -2662,6 +2662,25 @@ class Data {
|
|
|
2662
2662
|
});
|
|
2663
2663
|
__publicField(this, "setCallbacks", {});
|
|
2664
2664
|
__publicField(this, "configVal", /* @__PURE__ */ Object.create(null));
|
|
2665
|
+
/**
|
|
2666
|
+
* Parses the provided data argument. If the argument is a string, it attempts to parse it as JSON.
|
|
2667
|
+
* If the parsing fails, it logs an error and returns an empty object.
|
|
2668
|
+
* If the argument is not a string, it returns the argument as is.
|
|
2669
|
+
*
|
|
2670
|
+
* @param {string|Object} dataArg - The data to be parsed. Can be a JSON string or an object.
|
|
2671
|
+
* @returns {Object} - The parsed object or the original object if the input was not a string.
|
|
2672
|
+
*/
|
|
2673
|
+
__publicField(this, "parseformData", (dataArg = /* @__PURE__ */ Object.create(null)) => {
|
|
2674
|
+
if (typeof dataArg === "string") {
|
|
2675
|
+
try {
|
|
2676
|
+
return JSON.parse(dataArg);
|
|
2677
|
+
} catch (e) {
|
|
2678
|
+
console.error("Invalid JSON string provided:", e);
|
|
2679
|
+
return /* @__PURE__ */ Object.create(null);
|
|
2680
|
+
}
|
|
2681
|
+
}
|
|
2682
|
+
return dataArg;
|
|
2683
|
+
});
|
|
2665
2684
|
this.name = name2;
|
|
2666
2685
|
this.data = data;
|
|
2667
2686
|
this.dataPath = "";
|
|
@@ -5246,10 +5265,10 @@ const labelCount = (arr, label) => {
|
|
|
5246
5265
|
return count > 1 ? `(${count})` : "";
|
|
5247
5266
|
};
|
|
5248
5267
|
const getComponentLabel = ({ name: name2, id, ...component }) => {
|
|
5249
|
-
const labelPaths = ["config.label", "
|
|
5268
|
+
const labelPaths = ["config.label", "config.controlId", "meta.id", "attrs.id"];
|
|
5250
5269
|
const label = labelPaths.reduce((acc, cur) => {
|
|
5251
5270
|
if (!acc) {
|
|
5252
|
-
|
|
5271
|
+
return component.get(cur);
|
|
5253
5272
|
}
|
|
5254
5273
|
return acc;
|
|
5255
5274
|
}, null);
|
|
@@ -6006,7 +6025,8 @@ class EditPanel {
|
|
|
6006
6025
|
* @param {String} attr
|
|
6007
6026
|
* @param {String|Array} val
|
|
6008
6027
|
*/
|
|
6009
|
-
__publicField(this, "addAttribute", (attr,
|
|
6028
|
+
__publicField(this, "addAttribute", (attr, valArg) => {
|
|
6029
|
+
let val = valArg;
|
|
6010
6030
|
const safeAttr = slugify(attr);
|
|
6011
6031
|
const itemKey = `attrs.${safeAttr}`;
|
|
6012
6032
|
if (!mi18n.current[itemKey]) {
|
|
@@ -6029,15 +6049,15 @@ class EditPanel {
|
|
|
6029
6049
|
* Add option to options panel
|
|
6030
6050
|
*/
|
|
6031
6051
|
__publicField(this, "addOption", () => {
|
|
6032
|
-
const
|
|
6052
|
+
const controlId = this.field.data.config.controlId;
|
|
6033
6053
|
const fieldOptionData = this.field.get("options");
|
|
6034
|
-
const type2 =
|
|
6054
|
+
const type2 = controlId === "select" ? "option" : controlId;
|
|
6035
6055
|
const newOptionLabel = mi18n.get("newOptionLabel", { type: type2 }) || "New Option";
|
|
6036
6056
|
const itemKey = `options.${this.data.length}`;
|
|
6037
6057
|
const lastOptionData = fieldOptionData[fieldOptionData.length - 1];
|
|
6038
6058
|
const optionTemplate = fieldOptionData.length ? lastOptionData : {};
|
|
6039
6059
|
const itemData = { ...optionTemplate, label: newOptionLabel };
|
|
6040
|
-
if (
|
|
6060
|
+
if (controlId !== "button") {
|
|
6041
6061
|
itemData.value = slugify(newOptionLabel);
|
|
6042
6062
|
}
|
|
6043
6063
|
const newOption = new EditPanelItem({
|
|
@@ -6551,6 +6571,7 @@ class Component extends Data {
|
|
|
6551
6571
|
}
|
|
6552
6572
|
/**
|
|
6553
6573
|
* Method for handling onAdd for all components
|
|
6574
|
+
* @todo improve readability of this method
|
|
6554
6575
|
* @param {Object} evt
|
|
6555
6576
|
* @return {Object} Component
|
|
6556
6577
|
*/
|
|
@@ -6592,10 +6613,13 @@ class Component extends Data {
|
|
|
6592
6613
|
]);
|
|
6593
6614
|
const onAddConditions = {
|
|
6594
6615
|
controls: () => {
|
|
6595
|
-
const { controlData } = Controls$2.get(item.id);
|
|
6596
6616
|
const {
|
|
6597
|
-
|
|
6598
|
-
|
|
6617
|
+
controlData: {
|
|
6618
|
+
meta: { id: metaId },
|
|
6619
|
+
...elementData
|
|
6620
|
+
}
|
|
6621
|
+
} = Controls$2.get(item.id);
|
|
6622
|
+
set(elementData, "config.controlId", metaId);
|
|
6599
6623
|
const controlType = metaId.startsWith("layout-") ? metaId.replace(/^layout-/, "") : "field";
|
|
6600
6624
|
const targets = {
|
|
6601
6625
|
stage: {
|
|
@@ -6618,7 +6642,7 @@ class Component extends Data {
|
|
|
6618
6642
|
const depth = get(targets, `${this.name}.${controlType}`);
|
|
6619
6643
|
const action = depthMap.get(depth)();
|
|
6620
6644
|
dom.remove(item);
|
|
6621
|
-
const component2 = action(
|
|
6645
|
+
const component2 = action(elementData, newIndex2);
|
|
6622
6646
|
return component2;
|
|
6623
6647
|
},
|
|
6624
6648
|
row: () => {
|
|
@@ -6668,10 +6692,23 @@ class Component extends Data {
|
|
|
6668
6692
|
}
|
|
6669
6693
|
events2.onRender && dom.onRender(this.dom, events2.onRender);
|
|
6670
6694
|
}
|
|
6695
|
+
/**
|
|
6696
|
+
* Sets the configuration for the component. See src/demo/js/options/config.js for example
|
|
6697
|
+
* @param {Object} config - Configuration object with possible structures:
|
|
6698
|
+
* @param {Object} [config.all] - Global configuration applied to all components
|
|
6699
|
+
* @param {Object} [config[controlId]] - Configuration specific to a control type
|
|
6700
|
+
* @param {Object} [config[id]] - Configuration specific to a component instance
|
|
6701
|
+
* @description Merges configurations in order of precedence:
|
|
6702
|
+
* 1. Existing config (this.configVal)
|
|
6703
|
+
* 2. Global config (all)
|
|
6704
|
+
* 3. Control type specific config
|
|
6705
|
+
* 4. Instance specific config
|
|
6706
|
+
* The merged result is stored in this.configVal
|
|
6707
|
+
*/
|
|
6671
6708
|
set config(config2) {
|
|
6672
|
-
const metaId = get(this.data, "meta.id");
|
|
6673
6709
|
const allConfig = get(config2, "all");
|
|
6674
|
-
const
|
|
6710
|
+
const controlId = get(this.data, "config.controlId");
|
|
6711
|
+
const typeConfig = controlId && get(config2, controlId);
|
|
6675
6712
|
const idConfig = get(config2, this.id);
|
|
6676
6713
|
const mergedConfig = [allConfig, typeConfig, idConfig].reduce(
|
|
6677
6714
|
(acc, cur) => cur ? merge(acc, cur) : acc,
|
|
@@ -6838,7 +6875,7 @@ class Field extends Component {
|
|
|
6838
6875
|
get labelConfig() {
|
|
6839
6876
|
const hideLabel = !!this.get("config.hideLabel");
|
|
6840
6877
|
if (hideLabel) {
|
|
6841
|
-
return;
|
|
6878
|
+
return null;
|
|
6842
6879
|
}
|
|
6843
6880
|
const labelVal = this.get("config.editorLabel") || this.get("config.label");
|
|
6844
6881
|
const required = this.get("attrs.required");
|
|
@@ -6990,7 +7027,7 @@ class Field extends Component {
|
|
|
6990
7027
|
fieldPreview() {
|
|
6991
7028
|
var _a;
|
|
6992
7029
|
const prevData = clone$1(this.data);
|
|
6993
|
-
const { action = {} } = Controls$2.get(prevData.
|
|
7030
|
+
const { action = {} } = Controls$2.get(prevData.config.controlId);
|
|
6994
7031
|
prevData.id = `prev-${this.id}`;
|
|
6995
7032
|
prevData.action = action;
|
|
6996
7033
|
if ((_a = this.data) == null ? void 0 : _a.config.editableContent) {
|
|
@@ -7673,21 +7710,25 @@ const defaultElements = [...formControls, ...htmlControls, ...layoutControls];
|
|
|
7673
7710
|
let Controls$1 = class Controls {
|
|
7674
7711
|
constructor() {
|
|
7675
7712
|
__publicField(this, "groupLabel", (key) => mi18n.get(key) || key || "");
|
|
7713
|
+
__publicField(this, "layoutTypes", {
|
|
7714
|
+
row: () => Stages2.active.addChild(),
|
|
7715
|
+
column: () => this.layoutTypes.row().addChild(),
|
|
7716
|
+
field: (controlData) => this.layoutTypes.column().addChild(controlData)
|
|
7717
|
+
});
|
|
7676
7718
|
/**
|
|
7677
7719
|
* Append an element to the stage
|
|
7678
7720
|
* @param {String} id of elements
|
|
7679
7721
|
*/
|
|
7680
7722
|
__publicField(this, "addElement", (id) => {
|
|
7681
|
-
const controlData = get(this.get(id), "controlData");
|
|
7682
7723
|
const {
|
|
7683
|
-
meta: { group, id: metaId }
|
|
7684
|
-
|
|
7685
|
-
|
|
7686
|
-
|
|
7687
|
-
|
|
7688
|
-
|
|
7689
|
-
}
|
|
7690
|
-
return
|
|
7724
|
+
meta: { group, id: metaId },
|
|
7725
|
+
...elementData
|
|
7726
|
+
} = get(this.get(id), "controlData");
|
|
7727
|
+
set(elementData, "config.controlId", metaId);
|
|
7728
|
+
if (group === "layout") {
|
|
7729
|
+
return this.layoutTypes[metaId.replace("layout-", "")]();
|
|
7730
|
+
}
|
|
7731
|
+
return this.layoutTypes.field(elementData);
|
|
7691
7732
|
});
|
|
7692
7733
|
__publicField(this, "applyOptions", async (controlOptions = {}) => {
|
|
7693
7734
|
const { container, elements, groupOrder, ...options } = merge(defaultOptions, controlOptions);
|
|
@@ -7767,16 +7808,16 @@ let Controls$1 = class Controls {
|
|
|
7767
7808
|
elements = orderObjectsBy(elements, group.elementOrder, "meta.id");
|
|
7768
7809
|
groupConfig.content = elements.filter((control) => {
|
|
7769
7810
|
const { controlData: field } = this.get(control.id);
|
|
7770
|
-
const
|
|
7811
|
+
const controlId = field.meta.id || "";
|
|
7771
7812
|
const filters = [
|
|
7772
|
-
match(
|
|
7813
|
+
match(controlId, this.options.disable.elements),
|
|
7773
7814
|
field.meta.group === group.id,
|
|
7774
|
-
!usedElementIds.includes(
|
|
7815
|
+
!usedElementIds.includes(controlId)
|
|
7775
7816
|
];
|
|
7776
7817
|
let shouldFilter = true;
|
|
7777
7818
|
shouldFilter = filters.every((val) => val === true);
|
|
7778
7819
|
if (shouldFilter) {
|
|
7779
|
-
usedElementIds.push(
|
|
7820
|
+
usedElementIds.push(controlId);
|
|
7780
7821
|
}
|
|
7781
7822
|
return shouldFilter;
|
|
7782
7823
|
});
|
|
@@ -7970,15 +8011,28 @@ const Controls$2 = new Controls$1();
|
|
|
7970
8011
|
class ComponentData extends Data {
|
|
7971
8012
|
constructor() {
|
|
7972
8013
|
super(...arguments);
|
|
7973
|
-
__publicField(this, "load", (
|
|
8014
|
+
__publicField(this, "load", (dataArg) => {
|
|
8015
|
+
const data = this.parseformData(dataArg);
|
|
7974
8016
|
this.empty();
|
|
7975
|
-
|
|
7976
|
-
|
|
8017
|
+
for (const [key, val] of Object.entries(data)) {
|
|
8018
|
+
this.add(key, val);
|
|
7977
8019
|
}
|
|
7978
|
-
Object.entries(data).forEach(([key, val]) => this.add(key, val));
|
|
7979
8020
|
return this.data;
|
|
7980
8021
|
});
|
|
8022
|
+
/**
|
|
8023
|
+
* Retrieves data from the specified path or adds new data if no path is provided.
|
|
8024
|
+
*
|
|
8025
|
+
* @param {string} [path] - The path to retrieve data from. If not provided, new data will be added.
|
|
8026
|
+
* @returns {*} The data retrieved from the specified path or the result of adding new data.
|
|
8027
|
+
*/
|
|
7981
8028
|
__publicField(this, "get", (path) => path ? get(this.data, path) : this.add());
|
|
8029
|
+
/**
|
|
8030
|
+
* Adds a new component with the given id and data.
|
|
8031
|
+
*
|
|
8032
|
+
* @param {string} id - The unique identifier for the component. If not provided, a new UUID will be generated.
|
|
8033
|
+
* @param {Object} [data=Object.create(null)] - The data to initialize the component with.
|
|
8034
|
+
* @returns {Object} The newly created component.
|
|
8035
|
+
*/
|
|
7982
8036
|
__publicField(this, "add", (id, data = /* @__PURE__ */ Object.create(null)) => {
|
|
7983
8037
|
const elemId = id || uuid();
|
|
7984
8038
|
const component = this.Component({ ...data, id: elemId });
|
|
@@ -7992,14 +8046,20 @@ class ComponentData extends Data {
|
|
|
7992
8046
|
*/
|
|
7993
8047
|
__publicField(this, "remove", (componentId) => {
|
|
7994
8048
|
if (Array.isArray(componentId)) {
|
|
7995
|
-
|
|
8049
|
+
for (const id of componentId) {
|
|
7996
8050
|
this.get(id).remove();
|
|
7997
|
-
}
|
|
8051
|
+
}
|
|
7998
8052
|
} else {
|
|
7999
8053
|
this.get(componentId).remove();
|
|
8000
8054
|
}
|
|
8001
8055
|
return this.data;
|
|
8002
8056
|
});
|
|
8057
|
+
/**
|
|
8058
|
+
* Deletes a component from the data object.
|
|
8059
|
+
*
|
|
8060
|
+
* @param {string} componentId - The ID of the component to delete.
|
|
8061
|
+
* @returns {string} The ID of the deleted component.
|
|
8062
|
+
*/
|
|
8003
8063
|
__publicField(this, "delete", (componentId) => {
|
|
8004
8064
|
delete this.data[componentId];
|
|
8005
8065
|
return componentId;
|
|
@@ -8719,6 +8779,18 @@ let Fields$1 = class Fields extends ComponentData {
|
|
|
8719
8779
|
return acc;
|
|
8720
8780
|
}, {});
|
|
8721
8781
|
});
|
|
8782
|
+
__publicField(this, "load", (dataArg = /* @__PURE__ */ Object.create(null)) => {
|
|
8783
|
+
const allFieldData = this.parseformData(dataArg);
|
|
8784
|
+
this.empty();
|
|
8785
|
+
for (const [key, val] of Object.entries(allFieldData)) {
|
|
8786
|
+
const { meta, ...data } = val;
|
|
8787
|
+
if (meta == null ? void 0 : meta.id) {
|
|
8788
|
+
set(data, "config.controlId", meta == null ? void 0 : meta.id);
|
|
8789
|
+
}
|
|
8790
|
+
this.add(key, data);
|
|
8791
|
+
}
|
|
8792
|
+
return this.data;
|
|
8793
|
+
});
|
|
8722
8794
|
this.config = { all: DEFAULT_CONFIG };
|
|
8723
8795
|
}
|
|
8724
8796
|
Component(data) {
|
|
@@ -9857,51 +9929,59 @@ let FormeoRenderer$1 = class FormeoRenderer {
|
|
|
9857
9929
|
(column) => this.cacheComponent(this.processColumn(column))
|
|
9858
9930
|
);
|
|
9859
9931
|
});
|
|
9860
|
-
__publicField(this, "
|
|
9861
|
-
|
|
9862
|
-
|
|
9863
|
-
|
|
9864
|
-
|
|
9865
|
-
|
|
9866
|
-
|
|
9867
|
-
|
|
9868
|
-
|
|
9869
|
-
|
|
9870
|
-
}
|
|
9871
|
-
const mergedFieldData = merge({ action }, field);
|
|
9872
|
-
return this.cacheComponent({ ...mergedFieldData, id: this.prefixId(id) });
|
|
9873
|
-
});
|
|
9874
|
-
});
|
|
9932
|
+
__publicField(this, "processFields", (fieldIds) => this.orderChildren("fields", fieldIds).map(({ id, ...field }) => {
|
|
9933
|
+
var _a, _b;
|
|
9934
|
+
const controlId = ((_a = field.config) == null ? void 0 : _a.controlId) || ((_b = field.meta) == null ? void 0 : _b.id);
|
|
9935
|
+
const { action = {}, dependencies: dependencies2 = {} } = this.elements[controlId] || {};
|
|
9936
|
+
if (dependencies2) {
|
|
9937
|
+
fetchDependencies(dependencies2);
|
|
9938
|
+
}
|
|
9939
|
+
const mergedFieldData = merge({ action }, field);
|
|
9940
|
+
return this.cacheComponent({ ...mergedFieldData, id: this.prefixId(id) });
|
|
9941
|
+
}));
|
|
9875
9942
|
/**
|
|
9876
9943
|
* Evaulate and execute conditions for fields by creating listeners for input and changes
|
|
9877
9944
|
* @return {Array} flattened array of conditions
|
|
9878
9945
|
*/
|
|
9946
|
+
__publicField(this, "handleComponentCondition", (component, ifRest, thenConditions) => {
|
|
9947
|
+
const listenerEvent = LISTEN_TYPE_MAP(component);
|
|
9948
|
+
if (listenerEvent) {
|
|
9949
|
+
component.addEventListener(
|
|
9950
|
+
listenerEvent,
|
|
9951
|
+
(evt) => {
|
|
9952
|
+
if (this.evaluateCondition(ifRest, evt)) {
|
|
9953
|
+
for (const thenCondition of thenConditions) {
|
|
9954
|
+
this.execResult(thenCondition, evt);
|
|
9955
|
+
}
|
|
9956
|
+
}
|
|
9957
|
+
},
|
|
9958
|
+
false
|
|
9959
|
+
);
|
|
9960
|
+
}
|
|
9961
|
+
const fakeEvt = { target: component };
|
|
9962
|
+
if (this.evaluateCondition(ifRest, fakeEvt)) {
|
|
9963
|
+
for (const thenCondition of thenConditions) {
|
|
9964
|
+
this.execResult(thenCondition, fakeEvt);
|
|
9965
|
+
}
|
|
9966
|
+
}
|
|
9967
|
+
});
|
|
9879
9968
|
__publicField(this, "applyConditions", () => {
|
|
9880
|
-
Object.values(this.components)
|
|
9969
|
+
for (const { conditions } of Object.values(this.components)) {
|
|
9881
9970
|
if (conditions) {
|
|
9882
|
-
|
|
9971
|
+
for (const condition of conditions) {
|
|
9883
9972
|
const { if: ifConditions, then: thenConditions } = condition;
|
|
9884
|
-
|
|
9973
|
+
for (const ifCondition of ifConditions) {
|
|
9885
9974
|
const { source, ...ifRest } = ifCondition;
|
|
9886
9975
|
if (isAddress(source)) {
|
|
9887
9976
|
const components2 = this.getComponents(source);
|
|
9888
|
-
|
|
9889
|
-
|
|
9890
|
-
|
|
9891
|
-
component.addEventListener(
|
|
9892
|
-
listenerEvent,
|
|
9893
|
-
(evt) => this.evaluateCondition(ifRest, evt) && thenConditions.forEach((thenCondition) => this.execResult(thenCondition, evt)),
|
|
9894
|
-
false
|
|
9895
|
-
);
|
|
9896
|
-
}
|
|
9897
|
-
const fakeEvt = { target: component };
|
|
9898
|
-
this.evaluateCondition(ifRest, fakeEvt) && thenConditions.forEach((thenCondition) => this.execResult(thenCondition, fakeEvt));
|
|
9899
|
-
});
|
|
9977
|
+
for (const component of components2) {
|
|
9978
|
+
this.handleComponentCondition(component, ifRest, thenConditions);
|
|
9979
|
+
}
|
|
9900
9980
|
}
|
|
9901
|
-
}
|
|
9902
|
-
}
|
|
9981
|
+
}
|
|
9982
|
+
}
|
|
9903
9983
|
}
|
|
9904
|
-
}
|
|
9984
|
+
}
|
|
9905
9985
|
});
|
|
9906
9986
|
/**
|
|
9907
9987
|
* Evaulate conditions
|
package/dist/formeo.min.css
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
3
|
formeo - https://formeo.io
|
|
4
|
-
Version:
|
|
4
|
+
Version: 3.0.0
|
|
5
5
|
Author: Draggable https://draggable.io
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
.svg-icon{display:inline-block;width:24px;height:24px;pointer-events:none}.f-i-remove:hover{fill:#d9534f}button[class*=-move]:hover{background-color:#9954bb!important}button[class*=-move]:hover .svg-icon{fill:#fff}button[class*=-remove]:hover{background-color:#d9534f!important}button[class*=-remove]:hover .svg-icon{fill:#fff}button[class*=-clone]:hover{background-color:#93c54b!important}button[class*=-clone]:hover .svg-icon{fill:#fff}.item-edit-toggle:hover{background-color:#325d88!important}.item-edit-toggle:hover .svg-icon{fill:#fff}.f-autocomplete-list{background-color:#fff;display:none;list-style:none;padding:0;position:absolute;z-index:20;max-height:200px;overflow-y:auto;width:100%;margin:0 -1px;border:1px solid #999999;border-width:1px 1px 0;box-shadow:0 1px 4px #00000080}.f-autocomplete-list li{border:1px solid #999999;display:none;cursor:default;padding:4px;margin:-1px 0 0;border-width:1px 0;transition:background-color 133ms ease-in-out;will-change:background-color;font-size:.85em}.f-autocomplete-list li.active-option{background-color:#e1cceb}.f-autocomplete-list li:hover{background-color:#bd91d3}.f-autocomplete-list .component-type{color:#666;font-style:italic;font-size:.75em}.formeo-panels-wrap h5{margin:0;padding:.55em 0;color:#666;font-weight:400;display:inline-block;width:100%}.formeo-panels-wrap nav{position:relative;padding:0;overflow:hidden}.formeo-panels-wrap nav button{position:absolute;width:24px;color:#000;height:100%;padding:0;line-height:0;z-index:1}.formeo-panels-wrap nav button:focus{outline:none;border:1px solid rgb(102,175,233);box-shadow:none}.formeo-panels-wrap nav button .svg-icon{width:20px;height:20px}.formeo-panels-wrap nav button.next-group{right:0;top:0;border-top-left-radius:0;border-bottom-left-radius:0}.formeo-panels-wrap nav button.prev-group{left:0;top:0;border-top-right-radius:0;border-bottom-right-radius:0}.formeo-panels-wrap ul{margin:0;padding:0;list-style:none}.formeo-panels-wrap .f-panel{vertical-align:top;display:inline-block;width:100%;flex-direction:column;flex:1 0 100%}.formeo-panels-wrap .f-panel>li:last-child{border-radius:0 0 4px 4px}.formeo-panels-wrap .panels{white-space:nowrap;transition-property:height;transition-duration:.15s;transition-timing-function:ease-in-out;will-change:transform;flex-direction:row}.formeo-panels-wrap .panel-labels{height:100%;background:#fff;overflow:hidden;text-align:center;white-space:nowrap}.tabbed-panels .panel-nav{height:auto}.tabbed-panels .panel-nav button{display:none}.tabbed-panels .f-panel{background-color:#fff}.tabbed-panels .panel-labels div{flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;align-content:stretch;align-items:stretch;display:flex}.tabbed-panels .panel-labels h5{flex-direction:column;flex:1;cursor:pointer;background-color:#ccc;box-shadow:0 -1px 8px #999 inset}.tabbed-panels .panel-labels h5.active-tab{color:#000;box-shadow:none;background-color:#fff}#formeo-sprite{display:none!important;visibility:hidden!important}.formeo *{box-sizing:inherit;font-family:inherit}.formeo .pill-buttons>button{border-radius:50px}.formeo hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid #cccccc}.formeo .f-field-group{flex-wrap:wrap;margin-bottom:12px}.formeo .f-field-group:last-child{margin-bottom:0}.formeo .f-field-group label+.badge{margin-left:8px}.formeo .f-field-group>label{display:inline-block;margin-bottom:4px}.formeo .f-field-group button{margin-right:4px}.formeo select{font-size:100%;font-family:inherit;height:2.1em;line-height:1.5;margin:0;border:1px solid #cccccc;border-radius:4px;background-color:#fff;width:100%;padding:.3em .6em;box-sizing:border-box}.formeo select:focus{border:1px solid rgb(102,175,233);outline:none}.formeo input{font-size:100%;font-family:inherit;height:2.1em;line-height:1.5;margin:0;border:1px solid #cccccc;border-radius:4px;background-color:#fff;width:100%;padding:.3em .6em;box-sizing:border-box}.formeo input:focus{border:1px solid rgb(102,175,233);outline:none}.formeo input[type=checkbox],.formeo input[type=radio]{width:auto;height:auto;margin-right:4px}.formeo input[type=date]{max-width:280px;display:block}.formeo textarea{font-size:100%;font-family:inherit;height:2.1em;line-height:1.5;margin:0;border:1px solid #cccccc;border-radius:4px;background-color:#fff;width:100%;padding:.3em .6em;box-sizing:border-box;height:auto}.formeo textarea:focus{border:1px solid rgb(102,175,233);outline:none}.formeo button{border-radius:4px;border:1px solid #666666;color:#333;background-color:#fff;padding:4px 8px;line-height:1.5em}.formeo button:active{transform:scale(.97)}.formeo button:hover{filter:brightness(.9)}.formeo button.primary,.formeo button.success,.formeo button.warning,.formeo button.error{color:#fff}.formeo button.primary{background-color:#325d88;border-color:#244463}.formeo button.success{background-color:#93c54b;border-color:#79a736}.formeo button.warning{background-color:#f47c3c;border-color:#ef5c0e}.formeo button.error{background-color:#d9534f;border-color:#c9302c}.formeo button[disabled]{background-color:#ccc;color:#fff}.formeo button:focus{border:1px solid rgb(102,175,233)}.formeo button:hover,.formeo button:focus{outline:0 none}.formeo .f-addon{font-size:100%;font-family:inherit;height:2.1em;line-height:1.5;margin:0;border:1px solid #cccccc;border-radius:4px;background-color:#fff;width:100%;padding:.3em .6em;box-sizing:border-box;width:auto}.formeo .f-addon:focus{border:1px solid rgb(102,175,233);outline:none}.formeo .f-addon label{margin:1px 0 0 3px}.formeo .f-addon:last-child{margin-left:-1px}.formeo .f-btn-group{display:inline-flex;vertical-align:middle}.formeo .f-btn-group>button{flex:0 1 auto}.formeo .f-btn-group>button:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.formeo .f-btn-group>button:last-child:not(:first-child):not(.dropdown-toggle){border-bottom-left-radius:0;border-top-left-radius:0}.formeo .f-btn-group>button:first-child{margin-left:0}.formeo .f-btn-group>button:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.formeo .f-btn-group button+button,.formeo .f-btn-group button+.f-btn-group,.formeo .f-btn-group .f-btn-group+button,.formeo .f-btn-group .f-btn-group+.f-btn-group,.formeo .f-btn-group .f-btn-group-vertical button+button,.formeo .f-btn-group .f-btn-group-vertical button+.f-btn-group,.formeo .f-btn-group .f-btn-group-vertical .f-btn-group+button,.formeo .f-btn-group .f-btn-group-vertical .f-btn-group+.f-btn-group{margin-left:-1px}.formeo .f-input-group{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;align-content:stretch;align-items:stretch;display:inline-flex;vertical-align:bottom}.formeo .f-input-group input+input,.formeo .f-input-group input+select,.formeo .f-input-group select+select,.formeo .f-input-group select+input{margin-left:-1px}.formeo .f-input-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI0IDMyIj4KPHBhdGggZmlsbD0iIzQ0NCIgZD0iTTAgMTJsMTEuOTkyIDExLjk5MiAxMS45OTItMTEuOTkyaC0yMy45ODR6Ij48L3BhdGg+Cjwvc3ZnPgo=);background-position:right 10px top 2px;background-repeat:no-repeat;background-size:16px}.formeo .f-input-group select::-ms-expand{display:none}.formeo .f-input-group .f-addon,.formeo .f-input-group input,.formeo .f-input-group select{flex:0 1 auto;border-radius:0}.formeo .f-input-group .f-addon:last-child,.formeo .f-input-group input:last-child,.formeo .f-input-group select:last-child{border-right-width:1px;border-radius:0 4px 4px 0}.formeo .f-input-group .f-addon:first-child,.formeo .f-input-group input:first-child,.formeo .f-input-group select:first-child{border-radius:4px 0 0 4px;border-left-width:1px}.formeo .f-input-group .f-addon:first-child:last-child,.formeo .f-input-group input:first-child:last-child,.formeo .f-input-group select:first-child:last-child{border-radius:4px}.formeo .f-input-group .f-addon:focus+input,.formeo .f-input-group .f-addon:focus+select,.formeo .f-input-group input:focus+input,.formeo .f-input-group input:focus+select,.formeo .f-input-group select:focus+input,.formeo .f-input-group select:focus+select{border-left:1px solid rgb(102,175,233)}.formeo .text-primary{color:#325d88}.formeo .text-success{color:#93c54b}.formeo .text-warning{color:#f47c3c}.formeo .text-error{color:#d9534f}.formeo.formeo-editor{display:flex;flex-direction:row;text-align:left;gap:16px}@keyframes PLACEHOLDER{0%{height:1px}to{height:15px}}@keyframes DRAG_GHOST{0%{box-shadow:0 0 #999}to{box-shadow:0 0 30px #999}}@keyframes EDIT_PULSE{0%,to{border-color:#66afe9}50%{border-color:#bfdef6}}@keyframes HIDE_CONDITION_FIELD{0%{display:none}to{display:none}}@keyframes COMPONENT_HIGHLIGHT_PULSE{0%{box-shadow:0 0 1px 8px #9954bb}to{box-shadow:0 0 #9954bb}}@keyframes SLIDE_UP{0%{transform:translateY(100%);clip-path:inset(0 0 100% -20%)}to{transform:translateY(0);clip-path:inset(0 0 0 -20%)}}.formeo.formeo-editor .component-tag{display:none;height:24px;z-index:200;flex-direction:row;gap:4px;align-items:center;position:absolute;font-size:.8em;padding:0 8px;left:50%;top:-24px;border-top-left-radius:8px;border-top-right-radius:8px;background-color:#fff;border-color:#ccc;border-style:solid;border-width:1px 1px 0 1px}.formeo.formeo-editor .component-tag [class*=-handle-]{width:12px;height:12px}.formeo.formeo-editor .component-tag .f-i-component-corner{position:absolute;width:8px;height:8px}.formeo.formeo-editor .component-tag .f-i-component-corner.bottom-right{bottom:0;right:-8px}.formeo.formeo-editor .component-tag .f-i-component-corner.bottom-left{bottom:0;left:-8px;transform:scaleX(-1)}.formeo.formeo-editor .children{margin:0;padding:0;list-style:none;height:100%}.formeo.formeo-editor .group-actions{display:flex;transition:opacity .3s ease-in-out allow-discrete;position:absolute;top:0;line-height:0;z-index:2;align-items:center;justify-content:center;flex-direction:row;border-radius:8px}.formeo.formeo-editor .group-actions .action-btn-wrap{display:none;align-items:center;justify-content:center;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;transition:opacity 1s ease-in-out allow-discrete}.formeo.formeo-editor .group-actions .action-btn-wrap .component-handle{opacity:.65}.formeo.formeo-editor .group-actions .action-btn-wrap button{background-color:#fff}.formeo.formeo-editor .group-actions button{background-color:transparent;width:24px;height:24px;padding:6px;border:0 none;line-height:0}.formeo.formeo-editor .group-actions button:focus{border:0 none;outline:0 none;box-shadow:none}.formeo.formeo-editor .group-actions .svg-icon{width:12px;height:12px}.formeo.formeo-editor .last-field .group-actions button:last-child{border-radius:0}.formeo.formeo-editor .column-editing-field .column-actions{display:none}.formeo.formeo-editor .group-config{display:none;padding:.5rem}.formeo.formeo-editor .editing-row .column-actions{display:none}.formeo.formeo-editor .hovering>.children,.formeo.formeo-editor .hovering>.field-preview,.formeo.formeo-editor .hovering>.prev-label{opacity:.65}.formeo.formeo-editor .hovering .group-actions .f-i-handle{display:none}.formeo.formeo-editor .formeo-row{transition:background-color 125ms ease-in-out;position:relative;clear:both;background-color:#fff;box-shadow:0 0 0 1px #ccc;padding:16px}.formeo.formeo-editor .formeo-row>.children{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;align-content:stretch;align-items:stretch;gap:16px;min-height:32px}.formeo.formeo-editor .formeo-row:after{clear:both}.formeo.formeo-editor .formeo-row.control-ghost{padding:10px}.formeo.formeo-editor .formeo-row:first-child{border-top-right-radius:8px}.formeo.formeo-editor .formeo-row:first-child:not(.editing-row,.hovering-row){border-top-left-radius:8px}.formeo.formeo-editor .formeo-row:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.formeo.formeo-editor .formeo-row:only-child{border-radius:8px}.formeo.formeo-editor .formeo-row.resizing-columns .formeo-column{transition:none}.formeo.formeo-editor .formeo-row.empty:after{left:0;transform:translate(8px,-50%)}.formeo.formeo-editor .formeo-row .layout-row-control{display:none}.formeo.formeo-editor .formeo-row .row-tag{left:-1px;border-color:#ef476f}.formeo.formeo-editor .formeo-row .row-tag .f-i-component-corner{fill:#fff;stroke:#ef476f}.formeo.formeo-editor .formeo-row:has(.hovering-column) .row-actions,.formeo.formeo-editor .formeo-row:has(.hovering-column) .field-actions{display:none}.formeo.formeo-editor .formeo-row.sortable-ghost{background-color:#fef0f3;box-shadow:0 0 0 1px #ef476f}.formeo.formeo-editor .formeo-row.sortable-ghost *{opacity:0}.formeo.formeo-editor .formeo-row:has(.editing-field) .row-actions{display:none}.formeo.formeo-editor .row-moving{background-color:#fef0f3!important}.formeo.formeo-editor .row-moving .action-btn-wrap button,.formeo.formeo-editor .row-moving .row-tag{background-color:#fef0f3}.formeo.formeo-editor .row-moving .row-tag .f-i-component-corner{fill:#fef0f3}.formeo.formeo-editor .row-actions{left:0}.formeo.formeo-editor .hovering-row .column-actions,.formeo.formeo-editor .hovering-row .field-actions{display:none}.formeo.formeo-editor .hovering-row.editing-row:before{border-right-width:0}.formeo.formeo-editor .editing-row,.formeo.formeo-editor .editing-row .row-edit{display:block}.formeo.formeo-editor .editing-row.hovering-row .formeo-column{opacity:1}.formeo.formeo-editor .hovering-row,.formeo.formeo-editor .editing-row{box-shadow:0 0 0 1px #ef476f}.formeo.formeo-editor .hovering-row:first-child,.formeo.formeo-editor .editing-row:first-child{border-top-left-radius:0}.formeo.formeo-editor .hovering-row .row-handle,.formeo.formeo-editor .editing-row .row-handle{display:none}.formeo.formeo-editor .hovering-row .row-tag,.formeo.formeo-editor .editing-row .row-tag,.formeo.formeo-editor .hovering-row .row-action-btn-wrap,.formeo.formeo-editor .editing-row .row-action-btn-wrap{display:flex}.formeo.formeo-editor .hovering-row .row-action-btn-wrap button:last-child,.formeo.formeo-editor .editing-row .row-action-btn-wrap button:last-child{border-bottom-right-radius:8px}.formeo.formeo-editor .row-edit{padding-top:2rem}.formeo.formeo-editor .input-group-addon label{margin-bottom:0}.formeo.formeo-editor .formeo-column{margin:0;padding:0;list-style:none;transition:width 266ms;position:relative;flex-direction:column;will-change:width;max-width:100%}.formeo.formeo-editor .formeo-column>.children{display:flex;flex-direction:column;justify-content:flex-start;gap:16px}.formeo.formeo-editor .formeo-column .column-tag{border-color:#06d6a0}.formeo.formeo-editor .formeo-column .column-tag .f-i-component-corner{fill:#fff;stroke:#06d6a0}.formeo.formeo-editor .formeo-column .column-tag,.formeo.formeo-editor .formeo-column .column-actions{transform:translate(-50%)}.formeo.formeo-editor .formeo-column[class*=col-]{padding:0}.formeo.formeo-editor .formeo-column:first-child{border-bottom-left-radius:8px}.formeo.formeo-editor .formeo-column:last-child{border-bottom-right-radius:8px}.formeo.formeo-editor .formeo-column:last-child .resize-x-handle{display:none!important}.formeo.formeo-editor .formeo-column:only-child{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.formeo.formeo-editor .formeo-column:only-child .resize-x-handle{display:none!important}.formeo.formeo-editor .formeo-column .resize-x-handle{display:none;position:absolute;right:-16px;top:0;bottom:0;width:16px;z-index:2;cursor:ew-resize}.formeo.formeo-editor .formeo-column .resize-x-handle:before{width:0;right:6px;border:1px dashed rgb(47.3227272727,249.1772727273,196.7727272727);border-width:0 2px;display:block;top:0;position:absolute;height:100%;content:""}.formeo.formeo-editor .formeo-column .resize-x-handle svg{fill:#2ff9c5;position:absolute;right:1px;width:14px}.formeo.formeo-editor .formeo-column .resize-x-handle svg.f-i-triangle-down{top:-14px}.formeo.formeo-editor .formeo-column .resize-x-handle svg.f-i-triangle-up{bottom:-14px}.formeo.formeo-editor .formeo-column .resize-x-handle:hover:before{border-color:#06d6a0}.formeo.formeo-editor .formeo-column .resize-x-handle:hover svg{fill:#06d6a0}.formeo.formeo-editor .formeo-column.editing-column{overflow:hidden}.formeo.formeo-editor .formeo-column.editing-column .column-edit{display:block}.formeo.formeo-editor .formeo-column:has(.hovering-field) .column-actions{display:none}.formeo.formeo-editor .formeo-column.sortable-ghost{background-color:#ddfef5;box-shadow:0 0 0 1px #06d6a0}.formeo.formeo-editor .formeo-column.sortable-ghost *{opacity:0}.formeo.formeo-editor .formeo-column:has(.editing-field) .column-actions{display:none}.formeo.formeo-editor .editing-row .formeo-column,.formeo.formeo-editor .editing-row .empty{border-radius:8px;height:60px;background-color:#e6e6e6}.formeo.formeo-editor .editing-row .formeo-column.empty,.formeo.formeo-editor .editing-row .empty.empty{min-height:0}.formeo.formeo-editor .editing-row .formeo-column .formeo-field,.formeo.formeo-editor .editing-row .empty .formeo-field{display:none}.formeo.formeo-editor .editing-row .formeo-column .resize-x-handle,.formeo.formeo-editor .editing-row .empty .resize-x-handle{display:block}.formeo.formeo-editor .editing-row .formeo-column:after,.formeo.formeo-editor .editing-row .empty:after{color:#333!important;line-height:1em;opacity:1;font-size:1.1em;content:attr(data-col-width)!important;display:block;width:100%;text-align:center;position:absolute;left:50%;margin-top:0;top:50%;transform:translate(-50%,-50%)}.formeo.formeo-editor .editing-field-preview .column-actions{display:none}.formeo.formeo-editor .column-moving,.formeo.formeo-editor .column-moving .action-btn-wrap button,.formeo.formeo-editor .column-moving .column-tag{background-color:#ddfef5}.formeo.formeo-editor .column-moving .column-tag .f-i-component-corner{fill:#ddfef5}.formeo.formeo-editor .hovering-column .column-tag{display:flex}.formeo.formeo-editor .hovering-column .column-handle{display:none}.formeo.formeo-editor .hovering-column .column-action-btn-wrap{display:flex}.formeo.formeo-editor .hovering-column:first-child{border-top-left-radius:0}.formeo.formeo-editor .hovering-column:after{opacity:0}.formeo.formeo-editor .hovering-column,.formeo.formeo-editor .editing-column{box-shadow:0 0 0 1px #06d6a0}.formeo.formeo-editor .column-actions{padding:0;left:50%;z-index:1;transition:width .15s}.formeo.formeo-editor .column-actions .f-i-handle{transform:rotate(90deg)}.formeo.formeo-editor .formeo-field{min-height:24px;position:relative;list-style:none;margin:0;will-change:box-shadow}.formeo.formeo-editor .formeo-field:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.formeo.formeo-editor .formeo-field.first-field,.formeo.formeo-editor .formeo-field.first-field .field-actions{border-top-right-radius:4px}.formeo.formeo-editor .formeo-field .prev-label{min-height:24px;max-width:calc(100% - 24px);display:flex;align-items:flex-end;margin-bottom:4px}.formeo.formeo-editor .formeo-field [contenteditable]{padding:1px 2px;-webkit-user-select:text;user-select:text;display:inline-block;position:relative;min-width:24px}.formeo.formeo-editor .formeo-field [contenteditable]:after{content:"";width:100%;position:absolute;bottom:0;left:0;border-bottom:1px dashed #cccccc}.formeo.formeo-editor .formeo-field [contenteditable]:focus{border-radius:4px;border-bottom-color:transparent;outline:none;box-shadow:0 0 0 1px #66afe9 inset}.formeo.formeo-editor .formeo-field [contenteditable]:focus:after{display:none}.formeo.formeo-editor .formeo-field .form-check{margin-left:1.25em}.formeo.formeo-editor .formeo-field .form-check-input:only-child{position:absolute}.formeo.formeo-editor .formeo-field.field-type-hidden{border:1px dashed #cccccc}.formeo.formeo-editor .formeo-field.sortable-ghost{background-color:#b8d2e9;box-shadow:0 0 0 1px #26547c}.formeo.formeo-editor .formeo-field.sortable-ghost *{opacity:0}.formeo.formeo-editor .field-tag{right:-1px;left:auto;top:-24px;border-color:#26547c;background-color:#fff}.formeo.formeo-editor .field-tag .f-i-component-corner{fill:#fff;stroke:#26547c}.formeo.formeo-editor .editing-field,.formeo.formeo-editor .hovering-field{box-shadow:0 0 0 1px #26547c}.formeo.formeo-editor .editing-field .field-tag,.formeo.formeo-editor .hovering-field .field-tag,.formeo.formeo-editor .editing-field .field-action-btn-wrap,.formeo.formeo-editor .hovering-field .field-action-btn-wrap{display:flex}.formeo.formeo-editor .editing-field .field-handle,.formeo.formeo-editor .hovering-field .field-handle{display:none}.formeo.formeo-editor .field-actions{border-color:transparent;border-width:1px 1px 0 0;border-style:solid;right:0;text-align:right;border-bottom-left-radius:4px;border-bottom-right-radius:0}.formeo.formeo-editor .field-actions .action-btn-wrap{flex-direction:row-reverse}.formeo.formeo-editor .field-moving,.formeo.formeo-editor .field-moving .action-btn-wrap button,.formeo.formeo-editor .field-moving .field-tag{background-color:#b8d2e9}.formeo.formeo-editor .field-moving .field-tag .f-i-component-corner{fill:#b8d2e9}.formeo.formeo-editor .editing-field{z-index:1}.formeo.formeo-editor .editing-field-preview .field-actions{display:none}.formeo.formeo-editor .field-preview p{white-space:normal}.formeo.formeo-editor .field-edit{display:none;overflow:hidden;margin-top:16px;border-top:1px solid #cccccc}.formeo.formeo-editor .field-edit label{font-size:.825em}.formeo.formeo-editor .field-edit .panel-nav{margin-bottom:0;padding:0;overflow:hidden}.formeo.formeo-editor .field-edit .panel-nav button{border-bottom-left-radius:0;border-bottom-right-radius:0}.formeo.formeo-editor .field-edit.field-edit-options{list-style:decimal}.formeo.formeo-editor .field-edit .active-panel{background-color:#fff}.formeo.formeo-editor .field-edit .field-prop{display:flex}.formeo.formeo-editor .field-edit .prop-controls{flex-shrink:0;align-items:center;display:flex;margin-left:3px}.formeo.formeo-editor .field-edit .prop-controls button{position:relative}.formeo.formeo-editor .field-edit .prop-controls .svg-icon{width:12px;height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.formeo.formeo-editor .field-edit .prop-control{width:24px;height:24px;right:0;bottom:0;position:absolute;padding:0}.formeo.formeo-editor .field-edit .prop-control:nth-of-type(1){right:0}.formeo.formeo-editor .field-edit .prop-control:nth-of-type(2){right:24px}.formeo.formeo-editor .field-edit .prop-control:nth-of-type(3){right:48px}.formeo.formeo-editor .field-edit .prop-control:nth-of-type(4){right:72px}.formeo.formeo-editor .field-edit .prop-control:first-child{right:0}.formeo.formeo-editor :not(.control-count-1) .field-edit .prop-control:last-child{border-radius:4px 0 0 4px;margin-right:-1px;display:none}.formeo.formeo-editor :not(.control-count-1) .field-edit .prop-control:first-child{border-radius:4px}.formeo.formeo-editor .field-edit .prop-control:hover:first-child{border-radius:0 4px 4px 0}.formeo.formeo-editor .field-edit .prop-control:hover:first-child:last-child{border-radius:4px}.formeo.formeo-editor .field-edit .prop-control:hover:last-child{display:inline-block}.formeo.formeo-editor .field-edit .prop-control:last-child:first-child{display:inline-block;border-radius:4px;margin-right:0}.formeo.formeo-editor .field-edit .prop-wrap{position:relative;margin-bottom:8px;list-style:none;margin-left:0}.formeo.formeo-editor .field-edit .field-edit-group{padding:8px 8px 0}.formeo.formeo-editor .field-edit [contenteditable]{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;align-content:stretch;align-items:stretch}.formeo.formeo-editor .field-edit .prop-inputs,.formeo.formeo-editor .field-edit .prop-controls{transition:width .15s;will-change:width}.formeo.formeo-editor .field-edit .prop-inputs .f-addon,.formeo.formeo-editor .field-edit .prop-inputs input:not([type=checkbox]):not([type=radio]),.formeo.formeo-editor .field-edit .prop-inputs select,.formeo.formeo-editor .field-edit .prop-inputs textarea,.formeo.formeo-editor .field-edit .prop-inputs [contenteditable],.formeo.formeo-editor .field-edit .prop-controls .f-addon,.formeo.formeo-editor .field-edit .prop-controls input:not([type=checkbox]):not([type=radio]),.formeo.formeo-editor .field-edit .prop-controls select,.formeo.formeo-editor .field-edit .prop-controls textarea,.formeo.formeo-editor .field-edit .prop-controls [contenteditable]{font-size:.825em;flex:1 1 auto}.formeo.formeo-editor .field-edit .prop-inputs .f-addon:focus,.formeo.formeo-editor .field-edit .prop-inputs input:not([type=checkbox]):not([type=radio]):focus,.formeo.formeo-editor .field-edit .prop-inputs select:focus,.formeo.formeo-editor .field-edit .prop-inputs textarea:focus,.formeo.formeo-editor .field-edit .prop-inputs [contenteditable]:focus,.formeo.formeo-editor .field-edit .prop-controls .f-addon:focus,.formeo.formeo-editor .field-edit .prop-controls input:not([type=checkbox]):not([type=radio]):focus,.formeo.formeo-editor .field-edit .prop-controls select:focus,.formeo.formeo-editor .field-edit .prop-controls textarea:focus,.formeo.formeo-editor .field-edit .prop-controls [contenteditable]:focus{z-index:1}.formeo.formeo-editor .field-edit .prop-inputs [class^=condition-]+select,.formeo.formeo-editor .field-edit .prop-inputs select+[class^=condition-],.formeo.formeo-editor .field-edit .prop-controls [class^=condition-]+select,.formeo.formeo-editor .field-edit .prop-controls select+[class^=condition-]{margin-left:-1px}.formeo.formeo-editor .field-edit .control-count-2 .prop-controls:hover{width:48px}.formeo.formeo-editor .field-edit .control-count-2 .prop-controls:hover+.prop-inputs{width:calc(100% - 24px)}.formeo.formeo-editor .field-edit.panel-count-1 .panel-nav{border-bottom:1px solid #999999}.formeo.formeo-editor .field-edit.panel-count-1 .panel-nav button{display:none}.formeo.formeo-editor .field-edit.panel-count-1 .panel-labels{background-color:transparent}.formeo.formeo-editor .f-condition-row{display:flex;width:100%;margin-top:-1px;border:1px solid #cccccc}.formeo.formeo-editor .f-condition-row input,.formeo.formeo-editor .f-condition-row select,.formeo.formeo-editor .f-condition-row [contenteditable]{border-width:0;border-radius:0;width:inherit;box-shadow:0 0 0 1px #ccc}.formeo.formeo-editor .f-condition-row input:focus,.formeo.formeo-editor .f-condition-row select:focus,.formeo.formeo-editor .f-condition-row [contenteditable]:focus{box-shadow:0 0 0 1px #66afe9}.formeo.formeo-editor .f-condition-row:first-child input:last-child,.formeo.formeo-editor .f-condition-row:first-child select:last-child{border-top-right-radius:4px}.formeo.formeo-editor .f-condition-row:last-child input:last-child,.formeo.formeo-editor .f-condition-row:last-child select:last-child{border-bottom-right-radius:4px}.formeo.formeo-editor .f-condition-row:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.formeo.formeo-editor .f-condition-row:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.formeo.formeo-editor .f-condition-row .condition-logical{max-width:56px;text-transform:uppercase}.formeo.formeo-editor .f-condition-row div.condition-source,.formeo.formeo-editor .f-condition-row div.condition-target{position:relative;width:100%}.formeo.formeo-editor .f-condition-row [class^=condition-]{max-width:100%;transition:max-width 266ms;will-change:max-width}.formeo.formeo-editor .f-condition-row.if-condition-row.condition-sourceProperty-isVisible .condition-comparison,.formeo.formeo-editor .f-condition-row.if-condition-row.condition-sourceProperty-isVisible .condition-target,.formeo.formeo-editor .f-condition-row.if-condition-row.condition-sourceProperty-isVisible .condition-assignment,.formeo.formeo-editor .f-condition-row.if-condition-row.condition-sourceProperty-isVisible .condition-value,.formeo.formeo-editor .f-condition-row.if-condition-row.condition-sourceProperty-isVisible .condition-targetProperty,.formeo.formeo-editor .f-condition-row.if-condition-row.condition-sourceProperty-isNotVisible .condition-comparison,.formeo.formeo-editor .f-condition-row.if-condition-row.condition-sourceProperty-isNotVisible .condition-target,.formeo.formeo-editor .f-condition-row.if-condition-row.condition-sourceProperty-isNotVisible .condition-assignment,.formeo.formeo-editor .f-condition-row.if-condition-row.condition-sourceProperty-isNotVisible .condition-value,.formeo.formeo-editor .f-condition-row.if-condition-row.condition-sourceProperty-isNotVisible .condition-targetProperty,.formeo.formeo-editor .f-condition-row.then-condition-row.condition-targetProperty-isVisible .condition-comparison,.formeo.formeo-editor .f-condition-row.then-condition-row.condition-targetProperty-isVisible .condition-assignment,.formeo.formeo-editor .f-condition-row.then-condition-row.condition-targetProperty-isVisible .condition-value,.formeo.formeo-editor .f-condition-row.then-condition-row.condition-targetProperty-isNotVisible .condition-comparison,.formeo.formeo-editor .f-condition-row.then-condition-row.condition-targetProperty-isNotVisible .condition-assignment,.formeo.formeo-editor .f-condition-row.then-condition-row.condition-targetProperty-isNotVisible .condition-value,.formeo.formeo-editor .f-condition-row.condition-target .condition-targetProperty,.formeo.formeo-editor .f-condition-row.condition-source .condition-sourceProperty{max-width:0%;padding:0;border:0 none;overflow:hidden}.formeo.formeo-editor .f-autocomplete-display-field+.f-autocomplete-list:focus{z-index:100}.formeo.formeo-editor [class$=-focused]{z-index:1}.formeo.formeo-editor [class$=-focused] .f-autocomplete-list{z-index:100}.formeo.formeo-editor .conditions-prop-inputs label.condition-label{display:inline-flex;flex:0 0 auto;box-shadow:0 0 0 1px #ccc;align-items:center;padding:4px;border-right:0;text-transform:uppercase;color:#999}.formeo.formeo-editor .conditions-prop-inputs label.condition-label.if-condition-label{border-top-left-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0}.formeo.formeo-editor .conditions-prop-inputs label.condition-label.then-condition-label{border-bottom-left-radius:4px;border-top-left-radius:0;border-top-right-radius:0;border-top:0}.formeo.formeo-editor .field-edit-group{margin:0;padding:0;list-style:none}.formeo.formeo-editor .hidden-property{display:none}.formeo.formeo-editor .options-panel .prop-wrap{margin-bottom:8px}.formeo.formeo-editor .options-panel .input-group-addon{line-height:0}.formeo.formeo-editor .options-panel .prop-labels{padding:8px 34px 8px 8px}.formeo.formeo-editor .options-panel .prop-labels .input-group-addon{font-size:12px}.formeo.formeo-editor .options-panel .prop-labels label{font-size:12px;width:50%;position:relative;display:table-cell}.formeo.formeo-editor .options-panel .prop-label-selected,.formeo.formeo-editor .options-panel .prop-label-disabled{width:1%!important;white-space:nowrap;vertical-align:middle;border:0 none;background-color:transparent}.formeo.formeo-editor .panel-action-buttons{padding:0 8px 8px}.formeo.formeo-editor .panel-action-buttons:after{content:"";display:table;clear:both}.formeo.formeo-editor .panel-action-buttons [class^=add-]{float:right}.formeo.formeo-editor .prop-inputs{width:100%;align-items:center;vertical-align:bottom;display:flex;flex-direction:row;flex-grow:1}.formeo.formeo-editor .prop-inputs.conditions-prop-inputs{flex-direction:column}.formeo.formeo-editor .prop-inputs .f-field-group{width:100%;margin-bottom:0;display:inline-flex;align-items:center}.formeo.formeo-editor .prop-inputs .f-addon{display:flex;align-items:center;flex:0}.formeo.formeo-editor .prop-inputs .f-addon:first-child{margin-right:-1px}.formeo.formeo-editor .prop-inputs .f-addon:last-child{margin-left:-1px}.formeo.formeo-editor .prop-inputs label{padding-right:1em;margin-bottom:0}.formeo.formeo-editor .prop-inputs.attrs-prop-inputs .f-addon,.formeo.formeo-editor .prop-inputs.attrs-prop-inputs input:not([type=checkbox]):not([type=radio]),.formeo.formeo-editor .prop-inputs.attrs-prop-inputs select,.formeo.formeo-editor .prop-inputs.attrs-prop-inputs textarea,.formeo.formeo-editor .prop-inputs.attrs-prop-inputs [contenteditable]{flex:2}.formeo.formeo-editor .highlight-component{box-shadow:0 0 4px 2px #9954bb}.formeo.formeo-editor .formeo-stage{width:73%;box-sizing:border-box;transition:width .25s;flex:1 1 auto;position:relative;transition-property:background-color,border-color;transition-duration:.5s,333ms;border:0 dashed transparent;background-color:#fff0;overflow:visible;margin:0;padding:0;list-style:none}.formeo.formeo-editor .formeo-stage>.children{display:flex;flex-direction:column;justify-content:flex-start;gap:16px}.formeo.formeo-editor .formeo-stage.empty{border:3px dashed #cccccc;background-color:#ffffff40}.formeo.formeo-editor .formeo-stage.removing-all-fields .formeo-row{transition:margin-top .25s ease-in}.formeo.formeo-editor .formeo-stage>.formeo-field{background-color:#fff}@media (max-width: 481px){.formeo.formeo-editor .formeo-stage{width:calc(100% - 50px)}}.formeo.formeo-editor .editing-stage .formeo-settings{display:block}.formeo.formeo-editor .editing-stage .formeo-stage{display:none}.formeo.formeo-editor .f-field-group{margin-bottom:0}.formeo.formeo-editor [class$=empty][class*=editing-]:after{opacity:0}.formeo.formeo-editor [class$=empty]:after{opacity:1;font-size:24px;position:absolute;top:50%;left:50%;color:#999;transition:opacity .2s ease-in-out;will-change:opacity;text-align:center;transform:translate(-50%,-50%);content:attr(data-hover-tag)}.formeo.formeo-editor .formeo-settings{display:none}.formeo.formeo-editor [dir=rtl] .f-btn-group{display:inline-flex;vertical-align:middle}.formeo.formeo-editor [dir=rtl] .f-btn-group>button{flex:0 1 auto}.formeo.formeo-editor [dir=rtl] .f-btn-group>button:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.formeo.formeo-editor [dir=rtl] .f-btn-group>button:last-child:not(:first-child):not(.dropdown-toggle){border-radius:4px 0 0 4px}.formeo.formeo-editor [dir=rtl] .f-btn-group>button:first-child{margin-left:0}.formeo.formeo-editor [dir=rtl] .f-btn-group>button:first-child:not(:last-child):not(.dropdown-toggle){border-radius:0 4px 4px 0}.formeo.formeo-editor [dir=rtl] .f-btn-group button+button,.formeo.formeo-editor [dir=rtl] .f-btn-group button+.f-btn-group,.formeo.formeo-editor [dir=rtl] .f-btn-group .f-btn-group+button,.formeo.formeo-editor [dir=rtl] .f-btn-group .f-btn-group+.f-btn-group,.formeo.formeo-editor [dir=rtl] .f-btn-group .f-btn-group-vertical button+button,.formeo.formeo-editor [dir=rtl] .f-btn-group .f-btn-group-vertical button+.f-btn-group,.formeo.formeo-editor [dir=rtl] .f-btn-group .f-btn-group-vertical .f-btn-group+button,.formeo.formeo-editor [dir=rtl] .f-btn-group .f-btn-group-vertical .f-btn-group+.f-btn-group{margin-right:-1px}.formeo.formeo-editor [dir=rtl] .formeo-controls,.formeo.formeo-editor [dir=rtl] .formeo-controls .form-actions{float:left}.formeo.formeo-editor [dir=rtl] .formeo-stage-wrap{float:right}.formeo.formeo-editor [dir=rtl] .formeo-stage-wrap .formeo-stage{padding-left:4px;padding-right:23px}.formeo.formeo-editor [dir=rtl] .formeo-row:before{border-bottom-left-radius:8px;border-bottom-right-radius:0;right:0;left:auto}.formeo.formeo-editor [dir=rtl] .formeo-row:first-child{border-top-left-radius:8px;border-top-right-radius:0}.formeo.formeo-editor [dir=rtl] .formeo-row:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.formeo.formeo-editor [dir=rtl] .formeo-row.hovering-row:first-child{border-top-left-radius:0}.formeo.formeo-editor [dir=rtl] .formeo-row.hovering-row:before{border-left-width:1px}.formeo.formeo-editor [dir=rtl] .formeo-row.empty:after{left:0;right:auto}.formeo.formeo-render .formeo-row,.formeo.formeo-render .formeo-column,.formeo.formeo-render .formeo-field{position:relative}.formeo.formeo-render .f-input-group-wrap .formeo-row:first-of-type .remove-input-group{display:none}.formeo.formeo-render .f-input-group-wrap>fieldset{position:relative}.formeo.formeo-render .f-input-group-wrap>fieldset .remove-input-group{top:8px}.formeo.formeo-render .formeo-row{margin-bottom:1em;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;align-content:stretch;align-items:stretch;display:flex;border-radius:8px;outline:0 solid rgba(217,83,79,.25);transition:background-color 133ms,outline 133ms;padding:4px 0}.formeo.formeo-render .formeo-row.will-remove{border-radius:2px;background-color:#d9534f40;outline:6px solid rgba(217,83,79,.25)}.formeo.formeo-render .formeo-row:last-of-type{margin-bottom:0}.formeo.formeo-render div.formeo-row-wrap{padding:16px 0}.formeo.formeo-render fieldset.formeo-row-wrap{padding:16px}.formeo.formeo-render .formeo-row-wrap{margin-bottom:1em;border-radius:8px}.formeo.formeo-render .formeo-row-wrap legend{padding:4px 8px;border-style:groove;border-width:2px;border-color:threedface;border-radius:8px;font-size:1.15em}.formeo.formeo-render .formeo-row-wrap:last-child{margin-bottom:0}.formeo.formeo-render .f-input-group{position:relative}.formeo.formeo-render .f-input-group:first-child .remove-input-group{display:none}.formeo.formeo-render .add-input-group{float:right;margin-top:10px}.formeo.formeo-render .remove-input-group{position:absolute;right:0;top:0;width:24px;height:24px;border:0 none;background:transparent;outline:0 none;line-height:0;padding:4px}.formeo.formeo-render .remove-input-group:hover{background-color:#fff}.formeo.formeo-render .remove-input-group:hover .svg-icon{fill:#d9534f}.formeo.formeo-render .remove-input-group .svg-icon{pointer-events:none}.formeo.formeo-render .form-check-input:only-child{position:absolute}.formeo.formeo-render .svg-icon{max-width:100%;max-height:100%}.formeo.formeo-render .formeo-column{padding:0 4px;float:left;max-width:none;flex-direction:column}.formeo.formeo-render .formeo-column:first-of-type{padding-left:0}.formeo.formeo-render .formeo-column:last-of-type{padding-right:0}.formeo-controls{width:26%;overflow:hidden}.formeo-controls.formeo-sticky{position:sticky;top:0;align-self:flex-start}.formeo-controls.pull-left .form-actions{float:left}.formeo-controls .filtered-term{background-color:#fff;text-align:center;border-radius:4px 4px 0 0;border:1px solid #cccccc;border-bottom:0 none;width:calc(100% - 2px)}.formeo-controls .tabbed-panels nav{padding:0}.formeo-controls nav{position:relative;padding:0 24px;overflow:hidden}.formeo-controls nav h5{font-size:13px;line-height:22px}.formeo-controls nav button{position:absolute;width:24px;color:#000;height:calc(100% + 1px);padding:0;line-height:0;margin:0;border-color:#ccc}.formeo-controls nav button.next-group{right:0;top:0;border-radius:0 8px 0 0}.formeo-controls nav button.prev-group{border-top-left-radius:8px;border-bottom-left-radius:0;left:0}.formeo-controls .formeo-panels-wrap{font-size:.85em;line-height:1.8em}.formeo-controls .panel-labels{border-top:1px solid #cccccc}.formeo-controls .panel-count-1{border-bottom-left-radius:0}.formeo-controls .panel-count-1 .panel-nav{display:none}.formeo-controls .panel-count-1 .control-group li:first-child{border-radius:8px 8px 0 0}.formeo-controls ul{margin:0;padding:0;list-style:none}.formeo-controls .control-group{vertical-align:top;display:inline-block;width:100%;border-top:1px solid #cccccc}.formeo-controls .control-group>li:first-child{border-top-right-radius:0}.formeo-controls .control-group>li:last-child{border-radius:0 0 8px 8px}.formeo-controls.filtered .panel-nav{display:none}.formeo-controls.filtered .control-group{display:block}.formeo-controls.filtered .control-group>li{border-radius:0}.formeo-controls.filtered .control-group:last-child>li:last-child{border-radius:0 0 0 4px}.formeo-controls .control-groups{white-space:nowrap}.formeo-controls .control-group-labels{height:100%;background:#fff;overflow:hidden}.formeo-controls .control-group-labels div{white-space:nowrap}.formeo-controls .control-group-labels h4{display:inline-block;width:100%}.formeo-controls .form-actions{float:right;margin-top:4px}.formeo-controls .form-actions .svg-icon{fill:#666;display:none}.formeo-controls .form-actions .svg-icon:hover{fill:#000}.formeo-controls .form-actions .save-form:hover,.formeo-controls .form-actions .clear-form:hover{color:#fff}.formeo-controls .form-actions .save-form:hover{background-color:#325d88}.formeo-controls .form-actions .clear-form:hover{background-color:#d9534f}@media (max-width: 481px){.formeo-controls{width:45px}.formeo-controls .control-group{text-indent:-9999px}.formeo-controls .form-actions{display:inline-block;width:100%;position:relative;vertical-align:middle;float:none;margin-top:10px}.formeo-controls .form-actions>button+button{margin-top:-1px;margin-left:0}.formeo-controls .form-actions>button{max-width:100%;padding:10px;border-radius:0;line-height:0;width:100%;float:none;position:relative;display:block}.formeo-controls .form-actions>button:not(:first-child):not(:last-child){border-radius:0}.formeo-controls .form-actions>button:first-child:not(:last-child){border-radius:4px 4px 0 0}.formeo-controls .form-actions>button:last-child:not(:first-child){border-radius:0 0 4px 4px}.formeo-controls .form-actions .control-icon{display:inline-block;margin-right:10px}}.formeo-controls .field-control{cursor:move;list-style:none;margin:-1px 0 0;border:1px solid #cccccc;text-align:left;background:#fff;-webkit-user-select:none;user-select:none;overflow:hidden}.formeo-controls .field-control.control-moving{border-radius:8px;animation:DRAG_GHOST .5s forwards}.formeo-controls .field-control:before{margin-right:8px;font-size:16px}.formeo-controls .field-control:hover{background-color:#f2f2f2}.formeo-controls .field-control button{box-sizing:border-box;font-size:1em;line-height:1.8em;display:flex;height:100%;width:100%;background:transparent;border:0 none;text-align:left;padding:8px;border-radius:0}.formeo-controls .field-control button:focus{outline:0 none;background-color:#f2f2f2;box-shadow:0 0 0 1px #66afe9 inset;border-radius:0!important}.formeo-controls .field-control button:active{transform:none}.formeo-controls .field-control button:hover{filter:none}.formeo-controls .field-control .control-icon{margin-right:8px;text-align:center;width:24px;height:24px;display:flex;align-items:center;justify-content:center}[dir=rtl] .formeo-controls .field-control button{text-align:right!important}[dir=rtl] .formeo-controls .field-control svg{float:right!important;margin:0 0 0 8px!important}.formeo-controls .field-control .control-icon{pointer-events:none}.formeo-controls .field-control .control-icon .f-i-hash{padding:2px}.field-control{cursor:move;list-style:none;margin:-1px 0 0;border:1px solid #cccccc;text-align:left;background:#fff;-webkit-user-select:none;user-select:none;overflow:hidden}.field-control.control-moving{border-radius:8px;animation:DRAG_GHOST .5s forwards}.field-control:before{margin-right:8px;font-size:16px}.field-control:hover{background-color:#f2f2f2}.field-control button{box-sizing:border-box;font-size:1em;line-height:1.8em;display:flex;height:100%;width:100%;background:transparent;border:0 none;text-align:left;padding:8px;border-radius:0}.field-control button:focus{outline:0 none;background-color:#f2f2f2;box-shadow:0 0 0 1px #66afe9 inset;border-radius:0!important}.field-control button:active{transform:none}.field-control button:hover{filter:none}.field-control .control-icon{margin-right:8px;text-align:center;width:24px;height:24px;display:flex;align-items:center;justify-content:center}[dir=rtl] .field-control button{text-align:right!important}[dir=rtl] .field-control svg{float:right!important;margin:0 0 0 8px!important}.field-control .svg-icon{pointer-events:none}
|
|
8
|
+
.svg-icon{display:inline-block;width:24px;height:24px;pointer-events:none}.f-i-remove:hover{fill:#d9534f}button[class*=-move]:hover{background-color:#9954bb!important}button[class*=-move]:hover .svg-icon{fill:#fff}button[class*=-remove]:hover{background-color:#d9534f!important}button[class*=-remove]:hover .svg-icon{fill:#fff}button[class*=-clone]:hover{background-color:#93c54b!important}button[class*=-clone]:hover .svg-icon{fill:#fff}.item-edit-toggle:hover{background-color:#325d88!important}.item-edit-toggle:hover .svg-icon{fill:#fff}.f-autocomplete-list{background-color:#fff;display:none;list-style:none;padding:0;position:absolute;z-index:20;max-height:200px;overflow-y:auto;width:100%;margin:0 -1px;border:1px solid #999999;border-width:1px 1px 0;box-shadow:0 1px 4px #00000080}.f-autocomplete-list li{border:1px solid #999999;display:none;cursor:default;padding:4px;margin:-1px 0 0;border-width:1px 0;transition:background-color 133ms ease-in-out;will-change:background-color;font-size:.85em}.f-autocomplete-list li.active-option{background-color:#e1cceb}.f-autocomplete-list li:hover{background-color:#bd91d3}.f-autocomplete-list .component-type{color:#666;font-style:italic;font-size:.75em}.formeo-panels-wrap h5{margin:0;padding:.55em 0;color:#666;font-weight:400;display:inline-block;width:100%}.formeo-panels-wrap nav{position:relative;padding:0;overflow:hidden}.formeo-panels-wrap nav button{position:absolute;width:24px;color:#000;height:100%;padding:0;line-height:0;z-index:1}.formeo-panels-wrap nav button:focus{outline:none;border:1px solid rgb(102,175,233);box-shadow:none}.formeo-panels-wrap nav button .svg-icon{width:20px;height:20px}.formeo-panels-wrap nav button.next-group{right:0;top:0;border-top-left-radius:0;border-bottom-left-radius:0}.formeo-panels-wrap nav button.prev-group{left:0;top:0;border-top-right-radius:0;border-bottom-right-radius:0}.formeo-panels-wrap ul{margin:0;padding:0;list-style:none}.formeo-panels-wrap .f-panel{vertical-align:top;display:inline-block;width:100%;flex-direction:column;flex:1 0 100%}.formeo-panels-wrap .f-panel>li:last-child{border-radius:0 0 4px 4px}.formeo-panels-wrap .panels{white-space:nowrap;transition-property:height;transition-duration:.15s;transition-timing-function:ease-in-out;will-change:transform;flex-direction:row}.formeo-panels-wrap .panel-labels{height:100%;background:#fff;overflow:hidden;text-align:center;white-space:nowrap}.tabbed-panels .panel-nav{height:auto}.tabbed-panels .panel-nav button{display:none}.tabbed-panels .f-panel{background-color:#fff}.tabbed-panels .panel-labels div{flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;align-content:stretch;align-items:stretch;display:flex}.tabbed-panels .panel-labels h5{flex-direction:column;flex:1;cursor:pointer;background-color:#ccc;box-shadow:0 -1px 8px #999 inset}.tabbed-panels .panel-labels h5.active-tab{color:#000;box-shadow:none;background-color:#fff}#formeo-sprite{display:none!important;visibility:hidden!important}.formeo *{box-sizing:inherit;font-family:inherit}.formeo .pill-buttons>button{border-radius:50px}.formeo hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid #cccccc}.formeo .f-field-group{flex-wrap:wrap;margin-bottom:12px}.formeo .f-field-group:last-child{margin-bottom:0}.formeo .f-field-group label+.badge{margin-left:8px}.formeo .f-field-group>label{display:inline-block;margin-bottom:4px}.formeo .f-field-group button{margin-right:4px}.formeo select{font-size:100%;font-family:inherit;height:2.1em;line-height:1.5;margin:0;border:1px solid #cccccc;border-radius:4px;background-color:#fff;width:100%;padding:.3em .6em;box-sizing:border-box}.formeo select:focus{border:1px solid rgb(102,175,233);outline:none}.formeo input{font-size:100%;font-family:inherit;height:2.1em;line-height:1.5;margin:0;border:1px solid #cccccc;border-radius:4px;background-color:#fff;width:100%;padding:.3em .6em;box-sizing:border-box}.formeo input:focus{border:1px solid rgb(102,175,233);outline:none}.formeo input[type=checkbox],.formeo input[type=radio]{width:auto;height:auto;margin-right:4px}.formeo input[type=date]{max-width:280px;display:block}.formeo textarea{font-size:100%;font-family:inherit;height:2.1em;line-height:1.5;margin:0;border:1px solid #cccccc;border-radius:4px;background-color:#fff;width:100%;padding:.3em .6em;box-sizing:border-box;height:auto}.formeo textarea:focus{border:1px solid rgb(102,175,233);outline:none}.formeo button{border-radius:4px;border:1px solid #666666;color:#333;background-color:#fff;padding:4px 8px;line-height:1.5em}.formeo button:active{transform:scale(.97)}.formeo button:hover{filter:brightness(.9)}.formeo button.primary,.formeo button.success,.formeo button.warning,.formeo button.error{color:#fff}.formeo button.primary{background-color:#325d88;border-color:#244463}.formeo button.success{background-color:#93c54b;border-color:#79a736}.formeo button.warning{background-color:#f47c3c;border-color:#ef5c0e}.formeo button.error{background-color:#d9534f;border-color:#c9302c}.formeo button[disabled]{background-color:#ccc;color:#fff}.formeo button:focus{border:1px solid rgb(102,175,233)}.formeo button:hover,.formeo button:focus{outline:0 none}.formeo .f-addon{font-size:100%;font-family:inherit;height:2.1em;line-height:1.5;margin:0;border:1px solid #cccccc;border-radius:4px;background-color:#fff;width:100%;padding:.3em .6em;box-sizing:border-box;width:auto}.formeo .f-addon:focus{border:1px solid rgb(102,175,233);outline:none}.formeo .f-addon label{margin:1px 0 0 3px}.formeo .f-addon:last-child{margin-left:-1px}.formeo .f-btn-group{display:inline-flex;vertical-align:middle}.formeo .f-btn-group>button{flex:0 1 auto}.formeo .f-btn-group>button:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.formeo .f-btn-group>button:last-child:not(:first-child):not(.dropdown-toggle){border-bottom-left-radius:0;border-top-left-radius:0}.formeo .f-btn-group>button:first-child{margin-left:0}.formeo .f-btn-group>button:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.formeo .f-btn-group button+button,.formeo .f-btn-group button+.f-btn-group,.formeo .f-btn-group .f-btn-group+button,.formeo .f-btn-group .f-btn-group+.f-btn-group,.formeo .f-btn-group .f-btn-group-vertical button+button,.formeo .f-btn-group .f-btn-group-vertical button+.f-btn-group,.formeo .f-btn-group .f-btn-group-vertical .f-btn-group+button,.formeo .f-btn-group .f-btn-group-vertical .f-btn-group+.f-btn-group{margin-left:-1px}.formeo .f-input-group{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;align-content:stretch;align-items:stretch;display:inline-flex;vertical-align:bottom}.formeo .f-input-group input+input,.formeo .f-input-group input+select,.formeo .f-input-group select+select,.formeo .f-input-group select+input{margin-left:-1px}.formeo .f-input-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI0IDMyIj4KPHBhdGggZmlsbD0iIzQ0NCIgZD0iTTAgMTJsMTEuOTkyIDExLjk5MiAxMS45OTItMTEuOTkyaC0yMy45ODR6Ij48L3BhdGg+Cjwvc3ZnPgo=);background-position:right 10px top 2px;background-repeat:no-repeat;background-size:16px}.formeo .f-input-group select::-ms-expand{display:none}.formeo .f-input-group .f-addon,.formeo .f-input-group input,.formeo .f-input-group select{flex:0 1 auto;border-radius:0}.formeo .f-input-group .f-addon:last-child,.formeo .f-input-group input:last-child,.formeo .f-input-group select:last-child{border-right-width:1px;border-radius:0 4px 4px 0}.formeo .f-input-group .f-addon:first-child,.formeo .f-input-group input:first-child,.formeo .f-input-group select:first-child{border-radius:4px 0 0 4px;border-left-width:1px}.formeo .f-input-group .f-addon:first-child:last-child,.formeo .f-input-group input:first-child:last-child,.formeo .f-input-group select:first-child:last-child{border-radius:4px}.formeo .f-input-group .f-addon:focus+input,.formeo .f-input-group .f-addon:focus+select,.formeo .f-input-group input:focus+input,.formeo .f-input-group input:focus+select,.formeo .f-input-group select:focus+input,.formeo .f-input-group select:focus+select{border-left:1px solid rgb(102,175,233)}.formeo .text-primary{color:#325d88}.formeo .text-success{color:#93c54b}.formeo .text-warning{color:#f47c3c}.formeo .text-error{color:#d9534f}.formeo.formeo-editor{display:flex;flex-direction:row;text-align:left;gap:16px}@keyframes PLACEHOLDER{0%{height:1px}to{height:15px}}@keyframes DRAG_GHOST{0%{box-shadow:0 0 #999}to{box-shadow:0 0 30px #999}}@keyframes EDIT_PULSE{0%,to{border-color:#66afe9}50%{border-color:#bfdef6}}@keyframes HIDE_CONDITION_FIELD{0%{display:none}to{display:none}}@keyframes COMPONENT_HIGHLIGHT_PULSE{0%{box-shadow:0 0 1px 8px #9954bb}to{box-shadow:0 0 #9954bb}}@keyframes SLIDE_UP{0%{transform:translateY(100%);clip-path:inset(0 0 100% -20%)}to{transform:translateY(0);clip-path:inset(0 0 0 -20%)}}.formeo.formeo-editor .component-tag{display:none;height:24px;z-index:200;flex-direction:row;gap:4px;align-items:center;position:absolute;font-size:.8em;padding:0 8px;left:50%;top:-24px;border-top-left-radius:8px;border-top-right-radius:8px;background-color:#fff;border-color:#ccc;border-style:solid;border-width:1px 1px 0 1px}.formeo.formeo-editor .component-tag [class*=-handle-]{width:12px;height:12px}.formeo.formeo-editor .component-tag .f-i-component-corner{position:absolute;width:8px;height:8px}.formeo.formeo-editor .component-tag .f-i-component-corner.bottom-right{bottom:0;right:-8px}.formeo.formeo-editor .component-tag .f-i-component-corner.bottom-left{bottom:0;left:-8px;transform:scaleX(-1)}.formeo.formeo-editor .children{margin:0;padding:0;list-style:none;height:100%}.formeo.formeo-editor .group-actions{display:flex;transition:opacity .3s ease-in-out allow-discrete;position:absolute;top:0;line-height:0;z-index:2;align-items:center;justify-content:center;flex-direction:row;border-radius:8px}.formeo.formeo-editor .group-actions .action-btn-wrap{display:none;align-items:center;justify-content:center;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;transition:opacity 1s ease-in-out allow-discrete}.formeo.formeo-editor .group-actions .action-btn-wrap .component-handle{opacity:.65}.formeo.formeo-editor .group-actions .action-btn-wrap button{background-color:#fff}.formeo.formeo-editor .group-actions button{background-color:transparent;width:24px;height:24px;padding:6px;border:0 none;line-height:0}.formeo.formeo-editor .group-actions button:focus{border:0 none;outline:0 none;box-shadow:none}.formeo.formeo-editor .group-actions .svg-icon{width:12px;height:12px}.formeo.formeo-editor .last-field .group-actions button:last-child{border-radius:0}.formeo.formeo-editor .column-editing-field .column-actions{display:none}.formeo.formeo-editor .group-config{display:none;padding:.5rem}.formeo.formeo-editor .editing-row .column-actions{display:none}.formeo.formeo-editor .hovering>.children,.formeo.formeo-editor .hovering>.field-preview,.formeo.formeo-editor .hovering>.prev-label{opacity:.65}.formeo.formeo-editor .hovering .group-actions .f-i-handle{display:none}.formeo.formeo-editor .formeo-row{transition:background-color 125ms ease-in-out;position:relative;clear:both;background-color:#fff;box-shadow:0 0 0 1px #ccc;padding:16px}.formeo.formeo-editor .formeo-row>.children{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;align-content:stretch;align-items:stretch;gap:16px;min-height:32px}.formeo.formeo-editor .formeo-row:after{clear:both}.formeo.formeo-editor .formeo-row.control-ghost{padding:10px}.formeo.formeo-editor .formeo-row:first-child{border-top-right-radius:8px}.formeo.formeo-editor .formeo-row:first-child:not(.editing-row,.hovering-row){border-top-left-radius:8px}.formeo.formeo-editor .formeo-row:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.formeo.formeo-editor .formeo-row:only-child{border-radius:8px}.formeo.formeo-editor .formeo-row.resizing-columns .formeo-column{transition:none}.formeo.formeo-editor .formeo-row.empty:after{left:0;transform:translate(8px,-50%)}.formeo.formeo-editor .formeo-row .layout-row-control{display:none}.formeo.formeo-editor .formeo-row .row-tag{left:-1px;border-color:#ef476f}.formeo.formeo-editor .formeo-row .row-tag .f-i-component-corner{fill:#fff;stroke:#ef476f}.formeo.formeo-editor .formeo-row:has(.hovering-column) .row-actions,.formeo.formeo-editor .formeo-row:has(.hovering-column) .field-actions{display:none}.formeo.formeo-editor .formeo-row.sortable-ghost{background-color:#fef0f3;box-shadow:0 0 0 1px #ef476f}.formeo.formeo-editor .formeo-row.sortable-ghost *{opacity:0}.formeo.formeo-editor .formeo-row:has(.editing-field) .row-actions{display:none}.formeo.formeo-editor .row-moving{background-color:#fef0f3!important}.formeo.formeo-editor .row-moving .action-btn-wrap button,.formeo.formeo-editor .row-moving .row-tag{background-color:#fef0f3}.formeo.formeo-editor .row-moving .row-tag .f-i-component-corner{fill:#fef0f3}.formeo.formeo-editor .row-actions{left:0}.formeo.formeo-editor .hovering-row .column-actions,.formeo.formeo-editor .hovering-row .field-actions{display:none}.formeo.formeo-editor .hovering-row.editing-row:before{border-right-width:0}.formeo.formeo-editor .editing-row,.formeo.formeo-editor .editing-row .row-edit{display:block}.formeo.formeo-editor .editing-row.hovering-row .formeo-column{opacity:1}.formeo.formeo-editor .hovering-row,.formeo.formeo-editor .editing-row{box-shadow:0 0 0 1px #ef476f}.formeo.formeo-editor .hovering-row:first-child,.formeo.formeo-editor .editing-row:first-child{border-top-left-radius:0}.formeo.formeo-editor .hovering-row .row-handle,.formeo.formeo-editor .editing-row .row-handle{display:none}.formeo.formeo-editor .hovering-row .row-tag,.formeo.formeo-editor .editing-row .row-tag,.formeo.formeo-editor .hovering-row .row-action-btn-wrap,.formeo.formeo-editor .editing-row .row-action-btn-wrap{display:flex}.formeo.formeo-editor .hovering-row .row-action-btn-wrap button:last-child,.formeo.formeo-editor .editing-row .row-action-btn-wrap button:last-child{border-bottom-right-radius:8px}.formeo.formeo-editor .row-edit{padding-top:2rem}.formeo.formeo-editor .input-group-addon label{margin-bottom:0}.formeo.formeo-editor .formeo-column{margin:0;padding:0;list-style:none;transition:width 266ms;position:relative;flex-direction:column;will-change:width;max-width:100%}.formeo.formeo-editor .formeo-column>.children{display:flex;flex-direction:column;justify-content:flex-start;gap:16px}.formeo.formeo-editor .formeo-column .column-tag{border-color:#06d6a0}.formeo.formeo-editor .formeo-column .column-tag .f-i-component-corner{fill:#fff;stroke:#06d6a0}.formeo.formeo-editor .formeo-column .column-tag,.formeo.formeo-editor .formeo-column .column-actions{transform:translate(-50%)}.formeo.formeo-editor .formeo-column[class*=col-]{padding:0}.formeo.formeo-editor .formeo-column:first-child{border-bottom-left-radius:8px}.formeo.formeo-editor .formeo-column:last-child{border-bottom-right-radius:8px}.formeo.formeo-editor .formeo-column:last-child .resize-x-handle{display:none!important}.formeo.formeo-editor .formeo-column:only-child{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.formeo.formeo-editor .formeo-column:only-child .resize-x-handle{display:none!important}.formeo.formeo-editor .formeo-column .resize-x-handle{display:none;position:absolute;right:-16px;top:0;bottom:0;width:16px;z-index:2;cursor:ew-resize}.formeo.formeo-editor .formeo-column .resize-x-handle:before{width:0;right:6px;border:1px dashed rgb(47.3227272727,249.1772727273,196.7727272727);border-width:0 2px;display:block;top:0;position:absolute;height:100%;content:""}.formeo.formeo-editor .formeo-column .resize-x-handle svg{fill:#2ff9c5;position:absolute;right:1px;width:14px}.formeo.formeo-editor .formeo-column .resize-x-handle svg.f-i-triangle-down{top:-14px}.formeo.formeo-editor .formeo-column .resize-x-handle svg.f-i-triangle-up{bottom:-14px}.formeo.formeo-editor .formeo-column .resize-x-handle:hover:before{border-color:#06d6a0}.formeo.formeo-editor .formeo-column .resize-x-handle:hover svg{fill:#06d6a0}.formeo.formeo-editor .formeo-column.editing-column{overflow:hidden}.formeo.formeo-editor .formeo-column.editing-column .column-edit{display:block}.formeo.formeo-editor .formeo-column:has(.hovering-field) .column-actions{display:none}.formeo.formeo-editor .formeo-column.sortable-ghost{background-color:#ddfef5;box-shadow:0 0 0 1px #06d6a0}.formeo.formeo-editor .formeo-column.sortable-ghost *{opacity:0}.formeo.formeo-editor .formeo-column:has(.editing-field) .column-actions{display:none}.formeo.formeo-editor .editing-row .formeo-column,.formeo.formeo-editor .editing-row .empty{border-radius:8px;height:60px;background-color:#e6e6e6}.formeo.formeo-editor .editing-row .formeo-column.empty,.formeo.formeo-editor .editing-row .empty.empty{min-height:0}.formeo.formeo-editor .editing-row .formeo-column .formeo-field,.formeo.formeo-editor .editing-row .empty .formeo-field{display:none}.formeo.formeo-editor .editing-row .formeo-column .resize-x-handle,.formeo.formeo-editor .editing-row .empty .resize-x-handle{display:block}.formeo.formeo-editor .editing-row .formeo-column:after,.formeo.formeo-editor .editing-row .empty:after{color:#333!important;line-height:1em;opacity:1;font-size:1.1em;content:attr(data-col-width)!important;display:block;width:100%;text-align:center;position:absolute;left:50%;margin-top:0;top:50%;transform:translate(-50%,-50%)}.formeo.formeo-editor .editing-field-preview .column-actions{display:none}.formeo.formeo-editor .column-moving,.formeo.formeo-editor .column-moving .action-btn-wrap button,.formeo.formeo-editor .column-moving .column-tag{background-color:#ddfef5}.formeo.formeo-editor .column-moving .column-tag .f-i-component-corner{fill:#ddfef5}.formeo.formeo-editor .hovering-column .column-tag{display:flex}.formeo.formeo-editor .hovering-column .column-handle{display:none}.formeo.formeo-editor .hovering-column .column-action-btn-wrap{display:flex}.formeo.formeo-editor .hovering-column:first-child{border-top-left-radius:0}.formeo.formeo-editor .hovering-column:after{opacity:0}.formeo.formeo-editor .hovering-column,.formeo.formeo-editor .editing-column{box-shadow:0 0 0 1px #06d6a0}.formeo.formeo-editor .column-actions{padding:0;left:50%;z-index:1;transition:width .15s}.formeo.formeo-editor .column-actions .f-i-handle{transform:rotate(90deg)}.formeo.formeo-editor .formeo-field{min-height:24px;position:relative;list-style:none;margin:0;will-change:box-shadow}.formeo.formeo-editor .formeo-field:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.formeo.formeo-editor .formeo-field.first-field,.formeo.formeo-editor .formeo-field.first-field .field-actions{border-top-right-radius:4px}.formeo.formeo-editor .formeo-field .prev-label{min-height:24px;max-width:calc(100% - 24px);display:flex;align-items:flex-end;margin-bottom:4px}.formeo.formeo-editor .formeo-field [contenteditable]{padding:1px 2px;-webkit-user-select:text;user-select:text;display:inline-block;position:relative;min-width:24px}.formeo.formeo-editor .formeo-field [contenteditable]:after{content:"";width:100%;position:absolute;bottom:0;left:0;border-bottom:1px dashed #cccccc}.formeo.formeo-editor .formeo-field [contenteditable]:focus{border-radius:4px;border-bottom-color:transparent;outline:none;box-shadow:0 0 0 1px #66afe9 inset}.formeo.formeo-editor .formeo-field [contenteditable]:focus:after{display:none}.formeo.formeo-editor .formeo-field .form-check{margin-left:1.25em}.formeo.formeo-editor .formeo-field .form-check-input:only-child{position:absolute}.formeo.formeo-editor .formeo-field.field-type-hidden{border:1px dashed #cccccc}.formeo.formeo-editor .formeo-field.sortable-ghost{background-color:#b8d2e9;box-shadow:0 0 0 1px #26547c}.formeo.formeo-editor .formeo-field.sortable-ghost *{opacity:0}.formeo.formeo-editor .field-tag{right:-1px;left:auto;top:-24px;border-color:#26547c;background-color:#fff}.formeo.formeo-editor .field-tag .f-i-component-corner{fill:#fff;stroke:#26547c}.formeo.formeo-editor .editing-field,.formeo.formeo-editor .hovering-field{box-shadow:0 0 0 1px #26547c}.formeo.formeo-editor .editing-field .field-tag,.formeo.formeo-editor .hovering-field .field-tag,.formeo.formeo-editor .editing-field .field-action-btn-wrap,.formeo.formeo-editor .hovering-field .field-action-btn-wrap{display:flex}.formeo.formeo-editor .editing-field .field-handle,.formeo.formeo-editor .hovering-field .field-handle{display:none}.formeo.formeo-editor .field-actions{border-color:transparent;border-width:1px 1px 0 0;border-style:solid;right:0;text-align:right;border-bottom-left-radius:4px;border-bottom-right-radius:0}.formeo.formeo-editor .field-actions .action-btn-wrap{flex-direction:row-reverse}.formeo.formeo-editor .field-moving,.formeo.formeo-editor .field-moving .action-btn-wrap button,.formeo.formeo-editor .field-moving .field-tag{background-color:#b8d2e9}.formeo.formeo-editor .field-moving .field-tag .f-i-component-corner{fill:#b8d2e9}.formeo.formeo-editor .editing-field{z-index:1}.formeo.formeo-editor .editing-field-preview .field-actions{display:none}.formeo.formeo-editor .field-preview p{white-space:normal}.formeo.formeo-editor .field-edit{display:none;overflow:hidden;margin-top:16px;border-top:1px solid #cccccc}.formeo.formeo-editor .field-edit label{font-size:.825em}.formeo.formeo-editor .field-edit .panel-nav{margin-bottom:0;padding:0;overflow:hidden}.formeo.formeo-editor .field-edit .panel-nav button{border-bottom-left-radius:0;border-bottom-right-radius:0}.formeo.formeo-editor .field-edit.field-edit-options{list-style:decimal}.formeo.formeo-editor .field-edit .active-panel{background-color:#fff}.formeo.formeo-editor .field-edit .field-prop{display:flex}.formeo.formeo-editor .field-edit .prop-controls{flex-shrink:0;align-items:center;display:flex;margin-left:3px}.formeo.formeo-editor .field-edit .prop-controls button{position:relative}.formeo.formeo-editor .field-edit .prop-controls .svg-icon{width:12px;height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.formeo.formeo-editor .field-edit .prop-control{width:24px;height:24px;right:0;bottom:0;position:absolute;padding:0}.formeo.formeo-editor .field-edit .prop-control:nth-of-type(1){right:0}.formeo.formeo-editor .field-edit .prop-control:nth-of-type(2){right:24px}.formeo.formeo-editor .field-edit .prop-control:nth-of-type(3){right:48px}.formeo.formeo-editor .field-edit .prop-control:nth-of-type(4){right:72px}.formeo.formeo-editor .field-edit .prop-control:first-child{right:0}.formeo.formeo-editor :not(.control-count-1) .field-edit .prop-control:last-child{border-radius:4px 0 0 4px;margin-right:-1px;display:none}.formeo.formeo-editor :not(.control-count-1) .field-edit .prop-control:first-child{border-radius:4px}.formeo.formeo-editor .field-edit .prop-control:hover:first-child{border-radius:0 4px 4px 0}.formeo.formeo-editor .field-edit .prop-control:hover:first-child:last-child{border-radius:4px}.formeo.formeo-editor .field-edit .prop-control:hover:last-child{display:inline-block}.formeo.formeo-editor .field-edit .prop-control:last-child:first-child{display:inline-block;border-radius:4px;margin-right:0}.formeo.formeo-editor .field-edit .prop-wrap{position:relative;margin-bottom:8px;list-style:none;margin-left:0}.formeo.formeo-editor .field-edit .field-edit-group{padding:8px 8px 0}.formeo.formeo-editor .field-edit [contenteditable]{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;align-content:stretch;align-items:stretch}.formeo.formeo-editor .field-edit .prop-inputs,.formeo.formeo-editor .field-edit .prop-controls{transition:width .15s;will-change:width}.formeo.formeo-editor .field-edit .prop-inputs .f-addon,.formeo.formeo-editor .field-edit .prop-inputs input:not([type=checkbox]):not([type=radio]),.formeo.formeo-editor .field-edit .prop-inputs select,.formeo.formeo-editor .field-edit .prop-inputs textarea,.formeo.formeo-editor .field-edit .prop-inputs [contenteditable],.formeo.formeo-editor .field-edit .prop-controls .f-addon,.formeo.formeo-editor .field-edit .prop-controls input:not([type=checkbox]):not([type=radio]),.formeo.formeo-editor .field-edit .prop-controls select,.formeo.formeo-editor .field-edit .prop-controls textarea,.formeo.formeo-editor .field-edit .prop-controls [contenteditable]{font-size:.825em;flex:1 1 auto}.formeo.formeo-editor .field-edit .prop-inputs .f-addon:focus,.formeo.formeo-editor .field-edit .prop-inputs input:not([type=checkbox]):not([type=radio]):focus,.formeo.formeo-editor .field-edit .prop-inputs select:focus,.formeo.formeo-editor .field-edit .prop-inputs textarea:focus,.formeo.formeo-editor .field-edit .prop-inputs [contenteditable]:focus,.formeo.formeo-editor .field-edit .prop-controls .f-addon:focus,.formeo.formeo-editor .field-edit .prop-controls input:not([type=checkbox]):not([type=radio]):focus,.formeo.formeo-editor .field-edit .prop-controls select:focus,.formeo.formeo-editor .field-edit .prop-controls textarea:focus,.formeo.formeo-editor .field-edit .prop-controls [contenteditable]:focus{z-index:1}.formeo.formeo-editor .field-edit .prop-inputs [class^=condition-]+select,.formeo.formeo-editor .field-edit .prop-inputs select+[class^=condition-],.formeo.formeo-editor .field-edit .prop-controls [class^=condition-]+select,.formeo.formeo-editor .field-edit .prop-controls select+[class^=condition-]{margin-left:-1px}.formeo.formeo-editor .field-edit .control-count-2 .prop-controls:hover{width:48px}.formeo.formeo-editor .field-edit .control-count-2 .prop-controls:hover+.prop-inputs{width:calc(100% - 24px)}.formeo.formeo-editor .field-edit.panel-count-1 .panel-nav{border-bottom:1px solid #999999}.formeo.formeo-editor .field-edit.panel-count-1 .panel-nav button{display:none}.formeo.formeo-editor .field-edit.panel-count-1 .panel-labels{background-color:transparent}.formeo.formeo-editor .f-condition-row{display:flex;width:100%;margin-top:-1px;border:1px solid #cccccc}.formeo.formeo-editor .f-condition-row input,.formeo.formeo-editor .f-condition-row select,.formeo.formeo-editor .f-condition-row [contenteditable]{border-width:0;border-radius:0;width:inherit;box-shadow:0 0 0 1px #ccc}.formeo.formeo-editor .f-condition-row input:focus,.formeo.formeo-editor .f-condition-row select:focus,.formeo.formeo-editor .f-condition-row [contenteditable]:focus{box-shadow:0 0 0 1px #66afe9}.formeo.formeo-editor .f-condition-row:first-child input:last-child,.formeo.formeo-editor .f-condition-row:first-child select:last-child{border-top-right-radius:4px}.formeo.formeo-editor .f-condition-row:last-child input:last-child,.formeo.formeo-editor .f-condition-row:last-child select:last-child{border-bottom-right-radius:4px}.formeo.formeo-editor .f-condition-row:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.formeo.formeo-editor .f-condition-row:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.formeo.formeo-editor .f-condition-row .condition-logical{max-width:56px;text-transform:uppercase}.formeo.formeo-editor .f-condition-row div.condition-source,.formeo.formeo-editor .f-condition-row div.condition-target{position:relative;width:100%}.formeo.formeo-editor .f-condition-row [class^=condition-]{max-width:100%;transition:max-width 266ms;will-change:max-width}.formeo.formeo-editor .f-condition-row.if-condition-row.condition-sourceProperty-isVisible .condition-comparison,.formeo.formeo-editor .f-condition-row.if-condition-row.condition-sourceProperty-isVisible .condition-target,.formeo.formeo-editor .f-condition-row.if-condition-row.condition-sourceProperty-isVisible .condition-assignment,.formeo.formeo-editor .f-condition-row.if-condition-row.condition-sourceProperty-isVisible .condition-value,.formeo.formeo-editor .f-condition-row.if-condition-row.condition-sourceProperty-isVisible .condition-targetProperty,.formeo.formeo-editor .f-condition-row.if-condition-row.condition-sourceProperty-isNotVisible .condition-comparison,.formeo.formeo-editor .f-condition-row.if-condition-row.condition-sourceProperty-isNotVisible .condition-target,.formeo.formeo-editor .f-condition-row.if-condition-row.condition-sourceProperty-isNotVisible .condition-assignment,.formeo.formeo-editor .f-condition-row.if-condition-row.condition-sourceProperty-isNotVisible .condition-value,.formeo.formeo-editor .f-condition-row.if-condition-row.condition-sourceProperty-isNotVisible .condition-targetProperty,.formeo.formeo-editor .f-condition-row.then-condition-row.condition-targetProperty-isVisible .condition-comparison,.formeo.formeo-editor .f-condition-row.then-condition-row.condition-targetProperty-isVisible .condition-assignment,.formeo.formeo-editor .f-condition-row.then-condition-row.condition-targetProperty-isVisible .condition-value,.formeo.formeo-editor .f-condition-row.then-condition-row.condition-targetProperty-isNotVisible .condition-comparison,.formeo.formeo-editor .f-condition-row.then-condition-row.condition-targetProperty-isNotVisible .condition-assignment,.formeo.formeo-editor .f-condition-row.then-condition-row.condition-targetProperty-isNotVisible .condition-value,.formeo.formeo-editor .f-condition-row.condition-target .condition-targetProperty,.formeo.formeo-editor .f-condition-row.condition-source .condition-sourceProperty{max-width:0%;padding:0;border:0 none;overflow:hidden}.formeo.formeo-editor .f-autocomplete-display-field+.f-autocomplete-list:focus{z-index:100}.formeo.formeo-editor [class$=-focused]{z-index:1}.formeo.formeo-editor [class$=-focused] .f-autocomplete-list{z-index:100}.formeo.formeo-editor .conditions-prop-inputs label.condition-label{display:inline-flex;flex:0 0 auto;box-shadow:0 0 0 1px #ccc;align-items:center;padding:4px;border-right:0;text-transform:uppercase;color:#999}.formeo.formeo-editor .conditions-prop-inputs label.condition-label.if-condition-label{border-top-left-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0}.formeo.formeo-editor .conditions-prop-inputs label.condition-label.then-condition-label{border-bottom-left-radius:4px;border-top-left-radius:0;border-top-right-radius:0;border-top:0}.formeo.formeo-editor .field-edit-group{margin:0;padding:0;list-style:none}.formeo.formeo-editor .hidden-property{display:none}.formeo.formeo-editor .options-panel .prop-wrap{margin-bottom:8px}.formeo.formeo-editor .options-panel .input-group-addon{line-height:0}.formeo.formeo-editor .options-panel .prop-labels{padding:8px 34px 8px 8px}.formeo.formeo-editor .options-panel .prop-labels .input-group-addon{font-size:12px}.formeo.formeo-editor .options-panel .prop-labels label{font-size:12px;width:50%;position:relative;display:table-cell}.formeo.formeo-editor .options-panel .prop-label-selected,.formeo.formeo-editor .options-panel .prop-label-disabled{width:1%!important;white-space:nowrap;vertical-align:middle;border:0 none;background-color:transparent}.formeo.formeo-editor .panel-action-buttons{padding:0 8px 8px}.formeo.formeo-editor .panel-action-buttons:after{content:"";display:table;clear:both}.formeo.formeo-editor .panel-action-buttons [class^=add-]{float:right}.formeo.formeo-editor .prop-inputs{width:100%;align-items:center;vertical-align:bottom;display:flex;flex-direction:row;flex-grow:1}.formeo.formeo-editor .prop-inputs.conditions-prop-inputs{flex-direction:column}.formeo.formeo-editor .prop-inputs .f-field-group{width:100%;margin-bottom:0;display:inline-flex;align-items:center}.formeo.formeo-editor .prop-inputs .f-addon{display:flex;align-items:center;flex:0}.formeo.formeo-editor .prop-inputs .f-addon:first-child{margin-right:-1px}.formeo.formeo-editor .prop-inputs .f-addon:last-child{margin-left:-1px}.formeo.formeo-editor .prop-inputs label{padding-right:1em;margin-bottom:0}.formeo.formeo-editor .prop-inputs.attrs-prop-inputs .f-addon,.formeo.formeo-editor .prop-inputs.attrs-prop-inputs input:not([type=checkbox]):not([type=radio]),.formeo.formeo-editor .prop-inputs.attrs-prop-inputs select,.formeo.formeo-editor .prop-inputs.attrs-prop-inputs textarea,.formeo.formeo-editor .prop-inputs.attrs-prop-inputs [contenteditable]{flex:2}.formeo.formeo-editor .highlight-component{box-shadow:0 0 4px 2px #9954bb}.formeo.formeo-editor .formeo-stage{width:73%;box-sizing:border-box;transition:width .25s;flex:1 1 auto;position:relative;transition-property:background-color,border-color;transition-duration:.5s,333ms;border:0 dashed transparent;background-color:#fff0;overflow:visible;margin:0;padding:0;list-style:none}.formeo.formeo-editor .formeo-stage>.children{display:flex;flex-direction:column;justify-content:flex-start;gap:16px}.formeo.formeo-editor .formeo-stage.empty{border:3px dashed #cccccc;background-color:#ffffff40}.formeo.formeo-editor .formeo-stage.removing-all-fields .formeo-row{transition:margin-top .25s ease-in}.formeo.formeo-editor .formeo-stage>.formeo-field{background-color:#fff}@media (max-width: 481px){.formeo.formeo-editor .formeo-stage{width:calc(100% - 50px)}}.formeo.formeo-editor .editing-stage .formeo-settings{display:block}.formeo.formeo-editor .editing-stage .formeo-stage{display:none}.formeo.formeo-editor .f-field-group{margin-bottom:0}.formeo.formeo-editor [class$=empty][class*=editing-]:after{opacity:0}.formeo.formeo-editor [class$=empty]:after{opacity:1;font-size:24px;position:absolute;top:50%;left:50%;color:#999;transition:opacity .2s ease-in-out;will-change:opacity;text-align:center;transform:translate(-50%,-50%);content:attr(data-hover-tag)}.formeo.formeo-editor .formeo-settings{display:none}.formeo.formeo-editor [dir=rtl] .f-btn-group{display:inline-flex;vertical-align:middle}.formeo.formeo-editor [dir=rtl] .f-btn-group>button{flex:0 1 auto}.formeo.formeo-editor [dir=rtl] .f-btn-group>button:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.formeo.formeo-editor [dir=rtl] .f-btn-group>button:last-child:not(:first-child):not(.dropdown-toggle){border-radius:4px 0 0 4px}.formeo.formeo-editor [dir=rtl] .f-btn-group>button:first-child{margin-left:0}.formeo.formeo-editor [dir=rtl] .f-btn-group>button:first-child:not(:last-child):not(.dropdown-toggle){border-radius:0 4px 4px 0}.formeo.formeo-editor [dir=rtl] .f-btn-group button+button,.formeo.formeo-editor [dir=rtl] .f-btn-group button+.f-btn-group,.formeo.formeo-editor [dir=rtl] .f-btn-group .f-btn-group+button,.formeo.formeo-editor [dir=rtl] .f-btn-group .f-btn-group+.f-btn-group,.formeo.formeo-editor [dir=rtl] .f-btn-group .f-btn-group-vertical button+button,.formeo.formeo-editor [dir=rtl] .f-btn-group .f-btn-group-vertical button+.f-btn-group,.formeo.formeo-editor [dir=rtl] .f-btn-group .f-btn-group-vertical .f-btn-group+button,.formeo.formeo-editor [dir=rtl] .f-btn-group .f-btn-group-vertical .f-btn-group+.f-btn-group{margin-right:-1px}.formeo.formeo-editor [dir=rtl] .formeo-controls,.formeo.formeo-editor [dir=rtl] .formeo-controls .form-actions{float:left}.formeo.formeo-editor [dir=rtl] .formeo-stage-wrap{float:right}.formeo.formeo-editor [dir=rtl] .formeo-stage-wrap .formeo-stage{padding-left:4px;padding-right:23px}.formeo.formeo-editor [dir=rtl] .formeo-row:before{border-bottom-left-radius:8px;border-bottom-right-radius:0;right:0;left:auto}.formeo.formeo-editor [dir=rtl] .formeo-row:first-child{border-top-left-radius:8px;border-top-right-radius:0}.formeo.formeo-editor [dir=rtl] .formeo-row:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.formeo.formeo-editor [dir=rtl] .formeo-row.hovering-row:first-child{border-top-left-radius:0}.formeo.formeo-editor [dir=rtl] .formeo-row.hovering-row:before{border-left-width:1px}.formeo.formeo-editor [dir=rtl] .formeo-row.empty:after{left:0;right:auto}.formeo.formeo-render .formeo-row,.formeo.formeo-render .formeo-column,.formeo.formeo-render .formeo-field{position:relative}.formeo.formeo-render .f-input-group-wrap .formeo-row:first-of-type .remove-input-group{display:none}.formeo.formeo-render .f-input-group-wrap>fieldset{position:relative}.formeo.formeo-render .f-input-group-wrap>fieldset .remove-input-group{top:8px}.formeo.formeo-render .formeo-row{margin-bottom:1em;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;align-content:stretch;align-items:stretch;display:flex;border-radius:8px;outline:0 solid rgba(217,83,79,.25);transition:background-color 133ms,outline 133ms;padding:4px 0}.formeo.formeo-render .formeo-row.will-remove{border-radius:2px;background-color:#d9534f40;outline:6px solid rgba(217,83,79,.25)}.formeo.formeo-render .formeo-row:last-of-type{margin-bottom:0}.formeo.formeo-render fieldset.formeo-row-wrap{padding:16px}.formeo.formeo-render .formeo-row-wrap{margin-bottom:1em;border-radius:8px}.formeo.formeo-render .formeo-row-wrap legend{padding:4px 8px;border-style:groove;border-width:2px;border-color:threedface;border-radius:8px;font-size:1.15em}.formeo.formeo-render .formeo-row-wrap:last-child{margin-bottom:0}.formeo.formeo-render .f-input-group{position:relative}.formeo.formeo-render .f-input-group:first-child .remove-input-group{display:none}.formeo.formeo-render .add-input-group{float:right;margin-top:10px}.formeo.formeo-render .remove-input-group{position:absolute;right:0;top:0;width:24px;height:24px;border:0 none;background:transparent;outline:0 none;line-height:0;padding:4px}.formeo.formeo-render .remove-input-group:hover{background-color:#fff}.formeo.formeo-render .remove-input-group:hover .svg-icon{fill:#d9534f}.formeo.formeo-render .remove-input-group .svg-icon{pointer-events:none}.formeo.formeo-render .form-check-input:only-child{position:absolute}.formeo.formeo-render .svg-icon{max-width:100%;max-height:100%}.formeo.formeo-render .formeo-column{padding:0 4px;float:left;max-width:none;flex-direction:column}.formeo.formeo-render .formeo-column:first-of-type{padding-left:0}.formeo.formeo-render .formeo-column:last-of-type{padding-right:0}.formeo-controls{width:26%;overflow:hidden}.formeo-controls.formeo-sticky{position:sticky;top:0;align-self:flex-start}.formeo-controls.pull-left .form-actions{float:left}.formeo-controls .filtered-term{background-color:#fff;text-align:center;border-radius:4px 4px 0 0;border:1px solid #cccccc;border-bottom:0 none;width:calc(100% - 2px)}.formeo-controls .tabbed-panels nav{padding:0}.formeo-controls nav{position:relative;padding:0 24px;overflow:hidden}.formeo-controls nav h5{font-size:13px;line-height:22px}.formeo-controls nav button{position:absolute;width:24px;color:#000;height:calc(100% + 1px);padding:0;line-height:0;margin:0;border-color:#ccc}.formeo-controls nav button.next-group{right:0;top:0;border-radius:0 8px 0 0}.formeo-controls nav button.prev-group{border-top-left-radius:8px;border-bottom-left-radius:0;left:0}.formeo-controls .formeo-panels-wrap{font-size:.85em;line-height:1.8em}.formeo-controls .panel-labels{border-top:1px solid #cccccc}.formeo-controls .panel-count-1{border-bottom-left-radius:0}.formeo-controls .panel-count-1 .panel-nav{display:none}.formeo-controls .panel-count-1 .control-group li:first-child{border-radius:8px 8px 0 0}.formeo-controls ul{margin:0;padding:0;list-style:none}.formeo-controls .control-group{vertical-align:top;display:inline-block;width:100%;border-top:1px solid #cccccc}.formeo-controls .control-group>li:first-child{border-top-right-radius:0}.formeo-controls .control-group>li:last-child{border-radius:0 0 8px 8px}.formeo-controls.filtered .panel-nav{display:none}.formeo-controls.filtered .control-group{display:block}.formeo-controls.filtered .control-group>li{border-radius:0}.formeo-controls.filtered .control-group:last-child>li:last-child{border-radius:0 0 0 4px}.formeo-controls .control-groups{white-space:nowrap}.formeo-controls .control-group-labels{height:100%;background:#fff;overflow:hidden}.formeo-controls .control-group-labels div{white-space:nowrap}.formeo-controls .control-group-labels h4{display:inline-block;width:100%}.formeo-controls .form-actions{float:right;margin-top:4px}.formeo-controls .form-actions .svg-icon{fill:#666;display:none}.formeo-controls .form-actions .svg-icon:hover{fill:#000}.formeo-controls .form-actions .save-form:hover,.formeo-controls .form-actions .clear-form:hover{color:#fff}.formeo-controls .form-actions .save-form:hover{background-color:#325d88}.formeo-controls .form-actions .clear-form:hover{background-color:#d9534f}@media (max-width: 481px){.formeo-controls{width:45px}.formeo-controls .control-group{text-indent:-9999px}.formeo-controls .form-actions{display:inline-block;width:100%;position:relative;vertical-align:middle;float:none;margin-top:10px}.formeo-controls .form-actions>button+button{margin-top:-1px;margin-left:0}.formeo-controls .form-actions>button{max-width:100%;padding:10px;border-radius:0;line-height:0;width:100%;float:none;position:relative;display:block}.formeo-controls .form-actions>button:not(:first-child):not(:last-child){border-radius:0}.formeo-controls .form-actions>button:first-child:not(:last-child){border-radius:4px 4px 0 0}.formeo-controls .form-actions>button:last-child:not(:first-child){border-radius:0 0 4px 4px}.formeo-controls .form-actions .control-icon{display:inline-block;margin-right:10px}}.formeo-controls .field-control{cursor:move;list-style:none;margin:-1px 0 0;border:1px solid #cccccc;text-align:left;background:#fff;-webkit-user-select:none;user-select:none;overflow:hidden}.formeo-controls .field-control.control-moving{border-radius:8px;animation:DRAG_GHOST .5s forwards}.formeo-controls .field-control:before{margin-right:8px;font-size:16px}.formeo-controls .field-control:hover{background-color:#f2f2f2}.formeo-controls .field-control button{box-sizing:border-box;font-size:1em;line-height:1.8em;display:flex;height:100%;width:100%;background:transparent;border:0 none;text-align:left;padding:8px;border-radius:0}.formeo-controls .field-control button:focus{outline:0 none;background-color:#f2f2f2;box-shadow:0 0 0 1px #66afe9 inset;border-radius:0!important}.formeo-controls .field-control button:active{transform:none}.formeo-controls .field-control button:hover{filter:none}.formeo-controls .field-control .control-icon{margin-right:8px;text-align:center;width:24px;height:24px;display:flex;align-items:center;justify-content:center}[dir=rtl] .formeo-controls .field-control button{text-align:right!important}[dir=rtl] .formeo-controls .field-control svg{float:right!important;margin:0 0 0 8px!important}.formeo-controls .field-control .control-icon{pointer-events:none}.formeo-controls .field-control .control-icon .f-i-hash{padding:2px}.field-control{cursor:move;list-style:none;margin:-1px 0 0;border:1px solid #cccccc;text-align:left;background:#fff;-webkit-user-select:none;user-select:none;overflow:hidden}.field-control.control-moving{border-radius:8px;animation:DRAG_GHOST .5s forwards}.field-control:before{margin-right:8px;font-size:16px}.field-control:hover{background-color:#f2f2f2}.field-control button{box-sizing:border-box;font-size:1em;line-height:1.8em;display:flex;height:100%;width:100%;background:transparent;border:0 none;text-align:left;padding:8px;border-radius:0}.field-control button:focus{outline:0 none;background-color:#f2f2f2;box-shadow:0 0 0 1px #66afe9 inset;border-radius:0!important}.field-control button:active{transform:none}.field-control button:hover{filter:none}.field-control .control-icon{margin-right:8px;text-align:center;width:24px;height:24px;display:flex;align-items:center;justify-content:center}[dir=rtl] .field-control button{text-align:right!important}[dir=rtl] .field-control svg{float:right!important;margin:0 0 0 8px!important}.field-control .svg-icon{pointer-events:none}
|