cja-phoenix 0.3.5 → 0.3.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.
- package/README.md +26 -10
- package/dist/cja-phoenix.es.js +36 -36
- package/dist/style.css +1 -1
- package/dist/types/components/forms/NumberInput.vue.d.ts +1 -1
- package/package.json +2 -5
- package/src/components/structural/CjaButton.vue +1 -1
- package/src/utils/cjaStore.ts +7 -15
- package/dist/types/histoire.setup.d.ts +0 -2
- package/dist/types/stories/CjaButton.story.vue.d.ts +0 -2
- package/dist/types/stories/ContentTabs.story.vue.d.ts +0 -2
- package/dist/types/stories/Modal.story.vue.d.ts +0 -2
- package/src/histoire.setup.ts +0 -2
- package/src/stories/CjaButton.story.vue +0 -191
- package/src/stories/ContentTabs.story.vue +0 -59
- package/src/stories/Modal.story.vue +0 -88
package/README.md
CHANGED
|
@@ -23,18 +23,18 @@ npm run docs:serve
|
|
|
23
23
|
|
|
24
24
|
## Develop and test locally
|
|
25
25
|
|
|
26
|
-
The best way to develop and test your component is by creating
|
|
26
|
+
The best way to develop and test your component is by creating stories in `src/stories` folder.
|
|
27
27
|
|
|
28
28
|
If you want to test the library in your Vue3 app locally:
|
|
29
29
|
|
|
30
|
-
- In the root folder of this library, run `npm link`. This will create a symbolic link to the library.
|
|
31
|
-
- In the
|
|
30
|
+
- In the root folder of this library, run `npm run build:link`. This will build the library for development and create a symbolic link to the library.
|
|
31
|
+
- In the `package.json` of the client app add the script: `reload: npm link cja-phoenix && npm run serve`, this will grab the symbolic link created by running `npm run build:link`.
|
|
32
32
|
- You can now import `cja-phoenix` in your client app.
|
|
33
|
-
- The library can be installed on your app with the `App.use()` function
|
|
33
|
+
- The library can be installed on your app with the `App.use()` function
|
|
34
34
|
|
|
35
|
-
|
|
35
|
+
If you made changes to the library, you will need to run `npm run build:link` on Phoenix's side and `npm run reload` on the client app's side.
|
|
36
36
|
|
|
37
|
-
|
|
37
|
+
> It is advised to add the script `"reset:packages": "npm unlink cja-phoenix && npm i cja-phoenix@latest"`to the client app in order to make the process of clearing the npm link and updating the cja-phoenix version easier. Simply run it after you have made your changes and published them, the script will automatically clean up the package lock file and reinstall the latest cja-phoenix version.
|
|
38
38
|
|
|
39
39
|
## Publishing
|
|
40
40
|
|
|
@@ -58,7 +58,21 @@ module.exports = {
|
|
|
58
58
|
};
|
|
59
59
|
```
|
|
60
60
|
|
|
61
|
-
>
|
|
61
|
+
> :warning: **When developing components, always import library resources directly from their source files.**
|
|
62
|
+
|
|
63
|
+
```js
|
|
64
|
+
// Do this
|
|
65
|
+
import CjaButton from "../components/structural/CjaButton.vue";
|
|
66
|
+
|
|
67
|
+
// Instead of this
|
|
68
|
+
import { CjaButton } from "../components";
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
This is due to the **07/2023 Histoire Incident**, during which `histoire build` would fail during action runtime on github due to an unclear compiler error:
|
|
72
|
+
|
|
73
|
+
> Failed to load "./jsonReviver" imported from /home/runner/work/phoenix/phoenix/src/utils/index.ts
|
|
74
|
+
|
|
75
|
+
If you feel confident enough to try and resolve this issue be aware that the error may change its starting point. Good luck! :star:
|
|
62
76
|
|
|
63
77
|
### Utilities and constants
|
|
64
78
|
|
|
@@ -87,16 +101,18 @@ export default {
|
|
|
87
101
|
|
|
88
102
|
Individual components have styles defined in its `.vue` file. They will be processed, combined and minified into `dist/style.css`, which is included in the `exports` list in [package.json](package.json).
|
|
89
103
|
|
|
90
|
-
If you have library level styles shared by all components in the library, you may add them to [src/assets/main.scss](src/assets/main.scss). This file is imported in [index.ts](src/index.ts), the processed styles are also included into `dist/style.css`.
|
|
104
|
+
If you have library level styles shared by all components in the library, you may add them to [src/assets/main.scss](src/assets/main.scss). This file is imported in [index.ts](src/index.ts), the processed styles are also included into `dist/style.css`.
|
|
91
105
|
|
|
92
106
|
If you have your own special set of SVG icons, you may create a font file (`.woff` format) using tools like [Icomoon](https://icomoon.io/) or [Fontello](https://fontello.com/). Vite will include the font file into the build, see [https://vitejs.dev/guide/assets.html](https://vitejs.dev/guide/assets.html).
|
|
93
107
|
|
|
94
|
-
The client app
|
|
108
|
+
The client app must import `style.css` in its entry file:
|
|
95
109
|
|
|
96
110
|
```js
|
|
97
|
-
import "cja-phoenix/
|
|
111
|
+
import "cja-phoenix/style.css";
|
|
98
112
|
```
|
|
99
113
|
|
|
114
|
+
Any additional styles (such as Tippy's or intl-tel-input) must be imported manually in the consuming app's entry file
|
|
115
|
+
|
|
100
116
|
### Third-party dependencies
|
|
101
117
|
|
|
102
118
|
Third-party libraries used by you library may bloat up the size of your library, if you simply add them to the `dependencies` in [package.json](package.json).
|
package/dist/cja-phoenix.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as re, ref as U, watch as Le, openBlock as I, createBlock as ne, Teleport as Yn, createVNode as we, Transition as An, withCtx as ee, withDirectives as Dt, createElementVNode as O, withModifiers as Ei, createElementBlock as F, toDisplayString as Y, createCommentVNode as H, renderSlot as ge, vShow as Ci, pushScopeId as et, popScopeId as tt, normalizeClass as ae,
|
|
1
|
+
import { defineComponent as re, ref as U, watch as Le, openBlock as I, createBlock as ne, Teleport as Yn, createVNode as we, Transition as An, withCtx as ee, withDirectives as Dt, createElementVNode as O, withModifiers as Ei, createElementBlock as F, toDisplayString as Y, createCommentVNode as H, renderSlot as ge, vShow as Ci, pushScopeId as et, popScopeId as tt, normalizeClass as ae, normalizeStyle as sn, Fragment as it, renderList as yt, TransitionGroup as el, inject as Ft, unref as D, onMounted as lt, onUnmounted as zt, computed as be, warn as tl, provide as nl, isRef as St, getCurrentInstance as at, onBeforeUnmount as rl, reactive as fs, nextTick as ps, resolveDirective as wi, normalizeProps as bt, guardReactiveProps as Kn, mergeProps as Xn, h as Ut, shallowRef as il, onBeforeMount as hs, effectScope as al, Text as sl, vModelText as ol, createTextVNode as Bt, version as ll, isReactive as Xi, isVNode as ul, render as Ji } from "vue";
|
|
2
2
|
const se = (e, t) => {
|
|
3
3
|
const n = e.__vccOpts || e;
|
|
4
4
|
for (const [r, i] of t)
|
|
@@ -69,11 +69,15 @@ const se = (e, t) => {
|
|
|
69
69
|
})
|
|
70
70
|
]));
|
|
71
71
|
}
|
|
72
|
-
}), ms = /* @__PURE__ */ se(_l, [["__scopeId", "data-v-1e53fe18"]]);
|
|
73
|
-
|
|
72
|
+
}), ms = /* @__PURE__ */ se(_l, [["__scopeId", "data-v-1e53fe18"]]), yl = {};
|
|
73
|
+
function bl(e, t) {
|
|
74
|
+
return ge(e.$slots, "default");
|
|
75
|
+
}
|
|
76
|
+
const Cr = /* @__PURE__ */ se(yl, [["render", bl]]);
|
|
77
|
+
const El = { key: 0 }, Cl = {
|
|
74
78
|
key: 1,
|
|
75
79
|
class: "spinner"
|
|
76
|
-
},
|
|
80
|
+
}, wl = re({
|
|
77
81
|
__name: "CjaButton",
|
|
78
82
|
props: {
|
|
79
83
|
type: { default: "primary" },
|
|
@@ -93,9 +97,9 @@ const yl = { key: 0 }, bl = {
|
|
|
93
97
|
{ "btn-loading": t.loading, "btn-icon-only": !t.$slots.default && t.icon }
|
|
94
98
|
]])
|
|
95
99
|
}, [
|
|
96
|
-
t.loading ? (I(), F("div",
|
|
100
|
+
t.loading ? (I(), F("div", Cl)) : (I(), ne(Cr, { key: 0 }, {
|
|
97
101
|
default: ee(() => [
|
|
98
|
-
t.$slots.default ? (I(), F("span",
|
|
102
|
+
t.$slots.default ? (I(), F("span", El, [
|
|
99
103
|
ge(t.$slots, "default", {}, void 0, !0)
|
|
100
104
|
])) : H("", !0),
|
|
101
105
|
t.icon ? (I(), F("span", {
|
|
@@ -107,8 +111,8 @@ const yl = { key: 0 }, bl = {
|
|
|
107
111
|
}))
|
|
108
112
|
], 2));
|
|
109
113
|
}
|
|
110
|
-
}), en = /* @__PURE__ */ se(
|
|
111
|
-
const
|
|
114
|
+
}), en = /* @__PURE__ */ se(wl, [["__scopeId", "data-v-61a3db82"]]);
|
|
115
|
+
const Tl = re({
|
|
112
116
|
__name: "LoadingSpinner",
|
|
113
117
|
props: {
|
|
114
118
|
size: {},
|
|
@@ -124,8 +128,8 @@ const Cl = re({
|
|
|
124
128
|
})
|
|
125
129
|
}, null, 4));
|
|
126
130
|
}
|
|
127
|
-
}),
|
|
128
|
-
const
|
|
131
|
+
}), kl = /* @__PURE__ */ se(Tl, [["__scopeId", "data-v-69367934"]]);
|
|
132
|
+
const Ol = { class: "content-tabs" }, Ll = { class: "control-container" }, Il = ["onClick"], Sl = { class: "content-container" }, Nl = re({
|
|
129
133
|
__name: "ContentTabs",
|
|
130
134
|
props: {
|
|
131
135
|
defaultTab: {},
|
|
@@ -134,17 +138,17 @@ const Tl = { class: "content-tabs" }, kl = { class: "control-container" }, Ol =
|
|
|
134
138
|
emits: ["tab:changed"],
|
|
135
139
|
setup(e, { expose: t }) {
|
|
136
140
|
const r = U(e.defaultTab);
|
|
137
|
-
return t({ activeTab: r }), (i, a) => (I(), F("div",
|
|
138
|
-
O("div",
|
|
141
|
+
return t({ activeTab: r }), (i, a) => (I(), F("div", Ol, [
|
|
142
|
+
O("div", Ll, [
|
|
139
143
|
(I(!0), F(it, null, yt(i.tabs, (s, o) => (I(), F("button", {
|
|
140
144
|
key: o,
|
|
141
145
|
class: ae({ active: r.value == o }),
|
|
142
146
|
onClick: (l) => {
|
|
143
147
|
r.value = o, i.$emit("tab:changed", o);
|
|
144
148
|
}
|
|
145
|
-
}, Y(s), 11,
|
|
149
|
+
}, Y(s), 11, Il))), 128))
|
|
146
150
|
]),
|
|
147
|
-
O("div",
|
|
151
|
+
O("div", Sl, [
|
|
148
152
|
we(el, { name: "fade" }, {
|
|
149
153
|
default: ee(() => [
|
|
150
154
|
(I(!0), F(it, null, yt(i.tabs, (s, o) => Dt((I(), F("div", {
|
|
@@ -161,14 +165,14 @@ const Tl = { class: "content-tabs" }, kl = { class: "control-container" }, Ol =
|
|
|
161
165
|
])
|
|
162
166
|
]));
|
|
163
167
|
}
|
|
164
|
-
}),
|
|
165
|
-
const
|
|
168
|
+
}), Al = /* @__PURE__ */ se(Nl, [["__scopeId", "data-v-bad7eaae"]]);
|
|
169
|
+
const Dl = {
|
|
166
170
|
key: 0,
|
|
167
171
|
class: "icon-container"
|
|
168
|
-
},
|
|
172
|
+
}, Fl = { class: "text-container" }, Pl = { key: 0 }, xl = ["innerHTML"], $l = {
|
|
169
173
|
key: 1,
|
|
170
174
|
class: "btn-container"
|
|
171
|
-
},
|
|
175
|
+
}, Ml = re({
|
|
172
176
|
__name: "InfoMessage",
|
|
173
177
|
props: {
|
|
174
178
|
title: {},
|
|
@@ -185,17 +189,17 @@ const Nl = {
|
|
|
185
189
|
{ "has-icon": n.$slots.icon && D(t).m, "has-toggle": n.toggle }
|
|
186
190
|
]])
|
|
187
191
|
}, [
|
|
188
|
-
n.$slots.icon && D(t).m ? (I(), F("div",
|
|
192
|
+
n.$slots.icon && D(t).m ? (I(), F("div", Dl, [
|
|
189
193
|
ge(n.$slots, "icon", {}, void 0, !0)
|
|
190
194
|
])) : H("", !0),
|
|
191
|
-
O("div",
|
|
192
|
-
n.title ? (I(), F("h4",
|
|
195
|
+
O("div", Fl, [
|
|
196
|
+
n.title ? (I(), F("h4", Pl, Y(n.title), 1)) : H("", !0),
|
|
193
197
|
n.description ? (I(), F("p", {
|
|
194
198
|
key: 1,
|
|
195
199
|
innerHTML: n.description
|
|
196
|
-
}, null, 8,
|
|
200
|
+
}, null, 8, xl)) : H("", !0)
|
|
197
201
|
]),
|
|
198
|
-
n.toggle ? (I(), F("div",
|
|
202
|
+
n.toggle ? (I(), F("div", $l, [
|
|
199
203
|
O("button", {
|
|
200
204
|
class: "m-cgg-icon--cross2",
|
|
201
205
|
onClick: r[0] || (r[0] = (i) => n.$emit("btn:close"))
|
|
@@ -203,11 +207,7 @@ const Nl = {
|
|
|
203
207
|
])) : H("", !0)
|
|
204
208
|
], 2));
|
|
205
209
|
}
|
|
206
|
-
}),
|
|
207
|
-
function Rl(e, t) {
|
|
208
|
-
return ge(e.$slots, "default");
|
|
209
|
-
}
|
|
210
|
-
const Cr = /* @__PURE__ */ se(Ml, [["render", Rl]]);
|
|
210
|
+
}), Rl = /* @__PURE__ */ se(Ml, [["__scopeId", "data-v-7394b72d"]]);
|
|
211
211
|
const Vl = re({
|
|
212
212
|
__name: "GridContainer",
|
|
213
213
|
props: {
|
|
@@ -5967,12 +5967,12 @@ const P_ = async (e) => {
|
|
|
5967
5967
|
changeData(t, n = "data") {
|
|
5968
5968
|
var i;
|
|
5969
5969
|
const r = this[n][t.key];
|
|
5970
|
-
r && (r.
|
|
5970
|
+
r && (r.value = t.value, r.options && (r.label = Array.isArray(t.value) ? r.value.map(
|
|
5971
5971
|
(a) => {
|
|
5972
5972
|
var s;
|
|
5973
5973
|
return (s = r.options.find((o) => o.value == a)) == null ? void 0 : s.label;
|
|
5974
5974
|
}
|
|
5975
|
-
) : (i = r.options.find((a) => a.value == t.value)) == null ? void 0 : i.label))
|
|
5975
|
+
) : (i = r.options.find((a) => a.value == t.value)) == null ? void 0 : i.label));
|
|
5976
5976
|
},
|
|
5977
5977
|
...e.actions
|
|
5978
5978
|
}
|
|
@@ -9346,12 +9346,12 @@ const kv = { class: "info-showcase" }, Ov = { class: "showcase-list" }, Lv = { c
|
|
|
9346
9346
|
SelectInput: jp,
|
|
9347
9347
|
CurrencyInput: kh,
|
|
9348
9348
|
SelectionTiles: xh,
|
|
9349
|
-
LoadingSpinner:
|
|
9349
|
+
LoadingSpinner: kl,
|
|
9350
9350
|
Scaffold: Cr,
|
|
9351
9351
|
ProductDetails: dv,
|
|
9352
9352
|
ToggleInput: ph,
|
|
9353
9353
|
FileInput: Jp,
|
|
9354
|
-
ContentTabs:
|
|
9354
|
+
ContentTabs: Al,
|
|
9355
9355
|
CollapseContainer: Gl,
|
|
9356
9356
|
GridContainer: wr,
|
|
9357
9357
|
GridItem: on,
|
|
@@ -9366,7 +9366,7 @@ const kv = { class: "info-showcase" }, Ov = { class: "showcase-list" }, Lv = { c
|
|
|
9366
9366
|
JourneyMacroSteps: vi,
|
|
9367
9367
|
CjaMenuBar: Tv,
|
|
9368
9368
|
FixedContainer: jn,
|
|
9369
|
-
InfoMessage:
|
|
9369
|
+
InfoMessage: Rl,
|
|
9370
9370
|
InfoShowcase: Pv
|
|
9371
9371
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
9372
9372
|
/*!
|
|
@@ -11631,7 +11631,7 @@ export {
|
|
|
11631
11631
|
en as CjaButton,
|
|
11632
11632
|
Tv as CjaMenuBar,
|
|
11633
11633
|
Gl as CollapseContainer,
|
|
11634
|
-
|
|
11634
|
+
Al as ContentTabs,
|
|
11635
11635
|
kh as CurrencyInput,
|
|
11636
11636
|
Jp as FileInput,
|
|
11637
11637
|
jn as FixedContainer,
|
|
@@ -11641,10 +11641,10 @@ export {
|
|
|
11641
11641
|
ym as FunnelTitle,
|
|
11642
11642
|
wr as GridContainer,
|
|
11643
11643
|
on as GridItem,
|
|
11644
|
-
|
|
11644
|
+
Rl as InfoMessage,
|
|
11645
11645
|
Pv as InfoShowcase,
|
|
11646
11646
|
vi as JourneyMacroSteps,
|
|
11647
|
-
|
|
11647
|
+
kl as LoadingSpinner,
|
|
11648
11648
|
ms as Modal,
|
|
11649
11649
|
B_ as MyConstants,
|
|
11650
11650
|
oh as NumberInput,
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";.modal-backdrop[data-v-1e53fe18]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#0006;transition:all .4s ease-in-out}.modal-overlay[data-v-1e53fe18]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:13}.modal-container[data-v-1e53fe18]{position:absolute;top:0;left:0;height:100%;background:#ffffff;padding:20px;width:100%;box-sizing:border-box;display:flex;flex-direction:column}@media screen and (min-width: 601px){.modal-container[data-v-1e53fe18]{top:50%;left:50%;transform:translateY(-50%) translate(-50%);max-width:calc(100% - 60px);max-height:calc(100% - 40px);border-radius:8px;padding:20px 40px;height:auto}}@media screen and (min-width: 1100px){.modal-container[data-v-1e53fe18]{max-width:1040px}}.modal-container .modal-header[data-v-1e53fe18]{font-weight:700;font-size:18px;line-height:21px;padding:0 20px 15px 0;border-bottom:1px solid #dedede}@media screen and (min-width: 601px){.modal-container .modal-header[data-v-1e53fe18]{font-size:24px;line-height:27px}}.modal-container .modal-header[data-v-1e53fe18]:before,.modal-container .modal-header[data-v-1e53fe18]:after{content:none}.modal-container .btn-close[data-v-1e53fe18]{position:absolute;top:20px;right:20px;background:none;border:none;padding:0;outline:0;height:20px;cursor:pointer;z-index:2}@media screen and (min-width: 601px){.modal-container .btn-close[data-v-1e53fe18]{right:40px}}.modal-container .btn-close span[data-v-1e53fe18]{display:block;font-size:16px;line-height:20px}.modal-container .btn-close[data-v-1e53fe18]:focus{outline:0}.modal-container .modal-body[data-v-1e53fe18]{margin:0 -15px -15px;font-size:15px;line-height:17px;overflow-y:auto;flex-grow:1;height:auto;padding:15px}.modal-container .modal-footer[data-v-1e53fe18]{border-top:1px solid #dedede;padding:15px 0 0;margin-top:15px}.modal-container .modal-footer[data-v-1e53fe18] .button-container{display:flex;flex-direction:row;justify-content:flex-end;gap:10px}.fade-enter-from[data-v-1e53fe18],.fade-leave-to[data-v-1e53fe18]{opacity:0}.fade-enter-to[data-v-1e53fe18],.fade-leave-from[data-v-1e53fe18]{opacity:1}.cja-btn[data-v-bfcf3f1a]{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;font-weight:700;cursor:pointer;transition:all .2s ease-in-out;border-width:1px;border-style:solid;border-color:transparent;background:none}.cja-btn[data-v-bfcf3f1a]:focus-visible{outline:none}.cja-btn[data-v-bfcf3f1a]:hover{box-shadow:none}.cja-btn.btn-size-sm[data-v-bfcf3f1a]{font-size:14px;line-height:18px;padding:8px 12px;border-radius:8px}.cja-btn.btn-size-sm.btn-icon-only[data-v-bfcf3f1a],.cja-btn.btn-size-sm.btn-loading[data-v-bfcf3f1a]{padding:4px}.cja-btn.btn-size-sm.btn-loading .spinner[data-v-bfcf3f1a]{width:14px;height:14px}.cja-btn.btn-size-md[data-v-bfcf3f1a]{font-size:18px;line-height:18px;padding:8px 24px;border-radius:8px}.cja-btn.btn-size-md.btn-icon-only[data-v-bfcf3f1a],.cja-btn.btn-size-md.btn-loading[data-v-bfcf3f1a]{padding:8px}.cja-btn.btn-size-md.btn-loading .spinner[data-v-bfcf3f1a]{width:18px;height:18px}.cja-btn.btn-size-lg[data-v-bfcf3f1a]{font-size:22px;line-height:22px;padding:16px 32px;border-radius:8px}.cja-btn.btn-size-lg.btn-icon-only[data-v-bfcf3f1a],.cja-btn.btn-size-lg.btn-loading[data-v-bfcf3f1a]{padding:16px}.cja-btn.btn-size-lg.btn-loading .spinner[data-v-bfcf3f1a]{width:22px;height:22px}.cja-btn.btn-primary[data-v-bfcf3f1a]{box-shadow:0 2px 10px #0000001a}.cja-btn.btn-primary.btn-color-blue[data-v-bfcf3f1a]:not(:disabled){background:#076b9c;border-color:#076b9c;color:#fff}.cja-btn.btn-primary.btn-color-blue[data-v-bfcf3f1a]:not(:disabled):hover{background:#0d2745;border-color:#0d2745}.cja-btn.btn-primary.btn-color-blue[data-v-bfcf3f1a]:not(:disabled):focus{background:#155072;border-color:#155072}.cja-btn.btn-primary.btn-color-orange[data-v-bfcf3f1a]:not(:disabled){background:#f58423;border-color:#f58423;color:#fff}.cja-btn.btn-primary.btn-color-orange[data-v-bfcf3f1a]:not(:disabled):hover{background:#ea730b;border-color:#ea730b}.cja-btn.btn-primary.btn-color-orange[data-v-bfcf3f1a]:not(:disabled):focus{background:#f9b377;border-color:#f9b377}.cja-btn.btn-primary.btn-color-white[data-v-bfcf3f1a]:not(:disabled){background:#fff;border-color:#fff;color:#0d2745}.cja-btn.btn-primary.btn-color-white[data-v-bfcf3f1a]:not(:disabled):hover{background:#fafafa;border-color:#fafafa}.cja-btn.btn-primary.btn-color-white[data-v-bfcf3f1a]:not(:disabled):focus{background:#ebebeb;border-color:#ebebeb}.cja-btn.btn-primary[data-v-bfcf3f1a]:disabled{background:#f1f5f9;border-color:#f1f5f9;color:#9fabbc;cursor:auto}.cja-btn.btn-primary.btn-loading .spinner[data-v-bfcf3f1a]{border-color:#fff;border-top-color:#fff3}.cja-btn.btn-secondary.btn-color-blue[data-v-bfcf3f1a]:not(:disabled){border-color:#076b9c;color:#076b9c}.cja-btn.btn-secondary.btn-color-blue[data-v-bfcf3f1a]:not(:disabled):hover{background:#f4f9fc;border-color:#155072;color:#155072}.cja-btn.btn-secondary.btn-color-blue[data-v-bfcf3f1a]:not(:disabled):focus{border-color:#0d2745;color:#0d2745}.cja-btn.btn-secondary.btn-color-orange[data-v-bfcf3f1a]:not(:disabled){border-color:#f58423;color:#f58423}.cja-btn.btn-secondary.btn-color-orange[data-v-bfcf3f1a]:not(:disabled):hover{background:#fdf1e2;border-color:#f9b377;color:#f9b377}.cja-btn.btn-secondary.btn-color-orange[data-v-bfcf3f1a]:not(:disabled):focus{border-color:#ea730b;color:#ea730b}.cja-btn.btn-secondary.btn-color-white[data-v-bfcf3f1a]:not(:disabled){border-color:#fff;color:#fff}.cja-btn.btn-secondary.btn-color-white[data-v-bfcf3f1a]:not(:disabled):hover{background:#ebebeb;border-color:#fafafa;color:#fafafa}.cja-btn.btn-secondary.btn-color-white[data-v-bfcf3f1a]:not(:disabled):focus{border-color:#ebebeb;color:#ebebeb}.cja-btn.btn-secondary[data-v-bfcf3f1a]:disabled{border-color:#9fabbc;color:#9fabbc;cursor:auto}.cja-btn.btn-secondary.btn-loading .spinner[data-v-bfcf3f1a]{border-top-color:#fff3}.cja-btn.btn-tertiary.btn-color-blue[data-v-bfcf3f1a]:not(:disabled){color:#076b9c}.cja-btn.btn-tertiary.btn-color-blue[data-v-bfcf3f1a]:not(:disabled):hover{box-shadow:0 2px 10px #0000001a;color:#155072;background:#f4f9fc}.cja-btn.btn-tertiary.btn-color-blue[data-v-bfcf3f1a]:not(:disabled):focus{color:#0d2745}.cja-btn.btn-tertiary.btn-color-orange[data-v-bfcf3f1a]:not(:disabled){color:#f58423}.cja-btn.btn-tertiary.btn-color-orange[data-v-bfcf3f1a]:not(:disabled):hover{box-shadow:0 2px 10px #0000001a;color:#f9b377;background:#fdf1e2}.cja-btn.btn-tertiary.btn-color-orange[data-v-bfcf3f1a]:not(:disabled):focus{color:#ea730b}.cja-btn.btn-tertiary.btn-color-white[data-v-bfcf3f1a]:not(:disabled){color:#fff}.cja-btn.btn-tertiary.btn-color-white[data-v-bfcf3f1a]:not(:disabled):hover{box-shadow:0 2px 10px #0000001a;color:#0d2745;background:#fafafa}.cja-btn.btn-tertiary.btn-color-white[data-v-bfcf3f1a]:not(:disabled):focus{color:#ebebeb}.cja-btn.btn-tertiary[data-v-bfcf3f1a]:disabled{color:#9fabbc;cursor:auto}.cja-btn.btn-tertiary.btn-loading .spinner[data-v-bfcf3f1a]{border-top-color:#fff3}.cja-btn.icon-left[data-v-bfcf3f1a]{flex-direction:row-reverse}.cja-btn.btn-loading[data-v-bfcf3f1a]{cursor:auto}.cja-btn.btn-loading .spinner[data-v-bfcf3f1a]{width:20px;height:20px;border-width:2px;border-style:solid;border-radius:50%;animation:spin-bfcf3f1a 1s infinite;animation-timing-function:linear}@keyframes spin-bfcf3f1a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner[data-v-69367934]{width:80px;height:80px;border:7px solid #b5e187;border-top:7px solid rgba(255,255,255,.2);border-radius:50%;animation:spin-69367934 1s infinite;animation-timing-function:linear}@keyframes spin-69367934{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content-tabs .control-container[data-v-bad7eaae]{display:flex;flex-direction:row;flex-wrap:nowrap;margin-bottom:30px}.content-tabs .control-container button[data-v-bad7eaae]{flex-grow:1;outline:none;background:none;font-weight:700;padding:0 5px 7px;font-size:16px;line-height:19px;text-align:center;border:none;color:#979290;cursor:pointer;border-bottom:1px solid #979290}.content-tabs .control-container button.active[data-v-bad7eaae]{color:#076b9c;padding:0 5px 5px;border-bottom:3px solid #076b9c}.content-tabs .control-container button[data-v-bad7eaae]:focus{outline:none}.content-tabs .content-container[data-v-bad7eaae]{position:relative;overflow:hidden}.content-tabs .content-container .fade-leave-active[data-v-bad7eaae]{position:absolute;left:0;top:0;width:100%;transition:all .3s ease-in-out}.content-tabs .content-container .fade-enter-active[data-v-bad7eaae]{transition:all .3s ease-in-out .3s}.content-tabs .content-container .fade-enter-from[data-v-bad7eaae],.content-tabs .content-container .fade-leave-to[data-v-bad7eaae]{opacity:0}.content-tabs .content-container .fade-enter-to[data-v-bad7eaae],.content-tabs .content-container .fade-leave-from[data-v-bad7eaae]{opacity:1}.info-message[data-v-7394b72d]{display:grid;grid-template-columns:1fr;gap:16px;padding:8px 16px;border:2px solid #000;border-radius:16px}@media screen and (min-width: 768px){.info-message[data-v-7394b72d]{padding:16px 24px}}@media screen and (min-width: 768px){.info-message.has-icon[data-v-7394b72d]{grid-template-columns:auto 1fr}}.info-message.has-toggle[data-v-7394b72d]{grid-template-columns:1fr 18px}@media screen and (min-width: 768px){.info-message.has-icon.has-toggle[data-v-7394b72d]{grid-template-columns:auto 1fr 18px}}.info-message.color-green[data-v-7394b72d]{background-color:#f8faf5;border-color:#c4dab1;color:#56924b}.info-message.color-blue[data-v-7394b72d]{background-color:#f4f9fc;border-color:#076b9c;color:#076b9c}.info-message .text-container[data-v-7394b72d]{display:flex;flex-direction:column;gap:15px}.info-message .text-container h4[data-v-7394b72d]{font-weight:700;font-size:16px;line-height:20px;margin:0}.info-message .text-container p[data-v-7394b72d]{font-size:13px;line-height:17px;margin:0}.info-message .btn-container button[data-v-7394b72d]{padding:0;border:none;font-size:18px;line-height:18px;color:inherit;cursor:pointer;background:none}.grid-container-1[data-v-59ccfc14],.grid-container-2[data-v-59ccfc14],.grid-container-3[data-v-59ccfc14]{display:grid;column-gap:16px;padding-left:24px;padding-right:24px}@media screen and (min-width: 768px) and (max-width: 1023px){.grid-container-1[data-v-59ccfc14],.grid-container-2[data-v-59ccfc14],.grid-container-3[data-v-59ccfc14]{grid-template-columns:repeat(4,1fr);column-gap:24px;padding-left:40px;padding-right:40px}}@media screen and (min-width: 1024px){.grid-container-1[data-v-59ccfc14],.grid-container-2[data-v-59ccfc14],.grid-container-3[data-v-59ccfc14]{grid-template-columns:repeat(12,1fr);column-gap:24px;padding-left:32px;padding-right:32px}}@media screen and (min-width: 1200px){.grid-container-1[data-v-59ccfc14],.grid-container-2[data-v-59ccfc14],.grid-container-3[data-v-59ccfc14]{padding-left:64px;padding-right:64px;max-width:1440px;margin-left:auto;margin-right:auto}}@media screen and (max-width: 767px){.grid-container-1[data-v-59ccfc14]{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 767px){.grid-container-2[data-v-59ccfc14]{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 767px){.grid-container-3[data-v-59ccfc14]{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 767px){.grid-item-sm-1[data-v-221315aa]{grid-column:span 1}}@media screen and (max-width: 767px){.grid-item-sm-2[data-v-221315aa]{grid-column:span 2}}@media screen and (max-width: 767px){.grid-item-sm-3[data-v-221315aa]{grid-column:span 3}}@media screen and (max-width: 767px){.grid-item-sm-4[data-v-221315aa]{grid-column:span 4}}@media screen and (min-width: 768px) and (max-width: 1023px){.grid-item-md-1[data-v-221315aa]{grid-column:span 1}}@media screen and (min-width: 768px) and (max-width: 1023px){.grid-item-md-2[data-v-221315aa]{grid-column:span 2}}@media screen and (min-width: 768px) and (max-width: 1023px){.grid-item-md-3[data-v-221315aa]{grid-column:span 3}}@media screen and (min-width: 768px) and (max-width: 1023px){.grid-item-md-4[data-v-221315aa]{grid-column:span 4}}@media screen and (min-width: 1024px){.grid-item-lg-1[data-v-221315aa]{grid-column:span 1}}@media screen and (min-width: 1024px){.grid-item-lg-2[data-v-221315aa]{grid-column:span 2}}@media screen and (min-width: 1024px){.grid-item-lg-3[data-v-221315aa]{grid-column:span 3}}@media screen and (min-width: 1024px){.grid-item-lg-4[data-v-221315aa]{grid-column:span 4}}@media screen and (min-width: 1024px){.grid-item-lg-5[data-v-221315aa]{grid-column:span 5}}@media screen and (min-width: 1024px){.grid-item-lg-6[data-v-221315aa]{grid-column:span 6}}@media screen and (min-width: 1024px){.grid-item-lg-7[data-v-221315aa]{grid-column:span 7}}@media screen and (min-width: 1024px){.grid-item-lg-8[data-v-221315aa]{grid-column:span 8}}@media screen and (min-width: 1024px){.grid-item-lg-9[data-v-221315aa]{grid-column:span 9}}@media screen and (min-width: 1024px){.grid-item-lg-10[data-v-221315aa]{grid-column:span 10}}@media screen and (min-width: 1024px){.grid-item-lg-11[data-v-221315aa]{grid-column:span 11}}@media screen and (min-width: 1024px){.grid-item-lg-12[data-v-221315aa]{grid-column:span 12}}.collapse-container .collapse-header[data-v-e37f1920]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer;user-select:none}.collapse-container .collapse-header>span[data-v-e37f1920]{transition:all .2s linear}.collapse-container .content-container[data-v-e37f1920]{transition:all .2s linear}.collapse-container .content-container.slide-leave-active[data-v-e37f1920],.collapse-container .content-container.slide-enter-active[data-v-e37f1920]{overflow:hidden}.collapse-container.active .collapse-header>span[data-v-e37f1920]{transform:rotate(180deg)}.collapse-container:not(.active) .content-container[data-v-e37f1920]{overflow:hidden}.fixed-wrapper.position-fixed[data-v-7f7eb61b]{position:fixed}.input-title[data-v-475db19e]{display:flex;justify-content:space-between;gap:10px;font-weight:700}.input-title.size-sm[data-v-475db19e]{font-size:14px;line-height:18px}.input-title.size-md[data-v-475db19e]{font-size:16px;line-height:20px}.input-title.size-lg[data-v-475db19e]{font-size:18px;line-height:22px}.input-title .tooltip[data-v-475db19e]{font-size:18px;color:#076b9c}@media screen and (min-width: 768px){.input-title .tooltip[data-v-475db19e]{font-size:20px}}.input-error[data-v-10039c82]{color:#ff533f;font-size:14px;line-height:16px}@media screen and (min-width: 768px){.input-error[data-v-10039c82]{font-size:16px;line-height:18px}}.input-container[data-v-24d94794]{display:flex;gap:8px}.input-container.vertical[data-v-24d94794]{flex-direction:column}.input-container.horizontal[data-v-24d94794]{flex-direction:row;align-items:center}.input-wrapper[data-v-1c4b79cf]{position:relative}.input-wrapper input[data-v-1c4b79cf]{background-color:#fff;width:100%;outline:none;border:1px solid #dedede;border-radius:8px;transition:all .1s ease-in}.input-wrapper input[data-v-1c4b79cf]:active,.input-wrapper input[data-v-1c4b79cf]:focus{border:1px solid #076b9c;outline:none}.input-wrapper input.size-md[data-v-1c4b79cf]{padding:12px;font-size:16px;line-height:18px}.input-wrapper input.size-sm[data-v-1c4b79cf]{padding:8px 10px;font-size:14px;line-height:18px}.input-wrapper input.size-lg[data-v-1c4b79cf]{padding:12px 18px;font-size:16px;line-height:20px}.input-wrapper input:focus+.input-suffix[data-v-1c4b79cf]{color:#0d2745}.input-wrapper.error input[data-v-1c4b79cf]{border:1px solid #fb7185}.input-wrapper .input-suffix[data-v-1c4b79cf]{position:absolute;top:50%;transform:translateY(-50%);right:8px;line-height:11px;font-size:11px;color:#9fabbc;transition:color .1s ease-in}.input-wrapper input[data-v-a1db95b6]{background-color:#fff;width:100%;outline:none;border:1px solid #dedede;border-radius:8px;transition:all .1s ease-in}.input-wrapper input[data-v-a1db95b6]:active,.input-wrapper input[data-v-a1db95b6]:focus{border:1px solid #076b9c;outline:none}.input-wrapper input.size-md[data-v-a1db95b6]{padding:12px;font-size:16px;line-height:18px}.input-wrapper input.size-sm[data-v-a1db95b6]{padding:8px 10px;font-size:14px;line-height:18px}.input-wrapper input.size-lg[data-v-a1db95b6]{padding:12px 18px;font-size:16px;line-height:20px}.input-wrapper.error input[data-v-a1db95b6]{border:1px solid #fb7185}.input-wrapper[data-v-a1db95b6] .iti{display:block}.input-wrapper[data-v-a1db95b6] .iti .iti__flag{background-image:url(https://www.comparaja.pt/s3/portugal/comparaja.pt/production/pt/images/general/flags.png)!important}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.input-wrapper[data-v-a1db95b6] .iti .iti__flag{background-image:url(https://www.comparaja.pt/s3/portugal/comparaja.pt/production/pt/images/general/flags@2x.png)!important}}.input-container-checkbox label[data-v-76806a10]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:15px;cursor:pointer;margin:0;font-weight:400}.input-container-checkbox label input[data-v-76806a10]{display:none}.input-container-checkbox label .checkbox-icon[data-v-76806a10]{position:relative}.input-container-checkbox label .checkbox-icon[data-v-76806a10]:after{content:"";display:block;width:22px;height:22px;border-radius:3px;border:1px solid #cccbc8;color:#77aa43}.input-container-checkbox label .checkbox-icon[data-v-76806a10]:before{position:absolute;opacity:0;font-size:20px}.input-container-checkbox label input:checked+.checkbox-icon[data-v-76806a10]:before{opacity:1}.input-container-checkbox label .text-container[data-v-76806a10]{font-size:12px;line-height:14px;user-select:none}.input-container-checkbox label .text-container a[data-v-76806a10]{color:inherit;font-weight:700;text-decoration:underline}.input-container-checkbox label .text-container a[data-v-76806a10]:hover{text-decoration:none}.input-container-radio label[data-v-f4d50b2a]{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:15px;cursor:pointer;margin:0;font-weight:400}.input-container-radio label input[data-v-f4d50b2a]{display:none}.input-container-radio label .radio-icon[data-v-f4d50b2a]{width:20px;height:20px;flex-shrink:0;border:1px solid #64748b;border-radius:50%}.input-container-radio label input:checked+.radio-icon[data-v-f4d50b2a]{border:6px solid #076b9c}.input-container-radio label .text-container[data-v-f4d50b2a]{user-select:none}.input-container-radio label .text-container.size-sm[data-v-f4d50b2a]{font-size:14px;line-height:18px}.input-container-radio label .text-container.size-md[data-v-f4d50b2a]{font-size:16px;line-height:20px}.input-container-radio label .text-container.size-lg[data-v-f4d50b2a]{font-size:18px;line-height:22px}.input-container-radio label .text-container a[data-v-f4d50b2a]{color:inherit;font-weight:700;text-decoration:underline}.input-container-radio label .text-container a[data-v-f4d50b2a]:hover{text-decoration:none}.tile-checkbox-container[data-v-510c7d44]{cursor:pointer;background:#ffffff;border:1px solid #dedede;border-radius:8px;padding:15px;box-shadow:0 4px 20px #00000026;transition:all .2s ease-in-out}.tile-checkbox-container.checked[data-v-510c7d44]{border:1px solid #076b9c;background-color:#f4f9fc}.tile-checkbox-container.checked .tile-header .tile-checkbox[data-v-510c7d44]{background-color:#076b9c;border:2px solid #076b9c}.tile-checkbox-container.checked .tile-header .tile-checkbox span[data-v-510c7d44]{opacity:1}.tile-checkbox-container .tile-header[data-v-510c7d44]{display:flex;flex-direction:row;align-items:flex-start;gap:10px}.tile-checkbox-container .tile-header .tile-label[data-v-510c7d44]{flex-grow:1;font-weight:700;font-size:16px;line-height:19px;color:#155072}.tile-checkbox-container .tile-header .tile-checkbox[data-v-510c7d44]{display:flex;justify-content:center;align-items:center;border:2px solid #717171;width:18px;height:18px;border-radius:4px;transition:all .2s ease-in-out}.tile-checkbox-container .tile-header .tile-checkbox span[data-v-510c7d44]{transition:all .2s ease-in-out;line-height:14px;opacity:0;color:#fff}.tile-checkbox-container .tile-description[data-v-510c7d44]{font-size:14px;line-height:17px;margin-top:8px}.input-container-select.error .select-toggle[data-v-b750ff6c]{border:1px solid #fb7185}.input-container-select .select-toggle[data-v-b750ff6c]{background-color:#fff;width:100%;outline:none;border:1px solid #dedede;border-radius:8px;transition:all .1s ease-in;display:flex;justify-content:space-between;gap:10px;cursor:pointer}.input-container-select .select-toggle[data-v-b750ff6c]:active,.input-container-select .select-toggle[data-v-b750ff6c]:focus{border:1px solid #076b9c;outline:none}.input-container-select .select-toggle.size-md[data-v-b750ff6c]{padding:12px;font-size:16px;line-height:18px}.input-container-select .select-toggle.size-sm[data-v-b750ff6c]{padding:8px 10px;font-size:14px;line-height:18px}.input-container-select .select-toggle.size-lg[data-v-b750ff6c]{padding:12px 18px;font-size:16px;line-height:20px}.input-container-select .select-toggle .select-display[data-v-b750ff6c]{flex-grow:1;text-overflow:ellipsis;overflow:hidden}.input-container-select .select-toggle.open.position-bottom[data-v-b750ff6c]{border-radius:5px 5px 0 0}.input-container-select .select-toggle.open.position-top[data-v-b750ff6c]{border-radius:0 0 5px 5px}.input-container-select .select-toggle.open em[data-v-b750ff6c]{transform:rotate(180deg)}.input-container-select .select-toggle.disabled[data-v-b750ff6c]{opacity:.5;cursor:auto}.input-container-select .select-toggle em[data-v-b750ff6c]{font-size:12px;line-height:18px;color:#9fabbc;transition:all .3s ease-in-out}.input-container-select.error .select-toggle[data-v-b750ff6c]{background-color:#ffebeb;border:1px solid #ff533f}.input-container-select.error em[data-v-b750ff6c]{background-color:#ffebeb}.select-collapse[data-v-b750ff6c]{position:fixed;z-index:1001;max-height:400px;overflow-y:auto;background-color:#fff;border:1px solid #dedede;transition:all .3s ease-in-out}.select-collapse.position-top[data-v-b750ff6c]{border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 -4px 10px #00000026}.select-collapse.position-bottom[data-v-b750ff6c]{border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:0 4px 10px #00000026}.select-collapse .search-filter-container[data-v-b750ff6c]{padding:5px 10px}.select-collapse .search-filter-container input[data-v-b750ff6c]{outline:none;padding:10px 8px;font-size:15px;line-height:18px;width:100%;border:1px solid #dedede;border-radius:5px}.select-collapse .search-filter-container input[data-v-b750ff6c]:active,.select-collapse .search-filter-container input[data-v-b750ff6c]:focus{border:1px solid #5fbbff;outline:none}.select-collapse.slide-fade-enter-from[data-v-b750ff6c],.select-collapse.slide-fade-leave-to[data-v-b750ff6c]{opacity:0}.select-collapse.slide-fade-enter-to[data-v-b750ff6c],.select-collapse.slide-fade-leave-from[data-v-b750ff6c]{opacity:1}.select-collapse ul[data-v-b750ff6c]{padding:0;margin:0}.select-collapse ul li[data-v-b750ff6c]{display:flex;align-items:center;transition:all .3s ease-in-out;font-size:14px;line-height:17px;padding:8px 10px;cursor:pointer;user-select:none;overflow-x:hidden}.select-collapse ul li[data-v-b750ff6c]:hover{background-color:#f1f7ee}.select-collapse ul li .checkbox-icon[data-v-b750ff6c]{height:20px;width:20px;border:2px solid #9fabbc;border-radius:3px;transition:all .3s ease-in-out;display:inline-flex;place-items:center;margin-right:10px}.select-collapse ul li .checkbox-icon[data-v-b750ff6c]:before{color:#77aa43;opacity:0}.select-collapse ul li.active .checkbox-icon[data-v-b750ff6c]:before{opacity:1}.input-wrapper[data-v-f174ac88]{background-color:#fff;width:100%;outline:none;border:1px solid #dedede;border-radius:8px;transition:all .1s ease-in;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px}.input-wrapper[data-v-f174ac88]:active,.input-wrapper[data-v-f174ac88]:focus{border:1px solid #076b9c;outline:none}.input-wrapper.size-md[data-v-f174ac88]{padding:12px;font-size:16px;line-height:18px}.input-wrapper.size-sm[data-v-f174ac88]{padding:8px 10px;font-size:14px;line-height:18px}.input-wrapper.size-lg[data-v-f174ac88]{padding:12px 18px;font-size:16px;line-height:20px}.input-wrapper.success[data-v-f174ac88]{cursor:auto;border-color:#076b9c}.input-wrapper.loading[data-v-f174ac88]{pointer-events:none}.input-wrapper.error[data-v-f174ac88]{border-color:#ff533f}.input-wrapper .input-text[data-v-f174ac88]{flex-grow:1;text-overflow:ellipsis;overflow:hidden}.input-wrapper .icon-wrapper[data-v-f174ac88]{display:flex;flex-direction:row;justify-content:flex-end;gap:10px;flex-basis:43px}.input-wrapper .spinner[data-v-f174ac88]{width:10px;height:10px;border:3px solid #b5e187;border-top-color:#f3f7ef;border-radius:50%;animation:spin-f174ac88 1s infinite;animation-timing-function:linear}.input-wrapper .m-cgg-icon--upload[data-v-f174ac88]{color:#076b9c}.input-wrapper .m-cgg-icon--trash[data-v-f174ac88]{cursor:pointer;color:#9fabbc;transition:all .2s ease-in-out}.input-wrapper .m-cgg-icon--trash[data-v-f174ac88]:hover{color:#076b9c}.input-wrapper .m-cgg-icon--cross-cja[data-v-f174ac88]{color:#ff533f}.input-wrapper .m-cgg-icon--check-cja[data-v-f174ac88]{color:#77aa43}.input-description[data-v-f174ac88]{font-size:12px;line-height:12px;color:#312f2e}input[type=file][data-v-f174ac88]{display:none}@keyframes spin-f174ac88{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.number-input-container[data-v-05a8b972]{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:20px;border:1px solid #dedede;box-shadow:0 0 16px #0000000f;border-radius:8px}.number-input-container .text-container[data-v-05a8b972]{display:flex;flex-direction:column;gap:5px}.number-input-container .text-container .title[data-v-05a8b972]{font-weight:700;font-size:15px;line-height:18px}.number-input-container .text-container .description[data-v-05a8b972]{font-size:12px;line-height:12px}.number-input-container .controls-container[data-v-05a8b972]{display:flex;align-items:center;gap:10px}.number-input-container .controls-container button[data-v-05a8b972]{position:relative;width:32px;height:32px;background:none;border-width:2px;border-style:solid;border-color:#979290;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out}.number-input-container .controls-container button[data-v-05a8b972]:before,.number-input-container .controls-container button[data-v-05a8b972]:after{position:absolute;left:50%;transform:translate(-50%);width:12px;height:2px;background-color:#979290;transition:all .2s ease-in-out}.number-input-container .controls-container button[data-v-05a8b972]:hover{border-color:#0d2745}.number-input-container .controls-container button[data-v-05a8b972]:hover:before,.number-input-container .controls-container button[data-v-05a8b972]:hover:after{background-color:#0d2745}.number-input-container .controls-container button[data-v-05a8b972]:disabled{cursor:auto;border-color:#cccbc8}.number-input-container .controls-container button[data-v-05a8b972]:disabled:before,.number-input-container .controls-container button[data-v-05a8b972]:disabled:after{background-color:#cccbc8}.number-input-container .controls-container button.btn-minus[data-v-05a8b972]:before{content:""}.number-input-container .controls-container button.btn-plus[data-v-05a8b972]:before{content:""}.number-input-container .controls-container button.btn-plus[data-v-05a8b972]:after{content:"";transform:translate(-50%) rotate(90deg)}.number-input-container .controls-container .value[data-v-05a8b972]{width:20px;text-align:center;font-size:18px;line-height:22px;color:#979290;user-select:none}.input-wrapper[data-v-61a0addd]{display:flex;flex-direction:row;align-items:center;gap:10px}.input-wrapper.size-sm[data-v-61a0addd]{font-size:14px;line-height:18px}.input-wrapper.size-md[data-v-61a0addd]{font-size:16px;line-height:20px}.input-wrapper.size-lg[data-v-61a0addd]{font-size:18px;line-height:22px}.input-wrapper.full-width[data-v-61a0addd]{justify-content:space-between}.input-wrapper .toggler[data-v-61a0addd]{position:relative;width:36px;height:14px;border-radius:7px;background-color:#dedcdb;cursor:pointer;transition:all .2s ease-in-out}.input-wrapper .toggler .toggle[data-v-61a0addd]{position:absolute;top:-3px;left:0;width:20px;height:20px;border-radius:50%;background-color:#9fabbc;box-shadow:0 2px 4px #0003;transition:all .2s ease-in-out}.input-wrapper.active .toggler[data-v-61a0addd]{background-color:#e5f0f5}.input-wrapper.active .toggler .toggle[data-v-61a0addd]{background-color:#076b9c;left:16px}.input-wrapper[data-v-739d7c86]{position:relative}.input-wrapper input[data-v-739d7c86]{background-color:#fff;width:100%;outline:none;border:1px solid #dedede;border-radius:8px;transition:all .1s ease-in;padding-right:24px}.input-wrapper input[data-v-739d7c86]:active,.input-wrapper input[data-v-739d7c86]:focus{border:1px solid #076b9c;outline:none}.input-wrapper input.size-md[data-v-739d7c86]{padding:12px;font-size:16px;line-height:18px}.input-wrapper input.size-sm[data-v-739d7c86]{padding:8px 10px;font-size:14px;line-height:18px}.input-wrapper input.size-lg[data-v-739d7c86]{padding:12px 18px;font-size:16px;line-height:20px}.input-wrapper input:focus+.input-currency[data-v-739d7c86]{color:#0d2745}.input-wrapper.error input[data-v-739d7c86]{border:1px solid #fb7185}.input-wrapper .input-currency[data-v-739d7c86]{position:absolute;top:50%;transform:translateY(-50%);right:8px;line-height:16px;font-size:16px;color:#9fabbc;transition:color .1s ease-in}.tiles-container[data-v-078f1b23]{display:grid;width:100%;gap:16px}.tiles-container .tile[data-v-078f1b23]{display:flex;flex-direction:row;align-items:center;gap:15px;padding:20px;border:1px solid #dedede;border-radius:10px;cursor:pointer;user-select:none;overflow-x:hidden;color:#0d2745;transition:all .3s ease-in-out}@media screen and (min-width: 992px){.tiles-container .tile[data-v-078f1b23]{padding-right:20px}}.tiles-container .tile.active[data-v-078f1b23]{box-shadow:0 4px 20px #0000001a;background-color:#f4f9fc;border-color:#076b9c}@media (any-hover: hover){.tiles-container .tile[data-v-078f1b23]:hover{box-shadow:0 4px 20px #0000001a;background-color:#f4f9fc;border-color:#076b9c}}.tiles-container .tile .text-wrapper[data-v-078f1b23]{font-size:18px;line-height:22px}.tiles-container .tile .text-wrapper .title[data-v-078f1b23]{font-weight:700}.tiles-container .tile .m-cgg-icon--chevron-right[data-v-078f1b23]{background:none;border-radius:0;padding:0;color:inherit;font-size:18px;font-weight:700;margin:0 0 0 auto}.tiles-container.layout-list .image-container img[data-v-078f1b23],.tiles-container.layout-grid .image-container img[data-v-078f1b23]{height:28px;width:28px}@media screen and (min-width: 992px){.tiles-container.layout-list .image-container img[data-v-078f1b23],.tiles-container.layout-grid .image-container img[data-v-078f1b23]{height:32px;width:32px}}.tiles-container.layout-list[data-v-078f1b23]{grid-template-columns:1fr}.tiles-container.layout-list .text-wrapper .description[data-v-078f1b23]:before{content:"-";margin:0 5px}.tiles-container.layout-grid .text-wrapper[data-v-078f1b23]{display:flex;flex-direction:column;gap:5px}.tiles-container.layout-grid .text-wrapper .title[data-v-078f1b23]{font-size:15px;line-height:18px}.tiles-container.layout-grid .text-wrapper .description[data-v-078f1b23]{font-size:12px;line-height:12px}.tiles-container.layout-image .tile[data-v-078f1b23]{justify-content:center;text-align:center}.tiles-container.layout-image .tile .image-container img[data-v-078f1b23]{display:block;max-width:100%}.input-error[data-v-078f1b23]{text-align:center}.macro-steps-container[data-v-5ca5e874]{background:#fff;padding:16px;border-bottom:1px solid #dedede;display:flex;align-items:center;justify-content:center;gap:10px}@media screen and (min-width: 1024px){.macro-steps-container[data-v-5ca5e874]{border-bottom:none;padding:0 16px}}.macro-steps-container .macro-step[data-v-5ca5e874]{display:flex;align-items:center;gap:10px}.macro-steps-container .macro-step .step-description[data-v-5ca5e874]{display:flex;align-items:center;gap:10px;font-size:14px;line-height:17px;transition:all .2s ease-in-out}.macro-steps-container .macro-step .step-description .step-label[data-v-5ca5e874]{text-transform:uppercase;display:none}@media screen and (min-width: 1200px){.macro-steps-container .macro-step .step-description .step-label[data-v-5ca5e874]{display:block}}.macro-steps-container .macro-step a[data-v-5ca5e874]{text-decoration:none;color:inherit}.macro-steps-container .macro-step a span[data-v-5ca5e874]{color:inherit}.macro-steps-container .macro-step a[data-v-5ca5e874]:hover{cursor:pointer;text-decoration:none;color:#076b9c}.macro-steps-container .macro-step.step-status-future[data-v-5ca5e874]{color:#9fabbc}.macro-steps-container .macro-step.step-status-current[data-v-5ca5e874]{color:#076b9c;font-weight:700}.macro-steps-container .macro-step.step-status-current .step-label[data-v-5ca5e874]{display:block}.funnel-container[data-v-3a6eac5a]{padding-bottom:100px}@media screen and (min-width: 1024px){.funnel-container[data-v-3a6eac5a]{padding-top:40px;padding-bottom:40px}}.funnel-container .funnel-content[data-v-3a6eac5a]{transition:all .3s linear}.funnel-container .funnel-content.slide-right-enter-from[data-v-3a6eac5a],.funnel-container .funnel-content.slide-left-leave-to[data-v-3a6eac5a]{opacity:0;transform:translate(20%)}.funnel-container .funnel-content.slide-right-leave-to[data-v-3a6eac5a],.funnel-container .funnel-content.slide-left-enter-from[data-v-3a6eac5a]{opacity:0;transform:translate(-20%)}.funnel-container .funnel-content.slide-left-enter-to[data-v-3a6eac5a],.funnel-container .funnel-content.slide-right-enter-to[data-v-3a6eac5a]{opacity:1;transform:translate(0)}.funnel-container .content-wrapper[data-v-3a6eac5a]{background:#ffffff;padding:20px 0;overflow:hidden}@media screen and (min-width: 768px){.funnel-container .content-wrapper[data-v-3a6eac5a]{padding:30px 0}}@media screen and (min-width: 1024px){.funnel-container .content-wrapper[data-v-3a6eac5a]{border:1px solid #dedede;box-shadow:0 4px 40px #00000026;border-radius:32px;padding:30px}}.progress-container[data-v-3a6eac5a]{display:grid;gap:10px;grid-template-columns:1fr 1fr;align-items:center;margin-bottom:30px}@media screen and (min-width: 768px){.progress-container[data-v-3a6eac5a]{gap:20px;grid-template-columns:90px 1fr 90px;padding-bottom:20px;border-bottom:1px solid #dedede}}.progress-container .back-container[data-v-3a6eac5a]{grid-area:2/1/3/2}@media screen and (min-width: 768px){.progress-container .back-container[data-v-3a6eac5a]{grid-area:1/1/2/2}}.progress-container .back-container .back-button[data-v-3a6eac5a]{color:#155072;font-size:16px;line-height:16px;font-weight:700;padding:0;border:0;outline:none;background-color:transparent}.progress-container .back-container .back-button em[data-v-3a6eac5a]{vertical-align:-2px;margin-left:-6px;font-weight:700}.progress-container .progress-bar[data-v-3a6eac5a]{grid-area:1/1/2/3;background-color:#f4f9fc;height:16px;border-radius:30px}@media screen and (min-width: 768px){.progress-container .progress-bar[data-v-3a6eac5a]{grid-area:1/2/2/3}}.progress-container .progress-bar .progress[data-v-3a6eac5a]{background:linear-gradient(218.56deg,#56924b 5.04%,#076b9c 62.92%);height:16px;border-radius:30px;width:0;transition:width .5s;-webkit-transition:width .5s}.progress-container .progress-details[data-v-3a6eac5a]{grid-area:2/2/3/3;text-align:right;margin-left:auto;font-size:14px;line-height:14px;color:#155072}@media screen and (min-width: 768px){.progress-container .progress-details[data-v-3a6eac5a]{grid-area:1/3/2/4}}.button-container[data-v-ce6827ec]{position:fixed;bottom:0;left:0;width:100%;padding:20px 15px;background-color:#fff;display:flex;flex-direction:row;justify-content:center;box-shadow:0 4px 20px #0000001a}@media screen and (min-width: 1024px){.button-container[data-v-ce6827ec]{position:static;margin:30px 0 0;padding:0;box-shadow:none}}.summary-container .summary-wrapper[data-v-4b95ecd9]{background:#ffffff;border:1px solid #dedede;box-shadow:0 4px 20px #0000001a;border-radius:16px;padding:20px 30px}.summary-container .summary-wrapper .title-container[data-v-4b95ecd9]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #dedede}.summary-container .summary-wrapper .title-container h3[data-v-4b95ecd9]{font-weight:700;font-size:16px;line-height:20px;margin:0}.summary-container .summary-wrapper .title-container button[data-v-4b95ecd9]{padding:0;border:none;background:none;color:#9fabbc;font-size:14px;line-height:14px}.summary-container .summary-wrapper .title-container button[data-v-4b95ecd9]:focus,.summary-container .summary-wrapper .title-container button[data-v-4b95ecd9]:focus-within{outline:none}.summary-container .summary-wrapper .title-container button span.m-cgg-icon--edit[data-v-4b95ecd9]{margin-right:10px}.summary-container .summary-wrapper .info-container[data-v-4b95ecd9]{display:flex;flex-direction:column;gap:20px}.summary-container .summary-wrapper .info-container .info-wrapper[data-v-4b95ecd9]{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;font-size:14px;line-height:14px}.summary-container .summary-wrapper .info-container .info-wrapper .info-display[data-v-4b95ecd9]{text-align:right;font-weight:700}.summary-container .summary-wrapper .info-container .info-wrapper .info-display.active[data-v-4b95ecd9]{color:#56924b}.summary-container .summary-wrapper .info-container .info-wrapper .info-error[data-v-4b95ecd9]{margin-top:0}.summary-container .summary-wrapper .info-container.edit-mode .info-wrapper[data-v-4b95ecd9]{grid-template-columns:1fr 1fr;align-items:center}.summary-container .summary-wrapper .info-container.edit-mode .info-wrapper .info-title[data-v-4b95ecd9]{grid-area:1/1/2/2}.summary-container .summary-wrapper .info-container.edit-mode .info-wrapper .info-edit[data-v-4b95ecd9]{grid-area:1/2/2/3}.summary-container .summary-wrapper .info-container.edit-mode .info-wrapper .info-error[data-v-4b95ecd9]{grid-area:2/1/3/3}.summary-container .summary-wrapper .summary-footer[data-v-4b95ecd9]{margin-top:20px;padding-top:15px;border-top:1px solid #dedede;display:flex;flex-direction:row;justify-content:flex-end;gap:10px}.title-container[data-v-4ac5fae4]{text-align:center;margin-bottom:25px}.title-container .title-wrapper[data-v-4ac5fae4]{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:18px;line-height:20px;font-weight:700;margin-bottom:20px;color:#076b9c}@media screen and (min-width: 768px){.title-container .title-wrapper[data-v-4ac5fae4]{font-size:26px;line-height:30px}}.title-container .title-wrapper .m-cgg-icon--help[data-v-4ac5fae4]{flex-shrink:0;font-size:20px;color:#076b9c}.title-container .description[data-v-4ac5fae4]{font-weight:700;font-size:16px;line-height:20px}.results-container .results-grid[data-v-e6215724]{padding-top:24px;padding-bottom:16px}.results-container .back-container[data-v-e6215724]{margin-bottom:24px}.results-container .back-container button[data-v-e6215724]{display:flex;align-items:center;gap:5px;font-weight:700;font-size:15px;line-height:29px;cursor:pointer;border:none;padding:0;background:none}.results-container .back-container button[data-v-e6215724]:focus{outline:none}.results-container .back-container button [class*=m-cgg-icon-][data-v-e6215724]{font-size:11px;font-weight:700}.sidebar-container[data-v-e6215724]{display:flex;flex-direction:column;padding:24px 16px;background:#ffffff;border:1px solid #dedede;box-shadow:0 4px 20px #0000001a;border-radius:16px}.sidebar-container.position-fixed[data-v-e6215724]{max-height:100%}.sidebar-container .sidebar-body[data-v-e6215724]{overflow-y:auto;overflow-x:hidden;flex-grow:1}.cross-sell-container .cross-sell-wrapper[data-v-c19cf3dc]{max-width:1050px;margin:0 auto}.cross-sell-container h2[data-v-c19cf3dc]{margin:0 0 25px;font-weight:700;font-size:24px;line-height:27px;text-align:center;color:#155072}.cross-sell-container p[data-v-c19cf3dc]{margin:0 0 30px;font-size:16px;line-height:21px;text-align:center}.cross-sell-container .btn-container[data-v-c19cf3dc]{display:flex;justify-content:center;margin-top:40px}.options-container[data-v-c19cf3dc]{display:flex;flex-direction:column;gap:10px}@media screen and (min-width: 992px){.options-container[data-v-c19cf3dc]{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:30px}}@media screen and (min-width: 992px){.options-container [class*=checkbox-][data-v-c19cf3dc]{flex-basis:225px}}.options-container .checkbox-hl[data-v-c19cf3dc]:not(.checked){background:linear-gradient(75.75deg,#f1f7ee 1.02%,#ffffff 100%)}.options-container .checkbox-pl[data-v-c19cf3dc]:not(.checked){background:linear-gradient(80.77deg,#f4f9fc 1.02%,#ffffff 100%),#ffffff}.options-container .checkbox-cc[data-v-c19cf3dc]:not(.checked){background:linear-gradient(80.77deg,#fff7ff 1.02%,#ffffff 100%),#ffffff}.options-container .checkbox-ci[data-v-c19cf3dc]:not(.checked){background:linear-gradient(80.77deg,#f6f4ff 1.02%,#ffffff 100%),#ffffff}.cross-sell-banner[data-v-c19cf3dc]{position:fixed;left:0;bottom:0;width:100%;padding:18px 16px;background-color:#fff;box-shadow:0 -4px 13px #0000001a}.cross-sell-banner .banner-header[data-v-c19cf3dc]{position:relative;display:flex;justify-content:center;gap:15px;font-size:16px;line-height:16px;margin-bottom:15px}.cross-sell-banner .banner-header span[data-v-c19cf3dc]{flex-basis:360px}.cross-sell-banner .banner-header .btn-close[data-v-c19cf3dc]{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;padding:0;border:none;outline:none;font-size:24px}.cross-sell-banner .banner-description[data-v-c19cf3dc]{max-width:360px;margin:0 auto 20px;display:flex;flex-direction:row;gap:15px;font-size:14px;line-height:21px}.cross-sell-banner .banner-description .m-cgg-icon--comparaja[data-v-c19cf3dc]{font-size:30px}.cross-sell-banner .btn-container[data-v-c19cf3dc]{display:grid;max-width:360px;margin:0 auto}.cross-sell-modal-content h3[data-v-c19cf3dc]{font-weight:700;font-size:24px;line-height:29px;margin:10px 0 15px}.cross-sell-modal-content p[data-v-c19cf3dc]{font-size:16px;line-height:24px;margin:0 0 25px}.cross-sell-modal-content .success-text[data-v-c19cf3dc]{text-align:center}.modal-btn-container[data-v-c19cf3dc]{display:grid}.icon-wrapper[data-v-c19cf3dc]{margin:0 auto}.icon-wrapper .success-icon[data-v-c19cf3dc]{display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;user-select:none;background-color:#77aa43;height:80px;width:80px;margin:0 auto 30px;font-size:60px}.checkout-container .checkout-wrapper[data-v-407dabf8]{max-width:750px;padding:32px 0;margin:0 auto}@media screen and (min-width: 1024px){.checkout-container .checkout-wrapper[data-v-407dabf8]{padding:56px 0}}.checkout-container .checkout-sidebar[data-v-407dabf8]{padding:32px 0;border-top:1px solid #dedede}@media screen and (min-width: 992px){.checkout-container .checkout-sidebar[data-v-407dabf8]{padding:56px 0 56px 24px;box-shadow:-10px 0 10px #0000001a;border-top:none}}.checkout-milestones ul[data-v-15d17164]{list-style:none;padding:0;margin:0 auto;max-width:500px;display:flex;flex-direction:column;gap:35px}.checkout-milestones ul li[data-v-15d17164]{position:relative;display:flex;gap:15px;padding:0 16px}.checkout-milestones ul li .step-icon[data-v-15d17164]{display:flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:50%;color:#fff;font-weight:700;font-size:12px;line-height:13px;flex-shrink:0}.checkout-milestones ul li .text-container[data-v-15d17164]{display:flex;flex-direction:column;gap:8px}.checkout-milestones ul li .text-container .title[data-v-15d17164]{font-size:16px;line-height:20px;font-weight:700}@media screen and (min-width: 768px){.checkout-milestones ul li .text-container .title[data-v-15d17164]{font-size:20px;line-height:24px}}.checkout-milestones ul li .text-container .description[data-v-15d17164]{font-size:14px;line-height:17px}@media screen and (min-width: 768px){.checkout-milestones ul li .text-container .description[data-v-15d17164]{font-size:16px;line-height:19px}}.checkout-milestones ul li.milestone-past[data-v-15d17164]:before,.checkout-milestones ul li.milestone-past[data-v-15d17164]:after,.checkout-milestones ul li.milestone-future[data-v-15d17164]:before,.checkout-milestones ul li.milestone-future[data-v-15d17164]:after{position:absolute;left:27px;width:3px}.checkout-milestones ul li.milestone-past[data-v-15d17164]:after{content:"";top:25px;background-color:#77aa43;height:calc(100% + 10px)}.checkout-milestones ul li.milestone-past .step-icon[data-v-15d17164]{background-color:#77aa43}.checkout-milestones ul li.milestone-future[data-v-15d17164]:before,.checkout-milestones ul li.milestone-future[data-v-15d17164]:after{content:"";background-color:#9fabbc}.checkout-milestones ul li.milestone-future[data-v-15d17164]:before{top:-35px;height:35px}.checkout-milestones ul li.milestone-future[data-v-15d17164]:not(:last-child):after{top:25px;height:calc(100% - 25px)}.checkout-milestones ul li.milestone-future .step-icon[data-v-15d17164]{background-color:#9fabbc}.checkout-milestones ul li.milestone-current[data-v-15d17164]{padding:15px;background:#ffffff;box-shadow:0 4px 20px #0000001a;border:1px solid #dedede;border-radius:16px;color:#076b9c}.checkout-milestones ul li.milestone-current .step-icon[data-v-15d17164]{background-color:#076b9c}.checkout-milestones ul li.milestone-current .step-icon[data-v-15d17164]:after{display:none}.overlay[data-v-868c400a]{position:fixed;bottom:0;left:0;height:100%;width:100%;z-index:100}@media screen and (min-width: 992px){.overlay[data-v-868c400a]{background-color:#0009}}.overlay .details-container[data-v-868c400a]{display:flex;flex-direction:column;position:absolute;top:0;right:0;background-color:#fff;height:100%;transition:all .3s linear}@media screen and (min-width: 992px){.overlay .details-container[data-v-868c400a]{width:620px}}.overlay .details-container .details-header[data-v-868c400a]{display:flex;justify-content:space-between;gap:15px;align-items:center;background-color:#fff;padding:15px;box-shadow:0 4px 20px #0000001a}@media screen and (min-width: 992px){.overlay .details-container .details-header[data-v-868c400a]{padding:20px 50px}}.overlay .details-container .details-header .btn-close[data-v-868c400a]{display:flex;justify-content:center;align-items:center;margin-left:auto;width:20px;height:20px;font-size:20px;line-height:20px;cursor:pointer}.overlay .details-container .details-body[data-v-868c400a]{flex-grow:1;position:relative;overflow-y:auto;padding:15px 15px 30px}@media screen and (min-width: 992px){.overlay .details-container .details-body[data-v-868c400a]{padding:20px 50px 50px}}.overlay .details-container .details-footer[data-v-868c400a]{padding:15px;box-shadow:0 4px 20px #0000001a}@media screen and (min-width: 992px){.overlay .details-container .details-footer[data-v-868c400a]{padding:20px 50px}}.details-enter-to .details-container[data-v-868c400a],.details-leave-from .details-container[data-v-868c400a]{transform:translateY(0)}@media screen and (min-width: 992px){.details-enter-to .details-container[data-v-868c400a],.details-leave-from .details-container[data-v-868c400a]{transform:translate(0)}}.details-enter-from .details-container[data-v-868c400a],.details-leave-to .details-container[data-v-868c400a]{transform:translateY(100%)}@media screen and (min-width: 992px){.details-enter-from .details-container[data-v-868c400a],.details-leave-to .details-container[data-v-868c400a]{transform:translate(100%)}}header.main-header-container[data-v-5a36b5d8]{position:relative;z-index:100}header.main-header-container .main-header[data-v-5a36b5d8]{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;background-color:#fff;padding:20px;box-shadow:0 4px 20px #0000001a}@media screen and (min-width: 1024px){header.main-header-container .main-header[data-v-5a36b5d8]{gap:10px}}@media screen and (min-width: 1200px){header.main-header-container .main-header[data-v-5a36b5d8]{gap:30px;padding:20px 35px}}header.main-header-container .main-header .logo-container[data-v-5a36b5d8]{user-select:none}header.main-header-container .main-header .logo-container a[data-v-5a36b5d8],header.main-header-container .main-header .logo-container img[data-v-5a36b5d8]{display:block;width:125px}header.main-header-container .main-header .content-container[data-v-5a36b5d8]{flex-grow:1}@media screen and (min-width: 1024px){header.main-header-container .main-header .side-info[data-v-5a36b5d8]{display:flex;align-items:center}}header.main-header-container .main-header .side-info .contact-container[data-v-5a36b5d8]{display:flex;align-items:center;gap:15px}header.main-header-container .main-header .side-info .contact-container .contact[data-v-5a36b5d8]{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;line-height:17px;color:inherit}header.main-header-container .main-header .side-info .contact-container .contact[data-v-5a36b5d8]:hover{text-decoration:none}header.main-header-container .main-header .side-info .contact-container .contact .m-cgg-icon--phone[data-v-5a36b5d8]{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:50%;background-color:#076b9c;color:#fff;font-size:10px}header.main-header-container .main-header .side-info .contact-container .contact .number[data-v-5a36b5d8]{display:none}@media screen and (min-width: 768px){header.main-header-container .main-header .side-info .contact-container .contact .number[data-v-5a36b5d8]{display:block}}header.main-header-container .main-header .side-info .contact-container .time[data-v-5a36b5d8]{display:none}@media screen and (min-width: 768px){header.main-header-container .main-header .side-info .contact-container .time[data-v-5a36b5d8]{display:block}}.info-showcase[data-v-6832ffb5]{padding:24px 36px;background:#fff;box-shadow:0 4px 40px #00000026}.info-showcase h2[data-v-6832ffb5]{text-align:center;font-weight:700;font-size:24px;line-height:29px;margin:0 0 30px}.info-showcase .showcase-list[data-v-6832ffb5]{display:grid;grid-template-columns:1;gap:56px;max-width:1200px;margin:0 auto}@media screen and (min-width: 1024px){.info-showcase .showcase-list[data-v-6832ffb5]{grid-template-columns:repeat(3,1fr)}}.info-showcase .showcase-item[data-v-6832ffb5]{display:grid;align-items:center;grid-template-columns:80px 1fr;gap:24px}.info-showcase .showcase-item .image-container img[data-v-6832ffb5]{display:block;max-width:100%}.info-showcase .showcase-item .text-container .title[data-v-6832ffb5]{font-weight:700;font-size:18px;line-height:22px;margin-bottom:10px}.info-showcase .showcase-item .text-container .description[data-v-6832ffb5]{font-size:14px;line-height:17px}html,body{overflow:initial}body{font-family:Nunito Sans,Helvetica,sans-serif;color:#0d2745}*,*:before,*:after{box-sizing:border-box}.tippy-box[data-theme~=light-border]{background:#e6f1f9;border:1px solid #076b9c;color:#076b9c}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:before{border-top-color:#e6f1f9}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:after{border-top-color:#076b9c}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#e6f1f9}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:after{border-bottom-color:#076b9c}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:before{border-left-color:#e6f1f9}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:after{border-left-color:#076b9c}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:before{border-right-color:#e6f1f9}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:after{border-right-color:#076b9c}@font-face{font-family:CGG-icomoon;src:url(https://www.comparaja.pt/s3/widgets/release-v3.76/iconia/fonts/CGG-icomoon.eot?581rb2);src:url(https://www.comparaja.pt/s3/widgets/release-v3.76/iconia/fonts/CGG-icomoon.eot?581rb2#iefix) format("embedded-opentype"),url(https://www.comparaja.pt/s3/widgets/release-v3.76/iconia/fonts/CGG-icomoon.ttf?581rb2) format("truetype"),url(https://www.comparaja.pt/s3/widgets/release-v3.76/iconia/fonts/CGG-icomoon.woff?581rb2) format("woff"),url(https://www.comparaja.pt/s3/widgets/release-v3.76/iconia/fonts/CGG-icomoon.svg?581rb2#CGG-icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class^=m-cgg-icon--],[class*=" m-cgg-icon--"]{font-family:CGG-icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.m-cgg-icon--filters:before{content:"\ea31"}.m-cgg-icon--search:before{content:"\ea32"}.m-cgg-icon--macro-step-contact:before{content:"\ea24"}.m-cgg-icon--macro-step-checkout:before{content:"\ea2e"}.m-cgg-icon--macro-step-results:before{content:"\ea2f"}.m-cgg-icon--macro-step-funnel:before{content:"\ea30"}.m-cgg-icon--affiliates-add:before{content:"\e900"}.m-cgg-icon--affiliates-dashboard:before{content:"\ea2a"}.m-cgg-icon--affiliates-home:before{content:"\ea2b"}.m-cgg-icon--affiliates-settings:before{content:"\ea2c"}.m-cgg-icon--tiktok:before{content:"\ea27";color:#076b9c}.m-cgg-icon--list-mode:before{content:"\ea22"}.m-cgg-icon--grid-mode:before{content:"\ea21"}.m-cgg-icon--swap:before{content:"\ea20"}.m-cgg-icon--cja-cashback:before{content:"\ea1c"}.m-cgg-icon--no-money:before{content:"\ea1e"}.m-cgg-icon--plane:before{content:"\ea1f"}.m-cgg-icon--time:before{content:"\ea1d"}.m-cgg-icon--filtros:before{content:"\ea1a"}.m-cgg-icon--ordenacao:before{content:"\ea1b"}.m-cgg-icon--gears:before{content:"\ea19"}.m-cgg-icon--telemovel:before{content:"\ea09"}.m-cgg-icon--dual:before{content:"\e9ef"}.m-cgg-icon--callcenter:before{content:"\e9f5"}.m-cgg-icon--notes:before{content:"\e9f6"}.m-cgg-icon--pig:before{content:"\e9f7"}.m-cgg-icon--cja-email:before{content:"\ea18"}.m-cgg-icon--linkedin-square:before{content:"\ea13"}.m-cgg-icon--instagram-square:before{content:"\ea14"}.m-cgg-icon--facebook-circle:before{content:"\ea15"}.m-cgg-icon--pin:before{content:"\ea16"}.m-cgg-icon--younited-favicon .path1:before{content:"\ea11";color:#515f75}.m-cgg-icon--younited-favicon .path2:before{content:"\ea12";margin-left:-.89453125em;color:#fd4e00}.m-cgg-icon--star-line:before{content:"\ea0b"}.m-cgg-icon--moedas:before{content:"\ea0c"}.m-cgg-icon--speed:before{content:"\ea0d"}.m-cgg-icon--trouphy:before{content:"\ea0e"}.m-cgg-icon--comparaja .path1:before{content:"\ea0f";color:#076b9c}.m-cgg-icon--comparaja .path2:before{content:"\ea10";margin-left:-1em;color:#77aa43}.m-cgg-icon--netmovel:before{content:"\ea03"}.m-cgg-icon--pin-morada:before{content:"\ea07"}.m-cgg-icon--net:before{content:"\ea04"}.m-cgg-icon--online:before{content:"\ea05"}.m-cgg-icon--telefone:before{content:"\ea06"}.m-cgg-icon--telefone-linha:before{content:"\ea08"}.m-cgg-icon--tv:before{content:"\ea0a"}.m-cgg-icon--prazo-icon:before{content:"\ea00"}.m-cgg-icon--montante-icon:before{content:"\ea01"}.m-cgg-icon--casa-icon:before{content:"\ea02"}.m-cgg-icon--attention:before{content:"\e9fd"}.m-cgg-icon--diamond:before{content:"\e9fe"}.m-cgg-icon--edit1:before{content:"\e9ff"}.m-cgg-icon--checkmark:before{content:"\e9f8"}.m-cgg-icon--carteira:before{content:"\e9f9"}.m-cgg-icon--documentos:before{content:"\e9fa"}.m-cgg-icon--tabela:before{content:"\e9fb"}.m-cgg-icon--user:before{content:"\e9fc"}.m-cgg-icon--twitter:before{content:"\e009";color:#076b9c}.m-cgg-icon--fb:before{content:"\e962";color:#076b9c}.m-cgg-icon--linkedin:before{content:"\e99b";color:#076b9c}.m-cgg-icon--instagram:before{content:"\e9a3";color:#076b9c}.m-cgg-icon--copy:before{content:"\ea2d"}.m-cgg-icon--whatsapp:before{content:"\ea28"}.m-cgg-icon--dashboard:before{content:"\ea23"}.m-cgg-icon--item-list:before{content:"\ea25"}.m-cgg-icon--upload-cloud:before{content:"\ea26"}.m-cgg-icon--rounded-arrow:before{content:"\ea17"}.m-cgg-icon--cross-cja:before{content:"\e9f3"}.m-cgg-icon--check-cja:before{content:"\e9f2"}.m-cgg-icon--trash:before{content:"\e9f4"}.m-cgg-icon--upload:before{content:"\e9f1"}.m-cgg-icon--total:before{content:"\e9f0"}.m-cgg-icon--gas:before{content:"\e9ea"}.m-cgg-icon--tarifasimples:before{content:"\e9eb"}.m-cgg-icon--electricity:before{content:"\e9ec"}.m-cgg-icon--greenenergy:before{content:"\e9ed"}.m-cgg-icon--bi-horaria:before{content:"\e9ee"}.m-cgg-icon--onlinebanking:before{content:"\e901"}.m-cgg-icon--otc:before{content:"\e902"}.m-cgg-icon--paymentcentre:before{content:"\e903"}.m-cgg-icon--paypal:before{content:"\e904"}.m-cgg-icon--cheque:before{content:"\e905"}.m-cgg-icon--creditcard:before{content:"\e906"}.m-cgg-icon--notification:before{content:"\e907"}.m-cgg-icon--cat-right:before{content:"\e002"}.m-cgg-icon--arrow-back:before{content:"\e003"}.m-cgg-icon--load:before{content:"\e004"}.m-cgg-icon--arrow-top:before{content:"\e005"}.m-cgg-icon--arrow-bottom:before{content:"\e006"}.m-cgg-icon--open-quote:before{content:"\e007"}.m-cgg-icon--arrow-next:before{content:"\e008"}.m-cgg-icon--uniE00A:before{content:"\e00a"}.m-cgg-icon--clock:before{content:"\e00b"}.m-cgg-icon--check2:before{content:"\e015"}.m-cgg-icon--cross2:before{content:"\e016"}.m-cgg-icon--no:before{content:"\e017"}.m-cgg-icon--tlist:before{content:"\e020"}.m-cgg-icon--ci-car2:before{content:"\e021"}.m-cgg-icon--ci-user:before{content:"\e022"}.m-cgg-icon--ci-details:before{content:"\e023"}.m-cgg-icon--tlist-small:before{content:"\e024"}.m-cgg-icon--tlist-small-vertical:before{content:"\e025"}.m-cgg-icon--tlist-grid:before{content:"\e026"}.m-cgg-icon--paper-plane:before{content:"\e027"}.m-cgg-icon--popular:before{content:"\e028"}.m-cgg-icon--exclusive:before{content:"\e029"}.m-cgg-icon--price-tag:before{content:"\e02a"}.m-cgg-icon--return:before{content:"\e030"}.m-cgg-icon--libris-usp1:before{content:"\e100"}.m-cgg-icon--libris-usp2:before{content:"\e101"}.m-cgg-icon--libris-usp3:before{content:"\e102"}.m-cgg-icon--libris-details:before{content:"\e103"}.m-cgg-icon--libris-search:before{content:"\e104"}.m-cgg-icon--libris-bestoption:before{content:"\e105"}.m-cgg-icon--ci-car:before{content:"\e106"}.m-cgg-icon--ci-driver:before{content:"\e107"}.m-cgg-icon--ci-compare:before{content:"\e108"}.m-cgg-icon--faq:before{content:"\e109"}.m-cgg-icon--tips:before{content:"\e110"}.m-cgg-icon--need-help:before{content:"\e111"}.m-cgg-icon--tipseur:before{content:"\e112"}.m-cgg-icon--guide-ci:before{content:"\e200"}.m-cgg-icon--guide-cc:before{content:"\e201"}.m-cgg-icon--guide-mobile:before{content:"\e202"}.m-cgg-icon--guide-pl:before{content:"\e203"}.m-cgg-icon--guide-ti:before{content:"\e204"}.m-cgg-icon--guide-mi:before{content:"\e205"}.m-cgg-icon--guide-broadband:before{content:"\e206"}.m-cgg-icon--guide-mortgage:before{content:"\e207"}.m-cgg-icon--list:before{content:"\e600"}.m-cgg-icon--arrow-up:before{content:"\e601"}.m-cgg-icon--arrow-left:before{content:"\e602"}.m-cgg-icon--arrow-down:before{content:"\e603"}.m-cgg-icon--arrow-right:before{content:"\e604"}.m-cgg-icon--home:before{content:"\e605"}.m-cgg-icon--cross:before{content:"\e606"}.m-cgg-icon--signal:before{content:"\e607"}.m-cgg-icon--gift:before{content:"\e608"}.m-cgg-icon--hand:before{content:"\e609"}.m-cgg-icon--phone:before{content:"\e60a"}.m-cgg-icon--caret-right:before{content:"\e60b"}.m-cgg-icon--caret-left:before{content:"\e60c"}.m-cgg-icon--caret-up:before{content:"\e60d"}.m-cgg-icon--caret-down:before{content:"\e60e"}.m-cgg-icon--help:before{content:"\e60f"}.m-cgg-icon--phone-invert:before{content:"\e610"}.m-cgg-icon--star:before{content:"\e611"}.m-cgg-icon--check:before{content:"\e612"}.m-cgg-icon--plus:before{content:"\e613"}.m-cgg-icon--airmiles-o:before{content:"\e614"}.m-cgg-icon--best-deal-1-o:before{content:"\e615"}.m-cgg-icon--cashback-o:before{content:"\e616"}.m-cgg-icon--bar-contactless-payment-o:before{content:"\e617"}.m-cgg-icon--bar-Creditline:before{content:"\e618"}.m-cgg-icon--all-o:before{content:"\e619"}.m-cgg-icon--usp-1-id:before{content:"\e61a"}.m-cgg-icon--bar-deposit-o:before{content:"\e61b"}.m-cgg-icon--dining-o:before{content:"\e61c"}.m-cgg-icon--online-shopping-o:before{content:"\e61d"}.m-cgg-icon--bar-Instalment:before{content:"\e61e"}.m-cgg-icon--bar-Tax:before{content:"\e61f"}.m-cgg-icon--calendar-empty:before{content:"\e620"}.m-cgg-icon--calendar-full:before{content:"\e621"}.m-cgg-icon--couple:before{content:"\e622"}.m-cgg-icon--dental-2:before{content:"\e623"}.m-cgg-icon--premium-1-o:before{content:"\e624"}.m-cgg-icon--existing-history:before{content:"\e625"}.m-cgg-icon--eye:before{content:"\e626"}.m-cgg-icon--single-flight:before{content:"\e627"}.m-cgg-icon--group:before{content:"\e628"}.m-cgg-icon--inpatient:before{content:"\e629"}.m-cgg-icon--just-me:before{content:"\e62a"}.m-cgg-icon--maternity-o2:before{content:"\e62b"}.m-cgg-icon--me-and-kids:before{content:"\e62c"}.m-cgg-icon--my-family:before{content:"\e62e"}.m-cgg-icon--outpatient2:before{content:"\e62f"}.m-cgg-icon--private-room:before{content:"\e630"}.m-cgg-icon--sport2:before{content:"\e631"}.m-cgg-icon--doctor:before{content:"\e632"}.m-cgg-icon--cag-gift:before{content:"\e633"}.m-cgg-icon--fee-waiver:before{content:"\e634"}.m-cgg-icon--contactless-payment:before{content:"\e635"}.m-cgg-icon--lock:before{content:"\e636"}.m-cgg-icon--early-payment-fee-waiver:before{content:"\e637"}.m-cgg-icon--boxes-contacless:before{content:"\e638"}.m-cgg-icon--boxes-download:before{content:"\e639"}.m-cgg-icon--close2:before{content:"\e63a"}.m-cgg-icon--boxes-fee-waiver:before{content:"\e63b"}.m-cgg-icon--boxes-gift:before{content:"\e63c"}.m-cgg-icon--boxes-mortgage:before{content:"\e63d"}.m-cgg-icon--boxes-tick:before{content:"\e63e"}.m-cgg-icon--chevron-right:before{content:"\e63f"}.m-cgg-icon--airmile-local-o:before{content:"\e640"}.m-cgg-icon--usp-1-pt:before{content:"\e641"}.m-cgg-icon--clock2:before{content:"\e642"}.m-cgg-icon--amateur-sports:before{content:"\e643"}.m-cgg-icon--nav-home:before{content:"\e644"}.m-cgg-icon--chevron-down:before{content:"\e645"}.m-cgg-icon--chevron-left:before{content:"\e646"}.m-cgg-icon--chevron-up:before{content:"\e647"}.m-cgg-icon--credit-cards:before{content:"\e648"}.m-cgg-icon--health-insurance:before{content:"\e649"}.m-cgg-icon--home-loans:before{content:"\e64a"}.m-cgg-icon--personal-loans:before{content:"\e64b"}.m-cgg-icon--timer:before{content:"\e64c"}.m-cgg-icon--travel-insurance:before{content:"\e64d"}.m-cgg-icon--dental-1:before{content:"\e64e"}.m-cgg-icon--maternity:before{content:"\e64f"}.m-cgg-icon--outpatient:before{content:"\e650"}.m-cgg-icon--surgical:before{content:"\e651"}.m-cgg-icon--high-risk-sports:before{content:"\e652"}.m-cgg-icon--winter-sports:before{content:"\e653"}.m-cgg-icon--bb-plus-tv:before{content:"\e654"}.m-cgg-icon--car-insurance:before{content:"\e655"}.m-cgg-icon--mobile:before{content:"\e656"}.m-cgg-icon--unemployment-benefits:before{content:"\e657"}.m-cgg-icon--china-star:before{content:"\e658"}.m-cgg-icon--bar-FastCashLoan:before{content:"\e659"}.m-cgg-icon--critical-illness:before{content:"\e65a"}.m-cgg-icon--supplemental-major:before{content:"\e65b"}.m-cgg-icon--boxes-early-payment:before{content:"\e65c"}.m-cgg-icon--fast-approval:before{content:"\e65d"}.m-cgg-icon--cc-low-application-o:before{content:"\e65e"}.m-cgg-icon--car-insurance2:before{content:"\e65f"}.m-cgg-icon--usp-1-dk:before{content:"\e660"}.m-cgg-icon--usp-1-en:before{content:"\e661"}.m-cgg-icon--usp-2:before{content:"\e662"}.m-cgg-icon--usp-3:before{content:"\e663"}.m-cgg-icon--currency-cny-o:before{content:"\e664"}.m-cgg-icon--easy-card-o:before{content:"\e665"}.m-cgg-icon--gasoline-o:before{content:"\e666"}.m-cgg-icon--movie-o:before{content:"\e667"}.m-cgg-icon--other-currencies-o:before{content:"\e668"}.m-cgg-icon--currency-twd-o:before{content:"\e669"}.m-cgg-icon--currency-usd-o:before{content:"\e66a"}.m-cgg-icon--easy-card:before{content:"\e66b"}.m-cgg-icon--broadband:before{content:"\e66c"}.m-cgg-icon--close:before{content:"\e66d"}.m-cgg-icon--i-tooltip:before{content:"\e66e"}.m-cgg-icon--search-o:before{content:"\e66f"}.m-cgg-icon--dollar-o:before{content:"\e670"}.m-cgg-icon--star-o:before{content:"\e671"}.m-cgg-icon--warning:before{content:"\e672"}.m-cgg-icon--cookie-icon-simple:before{content:"\e673"}.m-cgg-icon--time-deposit:before{content:"\e674"}.m-cgg-icon--cookie-icon:before{content:"\e675"}.m-cgg-icon--best-deal-2-o:before{content:"\e676"}.m-cgg-icon--premium-2-o:before{content:"\e677"}.m-cgg-icon--specialty-o:before{content:"\e678"}.m-cgg-icon--car-loan:before{content:"\e679"}.m-cgg-icon--fast-cash-loan:before{content:"\e67a"}.m-cgg-icon--star-o2:before{content:"\e67b"}.m-cgg-icon--search-o2:before{content:"\e67c"}.m-cgg-icon--scales-o:before{content:"\e67d"}.m-cgg-icon--dollar-o2:before{content:"\e67e"}.m-cgg-icon--edit:before{content:"\e67f"}.m-cgg-icon--heart:before{content:"\e680"}.m-cgg-icon--usp-1-fi:before{content:"\e681"}.m-cgg-icon--bank:before{content:"\e682"}.m-cgg-icon--coinseur:before{content:"\e683"}.m-cgg-icon--coins:before{content:"\e684"}.m-cgg-icon--cta-arrow:before{content:"\e685"}.m-cgg-icon--cta-arrow-down:before{content:"\e686"}.m-cgg-icon--islamic:before{content:"\e687"}.m-cgg-icon--glc:before{content:"\e688"}.m-cgg-icon--BB_Business:before{content:"\e689"}.m-cgg-icon--BB_Home:before{content:"\e68a"}.m-cgg-icon--BB_HomeTV:before{content:"\e68b"}.m-cgg-icon--BB_Mobile:before{content:"\e68c"}.m-cgg-icon--dollareur-o:before{content:"\e68d"}.m-cgg-icon--flight:before{content:"\e68e"}.m-cgg-icon--multiple-flight:before{content:"\e68f"}.m-cgg-icon--credit-cards-md:before{content:"\e690"}.m-cgg-icon--Zeroannuity:before{content:"\e800"}.m-cgg-icon--Balancetransfer:before{content:"\e801"}.m-cgg-icon--bar-glc:before{content:"\e802"}.m-cgg-icon--bar-islamic:before{content:"\e803"}.m-cgg-icon--bar-Debt:before{content:"\e804"}.m-cgg-icon--bar-lendingCompanies:before{content:"\e805"}.m-cgg-icon--icon-funnel-pt-Residente-Perm:before{content:"\e908"}.m-cgg-icon--discount:before{content:"\e909"}.m-cgg-icon--Student-1:before{content:"\e90a"}.m-cgg-icon--officechair:before{content:"\e90b"}.m-cgg-icon--optical-fiber:before{content:"\e90c"}.m-cgg-icon--wifi:before{content:"\e90d"}.m-cgg-icon--cafe:before{content:"\e90e"}.m-cgg-icon--gym:before{content:"\e90f"}.m-cgg-icon--hotel:before{content:"\e910"}.m-cgg-icon--sport:before{content:"\e911"}.m-cgg-icon--store:before{content:"\e912"}.m-cgg-icon--supermarket:before{content:"\e913"}.m-cgg-icon--requirement:before{content:"\e914"}.m-cgg-icon--no-fee:before{content:"\e915"}.m-cgg-icon--balance-transfer:before{content:"\e916"}.m-cgg-icon--for-personal:before{content:"\e917"}.m-cgg-icon--for-my-business:before{content:"\e918"}.m-cgg-icon--for-new-business:before{content:"\e919"}.m-cgg-icon--money:before{content:"\e91a"}.m-cgg-icon--email:before{content:"\e91b"}.m-cgg-icon--BBFunnel-FiveUsers:before{content:"\e91c"}.m-cgg-icon--BBFunnel-Games:before{content:"\e91d"}.m-cgg-icon--BBFunnel-HomeOut:before{content:"\e91e"}.m-cgg-icon--BBFunnel-Home:before{content:"\e91f"}.m-cgg-icon--BBFunnel-Hour1:before{content:"\e920"}.m-cgg-icon--BBFunnel-Hour2:before{content:"\e921"}.m-cgg-icon--BBFunnel-Hour3:before{content:"\e922"}.m-cgg-icon--BBFunnel-Hour4:before{content:"\e923"}.m-cgg-icon--Retired-1:before{content:"\e924"}.m-cgg-icon--BBFunnel-No:before{content:"\e925"}.m-cgg-icon--BBFunnel-NotSure:before{content:"\e926"}.m-cgg-icon--BBFunne-OneUser:before{content:"\e927"}.m-cgg-icon--BBFunnel-Out:before{content:"\e928"}.m-cgg-icon--BBFunnel-ReadPaper:before{content:"\e929"}.m-cgg-icon--BBFunnel-SixUsers:before{content:"\e92a"}.m-cgg-icon--BBFunnel-ThreeUsers:before{content:"\e92b"}.m-cgg-icon--BBFunnel-Work:before{content:"\e92c"}.m-cgg-icon--BBFunnel-Yes:before{content:"\e92d"}.m-cgg-icon--cta-arrow-left:before{content:"\e92e"}.m-cgg-icon--wifi2:before{content:"\e92f"}.m-cgg-icon--laptop:before{content:"\e930"}.m-cgg-icon--infinity:before{content:"\e931"}.m-cgg-icon--wedding:before{content:"\e932"}.m-cgg-icon--car-car-loan:before{content:"\e933"}.m-cgg-icon--debt-consolidation:before{content:"\e934"}.m-cgg-icon--education:before{content:"\e935"}.m-cgg-icon--couple-with-children:before{content:"\e936"}.m-cgg-icon--couple-without-children:before{content:"\e937"}.m-cgg-icon--electronics:before{content:"\e938"}.m-cgg-icon--homeworks-and-renovation:before{content:"\e939"}.m-cgg-icon--refinancing:before{content:"\e93a"}.m-cgg-icon--relocation:before{content:"\e93b"}.m-cgg-icon--single-with-children:before{content:"\e93c"}.m-cgg-icon--single-without-children:before{content:"\e93d"}.m-cgg-icon--student:before{content:"\e93e"}.m-cgg-icon--holiday:before{content:"\e93f"}.m-cgg-icon--home-decoration:before{content:"\e940"}.m-cgg-icon--investment-purposes:before{content:"\e941"}.m-cgg-icon--medical-bills:before{content:"\e942"}.m-cgg-icon--mortgage-repayments:before{content:"\e943"}.m-cgg-icon--property-purchase:before{content:"\e944"}.m-cgg-icon--tax-payment:before{content:"\e945"}.m-cgg-icon--employed:before{content:"\e946"}.m-cgg-icon--HK-ID-holder:before{content:"\e947"}.m-cgg-icon--HK-PID-holder:before{content:"\e948"}.m-cgg-icon--Non-HK-resident:before{content:"\e949"}.m-cgg-icon--prefer-not-to-say:before{content:"\e94a"}.m-cgg-icon--self-employed:before{content:"\e94b"}.m-cgg-icon--unemployed:before{content:"\e94c"}.m-cgg-icon--something-else:before{content:"\e94d"}.m-cgg-icon--cashback:before{content:"\e94e"}.m-cgg-icon--dining:before{content:"\e94f"}.m-cgg-icon--lock-2:before{content:"\e950"}.m-cgg-icon--nine-dots:before{content:"\e951"}.m-cgg-icon--shopping-rewards:before{content:"\e952"}.m-cgg-icon--premium-privileges:before{content:"\e953"}.m-cgg-icon--travel-insurance2:before{content:"\e954"}.m-cgg-icon--three-stars:before{content:"\e955"}.m-cgg-icon--prepaid:before{content:"\e956"}.m-cgg-icon--cashback-2:before{content:"\e957"}.m-cgg-icon--air-miles:before{content:"\e958"}.m-cgg-icon--call-circle:before{content:"\e959"}.m-cgg-icon--chevron-down-2:before{content:"\e95a"}.m-cgg-icon--chevron-right-circle:before{content:"\e95b"}.m-cgg-icon--chevron-up-2:before{content:"\e95c"}.m-cgg-icon--fixed-contract:before{content:"\e95d"}.m-cgg-icon--indefinite-contract:before{content:"\e95e"}.m-cgg-icon--refine-01:before{content:"\e95f"}.m-cgg-icon--ciab-cross:before{content:"\e960"}.m-cgg-icon--ciab-minus:before{content:"\e961"}.m-cgg-icon--ciab-tick:before{content:"\e963"}.m-cgg-icon--commercial-vehicle:before{content:"\e964"}.m-cgg-icon--couple-with-children2:before{content:"\e965"}.m-cgg-icon--couple-without-children2:before{content:"\e966"}.m-cgg-icon--employed2:before{content:"\e967"}.m-cgg-icon--employee-fixed-contract:before{content:"\e968"}.m-cgg-icon--employee-indefinite-contract:before{content:"\e969"}.m-cgg-icon--expired-policy:before{content:"\e96a"}.m-cgg-icon--id-holder:before{content:"\e96b"}.m-cgg-icon--new-policy:before{content:"\e96c"}.m-cgg-icon--non-hk-resident:before{content:"\e96d"}.m-cgg-icon--personal-vehicle:before{content:"\e96e"}.m-cgg-icon--pid-holder:before{content:"\e96f"}.m-cgg-icon--prefer-not-to-say2:before{content:"\e970"}.m-cgg-icon--renewal-policy:before{content:"\e971"}.m-cgg-icon--single-without-children2:before{content:"\e972"}.m-cgg-icon--self-employed2:before{content:"\e973"}.m-cgg-icon--single-with-children2:before{content:"\e974"}.m-cgg-icon--student2:before{content:"\e975"}.m-cgg-icon--uber-or-grab:before{content:"\e976"}.m-cgg-icon--unemployed2:before{content:"\e977"}.m-cgg-icon--with-aon:before{content:"\e978"}.m-cgg-icon--without-aon:before{content:"\e979"}.m-cgg-icon--filter-panel:before{content:"\e97a"}.m-cgg-icon--giftbox:before{content:"\e97b"}.m-cgg-icon--trophy:before{content:"\e97c"}.m-cgg-icon--online-music:before{content:"\e97d"}.m-cgg-icon--online-video:before{content:"\e97e"}.m-cgg-icon--iphone4:before{content:"\e97f"}.m-cgg-icon--earth-phone:before{content:"\e980"}.m-cgg-icon--phone-wifi:before{content:"\e981"}.m-cgg-icon--BBFunnel-HourInfinite:before{content:"\e982"}.m-cgg-icon--newspaper:before{content:"\e983"}.m-cgg-icon--phone-message:before{content:"\e984"}.m-cgg-icon--full-arrow-down:before{content:"\e985"}.m-cgg-icon--full-arrow-left:before{content:"\e986"}.m-cgg-icon--full-arrow-right:before{content:"\e987"}.m-cgg-icon--full-arrow-up:before{content:"\e988"}.m-cgg-icon--chevron-bottom-circle:before{content:"\e989"}.m-cgg-icon--chevron-top-circle:before{content:"\e98a"}.m-cgg-icon--video-player:before{content:"\e98b"}.m-cgg-icon--music-note:before{content:"\e98c"}.m-cgg-icon--magazine-blocks:before{content:"\e98d"}.m-cgg-icon--hotspot-right:before{content:"\e98e"}.m-cgg-icon--angle-double-up:before{content:"\e98f"}.m-cgg-icon--angle-double-down:before{content:"\e990"}.m-cgg-icon--cl-details:before{content:"\e991"}.m-cgg-icon--cl-new:before{content:"\e992"}.m-cgg-icon--td_AUD:before{content:"\e993"}.m-cgg-icon--td_CNY:before{content:"\e994"}.m-cgg-icon--td_NZD:before{content:"\e995"}.m-cgg-icon--td_OTHER:before{content:"\e996"}.m-cgg-icon--cl-used:before{content:"\e997"}.m-cgg-icon--td_TWD:before{content:"\e998"}.m-cgg-icon--td_USD:before{content:"\e999"}.m-cgg-icon--td_ZAR:before{content:"\e99a"}.m-cgg-icon--gplus:before{content:"\e99c"}.m-cgg-icon--youtube:before{content:"\e99d"}.m-cgg-icon--location:before{content:"\e99e"}.m-cgg-icon--ownhouse:before{content:"\e99f"}.m-cgg-icon--rent-house:before{content:"\e9a0"}.m-cgg-icon--familhouse:before{content:"\e9a1"}.m-cgg-icon--BBFunnel-Movies:before{content:"\e9a2"}.m-cgg-icon--info:before{content:"\e9a4"}.m-cgg-icon--Islamic:before{content:"\e9a5"}.m-cgg-icon--BBFunnel-homeandphone:before{content:"\e9a6"}.m-cgg-icon--BBFunnel-TV:before{content:"\e9a7"}.m-cgg-icon--cell-phone:before{content:"\e9a8"}.m-cgg-icon--icon-cc-home-overall:before{content:"\e9a9"}.m-cgg-icon--icon-cc-home-all:before{content:"\e9aa"}.m-cgg-icon--icon-cc-home-cashback:before{content:"\e9ab"}.m-cgg-icon--icon-cc-home-dining:before{content:"\e9ac"}.m-cgg-icon--icon-cc-home-airmiles:before{content:"\e9ad"}.m-cgg-icon--icon-cc-home-shopping:before{content:"\e9ae"}.m-cgg-icon--icon-cc-home-premium:before{content:"\e9af"}.m-cgg-icon--icon-funnel-pt-Residente-Temp:before{content:"\e9b0"}.m-cgg-icon--icon-funnel-pt-portugues:before{content:"\e9b1"}.m-cgg-icon--icon-funnel-pt-Nao-Residente:before{content:"\e9b2"}.m-cgg-icon--Fuel-Rebate:before{content:"\e9b3"}.m-cgg-icon--Low-interest-rate:before{content:"\e9b4"}.m-cgg-icon--coverage_Integral:before{content:"\e9b5"}.m-cgg-icon--party:before{content:"\e9b6"}.m-cgg-icon--sweet15:before{content:"\e9b7"}.m-cgg-icon--ticket:before{content:"\e9b8"}.m-cgg-icon--Religious:before{content:"\e9b9"}.m-cgg-icon--coverage_amplia:before{content:"\e9ba"}.m-cgg-icon--coverage_limited:before{content:"\e9bb"}.m-cgg-icon--coverage_r-civil:before{content:"\e9bc"}.m-cgg-icon--boat:before{content:"\e9bd"}.m-cgg-icon--caravan:before{content:"\e9be"}.m-cgg-icon--tv-remote:before{content:"\e9bf"}.m-cgg-icon--Phone-Bundle:before{content:"\e9c0"}.m-cgg-icon--PackBundle:before{content:"\e9c1"}.m-cgg-icon--motorcycle:before{content:"\e9c2"}.m-cgg-icon--energy-saving:before{content:"\e9c3"}.m-cgg-icon--contract:before{content:"\e9c4"}.m-cgg-icon--bonus:before{content:"\e9c5"}.m-cgg-icon--autopay:before{content:"\e9c6"}.m-cgg-icon--permanent-contract:before{content:"\e9c7"}.m-cgg-icon--employee:before{content:"\e9c8"}.m-cgg-icon--SIM:before{content:"\e9c9"}.m-cgg-icon--SIM2:before{content:"\e9ca"}.m-cgg-icon--SIM3:before{content:"\e9cb"}.m-cgg-icon--Part-time:before{content:"\e9cc"}.m-cgg-icon--recording:before{content:"\e9cd"}.m-cgg-icon--vod:before{content:"\e9ce"}.m-cgg-icon--multiple-screen:before{content:"\e9cf"}.m-cgg-icon--chat:before{content:"\e9d0"}.m-cgg-icon--china-star-2:before{content:"\e9d1"}.m-cgg-icon--nostar:before{content:"\e9d2"}.m-cgg-icon--onestar:before{content:"\e9d3"}.m-cgg-icon--portugal-phone:before{content:"\e9d4"}.m-cgg-icon--2stars:before{content:"\e9d5"}.m-cgg-icon--3stars:before{content:"\e9d6"}.m-cgg-icon--usage-light:before{content:"\e9d7"}.m-cgg-icon--usage-medium:before{content:"\e9d8"}.m-cgg-icon--Commission:before{content:"\e9d9"}.m-cgg-icon--Housewife:before{content:"\e9da"}.m-cgg-icon--usage-heavy:before{content:"\e9db"}.m-cgg-icon--local-use:before{content:"\e9dc"}.m-cgg-icon--internet-use:before{content:"\e9dd"}.m-cgg-icon--a-flight:before{content:"\e9de"}.m-cgg-icon--multiple-places:before{content:"\e9df"}.m-cgg-icon--family-home:before{content:"\e9e0"}.m-cgg-icon--relatives-home:before{content:"\e9e1"}.m-cgg-icon--myself:before{content:"\e9e2"}.m-cgg-icon--earth:before{content:"\e9e3"}.m-cgg-icon--local-use-filled:before{content:"\e9e4"}.m-cgg-icon--0-2mth-contract:before{content:"\e9e5"}.m-cgg-icon--2-6mth-contract:before{content:"\e9e6"}.m-cgg-icon--6mthplus-contract:before{content:"\e9e7"}.m-cgg-icon--unionpay:before{content:"\e9e8"}.m-cgg-icon--sorting:before{content:"\e9e9"}.m-cgg-icon--PRC:before{content:"\ea29"}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";.modal-backdrop[data-v-1e53fe18]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#0006;transition:all .4s ease-in-out}.modal-overlay[data-v-1e53fe18]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:13}.modal-container[data-v-1e53fe18]{position:absolute;top:0;left:0;height:100%;background:#ffffff;padding:20px;width:100%;box-sizing:border-box;display:flex;flex-direction:column}@media screen and (min-width: 601px){.modal-container[data-v-1e53fe18]{top:50%;left:50%;transform:translateY(-50%) translate(-50%);max-width:calc(100% - 60px);max-height:calc(100% - 40px);border-radius:8px;padding:20px 40px;height:auto}}@media screen and (min-width: 1100px){.modal-container[data-v-1e53fe18]{max-width:1040px}}.modal-container .modal-header[data-v-1e53fe18]{font-weight:700;font-size:18px;line-height:21px;padding:0 20px 15px 0;border-bottom:1px solid #dedede}@media screen and (min-width: 601px){.modal-container .modal-header[data-v-1e53fe18]{font-size:24px;line-height:27px}}.modal-container .modal-header[data-v-1e53fe18]:before,.modal-container .modal-header[data-v-1e53fe18]:after{content:none}.modal-container .btn-close[data-v-1e53fe18]{position:absolute;top:20px;right:20px;background:none;border:none;padding:0;outline:0;height:20px;cursor:pointer;z-index:2}@media screen and (min-width: 601px){.modal-container .btn-close[data-v-1e53fe18]{right:40px}}.modal-container .btn-close span[data-v-1e53fe18]{display:block;font-size:16px;line-height:20px}.modal-container .btn-close[data-v-1e53fe18]:focus{outline:0}.modal-container .modal-body[data-v-1e53fe18]{margin:0 -15px -15px;font-size:15px;line-height:17px;overflow-y:auto;flex-grow:1;height:auto;padding:15px}.modal-container .modal-footer[data-v-1e53fe18]{border-top:1px solid #dedede;padding:15px 0 0;margin-top:15px}.modal-container .modal-footer[data-v-1e53fe18] .button-container{display:flex;flex-direction:row;justify-content:flex-end;gap:10px}.fade-enter-from[data-v-1e53fe18],.fade-leave-to[data-v-1e53fe18]{opacity:0}.fade-enter-to[data-v-1e53fe18],.fade-leave-from[data-v-1e53fe18]{opacity:1}.cja-btn[data-v-61a3db82]{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;font-weight:700;cursor:pointer;transition:all .2s ease-in-out;border-width:1px;border-style:solid;border-color:transparent;background:none}.cja-btn[data-v-61a3db82]:focus-visible{outline:none}.cja-btn[data-v-61a3db82]:hover{box-shadow:none}.cja-btn.btn-size-sm[data-v-61a3db82]{font-size:14px;line-height:18px;padding:8px 12px;border-radius:8px}.cja-btn.btn-size-sm.btn-icon-only[data-v-61a3db82],.cja-btn.btn-size-sm.btn-loading[data-v-61a3db82]{padding:4px}.cja-btn.btn-size-sm.btn-loading .spinner[data-v-61a3db82]{width:14px;height:14px}.cja-btn.btn-size-md[data-v-61a3db82]{font-size:18px;line-height:18px;padding:8px 24px;border-radius:8px}.cja-btn.btn-size-md.btn-icon-only[data-v-61a3db82],.cja-btn.btn-size-md.btn-loading[data-v-61a3db82]{padding:8px}.cja-btn.btn-size-md.btn-loading .spinner[data-v-61a3db82]{width:18px;height:18px}.cja-btn.btn-size-lg[data-v-61a3db82]{font-size:22px;line-height:22px;padding:16px 32px;border-radius:8px}.cja-btn.btn-size-lg.btn-icon-only[data-v-61a3db82],.cja-btn.btn-size-lg.btn-loading[data-v-61a3db82]{padding:16px}.cja-btn.btn-size-lg.btn-loading .spinner[data-v-61a3db82]{width:22px;height:22px}.cja-btn.btn-primary[data-v-61a3db82]{box-shadow:0 2px 10px #0000001a}.cja-btn.btn-primary.btn-color-blue[data-v-61a3db82]:not(:disabled){background:#076b9c;border-color:#076b9c;color:#fff}.cja-btn.btn-primary.btn-color-blue[data-v-61a3db82]:not(:disabled):hover{background:#0d2745;border-color:#0d2745}.cja-btn.btn-primary.btn-color-blue[data-v-61a3db82]:not(:disabled):focus{background:#155072;border-color:#155072}.cja-btn.btn-primary.btn-color-orange[data-v-61a3db82]:not(:disabled){background:#f58423;border-color:#f58423;color:#fff}.cja-btn.btn-primary.btn-color-orange[data-v-61a3db82]:not(:disabled):hover{background:#ea730b;border-color:#ea730b}.cja-btn.btn-primary.btn-color-orange[data-v-61a3db82]:not(:disabled):focus{background:#f9b377;border-color:#f9b377}.cja-btn.btn-primary.btn-color-white[data-v-61a3db82]:not(:disabled){background:#fff;border-color:#fff;color:#0d2745}.cja-btn.btn-primary.btn-color-white[data-v-61a3db82]:not(:disabled):hover{background:#fafafa;border-color:#fafafa}.cja-btn.btn-primary.btn-color-white[data-v-61a3db82]:not(:disabled):focus{background:#ebebeb;border-color:#ebebeb}.cja-btn.btn-primary[data-v-61a3db82]:disabled{background:#f1f5f9;border-color:#f1f5f9;color:#9fabbc;cursor:auto}.cja-btn.btn-primary.btn-loading .spinner[data-v-61a3db82]{border-color:#fff;border-top-color:#fff3}.cja-btn.btn-secondary.btn-color-blue[data-v-61a3db82]:not(:disabled){border-color:#076b9c;color:#076b9c}.cja-btn.btn-secondary.btn-color-blue[data-v-61a3db82]:not(:disabled):hover{background:#f4f9fc;border-color:#155072;color:#155072}.cja-btn.btn-secondary.btn-color-blue[data-v-61a3db82]:not(:disabled):focus{border-color:#0d2745;color:#0d2745}.cja-btn.btn-secondary.btn-color-orange[data-v-61a3db82]:not(:disabled){border-color:#f58423;color:#f58423}.cja-btn.btn-secondary.btn-color-orange[data-v-61a3db82]:not(:disabled):hover{background:#fdf1e2;border-color:#f9b377;color:#f9b377}.cja-btn.btn-secondary.btn-color-orange[data-v-61a3db82]:not(:disabled):focus{border-color:#ea730b;color:#ea730b}.cja-btn.btn-secondary.btn-color-white[data-v-61a3db82]:not(:disabled){border-color:#fff;color:#fff}.cja-btn.btn-secondary.btn-color-white[data-v-61a3db82]:not(:disabled):hover{background:#ebebeb;border-color:#fafafa;color:#fafafa}.cja-btn.btn-secondary.btn-color-white[data-v-61a3db82]:not(:disabled):focus{border-color:#ebebeb;color:#ebebeb}.cja-btn.btn-secondary[data-v-61a3db82]:disabled{border-color:#9fabbc;color:#9fabbc;cursor:auto}.cja-btn.btn-secondary.btn-loading .spinner[data-v-61a3db82]{border-top-color:#fff3}.cja-btn.btn-tertiary.btn-color-blue[data-v-61a3db82]:not(:disabled){color:#076b9c}.cja-btn.btn-tertiary.btn-color-blue[data-v-61a3db82]:not(:disabled):hover{box-shadow:0 2px 10px #0000001a;color:#155072;background:#f4f9fc}.cja-btn.btn-tertiary.btn-color-blue[data-v-61a3db82]:not(:disabled):focus{color:#0d2745}.cja-btn.btn-tertiary.btn-color-orange[data-v-61a3db82]:not(:disabled){color:#f58423}.cja-btn.btn-tertiary.btn-color-orange[data-v-61a3db82]:not(:disabled):hover{box-shadow:0 2px 10px #0000001a;color:#f9b377;background:#fdf1e2}.cja-btn.btn-tertiary.btn-color-orange[data-v-61a3db82]:not(:disabled):focus{color:#ea730b}.cja-btn.btn-tertiary.btn-color-white[data-v-61a3db82]:not(:disabled){color:#fff}.cja-btn.btn-tertiary.btn-color-white[data-v-61a3db82]:not(:disabled):hover{box-shadow:0 2px 10px #0000001a;color:#0d2745;background:#fafafa}.cja-btn.btn-tertiary.btn-color-white[data-v-61a3db82]:not(:disabled):focus{color:#ebebeb}.cja-btn.btn-tertiary[data-v-61a3db82]:disabled{color:#9fabbc;cursor:auto}.cja-btn.btn-tertiary.btn-loading .spinner[data-v-61a3db82]{border-top-color:#fff3}.cja-btn.icon-left[data-v-61a3db82]{flex-direction:row-reverse}.cja-btn.btn-loading[data-v-61a3db82]{cursor:auto}.cja-btn.btn-loading .spinner[data-v-61a3db82]{width:20px;height:20px;border-width:2px;border-style:solid;border-radius:50%;animation:spin-61a3db82 1s infinite;animation-timing-function:linear}@keyframes spin-61a3db82{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner[data-v-69367934]{width:80px;height:80px;border:7px solid #b5e187;border-top:7px solid rgba(255,255,255,.2);border-radius:50%;animation:spin-69367934 1s infinite;animation-timing-function:linear}@keyframes spin-69367934{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content-tabs .control-container[data-v-bad7eaae]{display:flex;flex-direction:row;flex-wrap:nowrap;margin-bottom:30px}.content-tabs .control-container button[data-v-bad7eaae]{flex-grow:1;outline:none;background:none;font-weight:700;padding:0 5px 7px;font-size:16px;line-height:19px;text-align:center;border:none;color:#979290;cursor:pointer;border-bottom:1px solid #979290}.content-tabs .control-container button.active[data-v-bad7eaae]{color:#076b9c;padding:0 5px 5px;border-bottom:3px solid #076b9c}.content-tabs .control-container button[data-v-bad7eaae]:focus{outline:none}.content-tabs .content-container[data-v-bad7eaae]{position:relative;overflow:hidden}.content-tabs .content-container .fade-leave-active[data-v-bad7eaae]{position:absolute;left:0;top:0;width:100%;transition:all .3s ease-in-out}.content-tabs .content-container .fade-enter-active[data-v-bad7eaae]{transition:all .3s ease-in-out .3s}.content-tabs .content-container .fade-enter-from[data-v-bad7eaae],.content-tabs .content-container .fade-leave-to[data-v-bad7eaae]{opacity:0}.content-tabs .content-container .fade-enter-to[data-v-bad7eaae],.content-tabs .content-container .fade-leave-from[data-v-bad7eaae]{opacity:1}.info-message[data-v-7394b72d]{display:grid;grid-template-columns:1fr;gap:16px;padding:8px 16px;border:2px solid #000;border-radius:16px}@media screen and (min-width: 768px){.info-message[data-v-7394b72d]{padding:16px 24px}}@media screen and (min-width: 768px){.info-message.has-icon[data-v-7394b72d]{grid-template-columns:auto 1fr}}.info-message.has-toggle[data-v-7394b72d]{grid-template-columns:1fr 18px}@media screen and (min-width: 768px){.info-message.has-icon.has-toggle[data-v-7394b72d]{grid-template-columns:auto 1fr 18px}}.info-message.color-green[data-v-7394b72d]{background-color:#f8faf5;border-color:#c4dab1;color:#56924b}.info-message.color-blue[data-v-7394b72d]{background-color:#f4f9fc;border-color:#076b9c;color:#076b9c}.info-message .text-container[data-v-7394b72d]{display:flex;flex-direction:column;gap:15px}.info-message .text-container h4[data-v-7394b72d]{font-weight:700;font-size:16px;line-height:20px;margin:0}.info-message .text-container p[data-v-7394b72d]{font-size:13px;line-height:17px;margin:0}.info-message .btn-container button[data-v-7394b72d]{padding:0;border:none;font-size:18px;line-height:18px;color:inherit;cursor:pointer;background:none}.grid-container-1[data-v-59ccfc14],.grid-container-2[data-v-59ccfc14],.grid-container-3[data-v-59ccfc14]{display:grid;column-gap:16px;padding-left:24px;padding-right:24px}@media screen and (min-width: 768px) and (max-width: 1023px){.grid-container-1[data-v-59ccfc14],.grid-container-2[data-v-59ccfc14],.grid-container-3[data-v-59ccfc14]{grid-template-columns:repeat(4,1fr);column-gap:24px;padding-left:40px;padding-right:40px}}@media screen and (min-width: 1024px){.grid-container-1[data-v-59ccfc14],.grid-container-2[data-v-59ccfc14],.grid-container-3[data-v-59ccfc14]{grid-template-columns:repeat(12,1fr);column-gap:24px;padding-left:32px;padding-right:32px}}@media screen and (min-width: 1200px){.grid-container-1[data-v-59ccfc14],.grid-container-2[data-v-59ccfc14],.grid-container-3[data-v-59ccfc14]{padding-left:64px;padding-right:64px;max-width:1440px;margin-left:auto;margin-right:auto}}@media screen and (max-width: 767px){.grid-container-1[data-v-59ccfc14]{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 767px){.grid-container-2[data-v-59ccfc14]{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 767px){.grid-container-3[data-v-59ccfc14]{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 767px){.grid-item-sm-1[data-v-221315aa]{grid-column:span 1}}@media screen and (max-width: 767px){.grid-item-sm-2[data-v-221315aa]{grid-column:span 2}}@media screen and (max-width: 767px){.grid-item-sm-3[data-v-221315aa]{grid-column:span 3}}@media screen and (max-width: 767px){.grid-item-sm-4[data-v-221315aa]{grid-column:span 4}}@media screen and (min-width: 768px) and (max-width: 1023px){.grid-item-md-1[data-v-221315aa]{grid-column:span 1}}@media screen and (min-width: 768px) and (max-width: 1023px){.grid-item-md-2[data-v-221315aa]{grid-column:span 2}}@media screen and (min-width: 768px) and (max-width: 1023px){.grid-item-md-3[data-v-221315aa]{grid-column:span 3}}@media screen and (min-width: 768px) and (max-width: 1023px){.grid-item-md-4[data-v-221315aa]{grid-column:span 4}}@media screen and (min-width: 1024px){.grid-item-lg-1[data-v-221315aa]{grid-column:span 1}}@media screen and (min-width: 1024px){.grid-item-lg-2[data-v-221315aa]{grid-column:span 2}}@media screen and (min-width: 1024px){.grid-item-lg-3[data-v-221315aa]{grid-column:span 3}}@media screen and (min-width: 1024px){.grid-item-lg-4[data-v-221315aa]{grid-column:span 4}}@media screen and (min-width: 1024px){.grid-item-lg-5[data-v-221315aa]{grid-column:span 5}}@media screen and (min-width: 1024px){.grid-item-lg-6[data-v-221315aa]{grid-column:span 6}}@media screen and (min-width: 1024px){.grid-item-lg-7[data-v-221315aa]{grid-column:span 7}}@media screen and (min-width: 1024px){.grid-item-lg-8[data-v-221315aa]{grid-column:span 8}}@media screen and (min-width: 1024px){.grid-item-lg-9[data-v-221315aa]{grid-column:span 9}}@media screen and (min-width: 1024px){.grid-item-lg-10[data-v-221315aa]{grid-column:span 10}}@media screen and (min-width: 1024px){.grid-item-lg-11[data-v-221315aa]{grid-column:span 11}}@media screen and (min-width: 1024px){.grid-item-lg-12[data-v-221315aa]{grid-column:span 12}}.collapse-container .collapse-header[data-v-e37f1920]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer;user-select:none}.collapse-container .collapse-header>span[data-v-e37f1920]{transition:all .2s linear}.collapse-container .content-container[data-v-e37f1920]{transition:all .2s linear}.collapse-container .content-container.slide-leave-active[data-v-e37f1920],.collapse-container .content-container.slide-enter-active[data-v-e37f1920]{overflow:hidden}.collapse-container.active .collapse-header>span[data-v-e37f1920]{transform:rotate(180deg)}.collapse-container:not(.active) .content-container[data-v-e37f1920]{overflow:hidden}.fixed-wrapper.position-fixed[data-v-7f7eb61b]{position:fixed}.input-title[data-v-475db19e]{display:flex;justify-content:space-between;gap:10px;font-weight:700}.input-title.size-sm[data-v-475db19e]{font-size:14px;line-height:18px}.input-title.size-md[data-v-475db19e]{font-size:16px;line-height:20px}.input-title.size-lg[data-v-475db19e]{font-size:18px;line-height:22px}.input-title .tooltip[data-v-475db19e]{font-size:18px;color:#076b9c}@media screen and (min-width: 768px){.input-title .tooltip[data-v-475db19e]{font-size:20px}}.input-error[data-v-10039c82]{color:#ff533f;font-size:14px;line-height:16px}@media screen and (min-width: 768px){.input-error[data-v-10039c82]{font-size:16px;line-height:18px}}.input-container[data-v-24d94794]{display:flex;gap:8px}.input-container.vertical[data-v-24d94794]{flex-direction:column}.input-container.horizontal[data-v-24d94794]{flex-direction:row;align-items:center}.input-wrapper[data-v-1c4b79cf]{position:relative}.input-wrapper input[data-v-1c4b79cf]{background-color:#fff;width:100%;outline:none;border:1px solid #dedede;border-radius:8px;transition:all .1s ease-in}.input-wrapper input[data-v-1c4b79cf]:active,.input-wrapper input[data-v-1c4b79cf]:focus{border:1px solid #076b9c;outline:none}.input-wrapper input.size-md[data-v-1c4b79cf]{padding:12px;font-size:16px;line-height:18px}.input-wrapper input.size-sm[data-v-1c4b79cf]{padding:8px 10px;font-size:14px;line-height:18px}.input-wrapper input.size-lg[data-v-1c4b79cf]{padding:12px 18px;font-size:16px;line-height:20px}.input-wrapper input:focus+.input-suffix[data-v-1c4b79cf]{color:#0d2745}.input-wrapper.error input[data-v-1c4b79cf]{border:1px solid #fb7185}.input-wrapper .input-suffix[data-v-1c4b79cf]{position:absolute;top:50%;transform:translateY(-50%);right:8px;line-height:11px;font-size:11px;color:#9fabbc;transition:color .1s ease-in}.input-wrapper input[data-v-a1db95b6]{background-color:#fff;width:100%;outline:none;border:1px solid #dedede;border-radius:8px;transition:all .1s ease-in}.input-wrapper input[data-v-a1db95b6]:active,.input-wrapper input[data-v-a1db95b6]:focus{border:1px solid #076b9c;outline:none}.input-wrapper input.size-md[data-v-a1db95b6]{padding:12px;font-size:16px;line-height:18px}.input-wrapper input.size-sm[data-v-a1db95b6]{padding:8px 10px;font-size:14px;line-height:18px}.input-wrapper input.size-lg[data-v-a1db95b6]{padding:12px 18px;font-size:16px;line-height:20px}.input-wrapper.error input[data-v-a1db95b6]{border:1px solid #fb7185}.input-wrapper[data-v-a1db95b6] .iti{display:block}.input-wrapper[data-v-a1db95b6] .iti .iti__flag{background-image:url(https://www.comparaja.pt/s3/portugal/comparaja.pt/production/pt/images/general/flags.png)!important}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.input-wrapper[data-v-a1db95b6] .iti .iti__flag{background-image:url(https://www.comparaja.pt/s3/portugal/comparaja.pt/production/pt/images/general/flags@2x.png)!important}}.input-container-checkbox label[data-v-76806a10]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:15px;cursor:pointer;margin:0;font-weight:400}.input-container-checkbox label input[data-v-76806a10]{display:none}.input-container-checkbox label .checkbox-icon[data-v-76806a10]{position:relative}.input-container-checkbox label .checkbox-icon[data-v-76806a10]:after{content:"";display:block;width:22px;height:22px;border-radius:3px;border:1px solid #cccbc8;color:#77aa43}.input-container-checkbox label .checkbox-icon[data-v-76806a10]:before{position:absolute;opacity:0;font-size:20px}.input-container-checkbox label input:checked+.checkbox-icon[data-v-76806a10]:before{opacity:1}.input-container-checkbox label .text-container[data-v-76806a10]{font-size:12px;line-height:14px;user-select:none}.input-container-checkbox label .text-container a[data-v-76806a10]{color:inherit;font-weight:700;text-decoration:underline}.input-container-checkbox label .text-container a[data-v-76806a10]:hover{text-decoration:none}.input-container-radio label[data-v-f4d50b2a]{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:15px;cursor:pointer;margin:0;font-weight:400}.input-container-radio label input[data-v-f4d50b2a]{display:none}.input-container-radio label .radio-icon[data-v-f4d50b2a]{width:20px;height:20px;flex-shrink:0;border:1px solid #64748b;border-radius:50%}.input-container-radio label input:checked+.radio-icon[data-v-f4d50b2a]{border:6px solid #076b9c}.input-container-radio label .text-container[data-v-f4d50b2a]{user-select:none}.input-container-radio label .text-container.size-sm[data-v-f4d50b2a]{font-size:14px;line-height:18px}.input-container-radio label .text-container.size-md[data-v-f4d50b2a]{font-size:16px;line-height:20px}.input-container-radio label .text-container.size-lg[data-v-f4d50b2a]{font-size:18px;line-height:22px}.input-container-radio label .text-container a[data-v-f4d50b2a]{color:inherit;font-weight:700;text-decoration:underline}.input-container-radio label .text-container a[data-v-f4d50b2a]:hover{text-decoration:none}.tile-checkbox-container[data-v-510c7d44]{cursor:pointer;background:#ffffff;border:1px solid #dedede;border-radius:8px;padding:15px;box-shadow:0 4px 20px #00000026;transition:all .2s ease-in-out}.tile-checkbox-container.checked[data-v-510c7d44]{border:1px solid #076b9c;background-color:#f4f9fc}.tile-checkbox-container.checked .tile-header .tile-checkbox[data-v-510c7d44]{background-color:#076b9c;border:2px solid #076b9c}.tile-checkbox-container.checked .tile-header .tile-checkbox span[data-v-510c7d44]{opacity:1}.tile-checkbox-container .tile-header[data-v-510c7d44]{display:flex;flex-direction:row;align-items:flex-start;gap:10px}.tile-checkbox-container .tile-header .tile-label[data-v-510c7d44]{flex-grow:1;font-weight:700;font-size:16px;line-height:19px;color:#155072}.tile-checkbox-container .tile-header .tile-checkbox[data-v-510c7d44]{display:flex;justify-content:center;align-items:center;border:2px solid #717171;width:18px;height:18px;border-radius:4px;transition:all .2s ease-in-out}.tile-checkbox-container .tile-header .tile-checkbox span[data-v-510c7d44]{transition:all .2s ease-in-out;line-height:14px;opacity:0;color:#fff}.tile-checkbox-container .tile-description[data-v-510c7d44]{font-size:14px;line-height:17px;margin-top:8px}.input-container-select.error .select-toggle[data-v-b750ff6c]{border:1px solid #fb7185}.input-container-select .select-toggle[data-v-b750ff6c]{background-color:#fff;width:100%;outline:none;border:1px solid #dedede;border-radius:8px;transition:all .1s ease-in;display:flex;justify-content:space-between;gap:10px;cursor:pointer}.input-container-select .select-toggle[data-v-b750ff6c]:active,.input-container-select .select-toggle[data-v-b750ff6c]:focus{border:1px solid #076b9c;outline:none}.input-container-select .select-toggle.size-md[data-v-b750ff6c]{padding:12px;font-size:16px;line-height:18px}.input-container-select .select-toggle.size-sm[data-v-b750ff6c]{padding:8px 10px;font-size:14px;line-height:18px}.input-container-select .select-toggle.size-lg[data-v-b750ff6c]{padding:12px 18px;font-size:16px;line-height:20px}.input-container-select .select-toggle .select-display[data-v-b750ff6c]{flex-grow:1;text-overflow:ellipsis;overflow:hidden}.input-container-select .select-toggle.open.position-bottom[data-v-b750ff6c]{border-radius:5px 5px 0 0}.input-container-select .select-toggle.open.position-top[data-v-b750ff6c]{border-radius:0 0 5px 5px}.input-container-select .select-toggle.open em[data-v-b750ff6c]{transform:rotate(180deg)}.input-container-select .select-toggle.disabled[data-v-b750ff6c]{opacity:.5;cursor:auto}.input-container-select .select-toggle em[data-v-b750ff6c]{font-size:12px;line-height:18px;color:#9fabbc;transition:all .3s ease-in-out}.input-container-select.error .select-toggle[data-v-b750ff6c]{background-color:#ffebeb;border:1px solid #ff533f}.input-container-select.error em[data-v-b750ff6c]{background-color:#ffebeb}.select-collapse[data-v-b750ff6c]{position:fixed;z-index:1001;max-height:400px;overflow-y:auto;background-color:#fff;border:1px solid #dedede;transition:all .3s ease-in-out}.select-collapse.position-top[data-v-b750ff6c]{border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 -4px 10px #00000026}.select-collapse.position-bottom[data-v-b750ff6c]{border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:0 4px 10px #00000026}.select-collapse .search-filter-container[data-v-b750ff6c]{padding:5px 10px}.select-collapse .search-filter-container input[data-v-b750ff6c]{outline:none;padding:10px 8px;font-size:15px;line-height:18px;width:100%;border:1px solid #dedede;border-radius:5px}.select-collapse .search-filter-container input[data-v-b750ff6c]:active,.select-collapse .search-filter-container input[data-v-b750ff6c]:focus{border:1px solid #5fbbff;outline:none}.select-collapse.slide-fade-enter-from[data-v-b750ff6c],.select-collapse.slide-fade-leave-to[data-v-b750ff6c]{opacity:0}.select-collapse.slide-fade-enter-to[data-v-b750ff6c],.select-collapse.slide-fade-leave-from[data-v-b750ff6c]{opacity:1}.select-collapse ul[data-v-b750ff6c]{padding:0;margin:0}.select-collapse ul li[data-v-b750ff6c]{display:flex;align-items:center;transition:all .3s ease-in-out;font-size:14px;line-height:17px;padding:8px 10px;cursor:pointer;user-select:none;overflow-x:hidden}.select-collapse ul li[data-v-b750ff6c]:hover{background-color:#f1f7ee}.select-collapse ul li .checkbox-icon[data-v-b750ff6c]{height:20px;width:20px;border:2px solid #9fabbc;border-radius:3px;transition:all .3s ease-in-out;display:inline-flex;place-items:center;margin-right:10px}.select-collapse ul li .checkbox-icon[data-v-b750ff6c]:before{color:#77aa43;opacity:0}.select-collapse ul li.active .checkbox-icon[data-v-b750ff6c]:before{opacity:1}.input-wrapper[data-v-f174ac88]{background-color:#fff;width:100%;outline:none;border:1px solid #dedede;border-radius:8px;transition:all .1s ease-in;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px}.input-wrapper[data-v-f174ac88]:active,.input-wrapper[data-v-f174ac88]:focus{border:1px solid #076b9c;outline:none}.input-wrapper.size-md[data-v-f174ac88]{padding:12px;font-size:16px;line-height:18px}.input-wrapper.size-sm[data-v-f174ac88]{padding:8px 10px;font-size:14px;line-height:18px}.input-wrapper.size-lg[data-v-f174ac88]{padding:12px 18px;font-size:16px;line-height:20px}.input-wrapper.success[data-v-f174ac88]{cursor:auto;border-color:#076b9c}.input-wrapper.loading[data-v-f174ac88]{pointer-events:none}.input-wrapper.error[data-v-f174ac88]{border-color:#ff533f}.input-wrapper .input-text[data-v-f174ac88]{flex-grow:1;text-overflow:ellipsis;overflow:hidden}.input-wrapper .icon-wrapper[data-v-f174ac88]{display:flex;flex-direction:row;justify-content:flex-end;gap:10px;flex-basis:43px}.input-wrapper .spinner[data-v-f174ac88]{width:10px;height:10px;border:3px solid #b5e187;border-top-color:#f3f7ef;border-radius:50%;animation:spin-f174ac88 1s infinite;animation-timing-function:linear}.input-wrapper .m-cgg-icon--upload[data-v-f174ac88]{color:#076b9c}.input-wrapper .m-cgg-icon--trash[data-v-f174ac88]{cursor:pointer;color:#9fabbc;transition:all .2s ease-in-out}.input-wrapper .m-cgg-icon--trash[data-v-f174ac88]:hover{color:#076b9c}.input-wrapper .m-cgg-icon--cross-cja[data-v-f174ac88]{color:#ff533f}.input-wrapper .m-cgg-icon--check-cja[data-v-f174ac88]{color:#77aa43}.input-description[data-v-f174ac88]{font-size:12px;line-height:12px;color:#312f2e}input[type=file][data-v-f174ac88]{display:none}@keyframes spin-f174ac88{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.number-input-container[data-v-05a8b972]{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:20px;border:1px solid #dedede;box-shadow:0 0 16px #0000000f;border-radius:8px}.number-input-container .text-container[data-v-05a8b972]{display:flex;flex-direction:column;gap:5px}.number-input-container .text-container .title[data-v-05a8b972]{font-weight:700;font-size:15px;line-height:18px}.number-input-container .text-container .description[data-v-05a8b972]{font-size:12px;line-height:12px}.number-input-container .controls-container[data-v-05a8b972]{display:flex;align-items:center;gap:10px}.number-input-container .controls-container button[data-v-05a8b972]{position:relative;width:32px;height:32px;background:none;border-width:2px;border-style:solid;border-color:#979290;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out}.number-input-container .controls-container button[data-v-05a8b972]:before,.number-input-container .controls-container button[data-v-05a8b972]:after{position:absolute;left:50%;transform:translate(-50%);width:12px;height:2px;background-color:#979290;transition:all .2s ease-in-out}.number-input-container .controls-container button[data-v-05a8b972]:hover{border-color:#0d2745}.number-input-container .controls-container button[data-v-05a8b972]:hover:before,.number-input-container .controls-container button[data-v-05a8b972]:hover:after{background-color:#0d2745}.number-input-container .controls-container button[data-v-05a8b972]:disabled{cursor:auto;border-color:#cccbc8}.number-input-container .controls-container button[data-v-05a8b972]:disabled:before,.number-input-container .controls-container button[data-v-05a8b972]:disabled:after{background-color:#cccbc8}.number-input-container .controls-container button.btn-minus[data-v-05a8b972]:before{content:""}.number-input-container .controls-container button.btn-plus[data-v-05a8b972]:before{content:""}.number-input-container .controls-container button.btn-plus[data-v-05a8b972]:after{content:"";transform:translate(-50%) rotate(90deg)}.number-input-container .controls-container .value[data-v-05a8b972]{width:20px;text-align:center;font-size:18px;line-height:22px;color:#979290;user-select:none}.input-wrapper[data-v-61a0addd]{display:flex;flex-direction:row;align-items:center;gap:10px}.input-wrapper.size-sm[data-v-61a0addd]{font-size:14px;line-height:18px}.input-wrapper.size-md[data-v-61a0addd]{font-size:16px;line-height:20px}.input-wrapper.size-lg[data-v-61a0addd]{font-size:18px;line-height:22px}.input-wrapper.full-width[data-v-61a0addd]{justify-content:space-between}.input-wrapper .toggler[data-v-61a0addd]{position:relative;width:36px;height:14px;border-radius:7px;background-color:#dedcdb;cursor:pointer;transition:all .2s ease-in-out}.input-wrapper .toggler .toggle[data-v-61a0addd]{position:absolute;top:-3px;left:0;width:20px;height:20px;border-radius:50%;background-color:#9fabbc;box-shadow:0 2px 4px #0003;transition:all .2s ease-in-out}.input-wrapper.active .toggler[data-v-61a0addd]{background-color:#e5f0f5}.input-wrapper.active .toggler .toggle[data-v-61a0addd]{background-color:#076b9c;left:16px}.input-wrapper[data-v-739d7c86]{position:relative}.input-wrapper input[data-v-739d7c86]{background-color:#fff;width:100%;outline:none;border:1px solid #dedede;border-radius:8px;transition:all .1s ease-in;padding-right:24px}.input-wrapper input[data-v-739d7c86]:active,.input-wrapper input[data-v-739d7c86]:focus{border:1px solid #076b9c;outline:none}.input-wrapper input.size-md[data-v-739d7c86]{padding:12px;font-size:16px;line-height:18px}.input-wrapper input.size-sm[data-v-739d7c86]{padding:8px 10px;font-size:14px;line-height:18px}.input-wrapper input.size-lg[data-v-739d7c86]{padding:12px 18px;font-size:16px;line-height:20px}.input-wrapper input:focus+.input-currency[data-v-739d7c86]{color:#0d2745}.input-wrapper.error input[data-v-739d7c86]{border:1px solid #fb7185}.input-wrapper .input-currency[data-v-739d7c86]{position:absolute;top:50%;transform:translateY(-50%);right:8px;line-height:16px;font-size:16px;color:#9fabbc;transition:color .1s ease-in}.tiles-container[data-v-078f1b23]{display:grid;width:100%;gap:16px}.tiles-container .tile[data-v-078f1b23]{display:flex;flex-direction:row;align-items:center;gap:15px;padding:20px;border:1px solid #dedede;border-radius:10px;cursor:pointer;user-select:none;overflow-x:hidden;color:#0d2745;transition:all .3s ease-in-out}@media screen and (min-width: 992px){.tiles-container .tile[data-v-078f1b23]{padding-right:20px}}.tiles-container .tile.active[data-v-078f1b23]{box-shadow:0 4px 20px #0000001a;background-color:#f4f9fc;border-color:#076b9c}@media (any-hover: hover){.tiles-container .tile[data-v-078f1b23]:hover{box-shadow:0 4px 20px #0000001a;background-color:#f4f9fc;border-color:#076b9c}}.tiles-container .tile .text-wrapper[data-v-078f1b23]{font-size:18px;line-height:22px}.tiles-container .tile .text-wrapper .title[data-v-078f1b23]{font-weight:700}.tiles-container .tile .m-cgg-icon--chevron-right[data-v-078f1b23]{background:none;border-radius:0;padding:0;color:inherit;font-size:18px;font-weight:700;margin:0 0 0 auto}.tiles-container.layout-list .image-container img[data-v-078f1b23],.tiles-container.layout-grid .image-container img[data-v-078f1b23]{height:28px;width:28px}@media screen and (min-width: 992px){.tiles-container.layout-list .image-container img[data-v-078f1b23],.tiles-container.layout-grid .image-container img[data-v-078f1b23]{height:32px;width:32px}}.tiles-container.layout-list[data-v-078f1b23]{grid-template-columns:1fr}.tiles-container.layout-list .text-wrapper .description[data-v-078f1b23]:before{content:"-";margin:0 5px}.tiles-container.layout-grid .text-wrapper[data-v-078f1b23]{display:flex;flex-direction:column;gap:5px}.tiles-container.layout-grid .text-wrapper .title[data-v-078f1b23]{font-size:15px;line-height:18px}.tiles-container.layout-grid .text-wrapper .description[data-v-078f1b23]{font-size:12px;line-height:12px}.tiles-container.layout-image .tile[data-v-078f1b23]{justify-content:center;text-align:center}.tiles-container.layout-image .tile .image-container img[data-v-078f1b23]{display:block;max-width:100%}.input-error[data-v-078f1b23]{text-align:center}.macro-steps-container[data-v-5ca5e874]{background:#fff;padding:16px;border-bottom:1px solid #dedede;display:flex;align-items:center;justify-content:center;gap:10px}@media screen and (min-width: 1024px){.macro-steps-container[data-v-5ca5e874]{border-bottom:none;padding:0 16px}}.macro-steps-container .macro-step[data-v-5ca5e874]{display:flex;align-items:center;gap:10px}.macro-steps-container .macro-step .step-description[data-v-5ca5e874]{display:flex;align-items:center;gap:10px;font-size:14px;line-height:17px;transition:all .2s ease-in-out}.macro-steps-container .macro-step .step-description .step-label[data-v-5ca5e874]{text-transform:uppercase;display:none}@media screen and (min-width: 1200px){.macro-steps-container .macro-step .step-description .step-label[data-v-5ca5e874]{display:block}}.macro-steps-container .macro-step a[data-v-5ca5e874]{text-decoration:none;color:inherit}.macro-steps-container .macro-step a span[data-v-5ca5e874]{color:inherit}.macro-steps-container .macro-step a[data-v-5ca5e874]:hover{cursor:pointer;text-decoration:none;color:#076b9c}.macro-steps-container .macro-step.step-status-future[data-v-5ca5e874]{color:#9fabbc}.macro-steps-container .macro-step.step-status-current[data-v-5ca5e874]{color:#076b9c;font-weight:700}.macro-steps-container .macro-step.step-status-current .step-label[data-v-5ca5e874]{display:block}.funnel-container[data-v-3a6eac5a]{padding-bottom:100px}@media screen and (min-width: 1024px){.funnel-container[data-v-3a6eac5a]{padding-top:40px;padding-bottom:40px}}.funnel-container .funnel-content[data-v-3a6eac5a]{transition:all .3s linear}.funnel-container .funnel-content.slide-right-enter-from[data-v-3a6eac5a],.funnel-container .funnel-content.slide-left-leave-to[data-v-3a6eac5a]{opacity:0;transform:translate(20%)}.funnel-container .funnel-content.slide-right-leave-to[data-v-3a6eac5a],.funnel-container .funnel-content.slide-left-enter-from[data-v-3a6eac5a]{opacity:0;transform:translate(-20%)}.funnel-container .funnel-content.slide-left-enter-to[data-v-3a6eac5a],.funnel-container .funnel-content.slide-right-enter-to[data-v-3a6eac5a]{opacity:1;transform:translate(0)}.funnel-container .content-wrapper[data-v-3a6eac5a]{background:#ffffff;padding:20px 0;overflow:hidden}@media screen and (min-width: 768px){.funnel-container .content-wrapper[data-v-3a6eac5a]{padding:30px 0}}@media screen and (min-width: 1024px){.funnel-container .content-wrapper[data-v-3a6eac5a]{border:1px solid #dedede;box-shadow:0 4px 40px #00000026;border-radius:32px;padding:30px}}.progress-container[data-v-3a6eac5a]{display:grid;gap:10px;grid-template-columns:1fr 1fr;align-items:center;margin-bottom:30px}@media screen and (min-width: 768px){.progress-container[data-v-3a6eac5a]{gap:20px;grid-template-columns:90px 1fr 90px;padding-bottom:20px;border-bottom:1px solid #dedede}}.progress-container .back-container[data-v-3a6eac5a]{grid-area:2/1/3/2}@media screen and (min-width: 768px){.progress-container .back-container[data-v-3a6eac5a]{grid-area:1/1/2/2}}.progress-container .back-container .back-button[data-v-3a6eac5a]{color:#155072;font-size:16px;line-height:16px;font-weight:700;padding:0;border:0;outline:none;background-color:transparent}.progress-container .back-container .back-button em[data-v-3a6eac5a]{vertical-align:-2px;margin-left:-6px;font-weight:700}.progress-container .progress-bar[data-v-3a6eac5a]{grid-area:1/1/2/3;background-color:#f4f9fc;height:16px;border-radius:30px}@media screen and (min-width: 768px){.progress-container .progress-bar[data-v-3a6eac5a]{grid-area:1/2/2/3}}.progress-container .progress-bar .progress[data-v-3a6eac5a]{background:linear-gradient(218.56deg,#56924b 5.04%,#076b9c 62.92%);height:16px;border-radius:30px;width:0;transition:width .5s;-webkit-transition:width .5s}.progress-container .progress-details[data-v-3a6eac5a]{grid-area:2/2/3/3;text-align:right;margin-left:auto;font-size:14px;line-height:14px;color:#155072}@media screen and (min-width: 768px){.progress-container .progress-details[data-v-3a6eac5a]{grid-area:1/3/2/4}}.button-container[data-v-ce6827ec]{position:fixed;bottom:0;left:0;width:100%;padding:20px 15px;background-color:#fff;display:flex;flex-direction:row;justify-content:center;box-shadow:0 4px 20px #0000001a}@media screen and (min-width: 1024px){.button-container[data-v-ce6827ec]{position:static;margin:30px 0 0;padding:0;box-shadow:none}}.summary-container .summary-wrapper[data-v-4b95ecd9]{background:#ffffff;border:1px solid #dedede;box-shadow:0 4px 20px #0000001a;border-radius:16px;padding:20px 30px}.summary-container .summary-wrapper .title-container[data-v-4b95ecd9]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #dedede}.summary-container .summary-wrapper .title-container h3[data-v-4b95ecd9]{font-weight:700;font-size:16px;line-height:20px;margin:0}.summary-container .summary-wrapper .title-container button[data-v-4b95ecd9]{padding:0;border:none;background:none;color:#9fabbc;font-size:14px;line-height:14px}.summary-container .summary-wrapper .title-container button[data-v-4b95ecd9]:focus,.summary-container .summary-wrapper .title-container button[data-v-4b95ecd9]:focus-within{outline:none}.summary-container .summary-wrapper .title-container button span.m-cgg-icon--edit[data-v-4b95ecd9]{margin-right:10px}.summary-container .summary-wrapper .info-container[data-v-4b95ecd9]{display:flex;flex-direction:column;gap:20px}.summary-container .summary-wrapper .info-container .info-wrapper[data-v-4b95ecd9]{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;font-size:14px;line-height:14px}.summary-container .summary-wrapper .info-container .info-wrapper .info-display[data-v-4b95ecd9]{text-align:right;font-weight:700}.summary-container .summary-wrapper .info-container .info-wrapper .info-display.active[data-v-4b95ecd9]{color:#56924b}.summary-container .summary-wrapper .info-container .info-wrapper .info-error[data-v-4b95ecd9]{margin-top:0}.summary-container .summary-wrapper .info-container.edit-mode .info-wrapper[data-v-4b95ecd9]{grid-template-columns:1fr 1fr;align-items:center}.summary-container .summary-wrapper .info-container.edit-mode .info-wrapper .info-title[data-v-4b95ecd9]{grid-area:1/1/2/2}.summary-container .summary-wrapper .info-container.edit-mode .info-wrapper .info-edit[data-v-4b95ecd9]{grid-area:1/2/2/3}.summary-container .summary-wrapper .info-container.edit-mode .info-wrapper .info-error[data-v-4b95ecd9]{grid-area:2/1/3/3}.summary-container .summary-wrapper .summary-footer[data-v-4b95ecd9]{margin-top:20px;padding-top:15px;border-top:1px solid #dedede;display:flex;flex-direction:row;justify-content:flex-end;gap:10px}.title-container[data-v-4ac5fae4]{text-align:center;margin-bottom:25px}.title-container .title-wrapper[data-v-4ac5fae4]{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:18px;line-height:20px;font-weight:700;margin-bottom:20px;color:#076b9c}@media screen and (min-width: 768px){.title-container .title-wrapper[data-v-4ac5fae4]{font-size:26px;line-height:30px}}.title-container .title-wrapper .m-cgg-icon--help[data-v-4ac5fae4]{flex-shrink:0;font-size:20px;color:#076b9c}.title-container .description[data-v-4ac5fae4]{font-weight:700;font-size:16px;line-height:20px}.results-container .results-grid[data-v-e6215724]{padding-top:24px;padding-bottom:16px}.results-container .back-container[data-v-e6215724]{margin-bottom:24px}.results-container .back-container button[data-v-e6215724]{display:flex;align-items:center;gap:5px;font-weight:700;font-size:15px;line-height:29px;cursor:pointer;border:none;padding:0;background:none}.results-container .back-container button[data-v-e6215724]:focus{outline:none}.results-container .back-container button [class*=m-cgg-icon-][data-v-e6215724]{font-size:11px;font-weight:700}.sidebar-container[data-v-e6215724]{display:flex;flex-direction:column;padding:24px 16px;background:#ffffff;border:1px solid #dedede;box-shadow:0 4px 20px #0000001a;border-radius:16px}.sidebar-container.position-fixed[data-v-e6215724]{max-height:100%}.sidebar-container .sidebar-body[data-v-e6215724]{overflow-y:auto;overflow-x:hidden;flex-grow:1}.cross-sell-container .cross-sell-wrapper[data-v-c19cf3dc]{max-width:1050px;margin:0 auto}.cross-sell-container h2[data-v-c19cf3dc]{margin:0 0 25px;font-weight:700;font-size:24px;line-height:27px;text-align:center;color:#155072}.cross-sell-container p[data-v-c19cf3dc]{margin:0 0 30px;font-size:16px;line-height:21px;text-align:center}.cross-sell-container .btn-container[data-v-c19cf3dc]{display:flex;justify-content:center;margin-top:40px}.options-container[data-v-c19cf3dc]{display:flex;flex-direction:column;gap:10px}@media screen and (min-width: 992px){.options-container[data-v-c19cf3dc]{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:30px}}@media screen and (min-width: 992px){.options-container [class*=checkbox-][data-v-c19cf3dc]{flex-basis:225px}}.options-container .checkbox-hl[data-v-c19cf3dc]:not(.checked){background:linear-gradient(75.75deg,#f1f7ee 1.02%,#ffffff 100%)}.options-container .checkbox-pl[data-v-c19cf3dc]:not(.checked){background:linear-gradient(80.77deg,#f4f9fc 1.02%,#ffffff 100%),#ffffff}.options-container .checkbox-cc[data-v-c19cf3dc]:not(.checked){background:linear-gradient(80.77deg,#fff7ff 1.02%,#ffffff 100%),#ffffff}.options-container .checkbox-ci[data-v-c19cf3dc]:not(.checked){background:linear-gradient(80.77deg,#f6f4ff 1.02%,#ffffff 100%),#ffffff}.cross-sell-banner[data-v-c19cf3dc]{position:fixed;left:0;bottom:0;width:100%;padding:18px 16px;background-color:#fff;box-shadow:0 -4px 13px #0000001a}.cross-sell-banner .banner-header[data-v-c19cf3dc]{position:relative;display:flex;justify-content:center;gap:15px;font-size:16px;line-height:16px;margin-bottom:15px}.cross-sell-banner .banner-header span[data-v-c19cf3dc]{flex-basis:360px}.cross-sell-banner .banner-header .btn-close[data-v-c19cf3dc]{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;padding:0;border:none;outline:none;font-size:24px}.cross-sell-banner .banner-description[data-v-c19cf3dc]{max-width:360px;margin:0 auto 20px;display:flex;flex-direction:row;gap:15px;font-size:14px;line-height:21px}.cross-sell-banner .banner-description .m-cgg-icon--comparaja[data-v-c19cf3dc]{font-size:30px}.cross-sell-banner .btn-container[data-v-c19cf3dc]{display:grid;max-width:360px;margin:0 auto}.cross-sell-modal-content h3[data-v-c19cf3dc]{font-weight:700;font-size:24px;line-height:29px;margin:10px 0 15px}.cross-sell-modal-content p[data-v-c19cf3dc]{font-size:16px;line-height:24px;margin:0 0 25px}.cross-sell-modal-content .success-text[data-v-c19cf3dc]{text-align:center}.modal-btn-container[data-v-c19cf3dc]{display:grid}.icon-wrapper[data-v-c19cf3dc]{margin:0 auto}.icon-wrapper .success-icon[data-v-c19cf3dc]{display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;user-select:none;background-color:#77aa43;height:80px;width:80px;margin:0 auto 30px;font-size:60px}.checkout-container .checkout-wrapper[data-v-407dabf8]{max-width:750px;padding:32px 0;margin:0 auto}@media screen and (min-width: 1024px){.checkout-container .checkout-wrapper[data-v-407dabf8]{padding:56px 0}}.checkout-container .checkout-sidebar[data-v-407dabf8]{padding:32px 0;border-top:1px solid #dedede}@media screen and (min-width: 992px){.checkout-container .checkout-sidebar[data-v-407dabf8]{padding:56px 0 56px 24px;box-shadow:-10px 0 10px #0000001a;border-top:none}}.checkout-milestones ul[data-v-15d17164]{list-style:none;padding:0;margin:0 auto;max-width:500px;display:flex;flex-direction:column;gap:35px}.checkout-milestones ul li[data-v-15d17164]{position:relative;display:flex;gap:15px;padding:0 16px}.checkout-milestones ul li .step-icon[data-v-15d17164]{display:flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:50%;color:#fff;font-weight:700;font-size:12px;line-height:13px;flex-shrink:0}.checkout-milestones ul li .text-container[data-v-15d17164]{display:flex;flex-direction:column;gap:8px}.checkout-milestones ul li .text-container .title[data-v-15d17164]{font-size:16px;line-height:20px;font-weight:700}@media screen and (min-width: 768px){.checkout-milestones ul li .text-container .title[data-v-15d17164]{font-size:20px;line-height:24px}}.checkout-milestones ul li .text-container .description[data-v-15d17164]{font-size:14px;line-height:17px}@media screen and (min-width: 768px){.checkout-milestones ul li .text-container .description[data-v-15d17164]{font-size:16px;line-height:19px}}.checkout-milestones ul li.milestone-past[data-v-15d17164]:before,.checkout-milestones ul li.milestone-past[data-v-15d17164]:after,.checkout-milestones ul li.milestone-future[data-v-15d17164]:before,.checkout-milestones ul li.milestone-future[data-v-15d17164]:after{position:absolute;left:27px;width:3px}.checkout-milestones ul li.milestone-past[data-v-15d17164]:after{content:"";top:25px;background-color:#77aa43;height:calc(100% + 10px)}.checkout-milestones ul li.milestone-past .step-icon[data-v-15d17164]{background-color:#77aa43}.checkout-milestones ul li.milestone-future[data-v-15d17164]:before,.checkout-milestones ul li.milestone-future[data-v-15d17164]:after{content:"";background-color:#9fabbc}.checkout-milestones ul li.milestone-future[data-v-15d17164]:before{top:-35px;height:35px}.checkout-milestones ul li.milestone-future[data-v-15d17164]:not(:last-child):after{top:25px;height:calc(100% - 25px)}.checkout-milestones ul li.milestone-future .step-icon[data-v-15d17164]{background-color:#9fabbc}.checkout-milestones ul li.milestone-current[data-v-15d17164]{padding:15px;background:#ffffff;box-shadow:0 4px 20px #0000001a;border:1px solid #dedede;border-radius:16px;color:#076b9c}.checkout-milestones ul li.milestone-current .step-icon[data-v-15d17164]{background-color:#076b9c}.checkout-milestones ul li.milestone-current .step-icon[data-v-15d17164]:after{display:none}.overlay[data-v-868c400a]{position:fixed;bottom:0;left:0;height:100%;width:100%;z-index:100}@media screen and (min-width: 992px){.overlay[data-v-868c400a]{background-color:#0009}}.overlay .details-container[data-v-868c400a]{display:flex;flex-direction:column;position:absolute;top:0;right:0;background-color:#fff;height:100%;transition:all .3s linear}@media screen and (min-width: 992px){.overlay .details-container[data-v-868c400a]{width:620px}}.overlay .details-container .details-header[data-v-868c400a]{display:flex;justify-content:space-between;gap:15px;align-items:center;background-color:#fff;padding:15px;box-shadow:0 4px 20px #0000001a}@media screen and (min-width: 992px){.overlay .details-container .details-header[data-v-868c400a]{padding:20px 50px}}.overlay .details-container .details-header .btn-close[data-v-868c400a]{display:flex;justify-content:center;align-items:center;margin-left:auto;width:20px;height:20px;font-size:20px;line-height:20px;cursor:pointer}.overlay .details-container .details-body[data-v-868c400a]{flex-grow:1;position:relative;overflow-y:auto;padding:15px 15px 30px}@media screen and (min-width: 992px){.overlay .details-container .details-body[data-v-868c400a]{padding:20px 50px 50px}}.overlay .details-container .details-footer[data-v-868c400a]{padding:15px;box-shadow:0 4px 20px #0000001a}@media screen and (min-width: 992px){.overlay .details-container .details-footer[data-v-868c400a]{padding:20px 50px}}.details-enter-to .details-container[data-v-868c400a],.details-leave-from .details-container[data-v-868c400a]{transform:translateY(0)}@media screen and (min-width: 992px){.details-enter-to .details-container[data-v-868c400a],.details-leave-from .details-container[data-v-868c400a]{transform:translate(0)}}.details-enter-from .details-container[data-v-868c400a],.details-leave-to .details-container[data-v-868c400a]{transform:translateY(100%)}@media screen and (min-width: 992px){.details-enter-from .details-container[data-v-868c400a],.details-leave-to .details-container[data-v-868c400a]{transform:translate(100%)}}header.main-header-container[data-v-5a36b5d8]{position:relative;z-index:100}header.main-header-container .main-header[data-v-5a36b5d8]{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;background-color:#fff;padding:20px;box-shadow:0 4px 20px #0000001a}@media screen and (min-width: 1024px){header.main-header-container .main-header[data-v-5a36b5d8]{gap:10px}}@media screen and (min-width: 1200px){header.main-header-container .main-header[data-v-5a36b5d8]{gap:30px;padding:20px 35px}}header.main-header-container .main-header .logo-container[data-v-5a36b5d8]{user-select:none}header.main-header-container .main-header .logo-container a[data-v-5a36b5d8],header.main-header-container .main-header .logo-container img[data-v-5a36b5d8]{display:block;width:125px}header.main-header-container .main-header .content-container[data-v-5a36b5d8]{flex-grow:1}@media screen and (min-width: 1024px){header.main-header-container .main-header .side-info[data-v-5a36b5d8]{display:flex;align-items:center}}header.main-header-container .main-header .side-info .contact-container[data-v-5a36b5d8]{display:flex;align-items:center;gap:15px}header.main-header-container .main-header .side-info .contact-container .contact[data-v-5a36b5d8]{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;line-height:17px;color:inherit}header.main-header-container .main-header .side-info .contact-container .contact[data-v-5a36b5d8]:hover{text-decoration:none}header.main-header-container .main-header .side-info .contact-container .contact .m-cgg-icon--phone[data-v-5a36b5d8]{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:50%;background-color:#076b9c;color:#fff;font-size:10px}header.main-header-container .main-header .side-info .contact-container .contact .number[data-v-5a36b5d8]{display:none}@media screen and (min-width: 768px){header.main-header-container .main-header .side-info .contact-container .contact .number[data-v-5a36b5d8]{display:block}}header.main-header-container .main-header .side-info .contact-container .time[data-v-5a36b5d8]{display:none}@media screen and (min-width: 768px){header.main-header-container .main-header .side-info .contact-container .time[data-v-5a36b5d8]{display:block}}.info-showcase[data-v-6832ffb5]{padding:24px 36px;background:#fff;box-shadow:0 4px 40px #00000026}.info-showcase h2[data-v-6832ffb5]{text-align:center;font-weight:700;font-size:24px;line-height:29px;margin:0 0 30px}.info-showcase .showcase-list[data-v-6832ffb5]{display:grid;grid-template-columns:1;gap:56px;max-width:1200px;margin:0 auto}@media screen and (min-width: 1024px){.info-showcase .showcase-list[data-v-6832ffb5]{grid-template-columns:repeat(3,1fr)}}.info-showcase .showcase-item[data-v-6832ffb5]{display:grid;align-items:center;grid-template-columns:80px 1fr;gap:24px}.info-showcase .showcase-item .image-container img[data-v-6832ffb5]{display:block;max-width:100%}.info-showcase .showcase-item .text-container .title[data-v-6832ffb5]{font-weight:700;font-size:18px;line-height:22px;margin-bottom:10px}.info-showcase .showcase-item .text-container .description[data-v-6832ffb5]{font-size:14px;line-height:17px}html,body{overflow:initial}body{font-family:Nunito Sans,Helvetica,sans-serif;color:#0d2745}*,*:before,*:after{box-sizing:border-box}.tippy-box[data-theme~=light-border]{background:#e6f1f9;border:1px solid #076b9c;color:#076b9c}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:before{border-top-color:#e6f1f9}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:after{border-top-color:#076b9c}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#e6f1f9}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:after{border-bottom-color:#076b9c}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:before{border-left-color:#e6f1f9}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:after{border-left-color:#076b9c}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:before{border-right-color:#e6f1f9}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:after{border-right-color:#076b9c}@font-face{font-family:CGG-icomoon;src:url(https://www.comparaja.pt/s3/widgets/release-v3.76/iconia/fonts/CGG-icomoon.eot?581rb2);src:url(https://www.comparaja.pt/s3/widgets/release-v3.76/iconia/fonts/CGG-icomoon.eot?581rb2#iefix) format("embedded-opentype"),url(https://www.comparaja.pt/s3/widgets/release-v3.76/iconia/fonts/CGG-icomoon.ttf?581rb2) format("truetype"),url(https://www.comparaja.pt/s3/widgets/release-v3.76/iconia/fonts/CGG-icomoon.woff?581rb2) format("woff"),url(https://www.comparaja.pt/s3/widgets/release-v3.76/iconia/fonts/CGG-icomoon.svg?581rb2#CGG-icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class^=m-cgg-icon--],[class*=" m-cgg-icon--"]{font-family:CGG-icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.m-cgg-icon--filters:before{content:"\ea31"}.m-cgg-icon--search:before{content:"\ea32"}.m-cgg-icon--macro-step-contact:before{content:"\ea24"}.m-cgg-icon--macro-step-checkout:before{content:"\ea2e"}.m-cgg-icon--macro-step-results:before{content:"\ea2f"}.m-cgg-icon--macro-step-funnel:before{content:"\ea30"}.m-cgg-icon--affiliates-add:before{content:"\e900"}.m-cgg-icon--affiliates-dashboard:before{content:"\ea2a"}.m-cgg-icon--affiliates-home:before{content:"\ea2b"}.m-cgg-icon--affiliates-settings:before{content:"\ea2c"}.m-cgg-icon--tiktok:before{content:"\ea27";color:#076b9c}.m-cgg-icon--list-mode:before{content:"\ea22"}.m-cgg-icon--grid-mode:before{content:"\ea21"}.m-cgg-icon--swap:before{content:"\ea20"}.m-cgg-icon--cja-cashback:before{content:"\ea1c"}.m-cgg-icon--no-money:before{content:"\ea1e"}.m-cgg-icon--plane:before{content:"\ea1f"}.m-cgg-icon--time:before{content:"\ea1d"}.m-cgg-icon--filtros:before{content:"\ea1a"}.m-cgg-icon--ordenacao:before{content:"\ea1b"}.m-cgg-icon--gears:before{content:"\ea19"}.m-cgg-icon--telemovel:before{content:"\ea09"}.m-cgg-icon--dual:before{content:"\e9ef"}.m-cgg-icon--callcenter:before{content:"\e9f5"}.m-cgg-icon--notes:before{content:"\e9f6"}.m-cgg-icon--pig:before{content:"\e9f7"}.m-cgg-icon--cja-email:before{content:"\ea18"}.m-cgg-icon--linkedin-square:before{content:"\ea13"}.m-cgg-icon--instagram-square:before{content:"\ea14"}.m-cgg-icon--facebook-circle:before{content:"\ea15"}.m-cgg-icon--pin:before{content:"\ea16"}.m-cgg-icon--younited-favicon .path1:before{content:"\ea11";color:#515f75}.m-cgg-icon--younited-favicon .path2:before{content:"\ea12";margin-left:-.89453125em;color:#fd4e00}.m-cgg-icon--star-line:before{content:"\ea0b"}.m-cgg-icon--moedas:before{content:"\ea0c"}.m-cgg-icon--speed:before{content:"\ea0d"}.m-cgg-icon--trouphy:before{content:"\ea0e"}.m-cgg-icon--comparaja .path1:before{content:"\ea0f";color:#076b9c}.m-cgg-icon--comparaja .path2:before{content:"\ea10";margin-left:-1em;color:#77aa43}.m-cgg-icon--netmovel:before{content:"\ea03"}.m-cgg-icon--pin-morada:before{content:"\ea07"}.m-cgg-icon--net:before{content:"\ea04"}.m-cgg-icon--online:before{content:"\ea05"}.m-cgg-icon--telefone:before{content:"\ea06"}.m-cgg-icon--telefone-linha:before{content:"\ea08"}.m-cgg-icon--tv:before{content:"\ea0a"}.m-cgg-icon--prazo-icon:before{content:"\ea00"}.m-cgg-icon--montante-icon:before{content:"\ea01"}.m-cgg-icon--casa-icon:before{content:"\ea02"}.m-cgg-icon--attention:before{content:"\e9fd"}.m-cgg-icon--diamond:before{content:"\e9fe"}.m-cgg-icon--edit1:before{content:"\e9ff"}.m-cgg-icon--checkmark:before{content:"\e9f8"}.m-cgg-icon--carteira:before{content:"\e9f9"}.m-cgg-icon--documentos:before{content:"\e9fa"}.m-cgg-icon--tabela:before{content:"\e9fb"}.m-cgg-icon--user:before{content:"\e9fc"}.m-cgg-icon--twitter:before{content:"\e009";color:#076b9c}.m-cgg-icon--fb:before{content:"\e962";color:#076b9c}.m-cgg-icon--linkedin:before{content:"\e99b";color:#076b9c}.m-cgg-icon--instagram:before{content:"\e9a3";color:#076b9c}.m-cgg-icon--copy:before{content:"\ea2d"}.m-cgg-icon--whatsapp:before{content:"\ea28"}.m-cgg-icon--dashboard:before{content:"\ea23"}.m-cgg-icon--item-list:before{content:"\ea25"}.m-cgg-icon--upload-cloud:before{content:"\ea26"}.m-cgg-icon--rounded-arrow:before{content:"\ea17"}.m-cgg-icon--cross-cja:before{content:"\e9f3"}.m-cgg-icon--check-cja:before{content:"\e9f2"}.m-cgg-icon--trash:before{content:"\e9f4"}.m-cgg-icon--upload:before{content:"\e9f1"}.m-cgg-icon--total:before{content:"\e9f0"}.m-cgg-icon--gas:before{content:"\e9ea"}.m-cgg-icon--tarifasimples:before{content:"\e9eb"}.m-cgg-icon--electricity:before{content:"\e9ec"}.m-cgg-icon--greenenergy:before{content:"\e9ed"}.m-cgg-icon--bi-horaria:before{content:"\e9ee"}.m-cgg-icon--onlinebanking:before{content:"\e901"}.m-cgg-icon--otc:before{content:"\e902"}.m-cgg-icon--paymentcentre:before{content:"\e903"}.m-cgg-icon--paypal:before{content:"\e904"}.m-cgg-icon--cheque:before{content:"\e905"}.m-cgg-icon--creditcard:before{content:"\e906"}.m-cgg-icon--notification:before{content:"\e907"}.m-cgg-icon--cat-right:before{content:"\e002"}.m-cgg-icon--arrow-back:before{content:"\e003"}.m-cgg-icon--load:before{content:"\e004"}.m-cgg-icon--arrow-top:before{content:"\e005"}.m-cgg-icon--arrow-bottom:before{content:"\e006"}.m-cgg-icon--open-quote:before{content:"\e007"}.m-cgg-icon--arrow-next:before{content:"\e008"}.m-cgg-icon--uniE00A:before{content:"\e00a"}.m-cgg-icon--clock:before{content:"\e00b"}.m-cgg-icon--check2:before{content:"\e015"}.m-cgg-icon--cross2:before{content:"\e016"}.m-cgg-icon--no:before{content:"\e017"}.m-cgg-icon--tlist:before{content:"\e020"}.m-cgg-icon--ci-car2:before{content:"\e021"}.m-cgg-icon--ci-user:before{content:"\e022"}.m-cgg-icon--ci-details:before{content:"\e023"}.m-cgg-icon--tlist-small:before{content:"\e024"}.m-cgg-icon--tlist-small-vertical:before{content:"\e025"}.m-cgg-icon--tlist-grid:before{content:"\e026"}.m-cgg-icon--paper-plane:before{content:"\e027"}.m-cgg-icon--popular:before{content:"\e028"}.m-cgg-icon--exclusive:before{content:"\e029"}.m-cgg-icon--price-tag:before{content:"\e02a"}.m-cgg-icon--return:before{content:"\e030"}.m-cgg-icon--libris-usp1:before{content:"\e100"}.m-cgg-icon--libris-usp2:before{content:"\e101"}.m-cgg-icon--libris-usp3:before{content:"\e102"}.m-cgg-icon--libris-details:before{content:"\e103"}.m-cgg-icon--libris-search:before{content:"\e104"}.m-cgg-icon--libris-bestoption:before{content:"\e105"}.m-cgg-icon--ci-car:before{content:"\e106"}.m-cgg-icon--ci-driver:before{content:"\e107"}.m-cgg-icon--ci-compare:before{content:"\e108"}.m-cgg-icon--faq:before{content:"\e109"}.m-cgg-icon--tips:before{content:"\e110"}.m-cgg-icon--need-help:before{content:"\e111"}.m-cgg-icon--tipseur:before{content:"\e112"}.m-cgg-icon--guide-ci:before{content:"\e200"}.m-cgg-icon--guide-cc:before{content:"\e201"}.m-cgg-icon--guide-mobile:before{content:"\e202"}.m-cgg-icon--guide-pl:before{content:"\e203"}.m-cgg-icon--guide-ti:before{content:"\e204"}.m-cgg-icon--guide-mi:before{content:"\e205"}.m-cgg-icon--guide-broadband:before{content:"\e206"}.m-cgg-icon--guide-mortgage:before{content:"\e207"}.m-cgg-icon--list:before{content:"\e600"}.m-cgg-icon--arrow-up:before{content:"\e601"}.m-cgg-icon--arrow-left:before{content:"\e602"}.m-cgg-icon--arrow-down:before{content:"\e603"}.m-cgg-icon--arrow-right:before{content:"\e604"}.m-cgg-icon--home:before{content:"\e605"}.m-cgg-icon--cross:before{content:"\e606"}.m-cgg-icon--signal:before{content:"\e607"}.m-cgg-icon--gift:before{content:"\e608"}.m-cgg-icon--hand:before{content:"\e609"}.m-cgg-icon--phone:before{content:"\e60a"}.m-cgg-icon--caret-right:before{content:"\e60b"}.m-cgg-icon--caret-left:before{content:"\e60c"}.m-cgg-icon--caret-up:before{content:"\e60d"}.m-cgg-icon--caret-down:before{content:"\e60e"}.m-cgg-icon--help:before{content:"\e60f"}.m-cgg-icon--phone-invert:before{content:"\e610"}.m-cgg-icon--star:before{content:"\e611"}.m-cgg-icon--check:before{content:"\e612"}.m-cgg-icon--plus:before{content:"\e613"}.m-cgg-icon--airmiles-o:before{content:"\e614"}.m-cgg-icon--best-deal-1-o:before{content:"\e615"}.m-cgg-icon--cashback-o:before{content:"\e616"}.m-cgg-icon--bar-contactless-payment-o:before{content:"\e617"}.m-cgg-icon--bar-Creditline:before{content:"\e618"}.m-cgg-icon--all-o:before{content:"\e619"}.m-cgg-icon--usp-1-id:before{content:"\e61a"}.m-cgg-icon--bar-deposit-o:before{content:"\e61b"}.m-cgg-icon--dining-o:before{content:"\e61c"}.m-cgg-icon--online-shopping-o:before{content:"\e61d"}.m-cgg-icon--bar-Instalment:before{content:"\e61e"}.m-cgg-icon--bar-Tax:before{content:"\e61f"}.m-cgg-icon--calendar-empty:before{content:"\e620"}.m-cgg-icon--calendar-full:before{content:"\e621"}.m-cgg-icon--couple:before{content:"\e622"}.m-cgg-icon--dental-2:before{content:"\e623"}.m-cgg-icon--premium-1-o:before{content:"\e624"}.m-cgg-icon--existing-history:before{content:"\e625"}.m-cgg-icon--eye:before{content:"\e626"}.m-cgg-icon--single-flight:before{content:"\e627"}.m-cgg-icon--group:before{content:"\e628"}.m-cgg-icon--inpatient:before{content:"\e629"}.m-cgg-icon--just-me:before{content:"\e62a"}.m-cgg-icon--maternity-o2:before{content:"\e62b"}.m-cgg-icon--me-and-kids:before{content:"\e62c"}.m-cgg-icon--my-family:before{content:"\e62e"}.m-cgg-icon--outpatient2:before{content:"\e62f"}.m-cgg-icon--private-room:before{content:"\e630"}.m-cgg-icon--sport2:before{content:"\e631"}.m-cgg-icon--doctor:before{content:"\e632"}.m-cgg-icon--cag-gift:before{content:"\e633"}.m-cgg-icon--fee-waiver:before{content:"\e634"}.m-cgg-icon--contactless-payment:before{content:"\e635"}.m-cgg-icon--lock:before{content:"\e636"}.m-cgg-icon--early-payment-fee-waiver:before{content:"\e637"}.m-cgg-icon--boxes-contacless:before{content:"\e638"}.m-cgg-icon--boxes-download:before{content:"\e639"}.m-cgg-icon--close2:before{content:"\e63a"}.m-cgg-icon--boxes-fee-waiver:before{content:"\e63b"}.m-cgg-icon--boxes-gift:before{content:"\e63c"}.m-cgg-icon--boxes-mortgage:before{content:"\e63d"}.m-cgg-icon--boxes-tick:before{content:"\e63e"}.m-cgg-icon--chevron-right:before{content:"\e63f"}.m-cgg-icon--airmile-local-o:before{content:"\e640"}.m-cgg-icon--usp-1-pt:before{content:"\e641"}.m-cgg-icon--clock2:before{content:"\e642"}.m-cgg-icon--amateur-sports:before{content:"\e643"}.m-cgg-icon--nav-home:before{content:"\e644"}.m-cgg-icon--chevron-down:before{content:"\e645"}.m-cgg-icon--chevron-left:before{content:"\e646"}.m-cgg-icon--chevron-up:before{content:"\e647"}.m-cgg-icon--credit-cards:before{content:"\e648"}.m-cgg-icon--health-insurance:before{content:"\e649"}.m-cgg-icon--home-loans:before{content:"\e64a"}.m-cgg-icon--personal-loans:before{content:"\e64b"}.m-cgg-icon--timer:before{content:"\e64c"}.m-cgg-icon--travel-insurance:before{content:"\e64d"}.m-cgg-icon--dental-1:before{content:"\e64e"}.m-cgg-icon--maternity:before{content:"\e64f"}.m-cgg-icon--outpatient:before{content:"\e650"}.m-cgg-icon--surgical:before{content:"\e651"}.m-cgg-icon--high-risk-sports:before{content:"\e652"}.m-cgg-icon--winter-sports:before{content:"\e653"}.m-cgg-icon--bb-plus-tv:before{content:"\e654"}.m-cgg-icon--car-insurance:before{content:"\e655"}.m-cgg-icon--mobile:before{content:"\e656"}.m-cgg-icon--unemployment-benefits:before{content:"\e657"}.m-cgg-icon--china-star:before{content:"\e658"}.m-cgg-icon--bar-FastCashLoan:before{content:"\e659"}.m-cgg-icon--critical-illness:before{content:"\e65a"}.m-cgg-icon--supplemental-major:before{content:"\e65b"}.m-cgg-icon--boxes-early-payment:before{content:"\e65c"}.m-cgg-icon--fast-approval:before{content:"\e65d"}.m-cgg-icon--cc-low-application-o:before{content:"\e65e"}.m-cgg-icon--car-insurance2:before{content:"\e65f"}.m-cgg-icon--usp-1-dk:before{content:"\e660"}.m-cgg-icon--usp-1-en:before{content:"\e661"}.m-cgg-icon--usp-2:before{content:"\e662"}.m-cgg-icon--usp-3:before{content:"\e663"}.m-cgg-icon--currency-cny-o:before{content:"\e664"}.m-cgg-icon--easy-card-o:before{content:"\e665"}.m-cgg-icon--gasoline-o:before{content:"\e666"}.m-cgg-icon--movie-o:before{content:"\e667"}.m-cgg-icon--other-currencies-o:before{content:"\e668"}.m-cgg-icon--currency-twd-o:before{content:"\e669"}.m-cgg-icon--currency-usd-o:before{content:"\e66a"}.m-cgg-icon--easy-card:before{content:"\e66b"}.m-cgg-icon--broadband:before{content:"\e66c"}.m-cgg-icon--close:before{content:"\e66d"}.m-cgg-icon--i-tooltip:before{content:"\e66e"}.m-cgg-icon--search-o:before{content:"\e66f"}.m-cgg-icon--dollar-o:before{content:"\e670"}.m-cgg-icon--star-o:before{content:"\e671"}.m-cgg-icon--warning:before{content:"\e672"}.m-cgg-icon--cookie-icon-simple:before{content:"\e673"}.m-cgg-icon--time-deposit:before{content:"\e674"}.m-cgg-icon--cookie-icon:before{content:"\e675"}.m-cgg-icon--best-deal-2-o:before{content:"\e676"}.m-cgg-icon--premium-2-o:before{content:"\e677"}.m-cgg-icon--specialty-o:before{content:"\e678"}.m-cgg-icon--car-loan:before{content:"\e679"}.m-cgg-icon--fast-cash-loan:before{content:"\e67a"}.m-cgg-icon--star-o2:before{content:"\e67b"}.m-cgg-icon--search-o2:before{content:"\e67c"}.m-cgg-icon--scales-o:before{content:"\e67d"}.m-cgg-icon--dollar-o2:before{content:"\e67e"}.m-cgg-icon--edit:before{content:"\e67f"}.m-cgg-icon--heart:before{content:"\e680"}.m-cgg-icon--usp-1-fi:before{content:"\e681"}.m-cgg-icon--bank:before{content:"\e682"}.m-cgg-icon--coinseur:before{content:"\e683"}.m-cgg-icon--coins:before{content:"\e684"}.m-cgg-icon--cta-arrow:before{content:"\e685"}.m-cgg-icon--cta-arrow-down:before{content:"\e686"}.m-cgg-icon--islamic:before{content:"\e687"}.m-cgg-icon--glc:before{content:"\e688"}.m-cgg-icon--BB_Business:before{content:"\e689"}.m-cgg-icon--BB_Home:before{content:"\e68a"}.m-cgg-icon--BB_HomeTV:before{content:"\e68b"}.m-cgg-icon--BB_Mobile:before{content:"\e68c"}.m-cgg-icon--dollareur-o:before{content:"\e68d"}.m-cgg-icon--flight:before{content:"\e68e"}.m-cgg-icon--multiple-flight:before{content:"\e68f"}.m-cgg-icon--credit-cards-md:before{content:"\e690"}.m-cgg-icon--Zeroannuity:before{content:"\e800"}.m-cgg-icon--Balancetransfer:before{content:"\e801"}.m-cgg-icon--bar-glc:before{content:"\e802"}.m-cgg-icon--bar-islamic:before{content:"\e803"}.m-cgg-icon--bar-Debt:before{content:"\e804"}.m-cgg-icon--bar-lendingCompanies:before{content:"\e805"}.m-cgg-icon--icon-funnel-pt-Residente-Perm:before{content:"\e908"}.m-cgg-icon--discount:before{content:"\e909"}.m-cgg-icon--Student-1:before{content:"\e90a"}.m-cgg-icon--officechair:before{content:"\e90b"}.m-cgg-icon--optical-fiber:before{content:"\e90c"}.m-cgg-icon--wifi:before{content:"\e90d"}.m-cgg-icon--cafe:before{content:"\e90e"}.m-cgg-icon--gym:before{content:"\e90f"}.m-cgg-icon--hotel:before{content:"\e910"}.m-cgg-icon--sport:before{content:"\e911"}.m-cgg-icon--store:before{content:"\e912"}.m-cgg-icon--supermarket:before{content:"\e913"}.m-cgg-icon--requirement:before{content:"\e914"}.m-cgg-icon--no-fee:before{content:"\e915"}.m-cgg-icon--balance-transfer:before{content:"\e916"}.m-cgg-icon--for-personal:before{content:"\e917"}.m-cgg-icon--for-my-business:before{content:"\e918"}.m-cgg-icon--for-new-business:before{content:"\e919"}.m-cgg-icon--money:before{content:"\e91a"}.m-cgg-icon--email:before{content:"\e91b"}.m-cgg-icon--BBFunnel-FiveUsers:before{content:"\e91c"}.m-cgg-icon--BBFunnel-Games:before{content:"\e91d"}.m-cgg-icon--BBFunnel-HomeOut:before{content:"\e91e"}.m-cgg-icon--BBFunnel-Home:before{content:"\e91f"}.m-cgg-icon--BBFunnel-Hour1:before{content:"\e920"}.m-cgg-icon--BBFunnel-Hour2:before{content:"\e921"}.m-cgg-icon--BBFunnel-Hour3:before{content:"\e922"}.m-cgg-icon--BBFunnel-Hour4:before{content:"\e923"}.m-cgg-icon--Retired-1:before{content:"\e924"}.m-cgg-icon--BBFunnel-No:before{content:"\e925"}.m-cgg-icon--BBFunnel-NotSure:before{content:"\e926"}.m-cgg-icon--BBFunne-OneUser:before{content:"\e927"}.m-cgg-icon--BBFunnel-Out:before{content:"\e928"}.m-cgg-icon--BBFunnel-ReadPaper:before{content:"\e929"}.m-cgg-icon--BBFunnel-SixUsers:before{content:"\e92a"}.m-cgg-icon--BBFunnel-ThreeUsers:before{content:"\e92b"}.m-cgg-icon--BBFunnel-Work:before{content:"\e92c"}.m-cgg-icon--BBFunnel-Yes:before{content:"\e92d"}.m-cgg-icon--cta-arrow-left:before{content:"\e92e"}.m-cgg-icon--wifi2:before{content:"\e92f"}.m-cgg-icon--laptop:before{content:"\e930"}.m-cgg-icon--infinity:before{content:"\e931"}.m-cgg-icon--wedding:before{content:"\e932"}.m-cgg-icon--car-car-loan:before{content:"\e933"}.m-cgg-icon--debt-consolidation:before{content:"\e934"}.m-cgg-icon--education:before{content:"\e935"}.m-cgg-icon--couple-with-children:before{content:"\e936"}.m-cgg-icon--couple-without-children:before{content:"\e937"}.m-cgg-icon--electronics:before{content:"\e938"}.m-cgg-icon--homeworks-and-renovation:before{content:"\e939"}.m-cgg-icon--refinancing:before{content:"\e93a"}.m-cgg-icon--relocation:before{content:"\e93b"}.m-cgg-icon--single-with-children:before{content:"\e93c"}.m-cgg-icon--single-without-children:before{content:"\e93d"}.m-cgg-icon--student:before{content:"\e93e"}.m-cgg-icon--holiday:before{content:"\e93f"}.m-cgg-icon--home-decoration:before{content:"\e940"}.m-cgg-icon--investment-purposes:before{content:"\e941"}.m-cgg-icon--medical-bills:before{content:"\e942"}.m-cgg-icon--mortgage-repayments:before{content:"\e943"}.m-cgg-icon--property-purchase:before{content:"\e944"}.m-cgg-icon--tax-payment:before{content:"\e945"}.m-cgg-icon--employed:before{content:"\e946"}.m-cgg-icon--HK-ID-holder:before{content:"\e947"}.m-cgg-icon--HK-PID-holder:before{content:"\e948"}.m-cgg-icon--Non-HK-resident:before{content:"\e949"}.m-cgg-icon--prefer-not-to-say:before{content:"\e94a"}.m-cgg-icon--self-employed:before{content:"\e94b"}.m-cgg-icon--unemployed:before{content:"\e94c"}.m-cgg-icon--something-else:before{content:"\e94d"}.m-cgg-icon--cashback:before{content:"\e94e"}.m-cgg-icon--dining:before{content:"\e94f"}.m-cgg-icon--lock-2:before{content:"\e950"}.m-cgg-icon--nine-dots:before{content:"\e951"}.m-cgg-icon--shopping-rewards:before{content:"\e952"}.m-cgg-icon--premium-privileges:before{content:"\e953"}.m-cgg-icon--travel-insurance2:before{content:"\e954"}.m-cgg-icon--three-stars:before{content:"\e955"}.m-cgg-icon--prepaid:before{content:"\e956"}.m-cgg-icon--cashback-2:before{content:"\e957"}.m-cgg-icon--air-miles:before{content:"\e958"}.m-cgg-icon--call-circle:before{content:"\e959"}.m-cgg-icon--chevron-down-2:before{content:"\e95a"}.m-cgg-icon--chevron-right-circle:before{content:"\e95b"}.m-cgg-icon--chevron-up-2:before{content:"\e95c"}.m-cgg-icon--fixed-contract:before{content:"\e95d"}.m-cgg-icon--indefinite-contract:before{content:"\e95e"}.m-cgg-icon--refine-01:before{content:"\e95f"}.m-cgg-icon--ciab-cross:before{content:"\e960"}.m-cgg-icon--ciab-minus:before{content:"\e961"}.m-cgg-icon--ciab-tick:before{content:"\e963"}.m-cgg-icon--commercial-vehicle:before{content:"\e964"}.m-cgg-icon--couple-with-children2:before{content:"\e965"}.m-cgg-icon--couple-without-children2:before{content:"\e966"}.m-cgg-icon--employed2:before{content:"\e967"}.m-cgg-icon--employee-fixed-contract:before{content:"\e968"}.m-cgg-icon--employee-indefinite-contract:before{content:"\e969"}.m-cgg-icon--expired-policy:before{content:"\e96a"}.m-cgg-icon--id-holder:before{content:"\e96b"}.m-cgg-icon--new-policy:before{content:"\e96c"}.m-cgg-icon--non-hk-resident:before{content:"\e96d"}.m-cgg-icon--personal-vehicle:before{content:"\e96e"}.m-cgg-icon--pid-holder:before{content:"\e96f"}.m-cgg-icon--prefer-not-to-say2:before{content:"\e970"}.m-cgg-icon--renewal-policy:before{content:"\e971"}.m-cgg-icon--single-without-children2:before{content:"\e972"}.m-cgg-icon--self-employed2:before{content:"\e973"}.m-cgg-icon--single-with-children2:before{content:"\e974"}.m-cgg-icon--student2:before{content:"\e975"}.m-cgg-icon--uber-or-grab:before{content:"\e976"}.m-cgg-icon--unemployed2:before{content:"\e977"}.m-cgg-icon--with-aon:before{content:"\e978"}.m-cgg-icon--without-aon:before{content:"\e979"}.m-cgg-icon--filter-panel:before{content:"\e97a"}.m-cgg-icon--giftbox:before{content:"\e97b"}.m-cgg-icon--trophy:before{content:"\e97c"}.m-cgg-icon--online-music:before{content:"\e97d"}.m-cgg-icon--online-video:before{content:"\e97e"}.m-cgg-icon--iphone4:before{content:"\e97f"}.m-cgg-icon--earth-phone:before{content:"\e980"}.m-cgg-icon--phone-wifi:before{content:"\e981"}.m-cgg-icon--BBFunnel-HourInfinite:before{content:"\e982"}.m-cgg-icon--newspaper:before{content:"\e983"}.m-cgg-icon--phone-message:before{content:"\e984"}.m-cgg-icon--full-arrow-down:before{content:"\e985"}.m-cgg-icon--full-arrow-left:before{content:"\e986"}.m-cgg-icon--full-arrow-right:before{content:"\e987"}.m-cgg-icon--full-arrow-up:before{content:"\e988"}.m-cgg-icon--chevron-bottom-circle:before{content:"\e989"}.m-cgg-icon--chevron-top-circle:before{content:"\e98a"}.m-cgg-icon--video-player:before{content:"\e98b"}.m-cgg-icon--music-note:before{content:"\e98c"}.m-cgg-icon--magazine-blocks:before{content:"\e98d"}.m-cgg-icon--hotspot-right:before{content:"\e98e"}.m-cgg-icon--angle-double-up:before{content:"\e98f"}.m-cgg-icon--angle-double-down:before{content:"\e990"}.m-cgg-icon--cl-details:before{content:"\e991"}.m-cgg-icon--cl-new:before{content:"\e992"}.m-cgg-icon--td_AUD:before{content:"\e993"}.m-cgg-icon--td_CNY:before{content:"\e994"}.m-cgg-icon--td_NZD:before{content:"\e995"}.m-cgg-icon--td_OTHER:before{content:"\e996"}.m-cgg-icon--cl-used:before{content:"\e997"}.m-cgg-icon--td_TWD:before{content:"\e998"}.m-cgg-icon--td_USD:before{content:"\e999"}.m-cgg-icon--td_ZAR:before{content:"\e99a"}.m-cgg-icon--gplus:before{content:"\e99c"}.m-cgg-icon--youtube:before{content:"\e99d"}.m-cgg-icon--location:before{content:"\e99e"}.m-cgg-icon--ownhouse:before{content:"\e99f"}.m-cgg-icon--rent-house:before{content:"\e9a0"}.m-cgg-icon--familhouse:before{content:"\e9a1"}.m-cgg-icon--BBFunnel-Movies:before{content:"\e9a2"}.m-cgg-icon--info:before{content:"\e9a4"}.m-cgg-icon--Islamic:before{content:"\e9a5"}.m-cgg-icon--BBFunnel-homeandphone:before{content:"\e9a6"}.m-cgg-icon--BBFunnel-TV:before{content:"\e9a7"}.m-cgg-icon--cell-phone:before{content:"\e9a8"}.m-cgg-icon--icon-cc-home-overall:before{content:"\e9a9"}.m-cgg-icon--icon-cc-home-all:before{content:"\e9aa"}.m-cgg-icon--icon-cc-home-cashback:before{content:"\e9ab"}.m-cgg-icon--icon-cc-home-dining:before{content:"\e9ac"}.m-cgg-icon--icon-cc-home-airmiles:before{content:"\e9ad"}.m-cgg-icon--icon-cc-home-shopping:before{content:"\e9ae"}.m-cgg-icon--icon-cc-home-premium:before{content:"\e9af"}.m-cgg-icon--icon-funnel-pt-Residente-Temp:before{content:"\e9b0"}.m-cgg-icon--icon-funnel-pt-portugues:before{content:"\e9b1"}.m-cgg-icon--icon-funnel-pt-Nao-Residente:before{content:"\e9b2"}.m-cgg-icon--Fuel-Rebate:before{content:"\e9b3"}.m-cgg-icon--Low-interest-rate:before{content:"\e9b4"}.m-cgg-icon--coverage_Integral:before{content:"\e9b5"}.m-cgg-icon--party:before{content:"\e9b6"}.m-cgg-icon--sweet15:before{content:"\e9b7"}.m-cgg-icon--ticket:before{content:"\e9b8"}.m-cgg-icon--Religious:before{content:"\e9b9"}.m-cgg-icon--coverage_amplia:before{content:"\e9ba"}.m-cgg-icon--coverage_limited:before{content:"\e9bb"}.m-cgg-icon--coverage_r-civil:before{content:"\e9bc"}.m-cgg-icon--boat:before{content:"\e9bd"}.m-cgg-icon--caravan:before{content:"\e9be"}.m-cgg-icon--tv-remote:before{content:"\e9bf"}.m-cgg-icon--Phone-Bundle:before{content:"\e9c0"}.m-cgg-icon--PackBundle:before{content:"\e9c1"}.m-cgg-icon--motorcycle:before{content:"\e9c2"}.m-cgg-icon--energy-saving:before{content:"\e9c3"}.m-cgg-icon--contract:before{content:"\e9c4"}.m-cgg-icon--bonus:before{content:"\e9c5"}.m-cgg-icon--autopay:before{content:"\e9c6"}.m-cgg-icon--permanent-contract:before{content:"\e9c7"}.m-cgg-icon--employee:before{content:"\e9c8"}.m-cgg-icon--SIM:before{content:"\e9c9"}.m-cgg-icon--SIM2:before{content:"\e9ca"}.m-cgg-icon--SIM3:before{content:"\e9cb"}.m-cgg-icon--Part-time:before{content:"\e9cc"}.m-cgg-icon--recording:before{content:"\e9cd"}.m-cgg-icon--vod:before{content:"\e9ce"}.m-cgg-icon--multiple-screen:before{content:"\e9cf"}.m-cgg-icon--chat:before{content:"\e9d0"}.m-cgg-icon--china-star-2:before{content:"\e9d1"}.m-cgg-icon--nostar:before{content:"\e9d2"}.m-cgg-icon--onestar:before{content:"\e9d3"}.m-cgg-icon--portugal-phone:before{content:"\e9d4"}.m-cgg-icon--2stars:before{content:"\e9d5"}.m-cgg-icon--3stars:before{content:"\e9d6"}.m-cgg-icon--usage-light:before{content:"\e9d7"}.m-cgg-icon--usage-medium:before{content:"\e9d8"}.m-cgg-icon--Commission:before{content:"\e9d9"}.m-cgg-icon--Housewife:before{content:"\e9da"}.m-cgg-icon--usage-heavy:before{content:"\e9db"}.m-cgg-icon--local-use:before{content:"\e9dc"}.m-cgg-icon--internet-use:before{content:"\e9dd"}.m-cgg-icon--a-flight:before{content:"\e9de"}.m-cgg-icon--multiple-places:before{content:"\e9df"}.m-cgg-icon--family-home:before{content:"\e9e0"}.m-cgg-icon--relatives-home:before{content:"\e9e1"}.m-cgg-icon--myself:before{content:"\e9e2"}.m-cgg-icon--earth:before{content:"\e9e3"}.m-cgg-icon--local-use-filled:before{content:"\e9e4"}.m-cgg-icon--0-2mth-contract:before{content:"\e9e5"}.m-cgg-icon--2-6mth-contract:before{content:"\e9e6"}.m-cgg-icon--6mthplus-contract:before{content:"\e9e7"}.m-cgg-icon--unionpay:before{content:"\e9e8"}.m-cgg-icon--sorting:before{content:"\e9e9"}.m-cgg-icon--PRC:before{content:"\ea29"}
|
|
@@ -34,9 +34,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
34
34
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
35
35
|
}, {
|
|
36
36
|
modelValue: number;
|
|
37
|
+
step: number;
|
|
37
38
|
errorDisplay: boolean;
|
|
38
39
|
min: number;
|
|
39
|
-
step: number;
|
|
40
40
|
}, {}>;
|
|
41
41
|
export default _default;
|
|
42
42
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
package/package.json
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "cja-phoenix",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.7",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"build:dev": "rimraf dist && vue-tsc && vite build -m development",
|
|
6
6
|
"build:link": "rimraf dist && vue-tsc && vite build -m development && npm link",
|
|
7
7
|
"build:prod": "rimraf dist && vue-tsc && vite build -m production",
|
|
8
8
|
"publish:lib": "npm run build:prod && npm publish",
|
|
9
|
-
"docs:dev": "vitepress dev docs",
|
|
10
9
|
"story:dev": "histoire dev",
|
|
11
10
|
"story:build": "histoire build",
|
|
12
11
|
"story:preview": "histoire preview"
|
|
@@ -35,7 +34,6 @@
|
|
|
35
34
|
"typescript": "^4.4.4",
|
|
36
35
|
"vee-validate": "^4.7.2",
|
|
37
36
|
"vite": "^3.0.0",
|
|
38
|
-
"vitepress": "^0.21.6",
|
|
39
37
|
"vue": "^3.3.4",
|
|
40
38
|
"vue-currency-input": "^3.0.5",
|
|
41
39
|
"vue-i18n": "^9.2.2",
|
|
@@ -46,8 +44,7 @@
|
|
|
46
44
|
},
|
|
47
45
|
"files": [
|
|
48
46
|
"src",
|
|
49
|
-
"dist"
|
|
50
|
-
"public"
|
|
47
|
+
"dist"
|
|
51
48
|
],
|
|
52
49
|
"types": "./dist/types/index.d.ts",
|
|
53
50
|
"module": "./dist/cja-phoenix.es.js",
|
package/src/utils/cjaStore.ts
CHANGED
|
@@ -27,22 +27,14 @@ export const getCjaStore = (options: {
|
|
|
27
27
|
const field = this[target][payload.key];
|
|
28
28
|
|
|
29
29
|
if (field) {
|
|
30
|
-
|
|
31
|
-
if (typeof payload.value == "string" && payload.value.includes(",")) {
|
|
32
|
-
field.value = payload.value.split(",");
|
|
33
|
-
} else {
|
|
34
|
-
field.value = payload.value;
|
|
35
|
-
}
|
|
30
|
+
field.value = payload.value;
|
|
36
31
|
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
} else {
|
|
45
|
-
field.value = payload.value;
|
|
32
|
+
if (field.options) {
|
|
33
|
+
field.label = Array.isArray(payload.value)
|
|
34
|
+
? field.value.map(
|
|
35
|
+
(v) => field.options.find((k) => k.value == v)?.label
|
|
36
|
+
)
|
|
37
|
+
: field.options.find((k) => k.value == payload.value)?.label;
|
|
46
38
|
}
|
|
47
39
|
}
|
|
48
40
|
},
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
2
|
-
export default _default;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
2
|
-
export default _default;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
2
|
-
export default _default;
|
package/src/histoire.setup.ts
DELETED
|
@@ -1,191 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import { CjaButton, TextInput } from "../components";
|
|
3
|
-
|
|
4
|
-
const initState = () => ({
|
|
5
|
-
content: "Button Text",
|
|
6
|
-
});
|
|
7
|
-
|
|
8
|
-
const initStateAllConfigs = () => ({
|
|
9
|
-
content: "Button Text",
|
|
10
|
-
type: "primary" as "primary" | "secondary" | "tertiary",
|
|
11
|
-
color: "blue" as "blue" | "orange" | "white",
|
|
12
|
-
size: "md" as "sm" | "md" | "lg",
|
|
13
|
-
icon: "" as string,
|
|
14
|
-
iconAny: "" as string,
|
|
15
|
-
iconPosition: "right" as "left" | "right",
|
|
16
|
-
loading: false as boolean,
|
|
17
|
-
disabled: false as boolean,
|
|
18
|
-
});
|
|
19
|
-
|
|
20
|
-
const initStateIcon = () => ({
|
|
21
|
-
type: "primary" as "primary" | "secondary" | "tertiary",
|
|
22
|
-
color: "blue" as "blue" | "orange" | "white",
|
|
23
|
-
size: "md" as "sm" | "md" | "lg",
|
|
24
|
-
icon: "m-cgg-icon--gears" as string,
|
|
25
|
-
iconAny: "" as string,
|
|
26
|
-
iconPosition: "right" as "left" | "right",
|
|
27
|
-
loading: false as boolean,
|
|
28
|
-
disabled: false as boolean,
|
|
29
|
-
});
|
|
30
|
-
|
|
31
|
-
const options = {
|
|
32
|
-
type: ["primary", "secondary", "tertiary"],
|
|
33
|
-
color: ["blue", "orange", "white"],
|
|
34
|
-
size: ["sm", "md", "lg"],
|
|
35
|
-
icon: [
|
|
36
|
-
{ label: "None", value: "" },
|
|
37
|
-
{ label: "Chevron Right", value: "m-cgg-icon--chevron-right" },
|
|
38
|
-
{ label: "Chevron Down", value: "m-cgg-icon--chevron-down" },
|
|
39
|
-
{ label: "Gears", value: "m-cgg-icon--gears" },
|
|
40
|
-
],
|
|
41
|
-
iconPosition: ["right", "left"],
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
const inputValue = "";
|
|
45
|
-
</script>
|
|
46
|
-
|
|
47
|
-
<template>
|
|
48
|
-
<Story title="Button">
|
|
49
|
-
<Variant title="Default" :init-state="initState">
|
|
50
|
-
<template #default="{ state }">
|
|
51
|
-
<CjaButton>{{ state.content }}</CjaButton>
|
|
52
|
-
</template>
|
|
53
|
-
|
|
54
|
-
<template #controls="{ state }">
|
|
55
|
-
<HstText type="text" v-model="state.content" title="Content" />
|
|
56
|
-
</template>
|
|
57
|
-
</Variant>
|
|
58
|
-
<Variant title="All Configs" :init-state="initStateAllConfigs">
|
|
59
|
-
<template #default="{ state }">
|
|
60
|
-
<div class="form-container">
|
|
61
|
-
<TextInput v-model="inputValue" :size="state.size" />
|
|
62
|
-
<CjaButton
|
|
63
|
-
:type="state.type"
|
|
64
|
-
:color="state.color"
|
|
65
|
-
:size="state.size"
|
|
66
|
-
:icon="state.iconAny || state.icon"
|
|
67
|
-
:iconPosition="state.iconPosition"
|
|
68
|
-
:loading="state.loading"
|
|
69
|
-
:disabled="state.disabled"
|
|
70
|
-
>{{ state.content }}</CjaButton
|
|
71
|
-
>
|
|
72
|
-
</div>
|
|
73
|
-
</template>
|
|
74
|
-
|
|
75
|
-
<template #controls="{ state }">
|
|
76
|
-
<HstText type="text" v-model="state.content" title="Content" />
|
|
77
|
-
<HstSelect v-model="state.type" :options="options.type" title="Type" />
|
|
78
|
-
<HstSelect
|
|
79
|
-
v-model="state.color"
|
|
80
|
-
:options="options.color"
|
|
81
|
-
title="Color"
|
|
82
|
-
/>
|
|
83
|
-
<HstSelect v-model="state.size" :options="options.size" title="Size" />
|
|
84
|
-
<HstText type="text" v-model="state.iconAny" title="Icon Any" />
|
|
85
|
-
<HstSelect v-model="state.icon" :options="options.icon" title="Icon" />
|
|
86
|
-
<HstSelect
|
|
87
|
-
v-model="state.iconPosition"
|
|
88
|
-
:options="options.iconPosition"
|
|
89
|
-
title="Icon Position"
|
|
90
|
-
/>
|
|
91
|
-
<HstCheckbox v-model="state.loading" title="Loading" />
|
|
92
|
-
<HstCheckbox v-model="state.disabled" title="Disabled" />
|
|
93
|
-
</template>
|
|
94
|
-
</Variant>
|
|
95
|
-
<Variant title="Icon Button" :init-state="initStateIcon">
|
|
96
|
-
<template #default="{ state }">
|
|
97
|
-
<div class="form-container">
|
|
98
|
-
<TextInput v-model="inputValue" :size="state.size" />
|
|
99
|
-
<CjaButton
|
|
100
|
-
:type="state.type"
|
|
101
|
-
:color="state.color"
|
|
102
|
-
:size="state.size"
|
|
103
|
-
:icon="state.iconAny || state.icon"
|
|
104
|
-
:iconPosition="state.iconPosition"
|
|
105
|
-
:loading="state.loading"
|
|
106
|
-
:disabled="state.disabled"
|
|
107
|
-
/>
|
|
108
|
-
</div>
|
|
109
|
-
</template>
|
|
110
|
-
|
|
111
|
-
<template #controls="{ state }">
|
|
112
|
-
<HstSelect v-model="state.type" :options="options.type" title="Type" />
|
|
113
|
-
<HstSelect
|
|
114
|
-
v-model="state.color"
|
|
115
|
-
:options="options.color"
|
|
116
|
-
title="Color"
|
|
117
|
-
/>
|
|
118
|
-
<HstSelect v-model="state.size" :options="options.size" title="Size" />
|
|
119
|
-
<HstText type="text" v-model="state.iconAny" title="Icon Any" />
|
|
120
|
-
<HstSelect v-model="state.icon" :options="options.icon" title="Icon" />
|
|
121
|
-
<HstSelect
|
|
122
|
-
v-model="state.iconPosition"
|
|
123
|
-
:options="options.iconPosition"
|
|
124
|
-
title="Icon Position"
|
|
125
|
-
/>
|
|
126
|
-
<HstCheckbox v-model="state.loading" title="Loading" />
|
|
127
|
-
<HstCheckbox v-model="state.disabled" title="Disabled" />
|
|
128
|
-
</template>
|
|
129
|
-
</Variant>
|
|
130
|
-
</Story>
|
|
131
|
-
</template>
|
|
132
|
-
|
|
133
|
-
<style lang="scss" scoped>
|
|
134
|
-
.form-container {
|
|
135
|
-
display: grid;
|
|
136
|
-
grid-template-columns: 200px max-content;
|
|
137
|
-
gap: 24px;
|
|
138
|
-
}
|
|
139
|
-
</style>
|
|
140
|
-
|
|
141
|
-
<docs lang="md">
|
|
142
|
-
## Props
|
|
143
|
-
|
|
144
|
-
#### type
|
|
145
|
-
|
|
146
|
-
Defines fill and border type
|
|
147
|
-
|
|
148
|
-
- **primary** has background fill
|
|
149
|
-
- **secondary** is bordered without fill
|
|
150
|
-
- **tertiary** does not have background or border
|
|
151
|
-
|
|
152
|
-
#### color
|
|
153
|
-
|
|
154
|
-
Defines button color profile
|
|
155
|
-
|
|
156
|
-
- <b style="color: #076b9c">blue</b>
|
|
157
|
-
- <b style="color: #f58423">orange</b>
|
|
158
|
-
- <b style="color: #fff">white</b>
|
|
159
|
-
|
|
160
|
-
#### size
|
|
161
|
-
|
|
162
|
-
Defines button size, changing padding and font-size
|
|
163
|
-
|
|
164
|
-
- **sm**
|
|
165
|
-
- **md**
|
|
166
|
-
- **lg**
|
|
167
|
-
|
|
168
|
-
#### icon
|
|
169
|
-
|
|
170
|
-
An iconia class icon, inserted as a class into a span
|
|
171
|
-
|
|
172
|
-
#### iconPosition
|
|
173
|
-
|
|
174
|
-
Defines icon position relative to button text
|
|
175
|
-
|
|
176
|
-
- **left**
|
|
177
|
-
- **right**
|
|
178
|
-
|
|
179
|
-
#### loading
|
|
180
|
-
|
|
181
|
-
Displays a spinner when boolean is true, prevents display of button text and icon
|
|
182
|
-
|
|
183
|
-
## Defaults
|
|
184
|
-
|
|
185
|
-
When implementing a **CjaButton** component with no props, the following props are pre-defined as default:
|
|
186
|
-
|
|
187
|
-
- **type**: primary
|
|
188
|
-
- **color**: <b style="color: #076b9c">blue</b>
|
|
189
|
-
- **size**: md
|
|
190
|
-
- **iconPosition**: right
|
|
191
|
-
</docs>
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
import { ContentTabs } from "../components";
|
|
3
|
-
|
|
4
|
-
const initState = () => ({
|
|
5
|
-
tabs: ["Tab 1", "Tab 2"],
|
|
6
|
-
});
|
|
7
|
-
</script>
|
|
8
|
-
|
|
9
|
-
<template>
|
|
10
|
-
<Story title="Content Tabs">
|
|
11
|
-
<Variant title="Default" :init-state="initState">
|
|
12
|
-
<template #default="{ state }">
|
|
13
|
-
<ContentTabs :defaultTab="0" :tabs="state.tabs">
|
|
14
|
-
<template #[i] v-for="(tab, i) in state.tabs">
|
|
15
|
-
Each tab must match a numbered slot equivalent to the position on
|
|
16
|
-
the array, this is the slot for: {{ tab }}
|
|
17
|
-
</template>
|
|
18
|
-
</ContentTabs>
|
|
19
|
-
</template>
|
|
20
|
-
|
|
21
|
-
<template #controls="{ state }">
|
|
22
|
-
<HstJson v-model="state.tabs" title="Tabs"></HstJson>
|
|
23
|
-
</template>
|
|
24
|
-
|
|
25
|
-
<template #source>
|
|
26
|
-
<textarea v-pre>
|
|
27
|
-
<ContentTabs :defaultTab="0" :tabs="['Tab 1', 'Tab 2']">
|
|
28
|
-
<template #0> Slot content </template>
|
|
29
|
-
<template #1> Slot content </template>
|
|
30
|
-
</ContentTabs>
|
|
31
|
-
</textarea>
|
|
32
|
-
</template>
|
|
33
|
-
</Variant>
|
|
34
|
-
</Story>
|
|
35
|
-
</template>
|
|
36
|
-
|
|
37
|
-
<docs lang="md">
|
|
38
|
-
### Props
|
|
39
|
-
|
|
40
|
-
#### defaultTab
|
|
41
|
-
|
|
42
|
-
The initial active tab when the component is first rendered.
|
|
43
|
-
|
|
44
|
-
#### tabs
|
|
45
|
-
|
|
46
|
-
An array of strings displayed on the tab controls, each one must match a numbered slot in order to display content properly.
|
|
47
|
-
|
|
48
|
-
### Emits
|
|
49
|
-
|
|
50
|
-
#### tab:changed
|
|
51
|
-
|
|
52
|
-
Triggered when the tab controls are clicked, sends the new tab number.
|
|
53
|
-
|
|
54
|
-
### Exposed
|
|
55
|
-
|
|
56
|
-
#### activeTab
|
|
57
|
-
|
|
58
|
-
Exposes the **activeTab** variable, used to display the current selected tab.
|
|
59
|
-
</docs>
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import { ref, reactive } from "vue";
|
|
3
|
-
import Modal from "../components/structural/Modal.vue";
|
|
4
|
-
import { CjaButton } from "../components";
|
|
5
|
-
|
|
6
|
-
const modal = ref();
|
|
7
|
-
|
|
8
|
-
const initState = () => ({
|
|
9
|
-
title: "Modal Title",
|
|
10
|
-
modalBody: true,
|
|
11
|
-
modalFooter: false,
|
|
12
|
-
});
|
|
13
|
-
</script>
|
|
14
|
-
|
|
15
|
-
<template>
|
|
16
|
-
<Story title="Modal">
|
|
17
|
-
<Variant title="Default" :init-state="initState">
|
|
18
|
-
<template #default="{ state }">
|
|
19
|
-
<Modal ref="modal" :title="state.title">
|
|
20
|
-
<template #body v-if="state.modalBody">
|
|
21
|
-
<div class="modal-body">
|
|
22
|
-
<h2>Modal Body Slot</h2>
|
|
23
|
-
<p>
|
|
24
|
-
The modal body slot can host whatever component you need to use
|
|
25
|
-
inside
|
|
26
|
-
</p>
|
|
27
|
-
</div>
|
|
28
|
-
</template>
|
|
29
|
-
<template #footer v-if="state.modalFooter">
|
|
30
|
-
<div class="modal-footer">
|
|
31
|
-
<CjaButton :color="'orange'">Continuar</CjaButton>
|
|
32
|
-
</div>
|
|
33
|
-
</template>
|
|
34
|
-
</Modal>
|
|
35
|
-
|
|
36
|
-
<CjaButton @click="modal.openModal()">Open modal</CjaButton>
|
|
37
|
-
</template>
|
|
38
|
-
|
|
39
|
-
<template #controls="{ state }">
|
|
40
|
-
<HstText type="text" v-model="state.title" title="Modal Title" />
|
|
41
|
-
<HstCheckbox v-model="state.modalBody" title="Modal Body" />
|
|
42
|
-
<HstCheckbox v-model="state.modalFooter" title="Modal Footer" />
|
|
43
|
-
</template>
|
|
44
|
-
</Variant>
|
|
45
|
-
</Story>
|
|
46
|
-
</template>
|
|
47
|
-
|
|
48
|
-
<docs lang="md">
|
|
49
|
-
### Props
|
|
50
|
-
|
|
51
|
-
#### title
|
|
52
|
-
|
|
53
|
-
Adds a title and a horizontal rule below it to the modal.
|
|
54
|
-
|
|
55
|
-
### Slots
|
|
56
|
-
|
|
57
|
-
#### #body
|
|
58
|
-
|
|
59
|
-
Displays content inside the modal, becoming scrollable after a threshold. If you need to stylize slotted content, wrap the html within a div, it will be scoped to the vue scope you are currently working with.
|
|
60
|
-
|
|
61
|
-
#### #footer
|
|
62
|
-
|
|
63
|
-
Displays content below the modal body, separated by a horizontal ruler. Exempt from the scrollable container.
|
|
64
|
-
|
|
65
|
-
### Emits
|
|
66
|
-
|
|
67
|
-
#### @close
|
|
68
|
-
|
|
69
|
-
Triggered when the modal is closed, through the close button or clicking outside the modal window.
|
|
70
|
-
|
|
71
|
-
### Exposed
|
|
72
|
-
|
|
73
|
-
#### active
|
|
74
|
-
|
|
75
|
-
Exposes the modal's current **active** status, allows you to detect if the modal is opened or closed.
|
|
76
|
-
|
|
77
|
-
#### openModal()
|
|
78
|
-
|
|
79
|
-
Exposes the **openModal** method, used to display the modal, typically wrapped in a local function to perform additional changes before opening the modal.
|
|
80
|
-
|
|
81
|
-
#### closeModal()
|
|
82
|
-
|
|
83
|
-
Exposes the **closeModal** method, used to hide the modal, emits a **@close** event.
|
|
84
|
-
|
|
85
|
-
#### toggleModal()
|
|
86
|
-
|
|
87
|
-
Exposes the **toggleModal** method, used to hide or show the modal depending on the current **active** value. Emits a **@close** event if the modal was closed.
|
|
88
|
-
</docs>
|