quirk-ui 0.0.643 → 0.0.644
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_pt2lm_1{width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-sm)}._container_pt2lm_1 *{margin-bottom:1rem}._container_pt2lm_1 *:has(+._divider_pt2lm_13){margin-bottom:0}._container_pt2lm_1 ul{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}._container_pt2lm_1 *:last-child{margin-bottom:0}._container_pt2lm_1 ._richTextImage_pt2lm_27{border-radius:var(--radius-md);margin:0 auto;overflow:hidden;line-height:0;margin-bottom:1rem}._container_pt2lm_1 ._richTextLink_pt2lm_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_pt2lm_1 ._richTextLink_pt2lm_35:hover{color:var(--color-primary-100);text-decoration:underline}._container_pt2lm_1 ._spacerSmall_pt2lm_47{border:none;margin:0 0 var(--spacing-sm)}._container_pt2lm_1 ._spacerMedium_pt2lm_52{border:none;margin:0 0 var(--spacing-md)}._container_pt2lm_1 ._spacerLarge_pt2lm_57{border:none;margin:0 0 var(--spacing-lg)}._container_pt2lm_1 ._divider_pt2lm_13{border:none;border-top:1px solid var(--color-secondary-25);margin:var(--spacing-md) 0}._container_pt2lm_1 .text-small{font-size:var(--font-size-sm)}._container_pt2lm_1 .text-medium{font-size:var(--font-size-md)}._container_pt2lm_1 .text-large{font-size:var(--font-size-lg)}._container_pt2lm_1 .text-xlarge{font-size:var(--font-size-xl)}code,._codeBlock_pt2lm_85{background-color:var(--color-secondary-10);padding:.25rem .5rem;border-radius:var(--radius-md);font-family:monospace}
|
|
@@ -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"),j=require("react"),f=require("@portabletext/react"),y=require("../AnimatedSpan/index.cjs"),m=require("../../../core/components/Heading/index.cjs"),k=require("../../../core/components/Text/index.cjs"),q=require("next/image"),L=require("../../hooks/useMediaQuery.cjs"),M="_container_pt2lm_1",N="_divider_pt2lm_13",$="_richTextImage_pt2lm_27",S="_richTextLink_pt2lm_35",H="_spacerSmall_pt2lm_47",b="_spacerMedium_pt2lm_52",B="_spacerLarge_pt2lm_57",C="_codeBlock_pt2lm_85",i={container:M,divider:N,richTextImage:$,richTextLink:S,spacerSmall:H,spacerMedium:b,spacerLarge:B,codeBlock:C},z=n=>({normal:({children:s})=>t.jsx(k.Text,{className:n,children:s}),h1:({children:s})=>t.jsx(m.Heading,{className:n,level:1,children:s}),h2:({children:s})=>t.jsx(m.Heading,{className:n,level:2,children:s}),h3:({children:s})=>t.jsx(m.Heading,{className:n,level:3,children:s}),h4:({children:s})=>t.jsx(m.Heading,{className:n,level:4,children:s}),h5:({children:s})=>t.jsx(m.Heading,{className:n,level:5,children:s}),h6:({children:s})=>t.jsx(m.Heading,{className:n,level:6,children:s}),quote:({children:s})=>t.jsx("blockquote",{className:n,children:s}),code:({children:s})=>t.jsxs("pre",{className:`${n} ${i.codeBlock}`,children:[" ",t.jsx("code",{children:s})]})}),I=(n,a,s,u,g)=>{const x=z(n);return{marks:{coloredText:({children:e,value:r})=>{if(!r)return t.jsx(t.Fragment,{children:e});const{colorClass:c}=r,o=a==null?void 0:a.current;return u&&s?t.jsx(y.AnimatedSpan,{className:c,text:s,prevText:o},"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:o,externalUrl:d,blank:_}=r;let l="#";c==="external"&&d?l=d:c==="internal"&&((p=o==null?void 0:o.slug)!=null&&p.current)&&(l=`/${o==null?void 0:o.slug.current}`);const h=c==="external";return t.jsx("a",{href:l,target:_?"_blank":void 0,rel:h?"noopener noreferrer":void 0,className:i.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})},inlineCode:({children:e})=>t.jsx("code",{style:{backgroundColor:"rgba(0,0,0,0.1)",padding:"0.2em 0.4em",borderRadius:"4px",fontFamily:"monospace"},children:e})},block:x,list:{bullet:({children:e=[]})=>{const r=j.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,o,d,_,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} ${i.richTextImage}`,children:[t.jsx(q,{src:e.imageUrls.medium,alt:r,width:1e3,height:800,style:{maxWidth:"100%",height:"auto"}}),(((o=e.asset)==null?void 0:o.title)||((d=e.asset)==null?void 0:d.description))&&t.jsxs("figcaption",{children:[((_=e.asset)==null?void 0:_.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:i.divider}),spacer:({value:e})=>{const r=(e==null?void 0:e.style)||"medium",c={small:i.spacerSmall,medium:i.spacerMedium,large:i.spacerLarge};return t.jsx("span",{className:`${c[r]??i.spacerMedium}`})}}}},P=({blocks:n,className:a,textOverride:s,animateText:u})=>{const g=L.useMediaQuery("(max-width: 767px)"),x=j.useRef(s);j.useEffect(()=>{x.current=s},[s]);const T=j.useMemo(()=>I(a,x,s,u,g),[a,x,s,u,g]);return n?typeof n=="string"?(console.warn("RichText component received a string. Expected PortableTextBlock[]"),t.jsx(k.Text,{className:a,children:n})):t.jsx("div",{className:`${i.container} portableTextContainer`,children:t.jsx(f.PortableText,{value:n,components:T})}):null};exports.RichText=P;
|
|
@@ -1,30 +1,35 @@
|
|
|
1
|
-
import { jsx as t, jsxs as
|
|
2
|
-
import N, { useRef as y, useEffect as
|
|
3
|
-
import { PortableText as
|
|
4
|
-
import { AnimatedSpan as
|
|
5
|
-
import { Heading as
|
|
6
|
-
import { Text as
|
|
7
|
-
import
|
|
8
|
-
import { useMediaQuery as
|
|
9
|
-
import '../../../assets/index15.css';const
|
|
10
|
-
container:
|
|
11
|
-
divider:
|
|
1
|
+
import { jsx as t, jsxs as f, Fragment as L } from "react/jsx-runtime";
|
|
2
|
+
import N, { useRef as y, useEffect as M, useMemo as $ } from "react";
|
|
3
|
+
import { PortableText as B } from "@portabletext/react";
|
|
4
|
+
import { AnimatedSpan as C } from "../AnimatedSpan/index.mjs";
|
|
5
|
+
import { Heading as a } from "../../../core/components/Heading/index.mjs";
|
|
6
|
+
import { Text as k } from "../../../core/components/Text/index.mjs";
|
|
7
|
+
import S from "next/image";
|
|
8
|
+
import { useMediaQuery as z } from "../../hooks/useMediaQuery.mjs";
|
|
9
|
+
import '../../../assets/index15.css';const I = "_container_pt2lm_1", b = "_divider_pt2lm_13", E = "_richTextImage_pt2lm_27", w = "_richTextLink_pt2lm_35", P = "_spacerSmall_pt2lm_47", R = "_spacerMedium_pt2lm_52", j = "_spacerLarge_pt2lm_57", q = "_codeBlock_pt2lm_85", i = {
|
|
10
|
+
container: I,
|
|
11
|
+
divider: b,
|
|
12
12
|
richTextImage: E,
|
|
13
13
|
richTextLink: w,
|
|
14
14
|
spacerSmall: P,
|
|
15
15
|
spacerMedium: R,
|
|
16
|
-
spacerLarge:
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
})
|
|
27
|
-
|
|
16
|
+
spacerLarge: j,
|
|
17
|
+
codeBlock: q
|
|
18
|
+
}, F = (n) => ({
|
|
19
|
+
normal: ({ children: r }) => /* @__PURE__ */ t(k, { className: n, children: r }),
|
|
20
|
+
h1: ({ children: r }) => /* @__PURE__ */ t(a, { className: n, level: 1, children: r }),
|
|
21
|
+
h2: ({ children: r }) => /* @__PURE__ */ t(a, { className: n, level: 2, children: r }),
|
|
22
|
+
h3: ({ children: r }) => /* @__PURE__ */ t(a, { className: n, level: 3, children: r }),
|
|
23
|
+
h4: ({ children: r }) => /* @__PURE__ */ t(a, { className: n, level: 4, children: r }),
|
|
24
|
+
h5: ({ children: r }) => /* @__PURE__ */ t(a, { className: n, level: 5, children: r }),
|
|
25
|
+
h6: ({ children: r }) => /* @__PURE__ */ t(a, { className: n, level: 6, children: r }),
|
|
26
|
+
quote: ({ children: r }) => /* @__PURE__ */ t("blockquote", { className: n, children: r }),
|
|
27
|
+
code: ({ children: r }) => /* @__PURE__ */ f("pre", { className: `${n} ${i.codeBlock}`, children: [
|
|
28
|
+
" ",
|
|
29
|
+
/* @__PURE__ */ t("code", { children: r })
|
|
30
|
+
] })
|
|
31
|
+
}), U = (n, l, r, h, x) => {
|
|
32
|
+
const p = F(n);
|
|
28
33
|
return {
|
|
29
34
|
marks: {
|
|
30
35
|
coloredText: ({
|
|
@@ -32,16 +37,16 @@ import '../../../assets/index15.css';const z = "_container_69kjo_1", I = "_divid
|
|
|
32
37
|
value: s
|
|
33
38
|
}) => {
|
|
34
39
|
if (!s) return /* @__PURE__ */ t(L, { children: e });
|
|
35
|
-
const { colorClass:
|
|
40
|
+
const { colorClass: c } = s, o = l == null ? void 0 : l.current;
|
|
36
41
|
return h && r ? /* @__PURE__ */ t(
|
|
37
|
-
|
|
42
|
+
C,
|
|
38
43
|
{
|
|
39
|
-
className:
|
|
44
|
+
className: c,
|
|
40
45
|
text: r,
|
|
41
|
-
prevText:
|
|
46
|
+
prevText: o
|
|
42
47
|
},
|
|
43
48
|
"animated-span"
|
|
44
|
-
) : /* @__PURE__ */ t("span", { className:
|
|
49
|
+
) : /* @__PURE__ */ t("span", { className: c, children: e });
|
|
45
50
|
},
|
|
46
51
|
strong: ({ children: e }) => /* @__PURE__ */ t("strong", { children: e }),
|
|
47
52
|
em: ({ children: e }) => /* @__PURE__ */ t("em", { children: e }),
|
|
@@ -51,22 +56,22 @@ import '../../../assets/index15.css';const z = "_container_69kjo_1", I = "_divid
|
|
|
51
56
|
right: ({ children: e }) => /* @__PURE__ */ t("span", { className: "textRight", children: e }),
|
|
52
57
|
link: ({ children: e, value: s }) => {
|
|
53
58
|
var g;
|
|
54
|
-
const { linkType:
|
|
59
|
+
const { linkType: c, internalUrl: o, externalUrl: d, blank: u } = s;
|
|
55
60
|
let m = "#";
|
|
56
|
-
return
|
|
61
|
+
return c === "external" && d ? m = d : c === "internal" && ((g = o == null ? void 0 : o.slug) != null && g.current) && (m = `/${o == null ? void 0 : o.slug.current}`), /* @__PURE__ */ t(
|
|
57
62
|
"a",
|
|
58
63
|
{
|
|
59
64
|
href: m,
|
|
60
65
|
target: u ? "_blank" : void 0,
|
|
61
|
-
rel:
|
|
62
|
-
className:
|
|
66
|
+
rel: c === "external" ? "noopener noreferrer" : void 0,
|
|
67
|
+
className: i.richTextLink,
|
|
63
68
|
children: e
|
|
64
69
|
}
|
|
65
70
|
);
|
|
66
71
|
},
|
|
67
72
|
textSize: ({ children: e, value: s }) => {
|
|
68
|
-
const
|
|
69
|
-
return /* @__PURE__ */ t("span", { className:
|
|
73
|
+
const c = s != null && s.size ? `text-${s.size}` : "";
|
|
74
|
+
return /* @__PURE__ */ t("span", { className: c, children: e });
|
|
70
75
|
},
|
|
71
76
|
inlineCode: ({ children: e }) => /* @__PURE__ */ t(
|
|
72
77
|
"code",
|
|
@@ -99,12 +104,12 @@ import '../../../assets/index15.css';const z = "_container_69kjo_1", I = "_divid
|
|
|
99
104
|
},
|
|
100
105
|
types: {
|
|
101
106
|
image: ({ value: e }) => {
|
|
102
|
-
var
|
|
107
|
+
var c, o, d, u, m, _, g;
|
|
103
108
|
if (!(e != null && e.imageUrls)) return null;
|
|
104
|
-
const s = ((
|
|
105
|
-
return /* @__PURE__ */
|
|
109
|
+
const s = ((c = e.asset) == null ? void 0 : c.altText) || "Content image";
|
|
110
|
+
return /* @__PURE__ */ f("figure", { className: `${n} ${i.richTextImage}`, children: [
|
|
106
111
|
/* @__PURE__ */ t(
|
|
107
|
-
|
|
112
|
+
S,
|
|
108
113
|
{
|
|
109
114
|
src: e.imageUrls.medium,
|
|
110
115
|
alt: s,
|
|
@@ -113,47 +118,47 @@ import '../../../assets/index15.css';const z = "_container_69kjo_1", I = "_divid
|
|
|
113
118
|
style: { maxWidth: "100%", height: "auto" }
|
|
114
119
|
}
|
|
115
120
|
),
|
|
116
|
-
(((
|
|
121
|
+
(((o = e.asset) == null ? void 0 : o.title) || ((d = e.asset) == null ? void 0 : d.description)) && /* @__PURE__ */ f("figcaption", { children: [
|
|
117
122
|
((u = e.asset) == null ? void 0 : u.title) && /* @__PURE__ */ t("strong", { children: (m = e.asset) == null ? void 0 : m.title }),
|
|
118
|
-
((
|
|
123
|
+
((_ = e.asset) == null ? void 0 : _.description) && /* @__PURE__ */ t("p", { children: (g = e.asset) == null ? void 0 : g.description })
|
|
119
124
|
] })
|
|
120
125
|
] });
|
|
121
126
|
},
|
|
122
|
-
divider: () => /* @__PURE__ */ t("hr", { className:
|
|
127
|
+
divider: () => /* @__PURE__ */ t("hr", { className: i.divider }),
|
|
123
128
|
spacer: ({ value: e }) => {
|
|
124
|
-
const s = (e == null ? void 0 : e.style) || "medium",
|
|
125
|
-
small:
|
|
126
|
-
medium:
|
|
127
|
-
large:
|
|
129
|
+
const s = (e == null ? void 0 : e.style) || "medium", c = {
|
|
130
|
+
small: i.spacerSmall,
|
|
131
|
+
medium: i.spacerMedium,
|
|
132
|
+
large: i.spacerLarge
|
|
128
133
|
};
|
|
129
|
-
return /* @__PURE__ */ t("span", { className: `${
|
|
134
|
+
return /* @__PURE__ */ t("span", { className: `${c[s] ?? i.spacerMedium}` });
|
|
130
135
|
}
|
|
131
136
|
}
|
|
132
137
|
};
|
|
133
|
-
},
|
|
138
|
+
}, X = ({
|
|
134
139
|
blocks: n,
|
|
135
|
-
className:
|
|
140
|
+
className: l,
|
|
136
141
|
textOverride: r,
|
|
137
142
|
animateText: h
|
|
138
143
|
}) => {
|
|
139
|
-
const x =
|
|
140
|
-
|
|
144
|
+
const x = z("(max-width: 767px)"), p = y(r);
|
|
145
|
+
M(() => {
|
|
141
146
|
p.current = r;
|
|
142
147
|
}, [r]);
|
|
143
|
-
const
|
|
144
|
-
() =>
|
|
145
|
-
|
|
148
|
+
const T = $(
|
|
149
|
+
() => U(
|
|
150
|
+
l,
|
|
146
151
|
p,
|
|
147
152
|
r,
|
|
148
153
|
h,
|
|
149
154
|
x
|
|
150
155
|
),
|
|
151
|
-
[
|
|
156
|
+
[l, p, r, h, x]
|
|
152
157
|
);
|
|
153
158
|
return n ? typeof n == "string" ? (console.warn(
|
|
154
159
|
"RichText component received a string. Expected PortableTextBlock[]"
|
|
155
|
-
), /* @__PURE__ */ t(
|
|
160
|
+
), /* @__PURE__ */ t(k, { className: l, children: n })) : /* @__PURE__ */ t("div", { className: `${i.container} portableTextContainer`, children: /* @__PURE__ */ t(B, { value: n, components: T }) }) : null;
|
|
156
161
|
};
|
|
157
162
|
export {
|
|
158
|
-
|
|
163
|
+
X as RichText
|
|
159
164
|
};
|
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_pt2lm_1{width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-sm)}._container_pt2lm_1 *{margin-bottom:1rem}._container_pt2lm_1 *:has(+._divider_pt2lm_13){margin-bottom:0}._container_pt2lm_1 ul{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}._container_pt2lm_1 *:last-child{margin-bottom:0}._container_pt2lm_1 ._richTextImage_pt2lm_27{border-radius:var(--radius-md);margin:0 auto;overflow:hidden;line-height:0;margin-bottom:1rem}._container_pt2lm_1 ._richTextLink_pt2lm_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_pt2lm_1 ._richTextLink_pt2lm_35:hover{color:var(--color-primary-100);text-decoration:underline}._container_pt2lm_1 ._spacerSmall_pt2lm_47{border:none;margin:0 0 var(--spacing-sm)}._container_pt2lm_1 ._spacerMedium_pt2lm_52{border:none;margin:0 0 var(--spacing-md)}._container_pt2lm_1 ._spacerLarge_pt2lm_57{border:none;margin:0 0 var(--spacing-lg)}._container_pt2lm_1 ._divider_pt2lm_13{border:none;border-top:1px solid var(--color-secondary-25);margin:var(--spacing-md) 0}._container_pt2lm_1 .text-small{font-size:var(--font-size-sm)}._container_pt2lm_1 .text-medium{font-size:var(--font-size-md)}._container_pt2lm_1 .text-large{font-size:var(--font-size-lg)}._container_pt2lm_1 .text-xlarge{font-size:var(--font-size-xl)}code,._codeBlock_pt2lm_85{background-color:var(--color-secondary-10);padding:.25rem .5rem;border-radius:var(--radius-md);font-family:monospace}
|
|
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)}
|
|
@@ -85,7 +85,7 @@ ul._list_1fin2_1{list-style-type:none;padding:0;margin:0}ol._list_1fin2_1{list-s
|
|
|
85
85
|
._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)}
|
|
86
86
|
._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}
|
|
87
87
|
._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}
|
|
88
|
-
.
|
|
88
|
+
._container_pt2lm_1{width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-sm)}._container_pt2lm_1 *{margin-bottom:1rem}._container_pt2lm_1 *:has(+._divider_pt2lm_13){margin-bottom:0}._container_pt2lm_1 ul{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}._container_pt2lm_1 *:last-child{margin-bottom:0}._container_pt2lm_1 ._richTextImage_pt2lm_27{border-radius:var(--radius-md);margin:0 auto;overflow:hidden;line-height:0;margin-bottom:1rem}._container_pt2lm_1 ._richTextLink_pt2lm_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_pt2lm_1 ._richTextLink_pt2lm_35:hover{color:var(--color-primary-100);text-decoration:underline}._container_pt2lm_1 ._spacerSmall_pt2lm_47{border:none;margin:0 0 var(--spacing-sm)}._container_pt2lm_1 ._spacerMedium_pt2lm_52{border:none;margin:0 0 var(--spacing-md)}._container_pt2lm_1 ._spacerLarge_pt2lm_57{border:none;margin:0 0 var(--spacing-lg)}._container_pt2lm_1 ._divider_pt2lm_13{border:none;border-top:1px solid var(--color-secondary-25);margin:var(--spacing-md) 0}._container_pt2lm_1 .text-small{font-size:var(--font-size-sm)}._container_pt2lm_1 .text-medium{font-size:var(--font-size-md)}._container_pt2lm_1 .text-large{font-size:var(--font-size-lg)}._container_pt2lm_1 .text-xlarge{font-size:var(--font-size-xl)}code,._codeBlock_pt2lm_85{background-color:var(--color-secondary-10);padding:.25rem .5rem;border-radius:var(--radius-md);font-family:monospace}
|
|
89
89
|
._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)}
|
|
90
90
|
._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}}
|
|
91
91
|
._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)}
|