quirk-ui 0.0.528 → 0.0.529
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/index12.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._cardGrid_1m9lj_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);overflow:hidden}._container_1m9lj_8{width:100%;max-width:var(--layout-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._heading_1m9lj_19{display:flex;flex-direction:column;gap:var(--spacing-md)}._heading_1m9lj_19 h1,._heading_1m9lj_19 h2,._heading_1m9lj_19 h3,._heading_1m9lj_19 h4,._heading_1m9lj_19 h5,._heading_1m9lj_19 h6{width:100%;margin-bottom:0}._title_1m9lj_35 span span:first-letter{text-transform:uppercase}._headingHorizontal_1m9lj_43{flex-direction:row;justify-content:space-between}._headingHorizontal_1m9lj_43 ._title_1m9lj_35{margin-bottom:0}@media (max-width: 768px){._headingHorizontal_1m9lj_43{flex-direction:column}}._headingVertical_1m9lj_56{flex-direction:column;justify-content:flex-start}._title_1m9lj_35:first-letter{text-transform:capitalize}h3._description_1m9lj_67{font-size:var(--font-size-xl);margin-top:var(--spacing-md)}._disclaimer_1m9lj_72{max-width:800px;margin-left:auto;margin-right:auto;margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-tight)}.split._container_1m9lj_8 ._heading_1m9lj_19{flex:.35}.split._container_1m9lj_8 ._grid_1m9lj_88{margin-top:0;flex:1;flex-direction:row}._grid_1m9lj_88{display:flex;flex-direction:column;gap:1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index12.css');const c=require("react/jsx-runtime"),n=require("react"),$=require("../../../core/components/Grid/index.cjs"),_=require("../../ui/PortableTextRenderer/index.cjs"),b=require("../../ui/CallToActions/index.cjs"),S=require("../../cards/ProductCard/index.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index12.css');const c=require("react/jsx-runtime"),n=require("react"),$=require("../../../core/components/Grid/index.cjs"),_=require("../../ui/PortableTextRenderer/index.cjs"),b=require("../../ui/CallToActions/index.cjs"),S=require("../../cards/ProductCard/index.cjs"),p=require("../../cards/GridCard/index.cjs"),H=require("../../cards/ServiceCard/index.cjs"),R=require("../../cards/TestimonialCard/index.cjs"),w=require("../../cards/ReviewCard/index.cjs"),M=require("../../hooks/useMediaQuery.cjs"),z=require("../../hooks/useStyleClasses.cjs"),P="_cardGrid_1m9lj_1",V="_container_1m9lj_8",A="_heading_1m9lj_19",B="_title_1m9lj_35",D="_headingHorizontal_1m9lj_43",L="_headingVertical_1m9lj_56",O="_description_1m9lj_67",Q="_disclaimer_1m9lj_72",E="_grid_1m9lj_88",o={cardGrid:P,container:V,heading:A,title:B,headingHorizontal:D,headingVertical:L,description:O,disclaimer:Q,grid:E};function I({heading:e,grid:t,callToAction:a,styleOptions:v}){var f;const[u,i]=n.useState(null),x=M.useMediaQuery("(max-width: 768px)"),m=z.useStyleClasses(v),y={horizontal:o.headingHorizontal,vertical:o.headingVertical}[(e==null?void 0:e.headingLayout)??"vertical"];function j(s){for(const l of s)if(!(!l.children||!l.markDefs)){for(const r of l.children)if(r!=null&&r.marks)for(const q of r.marks){const k=l.markDefs.find(G=>G._key===q);if(k&&k._type==="coloredText")return r.text}}return null}n.useEffect(()=>{e&&e.title&&i(j(e.title))},[e]);const C=n.useMemo(()=>{if(t!=null&&t.areas&&!x)return t==null?void 0:t.areas.map(s=>s.trim().split(/\s+/))},[t==null?void 0:t.areas,x]),T=n.useMemo(()=>c.jsx(_.RichText,{className:o.title,textOverride:u??"",animateText:(e==null?void 0:e.animateText)??!1,blocks:e==null?void 0:e.title}),[e==null?void 0:e.title,u,e==null?void 0:e.animateText]),N=!(e!=null&&e.title)&&!(e!=null&&e.description);return c.jsx("section",{className:`${o.cardGrid} ${(t==null?void 0:t.className)??""} ${m}`,children:c.jsxs("article",{className:`${o.container} ${m.includes("split")?"split":"default"}`,children:[!N&&c.jsxs("div",{className:`${o.heading} ${y??""}`,children:[(e==null?void 0:e.title)&&T,(e==null?void 0:e.description)&&c.jsx(_.RichText,{className:o.description,blocks:e==null?void 0:e.description})]}),c.jsxs("div",{className:`${o.grid} ${t!=null&&t.className&&o[t==null?void 0:t.className]?o[t==null?void 0:t.className]:(t==null?void 0:t.className)??""}`,children:[c.jsx($.Grid,{columns:t==null?void 0:t.columns,gap:t==null?void 0:t.gap,areas:C,children:(f=t==null?void 0:t.items)==null?void 0:f.map(s=>{const l=s.title?j(s.title):"",r={gridArea:s.gridArea,onHover:()=>{i(l)},...s};switch(s.variant){case"service":return c.jsx(H.ServiceCard,{...r},s._key);case"grid":return c.jsx(p.GridCard,{...r},s._key);case"image":return c.jsx(p.GridCard,{...r},s._key);case"product":return c.jsx(S.ProductCard,{...r},s._key);case"testimonial":return c.jsx(R.TestimonialCard,{...r},s._key);case"review":return c.jsx(w.ReviewCard,{...r},s._key);default:return c.jsxs("div",{children:["Unknown item type: ",s._type]},s._key)}})}),a&&c.jsx(b.CallToActions,{items:a.items,alignment:a.alignment}),c.jsx("div",{children:(e==null?void 0:e.disclaimer)&&c.jsx(_.RichText,{className:o.disclaimer,blocks:e==null?void 0:e.disclaimer})})]})]})})}exports.CardGridBlock=I;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { Grid as
|
|
1
|
+
import { jsx as e, jsxs as m } from "react/jsx-runtime";
|
|
2
|
+
import { useState as b, useEffect as w, useMemo as x } from "react";
|
|
3
|
+
import { Grid as z } from "../../../core/components/Grid/index.mjs";
|
|
4
4
|
import { RichText as n } from "../../ui/PortableTextRenderer/index.mjs";
|
|
5
|
-
import { CallToActions as
|
|
6
|
-
import { ProductCard as
|
|
5
|
+
import { CallToActions as S } from "../../ui/CallToActions/index.mjs";
|
|
6
|
+
import { ProductCard as V } from "../../cards/ProductCard/index.mjs";
|
|
7
7
|
import { GridCard as y } from "../../cards/GridCard/index.mjs";
|
|
8
|
-
import { ServiceCard as
|
|
9
|
-
import { TestimonialCard as
|
|
8
|
+
import { ServiceCard as D } from "../../cards/ServiceCard/index.mjs";
|
|
9
|
+
import { TestimonialCard as M } from "../../cards/TestimonialCard/index.mjs";
|
|
10
10
|
import { ReviewCard as A } from "../../cards/ReviewCard/index.mjs";
|
|
11
11
|
import { useMediaQuery as B } from "../../hooks/useMediaQuery.mjs";
|
|
12
12
|
import { useStyleClasses as L } from "../../hooks/useStyleClasses.mjs";
|
|
13
|
-
import '../../../assets/index12.css';const P = "
|
|
13
|
+
import '../../../assets/index12.css';const P = "_cardGrid_1m9lj_1", R = "_container_1m9lj_8", E = "_heading_1m9lj_19", I = "_title_1m9lj_35", O = "_headingHorizontal_1m9lj_43", Q = "_headingVertical_1m9lj_56", U = "_description_1m9lj_67", q = "_disclaimer_1m9lj_72", F = "_grid_1m9lj_88", r = {
|
|
14
14
|
cardGrid: P,
|
|
15
15
|
container: R,
|
|
16
16
|
heading: E,
|
|
@@ -24,11 +24,11 @@ import '../../../assets/index12.css';const P = "_cardGrid_exdo2_1", R = "_contai
|
|
|
24
24
|
function et({
|
|
25
25
|
heading: t,
|
|
26
26
|
grid: s,
|
|
27
|
-
callToAction:
|
|
27
|
+
callToAction: a,
|
|
28
28
|
styleOptions: N
|
|
29
29
|
}) {
|
|
30
|
-
var
|
|
31
|
-
const [_, f] =
|
|
30
|
+
var k;
|
|
31
|
+
const [_, f] = b(null), p = B("(max-width: 768px)"), u = L(N), j = {
|
|
32
32
|
horizontal: r.headingHorizontal,
|
|
33
33
|
vertical: r.headingVertical
|
|
34
34
|
}[(t == null ? void 0 : t.headingLayout) ?? "vertical"];
|
|
@@ -37,21 +37,21 @@ function et({
|
|
|
37
37
|
if (!(!l.children || !l.markDefs)) {
|
|
38
38
|
for (const c of l.children)
|
|
39
39
|
if (c != null && c.marks)
|
|
40
|
-
for (const
|
|
41
|
-
const
|
|
42
|
-
if (
|
|
40
|
+
for (const G of c.marks) {
|
|
41
|
+
const v = l.markDefs.find((H) => H._key === G);
|
|
42
|
+
if (v && v._type === "coloredText")
|
|
43
43
|
return c.text;
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
return null;
|
|
47
47
|
}
|
|
48
|
-
|
|
48
|
+
w(() => {
|
|
49
49
|
t && t.title && f(i(t.title));
|
|
50
50
|
}, [t]);
|
|
51
|
-
const
|
|
51
|
+
const C = x(() => {
|
|
52
52
|
if (s != null && s.areas && !p)
|
|
53
53
|
return s == null ? void 0 : s.areas.map((o) => o.trim().split(/\s+/));
|
|
54
|
-
}, [s == null ? void 0 : s.areas, p]),
|
|
54
|
+
}, [s == null ? void 0 : s.areas, p]), T = x(
|
|
55
55
|
() => /* @__PURE__ */ e(
|
|
56
56
|
n,
|
|
57
57
|
{
|
|
@@ -62,18 +62,18 @@ function et({
|
|
|
62
62
|
}
|
|
63
63
|
),
|
|
64
64
|
[t == null ? void 0 : t.title, _, t == null ? void 0 : t.animateText]
|
|
65
|
-
),
|
|
65
|
+
), $ = !(t != null && t.title) && !(t != null && t.description);
|
|
66
66
|
return /* @__PURE__ */ e(
|
|
67
67
|
"section",
|
|
68
68
|
{
|
|
69
69
|
className: `${r.cardGrid} ${(s == null ? void 0 : s.className) ?? ""} ${u}`,
|
|
70
|
-
children: /* @__PURE__ */
|
|
70
|
+
children: /* @__PURE__ */ m(
|
|
71
71
|
"article",
|
|
72
72
|
{
|
|
73
73
|
className: `${r.container} ${u.includes("split") ? "split" : "default"}`,
|
|
74
74
|
children: [
|
|
75
|
-
|
|
76
|
-
(t == null ? void 0 : t.title) &&
|
|
75
|
+
!$ && /* @__PURE__ */ m("div", { className: `${r.heading} ${j ?? ""}`, children: [
|
|
76
|
+
(t == null ? void 0 : t.title) && T,
|
|
77
77
|
(t == null ? void 0 : t.description) && /* @__PURE__ */ e(
|
|
78
78
|
n,
|
|
79
79
|
{
|
|
@@ -82,12 +82,12 @@ function et({
|
|
|
82
82
|
}
|
|
83
83
|
)
|
|
84
84
|
] }),
|
|
85
|
-
/* @__PURE__ */
|
|
85
|
+
/* @__PURE__ */ m(
|
|
86
86
|
"div",
|
|
87
87
|
{
|
|
88
88
|
className: `${r.grid} ${s != null && s.className && r[s == null ? void 0 : s.className] ? r[s == null ? void 0 : s.className] : (s == null ? void 0 : s.className) ?? ""}`,
|
|
89
89
|
children: [
|
|
90
|
-
/* @__PURE__ */ e(
|
|
90
|
+
/* @__PURE__ */ e(z, { columns: s == null ? void 0 : s.columns, gap: s == null ? void 0 : s.gap, areas: C, children: (k = s == null ? void 0 : s.items) == null ? void 0 : k.map((o) => {
|
|
91
91
|
const l = o.title ? i(o.title) : "", c = {
|
|
92
92
|
gridArea: o.gridArea,
|
|
93
93
|
onHover: () => {
|
|
@@ -97,29 +97,29 @@ function et({
|
|
|
97
97
|
};
|
|
98
98
|
switch (o.variant) {
|
|
99
99
|
case "service":
|
|
100
|
-
return /* @__PURE__ */ e(
|
|
100
|
+
return /* @__PURE__ */ e(D, { ...c }, o._key);
|
|
101
101
|
case "grid":
|
|
102
102
|
return /* @__PURE__ */ e(y, { ...c }, o._key);
|
|
103
103
|
case "image":
|
|
104
104
|
return /* @__PURE__ */ e(y, { ...c }, o._key);
|
|
105
105
|
case "product":
|
|
106
|
-
return /* @__PURE__ */ e(
|
|
106
|
+
return /* @__PURE__ */ e(V, { ...c }, o._key);
|
|
107
107
|
case "testimonial":
|
|
108
|
-
return /* @__PURE__ */ e(
|
|
108
|
+
return /* @__PURE__ */ e(M, { ...c }, o._key);
|
|
109
109
|
case "review":
|
|
110
110
|
return /* @__PURE__ */ e(A, { ...c }, o._key);
|
|
111
111
|
default:
|
|
112
|
-
return /* @__PURE__ */
|
|
112
|
+
return /* @__PURE__ */ m("div", { children: [
|
|
113
113
|
"Unknown item type: ",
|
|
114
114
|
o._type
|
|
115
115
|
] }, o._key);
|
|
116
116
|
}
|
|
117
117
|
}) }),
|
|
118
|
-
|
|
119
|
-
|
|
118
|
+
a && /* @__PURE__ */ e(
|
|
119
|
+
S,
|
|
120
120
|
{
|
|
121
|
-
items:
|
|
122
|
-
alignment:
|
|
121
|
+
items: a.items,
|
|
122
|
+
alignment: a.alignment
|
|
123
123
|
}
|
|
124
124
|
),
|
|
125
125
|
/* @__PURE__ */ e("div", { children: (t == null ? void 0 : t.disclaimer) && /* @__PURE__ */ e(
|
package/dist/styles.css
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
._faq_20vut_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_20vut_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_20vut_7{gap:var(--spacing-xl)}}._heading_20vut_24{display:flex;flex-direction:column;gap:var(--spacing-md)}._heading_20vut_24 h1,._heading_20vut_24 h2,._heading_20vut_24 h3,._heading_20vut_24 h4,._heading_20vut_24 h5,._heading_20vut_24 h6{width:100%;margin-bottom:0}.split ._content_20vut_41{margin-top:0;flex:1}
|
|
10
10
|
._accordion_1ytlu_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_1ytlu_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_1ytlu_7{gap:var(--spacing-xl)}}._heading_1ytlu_24{display:flex;flex-direction:column;gap:var(--spacing-md)}._heading_1ytlu_24 h1,._heading_1ytlu_24 h2,._heading_1ytlu_24 h3,._heading_1ytlu_24 h4,._heading_1ytlu_24 h5,._heading_1ytlu_24 h6{width:100%;margin-bottom:0}.split ._content_1ytlu_41{margin-top:0;flex:1}
|
|
11
11
|
._additionalCategories_1wmnv_1{width:100%;margin-bottom:var(--spacing-md)}._container_1wmnv_6{padding:0 var(--spacing-md) var(--spacing-md);max-width:var(--layout-width);margin:0 auto}._categories_1wmnv_12{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md)}._categories_1wmnv_12 p{font-weight:var(--font-weight-semibold)}._list_1wmnv_23{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}._category_1wmnv_31{display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-md);height:35px;background-color:var(--color-secondary-75);border-radius:var(--radius-full);transition:background-color .3s ease-in-out;cursor:pointer;color:#fff;text-decoration:none}._category_1wmnv_31:hover{background-color:var(--color-primary-100)}.blog ._container_1wmnv_6{max-width:var(--blog-width)}
|
|
12
|
-
.
|
|
12
|
+
._cardGrid_1m9lj_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);overflow:hidden}._container_1m9lj_8{width:100%;max-width:var(--layout-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._heading_1m9lj_19{display:flex;flex-direction:column;gap:var(--spacing-md)}._heading_1m9lj_19 h1,._heading_1m9lj_19 h2,._heading_1m9lj_19 h3,._heading_1m9lj_19 h4,._heading_1m9lj_19 h5,._heading_1m9lj_19 h6{width:100%;margin-bottom:0}._title_1m9lj_35 span span:first-letter{text-transform:uppercase}._headingHorizontal_1m9lj_43{flex-direction:row;justify-content:space-between}._headingHorizontal_1m9lj_43 ._title_1m9lj_35{margin-bottom:0}@media (max-width: 768px){._headingHorizontal_1m9lj_43{flex-direction:column}}._headingVertical_1m9lj_56{flex-direction:column;justify-content:flex-start}._title_1m9lj_35:first-letter{text-transform:capitalize}h3._description_1m9lj_67{font-size:var(--font-size-xl);margin-top:var(--spacing-md)}._disclaimer_1m9lj_72{max-width:800px;margin-left:auto;margin-right:auto;margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-tight)}.split._container_1m9lj_8 ._heading_1m9lj_19{flex:.35}.split._container_1m9lj_8 ._grid_1m9lj_88{margin-top:0;flex:1;flex-direction:row}._grid_1m9lj_88{display:flex;flex-direction:column;gap:1rem}
|
|
13
13
|
._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)}
|
|
14
14
|
._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}
|
|
15
15
|
._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)}
|
|
@@ -81,7 +81,7 @@ ul._list_1fin2_1{list-style-type:none;padding:0;margin:0}ol._list_1fin2_1{list-s
|
|
|
81
81
|
._faq_20vut_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_20vut_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_20vut_7{gap:var(--spacing-xl)}}._heading_20vut_24{display:flex;flex-direction:column;gap:var(--spacing-md)}._heading_20vut_24 h1,._heading_20vut_24 h2,._heading_20vut_24 h3,._heading_20vut_24 h4,._heading_20vut_24 h5,._heading_20vut_24 h6{width:100%;margin-bottom:0}.split ._content_20vut_41{margin-top:0;flex:1}
|
|
82
82
|
._accordion_1ytlu_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_1ytlu_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_1ytlu_7{gap:var(--spacing-xl)}}._heading_1ytlu_24{display:flex;flex-direction:column;gap:var(--spacing-md)}._heading_1ytlu_24 h1,._heading_1ytlu_24 h2,._heading_1ytlu_24 h3,._heading_1ytlu_24 h4,._heading_1ytlu_24 h5,._heading_1ytlu_24 h6{width:100%;margin-bottom:0}.split ._content_1ytlu_41{margin-top:0;flex:1}
|
|
83
83
|
._additionalCategories_1wmnv_1{width:100%;margin-bottom:var(--spacing-md)}._container_1wmnv_6{padding:0 var(--spacing-md) var(--spacing-md);max-width:var(--layout-width);margin:0 auto}._categories_1wmnv_12{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md)}._categories_1wmnv_12 p{font-weight:var(--font-weight-semibold)}._list_1wmnv_23{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}._category_1wmnv_31{display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-md);height:35px;background-color:var(--color-secondary-75);border-radius:var(--radius-full);transition:background-color .3s ease-in-out;cursor:pointer;color:#fff;text-decoration:none}._category_1wmnv_31:hover{background-color:var(--color-primary-100)}.blog ._container_1wmnv_6{max-width:var(--blog-width)}
|
|
84
|
-
.
|
|
84
|
+
._cardGrid_1m9lj_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);overflow:hidden}._container_1m9lj_8{width:100%;max-width:var(--layout-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._heading_1m9lj_19{display:flex;flex-direction:column;gap:var(--spacing-md)}._heading_1m9lj_19 h1,._heading_1m9lj_19 h2,._heading_1m9lj_19 h3,._heading_1m9lj_19 h4,._heading_1m9lj_19 h5,._heading_1m9lj_19 h6{width:100%;margin-bottom:0}._title_1m9lj_35 span span:first-letter{text-transform:uppercase}._headingHorizontal_1m9lj_43{flex-direction:row;justify-content:space-between}._headingHorizontal_1m9lj_43 ._title_1m9lj_35{margin-bottom:0}@media (max-width: 768px){._headingHorizontal_1m9lj_43{flex-direction:column}}._headingVertical_1m9lj_56{flex-direction:column;justify-content:flex-start}._title_1m9lj_35:first-letter{text-transform:capitalize}h3._description_1m9lj_67{font-size:var(--font-size-xl);margin-top:var(--spacing-md)}._disclaimer_1m9lj_72{max-width:800px;margin-left:auto;margin-right:auto;margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-tight)}.split._container_1m9lj_8 ._heading_1m9lj_19{flex:.35}.split._container_1m9lj_8 ._grid_1m9lj_88{margin-top:0;flex:1;flex-direction:row}._grid_1m9lj_88{display:flex;flex-direction:column;gap:1rem}
|
|
85
85
|
._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)}
|
|
86
86
|
._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}
|
|
87
87
|
._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)}
|