quirk-ui 0.0.613 → 0.0.615
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_p8s7a_1{width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-sm)}._container_p8s7a_1 *{margin-bottom:1rem}._container_p8s7a_1 *:has(+._divider_p8s7a_13){margin-bottom:0}._container_p8s7a_1 ul{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}._container_p8s7a_1 *:last-child{margin-bottom:0}._container_p8s7a_1 ._richTextImage_p8s7a_27{border-radius:var(--radius-md);margin:0 auto;overflow:hidden;line-height:0;margin-bottom:1rem}._container_p8s7a_1 ._richTextLink_p8s7a_35{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_p8s7a_1 ._richTextLink_p8s7a_35:hover{color:var(--color-primary-100);text-decoration:underline}._container_p8s7a_1 ._spacerSmall_p8s7a_47{border:none;margin:0 0 var(--spacing-sm)}._container_p8s7a_1 ._spacerMedium_p8s7a_52{border:none;margin:0 0 var(--spacing-md)}._container_p8s7a_1 ._spacerLarge_p8s7a_57{border:none;margin:0 0 var(--spacing-lg)}._container_p8s7a_1 ._divider_p8s7a_13{border:none;border-top:1px solid var(--color-secondary-25);margin:var(--spacing-md) 0}._container_p8s7a_1 .text-small{font-size:var(--font-size-sm)}._container_p8s7a_1 .text-medium{font-size:var(--font-size-md)}._container_p8s7a_1 .text-large{font-size:var(--font-size-lg)}._container_p8s7a_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
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index15.css');const s=require("react/jsx-runtime"),j=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_p8s7a_1",N="_divider_p8s7a_13",S="_richTextImage_p8s7a_27",$="_richTextLink_p8s7a_35",H="_spacerSmall_p8s7a_47",z="_spacerMedium_p8s7a_52",C="_spacerLarge_p8s7a_57",o={container:M,divider:N,richTextImage:S,richTextLink:$,spacerSmall:H,spacerMedium:z,spacerLarge:C},I=n=>({normal:({children:t})=>s.jsx(f.Text,{className:n,children:t}),h1:({children:t})=>s.jsx(x.Heading,{className:n,level:1,children:t}),h2:({children:t})=>s.jsx(x.Heading,{className:n,level:2,children:t}),h3:({children:t})=>s.jsx(x.Heading,{className:n,level:3,children:t}),h4:({children:t})=>s.jsx(x.Heading,{className:n,level:4,children:t}),h5:({children:t})=>s.jsx(x.Heading,{className:n,level:5,children:t}),h6:({children:t})=>s.jsx(x.Heading,{className:n,level:6,children:t}),quote:({children:t})=>s.jsx("blockquote",{className:n,children:t})}),b=(n,a,t,u,g)=>{const m=I(n);return{marks:{coloredText:({children:e,value:r})=>{if(!r)return s.jsx(s.Fragment,{children:e});const{colorClass:c}=r,i=a==null?void 0:a.current;return u&&t?s.jsx(q.AnimatedSpan,{className:c,text:t,prevText:i},"animated-span"):s.jsx("span",{className:c,children:e})},strong:({children:e})=>s.jsx("strong",{children:e}),em:({children:e})=>s.jsx("em",{children:e}),number:({children:e})=>s.jsx("span",{className:"inlineNumber",children:e}),left:({children:e})=>s.jsx("span",{className:"textLeft",children:e}),center:({children:e})=>s.jsx("span",{className:"textCenter",children:e}),right:({children:e})=>s.jsx("span",{className:"textRight",children:e}),link:({children:e,value:r})=>{var d;const{linkType:c,internalUrl:i,externalUrl:p,blank:h}=r;let l="#";c==="external"&&p?l=p:c==="internal"&&((d=i==null?void 0:i.slug)!=null&&d.current)&&(l=`/${i==null?void 0:i.slug.current}`);const _=c==="external";return s.jsx("a",{href:l,target:h?"_blank":void 0,rel:_?"noopener noreferrer":void 0,className:o.richTextLink,children:e})},textSize:({children:e,value:r})=>{const c=r!=null&&r.size?`text-${r.size}`:"";return s.jsx("span",{className:c,children:e})}},block:m,list:{bullet:({children:e=[]})=>{const r=j.Children.count(e);return s.jsx("ul",{style:{columnCount:g?1:r>5?2:1},className:n,children:e})}},types:{image:({value:e})=>{var c,i,p,h,l,_,d;if(!(e!=null&&e.imageUrls))return null;const r=((c=e.asset)==null?void 0:c.altText)||"Content image";return s.jsxs("figure",{className:`${n} ${o.richTextImage}`,children:[s.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)||((p=e.asset)==null?void 0:p.description))&&s.jsxs("figcaption",{children:[((h=e.asset)==null?void 0:h.title)&&s.jsx("strong",{children:(l=e.asset)==null?void 0:l.title}),((_=e.asset)==null?void 0:_.description)&&s.jsx("p",{children:(d=e.asset)==null?void 0:d.description})]})]})},divider:()=>s.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 s.jsx("span",{className:`${o.spacer} ${c[r]??o.spacerMedium}`})}}}},P=({blocks:n,className:a,textOverride:t,animateText:u})=>{const g=L.useMediaQuery("(max-width: 767px)"),m=j.useRef(t);j.useEffect(()=>{m.current=t},[t]);const T=j.useMemo(()=>b(a,m,t,u,g),[a,m,t,u,g]);return n?typeof n=="string"?(console.warn("RichText component received a string. Expected PortableTextBlock[]"),s.jsx(f.Text,{className:a,children:n})):s.jsx("div",{className:`${o.container} portableTextContainer`,children:s.jsx(k.PortableText,{value:n,components:T})}):null};exports.RichText=P;
|
|
@@ -1,40 +1,40 @@
|
|
|
1
1
|
import { jsx as t, jsxs as T, Fragment as L } from "react/jsx-runtime";
|
|
2
|
-
import N, { useRef as
|
|
3
|
-
import { PortableText as
|
|
4
|
-
import { AnimatedSpan as
|
|
2
|
+
import N, { useRef as M, useEffect as y, useMemo as $ } from "react";
|
|
3
|
+
import { PortableText as S } from "@portabletext/react";
|
|
4
|
+
import { AnimatedSpan as z } from "../AnimatedSpan/index.mjs";
|
|
5
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
|
-
spacerSmall:
|
|
7
|
+
import C from "next/image";
|
|
8
|
+
import { useMediaQuery as I } from "../../hooks/useMediaQuery.mjs";
|
|
9
|
+
import '../../../assets/index15.css';const E = "_container_p8s7a_1", w = "_divider_p8s7a_13", P = "_richTextImage_p8s7a_27", b = "_richTextLink_p8s7a_35", j = "_spacerSmall_p8s7a_47", q = "_spacerMedium_p8s7a_52", B = "_spacerLarge_p8s7a_57", i = {
|
|
10
|
+
container: E,
|
|
11
|
+
divider: w,
|
|
12
|
+
richTextImage: P,
|
|
13
|
+
richTextLink: b,
|
|
14
|
+
spacerSmall: j,
|
|
15
15
|
spacerMedium: q,
|
|
16
16
|
spacerLarge: B
|
|
17
|
-
}, R = (
|
|
18
|
-
normal: ({ children: r }) => /* @__PURE__ */ t(k, { className:
|
|
19
|
-
h1: ({ children: r }) => /* @__PURE__ */ t(l, { className:
|
|
20
|
-
h2: ({ children: r }) => /* @__PURE__ */ t(l, { className:
|
|
21
|
-
h3: ({ children: r }) => /* @__PURE__ */ t(l, { className:
|
|
22
|
-
h4: ({ children: r }) => /* @__PURE__ */ t(l, { className:
|
|
23
|
-
h5: ({ children: r }) => /* @__PURE__ */ t(l, { className:
|
|
24
|
-
h6: ({ children: r }) => /* @__PURE__ */ t(l, { className:
|
|
25
|
-
quote: ({ children: r }) => /* @__PURE__ */ t("blockquote", { className:
|
|
26
|
-
}), U = (
|
|
27
|
-
const p = R(
|
|
17
|
+
}, R = (s) => ({
|
|
18
|
+
normal: ({ children: r }) => /* @__PURE__ */ t(k, { className: s, children: r }),
|
|
19
|
+
h1: ({ children: r }) => /* @__PURE__ */ t(l, { className: s, level: 1, children: r }),
|
|
20
|
+
h2: ({ children: r }) => /* @__PURE__ */ t(l, { className: s, level: 2, children: r }),
|
|
21
|
+
h3: ({ children: r }) => /* @__PURE__ */ t(l, { className: s, level: 3, children: r }),
|
|
22
|
+
h4: ({ children: r }) => /* @__PURE__ */ t(l, { className: s, level: 4, children: r }),
|
|
23
|
+
h5: ({ children: r }) => /* @__PURE__ */ t(l, { className: s, level: 5, children: r }),
|
|
24
|
+
h6: ({ children: r }) => /* @__PURE__ */ t(l, { className: s, level: 6, children: r }),
|
|
25
|
+
quote: ({ children: r }) => /* @__PURE__ */ t("blockquote", { className: s, children: r })
|
|
26
|
+
}), U = (s, a, r, g, x) => {
|
|
27
|
+
const p = R(s);
|
|
28
28
|
return {
|
|
29
29
|
marks: {
|
|
30
30
|
coloredText: ({
|
|
31
31
|
children: e,
|
|
32
|
-
value:
|
|
32
|
+
value: n
|
|
33
33
|
}) => {
|
|
34
|
-
if (!
|
|
35
|
-
const { colorClass: c } =
|
|
34
|
+
if (!n) return /* @__PURE__ */ t(L, { children: e });
|
|
35
|
+
const { colorClass: c } = n, o = a == null ? void 0 : a.current;
|
|
36
36
|
return g && r ? /* @__PURE__ */ t(
|
|
37
|
-
|
|
37
|
+
z,
|
|
38
38
|
{
|
|
39
39
|
className: c,
|
|
40
40
|
text: r,
|
|
@@ -49,9 +49,9 @@ import '../../../assets/index15.css';const C = "_container_1j8wt_1", I = "_divid
|
|
|
49
49
|
left: ({ children: e }) => /* @__PURE__ */ t("span", { className: "textLeft", children: e }),
|
|
50
50
|
center: ({ children: e }) => /* @__PURE__ */ t("span", { className: "textCenter", children: e }),
|
|
51
51
|
right: ({ children: e }) => /* @__PURE__ */ t("span", { className: "textRight", children: e }),
|
|
52
|
-
link: ({ children: e, value:
|
|
52
|
+
link: ({ children: e, value: n }) => {
|
|
53
53
|
var h;
|
|
54
|
-
const { linkType: c, internalUrl: o, externalUrl: d, blank: u } =
|
|
54
|
+
const { linkType: c, internalUrl: o, externalUrl: d, blank: u } = n;
|
|
55
55
|
let m = "#";
|
|
56
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(
|
|
57
57
|
"a",
|
|
@@ -64,22 +64,22 @@ import '../../../assets/index15.css';const C = "_container_1j8wt_1", I = "_divid
|
|
|
64
64
|
}
|
|
65
65
|
);
|
|
66
66
|
},
|
|
67
|
-
textSize: ({ children: e, value:
|
|
68
|
-
const c =
|
|
67
|
+
textSize: ({ children: e, value: n }) => {
|
|
68
|
+
const c = n != null && n.size ? `text-${n.size}` : "";
|
|
69
69
|
return /* @__PURE__ */ t("span", { className: c, children: e });
|
|
70
70
|
}
|
|
71
71
|
},
|
|
72
72
|
block: p,
|
|
73
73
|
list: {
|
|
74
74
|
bullet: ({ children: e = [] }) => {
|
|
75
|
-
const
|
|
75
|
+
const n = N.Children.count(e);
|
|
76
76
|
return /* @__PURE__ */ t(
|
|
77
77
|
"ul",
|
|
78
78
|
{
|
|
79
79
|
style: {
|
|
80
|
-
columnCount: x ? 1 :
|
|
80
|
+
columnCount: x ? 1 : n > 5 ? 2 : 1
|
|
81
81
|
},
|
|
82
|
-
className:
|
|
82
|
+
className: s,
|
|
83
83
|
children: e
|
|
84
84
|
}
|
|
85
85
|
);
|
|
@@ -89,13 +89,13 @@ import '../../../assets/index15.css';const C = "_container_1j8wt_1", I = "_divid
|
|
|
89
89
|
image: ({ value: e }) => {
|
|
90
90
|
var c, o, d, u, m, _, h;
|
|
91
91
|
if (!(e != null && e.imageUrls)) return null;
|
|
92
|
-
const
|
|
93
|
-
return /* @__PURE__ */ T("figure", { className: `${
|
|
92
|
+
const n = ((c = e.asset) == null ? void 0 : c.altText) || "Content image";
|
|
93
|
+
return /* @__PURE__ */ T("figure", { className: `${s} ${i.richTextImage}`, children: [
|
|
94
94
|
/* @__PURE__ */ t(
|
|
95
|
-
|
|
95
|
+
C,
|
|
96
96
|
{
|
|
97
97
|
src: e.imageUrls.medium,
|
|
98
|
-
alt:
|
|
98
|
+
alt: n,
|
|
99
99
|
width: 1e3,
|
|
100
100
|
height: 800,
|
|
101
101
|
style: { maxWidth: "100%", height: "auto" }
|
|
@@ -109,7 +109,7 @@ import '../../../assets/index15.css';const C = "_container_1j8wt_1", I = "_divid
|
|
|
109
109
|
},
|
|
110
110
|
divider: () => /* @__PURE__ */ t("hr", { className: i.divider }),
|
|
111
111
|
spacer: ({ value: e }) => {
|
|
112
|
-
const
|
|
112
|
+
const n = (e == null ? void 0 : e.style) || "medium", c = {
|
|
113
113
|
small: i.spacerSmall,
|
|
114
114
|
medium: i.spacerMedium,
|
|
115
115
|
large: i.spacerLarge
|
|
@@ -117,23 +117,23 @@ import '../../../assets/index15.css';const C = "_container_1j8wt_1", I = "_divid
|
|
|
117
117
|
return /* @__PURE__ */ t(
|
|
118
118
|
"span",
|
|
119
119
|
{
|
|
120
|
-
className: `${i.spacer} ${c[
|
|
120
|
+
className: `${i.spacer} ${c[n] ?? i.spacerMedium}`
|
|
121
121
|
}
|
|
122
122
|
);
|
|
123
123
|
}
|
|
124
124
|
}
|
|
125
125
|
};
|
|
126
126
|
}, V = ({
|
|
127
|
-
blocks:
|
|
127
|
+
blocks: s,
|
|
128
128
|
className: a,
|
|
129
129
|
textOverride: r,
|
|
130
130
|
animateText: g
|
|
131
131
|
}) => {
|
|
132
|
-
const x =
|
|
133
|
-
|
|
132
|
+
const x = I("(max-width: 767px)"), p = M(r);
|
|
133
|
+
y(() => {
|
|
134
134
|
p.current = r;
|
|
135
135
|
}, [r]);
|
|
136
|
-
const f =
|
|
136
|
+
const f = $(
|
|
137
137
|
() => U(
|
|
138
138
|
a,
|
|
139
139
|
p,
|
|
@@ -143,9 +143,9 @@ import '../../../assets/index15.css';const C = "_container_1j8wt_1", I = "_divid
|
|
|
143
143
|
),
|
|
144
144
|
[a, p, r, g, x]
|
|
145
145
|
);
|
|
146
|
-
return
|
|
146
|
+
return s ? typeof s == "string" ? (console.warn(
|
|
147
147
|
"RichText component received a string. Expected PortableTextBlock[]"
|
|
148
|
-
), /* @__PURE__ */ t(k, { className: a, children:
|
|
148
|
+
), /* @__PURE__ */ t(k, { className: a, children: s })) : /* @__PURE__ */ t("div", { className: `${i.container} portableTextContainer`, children: /* @__PURE__ */ t(S, { value: s, components: f }) }) : null;
|
|
149
149
|
};
|
|
150
150
|
export {
|
|
151
151
|
V as RichText
|
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_p8s7a_1{width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-sm)}._container_p8s7a_1 *{margin-bottom:1rem}._container_p8s7a_1 *:has(+._divider_p8s7a_13){margin-bottom:0}._container_p8s7a_1 ul{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}._container_p8s7a_1 *:last-child{margin-bottom:0}._container_p8s7a_1 ._richTextImage_p8s7a_27{border-radius:var(--radius-md);margin:0 auto;overflow:hidden;line-height:0;margin-bottom:1rem}._container_p8s7a_1 ._richTextLink_p8s7a_35{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_p8s7a_1 ._richTextLink_p8s7a_35:hover{color:var(--color-primary-100);text-decoration:underline}._container_p8s7a_1 ._spacerSmall_p8s7a_47{border:none;margin:0 0 var(--spacing-sm)}._container_p8s7a_1 ._spacerMedium_p8s7a_52{border:none;margin:0 0 var(--spacing-md)}._container_p8s7a_1 ._spacerLarge_p8s7a_57{border:none;margin:0 0 var(--spacing-lg)}._container_p8s7a_1 ._divider_p8s7a_13{border:none;border-top:1px solid var(--color-secondary-25);margin:var(--spacing-md) 0}._container_p8s7a_1 .text-small{font-size:var(--font-size-sm)}._container_p8s7a_1 .text-medium{font-size:var(--font-size-md)}._container_p8s7a_1 .text-large{font-size:var(--font-size-lg)}._container_p8s7a_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_p8s7a_1{width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-sm)}._container_p8s7a_1 *{margin-bottom:1rem}._container_p8s7a_1 *:has(+._divider_p8s7a_13){margin-bottom:0}._container_p8s7a_1 ul{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}._container_p8s7a_1 *:last-child{margin-bottom:0}._container_p8s7a_1 ._richTextImage_p8s7a_27{border-radius:var(--radius-md);margin:0 auto;overflow:hidden;line-height:0;margin-bottom:1rem}._container_p8s7a_1 ._richTextLink_p8s7a_35{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_p8s7a_1 ._richTextLink_p8s7a_35:hover{color:var(--color-primary-100);text-decoration:underline}._container_p8s7a_1 ._spacerSmall_p8s7a_47{border:none;margin:0 0 var(--spacing-sm)}._container_p8s7a_1 ._spacerMedium_p8s7a_52{border:none;margin:0 0 var(--spacing-md)}._container_p8s7a_1 ._spacerLarge_p8s7a_57{border:none;margin:0 0 var(--spacing-lg)}._container_p8s7a_1 ._divider_p8s7a_13{border:none;border-top:1px solid var(--color-secondary-25);margin:var(--spacing-md) 0}._container_p8s7a_1 .text-small{font-size:var(--font-size-sm)}._container_p8s7a_1 .text-medium{font-size:var(--font-size-md)}._container_p8s7a_1 .text-large{font-size:var(--font-size-lg)}._container_p8s7a_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)}
|