quirk-ui 0.0.353 → 0.0.355
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/index13.css +1 -1
- package/dist/assets/index13.css.d.ts +13 -14
- package/dist/assets/index5.css +1 -1
- package/dist/assets/index5.css.d.ts +9 -9
- package/dist/core/components/Carousel/index.js +154 -162
- package/dist/next/blocks/CarouselBlock/index.js +18 -18
- package/dist/styles.css +2 -2
- package/dist/styles.css.d.ts +22 -23
- package/package.json +1 -1
package/dist/assets/index13.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._carousel_t51gu_1{width:100%;overflow-x:hidden}@media (max-width: 767px){._carousel_t51gu_1{padding:0 var(--spacing-lg)}}._noPointerEvents_t51gu_10 *{pointer-events:none!important}._trackContainer_t51gu_14{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_t51gu_14{overflow:visible}}._track_t51gu_14{display:flex;transition:transform .3s ease;will-change:transform}._page_t51gu_29{display:flex;gap:var(--spacing-md)}@media (max-width: 767px){._page_t51gu_29{justify-content:center;padding:0 var(--spacing-sm)}}._controls_t51gu_39{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);margin-left:auto;margin-right:auto;padding:0 var(--spacing-md);width:100%}._indicators_t51gu_50{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-xs)}._indicator_t51gu_50{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:1px solid #fff;cursor:pointer;transition:background-color .3s}._indicator_t51gu_50._active_t51gu_67{background-color:var(--color-primary-100)}._buttons_t51gu_71{display:flex;gap:var(--spacing-md)}._prev_t51gu_76._disabled_t51gu_76,._next_t51gu_77._disabled_t51gu_76{opacity:.5;pointer-events:none}._buttons_t51gu_71 button:not(._disabled_t51gu_76):hover{background-color:var(--color-primary-100);color:#fff}._prev_t51gu_76,._next_t51gu_77{background-color:#e0e0e0;color:var(--color-text-primary);border:1px solid #fff;padding:var(--spacing-sm);cursor:pointer;transition:background-color .3s,color .3s;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}
|
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
declare const styles: {
|
|
2
|
-
readonly "
|
|
3
|
-
readonly "
|
|
4
|
-
readonly "
|
|
5
|
-
readonly "
|
|
6
|
-
readonly "
|
|
7
|
-
readonly "
|
|
8
|
-
readonly "
|
|
9
|
-
readonly "
|
|
10
|
-
readonly "
|
|
11
|
-
readonly "
|
|
12
|
-
readonly "
|
|
13
|
-
readonly "
|
|
14
|
-
readonly "
|
|
15
|
-
readonly "_track_lmysl_18": string;
|
|
2
|
+
readonly "_active_t51gu_67": string;
|
|
3
|
+
readonly "_buttons_t51gu_71": string;
|
|
4
|
+
readonly "_carousel_t51gu_1": string;
|
|
5
|
+
readonly "_controls_t51gu_39": string;
|
|
6
|
+
readonly "_disabled_t51gu_76": string;
|
|
7
|
+
readonly "_indicator_t51gu_50": string;
|
|
8
|
+
readonly "_indicators_t51gu_50": string;
|
|
9
|
+
readonly "_next_t51gu_77": string;
|
|
10
|
+
readonly "_noPointerEvents_t51gu_10": string;
|
|
11
|
+
readonly "_page_t51gu_29": string;
|
|
12
|
+
readonly "_prev_t51gu_76": string;
|
|
13
|
+
readonly "_trackContainer_t51gu_14": string;
|
|
14
|
+
readonly "_track_t51gu_14": string;
|
|
16
15
|
};
|
|
17
16
|
export = styles;
|
|
18
17
|
|
package/dist/assets/index5.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._carousel_16g66_1{width:100%;overflow-x:hidden;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_16g66_8{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:var(--layout-width);margin:0 auto}@media (min-width: 768px){._container_16g66_8{padding:var(--spacing-xl) calc(var(--spacing-md) - var(--spacing-sm))}}._heading_16g66_21{display:flex;flex-direction:column;gap:var(--spacing-md);padding:0 var(--spacing-md)}._heading_16g66_21 h1,._heading_16g66_21 h2,._heading_16g66_21 h3,._heading_16g66_21 h4,._heading_16g66_21 h5,._heading_16g66_21 h6{width:100%;margin-bottom:0}@media (min-width: 768px){._heading_16g66_21{padding:0 calc(var(--spacing-md) - var(--spacing-sm))}}._carousel_16g66_1{display:block}._rating_16g66_56{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}@media (max-width: 767px){._rating_16g66_56{justify-content:flex-start}}._ratingValue_16g66_67{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}._ratingOuter_16g66_72{color:transparent;font-size:var(--font-size-xl);position:relative;display:inline-flex}._ratingInner_16g66_79{color:var(--color-warning);font-size:var(--font-size-xl);position:absolute;top:0;left:0;white-space:nowrap;overflow:hidden}.split ._carousel_16g66_1{padding-top:0;margin-top:0;flex:1}@media (max-width: 767px){.split ._carousel_16g66_1{gap:var(--spacing-md);padding-top:0}}.backgroundPrimary ._carouselComponent_16g66_101 ._indicator_16g66_102{background-color:var(--color-primary-100)}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
declare const styles: {
|
|
2
|
-
readonly "
|
|
3
|
-
readonly "
|
|
4
|
-
readonly "
|
|
5
|
-
readonly "
|
|
6
|
-
readonly "
|
|
7
|
-
readonly "
|
|
8
|
-
readonly "
|
|
9
|
-
readonly "
|
|
10
|
-
readonly "
|
|
2
|
+
readonly "_carouselComponent_16g66_101": string;
|
|
3
|
+
readonly "_carousel_16g66_1": string;
|
|
4
|
+
readonly "_container_16g66_8": string;
|
|
5
|
+
readonly "_heading_16g66_21": string;
|
|
6
|
+
readonly "_indicator_16g66_102": string;
|
|
7
|
+
readonly "_ratingInner_16g66_79": string;
|
|
8
|
+
readonly "_ratingOuter_16g66_72": string;
|
|
9
|
+
readonly "_ratingValue_16g66_67": string;
|
|
10
|
+
readonly "_rating_16g66_56": string;
|
|
11
11
|
readonly "backgroundPrimary": string;
|
|
12
12
|
readonly "split": string;
|
|
13
13
|
};
|
|
@@ -1,247 +1,239 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { A as
|
|
4
|
-
import { A as
|
|
5
|
-
import '../../../assets/index13.css';const
|
|
6
|
-
carousel:
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
track: St,
|
|
1
|
+
import { jsxs as P, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { useState as o, useRef as y, useEffect as k, useLayoutEffect as xt, useCallback as $t } from "react";
|
|
3
|
+
import { A as Et } from "../../../arrow-left-BIJvHwNQ.js";
|
|
4
|
+
import { A as Xt } from "../../../arrow-right-QEwnX3Sk.js";
|
|
5
|
+
import '../../../assets/index13.css';const yt = "_carousel_t51gu_1", kt = "_noPointerEvents_t51gu_10", It = "_trackContainer_t51gu_14", Nt = "_track_t51gu_14", Tt = "_page_t51gu_29", Wt = "_controls_t51gu_39", At = "_indicators_t51gu_50", Dt = "_indicator_t51gu_50", Lt = "_active_t51gu_67", St = "_buttons_t51gu_71", Pt = "_prev_t51gu_76", Rt = "_disabled_t51gu_76", zt = "_next_t51gu_77", c = {
|
|
6
|
+
carousel: yt,
|
|
7
|
+
noPointerEvents: kt,
|
|
8
|
+
trackContainer: It,
|
|
9
|
+
track: Nt,
|
|
11
10
|
page: Tt,
|
|
12
11
|
controls: Wt,
|
|
13
12
|
indicators: At,
|
|
14
13
|
indicator: Dt,
|
|
15
14
|
active: Lt,
|
|
16
|
-
buttons:
|
|
17
|
-
prev:
|
|
18
|
-
disabled:
|
|
19
|
-
next:
|
|
15
|
+
buttons: St,
|
|
16
|
+
prev: Pt,
|
|
17
|
+
disabled: Rt,
|
|
18
|
+
next: zt
|
|
20
19
|
};
|
|
21
|
-
function
|
|
22
|
-
items:
|
|
20
|
+
function Gt({
|
|
21
|
+
items: g,
|
|
23
22
|
itemsPerPage: u = 9,
|
|
24
23
|
itemsPerRow: Q = 3,
|
|
25
24
|
autoplay: Z = !1,
|
|
26
|
-
autoplayInterval:
|
|
25
|
+
autoplayInterval: R = 3,
|
|
27
26
|
className: tt,
|
|
28
27
|
externalRef: et,
|
|
29
28
|
siblingRef: h,
|
|
30
|
-
isSplit:
|
|
29
|
+
isSplit: z = !1
|
|
31
30
|
}) {
|
|
32
|
-
const [f,
|
|
33
|
-
Math.abs((T ?? 0) - (
|
|
31
|
+
const [f, p] = o(0), [a, x] = o(0), [v, I] = o(0), [l, nt] = o(u), [m, st] = o(!1), [Y, ot] = o(Z), [$, ct] = o(!1), rt = y(null), d = y(null), w = y(null), E = et, [M, N] = o(!1), [B, j] = o(null), [X, U] = o(null), [G, H] = o(null), [at, O] = o(!1), [C, V] = o(null), [T, q] = o(null), lt = (t) => {
|
|
32
|
+
Math.abs((T ?? 0) - (C ?? 0)) > 25 && (t.stopPropagation(), t.preventDefault());
|
|
34
33
|
}, it = (t) => {
|
|
35
34
|
V(t.clientX);
|
|
36
35
|
}, dt = (t) => {
|
|
37
|
-
|
|
36
|
+
C !== null && Math.abs(t.clientX - C) > 5 && (O(!0), q(t.clientX));
|
|
38
37
|
}, ut = () => {
|
|
39
|
-
if (!
|
|
38
|
+
if (!C || !T) {
|
|
40
39
|
W();
|
|
41
40
|
return;
|
|
42
41
|
}
|
|
43
|
-
const t =
|
|
44
|
-
Math.abs(t) > 50 && (t > 0 ? L() :
|
|
42
|
+
const t = C - T;
|
|
43
|
+
Math.abs(t) > 50 && (t > 0 ? L() : S()), W();
|
|
45
44
|
}, ht = () => {
|
|
46
45
|
W();
|
|
47
46
|
}, W = () => {
|
|
48
47
|
O(!1), V(null), q(null);
|
|
49
48
|
}, ft = (t) => {
|
|
50
|
-
U(t.touches[0].clientX), j(t.touches[0].clientY),
|
|
51
|
-
}, F =
|
|
49
|
+
U(t.touches[0].clientX), j(t.touches[0].clientY), N(!1);
|
|
50
|
+
}, F = y(null);
|
|
52
51
|
k(() => {
|
|
53
52
|
const t = F.current;
|
|
54
53
|
if (!t) return;
|
|
55
54
|
const e = (n) => {
|
|
56
|
-
const s = n.touches[0].clientX - (
|
|
57
|
-
!
|
|
55
|
+
const s = n.touches[0].clientX - (X ?? 0), i = n.touches[0].clientY - (B ?? 0);
|
|
56
|
+
!M && Math.abs(s) > Math.abs(i) && N(!0), M && (n.preventDefault(), H(n.touches[0].clientX));
|
|
58
57
|
};
|
|
59
58
|
return t.addEventListener("touchmove", e), () => {
|
|
60
59
|
t.removeEventListener("touchmove", e);
|
|
61
60
|
};
|
|
62
|
-
}, [
|
|
63
|
-
const
|
|
64
|
-
if (
|
|
65
|
-
const t =
|
|
66
|
-
Math.abs(t) > 50 && (t > 0 ? L() :
|
|
67
|
-
},
|
|
61
|
+
}, [M, X, B]);
|
|
62
|
+
const pt = () => {
|
|
63
|
+
if (X === null || G === null) return;
|
|
64
|
+
const t = X - G;
|
|
65
|
+
Math.abs(t) > 50 && (t > 0 ? L() : S()), U(null), H(null), j(null), N(!1);
|
|
66
|
+
}, vt = (t, e) => {
|
|
68
67
|
const n = [];
|
|
69
68
|
for (let s = 0; s < t.length; s += e)
|
|
70
69
|
n.push(t.slice(s, s + e));
|
|
71
70
|
return n;
|
|
72
71
|
};
|
|
73
|
-
|
|
72
|
+
xt(() => {
|
|
74
73
|
if (typeof window < "u") {
|
|
75
74
|
const t = () => {
|
|
76
75
|
const e = window.innerWidth < 768, n = e ? 1 : u;
|
|
77
|
-
st(e), nt(e ? 1 : u),
|
|
78
|
-
(s) => Math.min(s, Math.ceil(
|
|
76
|
+
st(e), nt(e ? 1 : u), p(
|
|
77
|
+
(s) => Math.min(s, Math.ceil(g.length / n) - 1)
|
|
79
78
|
);
|
|
80
79
|
};
|
|
81
80
|
return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
|
|
82
81
|
}
|
|
83
82
|
}, [u]);
|
|
84
|
-
const A = Math.ceil(
|
|
83
|
+
const A = Math.ceil(l / Q), J = vt(g, l), _ = J.length, mt = 3 * 16, _t = 3 * 16, gt = $t(
|
|
85
84
|
(t) => {
|
|
86
|
-
if (t &&
|
|
85
|
+
if (t && !$) {
|
|
87
86
|
const e = t.getBoundingClientRect().width;
|
|
88
|
-
e > 0 && e !==
|
|
87
|
+
e > 0 && e !== v && (I(e), ct(!0));
|
|
89
88
|
}
|
|
90
89
|
},
|
|
91
|
-
[
|
|
90
|
+
[v, $]
|
|
92
91
|
);
|
|
93
92
|
k(() => {
|
|
94
93
|
var t, e, n, s;
|
|
95
|
-
if (
|
|
96
|
-
const
|
|
97
|
-
|
|
94
|
+
if ($ && a > 0 && d.current && ((e = (t = d.current.children[0]) == null ? void 0 : t.children[0]) != null && e.children[0])) {
|
|
95
|
+
const b = ((s = (n = d.current.children[0]) == null ? void 0 : n.children[0]) == null ? void 0 : s.children[0]).getBoundingClientRect().width;
|
|
96
|
+
b > 0 && b !== v && I(b);
|
|
98
97
|
}
|
|
99
|
-
}, [
|
|
98
|
+
}, [a, $, v]), k(() => {
|
|
100
99
|
const t = new ResizeObserver((e) => {
|
|
101
100
|
var n, s;
|
|
102
101
|
for (let i of e)
|
|
103
102
|
if (i.contentRect) {
|
|
104
|
-
|
|
105
|
-
i.contentRect.width - ((n = h == null ? void 0 : h.current) == null ? void 0 : n.offsetWidth) -
|
|
106
|
-
) :
|
|
103
|
+
m ? x(i.contentRect.width - _t) : z ? h != null && h.current ? x(
|
|
104
|
+
i.contentRect.width - ((n = h == null ? void 0 : h.current) == null ? void 0 : n.offsetWidth) - mt
|
|
105
|
+
) : x(i.contentRect.width) : (x(i.contentRect.width), I(
|
|
107
106
|
((s = d == null ? void 0 : d.current) == null ? void 0 : s.children[0].children[0].children[0].getBoundingClientRect().width) ?? 0
|
|
108
107
|
));
|
|
109
|
-
const
|
|
110
|
-
|
|
111
|
-
(
|
|
108
|
+
const b = m ? 1 : u;
|
|
109
|
+
p(
|
|
110
|
+
(bt) => Math.min(bt, Math.ceil(g.length / b) - 1)
|
|
112
111
|
);
|
|
113
112
|
}
|
|
114
113
|
});
|
|
115
|
-
return
|
|
116
|
-
}, [
|
|
114
|
+
return E != null && E.current && t.observe(E.current), () => t.disconnect();
|
|
115
|
+
}, [m, z, g]);
|
|
117
116
|
const D = () => {
|
|
118
|
-
|
|
117
|
+
w.current && clearInterval(w.current), ot(!1);
|
|
119
118
|
}, L = () => {
|
|
120
|
-
D(),
|
|
121
|
-
},
|
|
122
|
-
D(),
|
|
123
|
-
},
|
|
124
|
-
D(),
|
|
125
|
-
},
|
|
126
|
-
|
|
119
|
+
D(), p((t) => Math.min(t + 1, _ - 1));
|
|
120
|
+
}, S = () => {
|
|
121
|
+
D(), p((t) => Math.max(t - 1, 0));
|
|
122
|
+
}, wt = (t) => {
|
|
123
|
+
D(), p(t);
|
|
124
|
+
}, Mt = () => a ? `translateX(-${f * a}px)` : "translateX(0px)", K = () => {
|
|
125
|
+
p((t) => t >= _ - 1 ? 0 : t + 1);
|
|
127
126
|
};
|
|
128
|
-
k(() => (Y && (
|
|
127
|
+
k(() => (Y && (w.current = setInterval(
|
|
129
128
|
K,
|
|
130
|
-
|
|
129
|
+
R * 1e3
|
|
131
130
|
)), () => {
|
|
132
|
-
|
|
133
|
-
}), [Y,
|
|
134
|
-
const
|
|
135
|
-
"--max-item-width": `${(
|
|
131
|
+
w.current && clearInterval(w.current);
|
|
132
|
+
}), [Y, R, K]);
|
|
133
|
+
const Ct = {
|
|
134
|
+
"--max-item-width": `${(a - (l - 1) * 16) / l}px`
|
|
136
135
|
//Container minus gaps (dynamicItemsPerPage - 1 * gap size) divided by dynamicItemsPerPage
|
|
137
136
|
};
|
|
138
|
-
return /* @__PURE__ */
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
137
|
+
return /* @__PURE__ */ P("div", { className: `${tt ?? ""} ${c.carousel} `, ref: rt, children: [
|
|
138
|
+
/* @__PURE__ */ r(
|
|
139
|
+
"div",
|
|
140
|
+
{
|
|
141
|
+
ref: F,
|
|
142
|
+
className: `${c.trackContainer} ${at || M ? c.noPointerEvents : ""}
|
|
143
|
+
`,
|
|
144
|
+
style: {
|
|
145
|
+
maxWidth: `${a}px`,
|
|
146
|
+
touchAction: M ? "none" : "pan-y"
|
|
147
|
+
},
|
|
148
|
+
onTouchStart: ft,
|
|
149
|
+
onTouchEnd: pt,
|
|
150
|
+
onMouseDown: it,
|
|
151
|
+
onMouseMove: dt,
|
|
152
|
+
onMouseUp: ut,
|
|
153
|
+
onMouseLeave: ht,
|
|
154
|
+
children: /* @__PURE__ */ r(
|
|
145
155
|
"div",
|
|
146
156
|
{
|
|
147
|
-
ref:
|
|
148
|
-
className:
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
maxWidth: `${r}px`,
|
|
152
|
-
touchAction: y ? "none" : "pan-y"
|
|
153
|
-
},
|
|
154
|
-
onTouchStart: ft,
|
|
155
|
-
onTouchEnd: mt,
|
|
156
|
-
onMouseDown: it,
|
|
157
|
-
onMouseMove: dt,
|
|
158
|
-
onMouseUp: ut,
|
|
159
|
-
onMouseLeave: ht,
|
|
160
|
-
children: /* @__PURE__ */ l(
|
|
157
|
+
ref: d,
|
|
158
|
+
className: c.track,
|
|
159
|
+
style: { width: `${_ * 100}%`, transform: Mt() },
|
|
160
|
+
children: J.map((t, e) => /* @__PURE__ */ r(
|
|
161
161
|
"div",
|
|
162
162
|
{
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
163
|
+
className: c.page,
|
|
164
|
+
style: {
|
|
165
|
+
display: A > 1 ? "grid" : "flex",
|
|
166
|
+
gridTemplateColumns: `repeat(${Math.ceil(
|
|
167
|
+
l / A
|
|
168
|
+
)}, 1fr)`,
|
|
169
|
+
gridTemplateRows: `repeat(${A}, 1fr)`,
|
|
170
|
+
width: `${a}px`
|
|
171
|
+
},
|
|
172
|
+
children: t.map((n, s) => /* @__PURE__ */ r(
|
|
167
173
|
"div",
|
|
168
174
|
{
|
|
169
|
-
|
|
175
|
+
ref: e === 0 && s === 0 ? gt : null,
|
|
176
|
+
onClickCapture: lt,
|
|
170
177
|
style: {
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
)}, 1fr)`,
|
|
175
|
-
gridTemplateRows: `repeat(${A}, 1fr)`,
|
|
176
|
-
width: `${r}px`
|
|
178
|
+
...Ct,
|
|
179
|
+
flexBasis: m ? "100%" : `${(a - (l - 1) * 16) / l}px`,
|
|
180
|
+
width: m ? `${a / l - 16}px` : "unset"
|
|
177
181
|
},
|
|
178
|
-
children:
|
|
179
|
-
"div",
|
|
180
|
-
{
|
|
181
|
-
ref: e === 0 && s === 0 ? wt : null,
|
|
182
|
-
onClickCapture: at,
|
|
183
|
-
style: {
|
|
184
|
-
...gt,
|
|
185
|
-
flexBasis: _ ? "100%" : `${(r - (a - 1) * 16) / a}px`,
|
|
186
|
-
width: _ ? `${r / a - 16}px` : "unset"
|
|
187
|
-
},
|
|
188
|
-
children: n
|
|
189
|
-
},
|
|
190
|
-
s
|
|
191
|
-
))
|
|
182
|
+
children: n
|
|
192
183
|
},
|
|
193
|
-
|
|
184
|
+
s
|
|
194
185
|
))
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
),
|
|
199
|
-
v > 1 && /* @__PURE__ */ R(
|
|
200
|
-
"div",
|
|
201
|
-
{
|
|
202
|
-
className: o.controls,
|
|
203
|
-
style: {
|
|
204
|
-
maxWidth: p > 0 && u === 1 && !_ ? `${p}px` : "unset"
|
|
205
|
-
},
|
|
206
|
-
children: [
|
|
207
|
-
/* @__PURE__ */ l("div", { className: o.indicators, children: Array.from({ length: v }).map((t, e) => /* @__PURE__ */ l(
|
|
208
|
-
"button",
|
|
209
|
-
{
|
|
210
|
-
className: `${o.indicator} ${e === f ? o.active : ""}`,
|
|
211
|
-
onClick: () => Mt(e),
|
|
212
|
-
"aria-label": `Go to group ${e + 1}`
|
|
213
|
-
},
|
|
214
|
-
e
|
|
215
|
-
)) }),
|
|
216
|
-
/* @__PURE__ */ R("div", { className: o.buttons, children: [
|
|
217
|
-
/* @__PURE__ */ l(
|
|
218
|
-
"button",
|
|
219
|
-
{
|
|
220
|
-
"aria-label": "Previous slide",
|
|
221
|
-
className: `${o.prev} ${f === 0 ? o.disabled : ""}`,
|
|
222
|
-
onClick: P,
|
|
223
|
-
disabled: f === 0,
|
|
224
|
-
children: /* @__PURE__ */ l($t, { size: 36 })
|
|
225
|
-
}
|
|
226
|
-
),
|
|
227
|
-
/* @__PURE__ */ l(
|
|
228
|
-
"button",
|
|
229
|
-
{
|
|
230
|
-
"aria-label": "Next slide",
|
|
231
|
-
className: `${o.next} ${f >= v - 1 ? o.disabled : ""}`,
|
|
232
|
-
onClick: L,
|
|
233
|
-
disabled: f >= w.length - a,
|
|
234
|
-
children: /* @__PURE__ */ l(Et, { size: 36 })
|
|
235
|
-
}
|
|
236
|
-
)
|
|
237
|
-
] })
|
|
238
|
-
]
|
|
186
|
+
},
|
|
187
|
+
e
|
|
188
|
+
))
|
|
239
189
|
}
|
|
240
190
|
)
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
191
|
+
}
|
|
192
|
+
),
|
|
193
|
+
_ > 1 && /* @__PURE__ */ P(
|
|
194
|
+
"div",
|
|
195
|
+
{
|
|
196
|
+
className: c.controls,
|
|
197
|
+
style: {
|
|
198
|
+
maxWidth: v > 0 && u === 1 && !m ? `${v}px` : "unset"
|
|
199
|
+
},
|
|
200
|
+
children: [
|
|
201
|
+
/* @__PURE__ */ r("div", { className: c.indicators, children: Array.from({ length: _ }).map((t, e) => /* @__PURE__ */ r(
|
|
202
|
+
"button",
|
|
203
|
+
{
|
|
204
|
+
className: `${c.indicator} ${e === f ? c.active : ""}`,
|
|
205
|
+
onClick: () => wt(e),
|
|
206
|
+
"aria-label": `Go to group ${e + 1}`
|
|
207
|
+
},
|
|
208
|
+
e
|
|
209
|
+
)) }),
|
|
210
|
+
/* @__PURE__ */ P("div", { className: c.buttons, children: [
|
|
211
|
+
/* @__PURE__ */ r(
|
|
212
|
+
"button",
|
|
213
|
+
{
|
|
214
|
+
"aria-label": "Previous slide",
|
|
215
|
+
className: `${c.prev} ${f === 0 ? c.disabled : ""}`,
|
|
216
|
+
onClick: S,
|
|
217
|
+
disabled: f === 0,
|
|
218
|
+
children: /* @__PURE__ */ r(Et, { size: 36 })
|
|
219
|
+
}
|
|
220
|
+
),
|
|
221
|
+
/* @__PURE__ */ r(
|
|
222
|
+
"button",
|
|
223
|
+
{
|
|
224
|
+
"aria-label": "Next slide",
|
|
225
|
+
className: `${c.next} ${f >= _ - 1 ? c.disabled : ""}`,
|
|
226
|
+
onClick: L,
|
|
227
|
+
disabled: f >= g.length - l,
|
|
228
|
+
children: /* @__PURE__ */ r(Xt, { size: 36 })
|
|
229
|
+
}
|
|
230
|
+
)
|
|
231
|
+
] })
|
|
232
|
+
]
|
|
233
|
+
}
|
|
234
|
+
)
|
|
235
|
+
] });
|
|
244
236
|
}
|
|
245
237
|
export {
|
|
246
|
-
|
|
238
|
+
Gt as Carousel
|
|
247
239
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as r, jsxs as c } from "react/jsx-runtime";
|
|
2
|
-
import { useState as V, useRef as
|
|
2
|
+
import { useState as V, useRef as C, useEffect as B, useMemo as F } from "react";
|
|
3
3
|
import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index5.css';/* empty css */
|
|
4
4
|
import { F as m } from "../../../index-CeBA0PT0.js";
|
|
5
5
|
import "react-dom";
|
|
@@ -12,7 +12,7 @@ import { TestimonialCard as T } from "../../cards/TestimonialCard/index.js";
|
|
|
12
12
|
import { GridCard as E } from "../../cards/GridCard/index.js";
|
|
13
13
|
import { BioCard as G } from "../../cards/BioCard/index.js";
|
|
14
14
|
import { useStyleClasses as H } from "../../hooks/useStyleClasses.js";
|
|
15
|
-
const L = "
|
|
15
|
+
const L = "_carousel_16g66_1", U = "_container_16g66_8", q = "_heading_16g66_21", u = "_rating_16g66_56", z = "_ratingValue_16g66_67", A = "_ratingOuter_16g66_72", D = "_ratingInner_16g66_79", J = "_carouselComponent_16g66_101", i = {
|
|
16
16
|
carousel: L,
|
|
17
17
|
container: U,
|
|
18
18
|
heading: q,
|
|
@@ -25,17 +25,17 @@ const L = "_carousel_15exx_1", U = "_container_15exx_8", q = "_heading_15exx_21"
|
|
|
25
25
|
function it({
|
|
26
26
|
heading: e,
|
|
27
27
|
carouselOptions: t,
|
|
28
|
-
items:
|
|
29
|
-
styleOptions:
|
|
28
|
+
items: I,
|
|
29
|
+
styleOptions: d
|
|
30
30
|
}) {
|
|
31
31
|
var S, v, y, k, N;
|
|
32
|
-
const [
|
|
32
|
+
const [o, w] = V(!1), l = C(null), f = C(null), g = H(d);
|
|
33
33
|
B(() => {
|
|
34
34
|
const n = l == null ? void 0 : l.current;
|
|
35
35
|
if (!n) return;
|
|
36
36
|
const a = () => {
|
|
37
|
-
const
|
|
38
|
-
|
|
37
|
+
const x = n.classList.contains("split");
|
|
38
|
+
w(x);
|
|
39
39
|
};
|
|
40
40
|
a();
|
|
41
41
|
const b = new MutationObserver(a);
|
|
@@ -44,10 +44,10 @@ function it({
|
|
|
44
44
|
attributeFilter: ["class"]
|
|
45
45
|
}), () => b.disconnect();
|
|
46
46
|
}, [l]);
|
|
47
|
-
const
|
|
47
|
+
const P = F(
|
|
48
48
|
() => /* @__PURE__ */ r(_, { blocks: e == null ? void 0 : e.title }),
|
|
49
49
|
[e == null ? void 0 : e.title]
|
|
50
|
-
), s = (
|
|
50
|
+
), s = (I ?? []).map((n) => {
|
|
51
51
|
switch (n.variant) {
|
|
52
52
|
case "image":
|
|
53
53
|
case "grid":
|
|
@@ -64,7 +64,7 @@ function it({
|
|
|
64
64
|
n._type
|
|
65
65
|
] }, n._key);
|
|
66
66
|
}
|
|
67
|
-
}),
|
|
67
|
+
}), R = () => {
|
|
68
68
|
var a;
|
|
69
69
|
const n = Number((a = t == null ? void 0 : t.ratingSingleton) == null ? void 0 : a.rating) / 5 * 100;
|
|
70
70
|
return /* @__PURE__ */ c("div", { className: i.ratingOuter, children: [
|
|
@@ -81,21 +81,21 @@ function it({
|
|
|
81
81
|
/* @__PURE__ */ r(m, {})
|
|
82
82
|
] })
|
|
83
83
|
] });
|
|
84
|
-
},
|
|
84
|
+
}, $ = !(e != null && e.title) && !(e != null && e.description) && !((S = t == null ? void 0 : t.ratingSingleton) != null && S.rating);
|
|
85
85
|
return /* @__PURE__ */ r(
|
|
86
86
|
"section",
|
|
87
87
|
{
|
|
88
|
-
className: `${
|
|
88
|
+
className: `${g.replace("split", "")} ${i.carousel}`,
|
|
89
89
|
children: /* @__PURE__ */ c(
|
|
90
90
|
"article",
|
|
91
91
|
{
|
|
92
92
|
ref: l,
|
|
93
|
-
className: `${
|
|
93
|
+
className: `${g.includes("split") ? "split" : "default"} ${i.container}`,
|
|
94
94
|
children: [
|
|
95
|
-
|
|
96
|
-
(e == null ? void 0 : e.title) &&
|
|
95
|
+
!$ && /* @__PURE__ */ c("div", { ref: f, className: i.heading, children: [
|
|
96
|
+
(e == null ? void 0 : e.title) && P,
|
|
97
97
|
((v = t == null ? void 0 : t.ratingSingleton) == null ? void 0 : v.rating) && /* @__PURE__ */ c("div", { className: i.rating, children: [
|
|
98
|
-
|
|
98
|
+
R(),
|
|
99
99
|
/* @__PURE__ */ r("div", { children: (y = t == null ? void 0 : t.ratingSingleton) != null && y.description ? /* @__PURE__ */ r(
|
|
100
100
|
_,
|
|
101
101
|
{
|
|
@@ -105,7 +105,7 @@ function it({
|
|
|
105
105
|
] }),
|
|
106
106
|
(e == null ? void 0 : e.description) && /* @__PURE__ */ r(_, { blocks: e == null ? void 0 : e.description })
|
|
107
107
|
] }),
|
|
108
|
-
/* @__PURE__ */ r("div", { className: i.carousel
|
|
108
|
+
/* @__PURE__ */ r("div", { className: `${i.carousel}`, children: s && /* @__PURE__ */ r(
|
|
109
109
|
j,
|
|
110
110
|
{
|
|
111
111
|
autoplay: t == null ? void 0 : t.autoplay,
|
|
@@ -115,7 +115,7 @@ function it({
|
|
|
115
115
|
items: s,
|
|
116
116
|
externalRef: l,
|
|
117
117
|
siblingRef: f,
|
|
118
|
-
isSplit:
|
|
118
|
+
isSplit: o,
|
|
119
119
|
className: i.carouselComponent
|
|
120
120
|
}
|
|
121
121
|
) })
|
package/dist/styles.css
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
._spotlight_tk8y9_1{display:flex;flex-direction:column;gap:var(--spacing-md)}._imageWrapper_tk8y9_7{width:100%;height:150px;position:relative;overflow:hidden;border-radius:var(--radius-md);line-height:0}._imageWrapper_tk8y9_7 img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}._image_tk8y9_7{width:100%;height:auto;object-fit:cover}._content_tk8y9_29{display:flex;flex-direction:column;gap:var(--spacing-sm);color:#fff}._title_tk8y9_36{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);color:#fff}._description_tk8y9_44{color:#fff}._actions_tk8y9_48{display:flex;flex-direction:column;align-items:flex-start}
|
|
3
3
|
._tabs_1x4bo_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_1x4bo_7{width:100%;max-width:var(--layout-width);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._container_1x4bo_7 h1,._container_1x4bo_7 h2,._container_1x4bo_7 h3,._container_1x4bo_7 h4,._container_1x4bo_7 h5,._container_1x4bo_7 h6{width:100%;margin-block:0}._heading_1x4bo_25{position:relative;display:flex;flex-direction:column;gap:var(--spacing-md)}._text_1x4bo_32{flex:1;display:flex;justify-content:center;flex-direction:column;gap:1rem}@media (max-width: 767px){._text_1x4bo_32{flex:1;width:100%;align-items:flex-start}}._headingHorizontal_1x4bo_46{flex-direction:row;justify-content:space-between}._headingHorizontal_1x4bo_46 ._container_1x4bo_7{flex:1}._headingHorizontal_1x4bo_46 ._title_1x4bo_54{margin-bottom:0;text-wrap:pretty}@media (max-width: 768px){._headingHorizontal_1x4bo_46{flex-direction:column}}._headingVertical_1x4bo_64{flex-direction:column;justify-content:flex-start}._tabContent_1x4bo_74{display:flex;align-items:center;justify-content:space-between;gap:4rem;max-width:800px;margin:0 auto}._tabContent_1x4bo_74 ul{columns:1}._tabContent_1x4bo_74 .textPrimary{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}@media (max-width: 767px){._tabContent_1x4bo_74{flex-direction:column;gap:var(--spacing-lg);align-items:flex-start}}._tabContent_1x4bo_74._vertical_1x4bo_97{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg)}@media (max-width: 767px){._tabContent_1x4bo_74._vertical_1x4bo_97{flex-direction:column}}._tabContent_1x4bo_74._vertical_1x4bo_97 ._tabsContainer_1x4bo_69{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}._tabContent_1x4bo_74._vertical_1x4bo_97 ._tabImage_1x4bo_112 img{width:auto}._tabText_1x4bo_120{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);flex:1}._tabImage_1x4bo_112{width:100%;height:auto;max-width:175px;align-items:center}._tabImage_1x4bo_112 img{position:relative;width:100%;height:auto}._gridItems_1x4bo_141{display:grid;width:100%;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 480px){._gridItems_1x4bo_141{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){._gridItems_1x4bo_141{grid-template-columns:repeat(4,1fr)}}._gridItem_1x4bo_141 img{width:100%;height:auto;border-radius:var(--radius-md)}._default_1x4bo_164 ._container_1x4bo_7{display:flex;flex-direction:column;gap:var(--spacing-md)}.orientationVertical ._tabsContainer_1x4bo_69{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}._fullBleed_1x4bo_179{position:relative;padding-top:var(--spacing-md);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._fullBleed_1x4bo_179 ._container_1x4bo_7{max-width:var(--layout-width);position:relative;display:flex;align-items:flex-end;width:100%;min-height:650px;height:100%;overflow:hidden;flex-grow:1;padding:var(--nav-height) 0 0;border-radius:var(--radius-md)}._fullBleed_1x4bo_179 ._container_1x4bo_7 img{transition:width .3s ease-in-out,height .3s ease-in-out}._fullBleed_1x4bo_179 ._overlay_1x4bo_206{width:100%;max-width:var(--layout-width);margin:0 auto;z-index:3;position:relative;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._fullBleed_1x4bo_179 ._heading_1x4bo_25{z-index:3;position:relative;max-width:665px;display:flex;flex-direction:column;gap:var(--spacing-md);background-color:#fff;padding:var(--spacing-xl);border-radius:var(--radius-md)}._fullBleed_1x4bo_179 ._text_1x4bo_32{flex:1;display:flex;justify-content:center;flex-direction:column;gap:1rem}@media (max-width: 767px){._fullBleed_1x4bo_179 ._text_1x4bo_32{flex:1;width:100%;align-items:flex-start}}._fullBleed_1x4bo_179.paddingTopBanner,._fullBleed_1x4bo_179.paddingTop4,._fullBleed_1x4bo_179.paddingTop2,._fullBleed_1x4bo_179.paddingTop1{padding-top:0}._fullBleed_1x4bo_179.paddingBottomBanner,._fullBleed_1x4bo_179.paddingBottom4,._fullBleed_1x4bo_179.paddingBottom2,._fullBleed_1x4bo_179.paddingBottom1{padding-bottom:0}._fullBleed_1x4bo_179.paddingTopBanner ._overlay_1x4bo_206{padding-top:8rem}._fullBleed_1x4bo_179.paddingBottomBanner ._overlay_1x4bo_206{padding-bottom:8rem}._fullBleed_1x4bo_179.paddingTop4 ._overlay_1x4bo_206{padding-top:4rem}._fullBleed_1x4bo_179.paddingBottom4 ._overlay_1x4bo_206{padding-bottom:4rem}._fullBleed_1x4bo_179.paddingTop2 ._overlay_1x4bo_206{padding-top:2rem}._fullBleed_1x4bo_179.paddingBottom2 ._overlay_1x4bo_206{padding-bottom:2rem}._fullBleed_1x4bo_179.paddingTop1 ._overlay_1x4bo_206{padding-top:1rem}._fullBleed_1x4bo_179.paddingBottom1 ._overlay_1x4bo_206{padding-bottom:1rem}
|
|
4
4
|
._layout_l5nlh_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_l5nlh_7{display:flex;flex-direction:column;width:100%;max-width:var(--layout-width);margin:0 auto;gap:var(--spacing-xl);position:relative;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._heading_l5nlh_19{display:flex;flex-direction:column;gap:var(--spacing-md)}._heading_l5nlh_19 h1,._heading_l5nlh_19 h2,._heading_l5nlh_19 h3,._heading_l5nlh_19 h4,._heading_l5nlh_19 h5,._heading_l5nlh_19 h6{width:100%;margin-bottom:0}._scroll_l5nlh_35{display:flex;gap:var(--spacing-xl)}._sidebar_l5nlh_40{flex:.5;position:sticky;top:20%;align-self:flex-start;min-height:60vh;display:flex;align-items:center;padding:0 var(--spacing-xl)}@media (max-width: 767px){._sidebar_l5nlh_40{display:none}}._sidebar_l5nlh_40 ul{list-style:none;padding:0;margin:0;columns:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}._sidebar_l5nlh_40 ul li ._number_l5nlh_65{border-radius:var(--radius-full);background-color:var(--color-secondary-50);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);width:35px;height:35px;flex:1 0 35px;display:flex;align-items:center;justify-content:center;transition:color .3s ease-in-out,background-color .3s ease-in-out}._sidebar_l5nlh_40 ul li ._link_l5nlh_82{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);text-align:left;font-size:var(--font-size-md);text-decoration:none;color:var(--color-text-primary);background-color:transparent;border:none;font-weight:var(--font-weight-semibold);transition:color .3s ease-in-out}._sidebar_l5nlh_40 ul li ._link_l5nlh_82._active_l5nlh_96{color:var(--color-primary-100)}._sidebar_l5nlh_40 ul li ._link_l5nlh_82._active_l5nlh_96 ._number_l5nlh_65{background-color:var(--color-primary-100);color:#fff}._content_l5nlh_108{flex:1}._item_l5nlh_112{scroll-margin-top:100px;margin-bottom:6rem;height:60vh;display:flex;align-items:center;gap:2rem}._item_l5nlh_112:last-of-type{margin-bottom:0}._item_l5nlh_112 ._text_l5nlh_124{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}._item_l5nlh_112 ._title_l5nlh_131{margin-block-end:0}._item_l5nlh_112 ._image_l5nlh_135{flex:.5 0;display:flex;align-items:center;justify-content:center}._item_l5nlh_112 ._image_l5nlh_135 img{width:100%;max-width:200px;height:auto}@media (max-width: 767px){._item_l5nlh_112{flex-direction:column-reverse;height:auto}._item_l5nlh_112 ._image_l5nlh_135{flex:1;width:100%;max-width:150px;align-self:flex-start}}
|
|
5
|
-
.
|
|
5
|
+
._carousel_16g66_1{width:100%;overflow-x:hidden;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_16g66_8{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:var(--layout-width);margin:0 auto}@media (min-width: 768px){._container_16g66_8{padding:var(--spacing-xl) calc(var(--spacing-md) - var(--spacing-sm))}}._heading_16g66_21{display:flex;flex-direction:column;gap:var(--spacing-md);padding:0 var(--spacing-md)}._heading_16g66_21 h1,._heading_16g66_21 h2,._heading_16g66_21 h3,._heading_16g66_21 h4,._heading_16g66_21 h5,._heading_16g66_21 h6{width:100%;margin-bottom:0}@media (min-width: 768px){._heading_16g66_21{padding:0 calc(var(--spacing-md) - var(--spacing-sm))}}._carousel_16g66_1{display:block}._rating_16g66_56{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}@media (max-width: 767px){._rating_16g66_56{justify-content:flex-start}}._ratingValue_16g66_67{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}._ratingOuter_16g66_72{color:transparent;font-size:var(--font-size-xl);position:relative;display:inline-flex}._ratingInner_16g66_79{color:var(--color-warning);font-size:var(--font-size-xl);position:absolute;top:0;left:0;white-space:nowrap;overflow:hidden}.split ._carousel_16g66_1{padding-top:0;margin-top:0;flex:1}@media (max-width: 767px){.split ._carousel_16g66_1{gap:var(--spacing-md);padding-top:0}}.backgroundPrimary ._carouselComponent_16g66_101 ._indicator_16g66_102{background-color:var(--color-primary-100)}
|
|
6
6
|
._content_ivubr_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_ivubr_7{display:flex;align-items:center;justify-content:space-between;flex-direction:column;width:100%;max-width:var(--container-max-width, var(--layout-width));margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._container_ivubr_7 h1,._container_ivubr_7 h2,._container_ivubr_7 h3,._container_ivubr_7 h4,._container_ivubr_7 h5,._container_ivubr_7 h6{width:100%;margin-block:0}@media (max-width: 767px){._container_ivubr_7{gap:var(--spacing-xl)}}._metrics_ivubr_34{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md)}@media (max-width: 767px){._metrics_ivubr_34{flex-direction:column}}._metric_ivubr_34{flex:1}._metricValue_ivubr_50{font-size:2.5rem;font-weight:var(--font-weight-bold);position:relative;z-index:1;color:var(--color-text-primary)}._metricValue_ivubr_50:after{content:"";display:block;background-color:var(--color-primary-100);width:35px;height:35px;position:absolute;top:-3px;left:-.5rem;z-index:-1;border-radius:var(--radius-md)}._disclaimer_ivubr_71{color:var(--color-text-primary);font-size:var(--font-size-sm)}._layoutHImageRight_ivubr_76{flex-direction:row;gap:var(--gap, 5rem)}._layoutHImageRight_ivubr_76 ._heading_ivubr_80{gap:var(--spacing-md);flex:.65}._layoutHImageRight_ivubr_76 ._image_ivubr_85{flex:.5}@media (max-width: 768px){._layoutHImageRight_ivubr_76{flex-direction:column-reverse;gap:var(--spacing-lg)}}._noImage_ivubr_95{flex-direction:column}._layoutHImageLeft_ivubr_99{flex-direction:row-reverse;gap:var(--gap, 5rem)}._layoutHImageLeft_ivubr_99 ._heading_ivubr_80{gap:var(--spacing-md);flex:.65}._layoutHImageLeft_ivubr_99 ._image_ivubr_85{flex:.5}@media (max-width: 768px){._layoutHImageLeft_ivubr_99{flex-direction:column-reverse;gap:var(--spacing-lg)}}._layoutVImageTop_ivubr_118{flex-direction:column-reverse;gap:var(--gap, var(--spacing-md))}._layoutVImageTop_ivubr_118 ._heading_ivubr_80{gap:var(--spacing-md)}@media (max-width: 768px){._layoutVImageTop_ivubr_118{gap:var(--spacing-lg)}}._layoutVImageBottom_ivubr_131{flex-direction:column;gap:var(--gap, var(--spacing-md))}._layoutVImageBottom_ivubr_131 ._heading_ivubr_80{gap:var(--spacing-md)}@media (max-width: 768px){._layoutVImageBottom_ivubr_131{gap:var(--spacing-lg)}}._heading_ivubr_80{display:flex;flex-direction:column;width:100%;gap:var(--spacing-md)}._title_ivubr_151{text-wrap:pretty}._text_ivubr_156{flex:1;display:flex;justify-content:center;flex-direction:column;gap:1rem}@media (max-width: 767px){._text_ivubr_156{flex:1;width:100%;align-items:flex-start}}._cta_ivubr_170{width:100%}@media (max-width: 767px){._cta_ivubr_170{justify-content:flex-start}}._headingHorizontal_ivubr_178{flex-direction:row;justify-content:space-between;gap:5rem}@media (max-width: 767px){._headingHorizontal_ivubr_178{gap:var(--spacing-md)}}._headingHorizontal_ivubr_178 ._titleWrapper_ivubr_187,._headingHorizontal_ivubr_178 .portableTextContainer{flex:1}._headingHorizontal_ivubr_178 ._title_ivubr_151{margin-bottom:0}._headingHorizontal_ivubr_178 p._title_ivubr_151{margin-top:1rem}@media (max-width: 768px){._headingHorizontal_ivubr_178{flex-direction:column}}._headingVertical_ivubr_208{flex-direction:column;justify-content:flex-start}._image_ivubr_85{display:flex;align-items:center;justify-content:center;flex:1;width:100%;margin:0 auto;line-height:0}._image_ivubr_85 img{width:100%;height:auto}._videoWrapper_ivubr_229{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-md);flex:1}._videoWrapper_ivubr_229 iframe,._videoWrapper_ivubr_229 video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}._default_ivubr_249{display:block}._default_ivubr_249 img{border-radius:var(--radius-md)}._maxWidth_ivubr_257{margin:0 auto}._maxWidth_ivubr_257 img{max-width:var(--max-width, var(--layout-width));border-radius:var(--radius-md);height:auto}._fullBleed_ivubr_267{width:100%;max-width:unset;border-radius:var(--radius-md);overflow:hidden}.blog ._container_ivubr_7{max-width:var(--blog-width)}.centered ._heading_ivubr_80{gap:var(--spacing-md);align-items:center;justify-content:center}.centered ._text_ivubr_156{align-items:center}.centered ._cta_ivubr_170{justify-content:center}.backgroundPrimary ._text_ivubr_156 p,.backgroundPrimary ._text_ivubr_156 p a,.backgroundPrimary ._metricValue_ivubr_50{color:#fff}.backgroundPrimary ._metricValue_ivubr_50:after{background-color:var(--color-secondary-100)}.backgroundPrimary ._cta_ivubr_170 ._secondary_ivubr_308{background-color:#fff}.split-35-65 ._heading_ivubr_80{flex:.35}
|
|
7
7
|
._container_1yh99_1{width:100%;display:flex;flex-direction:column;justify-content:flex-start}._container_1yh99_1 *{margin-bottom:1rem}._container_1yh99_1 *:has(+._divider_1yh99_12){margin-bottom:0}._container_1yh99_1 ul{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}._container_1yh99_1 *:last-child{margin-bottom:0}._container_1yh99_1 ._richTextImage_1yh99_26{border-radius:var(--radius-md);margin:0 auto;overflow:hidden;line-height:0;margin-bottom:1rem}._container_1yh99_1 ._richTextLink_1yh99_34{color:var(--color-secondary-100);text-decoration:underline;font-weight:var(--font-weight-semibold);transition:color .3s ease-in-out,text-decoration .3s ease-in-out}._container_1yh99_1 ._richTextLink_1yh99_34:hover{color:var(--color-primary-100);text-decoration:underline}._container_1yh99_1 ._divider_1yh99_12{border:none;border-top:1px solid var(--color-secondary-25);margin:var(--spacing-md) 0}._container_1yh99_1 .text-small{font-size:var(--font-size-sm)}._container_1yh99_1 .text-medium{font-size:var(--font-size-md)}._container_1yh99_1 .text-large{font-size:var(--font-size-lg)}._container_1yh99_1 .text-xlarge{font-size:var(--font-size-xl)}
|
|
8
8
|
._cardLink_1wgn9_1{text-decoration:none}._card_1wgn9_1{background-color:var(--color-primary-10);padding:var(--spacing-xl);height:100px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;position:relative;transition:background-color .3s ease-in-out}._card_1wgn9_1 ._title_1wgn9_17 span{font-weight:var(--font-weight-bold)}._cardLink_1wgn9_1:hover ._card_1wgn9_1{background-color:var(--color-primary-100)}._cardLink_1wgn9_1:hover ._title_1wgn9_17{color:#fff}._cardLink_1wgn9_1:hover ._title_1wgn9_17 span{color:#fff!important}._title_1wgn9_17{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-decoration:none;line-height:var(--line-height-tight);flex:1;transition:color .3s ease-in-out}._title_1wgn9_17 span{transition:color .3s ease-in-out}._image_1wgn9_52{position:relative;height:100%;width:100px;display:flex;align-items:center;justify-content:center}._image_1wgn9_52 img{position:absolute;width:80px;height:auto}@media (max-width: 767px){._image_1wgn9_52{width:70px}._image_1wgn9_52 img{width:70px}}._icon_1wgn9_75{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:var(--color-primary-100);min-width:35px;min-height:35px;border-radius:var(--radius-full)}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
._card_1677v_1{background-color:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;position:relative}._service_1677v_12{position:relative}._container_1677v_16{display:flex;align-items:center;gap:var(--spacing-lg)}._title_1677v_22{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._content_1677v_27{display:flex;flex-direction:column;gap:var(--spacing-sm)}._content_1677v_27 ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm);list-style:none;padding:0;padding-block-start:0}._content_1677v_27 ul li{background-color:#e0eaf9;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);margin-bottom:0}._image_1677v_50{max-width:100px}._image_1677v_50 img{width:100%;height:auto;object-fit:cover}
|
|
11
11
|
._card_1vt0e_1{background-color:var(--color-background);border-radius:var(--radius-md);position:relative;overflow:hidden;padding:0;display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box;min-height:400px}._imageBackgroundContainer_1vt0e_15{position:relative;height:450px}._modalTrigger_1vt0e_20{cursor:pointer}._callToAction_1vt0e_24{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:var(--spacing-sm);z-index:5}._callToAction_1vt0e_24 ._cardIcon_1vt0e_33{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_1vt0e_24 ._label_1vt0e_51{color:#fff;font-weight:var(--font-weight-semibold);opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}._card_1vt0e_1._video_1vt0e_62:hover ._image_1vt0e_15 img{opacity:.75}._card_1vt0e_1._video_1vt0e_62:hover ._label_1vt0e_51{opacity:1;transform:translateY(0);color:var(--color-primary-100)}._card_1vt0e_1._video_1vt0e_62:hover ._cardIcon_1vt0e_33{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._fullBleed_1vt0e_80{margin:0 auto}._fullBleed_1vt0e_80 ._content_1vt0e_84{display:flex;flex-direction:column}._fullBleed_1vt0e_80 ._overlay_1vt0e_90{background-color:#000000bf;border-radius:var(--radius-md);width:calc(100% - 2rem);margin:0 auto;position:absolute;bottom:1rem;left:1rem;padding:1rem;display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-md);background:#ffffffa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}._fullBleed_1vt0e_80 ._overlay_1vt0e_90 ._description_1vt0e_108{color:var(--color-text-primary);transition:max-height .3s ease-in-out}._fullBleed_1vt0e_80 ._cardIcon_1vt0e_33{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);position:absolute;top:1rem;right:1rem;z-index:1;background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._fullBleed_1vt0e_80:hover ._cardIcon_1vt0e_33{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._fullBleed_1vt0e_80 ._title_1vt0e_143{line-height:1.1}._fullBleed_1vt0e_80 ._title_1vt0e_143 strong{font-size:var(--font-size-lg)}._fullBleed_1vt0e_80._default_1vt0e_151 ._overlay_1vt0e_90 ._content_1vt0e_84{flex-direction:column-reverse;gap:var(--spacing-md)}._fullBleed_1vt0e_80._default_1vt0e_151 ._overlay_1vt0e_90 ._title_1vt0e_143{line-height:1.1}._fullBleed_1vt0e_80._default_1vt0e_151 ._overlay_1vt0e_90 ._title_1vt0e_143 strong{font-size:var(--font-size-md)}._fullBleed_1vt0e_80._default_1vt0e_151 ._overlay_1vt0e_90 ._description_1vt0e_108{max-height:500px}._fullBleed_1vt0e_80._default_1vt0e_151 ._overlay_1vt0e_90 ._description_1vt0e_108:before{content:"“";font-size:var(--font-size-lg);display:inline-block;position:relative;top:.15rem;left:-3px;color:var(--color-primary-100);font-family:Times New Roman,Times,serif;font-weight:var(--font-weight-bold);line-height:0}._fullBleed_1vt0e_80._default_1vt0e_151 ._overlay_1vt0e_90 ._description_1vt0e_108:after{content:"”";font-size:var(--font-size-lg);display:inline-block;position:relative;top:.15rem;right:-3px;color:var(--color-primary-100);font-family:Times New Roman,Times,serif;font-weight:var(--font-weight-bold);line-height:0}._fullBleed_1vt0e_80._video_1vt0e_62{cursor:pointer}._fullBleed_1vt0e_80._video_1vt0e_62 ._overlay_1vt0e_90 ._description_1vt0e_108{max-height:0;overflow:hidden}._fullBleed_1vt0e_80._video_1vt0e_62:hover ._overlay_1vt0e_90 ._description_1vt0e_108{max-height:400px}._imageLeft_1vt0e_219{max-width:800px;margin:0 auto;min-height:unset}@media (max-width: 767px){._imageLeft_1vt0e_219{max-width:unset;padding:0}}._imageLeft_1vt0e_219 ._container_1vt0e_230{display:flex;gap:var(--spacing-xl)}@media (max-width: 767px){._imageLeft_1vt0e_219 ._container_1vt0e_230{flex-direction:column}}@media (max-width: 767px){._imageLeft_1vt0e_219{max-width:unset}._imageLeft_1vt0e_219 ._container_1vt0e_230{flex-direction:column}}._imageLeft_1vt0e_219 ._content_1vt0e_84{flex:1 0;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:var(--spacing-md);position:relative;padding:var(--spacing-xl)}@media (max-width: 767px){._imageLeft_1vt0e_219 ._content_1vt0e_84{padding:0}}._imageLeft_1vt0e_219 ._image_1vt0e_15{flex:.75;height:100%;max-height:450px;max-width:275px;margin:0 auto}._imageLeft_1vt0e_219 ._image_1vt0e_15 img{border-radius:var(--radius-md);overflow:hidden;width:100%;object-fit:cover;height:auto}._imageRight_1vt0e_279{max-width:800px;margin:0 auto;min-height:unset}@media (max-width: 767px){._imageRight_1vt0e_279{max-width:unset;padding:0}}._imageRight_1vt0e_279 ._container_1vt0e_230{display:flex;flex-direction:row-reverse;gap:var(--spacing-xl)}@media (max-width: 767px){._imageRight_1vt0e_279 ._container_1vt0e_230{flex-direction:column}}._imageRight_1vt0e_279 ._content_1vt0e_84{flex:1 0;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:var(--spacing-md);position:relative;padding:var(--spacing-xl)}@media (max-width: 767px){._imageRight_1vt0e_279 ._content_1vt0e_84{padding:0}}._imageRight_1vt0e_279 ._image_1vt0e_15{flex:.75;height:100%;max-height:450px;max-width:275px;margin:0 auto;position:relative}._imageRight_1vt0e_279 ._image_1vt0e_15 img{border-radius:var(--radius-md);overflow:hidden;width:100%;object-fit:cover;height:auto}._imageBottom_1vt0e_333{padding:var(--spacing-xl);max-width:800px;margin:0 auto;min-height:unset;display:flex;align-items:center;justify-content:center}._imageBottom_1vt0e_333 ._content_1vt0e_84{display:flex;flex-direction:column;gap:var(--spacing-xl)}._imageBottom_1vt0e_333 ._personContainer_1vt0e_348{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-md)}._imageTop_1vt0e_356{padding:var(--spacing-xl);max-width:800px;margin:0 auto;min-height:unset;display:flex;align-items:center;justify-content:center}._imageTop_1vt0e_356 ._container_1vt0e_230{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg)}._imageTop_1vt0e_356 ._content_1vt0e_84{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-md)}._imageTop_1vt0e_356 ._personContainer_1vt0e_348{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}@media (max-width: 767px){._imageRight_1vt0e_279,._imageLeft_1vt0e_219,._imageBottom_1vt0e_333,._imageTop_1vt0e_356{max-width:unset;padding:0}}._imageRight_1vt0e_279 ._image_1vt0e_15 img,._imageLeft_1vt0e_219 ._image_1vt0e_15 img,._imageBottom_1vt0e_333 ._image_1vt0e_15 img,._imageTop_1vt0e_356 ._image_1vt0e_15 img{transition:opacity .3s ease-in-out}._imageRight_1vt0e_279 ._title_1vt0e_143 strong,._imageLeft_1vt0e_219 ._title_1vt0e_143 strong,._imageBottom_1vt0e_333 ._title_1vt0e_143 strong,._imageTop_1vt0e_356 ._title_1vt0e_143 strong{font-size:var(--font-size-lg)}._imageRight_1vt0e_279 ._description_1vt0e_108,._imageLeft_1vt0e_219 ._description_1vt0e_108,._imageBottom_1vt0e_333 ._description_1vt0e_108,._imageTop_1vt0e_356 ._description_1vt0e_108{display:block;position:relative;font-size:var(--font-size-lg);text-wrap:pretty;overflow:visible}._imageRight_1vt0e_279 ._description_1vt0e_108:before,._imageLeft_1vt0e_219 ._description_1vt0e_108:before,._imageBottom_1vt0e_333 ._description_1vt0e_108:before,._imageTop_1vt0e_356 ._description_1vt0e_108:before{content:"“";font-size:2.5rem;display:inline-block;position:relative;top:.35rem;left:-1px;color:var(--color-primary-100);font-family:Times New Roman,Times,serif;font-weight:var(--font-weight-bold);line-height:0}._imageRight_1vt0e_279 ._description_1vt0e_108:after,._imageLeft_1vt0e_219 ._description_1vt0e_108:after,._imageBottom_1vt0e_333 ._description_1vt0e_108:after,._imageTop_1vt0e_356 ._description_1vt0e_108:after{content:"”";font-size:2.5rem;display:inline-block;position:relative;top:.35rem;right:-1px;color:var(--color-primary-100);font-family:Times New Roman,Times,serif;font-weight:var(--font-weight-bold);line-height:0}
|
|
12
12
|
._cardLink_1wi59_1{text-decoration:none;cursor:pointer}._card_1wi59_1{border-radius:var(--radius-md);position:relative;overflow:hidden}@media (max-width: 768px){._card_1wi59_1{width:100%;max-width:none;min-width:0}}._container_1wi59_18{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);height:100%;width:100%;padding:2.5rem var(--spacing-xl)}._image_1wi59_28{position:relative;height:auto;width:100%;max-width:250px;display:flex;align-items:center;justify-content:center}._image_1wi59_28 img{width:100%;height:auto}._rating_1wi59_43{display:flex;align-items:center;gap:var(--spacing-md)}._ratingValue_1wi59_49{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}._ratingOuter_1wi59_54{color:transparent;font-size:var(--font-size-xl);position:relative;display:inline-flex}._ratingInner_1wi59_61{color:var(--color-warning);font-size:var(--font-size-xl);position:absolute;top:0;left:0;white-space:nowrap;overflow:hidden}
|
|
13
|
-
.
|
|
13
|
+
._carousel_t51gu_1{width:100%;overflow-x:hidden}@media (max-width: 767px){._carousel_t51gu_1{padding:0 var(--spacing-lg)}}._noPointerEvents_t51gu_10 *{pointer-events:none!important}._trackContainer_t51gu_14{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_t51gu_14{overflow:visible}}._track_t51gu_14{display:flex;transition:transform .3s ease;will-change:transform}._page_t51gu_29{display:flex;gap:var(--spacing-md)}@media (max-width: 767px){._page_t51gu_29{justify-content:center;padding:0 var(--spacing-sm)}}._controls_t51gu_39{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);margin-left:auto;margin-right:auto;padding:0 var(--spacing-md);width:100%}._indicators_t51gu_50{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-xs)}._indicator_t51gu_50{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:1px solid #fff;cursor:pointer;transition:background-color .3s}._indicator_t51gu_50._active_t51gu_67{background-color:var(--color-primary-100)}._buttons_t51gu_71{display:flex;gap:var(--spacing-md)}._prev_t51gu_76._disabled_t51gu_76,._next_t51gu_77._disabled_t51gu_76{opacity:.5;pointer-events:none}._buttons_t51gu_71 button:not(._disabled_t51gu_76):hover{background-color:var(--color-primary-100);color:#fff}._prev_t51gu_76,._next_t51gu_77{background-color:#e0e0e0;color:var(--color-text-primary);border:1px solid #fff;padding:var(--spacing-sm);cursor:pointer;transition:background-color .3s,color .3s;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}
|
|
14
14
|
._tabs_tu4lq_1{display:flex;flex-direction:column;width:100%}._tabsList_tu4lq_7{display:flex;width:100%;background-color:var(--color-secondary-10);border-radius:calc(var(--radius-md) + 5px);position:relative;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}._tabsList_tu4lq_7::-webkit-scrollbar{display:none}._horizontal_tu4lq_24{flex-direction:column}._horizontal_tu4lq_24 ._tabsPanel_tu4lq_26{padding:var(--spacing-lg) var(--spacing-md)}._vertical_tu4lq_31{flex-direction:row;align-items:flex-start;gap:3rem}._vertical_tu4lq_31 ._tabsList_tu4lq_7{flex-direction:column;overflow-x:visible;flex:.25 0 150px}._vertical_tu4lq_31 ._tabsTrigger_tu4lq_42{white-space:normal;text-align:left}._vertical_tu4lq_31 ._tabsPanelWrapper_tu4lq_47{flex:1;width:100%}@media (max-width: 767px){._vertical_tu4lq_31{flex-direction:column}}._left_tu4lq_58{justify-content:flex-start}._center_tu4lq_62{justify-content:center}._right_tu4lq_66{justify-content:flex-end}._indicator_tu4lq_70{position:absolute;left:0;top:0;border-radius:var(--radius-md);transition:transform .3s ease-in-out,width .3s ease-in-out;z-index:0;border:5px solid var(--color-secondary-10)}._indicator_tu4lq_70:after{content:"";border-radius:var(--radius-md);background-color:var(--color-secondary-100);display:block;position:absolute;width:100%;height:100%}._tabsTrigger_tu4lq_42{padding:var(--spacing-md);border:none;background:none;cursor:pointer;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);transition:color .3s ease;position:relative;z-index:1;white-space:nowrap;text-align:center;width:100%}._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}@media (max-width: 767px){._tabsList_tu4lq_7{flex-direction:column;overflow-x:visible}._tabsTrigger_tu4lq_42{white-space:normal;text-align:left}}._tabsPanelWrapper_tu4lq_47{position:relative;overflow:hidden;height:auto;transition:height .3s ease-in-out}._tabsPanel_tu4lq_26{animation:_fadeSlide_tu4lq_1 .3s ease both;position:relative;width:100%;color:var(--color-text-primary)}@keyframes _fadeSlide_tu4lq_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}._default_tu4lq_161{background-color:transparent}._dark_tu4lq_165{background-color:var(--color-tab-background)}._dark_tu4lq_165 ._indicator_tu4lq_70{border:5px solid transparent}._dark_tu4lq_165 ._tabsTrigger_tu4lq_42{color:var(--color-primary-25)}._light_tu4lq_177{background-color:#fff}._light_tu4lq_177 ._indicator_tu4lq_70{border:5px solid transparent}._light_tu4lq_177 ._tabsList_tu4lq_7{background-color:#fff}._light_tu4lq_177 ._tabsTrigger_tu4lq_42{color:var(--color-text-primary)}._light_tu4lq_177 ._tabsTrigger_tu4lq_42:hover{color:var(--color-primary-100)}._light_tu4lq_177 ._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}._transparent_tu4lq_201{background-color:transparent}._transparent_tu4lq_201 ._indicator_tu4lq_70{border:5px solid transparent}._transparent_tu4lq_201 ._tabsList_tu4lq_7{background-color:transparent}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42{color:var(--color-text-primary)}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42:hover{color:var(--color-primary-100)}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}
|
|
15
15
|
._card_1uxfh_1{width:100%;background-color:var(--color-background);border-radius:var(--radius-md);position:relative;overflow:hidden;padding:0;cursor:pointer;transition:box-shadow .3s,transform .3s}._cardLink_1uxfh_14{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:400px;box-sizing:border-box}._card_1uxfh_1:hover ._text_1uxfh_24{max-height:200px}._card_1uxfh_1:hover ._callToAction_1uxfh_28 ._label_1uxfh_29{opacity:1;transform:translateY(0)}._card_1uxfh_1:hover ._callToAction_1uxfh_28 ._cardIcon_1uxfh_34{background-color:#e0eaf9;color:var(--color-primary-100);border:5px solid #e0eaf9}._callToAction_1uxfh_28{position:absolute;z-index:5;top:1rem;right:1rem;display:flex;align-items:center;gap:var(--spacing-sm)}._callToAction_1uxfh_28 ._cardIcon_1uxfh_34{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_1uxfh_28 ._label_1uxfh_29{color:#fff;font-weight:var(--font-weight-semibold);opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}._imageBackgroundContainer_1uxfh_80{position:relative;width:100%;height:100%;overflow:hidden;flex-grow:1}._imageBackgroundContainer_1uxfh_80 img{transition:width .3s ease-in-out,height .3s ease-in-out}._backgroundImage_1uxfh_94{width:100%;height:100%;object-fit:cover;position:relative;top:0;left:0;z-index:1}._overlay_1uxfh_104{position:absolute;bottom:0;left:0;width:100%;height:100%;background:#0009;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-md)}._title_1uxfh_120{background-color:#fff;border-radius:50px;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-primary-100);width:fit-content;font-weight:var(--font-weight-semibold)}._text_1uxfh_24{color:#fff;font-size:2rem;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);max-height:0;margin-top:var(--spacing-sm);overflow:hidden;transition:max-height .3s ease-in-out;transform-origin:bottom;text-wrap:balance;max-width:300px}@media (max-width: 768px){._text_1uxfh_24{max-height:300px}}._content_1uxfh_147{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}
|
|
16
16
|
._cardLink_3vs1z_1{text-decoration:none;cursor:pointer}._card_3vs1z_1{min-height:300px;position:relative;overflow:hidden}@media (max-width: 768px){._card_3vs1z_1{width:100%;max-width:none;min-width:0}}._container_3vs1z_20{display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;gap:var(--spacing-lg);height:100%;width:100%;padding:0 var(--spacing-lg)}@media (max-width: 767px){._container_3vs1z_20{padding:0}}._image_3vs1z_35{height:320px;align-items:center;justify-content:center;border-radius:var(--radius-md);overflow:hidden;line-height:0}._image_3vs1z_35 img{position:relative;width:100%;height:100%;object-fit:cover}._content_3vs1z_51{flex:1}._imageTop_3vs1z_55 ._container_3vs1z_20{flex-direction:column-reverse;gap:var(--spacing-md)}._imageLeft_3vs1z_62{width:100%;max-width:1000px;margin:0 auto}._imageLeft_3vs1z_62 ._container_3vs1z_20{flex-direction:row-reverse;gap:5rem}@media (max-width: 767px){._imageLeft_3vs1z_62 ._container_3vs1z_20{flex-direction:column-reverse;gap:var(--spacing-md)}}._imageLeft_3vs1z_62 ._image_3vs1z_35{flex:.75;height:400px}@media (max-width: 767px){._imageLeft_3vs1z_62 ._image_3vs1z_35{flex:unset;width:100%;height:320px;align-items:center;justify-content:center;border-radius:var(--radius-md);overflow:hidden;line-height:0}._imageLeft_3vs1z_62 ._image_3vs1z_35 img{position:relative;width:100%;height:100%;object-fit:cover}}._cardLink_3vs1z_1:hover ._card_3vs1z_1,._modalTrigger_3vs1z_102:hover ._card_3vs1z_1{background-color:var(--color-primary-100)}._cardLink_3vs1z_1:hover ._callToAction_3vs1z_107 ._label_3vs1z_108,._modalTrigger_3vs1z_102:hover ._callToAction_3vs1z_107 ._label_3vs1z_108{opacity:1;transform:translateY(0)}._cardLink_3vs1z_1:hover ._callToAction_3vs1z_107 ._cardIcon_3vs1z_113,._modalTrigger_3vs1z_102:hover ._callToAction_3vs1z_107 ._cardIcon_3vs1z_113{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._title_3vs1z_120{margin:0;font-size:1.75rem;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-decoration:none;flex:1;transition:color .3s ease-in-out}._title_3vs1z_120 span{transition:color .3s ease-in-out}._icon_3vs1z_143{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:var(--color-primary-100);width:30px;height:30px;border-radius:var(--radius-full)}._modalTrigger_3vs1z_102{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}._modalTrigger_3vs1z_102 ._image_3vs1z_35{transition:opacity .3s ease-in-out}._modalTrigger_3vs1z_102:hover ._cardIcon_3vs1z_113{background-color:var(--color-primary-100);border-color:var(--color-primary-100);color:#fff}._modalTrigger_3vs1z_102:hover ._image_3vs1z_35{opacity:.75}._callToAction_3vs1z_107{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:var(--spacing-sm)}._callToAction_3vs1z_107 ._cardIcon_3vs1z_113{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_3vs1z_107 ._label_3vs1z_108{color:var(--color-primary-100);font-weight:var(--font-weight-semibold);opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}
|
package/dist/styles.css.d.ts
CHANGED
|
@@ -9,8 +9,8 @@ declare const styles: {
|
|
|
9
9
|
readonly "_actions_tk8y9_48": string;
|
|
10
10
|
readonly "_active_1bj6k_30": string;
|
|
11
11
|
readonly "_active_l5nlh_96": string;
|
|
12
|
-
readonly "_active_lmysl_71": string;
|
|
13
12
|
readonly "_active_qx9xp_39": string;
|
|
13
|
+
readonly "_active_t51gu_67": string;
|
|
14
14
|
readonly "_active_tu4lq_117": string;
|
|
15
15
|
readonly "_advanced_lwp21_833": string;
|
|
16
16
|
readonly "_alert_ucye1_1": string;
|
|
@@ -47,7 +47,7 @@ declare const styles: {
|
|
|
47
47
|
readonly "_breadcrumbs_qx9xp_1": string;
|
|
48
48
|
readonly "_busy_1ihs2_73": string;
|
|
49
49
|
readonly "_buttonGroup_15lw8_1": string;
|
|
50
|
-
readonly "
|
|
50
|
+
readonly "_buttons_t51gu_71": string;
|
|
51
51
|
readonly "_calendar_1q8jq_1": string;
|
|
52
52
|
readonly "_callToAction_1fhn6_26": string;
|
|
53
53
|
readonly "_callToAction_1uxfh_28": string;
|
|
@@ -73,9 +73,9 @@ declare const styles: {
|
|
|
73
73
|
readonly "_card_3vs1z_1": string;
|
|
74
74
|
readonly "_card_l1qmh_1": string;
|
|
75
75
|
readonly "_card_ti1qi_1": string;
|
|
76
|
-
readonly "
|
|
77
|
-
readonly "
|
|
78
|
-
readonly "
|
|
76
|
+
readonly "_carouselComponent_16g66_101": string;
|
|
77
|
+
readonly "_carousel_16g66_1": string;
|
|
78
|
+
readonly "_carousel_t51gu_1": string;
|
|
79
79
|
readonly "_category_1fhn6_227": string;
|
|
80
80
|
readonly "_category_c7i2h_75": string;
|
|
81
81
|
readonly "_cell_1q8jq_33": string;
|
|
@@ -95,8 +95,8 @@ declare const styles: {
|
|
|
95
95
|
readonly "_closed_1bj6k_56": string;
|
|
96
96
|
readonly "_containImage_l1qmh_405": string;
|
|
97
97
|
readonly "_container_11um4_7": string;
|
|
98
|
-
readonly "_container_15exx_8": string;
|
|
99
98
|
readonly "_container_1677v_16": string;
|
|
99
|
+
readonly "_container_16g66_8": string;
|
|
100
100
|
readonly "_container_171d6_1": string;
|
|
101
101
|
readonly "_container_1gk1u_10": string;
|
|
102
102
|
readonly "_container_1vt0e_230": string;
|
|
@@ -123,7 +123,7 @@ declare const styles: {
|
|
|
123
123
|
readonly "_content_l5nlh_108": string;
|
|
124
124
|
readonly "_content_ti1qi_63": string;
|
|
125
125
|
readonly "_content_tk8y9_29": string;
|
|
126
|
-
readonly "
|
|
126
|
+
readonly "_controls_t51gu_39": string;
|
|
127
127
|
readonly "_cta_ivubr_170": string;
|
|
128
128
|
readonly "_cta_l1qmh_499": string;
|
|
129
129
|
readonly "_current_4rh7w_11": string;
|
|
@@ -149,7 +149,7 @@ declare const styles: {
|
|
|
149
149
|
readonly "_details_1gk1u_71": string;
|
|
150
150
|
readonly "_disabled_1vpw0_56": string;
|
|
151
151
|
readonly "_disabled_i7a04_38": string;
|
|
152
|
-
readonly "
|
|
152
|
+
readonly "_disabled_t51gu_76": string;
|
|
153
153
|
readonly "_disclaimer_11um4_63": string;
|
|
154
154
|
readonly "_disclaimer_c7i2h_31": string;
|
|
155
155
|
readonly "_disclaimer_ivubr_71": string;
|
|
@@ -226,7 +226,7 @@ declare const styles: {
|
|
|
226
226
|
readonly "_headingVertical_1x4bo_64": string;
|
|
227
227
|
readonly "_headingVertical_ivubr_208": string;
|
|
228
228
|
readonly "_heading_11um4_18": string;
|
|
229
|
-
readonly "
|
|
229
|
+
readonly "_heading_16g66_21": string;
|
|
230
230
|
readonly "_heading_1x4bo_25": string;
|
|
231
231
|
readonly "_heading_20vut_24": string;
|
|
232
232
|
readonly "_heading_ivubr_80": string;
|
|
@@ -283,10 +283,10 @@ declare const styles: {
|
|
|
283
283
|
readonly "_image_l5nlh_135": string;
|
|
284
284
|
readonly "_image_ti1qi_38": string;
|
|
285
285
|
readonly "_image_tk8y9_7": string;
|
|
286
|
-
readonly "
|
|
287
|
-
readonly "
|
|
286
|
+
readonly "_indicator_16g66_102": string;
|
|
287
|
+
readonly "_indicator_t51gu_50": string;
|
|
288
288
|
readonly "_indicator_tu4lq_70": string;
|
|
289
|
-
readonly "
|
|
289
|
+
readonly "_indicators_t51gu_50": string;
|
|
290
290
|
readonly "_info_18z15_65": string;
|
|
291
291
|
readonly "_info_1elr1_27": string;
|
|
292
292
|
readonly "_info_ucye1_25": string;
|
|
@@ -299,7 +299,6 @@ declare const styles: {
|
|
|
299
299
|
readonly "_input_1nmh2_7": string;
|
|
300
300
|
readonly "_input_1pyo7_7": string;
|
|
301
301
|
readonly "_input_560ee_7": string;
|
|
302
|
-
readonly "_isSplit_lmysl_10": string;
|
|
303
302
|
readonly "_itemContent_1fhn6_41": string;
|
|
304
303
|
readonly "_itemExcerpt_1fhn6_88": string;
|
|
305
304
|
readonly "_itemEyebrow_1fhn6_246": string;
|
|
@@ -403,9 +402,9 @@ declare const styles: {
|
|
|
403
402
|
readonly "_navbar_lwp21_5": string;
|
|
404
403
|
readonly "_newTabIcon_1gk1u_171": string;
|
|
405
404
|
readonly "_newTabIcon_lwp21_468": string;
|
|
406
|
-
readonly "
|
|
405
|
+
readonly "_next_t51gu_77": string;
|
|
407
406
|
readonly "_noImage_ivubr_95": string;
|
|
408
|
-
readonly "
|
|
407
|
+
readonly "_noPointerEvents_t51gu_10": string;
|
|
409
408
|
readonly "_notification_1elr1_1": string;
|
|
410
409
|
readonly "_number_c7i2h_90": string;
|
|
411
410
|
readonly "_number_l5nlh_65": string;
|
|
@@ -429,12 +428,12 @@ declare const styles: {
|
|
|
429
428
|
readonly "_paddingMd_1mldh_14": string;
|
|
430
429
|
readonly "_paddingNone_1mldh_6": string;
|
|
431
430
|
readonly "_paddingSm_1mldh_10": string;
|
|
432
|
-
readonly "
|
|
431
|
+
readonly "_page_t51gu_29": string;
|
|
433
432
|
readonly "_parent_lwp21_93": string;
|
|
434
433
|
readonly "_personContainer_1vt0e_348": string;
|
|
435
434
|
readonly "_pipe_c7i2h_103": string;
|
|
436
435
|
readonly "_popover_1nmh2_25": string;
|
|
437
|
-
readonly "
|
|
436
|
+
readonly "_prev_t51gu_76": string;
|
|
438
437
|
readonly "_previous_4rh7w_10": string;
|
|
439
438
|
readonly "_primaryColumn_lwp21_606": string;
|
|
440
439
|
readonly "_primaryInverted_1wtpc_29": string;
|
|
@@ -451,13 +450,13 @@ declare const styles: {
|
|
|
451
450
|
readonly "_radiusMd_1mldh_103": string;
|
|
452
451
|
readonly "_radiusNone_1mldh_95": string;
|
|
453
452
|
readonly "_radiusSm_1mldh_99": string;
|
|
454
|
-
readonly "
|
|
453
|
+
readonly "_ratingInner_16g66_79": string;
|
|
455
454
|
readonly "_ratingInner_1wi59_61": string;
|
|
456
|
-
readonly "
|
|
455
|
+
readonly "_ratingOuter_16g66_72": string;
|
|
457
456
|
readonly "_ratingOuter_1wi59_54": string;
|
|
458
|
-
readonly "
|
|
457
|
+
readonly "_ratingValue_16g66_67": string;
|
|
459
458
|
readonly "_ratingValue_1wi59_49": string;
|
|
460
|
-
readonly "
|
|
459
|
+
readonly "_rating_16g66_56": string;
|
|
461
460
|
readonly "_rating_1wi59_43": string;
|
|
462
461
|
readonly "_rectangle_u21vc_27": string;
|
|
463
462
|
readonly "_required_i7a04_47": string;
|
|
@@ -579,9 +578,9 @@ declare const styles: {
|
|
|
579
578
|
readonly "_top_55xty_24": string;
|
|
580
579
|
readonly "_top_w9ixy_19": string;
|
|
581
580
|
readonly "_trackContainer_1wm56_7": string;
|
|
582
|
-
readonly "
|
|
581
|
+
readonly "_trackContainer_t51gu_14": string;
|
|
583
582
|
readonly "_track_1wm56_7": string;
|
|
584
|
-
readonly "
|
|
583
|
+
readonly "_track_t51gu_14": string;
|
|
585
584
|
readonly "_transparent_lwp21_166": string;
|
|
586
585
|
readonly "_transparent_tu4lq_201": string;
|
|
587
586
|
readonly "_triangle_lwp21_161": string;
|