quirk-ui 0.1.4 → 0.1.6
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/index45.css +1 -1
- package/dist/core/components/Footer/index.cjs +1 -1
- package/dist/core/components/Footer/index.mjs +50 -50
- package/dist/next/blocks/ContentBlock/index.cjs +1 -1
- package/dist/next/blocks/ContentBlock/index.mjs +17 -19
- package/dist/next/cards/GridCard/index.cjs +1 -1
- package/dist/next/cards/GridCard/index.mjs +31 -31
- package/dist/next/ui/CallToAction/index.cjs +1 -1
- package/dist/next/ui/CallToAction/index.mjs +23 -23
- package/dist/styles.css +2 -2
- package/package.json +1 -1
package/dist/assets/index45.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._footer_10n06_1{max-width:var(--layout-width);margin:0 auto;background-color:var(--color-background);padding:var(--spacing-xl) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}._container_10n06_10{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_10n06_20{width:100%}._primaryNav_10n06_24{display:flex;gap:var(--spacing-xl);width:100%}@media (max-width: 767px){._primaryNav_10n06_24{width:100%;flex-direction:column-reverse}}._secondaryNav_10n06_35{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;width:100%;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}._secondaryNav_10n06_35 a:has(img){height:unset;background-color:transparent}._secondaryNav_10n06_35 a:has(img) img{width:auto;height:60px}._secondaryNav_10n06_35 a:has(img):hover{background-color:transparent}@media (max-width: 767px){._secondaryNav_10n06_35{flex-direction:column-reverse;align-items:center;justify-content:center;margin-top:0}._secondaryNav_10n06_35 nav{width:100%;display:flex;justify-content:center}}._details_10n06_72{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._details_10n06_72{justify-content:center;align-items:center;text-align:center}}._nav_10n06_85{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_10n06_93{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._logo_10n06_93 a{display:block}._logo_10n06_93 img{height:auto;max-height:50px}._socialItems_10n06_108{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md)}._socialItems_10n06_108 ._group_10n06_115{flex:unset;min-width:unset}._socialItems_10n06_108 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_10n06_125{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_10n06_115{flex:.2;min-width:140px}._groupTitle_10n06_136{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._sublinks_10n06_145{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_10n06_153{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_10n06_153{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._link_10n06_153 ._newTabIcon_10n06_171{color:var(--color-secondary-75);transition:color .3s ease-in-out}._link_10n06_153:hover,._link_10n06_153:hover ._newTabIcon_10n06_171{color:var(--color-primary-100)}._bottom_10n06_185{text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary)}@media (max-width: 767px){._bottom_10n06_185{text-align:center}}._left_10n06_196 ._container_10n06_10{justify-content:flex-start}._left_10n06_196 ._logo_10n06_93{flex:unset}._left_10n06_196 ._nav_10n06_85{flex:1}@media (max-width: 767px){._left_10n06_196 ._logo_10n06_93{flex:1}}._center_10n06_216 ._nav_10n06_85{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_10n06_216 ._nav_10n06_85._hidden_10n06_224{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_10n06_216 ._nav_10n06_85._visible_10n06_231{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_10n06_216 ._logo_10n06_93{flex:1}}._right_10n06_246 ._container_10n06_10{justify-content:flex-end}._right_10n06_246 ._logo_10n06_93,._right_10n06_246 ._title_10n06_252{flex:1}._right_10n06_246 ._nav_10n06_85{flex:unset}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index45.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index45.css');const n=require("react/jsx-runtime"),k=require("../../../index-CAxKHP72.cjs"),$=require("../ButtonGroup/index.cjs"),o=require("../../../index-CBK5rp6X.cjs"),F=require("../../../external-link-DDShu-48.cjs"),I="_footer_10n06_1",S="_container_10n06_10",q="_primaryNav_10n06_24",w="_secondaryNav_10n06_35",L="_details_10n06_72",A="_nav_10n06_85",B="_logo_10n06_93",E="_socialItems_10n06_108",C="_group_10n06_115",M="_groups_10n06_125",z="_groupTitle_10n06_136",G="_sublinks_10n06_145",Y="_link_10n06_153",O="_newTabIcon_10n06_171",P="_bottom_10n06_185",U="_left_10n06_196",D="_center_10n06_216",H="_right_10n06_246",e={footer:I,container:S,primaryNav:q,secondaryNav:w,details:L,nav:A,logo:B,socialItems:E,group:C,groups:M,groupTitle:z,sublinks:G,link:Y,newTabIcon:O,bottom:P,left:U,center:D,right:H},J={Facebook:o.FaFacebook,Twitter:o.FaTwitter,LinkedIn:o.FaLinkedin,Instagram:o.FaInstagram,YouTube:o.FaYoutube},K={left:e.left,center:e.center,right:e.right};function Q({logo:d,items:u,primaryInfo:g,secondaryInfo:h,utilityItems:t,socialItems:i,alignment:m="left",copyright:v,className:b,style:j,...N}){const l=(s,r=!1)=>s.map((a,f)=>{var x;const y=a._key??`${a.label}-${f}`,c=!!((x=a.sublinks)!=null&&x.length),T=!!a.href,_=a.icon?J[a.icon]:void 0,p=n.jsxs(n.Fragment,{children:[!r&&a.label,_&&n.jsx(_,{"aria-hidden":"true"}),!_&&a.isExternal&&n.jsx(F.ExternalLink,{className:e.newTabIcon,size:14,"aria-hidden":"true"})]});return n.jsxs("div",{className:e.group,children:[T?n.jsx("a",{href:a.href,className:`${e.link}${c?` ${e.groupTitle}`:""}`,target:a.isExternal?"_blank":"_self",rel:a.isExternal?"noopener noreferrer":void 0,"aria-label":r?a.label:void 0,onClick:a.onClick,children:p}):n.jsx("span",{className:c?e.groupTitle:void 0,children:p}),c&&n.jsx("div",{className:e.sublinks,"aria-label":`${a.label} links`,children:l(a.sublinks)})]},y)});return n.jsx("footer",{className:`${e.footer} ${K[m]}${b?` ${b}`:""}`,style:j,...N,children:n.jsxs("div",{className:e.container,children:[n.jsxs("div",{className:e.primaryNav,children:[n.jsxs("div",{className:e.details,children:[d&&n.jsx("div",{className:e.logo,children:d}),i&&i.length>0&&n.jsx("div",{className:e.socialItems,"aria-label":"Social media links",children:l(i,!0)}),g&&n.jsx("div",{children:g}),h&&n.jsx("div",{children:h})]}),u.length>0&&n.jsx("nav",{className:e.nav,id:"footer-nav","aria-label":"Footer navigation",children:n.jsx("div",{className:e.groups,children:l(u)})})]}),n.jsxs("div",{className:e.secondaryNav,children:[v&&n.jsx("div",{className:e.bottom,children:n.jsx("span",{children:v})}),t&&t.length>0&&n.jsx("nav",{"aria-label":"Utility links",children:n.jsx($.ButtonGroup,{orientation:"horizontal",children:t.map((s,r)=>n.jsx(k.Button,{as:"a",href:s.href??"/",variant:s.variant??"primary",displayType:s.displayType??"text",imageSrc:s.imageSrc,imageAlt:s.imageAlt,"aria-label":s.ariaLabel??(typeof s.label=="string"?s.label:""),icon:s.icon,iconAlignment:s.iconAlignment,children:s.label},s._key??r))})})]})]})})}exports.Footer=Q;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { B as
|
|
3
|
-
import { ButtonGroup as
|
|
4
|
-
import { a as
|
|
5
|
-
import { E as
|
|
6
|
-
import '../../../assets/index45.css';const
|
|
7
|
-
footer:
|
|
8
|
-
container:
|
|
1
|
+
import { jsx as n, jsxs as r, Fragment as $ } from "react/jsx-runtime";
|
|
2
|
+
import { B as x } from "../../../index-DoRSKr6y.js";
|
|
3
|
+
import { ButtonGroup as I } from "../ButtonGroup/index.mjs";
|
|
4
|
+
import { a as w, b as E, c as S, d as A, e as L } from "../../../index-CeBA0PT0.js";
|
|
5
|
+
import { E as B } from "../../../external-link-BOPobeQJ.js";
|
|
6
|
+
import '../../../assets/index45.css';const C = "_footer_10n06_1", j = "_container_10n06_10", z = "_primaryNav_10n06_24", M = "_secondaryNav_10n06_35", Y = "_details_10n06_72", G = "_nav_10n06_85", U = "_logo_10n06_93", q = "_socialItems_10n06_108", D = "_group_10n06_115", H = "_groups_10n06_125", J = "_groupTitle_10n06_136", K = "_sublinks_10n06_145", O = "_link_10n06_153", P = "_newTabIcon_10n06_171", Q = "_bottom_10n06_185", R = "_left_10n06_196", V = "_center_10n06_216", W = "_right_10n06_246", a = {
|
|
7
|
+
footer: C,
|
|
8
|
+
container: j,
|
|
9
9
|
primaryNav: z,
|
|
10
10
|
secondaryNav: M,
|
|
11
11
|
details: Y,
|
|
@@ -23,11 +23,11 @@ import '../../../assets/index45.css';const B = "_footer_v9jop_1", C = "_containe
|
|
|
23
23
|
center: V,
|
|
24
24
|
right: W
|
|
25
25
|
}, X = {
|
|
26
|
-
Facebook:
|
|
27
|
-
Twitter:
|
|
28
|
-
LinkedIn:
|
|
29
|
-
Instagram:
|
|
30
|
-
YouTube:
|
|
26
|
+
Facebook: L,
|
|
27
|
+
Twitter: A,
|
|
28
|
+
LinkedIn: S,
|
|
29
|
+
Instagram: E,
|
|
30
|
+
YouTube: w
|
|
31
31
|
}, Z = {
|
|
32
32
|
left: a.left,
|
|
33
33
|
center: a.center,
|
|
@@ -35,24 +35,24 @@ import '../../../assets/index45.css';const B = "_footer_v9jop_1", C = "_containe
|
|
|
35
35
|
};
|
|
36
36
|
function sa({
|
|
37
37
|
logo: d,
|
|
38
|
-
items:
|
|
39
|
-
primaryInfo:
|
|
40
|
-
secondaryInfo:
|
|
38
|
+
items: g,
|
|
39
|
+
primaryInfo: h,
|
|
40
|
+
secondaryInfo: p,
|
|
41
41
|
utilityItems: t,
|
|
42
42
|
socialItems: l,
|
|
43
43
|
alignment: f = "left",
|
|
44
|
-
copyright:
|
|
45
|
-
className:
|
|
44
|
+
copyright: m,
|
|
45
|
+
className: v,
|
|
46
46
|
style: N,
|
|
47
|
-
...
|
|
47
|
+
...y
|
|
48
48
|
}) {
|
|
49
|
-
const i = (
|
|
49
|
+
const i = (o, s = !1) => o.map((e, T) => {
|
|
50
50
|
var u;
|
|
51
|
-
const
|
|
51
|
+
const k = e._key ?? `${e.label}-${T}`, c = !!((u = e.sublinks) != null && u.length), F = !!e.href, _ = e.icon ? X[e.icon] : void 0, b = /* @__PURE__ */ r($, { children: [
|
|
52
52
|
!s && e.label,
|
|
53
|
-
_ && /* @__PURE__ */
|
|
54
|
-
!_ && e.isExternal && /* @__PURE__ */
|
|
55
|
-
|
|
53
|
+
_ && /* @__PURE__ */ n(_, { "aria-hidden": "true" }),
|
|
54
|
+
!_ && e.isExternal && /* @__PURE__ */ n(
|
|
55
|
+
B,
|
|
56
56
|
{
|
|
57
57
|
className: a.newTabIcon,
|
|
58
58
|
size: 14,
|
|
@@ -61,7 +61,7 @@ function sa({
|
|
|
61
61
|
)
|
|
62
62
|
] });
|
|
63
63
|
return /* @__PURE__ */ r("div", { className: a.group, children: [
|
|
64
|
-
|
|
64
|
+
F ? /* @__PURE__ */ n(
|
|
65
65
|
"a",
|
|
66
66
|
{
|
|
67
67
|
href: e.href,
|
|
@@ -72,21 +72,21 @@ function sa({
|
|
|
72
72
|
onClick: e.onClick,
|
|
73
73
|
children: b
|
|
74
74
|
}
|
|
75
|
-
) : /* @__PURE__ */
|
|
76
|
-
c && /* @__PURE__ */
|
|
77
|
-
] },
|
|
75
|
+
) : /* @__PURE__ */ n("span", { className: c ? a.groupTitle : void 0, children: b }),
|
|
76
|
+
c && /* @__PURE__ */ n("div", { className: a.sublinks, "aria-label": `${e.label} links`, children: i(e.sublinks) })
|
|
77
|
+
] }, k);
|
|
78
78
|
});
|
|
79
|
-
return /* @__PURE__ */
|
|
79
|
+
return /* @__PURE__ */ n(
|
|
80
80
|
"footer",
|
|
81
81
|
{
|
|
82
|
-
className: `${a.footer} ${Z[f]}${
|
|
82
|
+
className: `${a.footer} ${Z[f]}${v ? ` ${v}` : ""}`,
|
|
83
83
|
style: N,
|
|
84
|
-
...
|
|
84
|
+
...y,
|
|
85
85
|
children: /* @__PURE__ */ r("div", { className: a.container, children: [
|
|
86
86
|
/* @__PURE__ */ r("div", { className: a.primaryNav, children: [
|
|
87
87
|
/* @__PURE__ */ r("div", { className: a.details, children: [
|
|
88
|
-
d && /* @__PURE__ */
|
|
89
|
-
l && l.length > 0 && /* @__PURE__ */
|
|
88
|
+
d && /* @__PURE__ */ n("div", { className: a.logo, children: d }),
|
|
89
|
+
l && l.length > 0 && /* @__PURE__ */ n(
|
|
90
90
|
"div",
|
|
91
91
|
{
|
|
92
92
|
className: a.socialItems,
|
|
@@ -94,36 +94,36 @@ function sa({
|
|
|
94
94
|
children: i(l, !0)
|
|
95
95
|
}
|
|
96
96
|
),
|
|
97
|
-
|
|
98
|
-
|
|
97
|
+
h && /* @__PURE__ */ n("div", { children: h }),
|
|
98
|
+
p && /* @__PURE__ */ n("div", { children: p })
|
|
99
99
|
] }),
|
|
100
|
-
|
|
100
|
+
g.length > 0 && /* @__PURE__ */ n(
|
|
101
101
|
"nav",
|
|
102
102
|
{
|
|
103
103
|
className: a.nav,
|
|
104
104
|
id: "footer-nav",
|
|
105
105
|
"aria-label": "Footer navigation",
|
|
106
|
-
children: /* @__PURE__ */
|
|
106
|
+
children: /* @__PURE__ */ n("div", { className: a.groups, children: i(g) })
|
|
107
107
|
}
|
|
108
108
|
)
|
|
109
109
|
] }),
|
|
110
110
|
/* @__PURE__ */ r("div", { className: a.secondaryNav, children: [
|
|
111
|
-
|
|
112
|
-
t && t.length > 0 && /* @__PURE__ */
|
|
113
|
-
|
|
111
|
+
m && /* @__PURE__ */ n("div", { className: a.bottom, children: /* @__PURE__ */ n("span", { children: m }) }),
|
|
112
|
+
t && t.length > 0 && /* @__PURE__ */ n("nav", { "aria-label": "Utility links", children: /* @__PURE__ */ n(I, { orientation: "horizontal", children: t.map((o, s) => /* @__PURE__ */ n(
|
|
113
|
+
x,
|
|
114
114
|
{
|
|
115
115
|
as: "a",
|
|
116
|
-
href:
|
|
117
|
-
variant:
|
|
118
|
-
displayType:
|
|
119
|
-
imageSrc:
|
|
120
|
-
imageAlt:
|
|
121
|
-
"aria-label":
|
|
122
|
-
icon:
|
|
123
|
-
iconAlignment:
|
|
124
|
-
children:
|
|
116
|
+
href: o.href ?? "/",
|
|
117
|
+
variant: o.variant ?? "primary",
|
|
118
|
+
displayType: o.displayType ?? "text",
|
|
119
|
+
imageSrc: o.imageSrc,
|
|
120
|
+
imageAlt: o.imageAlt,
|
|
121
|
+
"aria-label": o.ariaLabel ?? (typeof o.label == "string" ? o.label : ""),
|
|
122
|
+
icon: o.icon,
|
|
123
|
+
iconAlignment: o.iconAlignment,
|
|
124
|
+
children: o.label
|
|
125
125
|
},
|
|
126
|
-
|
|
126
|
+
o._key ?? s
|
|
127
127
|
)) }) })
|
|
128
128
|
] })
|
|
129
129
|
] })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index8.css');const e=require("react/jsx-runtime"),S=require("../../hooks/useStyleClasses.cjs"),k=require("../../../core/context/ThemeContext.cjs"),H=require("../../hooks/useMediaQuery.cjs"),g=require("../../utils/mediaUtils.cjs"),W="_content_1fjz8_1",$="_container_1fjz8_7",L="_eyebrow_1fjz8_34",B="_metrics_1fjz8_38",C="_metric_1fjz8_38",q="_metricValue_1fjz8_54",M="_disclaimer_1fjz8_75",U="_layoutHImageRight_1fjz8_80",D="_heading_1fjz8_84",E="_image_1fjz8_89",Q="_noImage_1fjz8_99",Y="_layoutHImageLeft_1fjz8_103",F="_layoutVImageTop_1fjz8_122",G="_layoutVImageBottom_1fjz8_135",P="_text_1fjz8_154",J="_title_1fjz8_159",K="_cta_1fjz8_178",X="_headingHorizontal_1fjz8_186",Z="_titleWrapper_1fjz8_195",O="_headingVertical_1fjz8_216",A="_videoWrapper_1fjz8_237",T="_layoutSplitText_1fjz8_329",R="_additionalContent_1fjz8_344",t={content:W,container:$,eyebrow:L,metrics:B,metric:C,metricValue:q,disclaimer:M,layoutHImageRight:U,heading:D,image:E,noImage:Q,layoutHImageLeft:Y,layoutVImageTop:F,layoutVImageBottom:G,text:P,title:J,cta:K,headingHorizontal:X,titleWrapper:Z,headingVertical:O,videoWrapper:A,layoutSplitText:T,additionalContent:R},tt={"no-image":t.noImage,"split-text":t.layoutSplitText,"horizontal-image-right":t.layoutHImageRight,"horizontal-image-left":t.layoutHImageLeft,"vertical-image-top":t.layoutVImageTop,"vertical-image-bottom":t.layoutVImageBottom},st={horizontal:t.headingHorizontal,vertical:t.headingVertical};function et(s,i,l){const o=s.includes("vimeo.com"),c=s.includes("youtube.com")||s.includes("youtu.be");return o||c?e.jsx("div",{style:{maxWidth:l??"unset",flex:.65},children:e.jsx("div",{className:t.videoWrapper,children:e.jsx("iframe",{src:o?`${s}?autoplay=0&muted=0&loop=0`:`${s}?autoplay=0&mute=0&loop=0`,allow:"autoplay; fullscreen",allowFullScreen:!0})})}):e.jsx("div",{style:{maxWidth:l??"unset",width:"100%",flex:.65},children:e.jsx("div",{className:t.videoWrapper,children:e.jsx("video",{src:s,controls:!0,poster:i})})})}function ot({metrics:s,renderRichText:i}){return e.jsx("div",{className:t.metrics,children:s.map(l=>e.jsxs("div",{className:t.metric,children:[e.jsx("div",{className:t.metricValue,children:l.metricValue}),l.metricDescription&&(i==null?void 0:i({blocks:l.metricDescription}))]},l._key))})}function at({layout:s,heading:i,additionalContent:l,image:o,video:c,metrics:r,callToAction:n,disclaimer:j,styleOptions:_,id:v,renderImage:p,renderRichText:a,renderCallToAction:u}){var I;const{mode:f}=k.useTheme(),N=S.useStyleClasses(_),V=H.useMediaQuery("(max-width: 768px)"),m=g.resolveImageUrl(o,f),d=g.resolveAltText(o,f),z=g.resolveImageStyle(o,V),b=tt[(s==null?void 0:s.orientation)??"horizontal-image-right"],x=st[i.headingLayout??"horizontal"]
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index8.css');const e=require("react/jsx-runtime"),S=require("../../hooks/useStyleClasses.cjs"),k=require("../../../core/context/ThemeContext.cjs"),H=require("../../hooks/useMediaQuery.cjs"),g=require("../../utils/mediaUtils.cjs"),W="_content_1fjz8_1",$="_container_1fjz8_7",L="_eyebrow_1fjz8_34",B="_metrics_1fjz8_38",C="_metric_1fjz8_38",q="_metricValue_1fjz8_54",M="_disclaimer_1fjz8_75",U="_layoutHImageRight_1fjz8_80",D="_heading_1fjz8_84",E="_image_1fjz8_89",Q="_noImage_1fjz8_99",Y="_layoutHImageLeft_1fjz8_103",F="_layoutVImageTop_1fjz8_122",G="_layoutVImageBottom_1fjz8_135",P="_text_1fjz8_154",J="_title_1fjz8_159",K="_cta_1fjz8_178",X="_headingHorizontal_1fjz8_186",Z="_titleWrapper_1fjz8_195",O="_headingVertical_1fjz8_216",A="_videoWrapper_1fjz8_237",T="_layoutSplitText_1fjz8_329",R="_additionalContent_1fjz8_344",t={content:W,container:$,eyebrow:L,metrics:B,metric:C,metricValue:q,disclaimer:M,layoutHImageRight:U,heading:D,image:E,noImage:Q,layoutHImageLeft:Y,layoutVImageTop:F,layoutVImageBottom:G,text:P,title:J,cta:K,headingHorizontal:X,titleWrapper:Z,headingVertical:O,videoWrapper:A,layoutSplitText:T,additionalContent:R},tt={"no-image":t.noImage,"split-text":t.layoutSplitText,"horizontal-image-right":t.layoutHImageRight,"horizontal-image-left":t.layoutHImageLeft,"vertical-image-top":t.layoutVImageTop,"vertical-image-bottom":t.layoutVImageBottom},st={horizontal:t.headingHorizontal,vertical:t.headingVertical};function et(s,i,l){const o=s.includes("vimeo.com"),c=s.includes("youtube.com")||s.includes("youtu.be");return o||c?e.jsx("div",{style:{maxWidth:l??"unset",flex:.65},children:e.jsx("div",{className:t.videoWrapper,children:e.jsx("iframe",{src:o?`${s}?autoplay=0&muted=0&loop=0`:`${s}?autoplay=0&mute=0&loop=0`,allow:"autoplay; fullscreen",allowFullScreen:!0})})}):e.jsx("div",{style:{maxWidth:l??"unset",width:"100%",flex:.65},children:e.jsx("div",{className:t.videoWrapper,children:e.jsx("video",{src:s,controls:!0,poster:i})})})}function ot({metrics:s,renderRichText:i}){return e.jsx("div",{className:t.metrics,children:s.map(l=>e.jsxs("div",{className:t.metric,children:[e.jsx("div",{className:t.metricValue,children:l.metricValue}),l.metricDescription&&(i==null?void 0:i({blocks:l.metricDescription}))]},l._key))})}function at({layout:s,heading:i,additionalContent:l,image:o,video:c,metrics:r,callToAction:n,disclaimer:j,styleOptions:_,id:v,renderImage:p,renderRichText:a,renderCallToAction:u}){var I;const{mode:f}=k.useTheme(),N=S.useStyleClasses(_),V=H.useMediaQuery("(max-width: 768px)"),m=g.resolveImageUrl(o,f),d=g.resolveAltText(o,f),z=g.resolveImageStyle(o,V),b=tt[(s==null?void 0:s.orientation)??"horizontal-image-right"],x=st[i.headingLayout??"horizontal"],w={"--container-max-width":(_==null?void 0:_.maxWidth)??"unset","--gap":s==null?void 0:s.gap,"--max-width":(o==null?void 0:o.sizing)==="inset"?o==null?void 0:o.maxWidth:"unset"},h=(s==null?void 0:s.orientation)==="split-text",y=!h&&(s==null?void 0:s.orientation)!=="no-image";return e.jsx("section",{id:v,className:`${N} ${t.content}`,children:e.jsxs("article",{className:`${t.container} ${b}`,style:w,children:[e.jsxs("div",{className:`${t.heading} ${x}`,children:[e.jsxs("div",{className:t.titleWrapper,children:[i.eyebrow&&(a==null?void 0:a({blocks:i.eyebrow,className:t.eyebrow})),i.title&&(a==null?void 0:a({blocks:i.title,className:t.title}))]}),i.description||(I=n==null?void 0:n.items)!=null&&I.length?e.jsxs("div",{className:t.text,children:[i.description&&(a==null?void 0:a({blocks:i.description})),r&&r.length>0&&e.jsx(ot,{metrics:r,renderRichText:a}),n&&(u==null?void 0:u({items:n.items,alignment:n.alignment,className:t.cta})),j&&(a==null?void 0:a({blocks:j,className:t.disclaimer}))]}):null]}),h&&l&&e.jsx("div",{className:t.additionalContent,children:a==null?void 0:a({blocks:l})}),y&&c?et(c,m,o==null?void 0:o.maxWidth):y&&o&&m?e.jsx("div",{className:t.image,children:p?p({src:m,alt:d,width:600,height:400,priority:!0,style:z}):e.jsx("img",{src:m,alt:d,width:600,height:400,style:{width:"100%",height:"auto",...z}})}):null]})})}exports.ContentBlock=at;
|
|
@@ -3,7 +3,7 @@ import { useStyleClasses as S } from "../../hooks/useStyleClasses.mjs";
|
|
|
3
3
|
import { useTheme as W } from "../../../core/context/ThemeContext.mjs";
|
|
4
4
|
import { useMediaQuery as k } from "../../hooks/useMediaQuery.mjs";
|
|
5
5
|
import { resolveImageUrl as L, resolveAltText as $, resolveImageStyle as B } from "../../utils/mediaUtils.mjs";
|
|
6
|
-
import '../../../assets/index8.css';const C = "_content_1fjz8_1", M = "_container_1fjz8_7", D = "_eyebrow_1fjz8_34", U = "_metrics_1fjz8_38", E = "_metric_1fjz8_38", Y = "_metricValue_1fjz8_54", F = "_disclaimer_1fjz8_75", G = "_layoutHImageRight_1fjz8_80", Q = "_heading_1fjz8_84", q = "_image_1fjz8_89", J = "_noImage_1fjz8_99", K = "_layoutHImageLeft_1fjz8_103", P = "_layoutVImageTop_1fjz8_122", X = "_layoutVImageBottom_1fjz8_135", Z = "_text_1fjz8_154", O = "_title_1fjz8_159", x = "_cta_1fjz8_178", A = "_headingHorizontal_1fjz8_186", R = "_titleWrapper_1fjz8_195", T = "_headingVertical_1fjz8_216", tt = "_videoWrapper_1fjz8_237", ot = "_layoutSplitText_1fjz8_329",
|
|
6
|
+
import '../../../assets/index8.css';const C = "_content_1fjz8_1", M = "_container_1fjz8_7", D = "_eyebrow_1fjz8_34", U = "_metrics_1fjz8_38", E = "_metric_1fjz8_38", Y = "_metricValue_1fjz8_54", F = "_disclaimer_1fjz8_75", G = "_layoutHImageRight_1fjz8_80", Q = "_heading_1fjz8_84", q = "_image_1fjz8_89", J = "_noImage_1fjz8_99", K = "_layoutHImageLeft_1fjz8_103", P = "_layoutVImageTop_1fjz8_122", X = "_layoutVImageBottom_1fjz8_135", Z = "_text_1fjz8_154", O = "_title_1fjz8_159", x = "_cta_1fjz8_178", A = "_headingHorizontal_1fjz8_186", R = "_titleWrapper_1fjz8_195", T = "_headingVertical_1fjz8_216", tt = "_videoWrapper_1fjz8_237", ot = "_layoutSplitText_1fjz8_329", at = "_additionalContent_1fjz8_344", t = {
|
|
7
7
|
content: C,
|
|
8
8
|
container: M,
|
|
9
9
|
eyebrow: D,
|
|
@@ -26,8 +26,8 @@ import '../../../assets/index8.css';const C = "_content_1fjz8_1", M = "_containe
|
|
|
26
26
|
headingVertical: T,
|
|
27
27
|
videoWrapper: tt,
|
|
28
28
|
layoutSplitText: ot,
|
|
29
|
-
additionalContent:
|
|
30
|
-
},
|
|
29
|
+
additionalContent: at
|
|
30
|
+
}, st = {
|
|
31
31
|
"no-image": t.noImage,
|
|
32
32
|
"split-text": t.layoutSplitText,
|
|
33
33
|
"horizontal-image-right": t.layoutHImageRight,
|
|
@@ -39,11 +39,11 @@ import '../../../assets/index8.css';const C = "_content_1fjz8_1", M = "_containe
|
|
|
39
39
|
vertical: t.headingVertical
|
|
40
40
|
};
|
|
41
41
|
function it(o, e, l) {
|
|
42
|
-
const
|
|
43
|
-
return
|
|
42
|
+
const a = o.includes("vimeo.com"), m = o.includes("youtube.com") || o.includes("youtu.be");
|
|
43
|
+
return a || m ? /* @__PURE__ */ i("div", { style: { maxWidth: l ?? "unset", flex: 0.65 }, children: /* @__PURE__ */ i("div", { className: t.videoWrapper, children: /* @__PURE__ */ i(
|
|
44
44
|
"iframe",
|
|
45
45
|
{
|
|
46
|
-
src:
|
|
46
|
+
src: a ? `${o}?autoplay=0&muted=0&loop=0` : `${o}?autoplay=0&mute=0&loop=0`,
|
|
47
47
|
allow: "autoplay; fullscreen",
|
|
48
48
|
allowFullScreen: !0
|
|
49
49
|
}
|
|
@@ -62,7 +62,7 @@ function pt({
|
|
|
62
62
|
layout: o,
|
|
63
63
|
heading: e,
|
|
64
64
|
additionalContent: l,
|
|
65
|
-
image:
|
|
65
|
+
image: a,
|
|
66
66
|
video: m,
|
|
67
67
|
metrics: p,
|
|
68
68
|
callToAction: n,
|
|
@@ -70,16 +70,14 @@ function pt({
|
|
|
70
70
|
styleOptions: _,
|
|
71
71
|
id: y,
|
|
72
72
|
renderImage: g,
|
|
73
|
-
renderRichText:
|
|
73
|
+
renderRichText: s,
|
|
74
74
|
renderCallToAction: u
|
|
75
75
|
}) {
|
|
76
76
|
var v;
|
|
77
|
-
const { mode: z } = W(), N = S(_), V = k("(max-width: 768px)"), r = L(
|
|
78
|
-
console.log(s);
|
|
79
|
-
const H = {
|
|
77
|
+
const { mode: z } = W(), N = S(_), V = k("(max-width: 768px)"), r = L(a, z), d = $(a, z), j = B(a, V), b = st[(o == null ? void 0 : o.orientation) ?? "horizontal-image-right"], w = et[e.headingLayout ?? "horizontal"], H = {
|
|
80
78
|
"--container-max-width": (_ == null ? void 0 : _.maxWidth) ?? "unset",
|
|
81
79
|
"--gap": o == null ? void 0 : o.gap,
|
|
82
|
-
"--max-width": (
|
|
80
|
+
"--max-width": (a == null ? void 0 : a.sizing) === "inset" ? a == null ? void 0 : a.maxWidth : "unset"
|
|
83
81
|
}, I = (o == null ? void 0 : o.orientation) === "split-text", h = !I && (o == null ? void 0 : o.orientation) !== "no-image";
|
|
84
82
|
return /* @__PURE__ */ i("section", { id: y, className: `${N} ${t.content}`, children: /* @__PURE__ */ c(
|
|
85
83
|
"article",
|
|
@@ -89,22 +87,22 @@ function pt({
|
|
|
89
87
|
children: [
|
|
90
88
|
/* @__PURE__ */ c("div", { className: `${t.heading} ${w}`, children: [
|
|
91
89
|
/* @__PURE__ */ c("div", { className: t.titleWrapper, children: [
|
|
92
|
-
e.eyebrow && (
|
|
90
|
+
e.eyebrow && (s == null ? void 0 : s({
|
|
93
91
|
blocks: e.eyebrow,
|
|
94
92
|
className: t.eyebrow
|
|
95
93
|
})),
|
|
96
|
-
e.title && (
|
|
94
|
+
e.title && (s == null ? void 0 : s({
|
|
97
95
|
blocks: e.title,
|
|
98
96
|
className: t.title
|
|
99
97
|
}))
|
|
100
98
|
] }),
|
|
101
99
|
e.description || (v = n == null ? void 0 : n.items) != null && v.length ? /* @__PURE__ */ c("div", { className: t.text, children: [
|
|
102
|
-
e.description && (
|
|
100
|
+
e.description && (s == null ? void 0 : s({ blocks: e.description })),
|
|
103
101
|
p && p.length > 0 && /* @__PURE__ */ i(
|
|
104
102
|
lt,
|
|
105
103
|
{
|
|
106
104
|
metrics: p,
|
|
107
|
-
renderRichText:
|
|
105
|
+
renderRichText: s
|
|
108
106
|
}
|
|
109
107
|
),
|
|
110
108
|
n && (u == null ? void 0 : u({
|
|
@@ -112,14 +110,14 @@ function pt({
|
|
|
112
110
|
alignment: n.alignment,
|
|
113
111
|
className: t.cta
|
|
114
112
|
})),
|
|
115
|
-
f && (
|
|
113
|
+
f && (s == null ? void 0 : s({
|
|
116
114
|
blocks: f,
|
|
117
115
|
className: t.disclaimer
|
|
118
116
|
}))
|
|
119
117
|
] }) : null
|
|
120
118
|
] }),
|
|
121
|
-
I && l && /* @__PURE__ */ i("div", { className: t.additionalContent, children:
|
|
122
|
-
h && m ? it(m, r,
|
|
119
|
+
I && l && /* @__PURE__ */ i("div", { className: t.additionalContent, children: s == null ? void 0 : s({ blocks: l }) }),
|
|
120
|
+
h && m ? it(m, r, a == null ? void 0 : a.maxWidth) : h && a && r ? /* @__PURE__ */ i("div", { className: t.image, children: g ? g({
|
|
123
121
|
src: r,
|
|
124
122
|
alt: d,
|
|
125
123
|
width: 600,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index27.css');const s=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index27.css');const s=require("react/jsx-runtime"),p=require("../../../core/components/Modal/index.cjs"),S=require("../../utils/resolveLinkUrl.cjs"),$=require("../../hooks/useMediaQuery.cjs"),O=require("../../hooks/useStyleClasses.cjs"),U=require("../../../core/context/ThemeContext.cjs");require("@fortawesome/fontawesome-free/css/all.min.css");const m=require("../../utils/mediaUtils.cjs"),P=require("../../../play-CQBnZgNa.cjs"),F=require("../../../arrow-right-DO6S4vfx.cjs"),W="_cardLink_fjhd0_1",z="_card_fjhd0_1",G="_container_fjhd0_21",D="_content_fjhd0_31",E="_icon_fjhd0_38",Q="_modalTrigger_fjhd0_60",Y="_callToAction_fjhd0_65",H="_label_fjhd0_66",J="_cardIcon_fjhd0_71",K="_title_fjhd0_78",X="_description_fjhd0_101",Z="_imageWrapper_fjhd0_116",V="_metric_fjhd0_205",R="_outerCircle_fjhd0_222",A="_innerCircle_fjhd0_227",T="_metricLabel_fjhd0_233",ee="_textOnly_fjhd0_241",se="_fullBleed_fjhd0_278",te="_imageTop_fjhd0_319",ae="_imageBottom_fjhd0_338",re="_imageLeft_fjhd0_366",ne="_imageRight_fjhd0_376",oe="_containImage_fjhd0_434",ie="_fullBleedImage_fjhd0_442",le="_image_fjhd0_116",ce="_eyebrow_fjhd0_538",de="_cta_fjhd0_550",_e="_secondary_fjhd0_551",e={cardLink:W,card:z,container:G,content:D,icon:E,modalTrigger:Q,callToAction:Y,label:H,cardIcon:J,title:K,description:X,imageWrapper:Z,metric:V,outerCircle:R,innerCircle:A,metricLabel:T,textOnly:ee,fullBleed:se,imageTop:te,imageBottom:ae,imageLeft:re,imageRight:ne,containImage:oe,fullBleedImage:ie,image:le,eyebrow:ce,cta:de,secondary:_e},b={"full-bleed":e.fullBleed,text:e.textOnly,metric:e.metric,"image-left":e.imageLeft,"image-right":e.imageRight,"image-top":e.imageTop,"image-bottom":e.imageBottom};function me({value:t}){if(!t.includes("%"))return s.jsx("div",{className:e.metric});const a=125,r=(a-10)/2,n=2*Math.PI*r,l=n-parseFloat(t)/100*n;return s.jsxs("svg",{width:a,height:a,viewBox:`0 0 ${a} ${a}`,children:[s.jsx("circle",{className:e.outerCircle,cx:a/2,cy:a/2,r,fill:"none"}),s.jsx("circle",{className:e.innerCircle,cx:a/2,cy:a/2,r,fill:"none",strokeDasharray:n,strokeDashoffset:l,strokeLinecap:"round",transform:`rotate(-90 ${a/2} ${a/2})`}),s.jsx("text",{className:e.metricLabel,x:"50%",y:"52%",dominantBaseline:"middle",textAnchor:"middle",children:t})]})}function ge({callToAction:t,resolvedUrl:a,children:r}){var n,l;switch(t==null?void 0:t.type){case"link":return s.jsx("a",{className:e.cardLink,"aria-label":t.ariaLabel||t.label,href:a,target:((n=t.linkOptions)==null?void 0:n.linkType)==="external"?"_blank":"_self",rel:((l=t.linkOptions)==null?void 0:l.linkType)==="external"?"noopener noreferrer":"",children:r});case"modal":return s.jsx(p.Modal,{className:e.modalTrigger,trigger:r,content:t.modalContent});case"video":return s.jsx(p.Modal,{className:e.modalTrigger,trigger:r,content:s.jsx("video",{src:t.videoUrl,controls:!0,autoPlay:!0})});case"download":return s.jsx("a",{className:e.cardLink,"aria-label":t.ariaLabel||t.label,href:a,download:!0,target:"_blank",rel:"noopener noreferrer",children:r});default:return s.jsx(s.Fragment,{children:r})}}function fe({style:t,variant:a="noImage",metricValue:r,eyebrow:n,title:l,description:d,image:c,icon:g,callToAction:o,onHover:v,onLeave:N,gridArea:f,styleOptions:k,renderImage:j,renderRichText:i}){const{mode:u}=U.useTheme(),h=$.useMediaQuery("(max-width: 767px)"),L=O.useStyleClasses(k),C=S.resolveLinkURL(o),_=m.resolveImageUrl(c,u),x=m.resolveAltText(c,u),y=m.resolveImageStyle(c,h),B=(c==null?void 0:c.layout)==="cover",I=b[t??"image-top"]??b["image-top"],w=c&&_?s.jsx("div",{className:e.imageWrapper,children:j?j({src:_,alt:x,width:600,height:658,style:y}):s.jsx("img",{src:_,alt:x,width:600,height:658,style:y})}):null,M=!r&&!n&&!l&&!d,q=s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:`${e.container} ${B?e.fullBleedImage:e.containImage}`,children:[a!=="image"&&!M&&s.jsxs("div",{className:e.content,children:[g&&s.jsx("div",{className:e.icon,children:s.jsx("i",{className:g})}),r&&s.jsx(me,{value:r}),n&&(i==null?void 0:i({blocks:n,className:e.eyebrow})),l&&(i==null?void 0:i({blocks:l,className:e.title})),d&&(i==null?void 0:i({blocks:d,className:e.description}))]}),w]}),(o==null?void 0:o.videoUrl)&&s.jsxs("div",{className:e.callToAction,children:[s.jsx("div",{className:e.label,children:o.label}),s.jsx("div",{className:e.cardIcon,children:s.jsx(P.Play,{size:45})})]}),(o==null?void 0:o.type)==="link"&&s.jsxs("div",{className:e.callToAction,children:[s.jsx("div",{className:e.label,children:o.label}),s.jsx("div",{className:e.cardIcon,children:s.jsx(F.ArrowRight,{size:45})})]})]});return s.jsx("div",{className:[L,e.card,I,e[a]??""].filter(Boolean).join(" "),onMouseEnter:v,onMouseLeave:N,style:f&&!h?{gridArea:f}:{},children:s.jsx(ge,{callToAction:o,resolvedUrl:C,children:q})})}exports.GridCard=fe;
|
|
@@ -8,7 +8,7 @@ import "@fortawesome/fontawesome-free/css/all.min.css";
|
|
|
8
8
|
import { resolveImageUrl as z, resolveAltText as F, resolveImageStyle as D } from "../../utils/mediaUtils.mjs";
|
|
9
9
|
import { P as E } from "../../../play-DYgKiSaf.js";
|
|
10
10
|
import { A as G } from "../../../arrow-right-QEwnX3Sk.js";
|
|
11
|
-
import '../../../assets/index27.css';const Q = "_cardLink_fjhd0_1", Y = "_card_fjhd0_1", q = "_container_fjhd0_21", H = "_content_fjhd0_31", J = "_icon_fjhd0_38", K = "_modalTrigger_fjhd0_60", X = "_callToAction_fjhd0_65", Z = "_label_fjhd0_66", V = "_cardIcon_fjhd0_71", R = "_title_fjhd0_78", A = "_description_fjhd0_101", T = "_imageWrapper_fjhd0_116", ee = "_metric_fjhd0_205", te = "_outerCircle_fjhd0_222", ae = "_innerCircle_fjhd0_227", se = "_metricLabel_fjhd0_233", re = "_textOnly_fjhd0_241",
|
|
11
|
+
import '../../../assets/index27.css';const Q = "_cardLink_fjhd0_1", Y = "_card_fjhd0_1", q = "_container_fjhd0_21", H = "_content_fjhd0_31", J = "_icon_fjhd0_38", K = "_modalTrigger_fjhd0_60", X = "_callToAction_fjhd0_65", Z = "_label_fjhd0_66", V = "_cardIcon_fjhd0_71", R = "_title_fjhd0_78", A = "_description_fjhd0_101", T = "_imageWrapper_fjhd0_116", ee = "_metric_fjhd0_205", te = "_outerCircle_fjhd0_222", ae = "_innerCircle_fjhd0_227", se = "_metricLabel_fjhd0_233", re = "_textOnly_fjhd0_241", oe = "_fullBleed_fjhd0_278", ne = "_imageTop_fjhd0_319", ie = "_imageBottom_fjhd0_338", le = "_imageLeft_fjhd0_366", ce = "_imageRight_fjhd0_376", me = "_containImage_fjhd0_434", de = "_fullBleedImage_fjhd0_442", _e = "_image_fjhd0_116", fe = "_eyebrow_fjhd0_538", ge = "_cta_fjhd0_550", he = "_secondary_fjhd0_551", e = {
|
|
12
12
|
cardLink: Q,
|
|
13
13
|
card: Y,
|
|
14
14
|
container: q,
|
|
@@ -26,10 +26,10 @@ import '../../../assets/index27.css';const Q = "_cardLink_fjhd0_1", Y = "_card_f
|
|
|
26
26
|
innerCircle: ae,
|
|
27
27
|
metricLabel: se,
|
|
28
28
|
textOnly: re,
|
|
29
|
-
fullBleed:
|
|
30
|
-
imageTop:
|
|
31
|
-
imageBottom:
|
|
32
|
-
imageLeft:
|
|
29
|
+
fullBleed: oe,
|
|
30
|
+
imageTop: ne,
|
|
31
|
+
imageBottom: ie,
|
|
32
|
+
imageLeft: le,
|
|
33
33
|
imageRight: ce,
|
|
34
34
|
containImage: me,
|
|
35
35
|
fullBleedImage: de,
|
|
@@ -46,9 +46,9 @@ import '../../../assets/index27.css';const Q = "_cardLink_fjhd0_1", Y = "_card_f
|
|
|
46
46
|
"image-top": e.imageTop,
|
|
47
47
|
"image-bottom": e.imageBottom
|
|
48
48
|
};
|
|
49
|
-
function
|
|
49
|
+
function pe({ value: a }) {
|
|
50
50
|
if (!a.includes("%")) return /* @__PURE__ */ t("div", { className: e.metric });
|
|
51
|
-
const s = 125, r = (s - 10) / 2,
|
|
51
|
+
const s = 125, r = (s - 10) / 2, o = 2 * Math.PI * r, l = o - parseFloat(a) / 100 * o;
|
|
52
52
|
return /* @__PURE__ */ m("svg", { width: s, height: s, viewBox: `0 0 ${s} ${s}`, children: [
|
|
53
53
|
/* @__PURE__ */ t(
|
|
54
54
|
"circle",
|
|
@@ -68,8 +68,8 @@ function ue({ value: a }) {
|
|
|
68
68
|
cy: s / 2,
|
|
69
69
|
r,
|
|
70
70
|
fill: "none",
|
|
71
|
-
strokeDasharray:
|
|
72
|
-
strokeDashoffset:
|
|
71
|
+
strokeDasharray: o,
|
|
72
|
+
strokeDashoffset: l,
|
|
73
73
|
strokeLinecap: "round",
|
|
74
74
|
transform: `rotate(-90 ${s / 2} ${s / 2})`
|
|
75
75
|
}
|
|
@@ -87,12 +87,12 @@ function ue({ value: a }) {
|
|
|
87
87
|
)
|
|
88
88
|
] });
|
|
89
89
|
}
|
|
90
|
-
function
|
|
90
|
+
function ue({
|
|
91
91
|
callToAction: a,
|
|
92
92
|
resolvedUrl: s,
|
|
93
93
|
children: r
|
|
94
94
|
}) {
|
|
95
|
-
var
|
|
95
|
+
var o, l;
|
|
96
96
|
switch (a == null ? void 0 : a.type) {
|
|
97
97
|
case "link":
|
|
98
98
|
return /* @__PURE__ */ t(
|
|
@@ -101,8 +101,8 @@ function pe({
|
|
|
101
101
|
className: e.cardLink,
|
|
102
102
|
"aria-label": a.ariaLabel || a.label,
|
|
103
103
|
href: s,
|
|
104
|
-
target: ((
|
|
105
|
-
rel: ((
|
|
104
|
+
target: ((o = a.linkOptions) == null ? void 0 : o.linkType) === "external" ? "_blank" : "_self",
|
|
105
|
+
rel: ((l = a.linkOptions) == null ? void 0 : l.linkType) === "external" ? "noopener noreferrer" : "",
|
|
106
106
|
children: r
|
|
107
107
|
}
|
|
108
108
|
);
|
|
@@ -145,20 +145,20 @@ function we({
|
|
|
145
145
|
style: a,
|
|
146
146
|
variant: s = "noImage",
|
|
147
147
|
metricValue: r,
|
|
148
|
-
eyebrow:
|
|
149
|
-
title:
|
|
148
|
+
eyebrow: o,
|
|
149
|
+
title: l,
|
|
150
150
|
description: d,
|
|
151
151
|
image: c,
|
|
152
152
|
icon: f,
|
|
153
|
-
callToAction:
|
|
153
|
+
callToAction: n,
|
|
154
154
|
onHover: k,
|
|
155
155
|
onLeave: L,
|
|
156
156
|
gridArea: g,
|
|
157
157
|
styleOptions: B,
|
|
158
158
|
renderImage: h,
|
|
159
|
-
renderRichText:
|
|
159
|
+
renderRichText: i
|
|
160
160
|
}) {
|
|
161
|
-
const { mode:
|
|
161
|
+
const { mode: p } = W(), u = P("(max-width: 767px)"), I = U(B), C = $(n), _ = z(c, p), j = F(c, p), y = D(c, u), w = (c == null ? void 0 : c.layout) === "cover", M = N[a ?? "image-top"] ?? N["image-top"], x = c && _ ? /* @__PURE__ */ t("div", { className: e.imageWrapper, children: h ? h({
|
|
162
162
|
src: _,
|
|
163
163
|
alt: j,
|
|
164
164
|
width: 600,
|
|
@@ -173,7 +173,7 @@ function we({
|
|
|
173
173
|
height: 658,
|
|
174
174
|
style: y
|
|
175
175
|
}
|
|
176
|
-
) }) : null, O = !r && !
|
|
176
|
+
) }) : null, O = !r && !o && !l && !d, S = /* @__PURE__ */ m(v, { children: [
|
|
177
177
|
/* @__PURE__ */ m(
|
|
178
178
|
"div",
|
|
179
179
|
{
|
|
@@ -181,24 +181,24 @@ function we({
|
|
|
181
181
|
children: [
|
|
182
182
|
s !== "image" && !O && /* @__PURE__ */ m("div", { className: e.content, children: [
|
|
183
183
|
f && /* @__PURE__ */ t("div", { className: e.icon, children: /* @__PURE__ */ t("i", { className: f }) }),
|
|
184
|
-
r && /* @__PURE__ */ t(
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
d && (
|
|
184
|
+
r && /* @__PURE__ */ t(pe, { value: r }),
|
|
185
|
+
o && (i == null ? void 0 : i({ blocks: o, className: e.eyebrow })),
|
|
186
|
+
l && (i == null ? void 0 : i({ blocks: l, className: e.title })),
|
|
187
|
+
d && (i == null ? void 0 : i({
|
|
188
188
|
blocks: d,
|
|
189
189
|
className: e.description
|
|
190
190
|
}))
|
|
191
191
|
] }),
|
|
192
|
-
|
|
192
|
+
x
|
|
193
193
|
]
|
|
194
194
|
}
|
|
195
195
|
),
|
|
196
|
-
(
|
|
197
|
-
/* @__PURE__ */ t("div", { className: e.label, children:
|
|
196
|
+
(n == null ? void 0 : n.videoUrl) && /* @__PURE__ */ m("div", { className: e.callToAction, children: [
|
|
197
|
+
/* @__PURE__ */ t("div", { className: e.label, children: n.label }),
|
|
198
198
|
/* @__PURE__ */ t("div", { className: e.cardIcon, children: /* @__PURE__ */ t(E, { size: 45 }) })
|
|
199
199
|
] }),
|
|
200
|
-
(
|
|
201
|
-
/* @__PURE__ */ t("div", { className: e.label, children:
|
|
200
|
+
(n == null ? void 0 : n.type) === "link" && /* @__PURE__ */ m("div", { className: e.callToAction, children: [
|
|
201
|
+
/* @__PURE__ */ t("div", { className: e.label, children: n.label }),
|
|
202
202
|
/* @__PURE__ */ t("div", { className: e.cardIcon, children: /* @__PURE__ */ t(G, { size: 45 }) })
|
|
203
203
|
] })
|
|
204
204
|
] });
|
|
@@ -208,13 +208,13 @@ function we({
|
|
|
208
208
|
className: [
|
|
209
209
|
I,
|
|
210
210
|
e.card,
|
|
211
|
-
|
|
211
|
+
M,
|
|
212
212
|
e[s] ?? ""
|
|
213
213
|
].filter(Boolean).join(" "),
|
|
214
214
|
onMouseEnter: k,
|
|
215
215
|
onMouseLeave: L,
|
|
216
|
-
style: g && !
|
|
217
|
-
children: /* @__PURE__ */ t(
|
|
216
|
+
style: g && !u ? { gridArea: g } : {},
|
|
217
|
+
children: /* @__PURE__ */ t(ue, { callToAction: n, resolvedUrl: C, children: S })
|
|
218
218
|
}
|
|
219
219
|
);
|
|
220
220
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),U=require("react"),B=require("next/image"),O=require("../../../core/components/ButtonGroup/index.cjs"),l=require("../../../index-CAxKHP72.cjs"),I=require("../../../core/components/Modal/index.cjs"),C=require("../../utils/resolveLinkUrl.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),U=require("react"),B=require("next/image"),O=require("../../../core/components/ButtonGroup/index.cjs"),l=require("../../../index-CAxKHP72.cjs"),I=require("../../../core/components/Modal/index.cjs"),C=require("../../utils/resolveLinkUrl.cjs"),z=require("../../../core/context/ThemeContext.cjs"),G=require("../../hooks/useMediaQuery.cjs");function H({items:r,alignment:M,className:R}){const[P,S]=U.useState([]),{mode:t}=z.useTheme(),g=G.useMediaQuery("(max-width: 767px)");return U.useEffect(()=>{if(!(r!=null&&r.length)||!C.resolveLinkURL)return;async function e(){const o=await Promise.all(r.map(a=>C.resolveLinkURL(a)));S(o)}e()},[r]),r!=null&&r.length?n.jsx(O.ButtonGroup,{className:R,alignment:M,children:r.slice(0,3).map((e,o)=>{var m,d,p,c,h,b,f,y,v,x,_,k,j,T,A,w,q,L;const a=P[o]??"#",i={};if(i.height="auto",((m=e.image)==null?void 0:m.layout)==="cover")i.objectFit="cover",(d=e.image)!=null&&d.position&&(i.objectPosition=g?"top":(p=e.image)==null?void 0:p.position);else if(((c=e.image)==null?void 0:c.layout)==="contain"){if(i.objectFit="contain",((h=e.image)==null?void 0:h.sizing)==="half"?i.width=g?"100%":"50%":((b=e.image)==null?void 0:b.sizing)==="inset"?(i.width="100%",i.maxWidth=e.image.maxWidth??"unset"):i.width="100%",(f=e.image)!=null&&f.aspectRatio){const[$,F]=(y=e.image)==null?void 0:y.aspectRatio.split(":").map(Number);i.aspectRatio=`${$}/${F}`}}else i.objectFit="none";let s;(v=e.image)!=null&&v.imageUrls&&(s=t==="dark"&&((x=e.image.imageUrls.dark)==null?void 0:x.medium)||e.image.imageUrls.default.medium);let u=((j=(k=(_=e.image)==null?void 0:_[t==="dark"?"darkImage":"defaultImage"])==null?void 0:k.asset)==null?void 0:j.altText)||((w=(A=(T=e.image)==null?void 0:T[t==="dark"?"darkImage":"defaultImage"])==null?void 0:A.asset)==null?void 0:w.description)||"Card image";switch(e.type){case"link":return n.jsx(l.Button,{as:"a",variant:e.variant,href:a,target:((q=e.linkOptions)==null?void 0:q.linkType)==="external"?"_blank":"_self",rel:((L=e.linkOptions)==null?void 0:L.linkType)==="external"?"noopener noreferrer":"","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",displayType:e.displayType,ImageComponent:n.jsx(B,{src:s??"",alt:u,width:600,height:658,priority:!1,style:i}),children:e.label},o);case"scroll":return n.jsx(l.Button,{as:"scroll",variant:e.variant,scrollTarget:e.scrollTarget??"","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",displayType:e.displayType,ImageComponent:n.jsx(B,{src:s??"",alt:u,width:600,height:658,priority:!1,style:i}),children:e.label},o);case"modal":return n.jsx(I.Modal,{trigger:n.jsx(l.Button,{as:"button",variant:e.variant??"primary",icon:e.icon,iconAlignment:e.iconAlignment??"right","aria-label":e.ariaLabel||e.label,children:e.label}),content:e.modalContent},o);case"video":return n.jsx(I.Modal,{trigger:n.jsx(l.Button,{as:"button",variant:e.variant??"primary",icon:e.icon,iconAlignment:e.iconAlignment??"right","aria-label":e.ariaLabel||e.label,children:e.label}),content:n.jsx("video",{src:e.videoUrl,controls:!0,autoPlay:!0})},o);case"download":return n.jsx(l.Button,{as:"a",variant:e.variant??"primary",href:a,download:!0,target:"_blank",rel:"noopener noreferrer","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",children:e.label},o)}})}):null}exports.CallToAction=H;
|
|
@@ -1,42 +1,42 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { useState as
|
|
2
|
+
import { useState as O, useEffect as S } from "react";
|
|
3
3
|
import C from "next/image";
|
|
4
|
-
import { ButtonGroup as
|
|
4
|
+
import { ButtonGroup as W } from "../../../core/components/ButtonGroup/index.mjs";
|
|
5
5
|
import { B as a } from "../../../index-DoRSKr6y.js";
|
|
6
6
|
import { Modal as R } from "../../../core/components/Modal/index.mjs";
|
|
7
7
|
import { resolveLinkURL as B } from "../../utils/resolveLinkUrl.mjs";
|
|
8
|
-
import { useTheme as
|
|
9
|
-
import { useMediaQuery as
|
|
8
|
+
import { useTheme as $ } from "../../../core/context/ThemeContext.mjs";
|
|
9
|
+
import { useMediaQuery as E } from "../../hooks/useMediaQuery.mjs";
|
|
10
10
|
function Y({
|
|
11
|
-
items:
|
|
11
|
+
items: n,
|
|
12
12
|
alignment: F,
|
|
13
13
|
className: M
|
|
14
14
|
}) {
|
|
15
|
-
const [P, _] =
|
|
16
|
-
return
|
|
17
|
-
if (!(
|
|
15
|
+
const [P, _] = O([]), { mode: t } = $(), s = E("(max-width: 767px)");
|
|
16
|
+
return S(() => {
|
|
17
|
+
if (!(n != null && n.length) || !B) return;
|
|
18
18
|
async function e() {
|
|
19
|
-
const
|
|
20
|
-
|
|
19
|
+
const l = await Promise.all(
|
|
20
|
+
n.map((o) => B(o))
|
|
21
21
|
);
|
|
22
|
-
_(
|
|
22
|
+
_(l);
|
|
23
23
|
}
|
|
24
24
|
e();
|
|
25
|
-
}, [
|
|
26
|
-
var p, d, u, f, h, b, y, v, c, k,
|
|
27
|
-
const o = P[
|
|
25
|
+
}, [n]), n != null && n.length ? /* @__PURE__ */ r(W, { className: M, alignment: F, children: n.slice(0, 3).map((e, l) => {
|
|
26
|
+
var p, d, u, f, h, b, y, v, c, k, A, T, w, I, L, U, j, x;
|
|
27
|
+
const o = P[l] ?? "#", i = {};
|
|
28
28
|
if (i.height = "auto", ((p = e.image) == null ? void 0 : p.layout) === "cover")
|
|
29
29
|
i.objectFit = "cover", (d = e.image) != null && d.position && (i.objectPosition = s ? "top" : (u = e.image) == null ? void 0 : u.position);
|
|
30
30
|
else if (((f = e.image) == null ? void 0 : f.layout) === "contain") {
|
|
31
|
-
if (i.objectFit = "contain", ((h = e.image) == null ? void 0 : h.
|
|
32
|
-
const [
|
|
33
|
-
i.aspectRatio = `${
|
|
31
|
+
if (i.objectFit = "contain", ((h = e.image) == null ? void 0 : h.sizing) === "half" ? i.width = s ? "100%" : "50%" : ((b = e.image) == null ? void 0 : b.sizing) === "inset" ? (i.width = "100%", i.maxWidth = e.image.maxWidth ?? "unset") : i.width = "100%", (y = e.image) != null && y.aspectRatio) {
|
|
32
|
+
const [z, H] = (v = e.image) == null ? void 0 : v.aspectRatio.split(":").map(Number);
|
|
33
|
+
i.aspectRatio = `${z}/${H}`;
|
|
34
34
|
}
|
|
35
35
|
} else
|
|
36
36
|
i.objectFit = "none";
|
|
37
37
|
let m;
|
|
38
38
|
(c = e.image) != null && c.imageUrls && (m = t === "dark" && ((k = e.image.imageUrls.dark) == null ? void 0 : k.medium) || e.image.imageUrls.default.medium);
|
|
39
|
-
let g = ((
|
|
39
|
+
let g = ((w = (T = (A = e.image) == null ? void 0 : A[t === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : T.asset) == null ? void 0 : w.altText) || ((U = (L = (I = e.image) == null ? void 0 : I[t === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : L.asset) == null ? void 0 : U.description) || "Card image";
|
|
40
40
|
switch (e.type) {
|
|
41
41
|
case "link":
|
|
42
42
|
return /* @__PURE__ */ r(
|
|
@@ -64,7 +64,7 @@ function Y({
|
|
|
64
64
|
),
|
|
65
65
|
children: e.label
|
|
66
66
|
},
|
|
67
|
-
|
|
67
|
+
l
|
|
68
68
|
);
|
|
69
69
|
case "scroll":
|
|
70
70
|
return /* @__PURE__ */ r(
|
|
@@ -90,7 +90,7 @@ function Y({
|
|
|
90
90
|
),
|
|
91
91
|
children: e.label
|
|
92
92
|
},
|
|
93
|
-
|
|
93
|
+
l
|
|
94
94
|
);
|
|
95
95
|
case "modal":
|
|
96
96
|
return /* @__PURE__ */ r(
|
|
@@ -109,7 +109,7 @@ function Y({
|
|
|
109
109
|
),
|
|
110
110
|
content: e.modalContent
|
|
111
111
|
},
|
|
112
|
-
|
|
112
|
+
l
|
|
113
113
|
);
|
|
114
114
|
case "video":
|
|
115
115
|
return /* @__PURE__ */ r(
|
|
@@ -128,7 +128,7 @@ function Y({
|
|
|
128
128
|
),
|
|
129
129
|
content: /* @__PURE__ */ r("video", { src: e.videoUrl, controls: !0, autoPlay: !0 })
|
|
130
130
|
},
|
|
131
|
-
|
|
131
|
+
l
|
|
132
132
|
);
|
|
133
133
|
case "download":
|
|
134
134
|
return /* @__PURE__ */ r(
|
|
@@ -145,7 +145,7 @@ function Y({
|
|
|
145
145
|
iconAlignment: e.iconAlignment ?? "right",
|
|
146
146
|
children: e.label
|
|
147
147
|
},
|
|
148
|
-
|
|
148
|
+
l
|
|
149
149
|
);
|
|
150
150
|
}
|
|
151
151
|
}) }) : null;
|
package/dist/styles.css
CHANGED
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
._drawer_1221c_1{position:fixed;background-color:var(--color-foreground);transition:transform .3s ease-in-out;z-index:1000;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}._header_1221c_13{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);flex-shrink:0}._title_1221c_22{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}._closeButton_1221c_29{all:unset;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease}._closeButton_1221c_29:hover{background-color:var(--color-secondary-10);color:var(--color-text-primary)}._closeButton_1221c_29:focus-visible{outline:2px solid var(--color-primary-100);outline-offset:2px}._content_1221c_53{flex:1;overflow-y:auto;padding:var(--spacing-md)}._left_1221c_60,._right_1221c_61{top:0;height:100%}._left_1221c_60{left:0;transform:translate(-100%)}._right_1221c_61{right:0;transform:translate(100%)}._top_1221c_77,._bottom_1221c_78{left:0;width:100%}._top_1221c_77{top:0;transform:translateY(-100%)}._bottom_1221c_78{bottom:0;transform:translateY(100%)}._open_1221c_94._left_1221c_60,._open_1221c_94._right_1221c_61{transform:translate(0)}._open_1221c_94._top_1221c_77,._open_1221c_94._bottom_1221c_78{transform:translateY(0)}._left_1221c_60._sm_1221c_105,._right_1221c_61._sm_1221c_105{width:280px}._left_1221c_60._md_1221c_110,._right_1221c_61._md_1221c_110{width:360px}._left_1221c_60._lg_1221c_115,._right_1221c_61._lg_1221c_115{width:480px}._left_1221c_60._full_1221c_120,._right_1221c_61._full_1221c_120{width:100%;max-width:600px}._top_1221c_77._sm_1221c_105,._bottom_1221c_78._sm_1221c_105{height:200px}._top_1221c_77._md_1221c_110,._bottom_1221c_78._md_1221c_110{height:300px}._top_1221c_77._lg_1221c_115,._bottom_1221c_78._lg_1221c_115{height:400px}._top_1221c_77._full_1221c_120,._bottom_1221c_78._full_1221c_120{height:100%;max-height:80vh}._overlay_1221c_149{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;z-index:999}._overlay_1221c_149._show_1221c_159{opacity:1;pointer-events:all}@media (max-width: 768px){._left_1221c_60._md_1221c_110,._right_1221c_61._md_1221c_110{width:320px}._left_1221c_60._lg_1221c_115,._right_1221c_61._lg_1221c_115{width:90%}._left_1221c_60._full_1221c_120,._right_1221c_61._full_1221c_120{width:100%}}@media (max-width: 480px){._left_1221c_60._sm_1221c_105,._right_1221c_61._sm_1221c_105,._left_1221c_60._md_1221c_110,._right_1221c_61._md_1221c_110{width:85%}._left_1221c_60._lg_1221c_115,._right_1221c_61._lg_1221c_115,._left_1221c_60._full_1221c_120,._right_1221c_61._full_1221c_120{width:100%}._header_1221c_13,._content_1221c_53{padding:var(--spacing-sm)}._title_1221c_22{font-size:var(--font-size-md)}}
|
|
45
45
|
._fieldset_1vyij_1{border:1px solid var(--color-border);padding:var(--spacing-md);border-radius:var(--radius-md);margin:0;transition:border-color .2s ease,background-color .2s ease,opacity .2s ease}._legend_1vyij_12{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text-primary);padding:0 var(--spacing-xs)}._content_1vyij_19{display:flex;flex-direction:column;gap:var(--spacing-md)}._helperText_1vyij_25{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-top:var(--spacing-sm)}._default_1vyij_32{background-color:transparent;border-color:var(--color-border)}._outlined_1vyij_37{padding:var(--spacing-md);background-color:transparent;border-width:2px;border-color:var(--color-primary-100)}._filled_1vyij_44{background-color:var(--color-secondary-10);border-color:transparent}._disabled_1vyij_50{opacity:.6;cursor:not-allowed}._disabled_1vyij_50 *{pointer-events:none}._error_1vyij_59{border-color:var(--color-states-error-bg)}._error_1vyij_59 ._legend_1vyij_12{color:var(--color-text-primary)}._errorText_1vyij_67{color:var(--color-states-error-text)}._fieldset_1vyij_1:focus-within:not(._disabled_1vyij_50):not(._error_1vyij_59){border-color:var(--color-primary-100)}._outlined_1vyij_37:focus-within:not(._disabled_1vyij_50):not(._error_1vyij_59){border-color:var(--color-primary-200);box-shadow:0 0 0 3px var(--color-primary-10)}@media (max-width: 768px){._fieldset_1vyij_1{padding:var(--spacing-md)}._legend_1vyij_12{font-size:var(--font-size-sm)}}
|
|
46
46
|
._fab_m8l23_1{position:fixed;z-index:1000;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a;transition:all .2s ease;font-weight:var(--font-weight-medium);white-space:nowrap;outline:none}._fab_m8l23_1:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 16px #0003,0 3px 8px #00000026}._fab_m8l23_1:active:not(:disabled){transform:scale(.95)}._fab_m8l23_1:focus-visible{outline:3px solid var(--color-primary-10);outline-offset:2px}._fab_m8l23_1:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 2px 6px #0000001a}._sm_m8l23_39{width:40px;height:40px;font-size:var(--font-size-sm)}._sm_m8l23_39 ._iconWrapper_m8l23_45{width:20px;height:20px}._md_m8l23_50{width:56px;height:56px;font-size:var(--font-size-md)}._md_m8l23_50 ._iconWrapper_m8l23_45{width:24px;height:24px}._lg_m8l23_61{width:72px;height:72px;font-size:var(--font-size-lg)}._lg_m8l23_61 ._iconWrapper_m8l23_45{width:32px;height:32px}._extended_m8l23_73{width:auto;padding:0 var(--spacing-lg);border-radius:var(--radius-lg)}._extended_m8l23_73._sm_m8l23_39{height:40px;padding:0 var(--spacing-md)}._extended_m8l23_73._md_m8l23_50{height:56px;padding:0 var(--spacing-lg)}._extended_m8l23_73._lg_m8l23_61{height:72px;padding:0 var(--spacing-xl)}._iconWrapper_m8l23_45{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}._iconWrapper_m8l23_45 svg{width:100%;height:100%}._label_m8l23_108{font-weight:var(--font-weight-medium);margin-left:var(--spacing-xs)}._bottomRight_m8l23_114{bottom:var(--spacing-xl);right:var(--spacing-xl)}._bottomLeft_m8l23_119{bottom:var(--spacing-xl);left:var(--spacing-xl)}._topRight_m8l23_124{top:var(--spacing-xl);right:var(--spacing-xl)}._topLeft_m8l23_129{top:var(--spacing-xl);left:var(--spacing-xl)}._primary_m8l23_135{background-color:var(--color-primary-100);color:var(--color-background)}._primary_m8l23_135:hover:not(:disabled){background-color:var(--color-primary-120, #0056b3)}._secondary_m8l23_144{background-color:var(--color-secondary-100);color:var(--color-background)}._secondary_m8l23_144:hover:not(:disabled){background-color:var(--color-secondary-120, #5a6268)}._success_m8l23_153{background-color:var(--color-states-success-bg);color:var(--color-background)}._success_m8l23_153:hover:not(:disabled){background-color:var(--color-states-success-bg-hover, #218838)}._danger_m8l23_162{background-color:var(--color-states-error-bg);color:var(--color-background)}._danger_m8l23_162:hover:not(:disabled){background-color:var(--color-states-error-bg-hover, #c82333)}._disabled_m8l23_172{background-color:var(--color-secondary-50);color:var(--color-text-tertiary)}@media (max-width: 768px){._bottomRight_m8l23_114,._bottomLeft_m8l23_119{bottom:var(--spacing-lg)}._topRight_m8l23_124,._topLeft_m8l23_129{top:var(--spacing-lg)}._bottomRight_m8l23_114,._topRight_m8l23_124{right:var(--spacing-lg)}._bottomLeft_m8l23_119,._topLeft_m8l23_129{left:var(--spacing-lg)}._sm_m8l23_39{width:48px;height:48px}._md_m8l23_50{width:56px;height:56px}._lg_m8l23_61{width:64px;height:64px}}
|
|
47
|
-
.
|
|
47
|
+
._footer_10n06_1{max-width:var(--layout-width);margin:0 auto;background-color:var(--color-background);padding:var(--spacing-xl) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}._container_10n06_10{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_10n06_20{width:100%}._primaryNav_10n06_24{display:flex;gap:var(--spacing-xl);width:100%}@media (max-width: 767px){._primaryNav_10n06_24{width:100%;flex-direction:column-reverse}}._secondaryNav_10n06_35{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;width:100%;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}._secondaryNav_10n06_35 a:has(img){height:unset;background-color:transparent}._secondaryNav_10n06_35 a:has(img) img{width:auto;height:60px}._secondaryNav_10n06_35 a:has(img):hover{background-color:transparent}@media (max-width: 767px){._secondaryNav_10n06_35{flex-direction:column-reverse;align-items:center;justify-content:center;margin-top:0}._secondaryNav_10n06_35 nav{width:100%;display:flex;justify-content:center}}._details_10n06_72{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._details_10n06_72{justify-content:center;align-items:center;text-align:center}}._nav_10n06_85{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_10n06_93{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._logo_10n06_93 a{display:block}._logo_10n06_93 img{height:auto;max-height:50px}._socialItems_10n06_108{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md)}._socialItems_10n06_108 ._group_10n06_115{flex:unset;min-width:unset}._socialItems_10n06_108 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_10n06_125{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_10n06_115{flex:.2;min-width:140px}._groupTitle_10n06_136{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._sublinks_10n06_145{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_10n06_153{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_10n06_153{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._link_10n06_153 ._newTabIcon_10n06_171{color:var(--color-secondary-75);transition:color .3s ease-in-out}._link_10n06_153:hover,._link_10n06_153:hover ._newTabIcon_10n06_171{color:var(--color-primary-100)}._bottom_10n06_185{text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary)}@media (max-width: 767px){._bottom_10n06_185{text-align:center}}._left_10n06_196 ._container_10n06_10{justify-content:flex-start}._left_10n06_196 ._logo_10n06_93{flex:unset}._left_10n06_196 ._nav_10n06_85{flex:1}@media (max-width: 767px){._left_10n06_196 ._logo_10n06_93{flex:1}}._center_10n06_216 ._nav_10n06_85{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_10n06_216 ._nav_10n06_85._hidden_10n06_224{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_10n06_216 ._nav_10n06_85._visible_10n06_231{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_10n06_216 ._logo_10n06_93{flex:1}}._right_10n06_246 ._container_10n06_10{justify-content:flex-end}._right_10n06_246 ._logo_10n06_93,._right_10n06_246 ._title_10n06_252{flex:1}._right_10n06_246 ._nav_10n06_85{flex:unset}
|
|
48
48
|
._form_3xode_1{display:flex;width:100%;margin:0;padding:0;border:none}._fullWidth_3xode_10{width:100%;max-width:none!important}._vertical_3xode_16{flex-direction:column}._horizontal_3xode_20{flex-direction:row;align-items:flex-start;flex-wrap:wrap}._inline_3xode_26{flex-direction:row;align-items:center;flex-wrap:wrap}._spacingXs_3xode_33{gap:var(--spacing-xs)}._spacingSm_3xode_37{gap:var(--spacing-sm)}._spacingMd_3xode_41{gap:var(--spacing-md)}._spacingLg_3xode_45{gap:var(--spacing-lg)}._spacingXl_3xode_49{gap:var(--spacing-xl)}._horizontal_3xode_20._spacingXs_3xode_33,._inline_3xode_26._spacingXs_3xode_33{column-gap:var(--spacing-xs);row-gap:var(--spacing-xs)}._horizontal_3xode_20._spacingSm_3xode_37,._inline_3xode_26._spacingSm_3xode_37{column-gap:var(--spacing-sm);row-gap:var(--spacing-sm)}._horizontal_3xode_20._spacingMd_3xode_41,._inline_3xode_26._spacingMd_3xode_41{column-gap:var(--spacing-md);row-gap:var(--spacing-sm)}._horizontal_3xode_20._spacingLg_3xode_45,._inline_3xode_26._spacingLg_3xode_45{column-gap:var(--spacing-lg);row-gap:var(--spacing-md)}._horizontal_3xode_20._spacingXl_3xode_49,._inline_3xode_26._spacingXl_3xode_49{column-gap:var(--spacing-xl);row-gap:var(--spacing-lg)}._form_3xode_1>*{margin:0}@media (max-width: 768px){._horizontal_3xode_20{flex-direction:column}._inline_3xode_26{flex-direction:column;align-items:stretch}._horizontal_3xode_20._spacingLg_3xode_45,._horizontal_3xode_20._spacingXl_3xode_49,._inline_3xode_26._spacingLg_3xode_45,._inline_3xode_26._spacingXl_3xode_49{gap:var(--spacing-md)}}@media print{._form_3xode_1{page-break-inside:avoid}}
|
|
49
49
|
._list_1e9d1_2{list-style-type:none;padding:0;margin:0;width:100%}ol._list_1e9d1_2{list-style-type:decimal;padding-left:var(--spacing-lg, 1.5rem);margin:0}._listItem_1e9d1_17{position:relative;transition:background-color .2s ease,transform .1s ease;color:var(--color-text-primary, #333)}._variant-default_1e9d1_24 ._listItem_1e9d1_17{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);margin-bottom:var(--spacing-xs, .25rem);background-color:var(--color-secondary-10, #f5f5f5);border-radius:var(--radius-sm, .25rem)}._variant-bordered_1e9d1_31 ._listItem_1e9d1_17{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);margin-bottom:0;border:1px solid var(--color-border, #e0e0e0);border-bottom:none;background-color:var(--color-foreground, #fff)}._variant-bordered_1e9d1_31 ._listItem_1e9d1_17:first-child{border-top-left-radius:var(--radius-md, .5rem);border-top-right-radius:var(--radius-md, .5rem)}._variant-bordered_1e9d1_31 ._listItem_1e9d1_17:last-child{border-bottom:1px solid var(--color-border, #e0e0e0);border-bottom-left-radius:var(--radius-md, .5rem);border-bottom-right-radius:var(--radius-md, .5rem)}._variant-divided_1e9d1_50 ._listItem_1e9d1_17{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);margin-bottom:0;border-bottom:1px solid var(--color-border, #e0e0e0);background-color:transparent}._variant-divided_1e9d1_50 ._listItem_1e9d1_17:last-child{border-bottom:none}._variant-plain_1e9d1_61 ._listItem_1e9d1_17{padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);margin-bottom:var(--spacing-xs, .25rem);background-color:transparent}._size-sm_1e9d1_68 ._listItem_1e9d1_17{padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);font-size:var(--font-size-sm, .875rem)}._size-md_1e9d1_73 ._listItem_1e9d1_17{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);font-size:var(--font-size-md, 1rem)}._size-lg_1e9d1_78 ._listItem_1e9d1_17{padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);font-size:var(--font-size-lg, 1.125rem)}._hoverable_1e9d1_84 ._listItem_1e9d1_17:not(._disabled_1e9d1_84){cursor:pointer}._hoverable_1e9d1_84 ._listItem_1e9d1_17:not(._disabled_1e9d1_84):hover{background-color:var(--color-secondary-25, #ebebeb)}._hoverable_1e9d1_84._variant-divided_1e9d1_50 ._listItem_1e9d1_17:not(._disabled_1e9d1_84):hover,._hoverable_1e9d1_84._variant-plain_1e9d1_61 ._listItem_1e9d1_17:not(._disabled_1e9d1_84):hover{background-color:var(--color-secondary-10, #f5f5f5)}._hoverable_1e9d1_84 ._listItem_1e9d1_17:not(._disabled_1e9d1_84):active{transform:scale(.98)}._clickable_1e9d1_102{cursor:pointer}._clickable_1e9d1_102:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:-2px;z-index:1}._disabled_1e9d1_84{opacity:.5;cursor:not-allowed;pointer-events:none}._striped_1e9d1_120 ._listItem_1e9d1_17:nth-child(2n){background-color:var(--color-secondary-10, #f5f5f5)}._striped_1e9d1_120._variant-default_1e9d1_24 ._listItem_1e9d1_17:nth-child(odd){background-color:var(--color-foreground, #fff)}._striped_1e9d1_120._variant-bordered_1e9d1_31 ._listItem_1e9d1_17,._striped_1e9d1_120._variant-divided_1e9d1_50 ._listItem_1e9d1_17,._striped_1e9d1_120._variant-plain_1e9d1_61 ._listItem_1e9d1_17{background-color:transparent}._striped_1e9d1_120._variant-bordered_1e9d1_31 ._listItem_1e9d1_17:nth-child(2n),._striped_1e9d1_120._variant-divided_1e9d1_50 ._listItem_1e9d1_17:nth-child(2n),._striped_1e9d1_120._variant-plain_1e9d1_61 ._listItem_1e9d1_17:nth-child(2n){background-color:var(--color-secondary-10, #f5f5f5)}@media (max-width: 768px){._size-lg_1e9d1_78 ._listItem_1e9d1_17{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);font-size:var(--font-size-md, 1rem)}}@media (max-width: 480px){._size-md_1e9d1_73 ._listItem_1e9d1_17,._size-lg_1e9d1_78 ._listItem_1e9d1_17{padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);font-size:var(--font-size-sm, .875rem)}}
|
|
50
50
|
._wrapper_mywe6_1{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._select_mywe6_9{padding:var(--spacing-sm);font-size:var(--font-size-md);font-family:inherit;border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text-primary);min-height:120px;resize:vertical;outline:none;transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}._select_mywe6_9:focus{border-color:var(--color-primary-100);box-shadow:0 0 0 3px var(--color-primary-10)}._select_mywe6_9:disabled{background-color:var(--color-secondary-10);color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}._sm_mywe6_42{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:80px}._md_mywe6_48{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);min-height:120px}._lg_mywe6_54{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);min-height:160px}._select_mywe6_9 option{padding:var(--spacing-xs)}._select_mywe6_9 option:disabled{color:var(--color-text-tertiary);font-style:italic}._error_mywe6_71{border-color:var(--color-states-error-bg)}._error_mywe6_71:focus{border-color:var(--color-states-error-bg);box-shadow:0 0 0 3px var(--color-states-error-bg-subtle, #fee)}._helperText_mywe6_81{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}._errorText_mywe6_87{color:var(--color-states-error-text)}._selectedCount_mywe6_92{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) 0}._select_mywe6_9:hover:not(:disabled){border-color:var(--color-primary-50)}@media (max-width: 768px){._sm_mywe6_42{min-height:100px}._md_mywe6_48{min-height:140px}._lg_mywe6_54{min-height:180px}}
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
._drawer_1221c_1{position:fixed;background-color:var(--color-foreground);transition:transform .3s ease-in-out;z-index:1000;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}._header_1221c_13{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);flex-shrink:0}._title_1221c_22{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}._closeButton_1221c_29{all:unset;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease}._closeButton_1221c_29:hover{background-color:var(--color-secondary-10);color:var(--color-text-primary)}._closeButton_1221c_29:focus-visible{outline:2px solid var(--color-primary-100);outline-offset:2px}._content_1221c_53{flex:1;overflow-y:auto;padding:var(--spacing-md)}._left_1221c_60,._right_1221c_61{top:0;height:100%}._left_1221c_60{left:0;transform:translate(-100%)}._right_1221c_61{right:0;transform:translate(100%)}._top_1221c_77,._bottom_1221c_78{left:0;width:100%}._top_1221c_77{top:0;transform:translateY(-100%)}._bottom_1221c_78{bottom:0;transform:translateY(100%)}._open_1221c_94._left_1221c_60,._open_1221c_94._right_1221c_61{transform:translate(0)}._open_1221c_94._top_1221c_77,._open_1221c_94._bottom_1221c_78{transform:translateY(0)}._left_1221c_60._sm_1221c_105,._right_1221c_61._sm_1221c_105{width:280px}._left_1221c_60._md_1221c_110,._right_1221c_61._md_1221c_110{width:360px}._left_1221c_60._lg_1221c_115,._right_1221c_61._lg_1221c_115{width:480px}._left_1221c_60._full_1221c_120,._right_1221c_61._full_1221c_120{width:100%;max-width:600px}._top_1221c_77._sm_1221c_105,._bottom_1221c_78._sm_1221c_105{height:200px}._top_1221c_77._md_1221c_110,._bottom_1221c_78._md_1221c_110{height:300px}._top_1221c_77._lg_1221c_115,._bottom_1221c_78._lg_1221c_115{height:400px}._top_1221c_77._full_1221c_120,._bottom_1221c_78._full_1221c_120{height:100%;max-height:80vh}._overlay_1221c_149{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;z-index:999}._overlay_1221c_149._show_1221c_159{opacity:1;pointer-events:all}@media (max-width: 768px){._left_1221c_60._md_1221c_110,._right_1221c_61._md_1221c_110{width:320px}._left_1221c_60._lg_1221c_115,._right_1221c_61._lg_1221c_115{width:90%}._left_1221c_60._full_1221c_120,._right_1221c_61._full_1221c_120{width:100%}}@media (max-width: 480px){._left_1221c_60._sm_1221c_105,._right_1221c_61._sm_1221c_105,._left_1221c_60._md_1221c_110,._right_1221c_61._md_1221c_110{width:85%}._left_1221c_60._lg_1221c_115,._right_1221c_61._lg_1221c_115,._left_1221c_60._full_1221c_120,._right_1221c_61._full_1221c_120{width:100%}._header_1221c_13,._content_1221c_53{padding:var(--spacing-sm)}._title_1221c_22{font-size:var(--font-size-md)}}
|
|
115
115
|
._fieldset_1vyij_1{border:1px solid var(--color-border);padding:var(--spacing-md);border-radius:var(--radius-md);margin:0;transition:border-color .2s ease,background-color .2s ease,opacity .2s ease}._legend_1vyij_12{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text-primary);padding:0 var(--spacing-xs)}._content_1vyij_19{display:flex;flex-direction:column;gap:var(--spacing-md)}._helperText_1vyij_25{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-top:var(--spacing-sm)}._default_1vyij_32{background-color:transparent;border-color:var(--color-border)}._outlined_1vyij_37{padding:var(--spacing-md);background-color:transparent;border-width:2px;border-color:var(--color-primary-100)}._filled_1vyij_44{background-color:var(--color-secondary-10);border-color:transparent}._disabled_1vyij_50{opacity:.6;cursor:not-allowed}._disabled_1vyij_50 *{pointer-events:none}._error_1vyij_59{border-color:var(--color-states-error-bg)}._error_1vyij_59 ._legend_1vyij_12{color:var(--color-text-primary)}._errorText_1vyij_67{color:var(--color-states-error-text)}._fieldset_1vyij_1:focus-within:not(._disabled_1vyij_50):not(._error_1vyij_59){border-color:var(--color-primary-100)}._outlined_1vyij_37:focus-within:not(._disabled_1vyij_50):not(._error_1vyij_59){border-color:var(--color-primary-200);box-shadow:0 0 0 3px var(--color-primary-10)}@media (max-width: 768px){._fieldset_1vyij_1{padding:var(--spacing-md)}._legend_1vyij_12{font-size:var(--font-size-sm)}}
|
|
116
116
|
._fab_m8l23_1{position:fixed;z-index:1000;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a;transition:all .2s ease;font-weight:var(--font-weight-medium);white-space:nowrap;outline:none}._fab_m8l23_1:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 16px #0003,0 3px 8px #00000026}._fab_m8l23_1:active:not(:disabled){transform:scale(.95)}._fab_m8l23_1:focus-visible{outline:3px solid var(--color-primary-10);outline-offset:2px}._fab_m8l23_1:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 2px 6px #0000001a}._sm_m8l23_39{width:40px;height:40px;font-size:var(--font-size-sm)}._sm_m8l23_39 ._iconWrapper_m8l23_45{width:20px;height:20px}._md_m8l23_50{width:56px;height:56px;font-size:var(--font-size-md)}._md_m8l23_50 ._iconWrapper_m8l23_45{width:24px;height:24px}._lg_m8l23_61{width:72px;height:72px;font-size:var(--font-size-lg)}._lg_m8l23_61 ._iconWrapper_m8l23_45{width:32px;height:32px}._extended_m8l23_73{width:auto;padding:0 var(--spacing-lg);border-radius:var(--radius-lg)}._extended_m8l23_73._sm_m8l23_39{height:40px;padding:0 var(--spacing-md)}._extended_m8l23_73._md_m8l23_50{height:56px;padding:0 var(--spacing-lg)}._extended_m8l23_73._lg_m8l23_61{height:72px;padding:0 var(--spacing-xl)}._iconWrapper_m8l23_45{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}._iconWrapper_m8l23_45 svg{width:100%;height:100%}._label_m8l23_108{font-weight:var(--font-weight-medium);margin-left:var(--spacing-xs)}._bottomRight_m8l23_114{bottom:var(--spacing-xl);right:var(--spacing-xl)}._bottomLeft_m8l23_119{bottom:var(--spacing-xl);left:var(--spacing-xl)}._topRight_m8l23_124{top:var(--spacing-xl);right:var(--spacing-xl)}._topLeft_m8l23_129{top:var(--spacing-xl);left:var(--spacing-xl)}._primary_m8l23_135{background-color:var(--color-primary-100);color:var(--color-background)}._primary_m8l23_135:hover:not(:disabled){background-color:var(--color-primary-120, #0056b3)}._secondary_m8l23_144{background-color:var(--color-secondary-100);color:var(--color-background)}._secondary_m8l23_144:hover:not(:disabled){background-color:var(--color-secondary-120, #5a6268)}._success_m8l23_153{background-color:var(--color-states-success-bg);color:var(--color-background)}._success_m8l23_153:hover:not(:disabled){background-color:var(--color-states-success-bg-hover, #218838)}._danger_m8l23_162{background-color:var(--color-states-error-bg);color:var(--color-background)}._danger_m8l23_162:hover:not(:disabled){background-color:var(--color-states-error-bg-hover, #c82333)}._disabled_m8l23_172{background-color:var(--color-secondary-50);color:var(--color-text-tertiary)}@media (max-width: 768px){._bottomRight_m8l23_114,._bottomLeft_m8l23_119{bottom:var(--spacing-lg)}._topRight_m8l23_124,._topLeft_m8l23_129{top:var(--spacing-lg)}._bottomRight_m8l23_114,._topRight_m8l23_124{right:var(--spacing-lg)}._bottomLeft_m8l23_119,._topLeft_m8l23_129{left:var(--spacing-lg)}._sm_m8l23_39{width:48px;height:48px}._md_m8l23_50{width:56px;height:56px}._lg_m8l23_61{width:64px;height:64px}}
|
|
117
|
-
.
|
|
117
|
+
._footer_10n06_1{max-width:var(--layout-width);margin:0 auto;background-color:var(--color-background);padding:var(--spacing-xl) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}._container_10n06_10{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_10n06_20{width:100%}._primaryNav_10n06_24{display:flex;gap:var(--spacing-xl);width:100%}@media (max-width: 767px){._primaryNav_10n06_24{width:100%;flex-direction:column-reverse}}._secondaryNav_10n06_35{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;width:100%;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}._secondaryNav_10n06_35 a:has(img){height:unset;background-color:transparent}._secondaryNav_10n06_35 a:has(img) img{width:auto;height:60px}._secondaryNav_10n06_35 a:has(img):hover{background-color:transparent}@media (max-width: 767px){._secondaryNav_10n06_35{flex-direction:column-reverse;align-items:center;justify-content:center;margin-top:0}._secondaryNav_10n06_35 nav{width:100%;display:flex;justify-content:center}}._details_10n06_72{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._details_10n06_72{justify-content:center;align-items:center;text-align:center}}._nav_10n06_85{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_10n06_93{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._logo_10n06_93 a{display:block}._logo_10n06_93 img{height:auto;max-height:50px}._socialItems_10n06_108{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md)}._socialItems_10n06_108 ._group_10n06_115{flex:unset;min-width:unset}._socialItems_10n06_108 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_10n06_125{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_10n06_115{flex:.2;min-width:140px}._groupTitle_10n06_136{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._sublinks_10n06_145{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_10n06_153{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_10n06_153{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._link_10n06_153 ._newTabIcon_10n06_171{color:var(--color-secondary-75);transition:color .3s ease-in-out}._link_10n06_153:hover,._link_10n06_153:hover ._newTabIcon_10n06_171{color:var(--color-primary-100)}._bottom_10n06_185{text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary)}@media (max-width: 767px){._bottom_10n06_185{text-align:center}}._left_10n06_196 ._container_10n06_10{justify-content:flex-start}._left_10n06_196 ._logo_10n06_93{flex:unset}._left_10n06_196 ._nav_10n06_85{flex:1}@media (max-width: 767px){._left_10n06_196 ._logo_10n06_93{flex:1}}._center_10n06_216 ._nav_10n06_85{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_10n06_216 ._nav_10n06_85._hidden_10n06_224{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_10n06_216 ._nav_10n06_85._visible_10n06_231{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_10n06_216 ._logo_10n06_93{flex:1}}._right_10n06_246 ._container_10n06_10{justify-content:flex-end}._right_10n06_246 ._logo_10n06_93,._right_10n06_246 ._title_10n06_252{flex:1}._right_10n06_246 ._nav_10n06_85{flex:unset}
|
|
118
118
|
._form_3xode_1{display:flex;width:100%;margin:0;padding:0;border:none}._fullWidth_3xode_10{width:100%;max-width:none!important}._vertical_3xode_16{flex-direction:column}._horizontal_3xode_20{flex-direction:row;align-items:flex-start;flex-wrap:wrap}._inline_3xode_26{flex-direction:row;align-items:center;flex-wrap:wrap}._spacingXs_3xode_33{gap:var(--spacing-xs)}._spacingSm_3xode_37{gap:var(--spacing-sm)}._spacingMd_3xode_41{gap:var(--spacing-md)}._spacingLg_3xode_45{gap:var(--spacing-lg)}._spacingXl_3xode_49{gap:var(--spacing-xl)}._horizontal_3xode_20._spacingXs_3xode_33,._inline_3xode_26._spacingXs_3xode_33{column-gap:var(--spacing-xs);row-gap:var(--spacing-xs)}._horizontal_3xode_20._spacingSm_3xode_37,._inline_3xode_26._spacingSm_3xode_37{column-gap:var(--spacing-sm);row-gap:var(--spacing-sm)}._horizontal_3xode_20._spacingMd_3xode_41,._inline_3xode_26._spacingMd_3xode_41{column-gap:var(--spacing-md);row-gap:var(--spacing-sm)}._horizontal_3xode_20._spacingLg_3xode_45,._inline_3xode_26._spacingLg_3xode_45{column-gap:var(--spacing-lg);row-gap:var(--spacing-md)}._horizontal_3xode_20._spacingXl_3xode_49,._inline_3xode_26._spacingXl_3xode_49{column-gap:var(--spacing-xl);row-gap:var(--spacing-lg)}._form_3xode_1>*{margin:0}@media (max-width: 768px){._horizontal_3xode_20{flex-direction:column}._inline_3xode_26{flex-direction:column;align-items:stretch}._horizontal_3xode_20._spacingLg_3xode_45,._horizontal_3xode_20._spacingXl_3xode_49,._inline_3xode_26._spacingLg_3xode_45,._inline_3xode_26._spacingXl_3xode_49{gap:var(--spacing-md)}}@media print{._form_3xode_1{page-break-inside:avoid}}
|
|
119
119
|
._list_1e9d1_2{list-style-type:none;padding:0;margin:0;width:100%}ol._list_1e9d1_2{list-style-type:decimal;padding-left:var(--spacing-lg, 1.5rem);margin:0}._listItem_1e9d1_17{position:relative;transition:background-color .2s ease,transform .1s ease;color:var(--color-text-primary, #333)}._variant-default_1e9d1_24 ._listItem_1e9d1_17{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);margin-bottom:var(--spacing-xs, .25rem);background-color:var(--color-secondary-10, #f5f5f5);border-radius:var(--radius-sm, .25rem)}._variant-bordered_1e9d1_31 ._listItem_1e9d1_17{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);margin-bottom:0;border:1px solid var(--color-border, #e0e0e0);border-bottom:none;background-color:var(--color-foreground, #fff)}._variant-bordered_1e9d1_31 ._listItem_1e9d1_17:first-child{border-top-left-radius:var(--radius-md, .5rem);border-top-right-radius:var(--radius-md, .5rem)}._variant-bordered_1e9d1_31 ._listItem_1e9d1_17:last-child{border-bottom:1px solid var(--color-border, #e0e0e0);border-bottom-left-radius:var(--radius-md, .5rem);border-bottom-right-radius:var(--radius-md, .5rem)}._variant-divided_1e9d1_50 ._listItem_1e9d1_17{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);margin-bottom:0;border-bottom:1px solid var(--color-border, #e0e0e0);background-color:transparent}._variant-divided_1e9d1_50 ._listItem_1e9d1_17:last-child{border-bottom:none}._variant-plain_1e9d1_61 ._listItem_1e9d1_17{padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);margin-bottom:var(--spacing-xs, .25rem);background-color:transparent}._size-sm_1e9d1_68 ._listItem_1e9d1_17{padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);font-size:var(--font-size-sm, .875rem)}._size-md_1e9d1_73 ._listItem_1e9d1_17{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);font-size:var(--font-size-md, 1rem)}._size-lg_1e9d1_78 ._listItem_1e9d1_17{padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);font-size:var(--font-size-lg, 1.125rem)}._hoverable_1e9d1_84 ._listItem_1e9d1_17:not(._disabled_1e9d1_84){cursor:pointer}._hoverable_1e9d1_84 ._listItem_1e9d1_17:not(._disabled_1e9d1_84):hover{background-color:var(--color-secondary-25, #ebebeb)}._hoverable_1e9d1_84._variant-divided_1e9d1_50 ._listItem_1e9d1_17:not(._disabled_1e9d1_84):hover,._hoverable_1e9d1_84._variant-plain_1e9d1_61 ._listItem_1e9d1_17:not(._disabled_1e9d1_84):hover{background-color:var(--color-secondary-10, #f5f5f5)}._hoverable_1e9d1_84 ._listItem_1e9d1_17:not(._disabled_1e9d1_84):active{transform:scale(.98)}._clickable_1e9d1_102{cursor:pointer}._clickable_1e9d1_102:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:-2px;z-index:1}._disabled_1e9d1_84{opacity:.5;cursor:not-allowed;pointer-events:none}._striped_1e9d1_120 ._listItem_1e9d1_17:nth-child(2n){background-color:var(--color-secondary-10, #f5f5f5)}._striped_1e9d1_120._variant-default_1e9d1_24 ._listItem_1e9d1_17:nth-child(odd){background-color:var(--color-foreground, #fff)}._striped_1e9d1_120._variant-bordered_1e9d1_31 ._listItem_1e9d1_17,._striped_1e9d1_120._variant-divided_1e9d1_50 ._listItem_1e9d1_17,._striped_1e9d1_120._variant-plain_1e9d1_61 ._listItem_1e9d1_17{background-color:transparent}._striped_1e9d1_120._variant-bordered_1e9d1_31 ._listItem_1e9d1_17:nth-child(2n),._striped_1e9d1_120._variant-divided_1e9d1_50 ._listItem_1e9d1_17:nth-child(2n),._striped_1e9d1_120._variant-plain_1e9d1_61 ._listItem_1e9d1_17:nth-child(2n){background-color:var(--color-secondary-10, #f5f5f5)}@media (max-width: 768px){._size-lg_1e9d1_78 ._listItem_1e9d1_17{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);font-size:var(--font-size-md, 1rem)}}@media (max-width: 480px){._size-md_1e9d1_73 ._listItem_1e9d1_17,._size-lg_1e9d1_78 ._listItem_1e9d1_17{padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);font-size:var(--font-size-sm, .875rem)}}
|
|
120
120
|
._wrapper_mywe6_1{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._select_mywe6_9{padding:var(--spacing-sm);font-size:var(--font-size-md);font-family:inherit;border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text-primary);min-height:120px;resize:vertical;outline:none;transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}._select_mywe6_9:focus{border-color:var(--color-primary-100);box-shadow:0 0 0 3px var(--color-primary-10)}._select_mywe6_9:disabled{background-color:var(--color-secondary-10);color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}._sm_mywe6_42{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:80px}._md_mywe6_48{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);min-height:120px}._lg_mywe6_54{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);min-height:160px}._select_mywe6_9 option{padding:var(--spacing-xs)}._select_mywe6_9 option:disabled{color:var(--color-text-tertiary);font-style:italic}._error_mywe6_71{border-color:var(--color-states-error-bg)}._error_mywe6_71:focus{border-color:var(--color-states-error-bg);box-shadow:0 0 0 3px var(--color-states-error-bg-subtle, #fee)}._helperText_mywe6_81{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}._errorText_mywe6_87{color:var(--color-states-error-text)}._selectedCount_mywe6_92{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) 0}._select_mywe6_9:hover:not(:disabled){border-color:var(--color-primary-50)}@media (max-width: 768px){._sm_mywe6_42{min-height:100px}._md_mywe6_48{min-height:140px}._lg_mywe6_54{min-height:180px}}
|