quirk-ui 0.0.598 → 0.0.600
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/index15.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1j8wt_1{width:100%;display:flex;flex-direction:column;justify-content:flex-start}._container_1j8wt_1 *{margin-bottom:1rem}._container_1j8wt_1 *:has(+._divider_1j8wt_12){margin-bottom:0}._container_1j8wt_1 ul{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}._container_1j8wt_1 *:last-child{margin-bottom:0}._container_1j8wt_1 ._richTextImage_1j8wt_26{border-radius:var(--radius-md);margin:0 auto;overflow:hidden;line-height:0;margin-bottom:1rem}._container_1j8wt_1 ._richTextLink_1j8wt_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_1j8wt_1 ._richTextLink_1j8wt_34:hover{color:var(--color-primary-100);text-decoration:underline}._container_1j8wt_1 ._spacerSmall_1j8wt_46{border:none;margin:0 0 var(--spacing-sm)}._container_1j8wt_1 ._spacerMedium_1j8wt_51{border:none;margin:0 0 var(--spacing-md)}._container_1j8wt_1 ._spacerLarge_1j8wt_56{border:none;margin:0 0 var(--spacing-lg)}._container_1j8wt_1 ._divider_1j8wt_12{border:none;border-top:1px solid var(--color-secondary-25);margin:var(--spacing-md) 0}._container_1j8wt_1 .text-small{font-size:var(--font-size-sm)}._container_1j8wt_1 .text-medium{font-size:var(--font-size-md)}._container_1j8wt_1 .text-large{font-size:var(--font-size-lg)}._container_1j8wt_1 .text-xlarge{font-size:var(--font-size-xl)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index15.css');const t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index15.css');const t=require("react/jsx-runtime"),_=require("react"),k=require("@portabletext/react"),q=require("../AnimatedSpan/index.cjs"),x=require("../../../core/components/Heading/index.cjs"),f=require("../../../core/components/Text/index.cjs"),y=require("next/image"),L=require("../../hooks/useMediaQuery.cjs"),M="_container_1j8wt_1",N="_divider_1j8wt_12",w="_richTextImage_1j8wt_26",S="_richTextLink_1j8wt_34",$="_spacerSmall_1j8wt_46",H="_spacerMedium_1j8wt_51",z="_spacerLarge_1j8wt_56",o={container:M,divider:N,richTextImage:w,richTextLink:S,spacerSmall:$,spacerMedium:H,spacerLarge:z},C=n=>({normal:({children:s})=>t.jsx(f.Text,{className:n,children:s}),h1:({children:s})=>t.jsx(x.Heading,{className:n,level:1,children:s}),h2:({children:s})=>t.jsx(x.Heading,{className:n,level:2,children:s}),h3:({children:s})=>t.jsx(x.Heading,{className:n,level:3,children:s}),h4:({children:s})=>t.jsx(x.Heading,{className:n,level:4,children:s}),h5:({children:s})=>t.jsx(x.Heading,{className:n,level:5,children:s}),h6:({children:s})=>t.jsx(x.Heading,{className:n,level:6,children:s}),quote:({children:s})=>t.jsx("blockquote",{className:n,children:s})}),I=(n,a,s,u,g)=>{const m=C(n);return{marks:{coloredText:({children:e,value:r})=>{if(!r)return t.jsx(t.Fragment,{children:e});const{colorClass:c}=r,i=a==null?void 0:a.current;return u&&s?t.jsx(q.AnimatedSpan,{className:c,text:s,prevText:i},"animated-span"):t.jsx("span",{className:c,children:e})},strong:({children:e})=>t.jsx("strong",{children:e}),em:({children:e})=>t.jsx("em",{children:e}),number:({children:e})=>t.jsx("span",{className:"inlineNumber",children:e}),left:({children:e})=>t.jsx("span",{className:"textLeft",children:e}),center:({children:e})=>t.jsx("span",{className:"textCenter",children:e}),right:({children:e})=>t.jsx("span",{className:"textRight",children:e}),link:({children:e,value:r})=>{var p;const{linkType:c,internalUrl:i,externalUrl:d,blank:j}=r;let l="#";c==="external"&&d?l=d:c==="internal"&&((p=i==null?void 0:i.slug)!=null&&p.current)&&(l=`/${i==null?void 0:i.slug.current}`);const h=c==="external";return t.jsx("a",{href:l,target:j?"_blank":void 0,rel:h?"noopener noreferrer":void 0,className:o.richTextLink,children:e})},textSize:({children:e,value:r})=>{const c=r!=null&&r.size?`text-${r.size}`:"";return t.jsx("span",{className:c,children:e})}},block:m,list:{bullet:({children:e=[]})=>{const r=_.Children.count(e);return t.jsx("ul",{style:{columnCount:g?1:r>5?2:1},className:n,children:e})}},types:{image:({value:e})=>{var c,i,d,j,l,h,p;if(!(e!=null&&e.imageUrls))return null;const r=((c=e.asset)==null?void 0:c.altText)||"Content image";return t.jsxs("figure",{className:`${n} ${o.richTextImage}`,children:[t.jsx(y,{src:e.imageUrls.medium,alt:r,width:1e3,height:800,style:{maxWidth:"100%",height:"auto"}}),(((i=e.asset)==null?void 0:i.title)||((d=e.asset)==null?void 0:d.description))&&t.jsxs("figcaption",{children:[((j=e.asset)==null?void 0:j.title)&&t.jsx("strong",{children:(l=e.asset)==null?void 0:l.title}),((h=e.asset)==null?void 0:h.description)&&t.jsx("p",{children:(p=e.asset)==null?void 0:p.description})]})]})},divider:()=>t.jsx("hr",{className:o.divider}),spacer:({value:e})=>{const r=(e==null?void 0:e.style)||"medium",c={small:o.spacerSmall,medium:o.spacerMedium,large:o.spacerLarge};return t.jsx("span",{className:`${o.spacer} ${c[r]??o.spacerMedium}`})}}}},b=({blocks:n,className:a,textOverride:s,animateText:u})=>{const g=L.useMediaQuery("(max-width: 767px)"),m=_.useRef(s);_.useEffect(()=>{m.current=s},[s]);const T=_.useMemo(()=>I(a,m,s,u,g),[a,m,s,u,g]);return n?typeof n=="string"?(console.warn("RichText component received a string. Expected PortableTextBlock[]"),t.jsx(f.Text,{className:a,children:n})):t.jsx("div",{className:`${o.container} portableTextContainer`,children:t.jsx(k.PortableText,{value:n,components:T})}):null};exports.RichText=b;
|
|
@@ -1,136 +1,152 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import { PortableText as
|
|
4
|
-
import { AnimatedSpan as
|
|
5
|
-
import { Heading as
|
|
1
|
+
import { jsx as t, jsxs as T, Fragment as L } from "react/jsx-runtime";
|
|
2
|
+
import N, { useRef as w, useEffect as j, useMemo as M } from "react";
|
|
3
|
+
import { PortableText as y } from "@portabletext/react";
|
|
4
|
+
import { AnimatedSpan as $ } from "../AnimatedSpan/index.mjs";
|
|
5
|
+
import { Heading as l } from "../../../core/components/Heading/index.mjs";
|
|
6
6
|
import { Text as k } from "../../../core/components/Text/index.mjs";
|
|
7
|
-
import
|
|
8
|
-
import { useMediaQuery as
|
|
9
|
-
import '../../../assets/index15.css';const
|
|
10
|
-
container:
|
|
11
|
-
divider:
|
|
12
|
-
richTextImage:
|
|
13
|
-
richTextLink:
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
})
|
|
24
|
-
|
|
7
|
+
import S from "next/image";
|
|
8
|
+
import { useMediaQuery as z } from "../../hooks/useMediaQuery.mjs";
|
|
9
|
+
import '../../../assets/index15.css';const C = "_container_1j8wt_1", I = "_divider_1j8wt_12", E = "_richTextImage_1j8wt_26", P = "_richTextLink_1j8wt_34", b = "_spacerSmall_1j8wt_46", q = "_spacerMedium_1j8wt_51", B = "_spacerLarge_1j8wt_56", i = {
|
|
10
|
+
container: C,
|
|
11
|
+
divider: I,
|
|
12
|
+
richTextImage: E,
|
|
13
|
+
richTextLink: P,
|
|
14
|
+
spacerSmall: b,
|
|
15
|
+
spacerMedium: q,
|
|
16
|
+
spacerLarge: B
|
|
17
|
+
}, R = (n) => ({
|
|
18
|
+
normal: ({ children: r }) => /* @__PURE__ */ t(k, { className: n, children: r }),
|
|
19
|
+
h1: ({ children: r }) => /* @__PURE__ */ t(l, { className: n, level: 1, children: r }),
|
|
20
|
+
h2: ({ children: r }) => /* @__PURE__ */ t(l, { className: n, level: 2, children: r }),
|
|
21
|
+
h3: ({ children: r }) => /* @__PURE__ */ t(l, { className: n, level: 3, children: r }),
|
|
22
|
+
h4: ({ children: r }) => /* @__PURE__ */ t(l, { className: n, level: 4, children: r }),
|
|
23
|
+
h5: ({ children: r }) => /* @__PURE__ */ t(l, { className: n, level: 5, children: r }),
|
|
24
|
+
h6: ({ children: r }) => /* @__PURE__ */ t(l, { className: n, level: 6, children: r }),
|
|
25
|
+
quote: ({ children: r }) => /* @__PURE__ */ t("blockquote", { className: n, children: r })
|
|
26
|
+
}), U = (n, a, r, g, x) => {
|
|
27
|
+
const p = R(n);
|
|
25
28
|
return {
|
|
26
29
|
marks: {
|
|
27
30
|
coloredText: ({
|
|
28
|
-
children:
|
|
29
|
-
value:
|
|
31
|
+
children: e,
|
|
32
|
+
value: s
|
|
30
33
|
}) => {
|
|
31
|
-
if (!
|
|
32
|
-
const { colorClass:
|
|
33
|
-
return
|
|
34
|
-
|
|
34
|
+
if (!s) return /* @__PURE__ */ t(L, { children: e });
|
|
35
|
+
const { colorClass: c } = s, o = a == null ? void 0 : a.current;
|
|
36
|
+
return g && r ? /* @__PURE__ */ t(
|
|
37
|
+
$,
|
|
35
38
|
{
|
|
36
|
-
className:
|
|
37
|
-
text:
|
|
38
|
-
prevText:
|
|
39
|
+
className: c,
|
|
40
|
+
text: r,
|
|
41
|
+
prevText: o
|
|
39
42
|
},
|
|
40
43
|
"animated-span"
|
|
41
|
-
) : /* @__PURE__ */
|
|
44
|
+
) : /* @__PURE__ */ t("span", { className: c, children: e });
|
|
42
45
|
},
|
|
43
|
-
strong: ({ children:
|
|
44
|
-
em: ({ children:
|
|
45
|
-
number: ({ children:
|
|
46
|
-
left: ({ children:
|
|
47
|
-
center: ({ children:
|
|
48
|
-
right: ({ children:
|
|
49
|
-
link: ({ children:
|
|
50
|
-
var
|
|
51
|
-
const { linkType:
|
|
52
|
-
let
|
|
53
|
-
return
|
|
46
|
+
strong: ({ children: e }) => /* @__PURE__ */ t("strong", { children: e }),
|
|
47
|
+
em: ({ children: e }) => /* @__PURE__ */ t("em", { children: e }),
|
|
48
|
+
number: ({ children: e }) => /* @__PURE__ */ t("span", { className: "inlineNumber", children: e }),
|
|
49
|
+
left: ({ children: e }) => /* @__PURE__ */ t("span", { className: "textLeft", children: e }),
|
|
50
|
+
center: ({ children: e }) => /* @__PURE__ */ t("span", { className: "textCenter", children: e }),
|
|
51
|
+
right: ({ children: e }) => /* @__PURE__ */ t("span", { className: "textRight", children: e }),
|
|
52
|
+
link: ({ children: e, value: s }) => {
|
|
53
|
+
var h;
|
|
54
|
+
const { linkType: c, internalUrl: o, externalUrl: d, blank: u } = s;
|
|
55
|
+
let m = "#";
|
|
56
|
+
return c === "external" && d ? m = d : c === "internal" && ((h = o == null ? void 0 : o.slug) != null && h.current) && (m = `/${o == null ? void 0 : o.slug.current}`), /* @__PURE__ */ t(
|
|
54
57
|
"a",
|
|
55
58
|
{
|
|
56
|
-
href:
|
|
57
|
-
target:
|
|
58
|
-
rel:
|
|
59
|
-
className:
|
|
60
|
-
children:
|
|
59
|
+
href: m,
|
|
60
|
+
target: u ? "_blank" : void 0,
|
|
61
|
+
rel: c === "external" ? "noopener noreferrer" : void 0,
|
|
62
|
+
className: i.richTextLink,
|
|
63
|
+
children: e
|
|
61
64
|
}
|
|
62
65
|
);
|
|
63
66
|
},
|
|
64
|
-
textSize: ({ children:
|
|
65
|
-
const
|
|
66
|
-
return /* @__PURE__ */
|
|
67
|
+
textSize: ({ children: e, value: s }) => {
|
|
68
|
+
const c = s != null && s.size ? `text-${s.size}` : "";
|
|
69
|
+
return /* @__PURE__ */ t("span", { className: c, children: e });
|
|
67
70
|
}
|
|
68
71
|
},
|
|
69
|
-
block:
|
|
72
|
+
block: p,
|
|
70
73
|
list: {
|
|
71
|
-
bullet: ({ children:
|
|
72
|
-
const
|
|
73
|
-
return /* @__PURE__ */
|
|
74
|
+
bullet: ({ children: e = [] }) => {
|
|
75
|
+
const s = N.Children.count(e);
|
|
76
|
+
return /* @__PURE__ */ t(
|
|
74
77
|
"ul",
|
|
75
78
|
{
|
|
76
79
|
style: {
|
|
77
|
-
columnCount:
|
|
80
|
+
columnCount: x ? 1 : s > 5 ? 2 : 1
|
|
78
81
|
},
|
|
79
|
-
className:
|
|
80
|
-
children:
|
|
82
|
+
className: n,
|
|
83
|
+
children: e
|
|
81
84
|
}
|
|
82
85
|
);
|
|
83
86
|
}
|
|
84
87
|
},
|
|
85
88
|
types: {
|
|
86
|
-
image: ({ value:
|
|
87
|
-
var
|
|
88
|
-
if (!(
|
|
89
|
-
const
|
|
90
|
-
return /* @__PURE__ */
|
|
91
|
-
/* @__PURE__ */
|
|
92
|
-
|
|
89
|
+
image: ({ value: e }) => {
|
|
90
|
+
var c, o, d, u, m, _, h;
|
|
91
|
+
if (!(e != null && e.imageUrls)) return null;
|
|
92
|
+
const s = ((c = e.asset) == null ? void 0 : c.altText) || "Content image";
|
|
93
|
+
return /* @__PURE__ */ T("figure", { className: `${n} ${i.richTextImage}`, children: [
|
|
94
|
+
/* @__PURE__ */ t(
|
|
95
|
+
S,
|
|
93
96
|
{
|
|
94
|
-
src:
|
|
95
|
-
alt:
|
|
97
|
+
src: e.imageUrls.medium,
|
|
98
|
+
alt: s,
|
|
96
99
|
width: 1e3,
|
|
97
100
|
height: 800,
|
|
98
101
|
style: { maxWidth: "100%", height: "auto" }
|
|
99
102
|
}
|
|
100
103
|
),
|
|
101
|
-
(((
|
|
102
|
-
((
|
|
103
|
-
((
|
|
104
|
+
(((o = e.asset) == null ? void 0 : o.title) || ((d = e.asset) == null ? void 0 : d.description)) && /* @__PURE__ */ T("figcaption", { children: [
|
|
105
|
+
((u = e.asset) == null ? void 0 : u.title) && /* @__PURE__ */ t("strong", { children: (m = e.asset) == null ? void 0 : m.title }),
|
|
106
|
+
((_ = e.asset) == null ? void 0 : _.description) && /* @__PURE__ */ t("p", { children: (h = e.asset) == null ? void 0 : h.description })
|
|
104
107
|
] })
|
|
105
108
|
] });
|
|
106
109
|
},
|
|
107
|
-
divider: () => /* @__PURE__ */
|
|
110
|
+
divider: () => /* @__PURE__ */ t("hr", { className: i.divider }),
|
|
111
|
+
spacer: ({ value: e }) => {
|
|
112
|
+
const s = (e == null ? void 0 : e.style) || "medium", c = {
|
|
113
|
+
small: i.spacerSmall,
|
|
114
|
+
medium: i.spacerMedium,
|
|
115
|
+
large: i.spacerLarge
|
|
116
|
+
};
|
|
117
|
+
return /* @__PURE__ */ t(
|
|
118
|
+
"span",
|
|
119
|
+
{
|
|
120
|
+
className: `${i.spacer} ${c[s] ?? i.spacerMedium}`
|
|
121
|
+
}
|
|
122
|
+
);
|
|
123
|
+
}
|
|
108
124
|
}
|
|
109
125
|
};
|
|
110
|
-
},
|
|
111
|
-
blocks:
|
|
112
|
-
className:
|
|
113
|
-
textOverride:
|
|
114
|
-
animateText:
|
|
126
|
+
}, V = ({
|
|
127
|
+
blocks: n,
|
|
128
|
+
className: a,
|
|
129
|
+
textOverride: r,
|
|
130
|
+
animateText: g
|
|
115
131
|
}) => {
|
|
116
|
-
const
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
}, [
|
|
120
|
-
const
|
|
121
|
-
() =>
|
|
122
|
-
c,
|
|
132
|
+
const x = z("(max-width: 767px)"), p = w(r);
|
|
133
|
+
j(() => {
|
|
134
|
+
p.current = r;
|
|
135
|
+
}, [r]);
|
|
136
|
+
const f = M(
|
|
137
|
+
() => U(
|
|
123
138
|
a,
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
139
|
+
p,
|
|
140
|
+
r,
|
|
141
|
+
g,
|
|
142
|
+
x
|
|
127
143
|
),
|
|
128
|
-
[
|
|
144
|
+
[a, p, r, g, x]
|
|
129
145
|
);
|
|
130
|
-
return
|
|
146
|
+
return n ? typeof n == "string" ? (console.warn(
|
|
131
147
|
"RichText component received a string. Expected PortableTextBlock[]"
|
|
132
|
-
), /* @__PURE__ */
|
|
148
|
+
), /* @__PURE__ */ t(k, { className: a, children: n })) : /* @__PURE__ */ t("div", { className: `${i.container} portableTextContainer`, children: /* @__PURE__ */ t(y, { value: n, components: f }) }) : null;
|
|
133
149
|
};
|
|
134
150
|
export {
|
|
135
|
-
|
|
151
|
+
V as RichText
|
|
136
152
|
};
|
package/dist/styles.css
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
._carousel_603xj_1{width:100%;overflow-x:hidden;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_603xj_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_603xj_8{padding:var(--spacing-xl) calc(var(--spacing-md) - var(--spacing-sm))}}._heading_603xj_21{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0 var(--spacing-md)}._heading_603xj_21:has(._title_603xj_27+._cta_603xj_27):not(:has(._text_603xj_27)){gap:var(--spacing-lg)}._heading_603xj_21 h1,._heading_603xj_21 h2,._heading_603xj_21 h3,._heading_603xj_21 h4,._heading_603xj_21 h5,._heading_603xj_21 h6{width:100%;margin-bottom:0}@media (min-width: 768px){._heading_603xj_21{padding:0 calc(var(--spacing-md) - var(--spacing-sm))}}._carousel_603xj_1{display:block}._rating_603xj_60{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}@media (max-width: 767px){._rating_603xj_60{justify-content:flex-start}}._ratingValue_603xj_71{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}._ratingOuter_603xj_76{color:transparent;font-size:var(--font-size-xl);position:relative;display:inline-flex}._ratingInner_603xj_83{color:var(--color-warning);font-size:var(--font-size-xl);position:absolute;top:0;left:0;white-space:nowrap;overflow:hidden}.split ._carousel_603xj_1{padding-top:0;margin-top:0;flex:1}@media (max-width: 767px){.split ._carousel_603xj_1{gap:var(--spacing-md);padding-top:0}}.backgroundPrimary ._carouselComponent_603xj_105 ._indicator_603xj_106{background-color:var(--color-primary-100)}
|
|
13
13
|
._content_1hrl2_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_1hrl2_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_1hrl2_7 h1,._container_1hrl2_7 h2,._container_1hrl2_7 h3,._container_1hrl2_7 h4,._container_1hrl2_7 h5,._container_1hrl2_7 h6{width:100%;margin-block:0}@media (max-width: 767px){._container_1hrl2_7{gap:var(--spacing-xl)}}._metrics_1hrl2_34{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md)}@media (max-width: 767px){._metrics_1hrl2_34{flex-direction:column}}._metric_1hrl2_34{flex:1}._metricValue_1hrl2_50{font-size:2.5rem;font-weight:var(--font-weight-bold);position:relative;z-index:1;color:var(--color-text-primary)}._metricValue_1hrl2_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_1hrl2_71{color:var(--color-text-primary);font-size:var(--font-size-sm)}._layoutHImageRight_1hrl2_76{flex-direction:row;gap:var(--gap, 5rem)}._layoutHImageRight_1hrl2_76 ._heading_1hrl2_80{gap:var(--spacing-sm);flex:.65}._layoutHImageRight_1hrl2_76 ._image_1hrl2_85{flex:.5}@media (max-width: 768px){._layoutHImageRight_1hrl2_76{flex-direction:column-reverse;gap:var(--spacing-lg)}}._noImage_1hrl2_95{flex-direction:column}._layoutHImageLeft_1hrl2_99{flex-direction:row-reverse;gap:var(--gap, 5rem)}._layoutHImageLeft_1hrl2_99 ._heading_1hrl2_80{gap:var(--spacing-sm);flex:.65}._layoutHImageLeft_1hrl2_99 ._image_1hrl2_85{flex:.5}@media (max-width: 768px){._layoutHImageLeft_1hrl2_99{flex-direction:column-reverse;gap:var(--spacing-lg)}}._layoutVImageTop_1hrl2_118{flex-direction:column-reverse;gap:var(--gap, var(--spacing-md))}._layoutVImageTop_1hrl2_118 ._heading_1hrl2_80{gap:var(--spacing-sm)}@media (max-width: 768px){._layoutVImageTop_1hrl2_118{gap:var(--spacing-lg)}}._layoutVImageBottom_1hrl2_131{flex-direction:column;gap:var(--gap, var(--spacing-md))}._layoutVImageBottom_1hrl2_131 ._heading_1hrl2_80{gap:var(--spacing-sm)}@media (max-width: 768px){._layoutVImageBottom_1hrl2_131{gap:var(--spacing-lg)}}._heading_1hrl2_80{display:flex;flex-direction:column;width:100%;gap:var(--spacing-sm)}._heading_1hrl2_80:not(:has(._text_1hrl2_150 .portableTextContainer)){gap:var(--spacing-lg)}._title_1hrl2_155{text-wrap:pretty}._text_1hrl2_150{flex:1;display:flex;justify-content:center;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._text_1hrl2_150{flex:1;width:100%;align-items:flex-start}}._cta_1hrl2_174{width:100%}@media (max-width: 767px){._cta_1hrl2_174{justify-content:flex-start}}._headingHorizontal_1hrl2_182{flex-direction:row;justify-content:space-between;gap:5rem}@media (max-width: 767px){._headingHorizontal_1hrl2_182{gap:var(--spacing-md)}}._headingHorizontal_1hrl2_182 ._titleWrapper_1hrl2_191,._headingHorizontal_1hrl2_182 .portableTextContainer{flex:1}._headingHorizontal_1hrl2_182 ._title_1hrl2_155{margin-bottom:0}._headingHorizontal_1hrl2_182 p._title_1hrl2_155{margin-top:1rem}@media (max-width: 768px){._headingHorizontal_1hrl2_182{flex-direction:column}}._headingVertical_1hrl2_212{flex-direction:column;justify-content:flex-start}._image_1hrl2_85{display:flex;align-items:center;justify-content:center;flex:1;width:100%;margin:0 auto;line-height:0}._image_1hrl2_85 img{width:100%;height:auto}._videoWrapper_1hrl2_233{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-md);flex:1}._videoWrapper_1hrl2_233 iframe,._videoWrapper_1hrl2_233 video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}._default_1hrl2_253{display:block}._default_1hrl2_253 img{border-radius:var(--radius-md)}._maxWidth_1hrl2_261{margin:0 auto}._maxWidth_1hrl2_261 img{max-width:var(--max-width, var(--layout-width));border-radius:var(--radius-md);height:auto}._fullBleed_1hrl2_271{width:100%;max-width:unset;border-radius:var(--radius-md);overflow:hidden}.blog ._container_1hrl2_7{max-width:var(--blog-width)}.centered ._heading_1hrl2_80{gap:var(--spacing-sm);align-items:center;justify-content:center}.centered ._text_1hrl2_150{align-items:center}.centered ._cta_1hrl2_174{justify-content:center}.backgroundPrimary ._text_1hrl2_150 p,.backgroundPrimary ._text_1hrl2_150 p a,.backgroundPrimary ._metricValue_1hrl2_50{color:#fff}.backgroundPrimary ._metricValue_1hrl2_50:after{background-color:var(--color-secondary-100)}.backgroundPrimary ._cta_1hrl2_174 ._secondary_1hrl2_312{background-color:#fff}.split-35-65 ._heading_1hrl2_80{flex:.35}
|
|
14
14
|
._faq_kihnm_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_kihnm_7{display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:5rem;width:100%;max-width:var(--layout-width);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (max-width: 768px){._container_kihnm_7{gap:var(--spacing-xl)}}._heading_kihnm_24{display:flex;flex-direction:column;gap:var(--spacing-sm)}._heading_kihnm_24:has(._title_kihnm_29+._cta_kihnm_29):not(:has(._text_kihnm_29)){gap:var(--spacing-lg)}._heading_kihnm_24 h1,._heading_kihnm_24 h2,._heading_kihnm_24 h3,._heading_kihnm_24 h4,._heading_kihnm_24 h5,._heading_kihnm_24 h6{width:100%;margin-bottom:0}.split ._content_kihnm_45{margin-top:0;flex:1}
|
|
15
|
-
.
|
|
15
|
+
._container_1j8wt_1{width:100%;display:flex;flex-direction:column;justify-content:flex-start}._container_1j8wt_1 *{margin-bottom:1rem}._container_1j8wt_1 *:has(+._divider_1j8wt_12){margin-bottom:0}._container_1j8wt_1 ul{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}._container_1j8wt_1 *:last-child{margin-bottom:0}._container_1j8wt_1 ._richTextImage_1j8wt_26{border-radius:var(--radius-md);margin:0 auto;overflow:hidden;line-height:0;margin-bottom:1rem}._container_1j8wt_1 ._richTextLink_1j8wt_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_1j8wt_1 ._richTextLink_1j8wt_34:hover{color:var(--color-primary-100);text-decoration:underline}._container_1j8wt_1 ._spacerSmall_1j8wt_46{border:none;margin:0 0 var(--spacing-sm)}._container_1j8wt_1 ._spacerMedium_1j8wt_51{border:none;margin:0 0 var(--spacing-md)}._container_1j8wt_1 ._spacerLarge_1j8wt_56{border:none;margin:0 0 var(--spacing-lg)}._container_1j8wt_1 ._divider_1j8wt_12{border:none;border-top:1px solid var(--color-secondary-25);margin:var(--spacing-md) 0}._container_1j8wt_1 .text-small{font-size:var(--font-size-sm)}._container_1j8wt_1 .text-medium{font-size:var(--font-size-md)}._container_1j8wt_1 .text-large{font-size:var(--font-size-lg)}._container_1j8wt_1 .text-xlarge{font-size:var(--font-size-xl)}
|
|
16
16
|
._accordion_1bj6k_1{width:100%;overflow:hidden;background-color:transparent}._accordionItem_1bj6k_7{border-bottom:1px solid var(--color-border)}._accordionItem_1bj6k_7:last-child{border-bottom:none}._accordionHeader_1bj6k_15{text-align:left;width:100%;padding:var(--spacing-md);background-color:transparent;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:space-between;transition:color .3s}._accordionHeader_1bj6k_15._active_1bj6k_30,._accordionHeader_1bj6k_15:hover,._accordionHeader_1bj6k_15:hover ._icon_1bj6k_38{color:var(--color-primary-100)}._accordionContentWrapper_1bj6k_43{overflow:hidden;max-height:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;opacity:0}._open_1bj6k_50 ._accordionContentWrapper_1bj6k_43{max-height:800px;opacity:1;transition-timing-function:ease-in-out}._closed_1bj6k_56 ._accordionContentWrapper_1bj6k_43{max-height:0;opacity:0;transition-timing-function:ease-in-out}._accordionContent_1bj6k_43{padding:var(--spacing-md);box-sizing:border-box;color:var(--color-text-primary)}._icon_1bj6k_38{transition:transform .3s,color .3s ease-in-out}._rotate_1bj6k_72{transform:rotate(180deg)}
|
|
17
17
|
._grid_a6iq3_1{display:grid;width:100%;gap:var(--spacing-md, 1rem);grid-template-columns:var(--xs-columns, repeat(1, 1fr));grid-auto-rows:auto}@media (min-width: 480px){._grid_a6iq3_1{grid-template-columns:var(--sm-columns, var(--xs-columns));grid-auto-rows:auto}}@media (min-width: 768px){._grid_a6iq3_1{grid-template-columns:var(--md-columns, var(--sm-columns));grid-auto-rows:1fr}}@media (min-width: 1024px){._grid_a6iq3_1{grid-template-columns:var(--lg-columns, var(--md-columns));grid-auto-rows:auto 1fr}}@media (min-width: 1280px){._grid_a6iq3_1{grid-template-columns:var(--xl-columns, var(--lg-columns));grid-auto-rows:auto 1fr}}@media (min-width: 1536px){._grid_a6iq3_1{grid-template-columns:var(--2xl-columns, var(--xl-columns));grid-auto-rows:auto 1fr}}
|
|
18
18
|
._cardLink_peol3_1{text-decoration:none}._card_peol3_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_peol3_1 ._title_peol3_17 span{font-weight:var(--font-weight-bold)}._cardLink_peol3_1:hover ._card_peol3_1{background-color:var(--color-primary-100)}._cardLink_peol3_1:hover ._title_peol3_17{color:#fff}._cardLink_peol3_1:hover ._title_peol3_17 span{color:#fff!important}._title_peol3_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_peol3_17 span{transition:color .3s ease-in-out}._imageWrapper_peol3_52{position:relative;height:100%;width:100px;display:flex;align-items:center;justify-content:center}._imageWrapper_peol3_52 img{position:absolute;width:80px;height:auto}@media (max-width: 767px){._imageWrapper_peol3_52{width:70px}._imageWrapper_peol3_52 img{width:70px}}._icon_peol3_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)}
|
|
@@ -84,7 +84,7 @@ ul._list_1fin2_1{list-style-type:none;padding:0;margin:0}ol._list_1fin2_1{list-s
|
|
|
84
84
|
._carousel_603xj_1{width:100%;overflow-x:hidden;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_603xj_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_603xj_8{padding:var(--spacing-xl) calc(var(--spacing-md) - var(--spacing-sm))}}._heading_603xj_21{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0 var(--spacing-md)}._heading_603xj_21:has(._title_603xj_27+._cta_603xj_27):not(:has(._text_603xj_27)){gap:var(--spacing-lg)}._heading_603xj_21 h1,._heading_603xj_21 h2,._heading_603xj_21 h3,._heading_603xj_21 h4,._heading_603xj_21 h5,._heading_603xj_21 h6{width:100%;margin-bottom:0}@media (min-width: 768px){._heading_603xj_21{padding:0 calc(var(--spacing-md) - var(--spacing-sm))}}._carousel_603xj_1{display:block}._rating_603xj_60{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}@media (max-width: 767px){._rating_603xj_60{justify-content:flex-start}}._ratingValue_603xj_71{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}._ratingOuter_603xj_76{color:transparent;font-size:var(--font-size-xl);position:relative;display:inline-flex}._ratingInner_603xj_83{color:var(--color-warning);font-size:var(--font-size-xl);position:absolute;top:0;left:0;white-space:nowrap;overflow:hidden}.split ._carousel_603xj_1{padding-top:0;margin-top:0;flex:1}@media (max-width: 767px){.split ._carousel_603xj_1{gap:var(--spacing-md);padding-top:0}}.backgroundPrimary ._carouselComponent_603xj_105 ._indicator_603xj_106{background-color:var(--color-primary-100)}
|
|
85
85
|
._content_1hrl2_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_1hrl2_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_1hrl2_7 h1,._container_1hrl2_7 h2,._container_1hrl2_7 h3,._container_1hrl2_7 h4,._container_1hrl2_7 h5,._container_1hrl2_7 h6{width:100%;margin-block:0}@media (max-width: 767px){._container_1hrl2_7{gap:var(--spacing-xl)}}._metrics_1hrl2_34{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md)}@media (max-width: 767px){._metrics_1hrl2_34{flex-direction:column}}._metric_1hrl2_34{flex:1}._metricValue_1hrl2_50{font-size:2.5rem;font-weight:var(--font-weight-bold);position:relative;z-index:1;color:var(--color-text-primary)}._metricValue_1hrl2_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_1hrl2_71{color:var(--color-text-primary);font-size:var(--font-size-sm)}._layoutHImageRight_1hrl2_76{flex-direction:row;gap:var(--gap, 5rem)}._layoutHImageRight_1hrl2_76 ._heading_1hrl2_80{gap:var(--spacing-sm);flex:.65}._layoutHImageRight_1hrl2_76 ._image_1hrl2_85{flex:.5}@media (max-width: 768px){._layoutHImageRight_1hrl2_76{flex-direction:column-reverse;gap:var(--spacing-lg)}}._noImage_1hrl2_95{flex-direction:column}._layoutHImageLeft_1hrl2_99{flex-direction:row-reverse;gap:var(--gap, 5rem)}._layoutHImageLeft_1hrl2_99 ._heading_1hrl2_80{gap:var(--spacing-sm);flex:.65}._layoutHImageLeft_1hrl2_99 ._image_1hrl2_85{flex:.5}@media (max-width: 768px){._layoutHImageLeft_1hrl2_99{flex-direction:column-reverse;gap:var(--spacing-lg)}}._layoutVImageTop_1hrl2_118{flex-direction:column-reverse;gap:var(--gap, var(--spacing-md))}._layoutVImageTop_1hrl2_118 ._heading_1hrl2_80{gap:var(--spacing-sm)}@media (max-width: 768px){._layoutVImageTop_1hrl2_118{gap:var(--spacing-lg)}}._layoutVImageBottom_1hrl2_131{flex-direction:column;gap:var(--gap, var(--spacing-md))}._layoutVImageBottom_1hrl2_131 ._heading_1hrl2_80{gap:var(--spacing-sm)}@media (max-width: 768px){._layoutVImageBottom_1hrl2_131{gap:var(--spacing-lg)}}._heading_1hrl2_80{display:flex;flex-direction:column;width:100%;gap:var(--spacing-sm)}._heading_1hrl2_80:not(:has(._text_1hrl2_150 .portableTextContainer)){gap:var(--spacing-lg)}._title_1hrl2_155{text-wrap:pretty}._text_1hrl2_150{flex:1;display:flex;justify-content:center;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._text_1hrl2_150{flex:1;width:100%;align-items:flex-start}}._cta_1hrl2_174{width:100%}@media (max-width: 767px){._cta_1hrl2_174{justify-content:flex-start}}._headingHorizontal_1hrl2_182{flex-direction:row;justify-content:space-between;gap:5rem}@media (max-width: 767px){._headingHorizontal_1hrl2_182{gap:var(--spacing-md)}}._headingHorizontal_1hrl2_182 ._titleWrapper_1hrl2_191,._headingHorizontal_1hrl2_182 .portableTextContainer{flex:1}._headingHorizontal_1hrl2_182 ._title_1hrl2_155{margin-bottom:0}._headingHorizontal_1hrl2_182 p._title_1hrl2_155{margin-top:1rem}@media (max-width: 768px){._headingHorizontal_1hrl2_182{flex-direction:column}}._headingVertical_1hrl2_212{flex-direction:column;justify-content:flex-start}._image_1hrl2_85{display:flex;align-items:center;justify-content:center;flex:1;width:100%;margin:0 auto;line-height:0}._image_1hrl2_85 img{width:100%;height:auto}._videoWrapper_1hrl2_233{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-md);flex:1}._videoWrapper_1hrl2_233 iframe,._videoWrapper_1hrl2_233 video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}._default_1hrl2_253{display:block}._default_1hrl2_253 img{border-radius:var(--radius-md)}._maxWidth_1hrl2_261{margin:0 auto}._maxWidth_1hrl2_261 img{max-width:var(--max-width, var(--layout-width));border-radius:var(--radius-md);height:auto}._fullBleed_1hrl2_271{width:100%;max-width:unset;border-radius:var(--radius-md);overflow:hidden}.blog ._container_1hrl2_7{max-width:var(--blog-width)}.centered ._heading_1hrl2_80{gap:var(--spacing-sm);align-items:center;justify-content:center}.centered ._text_1hrl2_150{align-items:center}.centered ._cta_1hrl2_174{justify-content:center}.backgroundPrimary ._text_1hrl2_150 p,.backgroundPrimary ._text_1hrl2_150 p a,.backgroundPrimary ._metricValue_1hrl2_50{color:#fff}.backgroundPrimary ._metricValue_1hrl2_50:after{background-color:var(--color-secondary-100)}.backgroundPrimary ._cta_1hrl2_174 ._secondary_1hrl2_312{background-color:#fff}.split-35-65 ._heading_1hrl2_80{flex:.35}
|
|
86
86
|
._faq_kihnm_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_kihnm_7{display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:5rem;width:100%;max-width:var(--layout-width);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (max-width: 768px){._container_kihnm_7{gap:var(--spacing-xl)}}._heading_kihnm_24{display:flex;flex-direction:column;gap:var(--spacing-sm)}._heading_kihnm_24:has(._title_kihnm_29+._cta_kihnm_29):not(:has(._text_kihnm_29)){gap:var(--spacing-lg)}._heading_kihnm_24 h1,._heading_kihnm_24 h2,._heading_kihnm_24 h3,._heading_kihnm_24 h4,._heading_kihnm_24 h5,._heading_kihnm_24 h6{width:100%;margin-bottom:0}.split ._content_kihnm_45{margin-top:0;flex:1}
|
|
87
|
-
.
|
|
87
|
+
._container_1j8wt_1{width:100%;display:flex;flex-direction:column;justify-content:flex-start}._container_1j8wt_1 *{margin-bottom:1rem}._container_1j8wt_1 *:has(+._divider_1j8wt_12){margin-bottom:0}._container_1j8wt_1 ul{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}._container_1j8wt_1 *:last-child{margin-bottom:0}._container_1j8wt_1 ._richTextImage_1j8wt_26{border-radius:var(--radius-md);margin:0 auto;overflow:hidden;line-height:0;margin-bottom:1rem}._container_1j8wt_1 ._richTextLink_1j8wt_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_1j8wt_1 ._richTextLink_1j8wt_34:hover{color:var(--color-primary-100);text-decoration:underline}._container_1j8wt_1 ._spacerSmall_1j8wt_46{border:none;margin:0 0 var(--spacing-sm)}._container_1j8wt_1 ._spacerMedium_1j8wt_51{border:none;margin:0 0 var(--spacing-md)}._container_1j8wt_1 ._spacerLarge_1j8wt_56{border:none;margin:0 0 var(--spacing-lg)}._container_1j8wt_1 ._divider_1j8wt_12{border:none;border-top:1px solid var(--color-secondary-25);margin:var(--spacing-md) 0}._container_1j8wt_1 .text-small{font-size:var(--font-size-sm)}._container_1j8wt_1 .text-medium{font-size:var(--font-size-md)}._container_1j8wt_1 .text-large{font-size:var(--font-size-lg)}._container_1j8wt_1 .text-xlarge{font-size:var(--font-size-xl)}
|
|
88
88
|
._accordion_1bj6k_1{width:100%;overflow:hidden;background-color:transparent}._accordionItem_1bj6k_7{border-bottom:1px solid var(--color-border)}._accordionItem_1bj6k_7:last-child{border-bottom:none}._accordionHeader_1bj6k_15{text-align:left;width:100%;padding:var(--spacing-md);background-color:transparent;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:space-between;transition:color .3s}._accordionHeader_1bj6k_15._active_1bj6k_30,._accordionHeader_1bj6k_15:hover,._accordionHeader_1bj6k_15:hover ._icon_1bj6k_38{color:var(--color-primary-100)}._accordionContentWrapper_1bj6k_43{overflow:hidden;max-height:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;opacity:0}._open_1bj6k_50 ._accordionContentWrapper_1bj6k_43{max-height:800px;opacity:1;transition-timing-function:ease-in-out}._closed_1bj6k_56 ._accordionContentWrapper_1bj6k_43{max-height:0;opacity:0;transition-timing-function:ease-in-out}._accordionContent_1bj6k_43{padding:var(--spacing-md);box-sizing:border-box;color:var(--color-text-primary)}._icon_1bj6k_38{transition:transform .3s,color .3s ease-in-out}._rotate_1bj6k_72{transform:rotate(180deg)}
|
|
89
89
|
._grid_a6iq3_1{display:grid;width:100%;gap:var(--spacing-md, 1rem);grid-template-columns:var(--xs-columns, repeat(1, 1fr));grid-auto-rows:auto}@media (min-width: 480px){._grid_a6iq3_1{grid-template-columns:var(--sm-columns, var(--xs-columns));grid-auto-rows:auto}}@media (min-width: 768px){._grid_a6iq3_1{grid-template-columns:var(--md-columns, var(--sm-columns));grid-auto-rows:1fr}}@media (min-width: 1024px){._grid_a6iq3_1{grid-template-columns:var(--lg-columns, var(--md-columns));grid-auto-rows:auto 1fr}}@media (min-width: 1280px){._grid_a6iq3_1{grid-template-columns:var(--xl-columns, var(--lg-columns));grid-auto-rows:auto 1fr}}@media (min-width: 1536px){._grid_a6iq3_1{grid-template-columns:var(--2xl-columns, var(--xl-columns));grid-auto-rows:auto 1fr}}
|
|
90
90
|
._cardLink_peol3_1{text-decoration:none}._card_peol3_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_peol3_1 ._title_peol3_17 span{font-weight:var(--font-weight-bold)}._cardLink_peol3_1:hover ._card_peol3_1{background-color:var(--color-primary-100)}._cardLink_peol3_1:hover ._title_peol3_17{color:#fff}._cardLink_peol3_1:hover ._title_peol3_17 span{color:#fff!important}._title_peol3_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_peol3_17 span{transition:color .3s ease-in-out}._imageWrapper_peol3_52{position:relative;height:100%;width:100px;display:flex;align-items:center;justify-content:center}._imageWrapper_peol3_52 img{position:absolute;width:80px;height:auto}@media (max-width: 767px){._imageWrapper_peol3_52{width:70px}._imageWrapper_peol3_52 img{width:70px}}._icon_peol3_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)}
|