@e-xode/vui 0.6.5 → 0.6.7

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.
Files changed (85) hide show
  1. package/README.md +11 -7
  2. package/dist/checkbox-BP2ttYER.js +1 -0
  3. package/dist/{checkbox-C0XHmyOW.js → checkbox-Qcc2Y3jj.js} +56 -25
  4. package/dist/doc/assets/{alert-CfN-KK4X.js → alert-kDXe81fs.js} +1 -1
  5. package/dist/doc/assets/{alert-BUCYz3vD.js → alert-xIfTKyZn.js} +1 -1
  6. package/dist/doc/assets/{button-CNMZ1GQO.js → button-2k6FVc0L.js} +1 -1
  7. package/dist/doc/assets/{button-C1U5-S3p.js → button-9ro2C_DO.js} +1 -1
  8. package/dist/doc/assets/{card-CwQ070ao.js → card-DiRo_ZxR.js} +1 -1
  9. package/dist/doc/assets/{card-CUtpnLFS.js → card-ETnsHTxY.js} +1 -1
  10. package/dist/doc/assets/checkbox-BNwsQFlx.css +1 -0
  11. package/dist/doc/assets/checkbox-GxzrS_FW.js +1 -0
  12. package/dist/doc/assets/checkbox-XTMM84PN.js +28 -0
  13. package/dist/doc/assets/{component-CXumWSlt.js → component-Cd0V3c30.js} +1 -1
  14. package/dist/doc/assets/{default-D8NjjGBi.css → default-DOpWYWAd.css} +1 -1
  15. package/dist/doc/assets/{default-DHoZWdtn.js → default-Ddw34XZA.js} +1 -1
  16. package/dist/doc/assets/{demonstrable-B5KAWPKX.js → demonstrable-Dv7XIPoL.js} +1 -1
  17. package/dist/doc/assets/{dropdown-D3hwsYWo.js → dropdown-C6Kafffe.js} +1 -1
  18. package/dist/doc/assets/dropdown-CWekPPzX.js +1 -0
  19. package/dist/doc/assets/{dropdown-BDltvOgD.css → dropdown-MxPEtcwI.css} +1 -1
  20. package/dist/doc/assets/{footer-BgsenAcP.js → footer-DEmxvZDO.js} +1 -1
  21. package/dist/doc/assets/{footer-Bm8ssenm.js → footer-DmvqVfCJ.js} +1 -1
  22. package/dist/doc/assets/{form-k50YoLDD.js → form-DLfAvscm.js} +1 -1
  23. package/dist/doc/assets/{form-DKLHmzJQ.js → form-DQoPnfc6.js} +1 -1
  24. package/dist/doc/assets/{grid-TeUBpTW_.js → grid-Byaifs5F.js} +1 -1
  25. package/dist/doc/assets/{grid-BqtXNrmN.js → grid-Dyb-qIv6.js} +1 -1
  26. package/dist/doc/assets/{header-BXnWOksC.js → header-C2DRVubg.js} +1 -1
  27. package/dist/doc/assets/{header-eITS5i2z.js → header-CW68DlQ3.js} +1 -1
  28. package/dist/doc/assets/{index-BQmFywQ4.js → index-BTCbAXEh.js} +15 -15
  29. package/dist/doc/assets/{index-wi3jjcqb.js → index-DYd8GVyV.js} +1 -1
  30. package/dist/doc/assets/input-DJ8amP3y.css +1 -0
  31. package/dist/doc/assets/input-Dxw7RYfZ.js +37 -0
  32. package/dist/doc/assets/input-hkS14TCT.js +1 -0
  33. package/dist/doc/assets/{list-n45uFw2X.js → list-BYX5Hslw.js} +1 -1
  34. package/dist/doc/assets/{list-CGLoBn9q.js → list-n3xmt7CO.js} +1 -1
  35. package/dist/doc/assets/{loader-kFszqXxd.js → loader-C_KYFdY0.js} +1 -1
  36. package/dist/doc/assets/{loader-BV0MDdoZ.js → loader-hc6kqiqT.js} +1 -1
  37. package/dist/doc/assets/{modal-BQbrtOh6.js → modal-Ci7IYllg.js} +1 -1
  38. package/dist/doc/assets/{modal-DLTSg2Rm.js → modal-DprGtJnD.js} +1 -1
  39. package/dist/doc/assets/{nav-DQFqqSlk.js → nav--03mFDUT.js} +1 -1
  40. package/dist/doc/assets/{nav-DL_aupT5.js → nav-C9RI5Z6H.js} +1 -1
  41. package/dist/doc/assets/{page-5bIt8sIt.js → page-C85vct24.js} +1 -1
  42. package/dist/doc/assets/{page-HHRlPnpS.js → page-CMF9WylW.js} +1 -1
  43. package/dist/doc/assets/{pager-lLWSRkXq.js → pager-0bNXGtWQ.js} +1 -1
  44. package/dist/doc/assets/{pager-BJfdjd6d.js → pager-BuEhUbXw.js} +1 -1
  45. package/dist/doc/assets/{progress-BGFPfOOr.js → progress-B9G9PL1G.js} +1 -1
  46. package/dist/doc/assets/{progress-agXYCgzm.js → progress-aePOsZNN.js} +1 -1
  47. package/dist/doc/assets/radio-Dg31j783.css +1 -0
  48. package/dist/doc/assets/radio-FDvwgcUe.js +1 -0
  49. package/dist/doc/assets/radio-vJklHHcl.js +28 -0
  50. package/dist/doc/assets/{start-CqupTQKQ.js → start-Cpz5sHNq.js} +1 -1
  51. package/dist/doc/assets/{table-No82fyed.js → table-C_Rv3GlB.js} +1 -1
  52. package/dist/doc/assets/{table-CMUxQ9C6.js → table-D1jz3DKO.js} +1 -1
  53. package/dist/doc/assets/{tabs-uU4Onuid.js → tabs-CpDei3SM.js} +1 -1
  54. package/dist/doc/assets/{tabs-BO11EW27.js → tabs-DJI7K47M.js} +1 -1
  55. package/dist/doc/assets/{tag-COrA8kV9.js → tag-0ugBlzs4.js} +1 -1
  56. package/dist/doc/assets/{tag-Do20IKxB.js → tag-CgEGHygn.js} +1 -1
  57. package/dist/doc/assets/{toggle-BOUyuSz0.js → toggle-CsmmXJeS.js} +1 -1
  58. package/dist/doc/assets/{toggle-DazanQqx.js → toggle-Dxv9_B8u.js} +1 -1
  59. package/dist/doc/assets/{tooltip-CpdVg_-T.js → tooltip-BZOlKAkT.js} +1 -1
  60. package/dist/doc/assets/{tooltip-94laNPly.js → tooltip-CfuewoN3.js} +1 -1
  61. package/dist/doc/assets/{translatable-DbFxNJLL.js → translatable-eIyiPB31.js} +1 -1
  62. package/dist/doc/assets/{unit-CiQ7QHVC.js → unit-B5sbv-XJ.js} +1 -1
  63. package/dist/doc/assets/{unit-BBuvFoj-.js → unit-KaJ8YPkP.js} +1 -1
  64. package/dist/doc/index.html +1 -1
  65. package/dist/{dropdown-BwSLrIif.js → dropdown-DUUZsTpI.js} +1 -1
  66. package/dist/{dropdown-94Qb68fE.js → dropdown-UMn42uen.js} +40 -40
  67. package/dist/input-BS_1U11l.js +139 -0
  68. package/dist/input-CPJkbqQt.js +1 -0
  69. package/dist/radio-BlBm-IvA.js +1 -0
  70. package/dist/radio-CzWvdO-G.js +147 -0
  71. package/dist/style.css +1 -1
  72. package/dist/vui.esm.js +12 -1
  73. package/dist/vui.js +1 -1
  74. package/dist/vui.umd.js +1 -1
  75. package/package.json +5 -5
  76. package/dist/checkbox-B9yl-GCS.js +0 -1
  77. package/dist/doc/assets/checkbox-DUY-WF86.js +0 -1
  78. package/dist/doc/assets/checkbox-DrJf8HyQ.js +0 -14
  79. package/dist/doc/assets/checkbox-Dtjrzcei.css +0 -1
  80. package/dist/doc/assets/dropdown-EPlb5xOz.js +0 -1
  81. package/dist/doc/assets/input-BKMua51x.js +0 -1
  82. package/dist/doc/assets/input-BOPqansB.js +0 -15
  83. package/dist/doc/assets/input-D3l35AS9.css +0 -1
  84. package/dist/input-Dy5fCJhT.js +0 -103
  85. package/dist/input-WjGQ7q1J.js +0 -1
@@ -1,13 +1,13 @@
1
- import c from "./input-Dy5fCJhT.js";
2
- import b from "./list-BH719nj8.js";
3
- import { a as f } from "./animable-DnFaMPYA.js";
4
- import { _ as g, c as y, t as v } from "./_plugin-vue_export-helper-BSl1dQT6.js";
5
- import { resolveComponent as u, openBlock as p, createElementBlock as w, normalizeClass as m, renderSlot as d, createElementVNode as V, withModifiers as k, createVNode as C, createBlock as I, mergeProps as L, createSlots as S, withCtx as n, createCommentVNode as B } from "vue";
1
+ import c from "./input-BS_1U11l.js";
2
+ import f from "./list-BH719nj8.js";
3
+ import { a as b } from "./animable-DnFaMPYA.js";
4
+ import { _ as g, c as v, t as y } from "./_plugin-vue_export-helper-BSl1dQT6.js";
5
+ import { resolveComponent as n, openBlock as u, createElementBlock as w, normalizeClass as p, renderSlot as r, createElementVNode as k, withModifiers as V, createVNode as C, createBlock as I, mergeProps as $, createSlots as L, withCtx as d, createCommentVNode as S } from "vue";
6
6
  import "highlight.js";
7
- const $ = {
7
+ const B = {
8
8
  "component.dropdown.placeholder": "Select a value ..."
9
9
  }, F = {}, N = {
10
- en: $,
10
+ en: B,
11
11
  fr: F
12
12
  }, A = {
13
13
  disableFiltering: {
@@ -57,11 +57,11 @@ const $ = {
57
57
  name: "VuiDropdown",
58
58
  components: {
59
59
  VuiInput: c,
60
- VuiList: b
60
+ VuiList: f
61
61
  },
62
62
  mixins: [
63
- f,
64
- y
63
+ b,
64
+ v
65
65
  ],
66
66
  props: A,
67
67
  emits: ["input", "update:model-value"],
@@ -92,16 +92,16 @@ const $ = {
92
92
  }
93
93
  },
94
94
  created() {
95
- v(N), this.hasModelValue ? this.selected = this.modelValue : this.hasValue && (this.selected = this.value);
95
+ y(N), this.hasModelValue ? this.selected = this.modelValue : this.hasValue && (this.selected = this.value);
96
96
  },
97
97
  methods: {
98
98
  labelFromChild(e, l, i) {
99
- const { itemValue: r, itemLabel: t } = this;
100
- return e[r].reduce((o, a) => a[r] === i ? a[t] : o, l);
99
+ const { itemValue: a, itemLabel: t } = this;
100
+ return e[a].reduce((o, s) => s[a] === i ? s[t] : o, l);
101
101
  },
102
102
  labelFromItem(e) {
103
103
  const { itemValue: l, itemLabel: i } = this;
104
- return this.items.reduce((r, t) => Array.isArray(t[l]) ? this.labelFromChild(t, r, e) : t[l] === e ? t[i] : r, e);
104
+ return this.items.reduce((a, t) => Array.isArray(t[l]) ? this.labelFromChild(t, a, e) : t[l] === e ? t[i] : a, e);
105
105
  },
106
106
  onClick() {
107
107
  this.disabled || this.onAnimate();
@@ -113,37 +113,37 @@ const $ = {
113
113
  this.keyword = null, this.blur(), this.hasProp("value") || (this.selected = e), this.$emit("update:model-value", e);
114
114
  }
115
115
  }
116
- }, U = ["id"];
117
- function j(e, l, i, r, t, o) {
118
- const a = u("vui-input"), h = u("vui-list");
119
- return p(), w("div", {
116
+ }, j = ["id"];
117
+ function E(e, l, i, a, t, o) {
118
+ const s = n("vui-input"), m = n("vui-list");
119
+ return u(), w("div", {
120
120
  id: e.componentId,
121
- class: m(["vui-dropdown", e.$props.class])
121
+ class: p(["vui-dropdown", e.$props.class])
122
122
  }, [
123
- d(e.$slots, "prepend"),
124
- V("div", {
125
- class: m([
123
+ r(e.$slots, "prepend"),
124
+ k("div", {
125
+ class: p([
126
126
  "vui-dropdown-placeholder",
127
127
  { "vui-dropdown-placeholder--toggled": e.toggled },
128
128
  { "vui-dropdown-placeholder--animating": e.animating },
129
129
  { "vui-dropdown-placeholder--disabled": e.disabled }
130
130
  ]),
131
- onClick: l[0] || (l[0] = k((...s) => o.onClick && o.onClick(...s), ["stop"]))
131
+ onClick: l[0] || (l[0] = V((...h) => o.onClick && o.onClick(...h), ["stop"]))
132
132
  }, [
133
- d(e.$slots, "keyword", { keyword: t.keyword }, () => [
134
- C(a, {
133
+ r(e.$slots, "keyword", { keyword: t.keyword }, () => [
134
+ C(s, {
135
+ "with-icon": !1,
135
136
  value: t.keyword,
136
137
  type: "text",
137
138
  class: "vui-dropdown-placeholder-label",
138
- placeholder: o.placeholderValue,
139
+ placeholder: `${o.placeholderValue}`,
139
140
  onInput: o.onInput
140
141
  }, null, 8, ["value", "placeholder", "onInput"])
141
142
  ])
142
143
  ], 2),
143
- e.toggled ? (p(), I(h, L({
144
+ e.toggled ? (u(), I(m, $({
144
145
  key: 0,
145
- modelValue: t.selected,
146
- "onUpdate:modelValue": l[1] || (l[1] = (s) => t.selected = s)
146
+ value: t.selected
147
147
  }, e.$attrs, {
148
148
  class: "vui-dropdown-list",
149
149
  "group-id": e.componentGroupId,
@@ -156,33 +156,33 @@ function j(e, l, i, r, t, o) {
156
156
  selectable: !0,
157
157
  title: o.listTitle,
158
158
  "onUpdate:modelValue": o.onToggle
159
- }), S({ _: 2 }, [
159
+ }), L({ _: 2 }, [
160
160
  e.$slots.placeholder ? {
161
161
  name: "placeholder",
162
- fn: n(() => [
163
- d(e.$slots, "placeholder")
162
+ fn: d(() => [
163
+ r(e.$slots, "placeholder")
164
164
  ]),
165
165
  key: "0"
166
166
  } : void 0,
167
167
  e.$slots["group-item"] ? {
168
168
  name: "group-item",
169
- fn: n(() => [
170
- d(e.$slots, "group-item")
169
+ fn: d(() => [
170
+ r(e.$slots, "group-item")
171
171
  ]),
172
172
  key: "1"
173
173
  } : void 0,
174
174
  e.$slots.item ? {
175
175
  name: "item",
176
- fn: n(() => [
177
- d(e.$slots, "item")
176
+ fn: d(() => [
177
+ r(e.$slots, "item")
178
178
  ]),
179
179
  key: "2"
180
180
  } : void 0
181
- ]), 1040, ["modelValue", "group-id", "disable-filtering", "disabled", "items", "item-label", "item-value", "keyword", "title", "onUpdate:modelValue"])) : B("", !0),
182
- d(e.$slots, "append")
183
- ], 10, U);
181
+ ]), 1040, ["value", "group-id", "disable-filtering", "disabled", "items", "item-label", "item-value", "keyword", "title", "onUpdate:modelValue"])) : S("", !0),
182
+ r(e.$slots, "append")
183
+ ], 10, j);
184
184
  }
185
- const D = /* @__PURE__ */ g(T, [["render", j]]);
185
+ const D = /* @__PURE__ */ g(T, [["render", E]]);
186
186
  export {
187
187
  D as default
188
188
  };
@@ -0,0 +1,139 @@
1
+ import { _ as d, c as r, t as h } from "./_plugin-vue_export-helper-BSl1dQT6.js";
2
+ import { openBlock as t, createElementBlock as n, normalizeClass as i, renderSlot as u, createElementVNode as m, createCommentVNode as l } from "vue";
3
+ import "highlight.js";
4
+ const c = {
5
+ "component.input.placeholder": "Type a value ..."
6
+ }, y = {}, f = {
7
+ en: c,
8
+ fr: y
9
+ }, v = {
10
+ icon: {
11
+ default: void 0,
12
+ type: String
13
+ },
14
+ modelValue: {
15
+ default: void 0,
16
+ types: [
17
+ Boolean,
18
+ String,
19
+ Number,
20
+ null
21
+ ]
22
+ },
23
+ maxlength: {
24
+ type: Number
25
+ },
26
+ name: {
27
+ type: String
28
+ },
29
+ placeholder: {
30
+ default: null,
31
+ types: [
32
+ Boolean,
33
+ String,
34
+ Number,
35
+ null
36
+ ]
37
+ },
38
+ type: {
39
+ default: "text",
40
+ type: String
41
+ },
42
+ value: {
43
+ default: void 0,
44
+ types: [
45
+ Boolean,
46
+ Number,
47
+ String,
48
+ null
49
+ ]
50
+ },
51
+ withIcon: {
52
+ default: !0,
53
+ type: Boolean
54
+ }
55
+ }, b = {
56
+ name: "VuiInput",
57
+ mixins: [
58
+ r
59
+ ],
60
+ props: v,
61
+ emits: ["input", "update:model-value"],
62
+ data() {
63
+ return {
64
+ typed: null
65
+ };
66
+ },
67
+ computed: {
68
+ placeholderValue() {
69
+ return this.placeholder ? this.placeholder : this.$t("component.input.placeholder");
70
+ }
71
+ },
72
+ watch: {
73
+ value(e) {
74
+ this.typed = e;
75
+ },
76
+ modelValue(e) {
77
+ this.typed = e;
78
+ }
79
+ },
80
+ created() {
81
+ h(f), this.hasModelValue ? this.typed = this.modelValue : this.hasValue && (this.typed = this.value);
82
+ },
83
+ methods: {
84
+ onInput(e) {
85
+ this.typed = this.type === "number" ? e.target.valueAsNumber : e.target.value, this.$emit("input", e), this.$emit("update:model-value", this.typed);
86
+ }
87
+ }
88
+ }, g = ["id"], I = ["value", "disabled", "maxlength", "name", "placeholder", "required", "type"], w = {
89
+ key: 1,
90
+ class: /* @__PURE__ */ i(["vui-input-icon", "fa-font"])
91
+ }, V = {
92
+ key: 2,
93
+ class: /* @__PURE__ */ i(["vui-input-icon", "fa-at"])
94
+ }, k = {
95
+ key: 3,
96
+ class: /* @__PURE__ */ i(["vui-input-icon", "fa-key"])
97
+ }, N = {
98
+ key: 4,
99
+ class: /* @__PURE__ */ i(["vui-input-icon", "fa-arrow-down-1-9"])
100
+ };
101
+ function S(e, o, $, B, s, a) {
102
+ return t(), n("div", {
103
+ id: e.componentId,
104
+ class: i([
105
+ "vui-input",
106
+ `vui-input--${e.layout}`,
107
+ { "vui-input--flat": e.hasAttribute("flat") },
108
+ { "vui-input--with-icon": e.withIcon },
109
+ { "vui-input--disabled": e.disabled },
110
+ { "vui-input--loading": !e.disabled && e.loading },
111
+ e.$props.class
112
+ ])
113
+ }, [
114
+ u(e.$slots, "prepend"),
115
+ m("input", {
116
+ value: s.typed,
117
+ disabled: e.disabled,
118
+ maxlength: e.maxlength,
119
+ name: e.name,
120
+ placeholder: a.placeholderValue,
121
+ required: e.hasAttribute("required"),
122
+ type: e.type,
123
+ onInput: o[0] || (o[0] = (...p) => a.onInput && a.onInput(...p))
124
+ }, null, 40, I),
125
+ e.withIcon && e.icon ? (t(), n("i", {
126
+ key: 0,
127
+ class: i(["vui-input-icon", e.icon])
128
+ }, null, 2)) : l("", !0),
129
+ e.withIcon && !e.icon && e.type === "text" ? (t(), n("i", w)) : l("", !0),
130
+ e.withIcon && !e.icon && e.type === "email" ? (t(), n("i", V)) : l("", !0),
131
+ e.withIcon && !e.icon && e.type === "password" ? (t(), n("i", k)) : l("", !0),
132
+ e.withIcon && !e.icon && e.type === "number" ? (t(), n("i", N)) : l("", !0),
133
+ u(e.$slots, "append")
134
+ ], 10, g);
135
+ }
136
+ const E = /* @__PURE__ */ d(b, [["render", S]]);
137
+ export {
138
+ E as default
139
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./_plugin-vue_export-helper-DeDoBcDj.js"),t=require("vue");require("highlight.js");const u={"component.input.placeholder":"Type a value ..."},s={},r={en:u,fr:s},d={icon:{default:void 0,type:String},modelValue:{default:void 0,types:[Boolean,String,Number,null]},maxlength:{type:Number},name:{type:String},placeholder:{default:null,types:[Boolean,String,Number,null]},type:{default:"text",type:String},value:{default:void 0,types:[Boolean,Number,String,null]},withIcon:{default:!0,type:Boolean}},p={name:"VuiInput",mixins:[l.composable],props:d,emits:["input","update:model-value"],data(){return{typed:null}},computed:{placeholderValue(){return this.placeholder?this.placeholder:this.$t("component.input.placeholder")}},watch:{value(e){this.typed=e},modelValue(e){this.typed=e}},created(){l.translatable(r),this.hasModelValue?this.typed=this.modelValue:this.hasValue&&(this.typed=this.value)},methods:{onInput(e){this.typed=this.type==="number"?e.target.valueAsNumber:e.target.value,this.$emit("input",e),this.$emit("update:model-value",this.typed)}}},m=["id"],c=["value","disabled","maxlength","name","placeholder","required","type"],h={key:1,class:t.normalizeClass(["vui-input-icon","fa-font"])},y={key:2,class:t.normalizeClass(["vui-input-icon","fa-at"])},f={key:3,class:t.normalizeClass(["vui-input-icon","fa-key"])},v={key:4,class:t.normalizeClass(["vui-input-icon","fa-arrow-down-1-9"])};function b(e,o,k,B,i,n){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-input",`vui-input--${e.layout}`,{"vui-input--flat":e.hasAttribute("flat")},{"vui-input--with-icon":e.withIcon},{"vui-input--disabled":e.disabled},{"vui-input--loading":!e.disabled&&e.loading},e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("input",{value:i.typed,disabled:e.disabled,maxlength:e.maxlength,name:e.name,placeholder:n.placeholderValue,required:e.hasAttribute("required"),type:e.type,onInput:o[0]||(o[0]=(...a)=>n.onInput&&n.onInput(...a))},null,40,c),e.withIcon&&e.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-input-icon",e.icon])},null,2)):t.createCommentVNode("",!0),e.withIcon&&!e.icon&&e.type==="text"?(t.openBlock(),t.createElementBlock("i",h)):t.createCommentVNode("",!0),e.withIcon&&!e.icon&&e.type==="email"?(t.openBlock(),t.createElementBlock("i",y)):t.createCommentVNode("",!0),e.withIcon&&!e.icon&&e.type==="password"?(t.openBlock(),t.createElementBlock("i",f)):t.createCommentVNode("",!0),e.withIcon&&!e.icon&&e.type==="number"?(t.openBlock(),t.createElementBlock("i",v)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")],10,m)}const g=l._export_sfc(p,[["render",b]]);exports.default=g;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./_plugin-vue_export-helper-DeDoBcDj.js"),l=require("vue");require("highlight.js");const o={},n={},s={en:o,fr:n},r={checked:{default:void 0,type:Boolean},checkedValue:{default:void 0,types:[Boolean,String,Number,null]},icon:{type:String,default:"fa-circle"},iconChecked:{type:String,default:"fa-circle-check"},modelValue:{default:void 0,types:[Boolean,String,Number,null]},name:{default:void 0,type:String},text:{default:void 0,type:String},uncheckedValue:{default:void 0,types:[Boolean,String,Number,null]},value:{default:void 0,types:[Boolean,String,Number,null]}},u={name:"VuiRadio",mixins:[i.composable],props:r,emits:["update:model-value"],data(){return{toggled:!1}},computed:{hasLabel(){return this.$slots.default||this.text},isChecked(){return this.hasProp("checked")?this.checked:this.hasProp("checkedValue")?this.toggled===this.checkedValue:this.toggled}},watch:{modelValue(e){this.toggled=e},value(e){this.toggled=e}},created(){i.translatable(s),this.hasModelValue?this.toggled=this.modelValue:this.hasValue&&(this.toggled=this.value)},methods:{onToggle(){this.disabled||(this.hasProp("checkedValue")?this.toggled=this.isChecked?this.uncheckedValue:this.checkedValue:this.toggled=!this.isChecked,this.$emit("update:model-value",this.toggled))}}},c=["id"],h=["name","disabled","required"],g=["for"];function f(e,d,k,p,b,t){return l.openBlock(),l.createElementBlock("div",{id:e.componentId,class:l.normalizeClass(["vui-radio",`vui-radio--${e.layout}`,{"vui-radio--flat":e.hasAttribute("flat")},{"vui-radio--with-label":t.hasLabel},{"vui-radio--with-icon":e.icon},{"vui-radio--checked":t.isChecked},{"vui-radio--disabled":e.disabled},{"vui-radio--loading":!e.disabled&&e.loading},e.$props.class]),onClick:d[0]||(d[0]=(...a)=>t.onToggle&&t.onToggle(...a))},[l.renderSlot(e.$slots,"prepend"),e.icon&&!t.isChecked?(l.openBlock(),l.createElementBlock("i",{key:0,class:l.normalizeClass(["vui-radio-icon",e.icon])},null,2)):l.createCommentVNode("",!0),e.iconChecked&&t.isChecked?(l.openBlock(),l.createElementBlock("i",{key:1,class:l.normalizeClass(["vui-radio-icon",e.iconChecked])},null,2)):l.createCommentVNode("",!0),l.createElementVNode("input",{name:e.name,disabled:e.disabled,required:e.hasAttribute("required"),type:"checkbox"},null,8,h),t.hasLabel?(l.openBlock(),l.createElementBlock("label",{key:2,class:"vui-radio-label",for:e.name},[l.renderSlot(e.$slots,"default",{},()=>[l.createTextVNode(l.toDisplayString(e.text),1)])],8,g)):l.createCommentVNode("",!0),l.renderSlot(e.$slots,"append")],10,c)}const m=i._export_sfc(u,[["render",f]]);exports.default=m;
@@ -0,0 +1,147 @@
1
+ import { _ as u, c as r, t as h } from "./_plugin-vue_export-helper-BSl1dQT6.js";
2
+ import { openBlock as d, createElementBlock as t, normalizeClass as l, renderSlot as a, createCommentVNode as s, createElementVNode as c, createTextVNode as f, toDisplayString as g } from "vue";
3
+ import "highlight.js";
4
+ const m = {}, p = {}, k = {
5
+ en: m,
6
+ fr: p
7
+ }, b = {
8
+ checked: {
9
+ default: void 0,
10
+ type: Boolean
11
+ },
12
+ checkedValue: {
13
+ default: void 0,
14
+ types: [
15
+ Boolean,
16
+ String,
17
+ Number,
18
+ null
19
+ ]
20
+ },
21
+ icon: {
22
+ type: String,
23
+ default: "fa-circle"
24
+ },
25
+ iconChecked: {
26
+ type: String,
27
+ default: "fa-circle-check"
28
+ },
29
+ modelValue: {
30
+ default: void 0,
31
+ types: [
32
+ Boolean,
33
+ String,
34
+ Number,
35
+ null
36
+ ]
37
+ },
38
+ name: {
39
+ default: void 0,
40
+ type: String
41
+ },
42
+ text: {
43
+ default: void 0,
44
+ type: String
45
+ },
46
+ uncheckedValue: {
47
+ default: void 0,
48
+ types: [
49
+ Boolean,
50
+ String,
51
+ Number,
52
+ null
53
+ ]
54
+ },
55
+ value: {
56
+ default: void 0,
57
+ types: [
58
+ Boolean,
59
+ String,
60
+ Number,
61
+ null
62
+ ]
63
+ }
64
+ }, v = {
65
+ name: "VuiRadio",
66
+ mixins: [
67
+ r
68
+ ],
69
+ props: b,
70
+ emits: ["update:model-value"],
71
+ data() {
72
+ return {
73
+ toggled: !1
74
+ };
75
+ },
76
+ computed: {
77
+ hasLabel() {
78
+ return this.$slots.default || this.text;
79
+ },
80
+ isChecked() {
81
+ return this.hasProp("checked") ? this.checked : this.hasProp("checkedValue") ? this.toggled === this.checkedValue : this.toggled;
82
+ }
83
+ },
84
+ watch: {
85
+ modelValue(e) {
86
+ this.toggled = e;
87
+ },
88
+ value(e) {
89
+ this.toggled = e;
90
+ }
91
+ },
92
+ created() {
93
+ h(k), this.hasModelValue ? this.toggled = this.modelValue : this.hasValue && (this.toggled = this.value);
94
+ },
95
+ methods: {
96
+ onToggle() {
97
+ this.disabled || (this.hasProp("checkedValue") ? this.toggled = this.isChecked ? this.uncheckedValue : this.checkedValue : this.toggled = !this.isChecked, this.$emit("update:model-value", this.toggled));
98
+ }
99
+ }
100
+ }, V = ["id"], y = ["name", "disabled", "required"], C = ["for"];
101
+ function S(e, o, B, N, T, i) {
102
+ return d(), t("div", {
103
+ id: e.componentId,
104
+ class: l([
105
+ "vui-radio",
106
+ `vui-radio--${e.layout}`,
107
+ { "vui-radio--flat": e.hasAttribute("flat") },
108
+ { "vui-radio--with-label": i.hasLabel },
109
+ { "vui-radio--with-icon": e.icon },
110
+ { "vui-radio--checked": i.isChecked },
111
+ { "vui-radio--disabled": e.disabled },
112
+ { "vui-radio--loading": !e.disabled && e.loading },
113
+ e.$props.class
114
+ ]),
115
+ onClick: o[0] || (o[0] = (...n) => i.onToggle && i.onToggle(...n))
116
+ }, [
117
+ a(e.$slots, "prepend"),
118
+ e.icon && !i.isChecked ? (d(), t("i", {
119
+ key: 0,
120
+ class: l(["vui-radio-icon", e.icon])
121
+ }, null, 2)) : s("", !0),
122
+ e.iconChecked && i.isChecked ? (d(), t("i", {
123
+ key: 1,
124
+ class: l(["vui-radio-icon", e.iconChecked])
125
+ }, null, 2)) : s("", !0),
126
+ c("input", {
127
+ name: e.name,
128
+ disabled: e.disabled,
129
+ required: e.hasAttribute("required"),
130
+ type: "checkbox"
131
+ }, null, 8, y),
132
+ i.hasLabel ? (d(), t("label", {
133
+ key: 2,
134
+ class: "vui-radio-label",
135
+ for: e.name
136
+ }, [
137
+ a(e.$slots, "default", {}, () => [
138
+ f(g(e.text), 1)
139
+ ])
140
+ ], 8, C)) : s("", !0),
141
+ a(e.$slots, "append")
142
+ ], 10, V);
143
+ }
144
+ const L = /* @__PURE__ */ u(v, [["render", S]]);
145
+ export {
146
+ L as default
147
+ };
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .vui-button{box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);border-radius:.25rem;background-color:#e6e9ea;background-repeat:no-repeat;background-size:0 0;background-position:50% 50%;transition:background-size .125s,color .125s;position:relative;display:inline-flex;padding:0 1rem;justify-content:center;cursor:pointer}.vui-button.vui-button--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-button.vui-button--default .vui-button-icon:before{color:#000}.vui-button.vui-button--default.vui-button--loading .vui-button-loader{background-color:#000}.vui-button.vui-button--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-button.vui-button--error .vui-button-icon:before{color:#960e13}.vui-button.vui-button--error.vui-button--loading .vui-button-loader{background-color:#960e13}.vui-button.vui-button--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-button.vui-button--success .vui-button-icon:before{color:#145b32}.vui-button.vui-button--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-button.vui-button--warning .vui-button-icon:before{color:#976008}.vui-button .vui-button-loader{position:absolute;bottom:-2px;left:0;width:30%;height:2px;background-color:transparent}.vui-button:hover,.vui-button.vui-button--toggled{background-color:#d9dcde}.vui-button.vui-button--animating{background-size:100% 100%;background-image:linear-gradient(#e6e9ea,#e6e9ea)}.vui-button.vui-button--loading .vui-button-loader{animation:linear infinite;animation-name:loading;animation-duration:.8s;background-color:#545e64}.vui-button.vui-button--error:hover,.vui-button.vui-button--error.vui-button--toggled{background-color:#f7acae}.vui-button.vui-button--error.vui-button--animating{background-image:linear-gradient(#f37d81,#f37d81)}.vui-button.vui-button--success:hover,.vui-button.vui-button--success.vui-button--toggled{background-color:#89e5b0}.vui-button.vui-button--success.vui-button--animating{background-image:linear-gradient(#60db94,#60db94)}.vui-button.vui-button--warning:hover,.vui-button.vui-button--warning.vui-button--toggled{background-color:#fad9a4}.vui-button.vui-button--warning.vui-button--animating{background-image:linear-gradient(#f8c573,#f8c573)}.vui-button .vui-button-holder{position:relative;margin-top:.15rem;font-size:.85rem;font-weight:600;line-height:2rem;color:inherit;background-color:transparent;text-transform:uppercase;border:none;cursor:pointer}.vui-button .vui-button-holder .vui-button-icon{color:#869198}.vui-button.vui-button--flat{box-shadow:none}.vui-button.vui-button--with-label .vui-button-holder .vui-button-icon{margin-right:.75rem}.vui-button.vui-button--disabled{color:#869198;background-color:#bdc3c7;border:1px solid #869198;opacity:.4;cursor:default}.vui-button.vui-button--disabled button{color:inherit;cursor:default}.vui-button.vui-button--disabled button .vui-button-icon{color:inherit}.vui-checkbox{position:relative;display:inline-flex;padding-left:1rem;cursor:pointer}.vui-checkbox input[type=checkbox]{display:none}.vui-checkbox label{padding-left:1rem}.vui-checkbox:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Regular";font-style:normal;font-weight:400;text-rendering:auto;-webkit-font-smoothing:antialiased;content:"";position:absolute;top:0;left:0;font-size:1.5rem}.vui-checkbox.vui-checkbox--checked:before{content:""}.vui-checkbox.vui-checkbox--disabled{cursor:not-allowed}.vui-checkbox.vui-checkbox--disabled:before{color:#949da4;background-color:#e6e9ea}.vui-footer{padding:1rem;text-align:right;background-color:#e6e9ea;border:1px solid rgb(189,195,199);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.vui-form section{border:1px solid #d9dcde;border-radius:.25rem}.vui-form section:not(:first-of-type){margin-top:1rem}.vui-form section.section--submit{border:none;padding:1rem 0;text-align:center}.vui-form section fieldset{padding:1rem}.vui-form section fieldset .fieldset-item{display:flex}.vui-form section fieldset .fieldset-item label{flex:0 0 50%;line-height:2rem}.vui-form section fieldset .fieldset-item .input{flex:0 0 50%}.vui-form section fieldset .fieldset-item .input input{width:100%}.vui-header{padding:1rem;background-color:#e6e9ea;border:1px solid rgb(189,195,199);border-top-left-radius:.25rem;border-top-right-radius:.25rem}.vui-input{border:1px solid rgb(189,195,199);border-radius:.25rem}.vui-input input[type=date-time-local],.vui-input input[type=date],.vui-input input[type=text],.vui-input input[type=email],.vui-input input[type=number],.vui-input input[type=password]{width:100%;padding:.5rem .25rem .25rem .5rem;color:#000;outline:none;border:none}.vui-input input[type=date-time-local]:disabled,.vui-input input[type=date]:disabled,.vui-input input[type=text]:disabled,.vui-input input[type=email]:disabled,.vui-input input[type=number]:disabled,.vui-input input[type=password]:disabled{color:#78848c;background-color:#e6e9ea;cursor:not-allowed}.vui-table table{border-collapse:collapse}.vui-table table thead tr{background-color:#d9dcde}.vui-table table thead tr th{padding:1rem;border:1px solid rgb(189,195,199)}.vui-table table thead tr th:not(.text-center,.text-right){text-align:left}.vui-table table tbody tr td{padding:1rem;border:1px solid rgb(189,195,199)}@media (max-width: 550px){.vui-table table thead{display:none}.vui-table table tr{display:block;margin-bottom:1rem}.vui-table table td{display:block;text-align:right}.vui-table table td:before{content:attr(data-label);float:left}}.vui-grid{display:flex;flex-wrap:wrap}@media (min-width: 576px){.vui-grid.vui-grid--col-xs--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-xs--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-xs--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-xs--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-xs--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-xs--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-xs--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-xs--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-xs--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-xs--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-xs--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-xs--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 768px){.vui-grid.vui-grid--col-sm--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-sm--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-sm--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-sm--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-sm--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-sm--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-sm--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-sm--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-sm--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-sm--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-sm--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-sm--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 992px){.vui-grid.vui-grid--col-md--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-md--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-md--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-md--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-md--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-md--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-md--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-md--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-md--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-md--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-md--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-md--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 1200px){.vui-grid.vui-grid--col-xl--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-xl--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-xl--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-xl--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-xl--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-xl--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-xl--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-xl--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-xl--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-xl--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-xl--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-xl--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 1400px){.vui-grid.vui-grid--col-xxl--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-xxl--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-xxl--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-xxl--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-xxl--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-xxl--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-xxl--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-xxl--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-xxl--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-xxl--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-xxl--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-xxl--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}.vui-grid-unit{padding:1rem}.vui-grid-unit.vui-grid-unit-col--1{flex:1 1 1%}.vui-grid-unit.vui-grid-unit-col--2{flex:1 1 2%}.vui-grid-unit.vui-grid-unit-col--3{flex:1 1 3%}.vui-grid-unit.vui-grid-unit-col--4{flex:1 1 4%}.vui-grid-unit.vui-grid-unit-col--5{flex:1 1 5%}.vui-grid-unit.vui-grid-unit-col--6{flex:1 1 6%}.vui-grid-unit.vui-grid-unit-col--7{flex:1 1 7%}.vui-grid-unit.vui-grid-unit-col--8{flex:1 1 8%}.vui-grid-unit.vui-grid-unit-col--9{flex:1 1 9%}.vui-grid-unit.vui-grid-unit-col--10{flex:1 1 10%}.vui-grid-unit.vui-grid-unit-col--11{flex:1 1 11%}.vui-grid-unit.vui-grid-unit-col--12{flex:1 1 12%}.vui-grid-unit.vui-grid-unit-col--13{flex:1 1 13%}.vui-grid-unit.vui-grid-unit-col--14{flex:1 1 14%}.vui-grid-unit.vui-grid-unit-col--15{flex:1 1 15%}.vui-grid-unit.vui-grid-unit-col--16{flex:1 1 16%}.vui-grid-unit.vui-grid-unit-col--17{flex:1 1 17%}.vui-grid-unit.vui-grid-unit-col--18{flex:1 1 18%}.vui-grid-unit.vui-grid-unit-col--19{flex:1 1 19%}.vui-grid-unit.vui-grid-unit-col--20{flex:1 1 20%}.vui-grid-unit.vui-grid-unit-col--21{flex:1 1 21%}.vui-grid-unit.vui-grid-unit-col--22{flex:1 1 22%}.vui-grid-unit.vui-grid-unit-col--23{flex:1 1 23%}.vui-grid-unit.vui-grid-unit-col--24{flex:1 1 24%}.vui-grid-unit.vui-grid-unit-col--25{flex:1 1 25%}.vui-grid-unit.vui-grid-unit-col--26{flex:1 1 26%}.vui-grid-unit.vui-grid-unit-col--27{flex:1 1 27%}.vui-grid-unit.vui-grid-unit-col--28{flex:1 1 28%}.vui-grid-unit.vui-grid-unit-col--29{flex:1 1 29%}.vui-grid-unit.vui-grid-unit-col--30{flex:1 1 30%}.vui-grid-unit.vui-grid-unit-col--31{flex:1 1 31%}.vui-grid-unit.vui-grid-unit-col--32{flex:1 1 32%}.vui-grid-unit.vui-grid-unit-col--33{flex:1 1 33%}.vui-grid-unit.vui-grid-unit-col--34{flex:1 1 34%}.vui-grid-unit.vui-grid-unit-col--35{flex:1 1 35%}.vui-grid-unit.vui-grid-unit-col--36{flex:1 1 36%}.vui-grid-unit.vui-grid-unit-col--37{flex:1 1 37%}.vui-grid-unit.vui-grid-unit-col--38{flex:1 1 38%}.vui-grid-unit.vui-grid-unit-col--39{flex:1 1 39%}.vui-grid-unit.vui-grid-unit-col--40{flex:1 1 40%}.vui-grid-unit.vui-grid-unit-col--41{flex:1 1 41%}.vui-grid-unit.vui-grid-unit-col--42{flex:1 1 42%}.vui-grid-unit.vui-grid-unit-col--43{flex:1 1 43%}.vui-grid-unit.vui-grid-unit-col--44{flex:1 1 44%}.vui-grid-unit.vui-grid-unit-col--45{flex:1 1 45%}.vui-grid-unit.vui-grid-unit-col--46{flex:1 1 46%}.vui-grid-unit.vui-grid-unit-col--47{flex:1 1 47%}.vui-grid-unit.vui-grid-unit-col--48{flex:1 1 48%}.vui-grid-unit.vui-grid-unit-col--49{flex:1 1 49%}.vui-grid-unit.vui-grid-unit-col--50{flex:1 1 50%}.vui-grid-unit.vui-grid-unit-col--51{flex:1 1 51%}.vui-grid-unit.vui-grid-unit-col--52{flex:1 1 52%}.vui-grid-unit.vui-grid-unit-col--53{flex:1 1 53%}.vui-grid-unit.vui-grid-unit-col--54{flex:1 1 54%}.vui-grid-unit.vui-grid-unit-col--55{flex:1 1 55%}.vui-grid-unit.vui-grid-unit-col--56{flex:1 1 56%}.vui-grid-unit.vui-grid-unit-col--57{flex:1 1 57%}.vui-grid-unit.vui-grid-unit-col--58{flex:1 1 58%}.vui-grid-unit.vui-grid-unit-col--59{flex:1 1 59%}.vui-grid-unit.vui-grid-unit-col--60{flex:1 1 60%}.vui-grid-unit.vui-grid-unit-col--61{flex:1 1 61%}.vui-grid-unit.vui-grid-unit-col--62{flex:1 1 62%}.vui-grid-unit.vui-grid-unit-col--63{flex:1 1 63%}.vui-grid-unit.vui-grid-unit-col--64{flex:1 1 64%}.vui-grid-unit.vui-grid-unit-col--65{flex:1 1 65%}.vui-grid-unit.vui-grid-unit-col--66{flex:1 1 66%}.vui-grid-unit.vui-grid-unit-col--67{flex:1 1 67%}.vui-grid-unit.vui-grid-unit-col--68{flex:1 1 68%}.vui-grid-unit.vui-grid-unit-col--69{flex:1 1 69%}.vui-grid-unit.vui-grid-unit-col--70{flex:1 1 70%}.vui-grid-unit.vui-grid-unit-col--71{flex:1 1 71%}.vui-grid-unit.vui-grid-unit-col--72{flex:1 1 72%}.vui-grid-unit.vui-grid-unit-col--73{flex:1 1 73%}.vui-grid-unit.vui-grid-unit-col--74{flex:1 1 74%}.vui-grid-unit.vui-grid-unit-col--75{flex:1 1 75%}.vui-grid-unit.vui-grid-unit-col--76{flex:1 1 76%}.vui-grid-unit.vui-grid-unit-col--77{flex:1 1 77%}.vui-grid-unit.vui-grid-unit-col--78{flex:1 1 78%}.vui-grid-unit.vui-grid-unit-col--79{flex:1 1 79%}.vui-grid-unit.vui-grid-unit-col--80{flex:1 1 80%}.vui-grid-unit.vui-grid-unit-col--81{flex:1 1 81%}.vui-grid-unit.vui-grid-unit-col--82{flex:1 1 82%}.vui-grid-unit.vui-grid-unit-col--83{flex:1 1 83%}.vui-grid-unit.vui-grid-unit-col--84{flex:1 1 84%}.vui-grid-unit.vui-grid-unit-col--85{flex:1 1 85%}.vui-grid-unit.vui-grid-unit-col--86{flex:1 1 86%}.vui-grid-unit.vui-grid-unit-col--87{flex:1 1 87%}.vui-grid-unit.vui-grid-unit-col--88{flex:1 1 88%}.vui-grid-unit.vui-grid-unit-col--89{flex:1 1 89%}.vui-grid-unit.vui-grid-unit-col--90{flex:1 1 90%}.vui-grid-unit.vui-grid-unit-col--91{flex:1 1 91%}.vui-grid-unit.vui-grid-unit-col--92{flex:1 1 92%}.vui-grid-unit.vui-grid-unit-col--93{flex:1 1 93%}.vui-grid-unit.vui-grid-unit-col--94{flex:1 1 94%}.vui-grid-unit.vui-grid-unit-col--95{flex:1 1 95%}.vui-grid-unit.vui-grid-unit-col--96{flex:1 1 96%}.vui-grid-unit.vui-grid-unit-col--97{flex:1 1 97%}.vui-grid-unit.vui-grid-unit-col--98{flex:1 1 98%}.vui-grid-unit.vui-grid-unit-col--99{flex:1 1 99%}.vui-grid-unit.vui-grid-unit-col--100{flex:1 1 100%}.vui-alert{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);border-radius:.25rem;position:relative;width:100%;padding:.75rem}.vui-alert.vui-alert--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-alert.vui-alert--default .vui-alert-icon:before{color:#000}.vui-alert.vui-alert--default.vui-alert--loading .vui-alert-loader{background-color:#000}.vui-alert.vui-alert--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-alert.vui-alert--error .vui-alert-icon:before{color:#960e13}.vui-alert.vui-alert--error.vui-alert--loading .vui-alert-loader{background-color:#960e13}.vui-alert.vui-alert--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-alert.vui-alert--success .vui-alert-icon:before{color:#145b32}.vui-alert.vui-alert--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-alert.vui-alert--warning .vui-alert-icon:before{color:#976008}.vui-alert .vui-alert-icon{font-size:1rem;margin-right:.75rem}.vui-alert .vui-alert-icon:before{color:#869198}.vui-card{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);display:flex;flex-flow:column;background-color:#fff;border-radius:.25rem}.vui-card.vui-card--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-card.vui-card--default .vui-card-icon:before{color:#000}.vui-card.vui-card--default.vui-card--loading .vui-card-loader{background-color:#000}.vui-card.vui-card--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-card.vui-card--error .vui-card-icon:before{color:#960e13}.vui-card.vui-card--error.vui-card--loading .vui-card-loader{background-color:#960e13}.vui-card.vui-card--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-card.vui-card--success .vui-card-icon:before{color:#145b32}.vui-card.vui-card--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-card.vui-card--warning .vui-card-icon:before{color:#976008}.vui-card:not(.vui-card--flat){box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006}.vui-card .vui-card-header{padding:.75rem 1rem;font-size:1.15rem;line-height:1.2rem;font-weight:500;text-transform:none;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:inherit}.vui-card .vui-card-body{flex:1 1 auto;padding:2rem 1rem}.vui-card .vui-card-footer{padding:.5rem 1rem;text-align:right;border-top-style:solid;border-top-width:1px;border-top-color:inherit}.vui-list{display:flex;flex-flow:column;padding:0;border-radius:.25rem}.vui-list:not(.vui-list--flat){box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006}.vui-list.vui-list--flat{border-top:1px solid #d9dcde;border-left:1px solid #d9dcde;border-right:1px solid #d9dcde}.vui-list .vui-list-title{padding:1rem;font-weight:700}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label{background-color:#e6e9ea;background-repeat:no-repeat;background-size:0 0;background-position:50% 50%;transition:background-size .125s,color .125s;position:relative;padding:.75rem;background-color:#fff;border-radius:0;border-top:1px solid #d9dcde;border-bottom:1px solid #d9dcde;cursor:pointer}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label .vui-list-items-item-group-label-loader{position:absolute;bottom:-2px;left:0;width:30%;height:2px;background-color:transparent}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--toggled{background-color:#d9dcde}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--animating{background-size:100% 100%;background-image:linear-gradient(#e6e9ea,#e6e9ea)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--loading .vui-list-items-item-group-label-loader{animation:linear infinite;animation-name:loading;animation-duration:.8s;background-color:#545e64}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--error:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--error.vui-list-items-item-group-label--toggled{background-color:#f7acae}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--error.vui-list-items-item-group-label--animating{background-image:linear-gradient(#f37d81,#f37d81)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--success:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--success.vui-list-items-item-group-label--toggled{background-color:#89e5b0}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--success.vui-list-items-item-group-label--animating{background-image:linear-gradient(#60db94,#60db94)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--warning:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--warning.vui-list-items-item-group-label--toggled{background-color:#fad9a4}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--warning.vui-list-items-item-group-label--animating{background-image:linear-gradient(#f8c573,#f8c573)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label:after{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Solid";font-style:normal;font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;content:"";position:absolute;top:.75rem;right:1rem}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--toggled{border-top:1px solid rgb(189,195,199);border-bottom:1px solid rgb(189,195,199)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--open:after{content:""}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-label{padding-left:1.5rem}.vui-list .vui-list-items .vui-list-items-item-label{display:flex;padding:.75rem;border-bottom:1px solid #d9dcde}.vui-list .vui-list-items .vui-list-items-item-label:hover{background-color:#d9dcde;border-bottom:1px solid rgb(189,195,199)}.vui-list .vui-list-items .vui-list-items-item-label.vui-list-items-item-label--selectable{cursor:pointer}.vui-list .vui-list-items .vui-list-items-item-label.vui-list-items-item-label--selected{color:#145b32;background-color:#60db94}.vui-list .vui-list-items .vui-list-items-item-label .vui-list-items-item-label-icon{padding-right:.5rem}.vui-dropdown{position:relative;display:inline-flex;min-width:200px;border-radius:.25rem}.vui-dropdown .vui-dropdown-placeholder{background-color:#e6e9ea;background-repeat:no-repeat;background-size:0 0;background-position:50% 50%;transition:background-size .125s,color .125s;box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006;background-color:#fff;width:100%;cursor:pointer}.vui-dropdown .vui-dropdown-placeholder .vui-dropdown-placeholder-loader{position:absolute;bottom:-2px;left:0;width:30%;height:2px;background-color:transparent}.vui-dropdown .vui-dropdown-placeholder:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--toggled{background-color:#d9dcde}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--animating{background-size:100% 100%;background-image:linear-gradient(#e6e9ea,#e6e9ea)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--loading .vui-dropdown-placeholder-loader{animation:linear infinite;animation-name:loading;animation-duration:.8s;background-color:#545e64}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error.vui-dropdown-placeholder--toggled{background-color:#f7acae}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error.vui-dropdown-placeholder--animating{background-image:linear-gradient(#f37d81,#f37d81)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success.vui-dropdown-placeholder--toggled{background-color:#89e5b0}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success.vui-dropdown-placeholder--animating{background-image:linear-gradient(#60db94,#60db94)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning.vui-dropdown-placeholder--toggled{background-color:#fad9a4}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning.vui-dropdown-placeholder--animating{background-image:linear-gradient(#f8c573,#f8c573)}.vui-dropdown .vui-dropdown-placeholder:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Solid";font-style:normal;font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;position:absolute;top:.5rem;right:1rem;content:"";color:#bdc3c7}.vui-dropdown .vui-dropdown-placeholder:hover:before{color:#869198}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--toggled:before{content:"";top:.7rem;color:#869198}.vui-dropdown .vui-dropdown-placeholder .vui-input.vui-dropdown-placeholder-label{width:100%;padding:.25rem .5rem .25rem 1rem;margin:0;background-color:transparent}.vui-dropdown .vui-dropdown-placeholder .vui-input.vui-dropdown-placeholder-label input[type=text]{cursor:pointer;border:none;background-color:transparent}.vui-dropdown .vui-list.vui-dropdown-list{position:absolute;top:2.5rem;left:0;right:0;background-color:#fff;z-index:2}.vui-dropdown .vui-list.vui-dropdown-list .vui-list-items .vui-list-items-item{cursor:pointer}.vui-loader{box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);border-radius:.25rem;position:relative;display:inline-flex;padding:.75rem;justify-content:start}.vui-loader.vui-loader--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-loader.vui-loader--default .vui-loader-icon:before{color:#000}.vui-loader.vui-loader--default.vui-loader--loading .vui-loader-loader{background-color:#000}.vui-loader.vui-loader--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-loader.vui-loader--error .vui-loader-icon:before{color:#960e13}.vui-loader.vui-loader--error.vui-loader--loading .vui-loader-loader{background-color:#960e13}.vui-loader.vui-loader--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-loader.vui-loader--success .vui-loader-icon:before{color:#145b32}.vui-loader.vui-loader--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-loader.vui-loader--warning .vui-loader-icon:before{color:#976008}.vui-loader.vui-loader--flat{box-shadow:none}.vui-loader .vui-loader-icon{animation:rotating 2s linear infinite}.vui-loader .vui-loader-body{padding-left:1rem}.vui-modal{position:fixed;top:0;left:0;right:0;bottom:0;padding:2rem;background-color:#d9dcde;z-index:3}.vui-modal .vui-modal-content{display:flex;flex-flow:column;min-height:calc(100vh - 4rem);background-color:#fff;border-radius:.25rem;box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006}.vui-modal .vui-modal-content .vui-modal-content-header{display:flex;justify-content:space-between;padding:1rem;font-size:1.15rem;line-height:1.2rem;font-weight:500;text-transform:none;background-color:#e6e9ea;border-bottom:1px solid #d9dcde}.vui-modal .vui-modal-content .vui-modal-content-header .fa-regular.fa-circle-xmark{font-size:1.2rem;cursor:pointer}.vui-modal .vui-modal-content .vui-modal-content-body{flex:1 1 auto;padding:2rem 1rem}.vui-modal .vui-modal-content .vui-modal-content-footer{padding:.5rem 1rem;text-align:center;background-color:#e6e9ea;border-top:1px solid #d9dcde}.vui-nav{display:inline-flex}.vui-nav.vui-nav--flat .vui-list.vui-nav-list{box-shadow:none}.vui-nav.vui-nav--flat .vui-list.vui-nav-list .vui-list-items .vui-list-items-item:first-of-type{padding-left:0}.vui-nav.vui-nav--flat .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label:hover{background-color:transparent}.vui-nav .vui-list.vui-nav-list .vui-list-items{display:flex}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item{cursor:pointer}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item:first-of-type{padding-left:1rem}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label{border:none;padding-left:0}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label i.fa-solid{color:#bdc3c7}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label .vui-list-items-item-label-text{padding-left:.75rem}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label.vui-list-items-item-label--selected{color:#27ae60;background-color:inherit}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label.vui-list-items-item-label--selected i.fa-solid,.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label.vui-list-items-item-label--selected .vui-list-items-item-label-text{color:inherit}.vui-page{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);display:flex;flex-flow:column;border-radius:.25rem}.vui-page.vui-page--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-page.vui-page--default .vui-page-icon:before{color:#000}.vui-page.vui-page--default.vui-page--loading .vui-page-loader{background-color:#000}.vui-page.vui-page--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-page.vui-page--error .vui-page-icon:before{color:#960e13}.vui-page.vui-page--error.vui-page--loading .vui-page-loader{background-color:#960e13}.vui-page.vui-page--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-page.vui-page--success .vui-page-icon:before{color:#145b32}.vui-page.vui-page--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-page.vui-page--warning .vui-page-icon:before{color:#976008}.vui-page:not(.vui-page--flat){box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006}.vui-page .vui-page-header{padding:1rem;font-size:1.15rem;line-height:1.2rem;font-weight:500;text-transform:none;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:inherit}.vui-page .vui-page-body{flex:1 1 auto;padding:2rem 1rem}.vui-page .vui-page-footer{padding:.5rem;border-top-style:solid;border-top-width:1px;border-top-color:inherit}.vui-pager .vui-pager-content{display:flex;justify-content:space-between}.vui-pager .vui-pager-content .vui-button.vui-button--first,.vui-pager .vui-pager-content .vui-button.vui-button--next{margin-right:.25rem}.vui-pager .vui-pager-content .ellipse{padding:0 .75rem;line-height:2rem;text-align:center;opacity:0}.vui-pager .vui-pager-content .ellipse.visible{opacity:1}.vui-progress .vui-progress-bar{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);width:100%;height:1rem;background-color:#bdc3c7;border:1px solid #869198;border-radius:.25rem}.vui-progress .vui-progress-bar.vui-progress-bar--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-progress .vui-progress-bar.vui-progress-bar--default .vui-progress-bar-icon:before{color:#000}.vui-progress .vui-progress-bar.vui-progress-bar--default.vui-progress-bar--loading .vui-progress-bar-loader{background-color:#000}.vui-progress .vui-progress-bar.vui-progress-bar--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-progress .vui-progress-bar.vui-progress-bar--error .vui-progress-bar-icon:before{color:#960e13}.vui-progress .vui-progress-bar.vui-progress-bar--error.vui-progress-bar--loading .vui-progress-bar-loader{background-color:#960e13}.vui-progress .vui-progress-bar.vui-progress-bar--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-progress .vui-progress-bar.vui-progress-bar--success .vui-progress-bar-icon:before{color:#145b32}.vui-progress .vui-progress-bar.vui-progress-bar--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-progress .vui-progress-bar.vui-progress-bar--warning .vui-progress-bar-icon:before{color:#976008}.vui-progress .vui-progress-bar .vui-progress-bar-cursor{height:.9rem;background-color:#27ae60}.vui-tabs .vui-tabs-tabs{display:flex;padding:.5rem 0}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab{position:relative;padding:.5rem;border:1px solid #d9dcde;cursor:pointer}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab:not(:first-of-type){margin-left:1rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--with-icon .label{padding-left:2rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active{border-color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .vui-tabs-tabs-tab-icon:before{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .label{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon:before{color:#869198}.vui-tabs .vui-tabs-slots{padding:1rem;border:1px solid #d9dcde}.vui-tag{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);border-radius:.25rem;position:relative;padding:.5rem}.vui-tag.vui-tag--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-tag.vui-tag--default .vui-tag-icon:before{color:#000}.vui-tag.vui-tag--default.vui-tag--loading .vui-tag-loader{background-color:#000}.vui-tag.vui-tag--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-tag.vui-tag--error .vui-tag-icon:before{color:#960e13}.vui-tag.vui-tag--error.vui-tag--loading .vui-tag-loader{background-color:#960e13}.vui-tag.vui-tag--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-tag.vui-tag--success .vui-tag-icon:before{color:#145b32}.vui-tag.vui-tag--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-tag.vui-tag--warning .vui-tag-icon:before{color:#976008}.vui-tag.vui-tag--with-icon{padding-left:2.5rem}.vui-tag .vui-tag-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem;color:#869198}.vui-tag .vui-tag-icon:before{color:#869198}.vui-toggle{position:relative;display:inline-flex;height:1.45rem}.vui-toggle .vui-toggle-slider{position:absolute;bottom:0;width:4.5rem;padding:.25rem .5rem;background-color:#bdc3c7;border-radius:2.1rem;transition:.4s;cursor:pointer}.vui-toggle .vui-toggle-slider .vui-toggle-slider-button{width:1.65rem;height:1.65rem;background-color:#fff;border-radius:50%;transition:.4s}.vui-toggle .vui-toggle-label{padding-left:5rem}.vui-toggle.vui-toggle--checked .vui-toggle-slider{background-color:#27ae60}.vui-toggle.vui-toggle--checked .vui-toggle-slider .vui-toggle-slider-button{-webkit-transform:translateX(1.65rem);-ms-transform:translateX(1.65rem);transform:translate(1.65rem)}.vui-toggle.vui-toggle--disabled .vui-toggle-slider{background-color:#d9dcde;cursor:not-allowed}.vui-toggle.vui-toggle--disabled .vui-toggle-slider .vui-toggle-slider-button{background-color:#e6e9ea}.vui-toggle.vui-toggle--disabled.vui-toggle--checked .vui-toggle-slider{background-color:#89e5b0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{left:0;opacity:1}50%{left:70%;opacity:0}to{left:0;opacity:1}}.vui-tooltip{max-width:300px;display:none;padding:.5rem;font-size:.9rem;color:#e6e9ea;background-color:#0097e6;border-radius:.25rem;box-shadow:0 3px 1px -2px #00659a66,0 2px 2px #00659a33,0 1px 5px #00659a66}.vui-tooltip.vui-tooltip--with-icon{padding-left:2.5rem}.vui-tooltip .vui-tooltip-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem;color:#869198}.vui-tooltip .vui-tooltip-icon:before{color:#e6e9ea}.vui-tooltip .vui-tooltip-pointer:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Solid";font-style:normal;font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;position:absolute;font-size:1.1rem;color:#0097e6}.vui-tooltip .vui-tooltip-pointer.vui-tooltip-pointer--bottom:before{top:-.65rem;left:calc(50% - 1rem);content:""}.vui-tooltip .vui-tooltip-pointer.vui-tooltip-pointer--left:before{top:40%;left:100%;content:""}.vui-tooltip .vui-tooltip-pointer.vui-tooltip-pointer--top:before{top:95%;left:calc(50% - 1rem);content:""}.vui-tooltip .vui-tooltip-pointer.vui-tooltip-pointer--right:before{top:40%;left:-.5rem;content:""}
1
+ .vui-button{box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);border-radius:.25rem;background-color:#e6e9ea;background-repeat:no-repeat;background-size:0 0;background-position:50% 50%;transition:background-size .125s,color .125s;position:relative;display:inline-flex;padding:0 1rem;justify-content:center;cursor:pointer}.vui-button.vui-button--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-button.vui-button--default .vui-button-icon:before{color:#000}.vui-button.vui-button--default.vui-button--loading .vui-button-loader{background-color:#000}.vui-button.vui-button--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-button.vui-button--error .vui-button-icon:before{color:#960e13}.vui-button.vui-button--error.vui-button--loading .vui-button-loader{background-color:#960e13}.vui-button.vui-button--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-button.vui-button--success .vui-button-icon:before{color:#145b32}.vui-button.vui-button--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-button.vui-button--warning .vui-button-icon:before{color:#976008}.vui-button .vui-button-loader{position:absolute;bottom:-2px;left:0;width:30%;height:2px;background-color:transparent}.vui-button:hover,.vui-button.vui-button--toggled{background-color:#d9dcde}.vui-button.vui-button--animating{background-size:100% 100%;background-image:linear-gradient(#e6e9ea,#e6e9ea)}.vui-button.vui-button--loading .vui-button-loader{animation:linear infinite;animation-name:loading;animation-duration:.8s;background-color:#545e64}.vui-button.vui-button--error:hover,.vui-button.vui-button--error.vui-button--toggled{background-color:#f7acae}.vui-button.vui-button--error.vui-button--animating{background-image:linear-gradient(#f37d81,#f37d81)}.vui-button.vui-button--success:hover,.vui-button.vui-button--success.vui-button--toggled{background-color:#89e5b0}.vui-button.vui-button--success.vui-button--animating{background-image:linear-gradient(#60db94,#60db94)}.vui-button.vui-button--warning:hover,.vui-button.vui-button--warning.vui-button--toggled{background-color:#fad9a4}.vui-button.vui-button--warning.vui-button--animating{background-image:linear-gradient(#f8c573,#f8c573)}.vui-button .vui-button-holder{position:relative;margin-top:.15rem;font-size:.85rem;font-weight:600;line-height:2rem;color:inherit;background-color:transparent;text-transform:uppercase;border:none;cursor:pointer}.vui-button .vui-button-holder .vui-button-icon{color:#869198}.vui-button.vui-button--flat{box-shadow:none}.vui-button.vui-button--with-label .vui-button-holder .vui-button-icon{margin-right:.75rem}.vui-button.vui-button--disabled{color:#869198;background-color:#bdc3c7;border:1px solid #869198;opacity:.4;cursor:default}.vui-button.vui-button--disabled button{color:inherit;cursor:default}.vui-button.vui-button--disabled button .vui-button-icon{color:inherit}.vui-checkbox{position:relative;display:inline-flex;cursor:pointer}.vui-checkbox.vui-checkbox--default input::placeholder{color:#bdc3c7}.vui-checkbox.vui-checkbox--default .vui-checkbox-icon:before{color:#000}.vui-checkbox.vui-checkbox--error{border-color:#960e13}.vui-checkbox.vui-checkbox--error input::placeholder{color:#ea2027}.vui-checkbox.vui-checkbox--error .vui-checkbox-icon:before{color:#960e13}.vui-checkbox.vui-checkbox--error .vui-checkbox-label{color:#ea2027}.vui-checkbox.vui-checkbox--success{border-color:#145b32}.vui-checkbox.vui-checkbox--success input::placeholder{color:#27ae60}.vui-checkbox.vui-checkbox--success .vui-checkbox-icon:before{color:#145b32}.vui-checkbox.vui-checkbox--success .vui-checkbox-label{color:#145b32}.vui-checkbox.vui-checkbox--warning{border-color:#976008}.vui-checkbox.vui-checkbox--warning input::placeholder{color:#f39c12}.vui-checkbox.vui-checkbox--warning .vui-checkbox-icon:before{color:#976008}.vui-checkbox.vui-checkbox--warning .vui-checkbox-label{color:#976008}.vui-checkbox.vui-checkbox--disabled{border-color:#949da4;cursor:not-allowed}.vui-checkbox.vui-checkbox--disabled input::placeholder{color:#000}.vui-checkbox.vui-checkbox--disabled .vui-checkbox-icon:before{color:#949da4}.vui-checkbox input[type=checkbox]{width:0;height:0;opacity:0}.vui-checkbox .vui-checkbox-icon:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Regular";font-style:normal;font-weight:400;text-rendering:auto;-webkit-font-smoothing:antialiased;margin-top:-.15rem;font-size:1.25rem}.vui-checkbox label{padding-left:.5rem}.vui-checkbox.vui-checkbox--disabled label{color:#949da4}.vui-footer{padding:1rem;text-align:right;background-color:#e6e9ea;border:1px solid rgb(189,195,199);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.vui-form section{border:1px solid #d9dcde;border-radius:.25rem}.vui-form section:not(:first-of-type){margin-top:1rem}.vui-form section.section--submit{border:none;padding:1rem 0;text-align:center}.vui-form section fieldset{padding:1rem}.vui-form section fieldset .fieldset-item{display:flex}.vui-form section fieldset .fieldset-item label{flex:0 0 50%;line-height:2rem}.vui-form section fieldset .fieldset-item .input{flex:0 0 50%}.vui-form section fieldset .fieldset-item .input input{width:100%}.vui-header{padding:1rem;background-color:#e6e9ea;border:1px solid rgb(189,195,199);border-top-left-radius:.25rem;border-top-right-radius:.25rem}.vui-input{display:inline-flex;border:1px solid rgb(189,195,199);border-radius:.15rem}.vui-input.vui-input--default input::placeholder{color:#bdc3c7}.vui-input.vui-input--default .vui-input-icon:before{color:#000}.vui-input.vui-input--error{border-color:#960e13}.vui-input.vui-input--error input::placeholder{color:#ea2027}.vui-input.vui-input--error .vui-input-icon:before{color:#960e13}.vui-input.vui-input--error .vui-input-label{color:#ea2027}.vui-input.vui-input--success{border-color:#145b32}.vui-input.vui-input--success input::placeholder{color:#27ae60}.vui-input.vui-input--success .vui-input-icon:before{color:#145b32}.vui-input.vui-input--success .vui-input-label{color:#145b32}.vui-input.vui-input--warning{border-color:#976008}.vui-input.vui-input--warning input::placeholder{color:#f39c12}.vui-input.vui-input--warning .vui-input-icon:before{color:#976008}.vui-input.vui-input--warning .vui-input-label{color:#976008}.vui-input.vui-input--disabled{border-color:#949da4;cursor:not-allowed}.vui-input.vui-input--disabled input::placeholder{color:#000}.vui-input.vui-input--disabled .vui-input-icon:before{color:#949da4}.vui-input input{width:100%;padding:.5rem .25rem .25rem .5rem;outline:none;border:none}.vui-input input:disabled{color:#78848c;background-color:#e6e9ea;border-color:#e6e9ea;cursor:not-allowed}.vui-input input:disabled::placeholder{color:#bdc3c7}.vui-input .vui-input-icon{padding:0 .5rem;background-color:#e6e9ea;border-left:1px solid rgb(189,195,199)}.vui-input .vui-input-icon:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Solid";font-style:normal;font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;line-height:1.75rem}.vui-radio{position:relative;display:inline-flex;cursor:pointer}.vui-radio.vui-radio--default input::placeholder{color:#bdc3c7}.vui-radio.vui-radio--default .vui-radio-icon:before{color:#000}.vui-radio.vui-radio--error{border-color:#960e13}.vui-radio.vui-radio--error input::placeholder{color:#ea2027}.vui-radio.vui-radio--error .vui-radio-icon:before{color:#960e13}.vui-radio.vui-radio--error .vui-radio-label{color:#ea2027}.vui-radio.vui-radio--success{border-color:#145b32}.vui-radio.vui-radio--success input::placeholder{color:#27ae60}.vui-radio.vui-radio--success .vui-radio-icon:before{color:#145b32}.vui-radio.vui-radio--success .vui-radio-label{color:#145b32}.vui-radio.vui-radio--warning{border-color:#976008}.vui-radio.vui-radio--warning input::placeholder{color:#f39c12}.vui-radio.vui-radio--warning .vui-radio-icon:before{color:#976008}.vui-radio.vui-radio--warning .vui-radio-label{color:#976008}.vui-radio.vui-radio--disabled{border-color:#949da4;cursor:not-allowed}.vui-radio.vui-radio--disabled input::placeholder{color:#000}.vui-radio.vui-radio--disabled .vui-radio-icon:before{color:#949da4}.vui-radio input[type=checkbox]{width:0;height:0;opacity:0}.vui-radio .vui-radio-icon:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Regular";font-style:normal;font-weight:400;text-rendering:auto;-webkit-font-smoothing:antialiased;margin-top:-.15rem;font-size:1.25rem}.vui-radio label{padding-left:.5rem}.vui-radio.vui-radio--disabled label{color:#949da4}.vui-table table{border-collapse:collapse}.vui-table table thead tr{background-color:#d9dcde}.vui-table table thead tr th{padding:1rem;border:1px solid rgb(189,195,199)}.vui-table table thead tr th:not(.text-center,.text-right){text-align:left}.vui-table table tbody tr td{padding:1rem;border:1px solid rgb(189,195,199)}@media (max-width: 550px){.vui-table table thead{display:none}.vui-table table tr{display:block;margin-bottom:1rem}.vui-table table td{display:block;text-align:right}.vui-table table td:before{content:attr(data-label);float:left}}.vui-grid{display:flex;flex-wrap:wrap}@media (min-width: 576px){.vui-grid.vui-grid--col-xs--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-xs--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-xs--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-xs--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-xs--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-xs--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-xs--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-xs--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-xs--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-xs--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-xs--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-xs--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 768px){.vui-grid.vui-grid--col-sm--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-sm--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-sm--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-sm--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-sm--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-sm--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-sm--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-sm--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-sm--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-sm--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-sm--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-sm--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 992px){.vui-grid.vui-grid--col-md--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-md--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-md--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-md--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-md--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-md--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-md--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-md--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-md--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-md--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-md--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-md--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 1200px){.vui-grid.vui-grid--col-xl--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-xl--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-xl--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-xl--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-xl--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-xl--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-xl--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-xl--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-xl--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-xl--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-xl--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-xl--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 1400px){.vui-grid.vui-grid--col-xxl--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-xxl--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-xxl--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-xxl--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-xxl--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-xxl--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-xxl--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-xxl--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-xxl--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-xxl--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-xxl--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-xxl--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}.vui-grid-unit{padding:1rem}.vui-grid-unit.vui-grid-unit-col--1{flex:1 1 1%}.vui-grid-unit.vui-grid-unit-col--2{flex:1 1 2%}.vui-grid-unit.vui-grid-unit-col--3{flex:1 1 3%}.vui-grid-unit.vui-grid-unit-col--4{flex:1 1 4%}.vui-grid-unit.vui-grid-unit-col--5{flex:1 1 5%}.vui-grid-unit.vui-grid-unit-col--6{flex:1 1 6%}.vui-grid-unit.vui-grid-unit-col--7{flex:1 1 7%}.vui-grid-unit.vui-grid-unit-col--8{flex:1 1 8%}.vui-grid-unit.vui-grid-unit-col--9{flex:1 1 9%}.vui-grid-unit.vui-grid-unit-col--10{flex:1 1 10%}.vui-grid-unit.vui-grid-unit-col--11{flex:1 1 11%}.vui-grid-unit.vui-grid-unit-col--12{flex:1 1 12%}.vui-grid-unit.vui-grid-unit-col--13{flex:1 1 13%}.vui-grid-unit.vui-grid-unit-col--14{flex:1 1 14%}.vui-grid-unit.vui-grid-unit-col--15{flex:1 1 15%}.vui-grid-unit.vui-grid-unit-col--16{flex:1 1 16%}.vui-grid-unit.vui-grid-unit-col--17{flex:1 1 17%}.vui-grid-unit.vui-grid-unit-col--18{flex:1 1 18%}.vui-grid-unit.vui-grid-unit-col--19{flex:1 1 19%}.vui-grid-unit.vui-grid-unit-col--20{flex:1 1 20%}.vui-grid-unit.vui-grid-unit-col--21{flex:1 1 21%}.vui-grid-unit.vui-grid-unit-col--22{flex:1 1 22%}.vui-grid-unit.vui-grid-unit-col--23{flex:1 1 23%}.vui-grid-unit.vui-grid-unit-col--24{flex:1 1 24%}.vui-grid-unit.vui-grid-unit-col--25{flex:1 1 25%}.vui-grid-unit.vui-grid-unit-col--26{flex:1 1 26%}.vui-grid-unit.vui-grid-unit-col--27{flex:1 1 27%}.vui-grid-unit.vui-grid-unit-col--28{flex:1 1 28%}.vui-grid-unit.vui-grid-unit-col--29{flex:1 1 29%}.vui-grid-unit.vui-grid-unit-col--30{flex:1 1 30%}.vui-grid-unit.vui-grid-unit-col--31{flex:1 1 31%}.vui-grid-unit.vui-grid-unit-col--32{flex:1 1 32%}.vui-grid-unit.vui-grid-unit-col--33{flex:1 1 33%}.vui-grid-unit.vui-grid-unit-col--34{flex:1 1 34%}.vui-grid-unit.vui-grid-unit-col--35{flex:1 1 35%}.vui-grid-unit.vui-grid-unit-col--36{flex:1 1 36%}.vui-grid-unit.vui-grid-unit-col--37{flex:1 1 37%}.vui-grid-unit.vui-grid-unit-col--38{flex:1 1 38%}.vui-grid-unit.vui-grid-unit-col--39{flex:1 1 39%}.vui-grid-unit.vui-grid-unit-col--40{flex:1 1 40%}.vui-grid-unit.vui-grid-unit-col--41{flex:1 1 41%}.vui-grid-unit.vui-grid-unit-col--42{flex:1 1 42%}.vui-grid-unit.vui-grid-unit-col--43{flex:1 1 43%}.vui-grid-unit.vui-grid-unit-col--44{flex:1 1 44%}.vui-grid-unit.vui-grid-unit-col--45{flex:1 1 45%}.vui-grid-unit.vui-grid-unit-col--46{flex:1 1 46%}.vui-grid-unit.vui-grid-unit-col--47{flex:1 1 47%}.vui-grid-unit.vui-grid-unit-col--48{flex:1 1 48%}.vui-grid-unit.vui-grid-unit-col--49{flex:1 1 49%}.vui-grid-unit.vui-grid-unit-col--50{flex:1 1 50%}.vui-grid-unit.vui-grid-unit-col--51{flex:1 1 51%}.vui-grid-unit.vui-grid-unit-col--52{flex:1 1 52%}.vui-grid-unit.vui-grid-unit-col--53{flex:1 1 53%}.vui-grid-unit.vui-grid-unit-col--54{flex:1 1 54%}.vui-grid-unit.vui-grid-unit-col--55{flex:1 1 55%}.vui-grid-unit.vui-grid-unit-col--56{flex:1 1 56%}.vui-grid-unit.vui-grid-unit-col--57{flex:1 1 57%}.vui-grid-unit.vui-grid-unit-col--58{flex:1 1 58%}.vui-grid-unit.vui-grid-unit-col--59{flex:1 1 59%}.vui-grid-unit.vui-grid-unit-col--60{flex:1 1 60%}.vui-grid-unit.vui-grid-unit-col--61{flex:1 1 61%}.vui-grid-unit.vui-grid-unit-col--62{flex:1 1 62%}.vui-grid-unit.vui-grid-unit-col--63{flex:1 1 63%}.vui-grid-unit.vui-grid-unit-col--64{flex:1 1 64%}.vui-grid-unit.vui-grid-unit-col--65{flex:1 1 65%}.vui-grid-unit.vui-grid-unit-col--66{flex:1 1 66%}.vui-grid-unit.vui-grid-unit-col--67{flex:1 1 67%}.vui-grid-unit.vui-grid-unit-col--68{flex:1 1 68%}.vui-grid-unit.vui-grid-unit-col--69{flex:1 1 69%}.vui-grid-unit.vui-grid-unit-col--70{flex:1 1 70%}.vui-grid-unit.vui-grid-unit-col--71{flex:1 1 71%}.vui-grid-unit.vui-grid-unit-col--72{flex:1 1 72%}.vui-grid-unit.vui-grid-unit-col--73{flex:1 1 73%}.vui-grid-unit.vui-grid-unit-col--74{flex:1 1 74%}.vui-grid-unit.vui-grid-unit-col--75{flex:1 1 75%}.vui-grid-unit.vui-grid-unit-col--76{flex:1 1 76%}.vui-grid-unit.vui-grid-unit-col--77{flex:1 1 77%}.vui-grid-unit.vui-grid-unit-col--78{flex:1 1 78%}.vui-grid-unit.vui-grid-unit-col--79{flex:1 1 79%}.vui-grid-unit.vui-grid-unit-col--80{flex:1 1 80%}.vui-grid-unit.vui-grid-unit-col--81{flex:1 1 81%}.vui-grid-unit.vui-grid-unit-col--82{flex:1 1 82%}.vui-grid-unit.vui-grid-unit-col--83{flex:1 1 83%}.vui-grid-unit.vui-grid-unit-col--84{flex:1 1 84%}.vui-grid-unit.vui-grid-unit-col--85{flex:1 1 85%}.vui-grid-unit.vui-grid-unit-col--86{flex:1 1 86%}.vui-grid-unit.vui-grid-unit-col--87{flex:1 1 87%}.vui-grid-unit.vui-grid-unit-col--88{flex:1 1 88%}.vui-grid-unit.vui-grid-unit-col--89{flex:1 1 89%}.vui-grid-unit.vui-grid-unit-col--90{flex:1 1 90%}.vui-grid-unit.vui-grid-unit-col--91{flex:1 1 91%}.vui-grid-unit.vui-grid-unit-col--92{flex:1 1 92%}.vui-grid-unit.vui-grid-unit-col--93{flex:1 1 93%}.vui-grid-unit.vui-grid-unit-col--94{flex:1 1 94%}.vui-grid-unit.vui-grid-unit-col--95{flex:1 1 95%}.vui-grid-unit.vui-grid-unit-col--96{flex:1 1 96%}.vui-grid-unit.vui-grid-unit-col--97{flex:1 1 97%}.vui-grid-unit.vui-grid-unit-col--98{flex:1 1 98%}.vui-grid-unit.vui-grid-unit-col--99{flex:1 1 99%}.vui-grid-unit.vui-grid-unit-col--100{flex:1 1 100%}.vui-alert{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);border-radius:.25rem;position:relative;width:100%;padding:.75rem}.vui-alert.vui-alert--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-alert.vui-alert--default .vui-alert-icon:before{color:#000}.vui-alert.vui-alert--default.vui-alert--loading .vui-alert-loader{background-color:#000}.vui-alert.vui-alert--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-alert.vui-alert--error .vui-alert-icon:before{color:#960e13}.vui-alert.vui-alert--error.vui-alert--loading .vui-alert-loader{background-color:#960e13}.vui-alert.vui-alert--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-alert.vui-alert--success .vui-alert-icon:before{color:#145b32}.vui-alert.vui-alert--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-alert.vui-alert--warning .vui-alert-icon:before{color:#976008}.vui-alert .vui-alert-icon{font-size:1rem;margin-right:.75rem}.vui-alert .vui-alert-icon:before{color:#869198}.vui-card{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);display:flex;flex-flow:column;background-color:#fff;border-radius:.25rem}.vui-card.vui-card--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-card.vui-card--default .vui-card-icon:before{color:#000}.vui-card.vui-card--default.vui-card--loading .vui-card-loader{background-color:#000}.vui-card.vui-card--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-card.vui-card--error .vui-card-icon:before{color:#960e13}.vui-card.vui-card--error.vui-card--loading .vui-card-loader{background-color:#960e13}.vui-card.vui-card--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-card.vui-card--success .vui-card-icon:before{color:#145b32}.vui-card.vui-card--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-card.vui-card--warning .vui-card-icon:before{color:#976008}.vui-card:not(.vui-card--flat){box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006}.vui-card .vui-card-header{padding:.75rem 1rem;font-size:1.15rem;line-height:1.2rem;font-weight:500;text-transform:none;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:inherit}.vui-card .vui-card-body{flex:1 1 auto;padding:2rem 1rem}.vui-card .vui-card-footer{padding:.5rem 1rem;text-align:right;border-top-style:solid;border-top-width:1px;border-top-color:inherit}.vui-list{display:flex;flex-flow:column;padding:0;border-radius:.25rem}.vui-list:not(.vui-list--flat){box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006}.vui-list.vui-list--flat{border-top:1px solid #d9dcde;border-left:1px solid #d9dcde;border-right:1px solid #d9dcde}.vui-list .vui-list-title{padding:1rem;font-weight:700}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label{background-color:#e6e9ea;background-repeat:no-repeat;background-size:0 0;background-position:50% 50%;transition:background-size .125s,color .125s;position:relative;padding:.75rem;background-color:#fff;border-radius:0;border-top:1px solid #d9dcde;border-bottom:1px solid #d9dcde;cursor:pointer}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label .vui-list-items-item-group-label-loader{position:absolute;bottom:-2px;left:0;width:30%;height:2px;background-color:transparent}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--toggled{background-color:#d9dcde}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--animating{background-size:100% 100%;background-image:linear-gradient(#e6e9ea,#e6e9ea)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--loading .vui-list-items-item-group-label-loader{animation:linear infinite;animation-name:loading;animation-duration:.8s;background-color:#545e64}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--error:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--error.vui-list-items-item-group-label--toggled{background-color:#f7acae}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--error.vui-list-items-item-group-label--animating{background-image:linear-gradient(#f37d81,#f37d81)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--success:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--success.vui-list-items-item-group-label--toggled{background-color:#89e5b0}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--success.vui-list-items-item-group-label--animating{background-image:linear-gradient(#60db94,#60db94)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--warning:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--warning.vui-list-items-item-group-label--toggled{background-color:#fad9a4}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--warning.vui-list-items-item-group-label--animating{background-image:linear-gradient(#f8c573,#f8c573)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label:after{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Solid";font-style:normal;font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;content:"";position:absolute;top:.75rem;right:1rem}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--toggled{border-top:1px solid rgb(189,195,199);border-bottom:1px solid rgb(189,195,199)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--open:after{content:""}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-label{padding-left:1.5rem}.vui-list .vui-list-items .vui-list-items-item-label{display:flex;padding:.75rem;border-bottom:1px solid #d9dcde}.vui-list .vui-list-items .vui-list-items-item-label:hover{background-color:#d9dcde;border-bottom:1px solid rgb(189,195,199)}.vui-list .vui-list-items .vui-list-items-item-label.vui-list-items-item-label--selectable{cursor:pointer}.vui-list .vui-list-items .vui-list-items-item-label.vui-list-items-item-label--selected{color:#145b32;background-color:#60db94}.vui-list .vui-list-items .vui-list-items-item-label .vui-list-items-item-label-icon{padding-right:.5rem}.vui-dropdown{position:relative;display:inline-flex;min-width:200px;border-radius:.25rem}.vui-dropdown .vui-dropdown-placeholder{background-color:#e6e9ea;background-repeat:no-repeat;background-size:0 0;background-position:50% 50%;transition:background-size .125s,color .125s;box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006;background-color:#fff;width:100%;cursor:pointer}.vui-dropdown .vui-dropdown-placeholder .vui-dropdown-placeholder-loader{position:absolute;bottom:-2px;left:0;width:30%;height:2px;background-color:transparent}.vui-dropdown .vui-dropdown-placeholder:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--toggled{background-color:#d9dcde}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--animating{background-size:100% 100%;background-image:linear-gradient(#e6e9ea,#e6e9ea)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--loading .vui-dropdown-placeholder-loader{animation:linear infinite;animation-name:loading;animation-duration:.8s;background-color:#545e64}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error.vui-dropdown-placeholder--toggled{background-color:#f7acae}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error.vui-dropdown-placeholder--animating{background-image:linear-gradient(#f37d81,#f37d81)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success.vui-dropdown-placeholder--toggled{background-color:#89e5b0}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success.vui-dropdown-placeholder--animating{background-image:linear-gradient(#60db94,#60db94)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning.vui-dropdown-placeholder--toggled{background-color:#fad9a4}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning.vui-dropdown-placeholder--animating{background-image:linear-gradient(#f8c573,#f8c573)}.vui-dropdown .vui-dropdown-placeholder:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Solid";font-style:normal;font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;position:absolute;top:.5rem;right:1rem;content:"";color:#bdc3c7}.vui-dropdown .vui-dropdown-placeholder:hover:before{color:#869198}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--toggled:before{content:"";top:.7rem;color:#869198}.vui-dropdown .vui-dropdown-placeholder .vui-input.vui-dropdown-placeholder-label{width:100%;padding:.25rem .5rem .25rem 1rem;margin:0;background-color:transparent}.vui-dropdown .vui-dropdown-placeholder .vui-input.vui-dropdown-placeholder-label input[type=text]{cursor:pointer;border:none;background-color:transparent}.vui-dropdown .vui-dropdown-placeholder .vui-input.vui-dropdown-placeholder-label input[type=text]::placeholder{color:#000}.vui-dropdown .vui-list.vui-dropdown-list{position:absolute;top:2.5rem;left:0;right:0;background-color:#fff;z-index:2}.vui-dropdown .vui-list.vui-dropdown-list .vui-list-items .vui-list-items-item{cursor:pointer}.vui-loader{box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);border-radius:.25rem;position:relative;display:inline-flex;padding:.75rem;justify-content:start}.vui-loader.vui-loader--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-loader.vui-loader--default .vui-loader-icon:before{color:#000}.vui-loader.vui-loader--default.vui-loader--loading .vui-loader-loader{background-color:#000}.vui-loader.vui-loader--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-loader.vui-loader--error .vui-loader-icon:before{color:#960e13}.vui-loader.vui-loader--error.vui-loader--loading .vui-loader-loader{background-color:#960e13}.vui-loader.vui-loader--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-loader.vui-loader--success .vui-loader-icon:before{color:#145b32}.vui-loader.vui-loader--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-loader.vui-loader--warning .vui-loader-icon:before{color:#976008}.vui-loader.vui-loader--flat{box-shadow:none}.vui-loader .vui-loader-icon{animation:rotating 2s linear infinite}.vui-loader .vui-loader-body{padding-left:1rem}.vui-modal{position:fixed;top:0;left:0;right:0;bottom:0;padding:2rem;background-color:#d9dcde;z-index:3}.vui-modal .vui-modal-content{display:flex;flex-flow:column;min-height:calc(100vh - 4rem);background-color:#fff;border-radius:.25rem;box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006}.vui-modal .vui-modal-content .vui-modal-content-header{display:flex;justify-content:space-between;padding:1rem;font-size:1.15rem;line-height:1.2rem;font-weight:500;text-transform:none;background-color:#e6e9ea;border-bottom:1px solid #d9dcde}.vui-modal .vui-modal-content .vui-modal-content-header .fa-regular.fa-circle-xmark{font-size:1.2rem;cursor:pointer}.vui-modal .vui-modal-content .vui-modal-content-body{flex:1 1 auto;padding:2rem 1rem}.vui-modal .vui-modal-content .vui-modal-content-footer{padding:.5rem 1rem;text-align:center;background-color:#e6e9ea;border-top:1px solid #d9dcde}.vui-nav{display:inline-flex}.vui-nav.vui-nav--flat .vui-list.vui-nav-list{box-shadow:none}.vui-nav.vui-nav--flat .vui-list.vui-nav-list .vui-list-items .vui-list-items-item:first-of-type{padding-left:0}.vui-nav.vui-nav--flat .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label:hover{background-color:transparent}.vui-nav .vui-list.vui-nav-list .vui-list-items{display:flex}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item{cursor:pointer}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item:first-of-type{padding-left:1rem}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label{border:none;padding-left:0}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label i.fa-solid{color:#bdc3c7}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label .vui-list-items-item-label-text{padding-left:.75rem}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label.vui-list-items-item-label--selected{color:#27ae60;background-color:inherit}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label.vui-list-items-item-label--selected i.fa-solid,.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label.vui-list-items-item-label--selected .vui-list-items-item-label-text{color:inherit}.vui-page{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);display:flex;flex-flow:column;border-radius:.25rem}.vui-page.vui-page--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-page.vui-page--default .vui-page-icon:before{color:#000}.vui-page.vui-page--default.vui-page--loading .vui-page-loader{background-color:#000}.vui-page.vui-page--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-page.vui-page--error .vui-page-icon:before{color:#960e13}.vui-page.vui-page--error.vui-page--loading .vui-page-loader{background-color:#960e13}.vui-page.vui-page--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-page.vui-page--success .vui-page-icon:before{color:#145b32}.vui-page.vui-page--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-page.vui-page--warning .vui-page-icon:before{color:#976008}.vui-page:not(.vui-page--flat){box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006}.vui-page .vui-page-header{padding:1rem;font-size:1.15rem;line-height:1.2rem;font-weight:500;text-transform:none;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:inherit}.vui-page .vui-page-body{flex:1 1 auto;padding:2rem 1rem}.vui-page .vui-page-footer{padding:.5rem;border-top-style:solid;border-top-width:1px;border-top-color:inherit}.vui-pager .vui-pager-content{display:flex;justify-content:space-between}.vui-pager .vui-pager-content .vui-button.vui-button--first,.vui-pager .vui-pager-content .vui-button.vui-button--next{margin-right:.25rem}.vui-pager .vui-pager-content .ellipse{padding:0 .75rem;line-height:2rem;text-align:center;opacity:0}.vui-pager .vui-pager-content .ellipse.visible{opacity:1}.vui-progress .vui-progress-bar{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);width:100%;height:1rem;background-color:#bdc3c7;border:1px solid #869198;border-radius:.25rem}.vui-progress .vui-progress-bar.vui-progress-bar--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-progress .vui-progress-bar.vui-progress-bar--default .vui-progress-bar-icon:before{color:#000}.vui-progress .vui-progress-bar.vui-progress-bar--default.vui-progress-bar--loading .vui-progress-bar-loader{background-color:#000}.vui-progress .vui-progress-bar.vui-progress-bar--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-progress .vui-progress-bar.vui-progress-bar--error .vui-progress-bar-icon:before{color:#960e13}.vui-progress .vui-progress-bar.vui-progress-bar--error.vui-progress-bar--loading .vui-progress-bar-loader{background-color:#960e13}.vui-progress .vui-progress-bar.vui-progress-bar--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-progress .vui-progress-bar.vui-progress-bar--success .vui-progress-bar-icon:before{color:#145b32}.vui-progress .vui-progress-bar.vui-progress-bar--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-progress .vui-progress-bar.vui-progress-bar--warning .vui-progress-bar-icon:before{color:#976008}.vui-progress .vui-progress-bar .vui-progress-bar-cursor{height:.9rem;background-color:#27ae60}.vui-tabs .vui-tabs-tabs{display:flex;padding:.5rem 0}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab{position:relative;padding:.5rem;border:1px solid #d9dcde;cursor:pointer}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab:not(:first-of-type){margin-left:1rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--with-icon .label{padding-left:2rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active{border-color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .vui-tabs-tabs-tab-icon:before{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .label{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon:before{color:#869198}.vui-tabs .vui-tabs-slots{padding:1rem;border:1px solid #d9dcde}.vui-tag{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);border-radius:.25rem;position:relative;padding:.5rem}.vui-tag.vui-tag--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-tag.vui-tag--default .vui-tag-icon:before{color:#000}.vui-tag.vui-tag--default.vui-tag--loading .vui-tag-loader{background-color:#000}.vui-tag.vui-tag--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-tag.vui-tag--error .vui-tag-icon:before{color:#960e13}.vui-tag.vui-tag--error.vui-tag--loading .vui-tag-loader{background-color:#960e13}.vui-tag.vui-tag--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-tag.vui-tag--success .vui-tag-icon:before{color:#145b32}.vui-tag.vui-tag--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-tag.vui-tag--warning .vui-tag-icon:before{color:#976008}.vui-tag.vui-tag--with-icon{padding-left:2.5rem}.vui-tag .vui-tag-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem;color:#869198}.vui-tag .vui-tag-icon:before{color:#869198}.vui-toggle{position:relative;display:inline-flex;height:1.45rem}.vui-toggle .vui-toggle-slider{position:absolute;bottom:0;width:4.5rem;padding:.25rem .5rem;background-color:#bdc3c7;border-radius:2.1rem;transition:.4s;cursor:pointer}.vui-toggle .vui-toggle-slider .vui-toggle-slider-button{width:1.65rem;height:1.65rem;background-color:#fff;border-radius:50%;transition:.4s}.vui-toggle .vui-toggle-label{padding-left:5rem}.vui-toggle.vui-toggle--checked .vui-toggle-slider{background-color:#27ae60}.vui-toggle.vui-toggle--checked .vui-toggle-slider .vui-toggle-slider-button{-webkit-transform:translateX(1.65rem);-ms-transform:translateX(1.65rem);transform:translate(1.65rem)}.vui-toggle.vui-toggle--disabled .vui-toggle-slider{background-color:#d9dcde;cursor:not-allowed}.vui-toggle.vui-toggle--disabled .vui-toggle-slider .vui-toggle-slider-button{background-color:#e6e9ea}.vui-toggle.vui-toggle--disabled.vui-toggle--checked .vui-toggle-slider{background-color:#89e5b0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{left:0;opacity:1}50%{left:70%;opacity:0}to{left:0;opacity:1}}.vui-tooltip{max-width:300px;display:none;padding:.5rem;font-size:.9rem;color:#e6e9ea;background-color:#0097e6;border-radius:.25rem;box-shadow:0 3px 1px -2px #00659a66,0 2px 2px #00659a33,0 1px 5px #00659a66}.vui-tooltip.vui-tooltip--with-icon{padding-left:2.5rem}.vui-tooltip .vui-tooltip-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem;color:#869198}.vui-tooltip .vui-tooltip-icon:before{color:#e6e9ea}.vui-tooltip .vui-tooltip-pointer:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Solid";font-style:normal;font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;position:absolute;font-size:1.1rem;color:#0097e6}.vui-tooltip .vui-tooltip-pointer.vui-tooltip-pointer--bottom:before{top:-.65rem;left:calc(50% - 1rem);content:""}.vui-tooltip .vui-tooltip-pointer.vui-tooltip-pointer--left:before{top:40%;left:100%;content:""}.vui-tooltip .vui-tooltip-pointer.vui-tooltip-pointer--top:before{top:95%;left:calc(50% - 1rem);content:""}.vui-tooltip .vui-tooltip-pointer.vui-tooltip-pointer--right:before{top:40%;left:-.5rem;content:""}