@campphillip/widgets 4.0.8 → 4.0.10
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/README.md +31 -2
- package/dist/EventApiContainer.js +26 -24
- package/dist/EventContainer.js +84 -92
- package/dist/calendar.widget.js +20 -18
- package/dist/widgets.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,14 +2,43 @@
|
|
|
2
2
|
|
|
3
3
|
Web components for embedding Camp Phillip content.
|
|
4
4
|
|
|
5
|
-
## Quick Start
|
|
5
|
+
## Deploy Quick Start
|
|
6
6
|
|
|
7
7
|
```html
|
|
8
8
|
<link rel="stylesheet" href="https://unpkg.com/@campphillip/widgets@latest/dist/widgets.css">
|
|
9
|
+
|
|
10
|
+
<!-- Add container divs for the widgets you want to use -->
|
|
9
11
|
<div id="camp-events"></div>
|
|
10
|
-
<
|
|
12
|
+
<div id="camp-board-events"></div>
|
|
13
|
+
<div id="camp-calendar"></div>
|
|
14
|
+
<div id="camp-banners"></div>
|
|
15
|
+
<div id="camp-categories"></div>
|
|
16
|
+
<div id="camp-rates"></div>
|
|
17
|
+
|
|
18
|
+
<script>
|
|
19
|
+
(function() {
|
|
20
|
+
// Delete the widgets you don't need
|
|
21
|
+
const widgets = [
|
|
22
|
+
'events.widget.js',
|
|
23
|
+
'board-events.widget.js',
|
|
24
|
+
'calendar.widget.js',
|
|
25
|
+
'banners.widget.js',
|
|
26
|
+
'categories.widget.js',
|
|
27
|
+
'rates.widget.js'
|
|
28
|
+
];
|
|
29
|
+
|
|
30
|
+
widgets.forEach(function(widget) {
|
|
31
|
+
const script = document.createElement('script');
|
|
32
|
+
script.type = 'module';
|
|
33
|
+
script.src = 'https://unpkg.com/@campphillip/widgets@latest/dist/' + widget;
|
|
34
|
+
document.body.appendChild(script);
|
|
35
|
+
});
|
|
36
|
+
})();
|
|
37
|
+
</script>
|
|
11
38
|
```
|
|
12
39
|
|
|
40
|
+
This method ensures the script loads as an ES module, bypassing platform script loaders that may strip the `type="module"` attribute.
|
|
41
|
+
|
|
13
42
|
## Available Widgets
|
|
14
43
|
|
|
15
44
|
| Widget | Container ID | Script |
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { E as c, f as
|
|
3
|
-
const
|
|
1
|
+
import { j as e, r as o } from "./vendor.js";
|
|
2
|
+
import { E as c, f as x } from "./EventContainer.js";
|
|
3
|
+
const d = () => /* @__PURE__ */ e.jsxs(
|
|
4
4
|
"svg",
|
|
5
5
|
{
|
|
6
6
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -14,48 +14,50 @@ const u = () => /* @__PURE__ */ t.jsxs(
|
|
|
14
14
|
strokeLinejoin: "round",
|
|
15
15
|
className: "feather feather-calendar",
|
|
16
16
|
children: [
|
|
17
|
-
/* @__PURE__ */
|
|
18
|
-
/* @__PURE__ */
|
|
19
|
-
/* @__PURE__ */
|
|
20
|
-
/* @__PURE__ */
|
|
17
|
+
/* @__PURE__ */ e.jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
|
|
18
|
+
/* @__PURE__ */ e.jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
|
|
19
|
+
/* @__PURE__ */ e.jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
|
|
20
|
+
/* @__PURE__ */ e.jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
|
|
21
21
|
]
|
|
22
22
|
}
|
|
23
|
-
),
|
|
24
|
-
calendarButton:
|
|
25
|
-
},
|
|
26
|
-
events:
|
|
23
|
+
), h = "_calendarButton_1m4jh_1", u = {
|
|
24
|
+
calendarButton: h
|
|
25
|
+
}, v = ({
|
|
26
|
+
events: t,
|
|
27
27
|
loading: n
|
|
28
28
|
}) => {
|
|
29
|
-
const s = /* @__PURE__ */
|
|
30
|
-
/* @__PURE__ */
|
|
29
|
+
const s = /* @__PURE__ */ e.jsxs("a", { className: u.calendarButton, href: "/calendar", children: [
|
|
30
|
+
/* @__PURE__ */ e.jsx(d, {}),
|
|
31
31
|
"Check out our calendar"
|
|
32
32
|
] });
|
|
33
|
-
return /* @__PURE__ */
|
|
33
|
+
return /* @__PURE__ */ e.jsx(
|
|
34
34
|
c,
|
|
35
35
|
{
|
|
36
|
-
events:
|
|
36
|
+
events: t,
|
|
37
37
|
loading: n,
|
|
38
38
|
title: "What's going on at Camp?",
|
|
39
39
|
headerActions: s
|
|
40
40
|
}
|
|
41
41
|
);
|
|
42
|
-
},
|
|
43
|
-
events:
|
|
42
|
+
}, j = ({
|
|
43
|
+
events: t,
|
|
44
44
|
loading: n
|
|
45
|
-
}) => /* @__PURE__ */
|
|
45
|
+
}) => /* @__PURE__ */ e.jsx(
|
|
46
46
|
c,
|
|
47
47
|
{
|
|
48
|
-
events:
|
|
48
|
+
events: t,
|
|
49
49
|
loading: n,
|
|
50
50
|
title: "Upcoming Board Events"
|
|
51
51
|
}
|
|
52
|
-
),
|
|
52
|
+
), E = ({ type: t }) => {
|
|
53
53
|
const [n, s] = o.useState([]), [a, i] = o.useState(!0);
|
|
54
54
|
return o.useEffect(() => {
|
|
55
55
|
async function l() {
|
|
56
|
-
const x = e === "events" ? h : d;
|
|
57
56
|
try {
|
|
58
|
-
const r = await x(
|
|
57
|
+
const r = await x({
|
|
58
|
+
eventType: t === "events" ? "event" : "board-event",
|
|
59
|
+
limit: 3
|
|
60
|
+
});
|
|
59
61
|
s(r);
|
|
60
62
|
} catch (r) {
|
|
61
63
|
console.error(r);
|
|
@@ -64,8 +66,8 @@ const u = () => /* @__PURE__ */ t.jsxs(
|
|
|
64
66
|
}
|
|
65
67
|
}
|
|
66
68
|
l();
|
|
67
|
-
}, [
|
|
69
|
+
}, [t]), t === "events" ? /* @__PURE__ */ e.jsx(v, { events: n, loading: a }) : /* @__PURE__ */ e.jsx(j, { events: n, loading: a });
|
|
68
70
|
};
|
|
69
71
|
export {
|
|
70
|
-
|
|
72
|
+
E
|
|
71
73
|
};
|
package/dist/EventContainer.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { s as
|
|
2
|
-
import { j as e, S as
|
|
3
|
-
const V = async () =>
|
|
1
|
+
import { s as N, u as y } from "./sanityClient.js";
|
|
2
|
+
import { j as e, S as M, a as f, b as x, P as S, i as g, f as C, d as q, R as D, r as B } from "./vendor.js";
|
|
3
|
+
const V = async (t) => {
|
|
4
|
+
const { eventType: a = "event", limit: n, includePassedEvents: r = !1 } = t || {}, v = r ? "" : "&& endDate >= now()", u = n ? `[0...${n}]` : "", l = `*[_type == '${a}' ${v}] | order(startDate asc) ${u}
|
|
4
5
|
{
|
|
5
6
|
name,
|
|
6
7
|
image,
|
|
@@ -10,162 +11,153 @@ const V = async () => await j.fetch(`*[_type == 'event'] | order(startDate asc)
|
|
|
10
11
|
shortDescription,
|
|
11
12
|
buttons,
|
|
12
13
|
isSummerCampEvent
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
image,
|
|
17
|
-
imageType,
|
|
18
|
-
startDate,
|
|
19
|
-
endDate,
|
|
20
|
-
shortDescription,
|
|
21
|
-
buttons,
|
|
22
|
-
isSummerCampEvent
|
|
23
|
-
}`), E = "_eventCard_17x4q_1", b = "_eventCardBody_17x4q_13", T = "_image_17x4q_27", W = "_square_17x4q_34", $ = "_eventCardTitle_17x4q_39", G = "_eventCardDate_17x4q_46", k = "_eventCardDescription_17x4q_51", H = "_eventButtons_17x4q_55", w = "_eventButton_17x4q_55", I = "_summerCamp_17x4q_140", n = {
|
|
14
|
+
}`;
|
|
15
|
+
return await N.fetch(l);
|
|
16
|
+
}, E = "_eventCard_17x4q_1", T = "_eventCardBody_17x4q_13", $ = "_image_17x4q_27", b = "_square_17x4q_34", W = "_eventCardTitle_17x4q_39", G = "_eventCardDate_17x4q_46", k = "_eventCardDescription_17x4q_51", H = "_eventButtons_17x4q_55", w = "_eventButton_17x4q_55", F = "_summerCamp_17x4q_140", m = {
|
|
24
17
|
eventCard: E,
|
|
25
|
-
eventCardBody:
|
|
26
|
-
image:
|
|
27
|
-
square:
|
|
28
|
-
eventCardTitle:
|
|
18
|
+
eventCardBody: T,
|
|
19
|
+
image: $,
|
|
20
|
+
square: b,
|
|
21
|
+
eventCardTitle: W,
|
|
29
22
|
eventCardDate: G,
|
|
30
23
|
eventCardDescription: k,
|
|
31
24
|
eventButtons: H,
|
|
32
25
|
eventButton: w,
|
|
33
|
-
summerCamp:
|
|
34
|
-
},
|
|
26
|
+
summerCamp: F
|
|
27
|
+
}, _ = ({
|
|
35
28
|
name: t,
|
|
36
29
|
image: a,
|
|
37
|
-
imageType:
|
|
38
|
-
startDate:
|
|
39
|
-
endDate:
|
|
40
|
-
shortDescription:
|
|
41
|
-
buttons:
|
|
42
|
-
loading:
|
|
43
|
-
containerStyle:
|
|
30
|
+
imageType: n,
|
|
31
|
+
startDate: r,
|
|
32
|
+
endDate: v,
|
|
33
|
+
shortDescription: u,
|
|
34
|
+
buttons: l,
|
|
35
|
+
loading: j,
|
|
36
|
+
containerStyle: c,
|
|
44
37
|
isSummerCampEvent: o
|
|
45
38
|
}) => {
|
|
46
|
-
const
|
|
47
|
-
return /* @__PURE__ */ e.jsx(
|
|
39
|
+
const p = I(r, v);
|
|
40
|
+
return /* @__PURE__ */ e.jsx(M, { baseColor: "#dcdcdc", children: /* @__PURE__ */ e.jsxs(
|
|
48
41
|
"div",
|
|
49
42
|
{
|
|
50
|
-
className:
|
|
51
|
-
|
|
52
|
-
o &&
|
|
43
|
+
className: f(
|
|
44
|
+
m.eventCard,
|
|
45
|
+
o && m.summerCamp
|
|
53
46
|
),
|
|
54
|
-
style: { ...
|
|
47
|
+
style: { ...c },
|
|
55
48
|
children: [
|
|
56
49
|
a ? /* @__PURE__ */ e.jsx(
|
|
57
50
|
"img",
|
|
58
51
|
{
|
|
59
|
-
src:
|
|
60
|
-
className:
|
|
61
|
-
|
|
62
|
-
|
|
52
|
+
src: y(a).height(400).url(),
|
|
53
|
+
className: f(
|
|
54
|
+
m.image,
|
|
55
|
+
n === "square" && m.square
|
|
63
56
|
),
|
|
64
57
|
crossOrigin: "anonymous",
|
|
65
58
|
alt: ""
|
|
66
59
|
}
|
|
67
|
-
) : /* @__PURE__ */ e.jsx("div", { className:
|
|
68
|
-
|
|
60
|
+
) : /* @__PURE__ */ e.jsx("div", { className: m.image, children: /* @__PURE__ */ e.jsx(
|
|
61
|
+
x,
|
|
69
62
|
{
|
|
70
63
|
height: 400,
|
|
71
64
|
style: { lineHeight: "normal" }
|
|
72
65
|
}
|
|
73
66
|
) }),
|
|
74
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
67
|
+
/* @__PURE__ */ e.jsxs("div", { className: m.eventCardBody, children: [
|
|
75
68
|
/* @__PURE__ */ e.jsxs("div", { children: [
|
|
76
|
-
/* @__PURE__ */ e.jsx("h3", { className:
|
|
77
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
69
|
+
/* @__PURE__ */ e.jsx("h3", { className: m.eventCardTitle, children: t || /* @__PURE__ */ e.jsx(x, {}) }),
|
|
70
|
+
/* @__PURE__ */ e.jsx("div", { className: m.eventCardDate, children: p || /* @__PURE__ */ e.jsx(x, {}) })
|
|
78
71
|
] }),
|
|
79
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
80
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
72
|
+
/* @__PURE__ */ e.jsx("div", { className: m.eventCardDescription, children: u ? /* @__PURE__ */ e.jsx(S, { value: u }) : /* @__PURE__ */ e.jsx(x, { count: 7 }) }),
|
|
73
|
+
/* @__PURE__ */ e.jsx("div", { className: m.eventButtons, children: l ? l.map(({ url: s, text: i, _key: h }) => /* @__PURE__ */ e.jsx(
|
|
81
74
|
"a",
|
|
82
75
|
{
|
|
83
76
|
href: s,
|
|
84
|
-
className:
|
|
85
|
-
children: /* @__PURE__ */ e.jsx("div", { children:
|
|
77
|
+
className: m.eventButton,
|
|
78
|
+
children: /* @__PURE__ */ e.jsx("div", { children: i })
|
|
86
79
|
},
|
|
87
|
-
|
|
88
|
-
)) :
|
|
80
|
+
h
|
|
81
|
+
)) : j && /* @__PURE__ */ e.jsx(x, { className: m.eventButton }) })
|
|
89
82
|
] })
|
|
90
83
|
]
|
|
91
84
|
}
|
|
92
85
|
) });
|
|
93
86
|
};
|
|
94
|
-
function
|
|
87
|
+
function I(t, a) {
|
|
95
88
|
if (!t || !a) return null;
|
|
96
|
-
const
|
|
97
|
-
return
|
|
89
|
+
const n = new Date(t), r = new Date(a);
|
|
90
|
+
return g(n, r) ? C(n, "MMMM d") : q(n, r) ? C(n, "MMMM d") + " – " + C(r, "d") : C(n, "MMMM d") + " – " + C(r, "MMMM d");
|
|
98
91
|
}
|
|
99
|
-
const
|
|
100
|
-
eventsContainer:
|
|
101
|
-
eventsHeader:
|
|
102
|
-
eventsList:
|
|
92
|
+
const L = "_eventsContainer_1fuij_1", P = "_eventsHeader_1fuij_11", R = "_eventsList_1fuij_28", O = "_eventWrapper_1fuij_34", z = "_summerCampGroup_1fuij_38", J = "_summerCampTitle_1fuij_50", K = "_empty_1fuij_60", d = {
|
|
93
|
+
eventsContainer: L,
|
|
94
|
+
eventsHeader: P,
|
|
95
|
+
eventsList: R,
|
|
103
96
|
eventWrapper: O,
|
|
104
97
|
summerCampGroup: z,
|
|
105
98
|
summerCampTitle: J,
|
|
106
99
|
empty: K
|
|
107
|
-
},
|
|
100
|
+
}, X = ({
|
|
108
101
|
events: t,
|
|
109
102
|
loading: a,
|
|
110
|
-
className:
|
|
111
|
-
title:
|
|
112
|
-
headerActions:
|
|
113
|
-
groupSummerCampEvents:
|
|
103
|
+
className: n,
|
|
104
|
+
title: r = "What's going on at Camp?",
|
|
105
|
+
headerActions: v,
|
|
106
|
+
groupSummerCampEvents: u = !1
|
|
114
107
|
}) => {
|
|
115
|
-
const
|
|
108
|
+
const l = D.useMemo(() => {
|
|
116
109
|
if (!t) return [];
|
|
117
|
-
if (!
|
|
118
|
-
return t.map((s,
|
|
119
|
-
const
|
|
120
|
-
if (
|
|
121
|
-
return t.map((s,
|
|
122
|
-
let
|
|
123
|
-
return t.flatMap((s,
|
|
124
|
-
}, [t,
|
|
125
|
-
return /* @__PURE__ */ e.jsxs("div", { className: `${
|
|
126
|
-
(
|
|
127
|
-
|
|
128
|
-
|
|
110
|
+
if (!u)
|
|
111
|
+
return t.map((s, i) => ({ isSummerCamp: !1, events: [s], startIndex: i }));
|
|
112
|
+
const c = t.filter((s) => s.isSummerCampEvent), o = t.findIndex((s) => s.isSummerCampEvent);
|
|
113
|
+
if (c.length === 0)
|
|
114
|
+
return t.map((s, i) => ({ isSummerCamp: !1, events: [s], startIndex: i }));
|
|
115
|
+
let p = !1;
|
|
116
|
+
return t.flatMap((s, i) => s.isSummerCampEvent ? p ? [] : (p = !0, [{ isSummerCamp: !0, events: c, startIndex: o }]) : [{ isSummerCamp: !1, events: [s], startIndex: i }]);
|
|
117
|
+
}, [t, u]), j = l.findIndex((c) => c.isSummerCamp);
|
|
118
|
+
return /* @__PURE__ */ e.jsxs("div", { className: `${d.eventsContainer} ${n || ""}`, children: [
|
|
119
|
+
(r || v) && /* @__PURE__ */ e.jsxs("div", { className: d.eventsHeader, children: [
|
|
120
|
+
r && /* @__PURE__ */ e.jsx("h1", { children: r }),
|
|
121
|
+
v
|
|
129
122
|
] }),
|
|
130
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
131
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
132
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
133
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
134
|
-
] }) :
|
|
135
|
-
const
|
|
136
|
-
return
|
|
123
|
+
/* @__PURE__ */ e.jsx("div", { className: d.eventsList, children: a ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
124
|
+
/* @__PURE__ */ e.jsx("div", { className: d.eventWrapper, children: /* @__PURE__ */ e.jsx(_, { loading: a }, "loading-1") }),
|
|
125
|
+
/* @__PURE__ */ e.jsx("div", { className: d.eventWrapper, children: /* @__PURE__ */ e.jsx(_, { loading: a }, "loading-2") }),
|
|
126
|
+
/* @__PURE__ */ e.jsx("div", { className: d.eventWrapper, children: /* @__PURE__ */ e.jsx(_, { loading: a }, "loading-3") })
|
|
127
|
+
] }) : l.length > 0 ? l.map((c, o) => {
|
|
128
|
+
const p = o === j;
|
|
129
|
+
return c.isSummerCamp ? /* @__PURE__ */ e.jsxs(
|
|
137
130
|
"div",
|
|
138
131
|
{
|
|
139
|
-
className:
|
|
140
|
-
id:
|
|
132
|
+
className: d.summerCampGroup,
|
|
133
|
+
id: p ? "summer-camp" : void 0,
|
|
141
134
|
children: [
|
|
142
|
-
/* @__PURE__ */ e.jsx("h2", { className:
|
|
143
|
-
|
|
144
|
-
|
|
135
|
+
/* @__PURE__ */ e.jsx("h2", { className: d.summerCampTitle, children: "🏕️ Summer Camp" }),
|
|
136
|
+
c.events.map((s, i) => /* @__PURE__ */ B.createElement(
|
|
137
|
+
_,
|
|
145
138
|
{
|
|
146
139
|
...s,
|
|
147
|
-
key: `${o}-${
|
|
140
|
+
key: `${o}-${i}`,
|
|
148
141
|
loading: a
|
|
149
142
|
}
|
|
150
143
|
))
|
|
151
144
|
]
|
|
152
145
|
},
|
|
153
146
|
`group-${o}`
|
|
154
|
-
) :
|
|
155
|
-
|
|
147
|
+
) : c.events.map((s, i) => /* @__PURE__ */ e.jsx("div", { className: d.eventWrapper, children: /* @__PURE__ */ e.jsx(
|
|
148
|
+
_,
|
|
156
149
|
{
|
|
157
150
|
...s,
|
|
158
151
|
loading: a
|
|
159
152
|
}
|
|
160
|
-
) }, `${o}-${
|
|
161
|
-
}) : /* @__PURE__ */ e.jsxs("div", { className:
|
|
153
|
+
) }, `${o}-${i}`));
|
|
154
|
+
}) : /* @__PURE__ */ e.jsxs("div", { className: d.empty, children: [
|
|
162
155
|
/* @__PURE__ */ e.jsx("img", { src: "https://d2114hmso7dut1.cloudfront.net/customers/096355b6-1a03-11eb-a9c3-0614187498c1/sites/096f9d4e-1a03-11eb-b2dd-0614187498c1/files/67900ba0-5f83-11eb-9222-e3d4d8baf1a9/original/file.png?t=1611630366" }),
|
|
163
156
|
"No upcoming events. Check back later!"
|
|
164
157
|
] }) })
|
|
165
158
|
] });
|
|
166
159
|
};
|
|
167
160
|
export {
|
|
168
|
-
|
|
169
|
-
X as a,
|
|
161
|
+
X as E,
|
|
170
162
|
V as f
|
|
171
163
|
};
|
package/dist/calendar.widget.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { j as t, r as o, c as
|
|
2
|
-
import { E, f as
|
|
3
|
-
const
|
|
4
|
-
summerEventsButton:
|
|
1
|
+
import { j as t, r as o, c as u, R as i } from "./vendor.js";
|
|
2
|
+
import { E as l, f as E } from "./EventContainer.js";
|
|
3
|
+
const d = "_summerEventsButton_qc18l_2", p = {
|
|
4
|
+
summerEventsButton: d
|
|
5
5
|
}, v = ({
|
|
6
6
|
events: e,
|
|
7
7
|
loading: s
|
|
@@ -9,7 +9,7 @@ const p = "_summerEventsButton_lx20e_2", f = {
|
|
|
9
9
|
const n = e?.some((r) => r.isSummerCampEvent) ? /* @__PURE__ */ t.jsxs(
|
|
10
10
|
"a",
|
|
11
11
|
{
|
|
12
|
-
className:
|
|
12
|
+
className: p.summerEventsButton,
|
|
13
13
|
href: "#summer-camp",
|
|
14
14
|
children: [
|
|
15
15
|
/* @__PURE__ */ t.jsx("span", { children: "🏕️" }),
|
|
@@ -18,7 +18,7 @@ const p = "_summerEventsButton_lx20e_2", f = {
|
|
|
18
18
|
}
|
|
19
19
|
) : null;
|
|
20
20
|
return /* @__PURE__ */ t.jsx(
|
|
21
|
-
|
|
21
|
+
l,
|
|
22
22
|
{
|
|
23
23
|
events: e,
|
|
24
24
|
loading: s,
|
|
@@ -27,28 +27,30 @@ const p = "_summerEventsButton_lx20e_2", f = {
|
|
|
27
27
|
groupSummerCampEvents: !0
|
|
28
28
|
}
|
|
29
29
|
);
|
|
30
|
-
},
|
|
31
|
-
const [
|
|
30
|
+
}, f = () => {
|
|
31
|
+
const [e, s] = o.useState([]), [c, n] = o.useState(!0);
|
|
32
32
|
return o.useEffect(() => {
|
|
33
|
-
async function
|
|
33
|
+
async function r() {
|
|
34
34
|
try {
|
|
35
|
-
const a = await
|
|
36
|
-
|
|
35
|
+
const a = await E({
|
|
36
|
+
includePassedEvents: !0
|
|
37
|
+
});
|
|
38
|
+
s(a);
|
|
37
39
|
} catch (a) {
|
|
38
40
|
console.error(a);
|
|
39
41
|
} finally {
|
|
40
|
-
|
|
42
|
+
n(!1);
|
|
41
43
|
}
|
|
42
44
|
}
|
|
43
|
-
|
|
45
|
+
r();
|
|
44
46
|
}, []), /* @__PURE__ */ t.jsx(
|
|
45
47
|
v,
|
|
46
48
|
{
|
|
47
|
-
events:
|
|
48
|
-
loading:
|
|
49
|
+
events: e,
|
|
50
|
+
loading: c
|
|
49
51
|
}
|
|
50
52
|
);
|
|
51
|
-
},
|
|
52
|
-
|
|
53
|
-
/* @__PURE__ */ t.jsx(i.StrictMode, { children: /* @__PURE__ */ t.jsx(
|
|
53
|
+
}, m = document.getElementById("camp-calendar");
|
|
54
|
+
m && u.createRoot(m).render(
|
|
55
|
+
/* @__PURE__ */ t.jsx(i.StrictMode, { children: /* @__PURE__ */ t.jsx(f, {}) })
|
|
54
56
|
);
|
package/dist/widgets.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}._eventCard_17x4q_1{display:flex;flex-direction:column;width:100%;background:#fffef0;color:#333;font-size:14px;box-shadow:0 2px 8px #00000014;border-radius:4px}._eventCardBody_17x4q_13{flex:1 1 66%;display:flex;flex-direction:column;gap:1em;padding:1em!important;line-height:unset!important}._eventCardBody_17x4q_13 p{line-height:unset!important;margin:0}._image_17x4q_27{object-fit:cover;width:100%;height:300px;border-radius:4px 4px 0 0}._square_17x4q_34{object-fit:contain;padding:1em}._eventCardTitle_17x4q_39{font-family:Montserrat,sans-serif;font-size:24px;text-transform:unset!important;margin:0}._eventCardDate_17x4q_46{font-family:Montserrat,sans-serif;font-size:18px}._eventCardDescription_17x4q_51 p:not(:last-of-type){margin-bottom:.5em}._eventButtons_17x4q_55{font-family:Montserrat,sans-serif;display:flex;flex-direction:row;gap:1em;margin-top:.5em}._eventButtons_17x4q_55>span{width:100%}._eventButtons_17x4q_55 a{text-decoration:none}._eventButton_17x4q_55{flex:1;background:#5388d7;color:#fff;padding:12px;text-align:center;border-radius:4px}._eventButton_17x4q_55:hover{color:#fff;background-color:#3e7bd7}@media(min-width:550px){._eventCard_17x4q_1{font-size:20px}._eventCardBody_17x4q_13{padding:1em!important}._eventCardTitle_17x4q_39{font-size:28px}._eventCardDate_17x4q_46{font-size:20px}}@media(min-width:800px){._eventCard_17x4q_1{flex-direction:row;min-height:325px}._image_17x4q_27{max-width:40%;height:auto;min-height:100%;border-radius:4px 0 0 4px}._eventCardTitle_17x4q_39{font-size:32px}._eventButtons_17x4q_55{justify-content:flex-end;margin-top:auto}._eventButton_17x4q_55{flex:0 1 50%}._eventButton_17x4q_55:only-child{flex:0 1 calc(50% - .5em)}}@media(min-width:1000px){._image_17x4q_27{max-width:400px}}._eventCard_17x4q_1._summerCamp_17x4q_140{position:relative}._eventsContainer_1fuij_1{background:#fed136bf;display:flex;flex-direction:column;width:100%;padding:0 0 20px;position:relative;scroll-behavior:smooth}._eventsHeader_1fuij_11{display:flex;flex-direction:column;align-items:flex-start;margin:25px 0;padding:0 10px;gap:1em;z-index:5}._eventsHeader_1fuij_11 h1{font-family:Montserrat,sans-serif;margin:0;font-size:28px;text-transform:unset!important}._eventsList_1fuij_28{display:flex;flex-direction:column;gap:20px}._eventWrapper_1fuij_34{padding:0 10px}._summerCampGroup_1fuij_38{background:#16a34a;padding:20px 10px;display:flex;flex-direction:column;gap:20px;position:relative;scroll-margin-top:100px;border-top:8px solid #0f7033;border-bottom:8px solid #0f7033}._summerCampTitle_1fuij_50{font-family:Montserrat,sans-serif;font-weight:700;color:#fffef0;margin:0;font-size:28px;text-transform:unset!important;text-shadow:2px 2px 4px rgba(0,0,0,.3)}._empty_1fuij_60{display:flex;flex-direction:column;align-items:center;gap:.5em;padding:2em;text-align:center;font-size:16px;background:#fffef0;border-radius:4px;box-shadow:0 4px 4px #00000040}._empty_1fuij_60 img{width:100px}@media only screen and (min-width:550px){._eventsHeader_1fuij_11{margin:35px 0}._eventsHeader_1fuij_11 h1,._summerCampTitle_1fuij_50{font-size:48px}._empty_1fuij_60{font-size:20px}}@media only screen and (min-width:1000px){._eventsContainer_1fuij_1{max-width:1440px;padding:0 0 1em;margin-bottom:1em;border-radius:9px;box-shadow:0 4px 4px #00000040}._eventsHeader_1fuij_11{flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:space-between;margin:30px 0;padding:0 40px}._eventsHeader_1fuij_11 h1{font-size:54px}._eventWrapper_1fuij_34{padding:0 40px}._summerCampGroup_1fuij_38{padding:20px 40px}._summerCampTitle_1fuij_50{font-size:54px}}@media only screen and (min-width:1440px){._eventsContainer_1fuij_1{padding:0 0 2em}._eventsHeader_1fuij_11,._eventWrapper_1fuij_34{padding:0 4em}._summerCampGroup_1fuij_38{padding:20px 4em}}._calendarButton_1m4jh_1{text-decoration:none;background:#5388d7;padding:.5em .75em;color:#fff;border-radius:4px;flex-grow:0;font-size:16px;display:flex;flex-direction:row;gap:5px}._calendarButton_1m4jh_1:hover{background:#3e7bd7;color:#fff;text-decoration:none}@media only screen and (min-width:550px){._calendarButton_1m4jh_1{padding:.75em 1em;font-size:20px}}._summerEventsButton_lx20e_2{background:linear-gradient(135deg,#16a34a,#0f7033);color:#fff;border:none;padding:8px 15px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #22c55e33;text-decoration:none}._summerEventsButton_lx20e_2:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 8px #22c55e4d}@media only screen and (min-width:550px){._summerEventsButton_lx20e_2{font-size:16px;padding:14px 24px}}@media(min-width:800px){._summerEventsButton_lx20e_2{font-size:20px;padding:14px 24px}}._banner_1d1ur_1{height:300px;padding:15px;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:9px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;font-family:Montserrat,sans-serif;font-size:28px;font-weight:700;color:#fff;text-align:start;box-shadow:0 4px 4px #00000040;transition:all .3s cubic-bezier(.25,.8,.25,1);text-decoration:none}._banner_1d1ur_1:hover{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;text-decoration:none;color:#fff}._banner_1d1ur_1 p{margin:0;line-height:normal}._banner_1d1ur_1 a{color:#b50;text-decoration:none}._banner_1d1ur_1 a:hover{color:#ff8622;text-decoration:underline}@media only screen and (min-width:550px){._banner_1d1ur_1{font-size:48px;padding:20px}}@media only screen and (min-width:1000px){._banner_1d1ur_1{font-size:54px;height:375px;min-width:49%;padding:40px;flex:1}}@media only screen and (min-width:1440px){._banner_1d1ur_1{padding:1em}}._bannerContainer_79bac_1{display:flex;flex-direction:column;align-items:center;padding:0 10px}._bannerApp_79bac_8{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px;width:100%;max-width:1440px}@media only screen and (min-width:550px){._bannerContainer_79bac_1{padding:0 20px}}@media only screen and (min-width:1000px){._bannerContainer_79bac_1{padding:0}._bannerApp_79bac_8{flex-direction:row}}._contentButton_2dk7a_1{position:relative;flex:1 1 auto;width:100%;height:250px;border-radius:9px;text-decoration:none;font-family:Montserrat,sans-serif;font-weight:700;color:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .3s cubic-bezier(.25,.8,.25,1)}._contentButton_2dk7a_1:hover{color:#fff!important;text-decoration:none!important;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}._category-image_2dk7a_25{object-fit:cover;overflow:hidden;border-radius:9px;position:absolute;height:100%;width:100%;inset:0;color:transparent}._overlay_2dk7a_40{position:absolute;width:100%;height:100%;border-radius:9px;padding:1em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;background:#0000004d}._buttonTitle_2dk7a_56,._buttonSubtitle_2dk7a_57{text-align:center}._buttonTitle_2dk7a_56{font-weight:700;font-size:38px;line-height:1em;color:#fed136}._buttonSubtitle_2dk7a_57{font-size:16px}@media only screen and (min-width:550px){._contentButtonsHeader_2dk7a_73 h1{font-size:48px}._contentButton_2dk7a_1{flex:1 0 300px;height:250px}._buttonTitle_2dk7a_56{font-size:42px}._buttonSubtitle_2dk7a_57{font-size:20px}}@media only screen and (min-width:1000px){._contentButton_2dk7a_1{flex:1 0 400px;height:350px}._buttonTitle_2dk7a_56{font-size:50px}._buttonSubtitle_2dk7a_57{font-size:22px}}@media only screen and (min-width:1250px){._contentButton_2dk7a_1{flex:1 0 550px}}@media only screen and (min-width:1440px){._contentButton_2dk7a_1{flex:1 0 600px}._buttonTitle_2dk7a_56{font-size:54px}._buttonSubtitle_2dk7a_57{font-size:24px}}._categoryContainer_1yxkk_1{width:100%;padding:0 10px;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center;text-align:center}@media only screen and (min-width:550px){._categoryContainer_1yxkk_1{padding:0 20px;flex-direction:row}}@media only screen and (min-width:1000px){._categoryContainer_1yxkk_1{padding:0}._categoryContainerHeader_1yxkk_25 h1{font-size:58px}}._description_z94kn_1{margin:.75em 0}._description_z94kn_1 h4{text-transform:uppercase;font-family:Montserrat,sans-serif}._group-title_12ylh_1>td:first-child{font-weight:700}._rate-group-child_12ylh_5>td:first-child{padding-left:20px}._rate-table_6wuu7_1{width:100%;border-spacing:0;white-space:pre-line}._rate-table_6wuu7_1 tr:nth-child(odd){background-color:#fed13666}._rate-table_6wuu7_1 tr:nth-child(2n){background-color:#ff852299}._rate-table_6wuu7_1 tr._background-darker_6wuu7_15{background-color:#ff852299}._rate-table_6wuu7_1 td{vertical-align:top;padding:2.5px 5px}._rate-table_6wuu7_1 td:first-of-type{width:50%;text-align:left}._rate-table_6wuu7_1 td:last-of-type{text-align:right}._group-title_6wuu7_33>td:first-child{font-weight:700}._rate-card_i5ys9_1{width:100%;max-width:700px;margin:auto;padding:1em;background-color:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;flex-shrink:0;align-self:flex-start;font-size:1em}._rate-card-heading_i5ys9_13{margin:0 0 1em}._rate-card-heading_i5ys9_13 h3{font-family:Montserrat,sans-serif;text-align:center;text-transform:uppercase;font-weight:700;font-size:22px}._rate-card_i5ys9_1 h3,._rate-card_i5ys9_1 h4{margin:0}@media(min-width:400px){._rate-card-heading_i5ys9_13 h3{font-size:24px}}@media(min-width:550px){._rate-card_i5ys9_1{font-size:1.15em;border-radius:9px}._rate-card-heading_i5ys9_13 h3{font-size:26px}}@media(min-width:900px){._rate-card_i5ys9_1{padding:25px;font-size:1.25em}._rate-card-heading_i5ys9_13 h3{font-size:30px}}._rates-container_123ct_1{display:flex;flex-direction:column;width:100%;padding:5px 0;gap:20px;background-color:#fffef0}@media(min-width:550px){._rates-container_123ct_1{padding:15px}}
|
|
1
|
+
@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}._eventCard_17x4q_1{display:flex;flex-direction:column;width:100%;background:#fffef0;color:#333;font-size:14px;box-shadow:0 2px 8px #00000014;border-radius:4px}._eventCardBody_17x4q_13{flex:1 1 66%;display:flex;flex-direction:column;gap:1em;padding:1em!important;line-height:unset!important}._eventCardBody_17x4q_13 p{line-height:unset!important;margin:0}._image_17x4q_27{object-fit:cover;width:100%;height:300px;border-radius:4px 4px 0 0}._square_17x4q_34{object-fit:contain;padding:1em}._eventCardTitle_17x4q_39{font-family:Montserrat,sans-serif;font-size:24px;text-transform:unset!important;margin:0}._eventCardDate_17x4q_46{font-family:Montserrat,sans-serif;font-size:18px}._eventCardDescription_17x4q_51 p:not(:last-of-type){margin-bottom:.5em}._eventButtons_17x4q_55{font-family:Montserrat,sans-serif;display:flex;flex-direction:row;gap:1em;margin-top:.5em}._eventButtons_17x4q_55>span{width:100%}._eventButtons_17x4q_55 a{text-decoration:none}._eventButton_17x4q_55{flex:1;background:#5388d7;color:#fff;padding:12px;text-align:center;border-radius:4px}._eventButton_17x4q_55:hover{color:#fff;background-color:#3e7bd7}@media(min-width:550px){._eventCard_17x4q_1{font-size:20px}._eventCardBody_17x4q_13{padding:1em!important}._eventCardTitle_17x4q_39{font-size:28px}._eventCardDate_17x4q_46{font-size:20px}}@media(min-width:800px){._eventCard_17x4q_1{flex-direction:row;min-height:325px}._image_17x4q_27{max-width:40%;height:auto;min-height:100%;border-radius:4px 0 0 4px}._eventCardTitle_17x4q_39{font-size:32px}._eventButtons_17x4q_55{justify-content:flex-end;margin-top:auto}._eventButton_17x4q_55{flex:0 1 50%}._eventButton_17x4q_55:only-child{flex:0 1 calc(50% - .5em)}}@media(min-width:1000px){._image_17x4q_27{max-width:400px}}._eventCard_17x4q_1._summerCamp_17x4q_140{position:relative}._eventsContainer_1fuij_1{background:#fed136bf;display:flex;flex-direction:column;width:100%;padding:0 0 20px;position:relative;scroll-behavior:smooth}._eventsHeader_1fuij_11{display:flex;flex-direction:column;align-items:flex-start;margin:25px 0;padding:0 10px;gap:1em;z-index:5}._eventsHeader_1fuij_11 h1{font-family:Montserrat,sans-serif;margin:0;font-size:28px;text-transform:unset!important}._eventsList_1fuij_28{display:flex;flex-direction:column;gap:20px}._eventWrapper_1fuij_34{padding:0 10px}._summerCampGroup_1fuij_38{background:#16a34a;padding:20px 10px;display:flex;flex-direction:column;gap:20px;position:relative;scroll-margin-top:100px;border-top:8px solid #0f7033;border-bottom:8px solid #0f7033}._summerCampTitle_1fuij_50{font-family:Montserrat,sans-serif;font-weight:700;color:#fffef0;margin:0;font-size:28px;text-transform:unset!important;text-shadow:2px 2px 4px rgba(0,0,0,.3)}._empty_1fuij_60{display:flex;flex-direction:column;align-items:center;gap:.5em;padding:2em;text-align:center;font-size:16px;background:#fffef0;border-radius:4px;box-shadow:0 4px 4px #00000040}._empty_1fuij_60 img{width:100px}@media only screen and (min-width:550px){._eventsHeader_1fuij_11{margin:35px 0}._eventsHeader_1fuij_11 h1,._summerCampTitle_1fuij_50{font-size:48px}._empty_1fuij_60{font-size:20px}}@media only screen and (min-width:1000px){._eventsContainer_1fuij_1{max-width:1440px;padding:0 0 1em;margin-bottom:1em;border-radius:9px;box-shadow:0 4px 4px #00000040}._eventsHeader_1fuij_11{flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:space-between;margin:30px 0;padding:0 40px}._eventsHeader_1fuij_11 h1{font-size:54px}._eventWrapper_1fuij_34{padding:0 40px}._summerCampGroup_1fuij_38{padding:20px 40px}._summerCampTitle_1fuij_50{font-size:54px}}@media only screen and (min-width:1440px){._eventsContainer_1fuij_1{padding:0 0 2em}._eventsHeader_1fuij_11,._eventWrapper_1fuij_34{padding:0 4em}._summerCampGroup_1fuij_38{padding:20px 4em}}._calendarButton_1m4jh_1{text-decoration:none;background:#5388d7;padding:.5em .75em;color:#fff;border-radius:4px;flex-grow:0;font-size:16px;display:flex;flex-direction:row;gap:5px}._calendarButton_1m4jh_1:hover{background:#3e7bd7;color:#fff;text-decoration:none}@media only screen and (min-width:550px){._calendarButton_1m4jh_1{padding:.75em 1em;font-size:20px}}._summerEventsButton_qc18l_2{background:linear-gradient(135deg,#16a34a,#0f7033);color:#fff;border:none;padding:8px 15px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #22c55e33;text-decoration:none}._summerEventsButton_qc18l_2:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 8px #22c55e4d;color:#fff;text-decoration:none}@media only screen and (min-width:550px){._summerEventsButton_qc18l_2{font-size:16px;padding:14px 24px}}@media(min-width:800px){._summerEventsButton_qc18l_2{font-size:20px;padding:14px 24px}}._banner_1d1ur_1{height:300px;padding:15px;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:9px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;font-family:Montserrat,sans-serif;font-size:28px;font-weight:700;color:#fff;text-align:start;box-shadow:0 4px 4px #00000040;transition:all .3s cubic-bezier(.25,.8,.25,1);text-decoration:none}._banner_1d1ur_1:hover{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;text-decoration:none;color:#fff}._banner_1d1ur_1 p{margin:0;line-height:normal}._banner_1d1ur_1 a{color:#b50;text-decoration:none}._banner_1d1ur_1 a:hover{color:#ff8622;text-decoration:underline}@media only screen and (min-width:550px){._banner_1d1ur_1{font-size:48px;padding:20px}}@media only screen and (min-width:1000px){._banner_1d1ur_1{font-size:54px;height:375px;min-width:49%;padding:40px;flex:1}}@media only screen and (min-width:1440px){._banner_1d1ur_1{padding:1em}}._bannerContainer_79bac_1{display:flex;flex-direction:column;align-items:center;padding:0 10px}._bannerApp_79bac_8{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px;width:100%;max-width:1440px}@media only screen and (min-width:550px){._bannerContainer_79bac_1{padding:0 20px}}@media only screen and (min-width:1000px){._bannerContainer_79bac_1{padding:0}._bannerApp_79bac_8{flex-direction:row}}._contentButton_2dk7a_1{position:relative;flex:1 1 auto;width:100%;height:250px;border-radius:9px;text-decoration:none;font-family:Montserrat,sans-serif;font-weight:700;color:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .3s cubic-bezier(.25,.8,.25,1)}._contentButton_2dk7a_1:hover{color:#fff!important;text-decoration:none!important;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}._category-image_2dk7a_25{object-fit:cover;overflow:hidden;border-radius:9px;position:absolute;height:100%;width:100%;inset:0;color:transparent}._overlay_2dk7a_40{position:absolute;width:100%;height:100%;border-radius:9px;padding:1em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;background:#0000004d}._buttonTitle_2dk7a_56,._buttonSubtitle_2dk7a_57{text-align:center}._buttonTitle_2dk7a_56{font-weight:700;font-size:38px;line-height:1em;color:#fed136}._buttonSubtitle_2dk7a_57{font-size:16px}@media only screen and (min-width:550px){._contentButtonsHeader_2dk7a_73 h1{font-size:48px}._contentButton_2dk7a_1{flex:1 0 300px;height:250px}._buttonTitle_2dk7a_56{font-size:42px}._buttonSubtitle_2dk7a_57{font-size:20px}}@media only screen and (min-width:1000px){._contentButton_2dk7a_1{flex:1 0 400px;height:350px}._buttonTitle_2dk7a_56{font-size:50px}._buttonSubtitle_2dk7a_57{font-size:22px}}@media only screen and (min-width:1250px){._contentButton_2dk7a_1{flex:1 0 550px}}@media only screen and (min-width:1440px){._contentButton_2dk7a_1{flex:1 0 600px}._buttonTitle_2dk7a_56{font-size:54px}._buttonSubtitle_2dk7a_57{font-size:24px}}._categoryContainer_1yxkk_1{width:100%;padding:0 10px;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center;text-align:center}@media only screen and (min-width:550px){._categoryContainer_1yxkk_1{padding:0 20px;flex-direction:row}}@media only screen and (min-width:1000px){._categoryContainer_1yxkk_1{padding:0}._categoryContainerHeader_1yxkk_25 h1{font-size:58px}}._description_z94kn_1{margin:.75em 0}._description_z94kn_1 h4{text-transform:uppercase;font-family:Montserrat,sans-serif}._group-title_12ylh_1>td:first-child{font-weight:700}._rate-group-child_12ylh_5>td:first-child{padding-left:20px}._rate-table_6wuu7_1{width:100%;border-spacing:0;white-space:pre-line}._rate-table_6wuu7_1 tr:nth-child(odd){background-color:#fed13666}._rate-table_6wuu7_1 tr:nth-child(2n){background-color:#ff852299}._rate-table_6wuu7_1 tr._background-darker_6wuu7_15{background-color:#ff852299}._rate-table_6wuu7_1 td{vertical-align:top;padding:2.5px 5px}._rate-table_6wuu7_1 td:first-of-type{width:50%;text-align:left}._rate-table_6wuu7_1 td:last-of-type{text-align:right}._group-title_6wuu7_33>td:first-child{font-weight:700}._rate-card_i5ys9_1{width:100%;max-width:700px;margin:auto;padding:1em;background-color:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;flex-shrink:0;align-self:flex-start;font-size:1em}._rate-card-heading_i5ys9_13{margin:0 0 1em}._rate-card-heading_i5ys9_13 h3{font-family:Montserrat,sans-serif;text-align:center;text-transform:uppercase;font-weight:700;font-size:22px}._rate-card_i5ys9_1 h3,._rate-card_i5ys9_1 h4{margin:0}@media(min-width:400px){._rate-card-heading_i5ys9_13 h3{font-size:24px}}@media(min-width:550px){._rate-card_i5ys9_1{font-size:1.15em;border-radius:9px}._rate-card-heading_i5ys9_13 h3{font-size:26px}}@media(min-width:900px){._rate-card_i5ys9_1{padding:25px;font-size:1.25em}._rate-card-heading_i5ys9_13 h3{font-size:30px}}._rates-container_123ct_1{display:flex;flex-direction:column;width:100%;padding:5px 0;gap:20px;background-color:#fffef0}@media(min-width:550px){._rates-container_123ct_1{padding:15px}}
|