@canonical/maas-react-components 1.11.0 → 1.13.0

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.
Files changed (7) hide show
  1. package/dist/@canonical/maas-react-components.es.js +112 -107
  2. package/dist/@canonical/maas-react-components.umd.js +5 -5
  3. package/dist/src/lib/sections/ContentSection/ContentSection.d.ts +4 -1
  4. package/dist/src/lib/sections/ContentSection/ContentSection.stories.d.ts +6 -0
  5. package/dist/src/lib/sections/Navigation/Navigation.stories.d.ts +5 -0
  6. package/dist/style.css +1 -1
  7. package/package.json +5 -3
package/dist/@canonical/maas-react-components.es.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { jsxs as N, jsx as t, Fragment as x } from "react/jsx-runtime";
2
2
  import * as m from "react";
3
- import { useRef as G, useState as $, useEffect as z, useCallback as q, cloneElement as H, createContext as W, useId as J, useContext as D } from "react";
4
- import { useListener as K, Link as Q, Tooltip as U, Button as C, Icon as k, Col as V, Input as X } from "@canonical/react-components";
5
- function Y(e) {
3
+ import { useRef as G, useState as S, useEffect as z, useCallback as H, cloneElement as q, createContext as W, useId as J, useContext as D } from "react";
4
+ import { useListener as K, Link as Q, Tooltip as U, Button as C, Icon as k, Row as V, Col as X, Input as Y } from "@canonical/react-components";
5
+ function Z(e) {
6
6
  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
7
7
  }
8
8
  var M = { exports: {} };
@@ -18,21 +18,21 @@ var M = { exports: {} };
18
18
  for (var a = [], r = 0; r < arguments.length; r++) {
19
19
  var s = arguments[r];
20
20
  if (s) {
21
- var p = typeof s;
22
- if (p === "string" || p === "number")
21
+ var u = typeof s;
22
+ if (u === "string" || u === "number")
23
23
  a.push(s);
24
24
  else if (Array.isArray(s)) {
25
25
  if (s.length) {
26
26
  var i = o.apply(null, s);
27
27
  i && a.push(i);
28
28
  }
29
- } else if (p === "object") {
29
+ } else if (u === "object") {
30
30
  if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]")) {
31
31
  a.push(s.toString());
32
32
  continue;
33
33
  }
34
- for (var u in s)
35
- n.call(s, u) && s[u] && a.push(u);
34
+ for (var p in s)
35
+ n.call(s, p) && s[p] && a.push(p);
36
36
  }
37
37
  }
38
38
  }
@@ -41,8 +41,8 @@ var M = { exports: {} };
41
41
  e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
42
42
  })();
43
43
  })(M);
44
- var Z = M.exports;
45
- const l = /* @__PURE__ */ Y(Z);
44
+ var ee = M.exports;
45
+ const l = /* @__PURE__ */ Z(ee);
46
46
  const _ = {
47
47
  caution: "#F99B11",
48
48
  light: "#F7F7F7",
@@ -52,12 +52,12 @@ const _ = {
52
52
  positiveFaded: "#B7CCB9",
53
53
  positiveMid: "#4DAB4D",
54
54
  positive: "#0E8420"
55
- }, Ae = [
55
+ }, ze = [
56
56
  _.link,
57
57
  _.positive,
58
58
  _.negative,
59
59
  _.caution
60
- ], ee = _.linkFaded, E = _.caution, F = _.light, y = 2, T = 1, B = (e, n) => {
60
+ ], ne = _.linkFaded, R = _.caution, F = _.light, y = 2, T = 1, B = (e, n) => {
61
61
  var r, s;
62
62
  const o = ((s = (r = e == null ? void 0 : e.current) == null ? void 0 : r.getBoundingClientRect()) == null ? void 0 : s.width) || 0;
63
63
  return o > n * y ? o / n : y;
@@ -68,40 +68,40 @@ const _ = {
68
68
  label: "meter-label",
69
69
  meteroverflow: "meter-overflow",
70
70
  segments: "meter-segments"
71
- }, ne = ({
71
+ }, te = ({
72
72
  className: e,
73
73
  children: n,
74
74
  data: o,
75
75
  max: a,
76
76
  variant: r = "regular",
77
77
  size: s = "regular",
78
- ...p
78
+ ...u
79
79
  }) => {
80
- const i = G(null), u = o == null ? void 0 : o.reduce((v, A) => v + A.value, 0), d = a || u, f = o.map((v) => v.value / d * 100), [h, g] = $(0);
80
+ const i = G(null), p = o == null ? void 0 : o.reduce((v, A) => v + A.value, 0), d = a || p, h = o.map((v) => v.value / d * 100), [f, g] = S(0);
81
81
  z(() => {
82
82
  g(r === "segmented" ? B(i, d) : 0);
83
83
  }, [d, r]);
84
- const S = q(() => {
84
+ const $ = H(() => {
85
85
  g(B(i, d));
86
86
  }, [i, d, g]);
87
- return K(window, S, "resize", !0, r === "segmented"), /* @__PURE__ */ N(
87
+ return K(window, $, "resize", !0, r === "segmented"), /* @__PURE__ */ N(
88
88
  "div",
89
89
  {
90
90
  className: l("p-meter", e, {
91
91
  "p-meter--small": s === "small"
92
92
  }),
93
- "aria-label": p == null ? void 0 : p["aria-label"],
93
+ "aria-label": u == null ? void 0 : u["aria-label"],
94
94
  "data-testid": b.container,
95
95
  ref: i,
96
96
  children: [
97
- /* @__PURE__ */ t(te, { children: /* @__PURE__ */ t(
98
- oe,
97
+ /* @__PURE__ */ t(oe, { children: /* @__PURE__ */ t(
98
+ ae,
99
99
  {
100
100
  data: o,
101
- datumWidths: f,
101
+ datumWidths: h,
102
102
  maximum: d,
103
- overColor: E,
104
- segmentWidth: h,
103
+ overColor: R,
104
+ segmentWidth: f,
105
105
  separatorColor: F
106
106
  }
107
107
  ) }),
@@ -109,28 +109,28 @@ const _ = {
109
109
  ]
110
110
  }
111
111
  );
112
- }, te = ({ children: e }) => /* @__PURE__ */ t(
112
+ }, oe = ({ children: e }) => /* @__PURE__ */ t(
113
113
  "div",
114
114
  {
115
115
  className: "p-meter__bar",
116
116
  "data-testid": b.bar,
117
- style: { backgroundColor: ee },
117
+ style: { backgroundColor: ne },
118
118
  children: e
119
119
  }
120
- ), oe = ({
120
+ ), ae = ({
121
121
  data: e,
122
122
  datumWidths: n,
123
123
  maximum: o,
124
124
  segmentWidth: a
125
125
  }) => {
126
- const r = () => (e == null ? void 0 : e.reduce((i, u) => i + u.value, 0)) > o, s = (i, u) => ({
126
+ const r = () => (e == null ? void 0 : e.reduce((i, p) => i + p.value, 0)) > o, s = (i, p) => ({
127
127
  backgroundColor: i.color,
128
128
  left: `${n == null ? void 0 : n.reduce(
129
- (d, f, h) => u > h ? d + f : d,
129
+ (d, h, f) => p > f ? d + h : d,
130
130
  0
131
131
  )}%`,
132
- width: `${n[u]}%`
133
- }), p = () => ({
132
+ width: `${n[p]}%`
133
+ }), u = () => ({
134
134
  background: `repeating-linear-gradient(
135
135
  to right,
136
136
  transparent 0,
@@ -145,27 +145,27 @@ const _ = {
145
145
  {
146
146
  className: "p-meter__filled",
147
147
  "data-testid": b.meteroverflow,
148
- style: { backgroundColor: E, width: "100%" }
148
+ style: { backgroundColor: R, width: "100%" }
149
149
  }
150
- ) : e == null ? void 0 : e.map((i, u) => /* @__PURE__ */ t(
150
+ ) : e == null ? void 0 : e.map((i, p) => /* @__PURE__ */ t(
151
151
  "div",
152
152
  {
153
153
  className: "p-meter__filled",
154
154
  "data-testid": b.filled,
155
- style: s(i, u)
155
+ style: s(i, p)
156
156
  },
157
- `meter-${u}`
157
+ `meter-${p}`
158
158
  )),
159
159
  a > 0 && /* @__PURE__ */ t(
160
160
  "div",
161
161
  {
162
162
  className: "p-meter__separators",
163
163
  "data-testid": b.segments,
164
- style: p()
164
+ style: u()
165
165
  }
166
166
  )
167
167
  ] });
168
- }, ae = ({
168
+ }, se = ({
169
169
  className: e,
170
170
  children: n
171
171
  }) => /* @__PURE__ */ t(
@@ -176,8 +176,8 @@ const _ = {
176
176
  children: n
177
177
  }
178
178
  );
179
- ne.Label = ae;
180
- const Ge = ({ children: e, to: n, ...o }) => /* @__PURE__ */ t(Q, { ...o, href: n, rel: "noreferrer noopener", target: "_blank", children: e }), se = ({ children: e }) => /* @__PURE__ */ t(x, { children: e }), re = ({
179
+ te.Label = se;
180
+ const He = ({ children: e, to: n, ...o }) => /* @__PURE__ */ t(Q, { ...o, href: n, rel: "noreferrer noopener", target: "_blank", children: e }), re = ({ children: e }) => /* @__PURE__ */ t(x, { children: e }), ie = ({
181
181
  isCollapsed: e,
182
182
  setIsCollapsed: n,
183
183
  className: o
@@ -209,7 +209,7 @@ const Ge = ({ children: e, to: n, ...o }) => /* @__PURE__ */ t(Q, { ...o, href:
209
209
  }
210
210
  )
211
211
  }
212
- ), ie = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-panel__content", children: /* @__PURE__ */ t("nav", { className: "p-side-navigation--icons is-dark", children: e }) }), le = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-panel__controls u-no-margin--top", children: e }), ce = ({ children: e }) => /* @__PURE__ */ t("div", { className: "l-navigation__drawer", children: /* @__PURE__ */ t("div", { className: "p-panel is-dark", children: e }) }), ue = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-panel__footer", children: e }), pe = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-panel__header", children: e }), me = ({ light: e = !0, name: n }) => /* @__PURE__ */ t(k, { className: "p-side-navigation__icon", light: e, name: n }), de = ({ children: e, className: n, hasActiveChild: o }) => /* @__PURE__ */ t("li", { className: l("p-side-navigation__item", n, { "has-active-child": o }), children: e }), ge = ({ children: e, id: n, variant: o = "base" }) => /* @__PURE__ */ t("span", { className: l("p-side-navigation__label", { "p-side-navigation__label--group": o === "group" }), id: n, children: e }), ve = ({
212
+ ), le = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-panel__content", children: /* @__PURE__ */ t("nav", { className: "p-side-navigation--icons is-dark", children: e }) }), ce = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-panel__controls u-no-margin--top", children: e }), ue = ({ children: e }) => /* @__PURE__ */ t("div", { className: "l-navigation__drawer", children: /* @__PURE__ */ t("div", { className: "p-panel is-dark", children: e }) }), pe = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-panel__footer", children: e }), me = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-panel__header", children: e }), de = ({ light: e = !0, name: n }) => /* @__PURE__ */ t(k, { className: "p-side-navigation__icon", light: e, name: n }), ge = ({ children: e, className: n, hasActiveChild: o }) => /* @__PURE__ */ t("li", { className: l("p-side-navigation__item", n, { "has-active-child": o }), children: e }), ve = ({ children: e, id: n, variant: o = "base" }) => /* @__PURE__ */ t("span", { className: l("p-side-navigation__label", { "p-side-navigation__label--group": o === "group" }), id: n, children: e }), _e = ({
213
213
  as: e,
214
214
  ...n
215
215
  }) => /* @__PURE__ */ t(
@@ -218,12 +218,12 @@ const Ge = ({ children: e, to: n, ...o }) => /* @__PURE__ */ t(Q, { ...o, href:
218
218
  className: l("p-side-navigation__link", n.className),
219
219
  ...n
220
220
  }
221
- ), _e = ({ children: e, className: n }) => /* @__PURE__ */ t("ul", { className: l("p-side-navigation__list", n), children: e }), be = ({
221
+ ), be = ({ children: e, className: n }) => /* @__PURE__ */ t("ul", { className: l("p-side-navigation__list", n), children: e }), Ne = ({
222
222
  as: e,
223
223
  children: n,
224
224
  className: o,
225
225
  ...a
226
- }) => /* @__PURE__ */ t(e || "a", { className: l("p-panel__logo", o), ...a, children: /* @__PURE__ */ t("div", { className: "p-navigation__tagged-logo", children: n }) }), Ne = ({ children: e }) => H(e, { className: "p-panel__logo-icon p-navigation__logo-icon" }), fe = ({ children: e, variant: n = "base" }) => /* @__PURE__ */ t(
226
+ }) => /* @__PURE__ */ t(e || "a", { className: l("p-panel__logo", o), ...a, children: /* @__PURE__ */ t("div", { className: "p-navigation__tagged-logo", children: n }) }), he = ({ children: e }) => q(e, { className: "p-panel__logo-icon p-navigation__logo-icon" }), fe = ({ children: e, variant: n = "base" }) => /* @__PURE__ */ t(
227
227
  "div",
228
228
  {
229
229
  className: l("p-panel__logo-name is-fading-when-collapsed", {
@@ -231,7 +231,7 @@ const Ge = ({ children: e, to: n, ...o }) => /* @__PURE__ */ t(Q, { ...o, href:
231
231
  }),
232
232
  children: e
233
233
  }
234
- ), he = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-navigation__logo-tag", children: e }), Ce = ({ children: e }) => /* @__PURE__ */ t("span", { className: "p-panel__logo-text", children: e }), ke = ({
234
+ ), Ce = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-navigation__logo-tag", children: e }), ke = ({ children: e }) => /* @__PURE__ */ t("span", { className: "p-panel__logo-text", children: e }), xe = ({
235
235
  children: e,
236
236
  className: n,
237
237
  onClick: o
@@ -248,30 +248,30 @@ const Ge = ({ children: e, to: n, ...o }) => /* @__PURE__ */ t(Q, { ...o, href:
248
248
  },
249
249
  children: e
250
250
  }
251
- ), xe = ({ children: e }) => /* @__PURE__ */ t("span", { className: "p-side-navigation__text", children: e });
252
- const c = ({ children: e, className: n, isCollapsed: o }) => /* @__PURE__ */ t("header", { "aria-label": "main navigation", className: l("l-navigation is-maas", n, { "is-collapsed": o, "is-pinned": !o }), children: e }), Se = ({ children: e, className: n }) => /* @__PURE__ */ t("header", { "aria-label": "navigation", className: "l-navigation-bar", children: /* @__PURE__ */ t("div", { className: l("p-panel is-dark", n), children: e }) });
253
- c.Header = pe;
254
- c.Banner = se;
255
- c.Drawer = ce;
256
- c.Controls = le;
257
- c.CollapseToggle = re;
258
- c.Content = ie;
259
- c.Footer = ue;
260
- c.List = _e;
261
- c.Item = de;
262
- c.Link = ve;
263
- c.Text = xe;
264
- c.Icon = me;
265
- c.Label = ge;
266
- c.Logo = be;
267
- c.LogoTag = he;
268
- c.LogoIcon = Ne;
251
+ ), we = ({ children: e }) => /* @__PURE__ */ t("span", { className: "p-side-navigation__text", children: e });
252
+ const c = ({ children: e, className: n, isCollapsed: o }) => /* @__PURE__ */ t("header", { "aria-label": "main navigation", className: l("l-navigation is-maas", n, { "is-collapsed": o, "is-pinned": !o }), children: e }), $e = ({ children: e, className: n }) => /* @__PURE__ */ t("header", { "aria-label": "navigation", className: "l-navigation-bar", children: /* @__PURE__ */ t("div", { className: l("p-panel is-dark", n), children: e }) });
253
+ c.Header = me;
254
+ c.Banner = re;
255
+ c.Drawer = ue;
256
+ c.Controls = ce;
257
+ c.CollapseToggle = ie;
258
+ c.Content = le;
259
+ c.Footer = pe;
260
+ c.List = be;
261
+ c.Item = ge;
262
+ c.Link = _e;
263
+ c.Text = we;
264
+ c.Icon = de;
265
+ c.Label = ve;
266
+ c.Logo = Ne;
267
+ c.LogoTag = Ce;
268
+ c.LogoIcon = he;
269
269
  c.LogoName = fe;
270
- c.LogoText = Ce;
271
- Se.MenuButton = ke;
272
- const w = W(null), R = ({ children: e }) => {
270
+ c.LogoText = ke;
271
+ $e.MenuButton = xe;
272
+ const L = W(null), E = ({ children: e }) => {
273
273
  const n = J();
274
- return /* @__PURE__ */ t(w.Provider, { value: n, children: /* @__PURE__ */ t(
274
+ return /* @__PURE__ */ t(L.Provider, { value: n, children: /* @__PURE__ */ t(
275
275
  "div",
276
276
  {
277
277
  role: "group",
@@ -281,20 +281,20 @@ const w = W(null), R = ({ children: e }) => {
281
281
  children: e
282
282
  }
283
283
  ) });
284
- }, $e = ({ children: e }) => {
285
- const n = D(w);
284
+ }, Se = ({ children: e }) => {
285
+ const n = D(L);
286
286
  return /* @__PURE__ */ t("label", { id: `${n}_label`, children: e });
287
287
  }, Fe = ({ children: e }) => {
288
- const n = D(w);
288
+ const n = D(L);
289
289
  return /* @__PURE__ */ t("p", { className: "p-form-help-text", id: `${n}_description`, children: e });
290
290
  };
291
- R.Label = $e;
292
- R.Description = Fe;
293
- const L = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-form-section", children: e }), we = ({ children: e }) => /* @__PURE__ */ t("h5", { className: "p-form-section__title u-no-padding--top", children: e }), Le = ({ children: e }) => /* @__PURE__ */ t("p", { className: "p-form-help-text", children: e }), Ie = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-form-section__content", children: e });
294
- L.Title = we;
295
- L.Description = Le;
296
- L.Content = Ie;
297
- function ye(e) {
291
+ E.Label = Se;
292
+ E.Description = Fe;
293
+ const I = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-form-section", children: e }), Le = ({ children: e }) => /* @__PURE__ */ t("h5", { className: "p-form-section__title u-no-padding--top", children: e }), Ie = ({ children: e }) => /* @__PURE__ */ t("p", { className: "p-form-help-text", children: e }), ye = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-form-section__content", children: e });
294
+ I.Title = Le;
295
+ I.Description = Ie;
296
+ I.Content = ye;
297
+ function Te(e) {
298
298
  const [n, o] = m.useState(null), a = m.useRef(null), r = m.useCallback(() => {
299
299
  if (e.current) {
300
300
  const s = e.current.getBoundingClientRect();
@@ -312,7 +312,7 @@ function ye(e) {
312
312
  }
313
313
  const O = m.createContext(null), P = m.createContext([!1, () => {
314
314
  }]), j = ({ children: e }) => {
315
- const n = m.useRef(null), o = ye(n), [a, r] = m.useState(!1);
315
+ const n = m.useRef(null), o = Te(n), [a, r] = m.useState(!1);
316
316
  return /* @__PURE__ */ t(
317
317
  "header",
318
318
  {
@@ -323,7 +323,7 @@ const O = m.createContext(null), P = m.createContext([!1, () => {
323
323
  children: /* @__PURE__ */ t(O.Provider, { value: o, children: /* @__PURE__ */ t(P.Provider, { value: [a, r], children: e }) })
324
324
  }
325
325
  );
326
- }, Te = ({
326
+ }, Be = ({
327
327
  as: e,
328
328
  children: n,
329
329
  className: o,
@@ -336,7 +336,7 @@ const O = m.createContext(null), P = m.createContext([!1, () => {
336
336
  ...a,
337
337
  children: n
338
338
  }
339
- ), Be = ({ children: e }) => {
339
+ ), De = ({ children: e }) => {
340
340
  const n = m.useContext(O), [o, a] = m.useContext(P), r = m.useRef(null);
341
341
  return m.useEffect(() => {
342
342
  !r.current || !n || a(r.current.getBoundingClientRect().width > n.width);
@@ -362,36 +362,41 @@ const O = m.createContext(null), P = m.createContext([!1, () => {
362
362
  )
363
363
  ] });
364
364
  };
365
- j.Title = Te;
366
- j.Controls = Be;
367
- const I = ({
365
+ j.Title = Be;
366
+ j.Controls = De;
367
+ const w = ({
368
368
  children: e,
369
369
  className: n,
370
370
  as: o,
371
- ...a
372
- }) => /* @__PURE__ */ t(o || "section", { ...a, className: l("content-section", n), children: /* @__PURE__ */ t(V, { size: 12, children: e }) }), De = ({ children: e, className: n, as: o, ...a }) => /* @__PURE__ */ t(
371
+ variant: a = "wide",
372
+ ...r
373
+ }) => {
374
+ const s = o || "section", u = l("content-section", n);
375
+ return /* @__PURE__ */ t(s, { ...r, className: u, children: /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(X, { size: a === "narrow" ? 6 : 12, children: e }) }) });
376
+ }, Me = ({ children: e, className: n, as: o, ...a }) => /* @__PURE__ */ t(
373
377
  o || "h1",
374
378
  {
375
379
  ...a,
376
380
  className: l("content-section__title p-heading--4", n),
377
381
  children: e
378
382
  }
379
- ), Me = ({ children: e, className: n }) => /* @__PURE__ */ t("div", { className: l("content-section__body", n), children: e }), Ee = ({ children: e, className: n }) => /* @__PURE__ */ t("div", { className: l("content-section__footer", n), children: e });
380
- I.Title = De;
381
- I.Content = Me;
382
- I.Footer = Ee;
383
- const ze = ({
383
+ ), Re = ({ children: e, className: n }) => /* @__PURE__ */ t("div", { className: l("content-section__header", n), children: e }), Ee = ({ children: e, className: n }) => /* @__PURE__ */ t("div", { className: l("content-section__body", n), children: e }), Oe = ({ children: e, className: n }) => /* @__PURE__ */ t("div", { className: l("content-section__footer", n), children: e });
384
+ w.Title = Me;
385
+ w.Header = Re;
386
+ w.Content = Ee;
387
+ w.Footer = Oe;
388
+ const qe = ({
384
389
  children: e,
385
390
  ...n
386
391
  }) => /* @__PURE__ */ t("div", { className: "p-form__nested-group", ...n, children: e });
387
- const Re = ({
392
+ const Pe = ({
388
393
  currentPage: e,
389
394
  error: n,
390
395
  disabled: o,
391
396
  onInputBlur: a,
392
397
  onInputChange: r,
393
398
  onNextClick: s,
394
- onPreviousClick: p,
399
+ onPreviousClick: u,
395
400
  totalPages: i
396
401
  }) => /* @__PURE__ */ t("nav", { "aria-label": "pagination", className: "p-pagination", children: /* @__PURE__ */ N("span", { className: "p-pagination--items", children: [
397
402
  /* @__PURE__ */ t(
@@ -400,7 +405,7 @@ const Re = ({
400
405
  "aria-label": "Previous page",
401
406
  className: "p-pagination__link--previous",
402
407
  disabled: e === 1 || o,
403
- onClick: p,
408
+ onClick: u,
404
409
  type: "button",
405
410
  children: /* @__PURE__ */ t(k, { name: "chevron-down" })
406
411
  }
@@ -408,7 +413,7 @@ const Re = ({
408
413
  /* @__PURE__ */ t("strong", { children: "Page " }),
409
414
  " ",
410
415
  /* @__PURE__ */ t(
411
- X,
416
+ Y,
412
417
  {
413
418
  "aria-label": "page number",
414
419
  className: "p-pagination__input",
@@ -438,25 +443,25 @@ const Re = ({
438
443
  children: /* @__PURE__ */ t(k, { name: "chevron-up" })
439
444
  }
440
445
  )
441
- ] }) }), qe = ({
446
+ ] }) }), We = ({
442
447
  currentPage: e,
443
448
  disabled: n,
444
449
  paginate: o,
445
450
  totalPages: a
446
451
  }) => {
447
- const [r, s] = $(e), [p, i] = $("");
452
+ const [r, s] = S(e), [u, i] = S("");
448
453
  return /* @__PURE__ */ t(
449
- Re,
454
+ Pe,
450
455
  {
451
456
  currentPage: r,
452
- error: p,
457
+ error: u,
453
458
  disabled: n,
454
459
  onInputBlur: () => {
455
460
  s(e), i("");
456
461
  },
457
462
  onInputChange: (g) => {
458
- const { value: S, valueAsNumber: v } = g.target;
459
- S ? (s(v), v > a || v < 1 ? i(`${v} is not a valid page number.`) : (i(""), o(v))) : i("Enter a page number.");
463
+ const { value: $, valueAsNumber: v } = g.target;
464
+ $ ? (s(v), v > a || v < 1 ? i(`${v} is not a valid page number.`) : (i(""), o(v))) : i("Enter a page number.");
460
465
  },
461
466
  onNextClick: () => {
462
467
  s((g) => Number(g) + 1), o(Number(e) + 1);
@@ -469,18 +474,18 @@ const Re = ({
469
474
  );
470
475
  };
471
476
  export {
472
- I as ContentSection,
473
- Ge as ExternalLink,
474
- L as FormSection,
475
- R as InputGroup,
477
+ w as ContentSection,
478
+ He as ExternalLink,
479
+ I as FormSection,
480
+ E as InputGroup,
476
481
  j as MainToolbar,
477
- ne as Meter,
482
+ te as Meter,
478
483
  c as Navigation,
479
- Se as NavigationBar,
480
- ze as NestedFormGroup,
481
- Re as Pagination,
482
- qe as PaginationContainer,
483
- Ae as defaultFilledColors,
484
+ $e as NavigationBar,
485
+ qe as NestedFormGroup,
486
+ Pe as Pagination,
487
+ We as PaginationContainer,
488
+ ze as defaultFilledColors,
484
489
  _ as meterColor,
485
490
  b as testIds
486
491
  };
package/dist/@canonical/maas-react-components.umd.js CHANGED
@@ -1,11 +1,11 @@
1
- (function(i,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react/jsx-runtime"),require("react"),require("@canonical/react-components")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","@canonical/react-components"],n):(i=typeof globalThis<"u"?globalThis:i||self,n(i["@canonical/maas-react-components"]={},i["react/jsx-runtime"],i.React,i["@canonical/react-components"]))})(this,function(i,n,m,u){"use strict";function A(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,a.get?a:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const v=A(m);function z(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var $={exports:{}};/*!
1
+ (function(i,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react/jsx-runtime"),require("react"),require("@canonical/react-components")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","@canonical/react-components"],n):(i=typeof globalThis<"u"?globalThis:i||self,n(i["@canonical/maas-react-components"]={},i["react/jsx-runtime"],i.React,i["@canonical/react-components"]))})(this,function(i,n,v,g){"use strict";function A(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,a.get?a:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const m=A(v);function z(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var T={exports:{}};/*!
2
2
  Copyright (c) 2018 Jed Watson.
3
3
  Licensed under the MIT License (MIT), see
4
4
  http://jedwatson.github.io/classnames
5
- */(function(e){(function(){var t={}.hasOwnProperty;function o(){for(var a=[],r=0;r<arguments.length;r++){var s=arguments[r];if(s){var g=typeof s;if(g==="string"||g==="number")a.push(s);else if(Array.isArray(s)){if(s.length){var l=o.apply(null,s);l&&a.push(l)}}else if(g==="object"){if(s.toString!==Object.prototype.toString&&!s.toString.toString().includes("[native code]")){a.push(s.toString());continue}for(var p in s)t.call(s,p)&&s[p]&&a.push(p)}}}return a.join(" ")}e.exports?(o.default=o,e.exports=o):window.classNames=o})()})($);var q=$.exports;const c=z(q),Le="",N={caution:"#F99B11",light:"#F7F7F7",linkFaded:"#D3E4ED",link:"#0066CC",negative:"#C7162B",positiveFaded:"#B7CCB9",positiveMid:"#4DAB4D",positive:"#0E8420"},H=[N.link,N.positive,N.negative,N.caution],W=N.linkFaded,B=N.caution,y=N.light,x=2,M=1,D=(e,t)=>{var r,s;const o=((s=(r=e==null?void 0:e.current)==null?void 0:r.getBoundingClientRect())==null?void 0:s.width)||0;return o>t*x?o/t:x},h={bar:"meter-bar",container:"meter-container",filled:"meter-filled",label:"meter-label",meteroverflow:"meter-overflow",segments:"meter-segments"},O=({className:e,children:t,data:o,max:a,variant:r="regular",size:s="regular",...g})=>{const l=m.useRef(null),p=o==null?void 0:o.reduce((f,Ie)=>f+Ie.value,0),_=a||p,C=o.map(f=>f.value/_*100),[k,b]=m.useState(0);m.useEffect(()=>{b(r==="segmented"?D(l,_):0)},[_,r]);const T=m.useCallback(()=>{b(D(l,_))},[l,_,b]);return u.useListener(window,T,"resize",!0,r==="segmented"),n.jsxs("div",{className:c("p-meter",e,{"p-meter--small":s==="small"}),"aria-label":g==null?void 0:g["aria-label"],"data-testid":h.container,ref:l,children:[n.jsx(J,{children:n.jsx(K,{data:o,datumWidths:C,maximum:_,overColor:B,segmentWidth:k,separatorColor:y})}),t]})},J=({children:e})=>n.jsx("div",{className:"p-meter__bar","data-testid":h.bar,style:{backgroundColor:W},children:e}),K=({data:e,datumWidths:t,maximum:o,segmentWidth:a})=>{const r=()=>(e==null?void 0:e.reduce((l,p)=>l+p.value,0))>o,s=(l,p)=>({backgroundColor:l.color,left:`${t==null?void 0:t.reduce((_,C,k)=>p>k?_+C:_,0)}%`,width:`${t[p]}%`}),g=()=>({background:`repeating-linear-gradient(
5
+ */(function(e){(function(){var t={}.hasOwnProperty;function o(){for(var a=[],r=0;r<arguments.length;r++){var s=arguments[r];if(s){var p=typeof s;if(p==="string"||p==="number")a.push(s);else if(Array.isArray(s)){if(s.length){var l=o.apply(null,s);l&&a.push(l)}}else if(p==="object"){if(s.toString!==Object.prototype.toString&&!s.toString.toString().includes("[native code]")){a.push(s.toString());continue}for(var u in s)t.call(s,u)&&s[u]&&a.push(u)}}}return a.join(" ")}e.exports?(o.default=o,e.exports=o):window.classNames=o})()})(T);var q=T.exports;const c=z(q),Le="",N={caution:"#F99B11",light:"#F7F7F7",linkFaded:"#D3E4ED",link:"#0066CC",negative:"#C7162B",positiveFaded:"#B7CCB9",positiveMid:"#4DAB4D",positive:"#0E8420"},H=[N.link,N.positive,N.negative,N.caution],W=N.linkFaded,B=N.caution,w=N.light,x=2,M=1,D=(e,t)=>{var r,s;const o=((s=(r=e==null?void 0:e.current)==null?void 0:r.getBoundingClientRect())==null?void 0:s.width)||0;return o>t*x?o/t:x},h={bar:"meter-bar",container:"meter-container",filled:"meter-filled",label:"meter-label",meteroverflow:"meter-overflow",segments:"meter-segments"},O=({className:e,children:t,data:o,max:a,variant:r="regular",size:s="regular",...p})=>{const l=v.useRef(null),u=o==null?void 0:o.reduce((f,$e)=>f+$e.value,0),_=a||u,k=o.map(f=>f.value/_*100),[S,b]=v.useState(0);v.useEffect(()=>{b(r==="segmented"?D(l,_):0)},[_,r]);const L=v.useCallback(()=>{b(D(l,_))},[l,_,b]);return g.useListener(window,L,"resize",!0,r==="segmented"),n.jsxs("div",{className:c("p-meter",e,{"p-meter--small":s==="small"}),"aria-label":p==null?void 0:p["aria-label"],"data-testid":h.container,ref:l,children:[n.jsx(J,{children:n.jsx(K,{data:o,datumWidths:k,maximum:_,overColor:B,segmentWidth:S,separatorColor:w})}),t]})},J=({children:e})=>n.jsx("div",{className:"p-meter__bar","data-testid":h.bar,style:{backgroundColor:W},children:e}),K=({data:e,datumWidths:t,maximum:o,segmentWidth:a})=>{const r=()=>(e==null?void 0:e.reduce((l,u)=>l+u.value,0))>o,s=(l,u)=>({backgroundColor:l.color,left:`${t==null?void 0:t.reduce((_,k,S)=>u>S?_+k:_,0)}%`,width:`${t[u]}%`}),p=()=>({background:`repeating-linear-gradient(
6
6
  to right,
7
7
  transparent 0,
8
8
  transparent ${a-M}px,
9
- ${y} ${a-M}px,
10
- ${y} ${a}px
11
- )`});return n.jsxs(n.Fragment,{children:[r()?n.jsx("div",{className:"p-meter__filled","data-testid":h.meteroverflow,style:{backgroundColor:B,width:"100%"}}):e==null?void 0:e.map((l,p)=>n.jsx("div",{className:"p-meter__filled","data-testid":h.filled,style:s(l,p)},`meter-${p}`)),a>0&&n.jsx("div",{className:"p-meter__separators","data-testid":h.segments,style:g()})]})},Q=({className:e,children:t})=>n.jsx("div",{className:c("p-meter__label",e),"data-testid":h.label,children:t});O.Label=Q;const U=({children:e,to:t,...o})=>n.jsx(u.Link,{...o,href:t,rel:"noreferrer noopener",target:"_blank",children:e}),V=({children:e})=>n.jsx(n.Fragment,{children:e}),X=({isCollapsed:e,setIsCollapsed:t,className:o})=>n.jsx(u.Tooltip,{className:"p-side-navigation__tooltip-wrapper",message:n.jsxs(n.Fragment,{children:[e?"expand":"collapse","( ",n.jsx("code",{children:"["})," )"]}),position:"right",tooltipClassName:"p-side-navigation__tooltip",children:n.jsx(u.Button,{appearance:"base","aria-label":`${e?"expand":"collapse"} main navigation`,className:c("is-dense has-icon is-dark u-no-margin l-navigation-collapse-toggle",o),onClick:a=>{t(!e),a.stopPropagation(),a.currentTarget.blur()},children:n.jsx(u.Icon,{light:!0,name:"sidebar-toggle"})})}),Y=({children:e})=>n.jsx("div",{className:"p-panel__content",children:n.jsx("nav",{className:"p-side-navigation--icons is-dark",children:e})}),Z=({children:e})=>n.jsx("div",{className:"p-panel__controls u-no-margin--top",children:e}),R=({children:e})=>n.jsx("div",{className:"l-navigation__drawer",children:n.jsx("div",{className:"p-panel is-dark",children:e})}),ee=({children:e})=>n.jsx("div",{className:"p-panel__footer",children:e}),ne=({children:e})=>n.jsx("div",{className:"p-panel__header",children:e}),te=({light:e=!0,name:t})=>n.jsx(u.Icon,{className:"p-side-navigation__icon",light:e,name:t}),oe=({children:e,className:t,hasActiveChild:o})=>n.jsx("li",{className:c("p-side-navigation__item",t,{"has-active-child":o}),children:e}),ae=({children:e,id:t,variant:o="base"})=>n.jsx("span",{className:c("p-side-navigation__label",{"p-side-navigation__label--group":o==="group"}),id:t,children:e}),re=({as:e,...t})=>{const o=e||"a";return n.jsx(o,{className:c("p-side-navigation__link",t.className),...t})},se=({children:e,className:t})=>n.jsx("ul",{className:c("p-side-navigation__list",t),children:e}),ie=({as:e,children:t,className:o,...a})=>{const r=e||"a";return n.jsx(r,{className:c("p-panel__logo",o),...a,children:n.jsx("div",{className:"p-navigation__tagged-logo",children:t})})},le=({children:e})=>m.cloneElement(e,{className:"p-panel__logo-icon p-navigation__logo-icon"}),ce=({children:e,variant:t="base"})=>n.jsx("div",{className:c("p-panel__logo-name is-fading-when-collapsed",{"p-panel__logo-name--small":t==="small"}),children:e}),de=({children:e})=>n.jsx("div",{className:"p-navigation__logo-tag",children:e}),pe=({children:e})=>n.jsx("span",{className:"p-panel__logo-text",children:e}),ue=({children:e,className:t,onClick:o})=>n.jsx(u.Button,{appearance:"base",className:c("p-side-navigation__button--menu has-icon is-dark",t),onClick:a=>{o&&o(a),a.stopPropagation(),a.currentTarget.blur()},children:e}),ge=({children:e})=>n.jsx("span",{className:"p-side-navigation__text",children:e}),Te="",d=({children:e,className:t,isCollapsed:o})=>n.jsx("header",{"aria-label":"main navigation",className:c("l-navigation is-maas",t,{"is-collapsed":o,"is-pinned":!o}),children:e}),E=({children:e,className:t})=>n.jsx("header",{"aria-label":"navigation",className:"l-navigation-bar",children:n.jsx("div",{className:c("p-panel is-dark",t),children:e})});d.Header=ne,d.Banner=V,d.Drawer=R,d.Controls=Z,d.CollapseToggle=X,d.Content=Y,d.Footer=ee,d.List=se,d.Item=oe,d.Link=re,d.Text=ge,d.Icon=te,d.Label=ae,d.Logo=ie,d.LogoTag=de,d.LogoIcon=le,d.LogoName=ce,d.LogoText=pe,E.MenuButton=ue;const $e="",w=m.createContext(null),I=({children:e})=>{const t=m.useId();return n.jsx(w.Provider,{value:t,children:n.jsx("div",{role:"group","aria-labelledby":`${t}_label`,"aria-describedby":`${t}_description`,className:"p-input-group",children:e})})},me=({children:e})=>{const t=m.useContext(w);return n.jsx("label",{id:`${t}_label`,children:e})},ve=({children:e})=>{const t=m.useContext(w);return n.jsx("p",{className:"p-form-help-text",id:`${t}_description`,children:e})};I.Label=me,I.Description=ve;const Be="",S=({children:e})=>n.jsx("div",{className:"p-form-section",children:e}),_e=({children:e})=>n.jsx("h5",{className:"p-form-section__title u-no-padding--top",children:e}),be=({children:e})=>n.jsx("p",{className:"p-form-help-text",children:e}),fe=({children:e})=>n.jsx("div",{className:"p-form-section__content",children:e});S.Title=_e,S.Description=be,S.Content=fe;const xe="";function Ne(e){const[t,o]=v.useState(null),a=v.useRef(null),r=v.useCallback(()=>{if(e.current){const s=e.current.getBoundingClientRect();o(s)}},[e]);return v.useEffect(()=>{const s=new ResizeObserver(()=>{a.current&&cancelAnimationFrame(a.current),a.current=requestAnimationFrame(r)});return e.current&&s.observe(e.current),()=>{a.current&&cancelAnimationFrame(a.current),s.disconnect()}},[e,r]),t}const P=v.createContext(null),j=v.createContext([!1,()=>{}]),L=({children:e})=>{const t=v.useRef(null),o=Ne(t),[a,r]=v.useState(!1);return n.jsx("header",{className:c("main-toolbar",{"main-toolbar--stacked":a}),ref:t,children:n.jsx(P.Provider,{value:o,children:n.jsx(j.Provider,{value:[a,r],children:e})})})},he=({as:e,children:t,className:o,...a})=>{const r=e||"h1";return n.jsx(r,{className:c("main-toolbar__title p-heading--4",o),"data-testid":"main-toolbar-heading",...a,children:t})},Ce=({children:e})=>{const t=v.useContext(P),[o,a]=v.useContext(j),r=v.useRef(null);return v.useEffect(()=>{!r.current||!t||a(r.current.getBoundingClientRect().width>t.width)},[a,t,r]),n.jsxs(n.Fragment,{children:[n.jsx("div",{"aria-hidden":"true",className:"main-toolbar__controls main-toolbar__controls--observer",ref:r,style:{visibility:"hidden",position:"absolute"},children:e}),n.jsx("div",{className:c("main-toolbar__controls",{"main-toolbar__controls--stacked":o}),children:e})]})};L.Title=he,L.Controls=Ce;const Me="",F=({children:e,className:t,as:o,...a})=>{const r=o||"section";return n.jsx(r,{...a,className:c("content-section",t),children:n.jsx(u.Col,{size:12,children:e})})},ke=({children:e,className:t,as:o,...a})=>{const r=o||"h1";return n.jsx(r,{...a,className:c("content-section__title p-heading--4",t),children:e})},Se=({children:e,className:t})=>n.jsx("div",{className:c("content-section__body",t),children:e}),Fe=({children:e,className:t})=>n.jsx("div",{className:c("content-section__footer",t),children:e});F.Title=ke,F.Content=Se,F.Footer=Fe;const De="",ye=({children:e,...t})=>n.jsx("div",{className:"p-form__nested-group",...t,children:e}),Oe="",G=({currentPage:e,error:t,disabled:o,onInputBlur:a,onInputChange:r,onNextClick:s,onPreviousClick:g,totalPages:l})=>n.jsx("nav",{"aria-label":"pagination",className:"p-pagination",children:n.jsxs("span",{className:"p-pagination--items",children:[n.jsx(u.Button,{"aria-label":"Previous page",className:"p-pagination__link--previous",disabled:e===1||o,onClick:g,type:"button",children:n.jsx(u.Icon,{name:"chevron-down"})}),n.jsx("strong",{children:"Page "})," ",n.jsx(u.Input,{"aria-label":"page number",className:"p-pagination__input",disabled:o,error:t,min:1,onBlur:a,onChange:r,required:!0,type:"number",value:e})," ",n.jsxs("strong",{className:"u-no-wrap",children:[" of ",l]}),n.jsx(u.Button,{"aria-label":"Next page",className:"p-pagination__link--next",disabled:e===l||o,onClick:s,type:"button",children:n.jsx(u.Icon,{name:"chevron-up"})})]})}),we=({currentPage:e,disabled:t,paginate:o,totalPages:a})=>{const[r,s]=m.useState(e),[g,l]=m.useState(""),p=()=>{s(e),l("")},_=b=>{const{value:T,valueAsNumber:f}=b.target;T?(s(f),f>a||f<1?l(`${f} is not a valid page number.`):(l(""),o(f))):l("Enter a page number.")},C=()=>{s(b=>Number(b)-1),o(Number(e)-1)},k=()=>{s(b=>Number(b)+1),o(Number(e)+1)};return n.jsx(G,{currentPage:r,error:g,disabled:t,onInputBlur:p,onInputChange:_,onNextClick:k,onPreviousClick:C,totalPages:a})};i.ContentSection=F,i.ExternalLink=U,i.FormSection=S,i.InputGroup=I,i.MainToolbar=L,i.Meter=O,i.Navigation=d,i.NavigationBar=E,i.NestedFormGroup=ye,i.Pagination=G,i.PaginationContainer=we,i.defaultFilledColors=H,i.meterColor=N,i.testIds=h,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});
9
+ ${w} ${a-M}px,
10
+ ${w} ${a}px
11
+ )`});return n.jsxs(n.Fragment,{children:[r()?n.jsx("div",{className:"p-meter__filled","data-testid":h.meteroverflow,style:{backgroundColor:B,width:"100%"}}):e==null?void 0:e.map((l,u)=>n.jsx("div",{className:"p-meter__filled","data-testid":h.filled,style:s(l,u)},`meter-${u}`)),a>0&&n.jsx("div",{className:"p-meter__separators","data-testid":h.segments,style:p()})]})},Q=({className:e,children:t})=>n.jsx("div",{className:c("p-meter__label",e),"data-testid":h.label,children:t});O.Label=Q;const U=({children:e,to:t,...o})=>n.jsx(g.Link,{...o,href:t,rel:"noreferrer noopener",target:"_blank",children:e}),V=({children:e})=>n.jsx(n.Fragment,{children:e}),X=({isCollapsed:e,setIsCollapsed:t,className:o})=>n.jsx(g.Tooltip,{className:"p-side-navigation__tooltip-wrapper",message:n.jsxs(n.Fragment,{children:[e?"expand":"collapse","( ",n.jsx("code",{children:"["})," )"]}),position:"right",tooltipClassName:"p-side-navigation__tooltip",children:n.jsx(g.Button,{appearance:"base","aria-label":`${e?"expand":"collapse"} main navigation`,className:c("is-dense has-icon is-dark u-no-margin l-navigation-collapse-toggle",o),onClick:a=>{t(!e),a.stopPropagation(),a.currentTarget.blur()},children:n.jsx(g.Icon,{light:!0,name:"sidebar-toggle"})})}),Y=({children:e})=>n.jsx("div",{className:"p-panel__content",children:n.jsx("nav",{className:"p-side-navigation--icons is-dark",children:e})}),Z=({children:e})=>n.jsx("div",{className:"p-panel__controls u-no-margin--top",children:e}),R=({children:e})=>n.jsx("div",{className:"l-navigation__drawer",children:n.jsx("div",{className:"p-panel is-dark",children:e})}),ee=({children:e})=>n.jsx("div",{className:"p-panel__footer",children:e}),ne=({children:e})=>n.jsx("div",{className:"p-panel__header",children:e}),te=({light:e=!0,name:t})=>n.jsx(g.Icon,{className:"p-side-navigation__icon",light:e,name:t}),oe=({children:e,className:t,hasActiveChild:o})=>n.jsx("li",{className:c("p-side-navigation__item",t,{"has-active-child":o}),children:e}),ae=({children:e,id:t,variant:o="base"})=>n.jsx("span",{className:c("p-side-navigation__label",{"p-side-navigation__label--group":o==="group"}),id:t,children:e}),re=({as:e,...t})=>{const o=e||"a";return n.jsx(o,{className:c("p-side-navigation__link",t.className),...t})},se=({children:e,className:t})=>n.jsx("ul",{className:c("p-side-navigation__list",t),children:e}),ie=({as:e,children:t,className:o,...a})=>{const r=e||"a";return n.jsx(r,{className:c("p-panel__logo",o),...a,children:n.jsx("div",{className:"p-navigation__tagged-logo",children:t})})},le=({children:e})=>v.cloneElement(e,{className:"p-panel__logo-icon p-navigation__logo-icon"}),ce=({children:e,variant:t="base"})=>n.jsx("div",{className:c("p-panel__logo-name is-fading-when-collapsed",{"p-panel__logo-name--small":t==="small"}),children:e}),de=({children:e})=>n.jsx("div",{className:"p-navigation__logo-tag",children:e}),pe=({children:e})=>n.jsx("span",{className:"p-panel__logo-text",children:e}),ue=({children:e,className:t,onClick:o})=>n.jsx(g.Button,{appearance:"base",className:c("p-side-navigation__button--menu has-icon is-dark",t),onClick:a=>{o&&o(a),a.stopPropagation(),a.currentTarget.blur()},children:e}),ge=({children:e})=>n.jsx("span",{className:"p-side-navigation__text",children:e}),Te="",d=({children:e,className:t,isCollapsed:o})=>n.jsx("header",{"aria-label":"main navigation",className:c("l-navigation is-maas",t,{"is-collapsed":o,"is-pinned":!o}),children:e}),E=({children:e,className:t})=>n.jsx("header",{"aria-label":"navigation",className:"l-navigation-bar",children:n.jsx("div",{className:c("p-panel is-dark",t),children:e})});d.Header=ne,d.Banner=V,d.Drawer=R,d.Controls=Z,d.CollapseToggle=X,d.Content=Y,d.Footer=ee,d.List=se,d.Item=oe,d.Link=re,d.Text=ge,d.Icon=te,d.Label=ae,d.Logo=ie,d.LogoTag=de,d.LogoIcon=le,d.LogoName=ce,d.LogoText=pe,E.MenuButton=ue;const Be="",y=v.createContext(null),I=({children:e})=>{const t=v.useId();return n.jsx(y.Provider,{value:t,children:n.jsx("div",{role:"group","aria-labelledby":`${t}_label`,"aria-describedby":`${t}_description`,className:"p-input-group",children:e})})},ve=({children:e})=>{const t=v.useContext(y);return n.jsx("label",{id:`${t}_label`,children:e})},me=({children:e})=>{const t=v.useContext(y);return n.jsx("p",{className:"p-form-help-text",id:`${t}_description`,children:e})};I.Label=ve,I.Description=me;const xe="",F=({children:e})=>n.jsx("div",{className:"p-form-section",children:e}),_e=({children:e})=>n.jsx("h5",{className:"p-form-section__title u-no-padding--top",children:e}),be=({children:e})=>n.jsx("p",{className:"p-form-help-text",children:e}),fe=({children:e})=>n.jsx("div",{className:"p-form-section__content",children:e});F.Title=_e,F.Description=be,F.Content=fe;const Me="";function Ne(e){const[t,o]=m.useState(null),a=m.useRef(null),r=m.useCallback(()=>{if(e.current){const s=e.current.getBoundingClientRect();o(s)}},[e]);return m.useEffect(()=>{const s=new ResizeObserver(()=>{a.current&&cancelAnimationFrame(a.current),a.current=requestAnimationFrame(r)});return e.current&&s.observe(e.current),()=>{a.current&&cancelAnimationFrame(a.current),s.disconnect()}},[e,r]),t}const P=m.createContext(null),j=m.createContext([!1,()=>{}]),$=({children:e})=>{const t=m.useRef(null),o=Ne(t),[a,r]=m.useState(!1);return n.jsx("header",{className:c("main-toolbar",{"main-toolbar--stacked":a}),ref:t,children:n.jsx(P.Provider,{value:o,children:n.jsx(j.Provider,{value:[a,r],children:e})})})},he=({as:e,children:t,className:o,...a})=>{const r=e||"h1";return n.jsx(r,{className:c("main-toolbar__title p-heading--4",o),"data-testid":"main-toolbar-heading",...a,children:t})},Ce=({children:e})=>{const t=m.useContext(P),[o,a]=m.useContext(j),r=m.useRef(null);return m.useEffect(()=>{!r.current||!t||a(r.current.getBoundingClientRect().width>t.width)},[a,t,r]),n.jsxs(n.Fragment,{children:[n.jsx("div",{"aria-hidden":"true",className:"main-toolbar__controls main-toolbar__controls--observer",ref:r,style:{visibility:"hidden",position:"absolute"},children:e}),n.jsx("div",{className:c("main-toolbar__controls",{"main-toolbar__controls--stacked":o}),children:e})]})};$.Title=he,$.Controls=Ce;const De="",C=({children:e,className:t,as:o,variant:a="wide",...r})=>{const s=o||"section",p=c("content-section",t);return n.jsx(s,{...r,className:p,children:n.jsx(g.Row,{children:n.jsx(g.Col,{size:a==="narrow"?6:12,children:e})})})},ke=({children:e,className:t,as:o,...a})=>{const r=o||"h1";return n.jsx(r,{...a,className:c("content-section__title p-heading--4",t),children:e})},Se=({children:e,className:t})=>n.jsx("div",{className:c("content-section__header",t),children:e}),Fe=({children:e,className:t})=>n.jsx("div",{className:c("content-section__body",t),children:e}),we=({children:e,className:t})=>n.jsx("div",{className:c("content-section__footer",t),children:e});C.Title=ke,C.Header=Se,C.Content=Fe,C.Footer=we;const Oe="",ye=({children:e,...t})=>n.jsx("div",{className:"p-form__nested-group",...t,children:e}),Ee="",G=({currentPage:e,error:t,disabled:o,onInputBlur:a,onInputChange:r,onNextClick:s,onPreviousClick:p,totalPages:l})=>n.jsx("nav",{"aria-label":"pagination",className:"p-pagination",children:n.jsxs("span",{className:"p-pagination--items",children:[n.jsx(g.Button,{"aria-label":"Previous page",className:"p-pagination__link--previous",disabled:e===1||o,onClick:p,type:"button",children:n.jsx(g.Icon,{name:"chevron-down"})}),n.jsx("strong",{children:"Page "})," ",n.jsx(g.Input,{"aria-label":"page number",className:"p-pagination__input",disabled:o,error:t,min:1,onBlur:a,onChange:r,required:!0,type:"number",value:e})," ",n.jsxs("strong",{className:"u-no-wrap",children:[" of ",l]}),n.jsx(g.Button,{"aria-label":"Next page",className:"p-pagination__link--next",disabled:e===l||o,onClick:s,type:"button",children:n.jsx(g.Icon,{name:"chevron-up"})})]})}),Ie=({currentPage:e,disabled:t,paginate:o,totalPages:a})=>{const[r,s]=v.useState(e),[p,l]=v.useState(""),u=()=>{s(e),l("")},_=b=>{const{value:L,valueAsNumber:f}=b.target;L?(s(f),f>a||f<1?l(`${f} is not a valid page number.`):(l(""),o(f))):l("Enter a page number.")},k=()=>{s(b=>Number(b)-1),o(Number(e)-1)},S=()=>{s(b=>Number(b)+1),o(Number(e)+1)};return n.jsx(G,{currentPage:r,error:p,disabled:t,onInputBlur:u,onInputChange:_,onNextClick:S,onPreviousClick:k,totalPages:a})};i.ContentSection=C,i.ExternalLink=U,i.FormSection=F,i.InputGroup=I,i.MainToolbar=$,i.Meter=O,i.Navigation=d,i.NavigationBar=E,i.NestedFormGroup=ye,i.Pagination=G,i.PaginationContainer=Ie,i.defaultFilledColors=H,i.meterColor=N,i.testIds=h,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});
package/dist/src/lib/sections/ContentSection/ContentSection.d.ts CHANGED
@@ -16,8 +16,11 @@ export interface ContentSectionProps extends CommonContentSectionProps, React.HT
16
16
  * `ContentSection.Footer` is made sticky by default.
17
17
  */
18
18
  export declare const ContentSection: {
19
- ({ children, className, as, ...props }: ContentSectionProps): import("react/jsx-runtime").JSX.Element;
19
+ ({ children, className, as, variant, ...props }: ContentSectionProps & {
20
+ variant?: "narrow" | "wide" | undefined;
21
+ }): import("react/jsx-runtime").JSX.Element;
20
22
  Title: ({ children, className, as, ...props }: ContentSectionProps) => import("react/jsx-runtime").JSX.Element;
23
+ Header: ({ children, className }: CommonContentSectionProps) => import("react/jsx-runtime").JSX.Element;
21
24
  Content: ({ children, className }: CommonContentSectionProps) => import("react/jsx-runtime").JSX.Element;
22
25
  Footer: ({ children, className }: CommonContentSectionProps) => import("react/jsx-runtime").JSX.Element;
23
26
  };
package/dist/src/lib/sections/ContentSection/ContentSection.stories.d.ts CHANGED
@@ -8,6 +8,12 @@ export declare const Example: {
8
8
  };
9
9
  };
10
10
  export declare const WithForm: {
11
+ args: {
12
+ children: import("react/jsx-runtime").JSX.Element;
13
+ variant: string;
14
+ };
15
+ };
16
+ export declare const WithToolbar: {
11
17
  args: {
12
18
  children: import("react/jsx-runtime").JSX.Element;
13
19
  };
package/dist/src/lib/sections/Navigation/Navigation.stories.d.ts CHANGED
@@ -7,3 +7,8 @@ export declare const Example: {
7
7
  isCollapsed: boolean;
8
8
  };
9
9
  };
10
+ export declare const Layout: {
11
+ args: {
12
+ children: import("react/jsx-runtime").JSX.Element;
13
+ };
14
+ };
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .p-meter{margin-bottom:.75rem;padding-top:.375rem}.p-meter__bar{border-radius:.875rem;height:.875rem;overflow:hidden;position:relative;width:100%;border:1px solid #999}.p-meter__label{display:flex;justify-content:space-between;margin-bottom:-.125rem;padding-top:.25rem}.p-meter__filled{height:100%;position:absolute;width:0%}.p-meter__separators{height:100%;position:absolute;width:100%;z-index:1}.p-meter--small{margin-bottom:.875rem;padding-top:.375rem}.p-meter--small .p-meter__bar{border-radius:.75rem;height:.75rem;margin-bottom:.375rem}.p-meter--small .p-meter__label{margin-bottom:0;padding-top:0}hr.is-fixed-width{margin-left:auto;margin-right:auto;max-width:78rem;width:calc(100% - 2rem)}@media (min-width: 620px){hr.is-fixed-width{max-width:77rem;width:calc(100% - 3rem)}}.row hr.is-fixed-width,.u-fixed-width hr.is-fixed-width{width:100%}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}h4.is-accent,h3.is-accent,h2.is-accent,h1.is-accent{color:#0f95a1}h2,h1{font-size:2rem;font-style:normal;font-weight:180;line-height:2.5rem;margin-bottom:.95rem;margin-top:0;max-width:40em;padding-top:.55rem}@media (min-width: 1036px){h2,h1{font-size:2.5rem;line-height:3rem;margin-bottom:.95rem;padding-top:.55rem}}h1{font-weight:550}h3{font-size:1.5rem;font-style:normal;font-weight:550;line-height:2rem;margin-bottom:1.05rem;margin-top:0;max-width:40em;padding-top:.45rem}@media (min-width: 1036px){h3{font-size:1.5rem;line-height:2rem;margin-bottom:1.05rem;padding-top:.45rem}}h4{font-size:1.5rem;font-style:normal;font-weight:275;line-height:2rem;margin-bottom:1.05rem;margin-top:0;max-width:40em;padding-top:.45rem}@media (min-width: 1036px){h4{font-size:1.5rem;line-height:2rem;margin-bottom:1.05rem;padding-top:.45rem}}@media (min-width: 1681px){h4{margin-bottom:1.05rem;padding-top:.45rem}}h5{font-size:1rem;font-style:normal;font-weight:550;line-height:1.5rem;margin-bottom:1.1rem;margin-top:0;max-width:40em;padding-top:.4rem}h6{font-size:1rem;font-style:italic;font-weight:400;line-height:1.5rem;margin-bottom:1.1rem;margin-top:0;max-width:40em;padding-top:.4rem}@media (min-width: 1681px){h6{padding-top:.4rem}}summary,p,dt,dd,cite,.p-text--default,.p-text--small-caps,.p-text--x-small-capitalised{line-height:1.5rem;margin-top:0;padding-top:.4rem}dt,dd,cite,.p-text--default,.p-text--small-caps,.p-text--x-small-capitalised{font-size:1rem;font-weight:400;margin-bottom:.1rem}p{margin-bottom:1.1rem}p:not([class*=p-heading--]):not([class*=p-muted-heading])+p{margin-top:-.5rem}small,.p-text--small{font-size:.875rem;line-height:1.25rem;margin-bottom:.95rem;padding-top:.05rem}@media (min-width: 1681px){small,.p-text--small{padding-top:.05rem}}.p-text--x-small,.l-navigation .p-side-navigation__label--group,thead th{font-size:.75rem;font-weight:550;line-height:1rem;margin-bottom:.75rem;padding-top:.25rem}@media (min-width: 1681px){.p-text--x-small,.l-navigation .p-side-navigation__label--group,thead th{padding-top:.25rem}}.p-text--small-caps,.p-text--x-small-capitalised{font-variant-caps:all-small-caps;font-variant-numeric:oldstyle-nums;letter-spacing:.05em;margin-bottom:.6rem}.u-align-text--x-small-to-default.p-text--small-caps,.u-align-text--x-small-to-default.p-text--x-small-capitalised{padding-top:.4rem}.l-navigation .p-side-navigation__label--group,thead th{text-transform:uppercase}dt,b,strong{font-weight:550}p:not([class*=p-heading--]):not([class*=p-muted-heading])+h1,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--1{padding-top:2.05rem}@media (min-width: 1036px){p:not([class*=p-heading--]):not([class*=p-muted-heading])+h1,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--1{padding-top:2.05rem}}p:not([class*=p-heading--]):not([class*=p-muted-heading])+h2,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--2{padding-top:2.05rem}@media (min-width: 1036px){p:not([class*=p-heading--]):not([class*=p-muted-heading])+h2,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--2{padding-top:2.05rem}}p:not([class*=p-heading--]):not([class*=p-muted-heading])+h3,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--3{padding-top:1.95rem}@media (min-width: 1036px){p:not([class*=p-heading--]):not([class*=p-muted-heading])+h3,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--3{padding-top:1.95rem}}p:not([class*=p-heading--]):not([class*=p-muted-heading])+h4,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--4{padding-top:1.95rem}@media (min-width: 1036px){p:not([class*=p-heading--]):not([class*=p-muted-heading])+h4,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--4{padding-top:1.95rem}}p:not([class*=p-heading--]):not([class*=p-muted-heading])+h5,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--5,p:not([class*=p-heading--]):not([class*=p-muted-heading])+h6,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--6{padding-top:1.9rem}p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-muted-heading{padding-top:1.55rem}fieldset{border:1.5px solid #d9d9d9}fieldset{background-color:#fff;color:#000}fieldset{overflow:auto;padding:1rem}fieldset{margin-bottom:1.5rem;overflow:auto;padding:1rem}td,th{padding-bottom:.5rem;padding-top:calc(.5rem - 1px)}hr{border:0;height:1px;margin-top:0;position:relative;width:100%}.p-panel__header .p-icon--sidebar-toggle,.p-icon--submit-bug,.p-icon--profile,.p-icon--units,.p-icon--tag,.p-icon--settings,.p-icon--connected,.p-icon--pods,.p-icon--machines{overflow:hidden;text-indent:110vw;white-space:nowrap}h2.u-no-margin--bottom,h1.u-no-margin--bottom{margin-bottom:-.55rem!important}@media (min-width: 1036px){h2.u-no-margin--bottom,h1.u-no-margin--bottom{margin-bottom:-.55rem!important}}h3.u-no-margin--bottom{margin-bottom:.05rem!important}@media (min-width: 1036px){h3.u-no-margin--bottom{margin-bottom:-.45rem!important}}h4.u-no-margin--bottom{margin-bottom:.05rem!important}@media (min-width: 1036px){h4.u-no-margin--bottom{margin-bottom:-.45rem!important}}@media (min-width: 1681px){h4.u-no-margin--bottom{margin-bottom:-.45rem!important}}h5.u-no-margin--bottom,h6.u-no-margin--bottom,p.u-no-margin--bottom,.u-no-margin--bottom.p-text--small-caps,.u-no-margin--bottom.p-text--x-small-capitalised{margin-bottom:.1rem!important}small.u-no-margin--bottom,.u-no-margin--bottom.p-text--small,.u-no-margin--bottom.p-text--x-small,.l-navigation .u-no-margin--bottom.p-side-navigation__label--group,thead th.u-no-margin--bottom{margin-bottom:-.05rem!important}hr.u-no-margin--bottom{margin-bottom:-1px!important;z-index:2}.p-panel__header .p-icon--sidebar-toggle,.p-icon--submit-bug,.p-icon--profile,.p-icon--units,.p-icon--tag,.p-icon--settings,.p-icon--connected,.p-icon--pods,.p-icon--machines{background-size:contain;height:1rem;width:1rem;background-position:center;background-repeat:no-repeat;display:inline-block;font-size:inherit;margin:0;padding:0;position:relative;vertical-align:calc(.5px + .3465em - .5rem)}body{background:#fff}body.is-paper{background:#f3f3f3}@font-face{font-family:Ubuntu variable;font-stretch:100%;font-style:normal;font-weight:100 800;src:url(https://assets.ubuntu.com/v1/f1ea362b-Ubuntu%5Bwdth,wght%5D-latin-v0.896a.woff2) format("woff2-variations")}@font-face{font-family:Ubuntu variable;font-stretch:100%;font-style:italic;font-weight:100 800;src:url(https://assets.ubuntu.com/v1/90b59210-Ubuntu-Italic%5Bwdth,wght%5D-latin-v0.896a.woff2) format("woff2-variations")}@font-face{font-family:Ubuntu Mono variable;font-style:normal;font-weight:100 800;src:url(https://assets.ubuntu.com/v1/d5fc1819-UbuntuMono%5Bwght%5D-latin-v0.869.woff2) format("woff2-variations")}html{color:#000;font-family:Ubuntu variable,Ubuntu,-apple-system,Segoe UI,Roboto,Oxygen,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.5rem;font-size:1rem}@media (min-width: 1681px){html{font-size:1.125rem;line-height:1.6875rem}}p{max-width:40em}small.dense,.p-text--small.dense{margin-bottom:1.2rem}.p-text--small-caps,.p-text--x-small-capitalised{font-weight:550}p:not([class*=p-heading--]):not([class*=p-muted-heading]):empty{line-height:0;margin:0;padding:0}sub,sup{line-height:0;position:relative;vertical-align:baseline}abbr[title]{border-bottom:.1em dotted;cursor:help;text-decoration:none}blockquote{border-left:2px solid #666;margin-bottom:1.5rem;margin-left:0;margin-top:0;overflow:auto;padding-bottom:.5rem;padding-left:1.5rem}blockquote>:last-child{margin-bottom:.1rem}blockquote>cite{display:block;font-style:normal}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}button{background-color:#fff;border-color:#0000008f;color:#000}button:visited{color:#000}button:hover{background-color:#f2f2f2;border-color:#0000008f}button:active,button[aria-pressed=true],button[aria-selected=true],button[aria-expanded=true]{background-color:#ebebeb;border-color:#0000008f;transition-duration:0s}button:disabled:active,button:disabled[aria-pressed=true],button:disabled[aria-selected=true],button:disabled[aria-expanded=true],button:disabled:hover,button.is-disabled:active,button.is-disabled[aria-pressed=true],button.is-disabled[aria-selected=true],button.is-disabled[aria-expanded=true],button.is-disabled:hover{background-color:transparent;border-color:#0000008f}button.is-dense{padding-bottom:calc(.15rem - 1.5px);padding-top:calc(.15rem - 1.5px)}button{transition-duration:.1s;transition-property:background-color,border-color;transition-timing-function:cubic-bezier(.55,.055,.675,.19);border-style:solid;border-width:1.5px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;justify-content:center;line-height:1.5rem;margin:0 1rem 1.2rem 0;padding:calc(.4rem - 1px) 1rem;text-align:center;text-decoration:none}button:focus{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}button:focus-visible{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}button:focus:not(:focus-visible){outline:0;outline-offset:0}button:active,button:focus,button:hover{text-decoration:none}button:disabled,button.is-disabled{cursor:not-allowed;opacity:.33}button:last-child{margin-right:0}button.is-dense{margin-bottom:.1rem}button.is-small{font-size:.875rem;line-height:1.25rem;margin-bottom:.7rem;padding:calc(.05rem - 1.5px) .5rem}button.is-small.is-dense{margin-bottom:.1rem;padding-bottom:calc(.15rem - 1.5px);padding-top:calc(.15rem - 1.5px)}p button{margin-bottom:.6rem;margin-top:-.4rem}p+p>button{margin-top:.1rem}code,kbd,pre,samp{font-family:Ubuntu Mono variable,Ubuntu Mono,Consolas,Monaco,Courier,monospace;font-weight:400;text-align:left}code b,code strong,kbd b,kbd strong,pre b,pre strong,samp b,samp strong{font-weight:550}code,kbd,samp{background-color:#00000008;-webkit-box-decoration-break:slice;box-decoration-break:slice;color:inherit;line-height:1.25rem;padding:calc(.25rem - 1.5px) .25rem}code,pre{direction:ltr;-webkit-hyphens:none;hyphens:none;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-spacing:normal;word-wrap:break-word}pre code{background:none;box-shadow:none;display:inline-block;line-height:1.5rem;margin-left:0;margin-right:0;padding:0}pre{background-color:#00000008;color:#000;display:block;margin-bottom:1.5rem;margin-top:0;overflow:auto;padding:.5rem 1rem;text-align:left;text-shadow:none;white-space:pre}[class*=--dark] code,code.is-dark{background-color:#ffffff4d;color:#fff}details{margin-bottom:1.5rem;overflow:auto}summary{margin-bottom:.4rem;max-width:40em;padding-bottom:.6rem}summary:focus{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}summary:focus-visible{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}summary:focus:not(:focus-visible){outline:0;outline-offset:0}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.1875rem;margin:.5rem 0;padding:0;width:100%}input[type=range]::-webkit-slider-runnable-track{border-radius:.1875rem;height:.1875rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1.5px solid #666;border-radius:50%;box-shadow:0 0 .1875rem 1px #0003;height:1rem;margin-top:-.40625rem;width:1rem}input[type=range]::-webkit-slider-thumb:hover{cursor:pointer}input[type=range]::-moz-range-track{background:#d9d9d9;border-radius:.1875rem;height:.1875rem}input[type=range]::-moz-range-progress{background-color:#06c;border-radius:.1875rem;height:.1875rem}input[type=range]::-moz-range-thumb{background:#fff;border:1.5px solid #666;border-radius:50%;box-shadow:0 0 .1875rem 1px #0003;height:1rem;width:1rem}input[type=range]::-moz-range-thumb:hover{cursor:pointer}input[type=range]::-moz-focus-outer{border:0}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{outline:.1875rem solid #2e96ff}input[type=range]:focus::-moz-range-thumb{outline:.1875rem solid #2e96ff}input[type=range]:disabled{opacity:.5}[type=file],textarea,[type=text],[type=date],[type=datetime],[type=datetime-local],[type=month],[type=time],[type=week],[type=number],[type=search],[type=password],[type=email],[type=url],[type=tel],select{padding-bottom:calc(.4rem - 1px);padding-top:calc(.4rem - 1px)}textarea,[type=text],[type=date],[type=datetime],[type=datetime-local],[type=month],[type=time],[type=week],[type=number],[type=search],[type=password],[type=email],[type=url],[type=tel],select{transition-duration:.165s;transition-property:background-color;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;border:0 solid transparent;border-bottom:1.5px solid #000;border-radius:0;font-family:Ubuntu variable,Ubuntu,-apple-system,Segoe UI,Roboto,Oxygen,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:400;line-height:1.5rem;margin-bottom:1.2rem;min-width:8em;padding-left:.5rem;padding-right:.5rem;vertical-align:baseline;width:100%;background-color:#f5f5f5;border-color:#000;color:#000}textarea:focus,[type=text]:focus,[type=date]:focus,[type=datetime]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=time]:focus,[type=week]:focus,[type=number]:focus,[type=search]:focus,[type=password]:focus,[type=email]:focus,[type=url]:focus,[type=tel]:focus,select:focus{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}textarea:focus-visible,[type=text]:focus-visible,[type=date]:focus-visible,[type=datetime]:focus-visible,[type=datetime-local]:focus-visible,[type=month]:focus-visible,[type=time]:focus-visible,[type=week]:focus-visible,[type=number]:focus-visible,[type=search]:focus-visible,[type=password]:focus-visible,[type=email]:focus-visible,[type=url]:focus-visible,[type=tel]:focus-visible,select:focus-visible{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}textarea:focus:not(:focus-visible),[type=text]:focus:not(:focus-visible),[type=date]:focus:not(:focus-visible),[type=datetime]:focus:not(:focus-visible),[type=datetime-local]:focus:not(:focus-visible),[type=month]:focus:not(:focus-visible),[type=time]:focus:not(:focus-visible),[type=week]:focus:not(:focus-visible),[type=number]:focus:not(:focus-visible),[type=search]:focus:not(:focus-visible),[type=password]:focus:not(:focus-visible),[type=email]:focus:not(:focus-visible),[type=url]:focus:not(:focus-visible),[type=tel]:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:0;outline-offset:0}.is-error textarea:focus,.is-error [type=text]:focus,.is-error [type=date]:focus,.is-error [type=datetime]:focus,.is-error [type=datetime-local]:focus,.is-error [type=month]:focus,.is-error [type=time]:focus,.is-error [type=week]:focus,.is-error [type=number]:focus,.is-error [type=search]:focus,.is-error [type=password]:focus,.is-error [type=email]:focus,.is-error [type=url]:focus,.is-error [type=tel]:focus,.is-error select:focus{outline-color:#c7162b}.is-caution textarea:focus,.is-caution [type=text]:focus,.is-caution [type=date]:focus,.is-caution [type=datetime]:focus,.is-caution [type=datetime-local]:focus,.is-caution [type=month]:focus,.is-caution [type=time]:focus,.is-caution [type=week]:focus,.is-caution [type=number]:focus,.is-caution [type=search]:focus,.is-caution [type=password]:focus,.is-caution [type=email]:focus,.is-caution [type=url]:focus,.is-caution [type=tel]:focus,.is-caution select:focus{outline-color:#f99b11}.is-success textarea:focus,.is-success [type=text]:focus,.is-success [type=date]:focus,.is-success [type=datetime]:focus,.is-success [type=datetime-local]:focus,.is-success [type=month]:focus,.is-success [type=time]:focus,.is-success [type=week]:focus,.is-success [type=number]:focus,.is-success [type=search]:focus,.is-success [type=password]:focus,.is-success [type=email]:focus,.is-success [type=url]:focus,.is-success [type=tel]:focus,.is-success select:focus{outline-color:#0e8420}textarea.is-dense,.is-dense[type=text],.is-dense[type=date],.is-dense[type=datetime],.is-dense[type=datetime-local],.is-dense[type=month],.is-dense[type=time],.is-dense[type=week],.is-dense[type=number],.is-dense[type=search],.is-dense[type=password],.is-dense[type=email],.is-dense[type=url],.is-dense[type=tel],select.is-dense{margin:0 0 .1rem;padding-bottom:calc(.15rem - 1.5px);padding-top:calc(.15rem - 1.5px)}textarea.has-error,.has-error[type=text],.has-error[type=date],.has-error[type=datetime],.has-error[type=datetime-local],.has-error[type=month],.has-error[type=time],.has-error[type=week],.has-error[type=number],.has-error[type=search],.has-error[type=password],.has-error[type=email],.has-error[type=url],.has-error[type=tel],select.has-error{border:1.5px solid #c7162b}textarea.has-caution,.has-caution[type=text],.has-caution[type=date],.has-caution[type=datetime],.has-caution[type=datetime-local],.has-caution[type=month],.has-caution[type=time],.has-caution[type=week],.has-caution[type=number],.has-caution[type=search],.has-caution[type=password],.has-caution[type=email],.has-caution[type=url],.has-caution[type=tel],select.has-caution{border:1.5px solid #f99b11}textarea.has-success,.has-success[type=text],.has-success[type=date],.has-success[type=datetime],.has-success[type=datetime-local],.has-success[type=month],.has-success[type=time],.has-success[type=week],.has-success[type=number],.has-success[type=search],.has-success[type=password],.has-success[type=email],.has-success[type=url],.has-success[type=tel],select.has-success{border:1.5px solid #0e8420}textarea.has-information,.has-information[type=text],.has-information[type=date],.has-information[type=datetime],.has-information[type=datetime-local],.has-information[type=month],.has-information[type=time],.has-information[type=week],.has-information[type=number],.has-information[type=search],.has-information[type=password],.has-information[type=email],.has-information[type=url],.has-information[type=tel],select.has-information{border:1.5px solid #24598f}textarea:hover,[type=text]:hover,[type=date]:hover,[type=datetime]:hover,[type=datetime-local]:hover,[type=month]:hover,[type=time]:hover,[type=week]:hover,[type=number]:hover,[type=search]:hover,[type=password]:hover,[type=email]:hover,[type=url]:hover,[type=tel]:hover,select:hover{background-color:#f2f2f2}textarea:active,[type=text]:active,[type=date]:active,[type=datetime]:active,[type=datetime-local]:active,[type=month]:active,[type=time]:active,[type=week]:active,[type=number]:active,[type=search]:active,[type=password]:active,[type=email]:active,[type=url]:active,[type=tel]:active,select:active,textarea:focus,[type=text]:focus,[type=date]:focus,[type=datetime]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=time]:focus,[type=week]:focus,[type=number]:focus,[type=search]:focus,[type=password]:focus,[type=email]:focus,[type=url]:focus,[type=tel]:focus,select:focus{background-color:#ebebeb}textarea option,[type=text] option,[type=date] option,[type=datetime] option,[type=datetime-local] option,[type=month] option,[type=time] option,[type=week] option,[type=number] option,[type=search] option,[type=password] option,[type=email] option,[type=url] option,[type=tel] option,select option{background-color:#f7f7f7;color:#000}textarea option:checked:not(:disabled),[type=text] option:checked:not(:disabled),[type=date] option:checked:not(:disabled),[type=datetime] option:checked:not(:disabled),[type=datetime-local] option:checked:not(:disabled),[type=month] option:checked:not(:disabled),[type=time] option:checked:not(:disabled),[type=week] option:checked:not(:disabled),[type=number] option:checked:not(:disabled),[type=search] option:checked:not(:disabled),[type=password] option:checked:not(:disabled),[type=email] option:checked:not(:disabled),[type=url] option:checked:not(:disabled),[type=tel] option:checked:not(:disabled),select option:checked:not(:disabled){background-color:#ebebeb}textarea::placeholder,[type=text]::placeholder,[type=date]::placeholder,[type=datetime]::placeholder,[type=datetime-local]::placeholder,[type=month]::placeholder,[type=time]::placeholder,[type=week]::placeholder,[type=number]::placeholder,[type=search]::placeholder,[type=password]::placeholder,[type=email]::placeholder,[type=url]::placeholder,[type=tel]::placeholder,select::placeholder{color:#0009}.is-dark textarea,.is-dark [type=text],.is-dark [type=date],.is-dark [type=datetime],.is-dark [type=datetime-local],.is-dark [type=month],.is-dark [type=time],.is-dark [type=week],.is-dark [type=number],.is-dark [type=search],.is-dark [type=password],.is-dark [type=email],.is-dark [type=url],.is-dark [type=tel],.is-dark select,textarea.is-dark,.is-dark[type=text],.is-dark[type=date],.is-dark[type=datetime],.is-dark[type=datetime-local],.is-dark[type=month],.is-dark[type=time],.is-dark[type=week],.is-dark[type=number],.is-dark[type=search],.is-dark[type=password],.is-dark[type=email],.is-dark[type=url],.is-dark[type=tel],select.is-dark{background-color:#ffffff0a;border-color:#ffffff80;color:#fff}.is-dark textarea:hover,.is-dark [type=text]:hover,.is-dark [type=date]:hover,.is-dark [type=datetime]:hover,.is-dark [type=datetime-local]:hover,.is-dark [type=month]:hover,.is-dark [type=time]:hover,.is-dark [type=week]:hover,.is-dark [type=number]:hover,.is-dark [type=search]:hover,.is-dark [type=password]:hover,.is-dark [type=email]:hover,.is-dark [type=url]:hover,.is-dark [type=tel]:hover,.is-dark select:hover,textarea.is-dark:hover,.is-dark[type=text]:hover,.is-dark[type=date]:hover,.is-dark[type=datetime]:hover,.is-dark[type=datetime-local]:hover,.is-dark[type=month]:hover,.is-dark[type=time]:hover,.is-dark[type=week]:hover,.is-dark[type=number]:hover,.is-dark[type=search]:hover,.is-dark[type=password]:hover,.is-dark[type=email]:hover,.is-dark[type=url]:hover,.is-dark[type=tel]:hover,select.is-dark:hover{background-color:#ffffff0d}.is-dark textarea:active,.is-dark [type=text]:active,.is-dark [type=date]:active,.is-dark [type=datetime]:active,.is-dark [type=datetime-local]:active,.is-dark [type=month]:active,.is-dark [type=time]:active,.is-dark [type=week]:active,.is-dark [type=number]:active,.is-dark [type=search]:active,.is-dark [type=password]:active,.is-dark [type=email]:active,.is-dark [type=url]:active,.is-dark [type=tel]:active,.is-dark select:active,.is-dark textarea:focus,.is-dark [type=text]:focus,.is-dark [type=date]:focus,.is-dark [type=datetime]:focus,.is-dark [type=datetime-local]:focus,.is-dark [type=month]:focus,.is-dark [type=time]:focus,.is-dark [type=week]:focus,.is-dark [type=number]:focus,.is-dark [type=search]:focus,.is-dark [type=password]:focus,.is-dark [type=email]:focus,.is-dark [type=url]:focus,.is-dark [type=tel]:focus,.is-dark select:focus,textarea.is-dark:active,.is-dark[type=text]:active,.is-dark[type=date]:active,.is-dark[type=datetime]:active,.is-dark[type=datetime-local]:active,.is-dark[type=month]:active,.is-dark[type=time]:active,.is-dark[type=week]:active,.is-dark[type=number]:active,.is-dark[type=search]:active,.is-dark[type=password]:active,.is-dark[type=email]:active,.is-dark[type=url]:active,.is-dark[type=tel]:active,select.is-dark:active,textarea.is-dark:focus,.is-dark[type=text]:focus,.is-dark[type=date]:focus,.is-dark[type=datetime]:focus,.is-dark[type=datetime-local]:focus,.is-dark[type=month]:focus,.is-dark[type=time]:focus,.is-dark[type=week]:focus,.is-dark[type=number]:focus,.is-dark[type=search]:focus,.is-dark[type=password]:focus,.is-dark[type=email]:focus,.is-dark[type=url]:focus,.is-dark[type=tel]:focus,select.is-dark:focus{background-color:#ffffff14}.is-dark textarea option,.is-dark [type=text] option,.is-dark [type=date] option,.is-dark [type=datetime] option,.is-dark [type=datetime-local] option,.is-dark [type=month] option,.is-dark [type=time] option,.is-dark [type=week] option,.is-dark [type=number] option,.is-dark [type=search] option,.is-dark [type=password] option,.is-dark [type=email] option,.is-dark [type=url] option,.is-dark [type=tel] option,.is-dark select option,textarea.is-dark option,.is-dark[type=text] option,.is-dark[type=date] option,.is-dark[type=datetime] option,.is-dark[type=datetime-local] option,.is-dark[type=month] option,.is-dark[type=time] option,.is-dark[type=week] option,.is-dark[type=number] option,.is-dark[type=search] option,.is-dark[type=password] option,.is-dark[type=email] option,.is-dark[type=url] option,.is-dark[type=tel] option,select.is-dark option{background-color:#2d2d2d;color:#fff}.is-dark textarea option:checked:not(:disabled),.is-dark [type=text] option:checked:not(:disabled),.is-dark [type=date] option:checked:not(:disabled),.is-dark [type=datetime] option:checked:not(:disabled),.is-dark [type=datetime-local] option:checked:not(:disabled),.is-dark [type=month] option:checked:not(:disabled),.is-dark [type=time] option:checked:not(:disabled),.is-dark [type=week] option:checked:not(:disabled),.is-dark [type=number] option:checked:not(:disabled),.is-dark [type=search] option:checked:not(:disabled),.is-dark [type=password] option:checked:not(:disabled),.is-dark [type=email] option:checked:not(:disabled),.is-dark [type=url] option:checked:not(:disabled),.is-dark [type=tel] option:checked:not(:disabled),.is-dark select option:checked:not(:disabled),textarea.is-dark option:checked:not(:disabled),.is-dark[type=text] option:checked:not(:disabled),.is-dark[type=date] option:checked:not(:disabled),.is-dark[type=datetime] option:checked:not(:disabled),.is-dark[type=datetime-local] option:checked:not(:disabled),.is-dark[type=month] option:checked:not(:disabled),.is-dark[type=time] option:checked:not(:disabled),.is-dark[type=week] option:checked:not(:disabled),.is-dark[type=number] option:checked:not(:disabled),.is-dark[type=search] option:checked:not(:disabled),.is-dark[type=password] option:checked:not(:disabled),.is-dark[type=email] option:checked:not(:disabled),.is-dark[type=url] option:checked:not(:disabled),.is-dark[type=tel] option:checked:not(:disabled),select.is-dark option:checked:not(:disabled){background-color:#ffffff14}.is-dark textarea::placeholder,.is-dark [type=text]::placeholder,.is-dark [type=date]::placeholder,.is-dark [type=datetime]::placeholder,.is-dark [type=datetime-local]::placeholder,.is-dark [type=month]::placeholder,.is-dark [type=time]::placeholder,.is-dark [type=week]::placeholder,.is-dark [type=number]::placeholder,.is-dark [type=search]::placeholder,.is-dark [type=password]::placeholder,.is-dark [type=email]::placeholder,.is-dark [type=url]::placeholder,.is-dark [type=tel]::placeholder,.is-dark select::placeholder,textarea.is-dark::placeholder,.is-dark[type=text]::placeholder,.is-dark[type=date]::placeholder,.is-dark[type=datetime]::placeholder,.is-dark[type=datetime-local]::placeholder,.is-dark[type=month]::placeholder,.is-dark[type=time]::placeholder,.is-dark[type=week]::placeholder,.is-dark[type=number]::placeholder,.is-dark[type=search]::placeholder,.is-dark[type=password]::placeholder,.is-dark[type=email]::placeholder,.is-dark[type=url]::placeholder,.is-dark[type=tel]::placeholder,select.is-dark::placeholder{color:#fff9}.is-paper textarea,.is-paper [type=text],.is-paper [type=date],.is-paper [type=datetime],.is-paper [type=datetime-local],.is-paper [type=month],.is-paper [type=time],.is-paper [type=week],.is-paper [type=number],.is-paper [type=search],.is-paper [type=password],.is-paper [type=email],.is-paper [type=url],.is-paper [type=tel],.is-paper select,textarea.is-paper,.is-paper[type=text],.is-paper[type=date],.is-paper[type=datetime],.is-paper[type=datetime-local],.is-paper[type=month],.is-paper[type=time],.is-paper[type=week],.is-paper[type=number],.is-paper[type=search],.is-paper[type=password],.is-paper[type=email],.is-paper[type=url],.is-paper[type=tel],select.is-paper{background-color:#0000000a;border-color:#000;color:#000}.is-paper textarea:hover,.is-paper [type=text]:hover,.is-paper [type=date]:hover,.is-paper [type=datetime]:hover,.is-paper [type=datetime-local]:hover,.is-paper [type=month]:hover,.is-paper [type=time]:hover,.is-paper [type=week]:hover,.is-paper [type=number]:hover,.is-paper [type=search]:hover,.is-paper [type=password]:hover,.is-paper [type=email]:hover,.is-paper [type=url]:hover,.is-paper [type=tel]:hover,.is-paper select:hover,textarea.is-paper:hover,.is-paper[type=text]:hover,.is-paper[type=date]:hover,.is-paper[type=datetime]:hover,.is-paper[type=datetime-local]:hover,.is-paper[type=month]:hover,.is-paper[type=time]:hover,.is-paper[type=week]:hover,.is-paper[type=number]:hover,.is-paper[type=search]:hover,.is-paper[type=password]:hover,.is-paper[type=email]:hover,.is-paper[type=url]:hover,.is-paper[type=tel]:hover,select.is-paper:hover{background-color:#0000000d}.is-paper textarea:active,.is-paper [type=text]:active,.is-paper [type=date]:active,.is-paper [type=datetime]:active,.is-paper [type=datetime-local]:active,.is-paper [type=month]:active,.is-paper [type=time]:active,.is-paper [type=week]:active,.is-paper [type=number]:active,.is-paper [type=search]:active,.is-paper [type=password]:active,.is-paper [type=email]:active,.is-paper [type=url]:active,.is-paper [type=tel]:active,.is-paper select:active,.is-paper textarea:focus,.is-paper [type=text]:focus,.is-paper [type=date]:focus,.is-paper [type=datetime]:focus,.is-paper [type=datetime-local]:focus,.is-paper [type=month]:focus,.is-paper [type=time]:focus,.is-paper [type=week]:focus,.is-paper [type=number]:focus,.is-paper [type=search]:focus,.is-paper [type=password]:focus,.is-paper [type=email]:focus,.is-paper [type=url]:focus,.is-paper [type=tel]:focus,.is-paper select:focus,textarea.is-paper:active,.is-paper[type=text]:active,.is-paper[type=date]:active,.is-paper[type=datetime]:active,.is-paper[type=datetime-local]:active,.is-paper[type=month]:active,.is-paper[type=time]:active,.is-paper[type=week]:active,.is-paper[type=number]:active,.is-paper[type=search]:active,.is-paper[type=password]:active,.is-paper[type=email]:active,.is-paper[type=url]:active,.is-paper[type=tel]:active,select.is-paper:active,textarea.is-paper:focus,.is-paper[type=text]:focus,.is-paper[type=date]:focus,.is-paper[type=datetime]:focus,.is-paper[type=datetime-local]:focus,.is-paper[type=month]:focus,.is-paper[type=time]:focus,.is-paper[type=week]:focus,.is-paper[type=number]:focus,.is-paper[type=search]:focus,.is-paper[type=password]:focus,.is-paper[type=email]:focus,.is-paper[type=url]:focus,.is-paper[type=tel]:focus,select.is-paper:focus{background-color:#00000014}.is-paper textarea option,.is-paper [type=text] option,.is-paper [type=date] option,.is-paper [type=datetime] option,.is-paper [type=datetime-local] option,.is-paper [type=month] option,.is-paper [type=time] option,.is-paper [type=week] option,.is-paper [type=number] option,.is-paper [type=search] option,.is-paper [type=password] option,.is-paper [type=email] option,.is-paper [type=url] option,.is-paper [type=tel] option,.is-paper select option,textarea.is-paper option,.is-paper[type=text] option,.is-paper[type=date] option,.is-paper[type=datetime] option,.is-paper[type=datetime-local] option,.is-paper[type=month] option,.is-paper[type=time] option,.is-paper[type=week] option,.is-paper[type=number] option,.is-paper[type=search] option,.is-paper[type=password] option,.is-paper[type=email] option,.is-paper[type=url] option,.is-paper[type=tel] option,select.is-paper option{background-color:#f7f7f7;color:#000}.is-paper textarea option:checked:not(:disabled),.is-paper [type=text] option:checked:not(:disabled),.is-paper [type=date] option:checked:not(:disabled),.is-paper [type=datetime] option:checked:not(:disabled),.is-paper [type=datetime-local] option:checked:not(:disabled),.is-paper [type=month] option:checked:not(:disabled),.is-paper [type=time] option:checked:not(:disabled),.is-paper [type=week] option:checked:not(:disabled),.is-paper [type=number] option:checked:not(:disabled),.is-paper [type=search] option:checked:not(:disabled),.is-paper [type=password] option:checked:not(:disabled),.is-paper [type=email] option:checked:not(:disabled),.is-paper [type=url] option:checked:not(:disabled),.is-paper [type=tel] option:checked:not(:disabled),.is-paper select option:checked:not(:disabled),textarea.is-paper option:checked:not(:disabled),.is-paper[type=text] option:checked:not(:disabled),.is-paper[type=date] option:checked:not(:disabled),.is-paper[type=datetime] option:checked:not(:disabled),.is-paper[type=datetime-local] option:checked:not(:disabled),.is-paper[type=month] option:checked:not(:disabled),.is-paper[type=time] option:checked:not(:disabled),.is-paper[type=week] option:checked:not(:disabled),.is-paper[type=number] option:checked:not(:disabled),.is-paper[type=search] option:checked:not(:disabled),.is-paper[type=password] option:checked:not(:disabled),.is-paper[type=email] option:checked:not(:disabled),.is-paper[type=url] option:checked:not(:disabled),.is-paper[type=tel] option:checked:not(:disabled),select.is-paper option:checked:not(:disabled){background-color:#00000014}.is-paper textarea::placeholder,.is-paper [type=text]::placeholder,.is-paper [type=date]::placeholder,.is-paper [type=datetime]::placeholder,.is-paper [type=datetime-local]::placeholder,.is-paper [type=month]::placeholder,.is-paper [type=time]::placeholder,.is-paper [type=week]::placeholder,.is-paper [type=number]::placeholder,.is-paper [type=search]::placeholder,.is-paper [type=password]::placeholder,.is-paper [type=email]::placeholder,.is-paper [type=url]::placeholder,.is-paper [type=tel]::placeholder,.is-paper select::placeholder,textarea.is-paper::placeholder,.is-paper[type=text]::placeholder,.is-paper[type=date]::placeholder,.is-paper[type=datetime]::placeholder,.is-paper[type=datetime-local]::placeholder,.is-paper[type=month]::placeholder,.is-paper[type=time]::placeholder,.is-paper[type=week]::placeholder,.is-paper[type=number]::placeholder,.is-paper[type=search]::placeholder,.is-paper[type=password]::placeholder,.is-paper[type=email]::placeholder,.is-paper[type=url]::placeholder,.is-paper[type=tel]::placeholder,select.is-paper::placeholder{color:#0009}textarea[disabled],[disabled][type=text],[disabled][type=date],[disabled][type=datetime],[disabled][type=datetime-local],[disabled][type=month],[disabled][type=time],[disabled][type=week],[disabled][type=number],[disabled][type=search],[disabled][type=password],[disabled][type=email],[disabled][type=url],[disabled][type=tel],select[disabled],textarea[disabled=disabled],[disabled=disabled][type=text],[disabled=disabled][type=date],[disabled=disabled][type=datetime],[disabled=disabled][type=datetime-local],[disabled=disabled][type=month],[disabled=disabled][type=time],[disabled=disabled][type=week],[disabled=disabled][type=number],[disabled=disabled][type=search],[disabled=disabled][type=password],[disabled=disabled][type=email],[disabled=disabled][type=url],[disabled=disabled][type=tel],select[disabled=disabled]{cursor:not-allowed;opacity:.33}textarea[readonly],[readonly][type=text],[readonly][type=date],[readonly][type=datetime],[readonly][type=datetime-local],[readonly][type=month],[readonly][type=time],[readonly][type=week],[readonly][type=number],[readonly][type=search],[readonly][type=password],[readonly][type=email],[readonly][type=url],[readonly][type=tel],select[readonly],textarea[readonly=readonly],[readonly=readonly][type=text],[readonly=readonly][type=date],[readonly=readonly][type=datetime],[readonly=readonly][type=datetime-local],[readonly=readonly][type=month],[readonly=readonly][type=time],[readonly=readonly][type=week],[readonly=readonly][type=number],[readonly=readonly][type=search],[readonly=readonly][type=password],[readonly=readonly][type=email],[readonly=readonly][type=url],[readonly=readonly][type=tel],select[readonly=readonly]{color:#d9d9d9;cursor:default}textarea[readonly]:hover,[readonly][type=text]:hover,[readonly][type=date]:hover,[readonly][type=datetime]:hover,[readonly][type=datetime-local]:hover,[readonly][type=month]:hover,[readonly][type=time]:hover,[readonly][type=week]:hover,[readonly][type=number]:hover,[readonly][type=search]:hover,[readonly][type=password]:hover,[readonly][type=email]:hover,[readonly][type=url]:hover,[readonly][type=tel]:hover,select[readonly]:hover,textarea[readonly=readonly]:hover,[readonly=readonly][type=text]:hover,[readonly=readonly][type=date]:hover,[readonly=readonly][type=datetime]:hover,[readonly=readonly][type=datetime-local]:hover,[readonly=readonly][type=month]:hover,[readonly=readonly][type=time]:hover,[readonly=readonly][type=week]:hover,[readonly=readonly][type=number]:hover,[readonly=readonly][type=search]:hover,[readonly=readonly][type=password]:hover,[readonly=readonly][type=email]:hover,[readonly=readonly][type=url]:hover,[readonly=readonly][type=tel]:hover,select[readonly=readonly]:hover,textarea[readonly]:active,[readonly][type=text]:active,[readonly][type=date]:active,[readonly][type=datetime]:active,[readonly][type=datetime-local]:active,[readonly][type=month]:active,[readonly][type=time]:active,[readonly][type=week]:active,[readonly][type=number]:active,[readonly][type=search]:active,[readonly][type=password]:active,[readonly][type=email]:active,[readonly][type=url]:active,[readonly][type=tel]:active,select[readonly]:active,textarea[readonly=readonly]:active,[readonly=readonly][type=text]:active,[readonly=readonly][type=date]:active,[readonly=readonly][type=datetime]:active,[readonly=readonly][type=datetime-local]:active,[readonly=readonly][type=month]:active,[readonly=readonly][type=time]:active,[readonly=readonly][type=week]:active,[readonly=readonly][type=number]:active,[readonly=readonly][type=search]:active,[readonly=readonly][type=password]:active,[readonly=readonly][type=email]:active,[readonly=readonly][type=url]:active,[readonly=readonly][type=tel]:active,select[readonly=readonly]:active{border-color:#666;outline:none}label{cursor:pointer;display:inline-block;margin-bottom:.6rem;margin-top:0;max-width:40em;padding-top:.4rem;width:fit-content}label.is-required:before{content:"* ";position:relative}label.u-truncate{width:auto}label.has-error{color:#c7162b}label.has-caution{color:#f99b11}label.has-success{color:#0e8420}label.has-information{color:#24598f}[type=file]{margin-bottom:1.2rem;width:100%}[type=file]:focus{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}[type=file]:focus-visible{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}[type=file]:focus:not(:focus-visible){outline:0;outline-offset:0}[type=search]{-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0}[type=search]::-webkit-search-results-decoration{display:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:searchfield-cancel-button;cursor:pointer}input[list]::-webkit-calendar-picker-indicator{opacity:0}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23666' d='M8.187 11.748l6.187-6.187-1.06-1.061-5.127 5.127L3.061 4.5 2 5.561z'/%3E%3C/svg%3E");-moz-appearance:none;-webkit-appearance:none;appearance:none;background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;box-shadow:none;min-height:1.5rem;padding-right:2rem;text-indent:.01px;text-overflow:""}select:hover{cursor:pointer}select[multiple],select[size]{background-image:none;box-shadow:none;height:auto}select[multiple] option,select[size] option{font-weight:400;line-height:calc(1rem - 2px);padding:.25rem 0}textarea{margin-bottom:1.2rem;overflow:auto;vertical-align:top}fieldset{margin-left:0;margin-right:0;padding:calc(1rem - 1.5px)}hr{margin-bottom:calc(.5rem - 1px)}hr{background:rgba(0,0,0,.2)}hr.is-muted{background-color:#0000001a}hr.is-dark{background:rgba(255,255,255,.3)}hr.is-dark.is-muted{background-color:#ffffff0d}a{color:#06c;text-decoration:none}a:focus{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}a:focus-visible{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}a:focus:not(:focus-visible){outline:0;outline-offset:0}a:focus{outline-offset:0}a:hover{cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.075em}a:visited{color:#7d42b8}a.is-dark{color:#69c}a.is-dark:visited{color:#a679d2}ol,ul{margin-bottom:1.5rem;margin-left:1rem;margin-top:0;padding-left:1rem}nav ol,nav ul{list-style:none;list-style-image:none}li{margin:0;padding:0}li>ul,li>ol{margin-bottom:0;padding-top:0}li>ul>li:last-of-type,li>ol>li:last-of-type{padding-bottom:0}dl{margin-bottom:1.5rem;margin-top:0;padding:0}dd{margin-left:1rem}img{border:0;height:auto;max-width:100%}figure{margin-bottom:1.5rem;margin-left:0;width:100%}figure caption,figure figcaption{display:block;font-style:italic;margin-top:.25rem;width:100%}iframe{border:0}object,iframe,embed,canvas,video,audio{display:block;margin:0 auto 20px;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}table{border:0;border-collapse:collapse;caption-side:bottom;line-height:1.5rem;margin-bottom:1.5rem;overflow-x:auto;width:100%;table-layout:fixed}td,th{font-weight:400;overflow:hidden;padding-left:.5rem;padding-right:.5rem;text-align:left;text-overflow:ellipsis;vertical-align:top}td.has-overflow,th.has-overflow{overflow:visible}thead th{padding-bottom:.75rem;padding-top:.75rem}thead tr{border-bottom:1px solid rgba(0,0,0,.2);vertical-align:top}caption{padding-bottom:.5rem;padding-top:.5rem}tfoot tr,tbody tr:not(:first-child){border-top:1px solid rgba(0,0,0,.1)}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#0009}.token.punctuation{color:#000}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#77216f}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#0e811f}.token .operator,.token .entity,.token .url,.language-css .token.string,.style .token.string{color:#a86500}.token.atrule,.token.attr-value,.token.keyword{color:#06c}.token.function,.token.class-name{color:#c7162b}.token.regex,.token.important,.token.variable{color:#dc3023}.token.important,.token.bold{font-weight:550}.token.italic{font-style:italic}.token.entity{cursor:help}.p-icon--machines{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .99a3 3 0 013 3v1.75c0 .938-.431 1.776-1.106 2.326A2.989 2.989 0 0115 10.392v1.75a3 3 0 01-3 3H4a3 3 0 01-3-3v-1.75c0-.94.431-1.777 1.106-2.327A2.989 2.989 0 011 5.739V3.99a3 3 0 013-3h8zm0 7.902H4a1.5 1.5 0 00-1.493 1.355l-.007.145v1.75a1.5 1.5 0 001.356 1.493l.144.007h8a1.5 1.5 0 001.493-1.356l.007-.144v-1.75a1.5 1.5 0 00-1.356-1.494L12 8.892zM11.5 10a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1zm.5-7.51H4a1.5 1.5 0 00-1.493 1.355l-.007.144v1.75a1.5 1.5 0 001.356 1.493L4 7.24h8a1.5 1.5 0 001.493-1.355l.007-.145V3.99a1.5 1.5 0 00-1.356-1.493L12 2.49zM11.5 4a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--machines,.p-icon--machines.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .99a3 3 0 013 3v1.75c0 .938-.431 1.776-1.106 2.326A2.989 2.989 0 0115 10.392v1.75a3 3 0 01-3 3H4a3 3 0 01-3-3v-1.75c0-.94.431-1.777 1.106-2.327A2.989 2.989 0 011 5.739V3.99a3 3 0 013-3h8zm0 7.902H4a1.5 1.5 0 00-1.493 1.355l-.007.145v1.75a1.5 1.5 0 001.356 1.493l.144.007h8a1.5 1.5 0 001.493-1.356l.007-.144v-1.75a1.5 1.5 0 00-1.356-1.494L12 8.892zM11.5 10a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1zm.5-7.51H4a1.5 1.5 0 00-1.493 1.355l-.007.144v1.75a1.5 1.5 0 001.356 1.493L4 7.24h8a1.5 1.5 0 001.493-1.355l.007-.145V3.99a1.5 1.5 0 00-1.356-1.493L12 2.49zM11.5 4a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--pods{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.703 3.958l.106-.093.011-.009a2 2 0 01.283-.19L7.032.938a2 2 0 011.936 0l4.929 2.728.147.09.168.126.12.11.062.063.072.082.09.117.108.169.08.154.05.116.058.177c.05.176.076.36.076.546v5.311a2 2 0 01-1.031 1.75l-4.929 2.727a2 2 0 01-1.936 0l-4.929-2.727a2 2 0 01-1.031-1.75V5.416a2 2 0 01.034-.367l.042-.178a2 2 0 01.062-.184l.063-.144.042-.083.08-.135.07-.1.061-.078.1-.113.077-.076zm11.725 2.375l-4.46 2.469a2 2 0 01-1.936 0l-4.46-2.468v4.393a.5.5 0 00.183.387l.075.05 4.928 2.728a.5.5 0 00.39.04l.094-.04 4.928-2.728a.5.5 0 00.25-.348l.008-.089V6.333zM7.852 2.211l-.094.04-4.733 2.62L7.758 7.49a.5.5 0 00.39.04l.094-.04 4.732-2.62-4.732-2.62a.5.5 0 00-.39-.04z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--pods,.p-icon--pods.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.703 3.958l.106-.093.011-.009a2 2 0 01.283-.19L7.032.938a2 2 0 011.936 0l4.929 2.728.147.09.168.126.12.11.062.063.072.082.09.117.108.169.08.154.05.116.058.177c.05.176.076.36.076.546v5.311a2 2 0 01-1.031 1.75l-4.929 2.727a2 2 0 01-1.936 0l-4.929-2.727a2 2 0 01-1.031-1.75V5.416a2 2 0 01.034-.367l.042-.178a2 2 0 01.062-.184l.063-.144.042-.083.08-.135.07-.1.061-.078.1-.113.077-.076zm11.725 2.375l-4.46 2.469a2 2 0 01-1.936 0l-4.46-2.468v4.393a.5.5 0 00.183.387l.075.05 4.928 2.728a.5.5 0 00.39.04l.094-.04 4.928-2.728a.5.5 0 00.25-.348l.008-.089V6.333zM7.852 2.211l-.094.04-4.733 2.62L7.758 7.49a.5.5 0 00.39.04l.094-.04 4.732-2.62-4.732-2.62a.5.5 0 00-.39-.04z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--connected{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.927 7.141l3.182 3.182L6.432 13a2.251 2.251 0 01-2.724.354L1.5 15.56.44 14.5l2.295-2.297a2.25 2.25 0 01.515-2.385l2.677-2.677zM14.5.44L15.56 1.5l-1.956 1.958a2.251 2.251 0 01-.354 2.724l-2.677 2.677-3.182-3.182L10.068 3a2.25 2.25 0 012.385-.515L14.5.44z' fill='%23666' fill-rule='evenodd'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--connected,.p-icon--connected.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.927 7.141l3.182 3.182L6.432 13a2.251 2.251 0 01-2.724.354L1.5 15.56.44 14.5l2.295-2.297a2.25 2.25 0 01.515-2.385l2.677-2.677zM14.5.44L15.56 1.5l-1.956 1.958a2.251 2.251 0 01-.354 2.724l-2.677 2.677-3.182-3.182L10.068 3a2.25 2.25 0 012.385-.515L14.5.44z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E")}.p-icon--settings{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.817.639a7.572 7.572 0 013.649 2.109l-.668 1.849c.212.297.396.615.55.95l1.936.346c.193.669.296 1.376.296 2.107 0 .731-.103 1.438-.296 2.107l-1.936.346a5.876 5.876 0 01-.55.95l.668 1.85a7.572 7.572 0 01-3.65 2.108l-1.268-1.504a5.956 5.956 0 01-1.096 0l-1.268 1.504a7.572 7.572 0 01-3.65-2.109l.668-1.849a5.876 5.876 0 01-.55-.95l-1.936-.346A7.584 7.584 0 01.42 8c0-.731.103-1.438.296-2.107l1.936-.346c.154-.335.338-.653.55-.95l-.668-1.85A7.572 7.572 0 016.184.64l1.268 1.504a5.956 5.956 0 011.096 0L9.817.639zm.496 1.737L9.19 3.709l-.78-.072a4.456 4.456 0 00-.41-.02l-.206.006-.204.014-.78.072-1.124-1.333-.222.096c-.346.159-.675.35-.984.57l-.194.144.593 1.64-.455.64a4.384 4.384 0 00-.287.463l-.122.244-.327.713-1.713.305-.017.12a6.128 6.128 0 00-.029.343L1.92 8c0 .232.014.462.04.689l.016.119 1.713.306.327.713c.076.165.162.325.258.48l.151.227.455.64-.593 1.639.194.145c.31.22.638.411.984.57l.222.095 1.123-1.332.78.072c.136.013.273.02.411.02l.206-.006.204-.014.78-.072 1.123 1.332.224-.095c.345-.159.674-.35.983-.57l.193-.145-.592-1.639.455-.64c.105-.148.201-.303.287-.463l.122-.244.327-.713 1.712-.306.018-.12c.013-.113.022-.227.029-.342L14.08 8c0-.232-.014-.462-.04-.689l-.017-.12-1.712-.305-.327-.713a4.368 4.368 0 00-.258-.48l-.151-.227-.455-.64.592-1.64-.193-.144c-.309-.22-.638-.411-.983-.57l-.224-.096zM8 5a3 3 0 110 6 3 3 0 010-6zm0 1.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--settings,.p-icon--settings.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.817.639a7.572 7.572 0 013.649 2.109l-.668 1.849c.212.297.396.615.55.95l1.936.346c.193.669.296 1.376.296 2.107 0 .731-.103 1.438-.296 2.107l-1.936.346a5.876 5.876 0 01-.55.95l.668 1.85a7.572 7.572 0 01-3.65 2.108l-1.268-1.504a5.956 5.956 0 01-1.096 0l-1.268 1.504a7.572 7.572 0 01-3.65-2.109l.668-1.849a5.876 5.876 0 01-.55-.95l-1.936-.346A7.584 7.584 0 01.42 8c0-.731.103-1.438.296-2.107l1.936-.346c.154-.335.338-.653.55-.95l-.668-1.85A7.572 7.572 0 016.184.64l1.268 1.504a5.956 5.956 0 011.096 0L9.817.639zm.496 1.737L9.19 3.709l-.78-.072a4.456 4.456 0 00-.41-.02l-.206.006-.204.014-.78.072-1.124-1.333-.222.096c-.346.159-.675.35-.984.57l-.194.144.593 1.64-.455.64a4.384 4.384 0 00-.287.463l-.122.244-.327.713-1.713.305-.017.12a6.128 6.128 0 00-.029.343L1.92 8c0 .232.014.462.04.689l.016.119 1.713.306.327.713c.076.165.162.325.258.48l.151.227.455.64-.593 1.639.194.145c.31.22.638.411.984.57l.222.095 1.123-1.332.78.072c.136.013.273.02.411.02l.206-.006.204-.014.78-.072 1.123 1.332.224-.095c.345-.159.674-.35.983-.57l.193-.145-.592-1.639.455-.64c.105-.148.201-.303.287-.463l.122-.244.327-.713 1.712-.306.018-.12c.013-.113.022-.227.029-.342L14.08 8c0-.232-.014-.462-.04-.689l-.017-.12-1.712-.305-.327-.713a4.368 4.368 0 00-.258-.48l-.151-.227-.455-.64.592-1.64-.193-.144c-.309-.22-.638-.411-.983-.57l-.224-.096zM8 5a3 3 0 110 6 3 3 0 010-6zm0 1.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--tag{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 1A1.5 1.5 0 0115 2.5V8h-.023l-6.466 6.467a2 2 0 01-2.828 0L1.52 10.305a2 2 0 010-2.829l6.472-6.472.007.008L8 1h5.5zm0 1.5l-4.882-.001-6.037 6.038a.5.5 0 00-.058.638l.058.07 4.163 4.162a.5.5 0 00.637.058l.07-.058 6.048-6.051L13.5 2.5zm-2.493 1.41a1.108 1.108 0 110 2.215 1.108 1.108 0 010-2.216z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--tag,.p-icon--tag.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 1A1.5 1.5 0 0115 2.5V8h-.023l-6.466 6.467a2 2 0 01-2.828 0L1.52 10.305a2 2 0 010-2.829l6.472-6.472.007.008L8 1h5.5zm0 1.5l-4.882-.001-6.037 6.038a.5.5 0 00-.058.638l.058.07 4.163 4.162a.5.5 0 00.637.058l.07-.058 6.048-6.051L13.5 2.5zm-2.493 1.41a1.108 1.108 0 110 2.215 1.108 1.108 0 010-2.216z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--units{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9a1 1 0 011 1v4a1 1 0 01-1 1H2a1 1 0 01-1-1v-4a1 1 0 011-1h4zm8 0a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4a1 1 0 011-1h4zm-8.5 1.5h-3v3h3v-3zm8 0h-3v3h3v-3zM14 1a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1V2a1 1 0 011-1h4zm-.5 1.5h-3v3h3v-3z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--units,.p-icon--units.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9a1 1 0 011 1v4a1 1 0 01-1 1H2a1 1 0 01-1-1v-4a1 1 0 011-1h4zm8 0a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4a1 1 0 011-1h4zm-8.5 1.5h-3v3h3v-3zm8 0h-3v3h3v-3zM14 1a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1V2a1 1 0 011-1h4zm-.5 1.5h-3v3h3v-3z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--profile{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.95 12.95l-.18.173-.074.068a6.926 6.926 0 01-.318.271l-.271.207-.209.146-.254.163-.225.132-.243.13-.21.103-.276.121-.133.054-.385.139-.271.082-.264.068-.298.065-.272.047-.337.043-.304.025L8.12 15 8 15l-.214-.003-.285-.015-.381-.037-.339-.05-.184-.036-.324-.074-.258-.07-.249-.079-.323-.118-.195-.08-.214-.095-.276-.137-.213-.116a7.006 7.006 0 01-.551-.35l-.197-.142-.175-.136-.176-.146-.297-.27-.16-.158-.213-.229-.07-.08a7 7 0 1110.772-.221l-.194.234a7.043 7.043 0 01-.334.358zM8.5 10.502h-1a3.498 3.498 0 00-3.017 1.726A5.473 5.473 0 008 13.5a5.478 5.478 0 003.518-1.272 3.499 3.499 0 00-2.826-1.72l-.192-.006zM8 2.5a5.5 5.5 0 00-4.557 8.581 5.004 5.004 0 012.203-1.724A2.978 2.978 0 015 7.5V7a3 3 0 116 0v.5c0 .701-.24 1.347-.644 1.858.888.355 1.65.957 2.202 1.722A5.5 5.5 0 008 2.5zm0 3a1.5 1.5 0 00-1.493 1.356L6.5 7v.5a1.5 1.5 0 002.993.144L9.5 7.5V7A1.5 1.5 0 008 5.5z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--profile,.p-icon--profile.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.95 12.95l-.18.173-.074.068a6.926 6.926 0 01-.318.271l-.271.207-.209.146-.254.163-.225.132-.243.13-.21.103-.276.121-.133.054-.385.139-.271.082-.264.068-.298.065-.272.047-.337.043-.304.025L8.12 15 8 15l-.214-.003-.285-.015-.381-.037-.339-.05-.184-.036-.324-.074-.258-.07-.249-.079-.323-.118-.195-.08-.214-.095-.276-.137-.213-.116a7.006 7.006 0 01-.551-.35l-.197-.142-.175-.136-.176-.146-.297-.27-.16-.158-.213-.229-.07-.08a7 7 0 1110.772-.221l-.194.234a7.043 7.043 0 01-.334.358zM8.5 10.502h-1a3.498 3.498 0 00-3.017 1.726A5.473 5.473 0 008 13.5a5.478 5.478 0 003.518-1.272 3.499 3.499 0 00-2.826-1.72l-.192-.006zM8 2.5a5.5 5.5 0 00-4.557 8.581 5.004 5.004 0 012.203-1.724A2.978 2.978 0 015 7.5V7a3 3 0 116 0v.5c0 .701-.24 1.347-.644 1.858.888.355 1.65.957 2.202 1.722A5.5 5.5 0 008 2.5zm0 3a1.5 1.5 0 00-1.493 1.356L6.5 7v.5a1.5 1.5 0 002.993.144L9.5 7.5V7A1.5 1.5 0 008 5.5z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--submit-bug{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 1.993V3.5c0 .382.284.698.653.748l.102.007.161-.001C4.905 4.093 5.192 4 5.5 4h5c.308 0 .595.093.834.253l.216.001a.755.755 0 00.749-.653l.007-.102V1.993h1.5V3.5A2.256 2.256 0 0112 5.709l-.001 1.531 1.278.001c.324 0 .634-.126.866-.349l.094-.1.523-.628 1.152.96-.523.628a2.75 2.75 0 01-1.925.983l-.187.006h-1.278L12 10c0 .099-.004.197-.01.294a2.254 2.254 0 011.81 2.057l.006.154v1.506h-1.5v-1.506a.755.755 0 00-.653-.748l-.057-.003a4 4 0 01-7.19.004l.1-.008a.755.755 0 00-.75.653l-.006.102v1.506h-1.5v-1.506c0-1.076.754-1.976 1.762-2.2A3.671 3.671 0 014 10l-.001-1.26-1.276.001a2.75 2.75 0 01-1.987-.85l-.125-.14-.523-.627 1.152-.96.523.627c.208.25.503.407.822.442l.138.008H4V5.696a2.257 2.257 0 01-1.744-2.044L2.25 3.5V1.993h1.5zM10.5 5.5h-5V10a2.5 2.5 0 004.995.164L10.5 10V5.5zM8 .974c1.221 0 2.24.871 2.466 2.026H5.534A2.514 2.514 0 018 .974z' fill='%23666' fill-rule='evenodd'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--submit-bug,.p-icon--submit-bug.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 1.993V3.5c0 .382.284.698.653.748l.102.007.161-.001C4.905 4.093 5.192 4 5.5 4h5c.308 0 .595.093.834.253l.216.001a.755.755 0 00.749-.653l.007-.102V1.993h1.5V3.5A2.256 2.256 0 0112 5.709l-.001 1.531 1.278.001c.324 0 .634-.126.866-.349l.094-.1.523-.628 1.152.96-.523.628a2.75 2.75 0 01-1.925.983l-.187.006h-1.278L12 10c0 .099-.004.197-.01.294a2.254 2.254 0 011.81 2.057l.006.154v1.506h-1.5v-1.506a.755.755 0 00-.653-.748l-.057-.003a4 4 0 01-7.19.004l.1-.008a.755.755 0 00-.75.653l-.006.102v1.506h-1.5v-1.506c0-1.076.754-1.976 1.762-2.2A3.671 3.671 0 014 10l-.001-1.26-1.276.001a2.75 2.75 0 01-1.987-.85l-.125-.14-.523-.627 1.152-.96.523.627c.208.25.503.407.822.442l.138.008H4V5.696a2.257 2.257 0 01-1.744-2.044L2.25 3.5V1.993h1.5zM10.5 5.5h-5V10a2.5 2.5 0 004.995.164L10.5 10V5.5zM8 .974c1.221 0 2.24.871 2.466 2.026H5.534A2.514 2.514 0 018 .974z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E")}.l-navigation.is-collapsed .l-navigation-collapse-toggle i{transform:rotate(180deg)}.l-navigation{transition-duration:.165s;transition-property:width,box-shadow,background;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.l-navigation .p-button--base.l-navigation-collapse-toggle{background-color:#ffffff0d;visibility:hidden}@media only screen and (min-width: 621px){.l-navigation .p-button--base.l-navigation-collapse-toggle{visibility:visible}}.l-navigation:hover,.l-navigation:focus-within,.l-navigation.is-pinned{grid-area:nav}@media only screen and (min-width: 621px){.l-navigation:hover,.l-navigation:focus-within,.l-navigation.is-pinned{position:static}}.l-navigation:hover .p-panel__controls,.l-navigation:focus-within .p-panel__controls,.l-navigation.is-pinned .p-panel__controls{opacity:1;visibility:visible}@media only screen and (min-width: 621px){.l-navigation:hover .p-panel__controls,.l-navigation:focus-within .p-panel__controls,.l-navigation.is-pinned .p-panel__controls{transform:translate(12rem)}}.l-navigation .p-panel__header{margin-bottom:1rem}.l-navigation .p-panel__controls{margin-left:auto;padding-top:.65rem;z-index:104;transition-duration:.165s;transition-property:opacity,visibility,transform,background;transition-timing-function:cubic-bezier(.215,.61,.355,1)}@media only screen and (min-width: 621px){.l-navigation .p-panel__controls{opacity:1;visibility:visible;position:absolute;top:0;left:0;padding-top:0;transform:translate(1rem) translateY(2.6rem)}}.l-navigation .p-panel__controls .p-side-navigation__tooltip-wrapper{display:none}@media only screen and (min-width: 621px){.l-navigation .p-panel__controls .p-side-navigation__tooltip-wrapper{display:inherit}}@media only screen and (min-width: 460px){.l-navigation .p-panel__controls .p-side-navigation__button--menu{display:none}}.l-navigation .p-side-navigation__item .p-side-navigation__link{width:100%;justify-content:flex-start}.l-navigation .p-side-navigation__item .p-side-navigation__link[aria-current=page]:hover,.l-navigation .p-side-navigation__item .p-side-navigation__link[aria-current=page] :active{cursor:pointer}.l-navigation .p-side-navigation__label--group{color:#f7f7f7;margin-bottom:.125rem;text-transform:uppercase}.l-navigation .p-side-navigation--icons .p-side-navigation__item .p-side-navigation__item .p-side-navigation__link,.l-navigation .p-side-navigation__text{padding-left:4rem}.l-navigation .p-side-navigation--icons>.p-side-navigation__list:last-of-type:after{content:""}.l-navigation .p-side-navigation--icons .p-side-navigation__list:after{left:1rem;opacity:1}.l-navigation .l-navigation__drawer{max-width:100vw}.p-panel__header .p-icon--sidebar-toggle{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' width='16px' height='16px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 0 7.743 L 6.742 14.485 L 7.899 13.329 L 2.311 7.743 L 7.899 2.157 L 6.742 1 L 0 7.743 Z M 7.899 7.743 L 14.642 14.485 L 15.797 13.329 L 10.21 7.743 L 15.797 2.157 L 14.642 1 L 7.899 7.743 Z' fill='%23FFF' style=''/%3E%3C/svg%3E")}.p-panel__header .p-panel__logo{color:#fff;display:flex;flex-direction:column;margin-top:.25rem}@media only screen and (max-width: 620px){.p-panel__header .p-panel__logo{margin-bottom:0}}.p-panel__header .p-panel__logo:hover,.p-panel__header .p-panel__logo:visited{color:#fff;text-decoration:none}.p-panel__header .p-panel__logo .p-panel__logo-text{display:flex;flex-direction:column;justify-content:flex-end}.p-panel__header .p-panel__logo .p-panel__logo-text .p-panel__logo-name{font-size:1.5rem;line-height:1rem;margin-bottom:0;padding-top:0;margin-left:2rem;text-wrap:nowrap}.p-panel__header .p-panel__logo .p-panel__logo-text .p-panel__logo-name--small{font-size:.6rem;margin-bottom:0;padding-left:.1rem}.p-panel__header .p-panel__logo .p-navigation__tagged-logo{min-width:auto}.p-panel__header .p-panel__logo .p-navigation__tagged-logo .p-navigation__logo-tag{height:2.3rem;left:1rem}@media only screen and (min-width: 621px){.p-panel__header .p-panel__logo .p-navigation__tagged-logo .p-navigation__logo-tag{left:1.5rem}}.p-panel__footer{margin-top:auto}.p-panel__footer .p-panel__content{padding:0}.p-panel__footer .p-panel__content .p-side-navigation__list:last-of-type:after{content:none}.l-navigation .p-panel__controls,.l-navigation-bar .p-panel__controls{padding-top:.75rem}.l-navigation__drawer .p-panel{display:flex;flex-direction:column}.p-side-navigation__tooltip{z-index:104}.p-input-group label{padding-top:0!important}.p-form-section{margin-bottom:1.5rem}.p-form-section__title{margin-bottom:.5rem}.p-form-section__content{margin-bottom:1.5rem}.main-toolbar{display:flex;container-type:inline-size;column-gap:1.5rem;align-items:baseline;margin-bottom:1rem;flex-direction:row;flex-wrap:wrap;margin-bottom:-1.2rem}.main-toolbar--stacked{flex-direction:column;align-items:flex-start}.main-toolbar .main-toolbar__controls,.main-toolbar .main-toolbar__controls--observer{display:flex;text-wrap:nowrap;white-space:nowrap;flex-direction:row;column-gap:1rem;flex:1}.main-toolbar .main-toolbar__controls--stacked,.main-toolbar .main-toolbar__controls--observer--stacked{flex-wrap:wrap;flex-direction:column;width:100%}.main-toolbar .main-toolbar__controls:not(.main-toolbar__controls--stacked),.main-toolbar .main-toolbar__controls--observer:not(.main-toolbar__controls--stacked){justify-content:flex-end}.main-toolbar .main-toolbar__controls .p-search-and-filter,.main-toolbar .main-toolbar__controls .debounce-search-box,.main-toolbar .main-toolbar__controls .p-search-box,.main-toolbar .main-toolbar__controls--observer .p-search-and-filter,.main-toolbar .main-toolbar__controls--observer .debounce-search-box,.main-toolbar .main-toolbar__controls--observer .p-search-box{flex:1}.main-toolbar .main-toolbar__controls .p-search-box .p-search-box__input,.main-toolbar .main-toolbar__controls--observer .p-search-box .p-search-box__input{position:static;padding-right:initial}.main-toolbar .main-toolbar__controls .p-search-box .p-search-box__button,.main-toolbar .main-toolbar__controls--observer .p-search-box .p-search-box__button{position:absolute}.main-toolbar .main-toolbar__controls>*,.main-toolbar .main-toolbar__controls--observer>*{margin-right:0;align-items:baseline}section.content-section{padding:.75rem 0 0}section.content-section .content-section__footer{background:white;width:100%;position:sticky;margin-top:.75rem;bottom:0;border-top:1.5px solid #d9d9d9;padding:1rem 0 0;align:right}section.content-section .content-section__footer>*{margin-bottom:1rem}.p-form__nested-group{position:relative;margin-top:-.25rem;margin-left:calc(.5rem - .75px);padding-left:1.5rem;transition-duration:.165s;transition-property:transform,opacity,visibility;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.p-form__nested-group[aria-hidden=true]{height:0;opacity:0;transform:translate3d(0,-.5rem,0);visibility:hidden}.p-form__nested-group[aria-hidden=false]{height:auto;opacity:1;transform:translateZ(0);visibility:visible}.p-form__nested-group:before{content:"";display:block;position:absolute;height:100%;left:0;top:-.2em;width:1.5px;background:#d9d9d9;opacity:inherit;visibility:inherit;transition-duration:.165s;transition-property:transform,opacity,visibility;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.p-form__nested-group .p-checkbox,.p-form__nested-group .p-radio{padding-top:0;margin-bottom:.5rem}.p-pagination--items{display:flex;align-items:baseline;padding-bottom:0}.p-pagination--items .p-button{margin:0;border:0}.p-pagination--items .p-pagination__link--next{margin-right:2rem}.p-pagination--items .p-pagination__input{margin:0 .5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:3rem;min-width:0;text-align:center}.p-pagination--items .p-form-validation__message{position:absolute;margin-top:.5rem;margin-left:.5rem}.p-pagination--items input::-webkit-outer-spin-button,.p-pagination--items input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.p-pagination--items input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}
1
+ .p-meter{margin-bottom:.75rem;padding-top:.375rem}.p-meter__bar{border-radius:.875rem;height:.875rem;overflow:hidden;position:relative;width:100%;border:1px solid #999}.p-meter__label{display:flex;justify-content:space-between;margin-bottom:-.125rem;padding-top:.25rem}.p-meter__filled{height:100%;position:absolute;width:0%}.p-meter__separators{height:100%;position:absolute;width:100%;z-index:1}.p-meter--small{margin-bottom:.875rem;padding-top:.375rem}.p-meter--small .p-meter__bar{border-radius:.75rem;height:.75rem;margin-bottom:.375rem}.p-meter--small .p-meter__label{margin-bottom:0;padding-top:0}hr.is-fixed-width{margin-left:auto;margin-right:auto;max-width:78rem;width:calc(100% - 2rem)}@media (min-width: 620px){hr.is-fixed-width{max-width:77rem;width:calc(100% - 3rem)}}.row hr.is-fixed-width,.u-fixed-width hr.is-fixed-width{width:100%}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}h4.is-accent,h3.is-accent,h2.is-accent,h1.is-accent{color:#0f95a1}h2,h1{font-size:2rem;font-style:normal;font-weight:180;line-height:2.5rem;margin-bottom:.95rem;margin-top:0;max-width:40em;padding-top:.55rem}@media (min-width: 1036px){h2,h1{font-size:2.5rem;line-height:3rem;margin-bottom:.95rem;padding-top:.55rem}}h1{font-weight:550}h3{font-size:1.5rem;font-style:normal;font-weight:550;line-height:2rem;margin-bottom:1.05rem;margin-top:0;max-width:40em;padding-top:.45rem}@media (min-width: 1036px){h3{font-size:1.5rem;line-height:2rem;margin-bottom:1.05rem;padding-top:.45rem}}h4{font-size:1.5rem;font-style:normal;font-weight:275;line-height:2rem;margin-bottom:1.05rem;margin-top:0;max-width:40em;padding-top:.45rem}@media (min-width: 1036px){h4{font-size:1.5rem;line-height:2rem;margin-bottom:1.05rem;padding-top:.45rem}}@media (min-width: 1681px){h4{margin-bottom:1.05rem;padding-top:.45rem}}h5{font-size:1rem;font-style:normal;font-weight:550;line-height:1.5rem;margin-bottom:1.1rem;margin-top:0;max-width:40em;padding-top:.4rem}h6{font-size:1rem;font-style:italic;font-weight:400;line-height:1.5rem;margin-bottom:1.1rem;margin-top:0;max-width:40em;padding-top:.4rem}@media (min-width: 1681px){h6{padding-top:.4rem}}summary,p,dt,dd,cite,.p-text--default,.p-text--small-caps,.p-text--x-small-capitalised{line-height:1.5rem;margin-top:0;padding-top:.4rem}dt,dd,cite,.p-text--default,.p-text--small-caps,.p-text--x-small-capitalised{font-size:1rem;font-weight:400;margin-bottom:.1rem}p{margin-bottom:1.1rem}p:not([class*=p-heading--]):not([class*=p-muted-heading])+p{margin-top:-.5rem}small,.p-text--small{font-size:.875rem;line-height:1.25rem;margin-bottom:.95rem;padding-top:.05rem}@media (min-width: 1681px){small,.p-text--small{padding-top:.05rem}}.p-text--x-small,.l-navigation .p-side-navigation__label--group,thead th{font-size:.75rem;font-weight:550;line-height:1rem;margin-bottom:.75rem;padding-top:.25rem}@media (min-width: 1681px){.p-text--x-small,.l-navigation .p-side-navigation__label--group,thead th{padding-top:.25rem}}.p-text--small-caps,.p-text--x-small-capitalised{font-variant-caps:all-small-caps;font-variant-numeric:oldstyle-nums;letter-spacing:.05em;margin-bottom:.6rem}.u-align-text--x-small-to-default.p-text--small-caps,.u-align-text--x-small-to-default.p-text--x-small-capitalised{padding-top:.4rem}.l-navigation .p-side-navigation__label--group,thead th{text-transform:uppercase}dt,b,strong{font-weight:550}p:not([class*=p-heading--]):not([class*=p-muted-heading])+h1,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--1{padding-top:2.05rem}@media (min-width: 1036px){p:not([class*=p-heading--]):not([class*=p-muted-heading])+h1,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--1{padding-top:2.05rem}}p:not([class*=p-heading--]):not([class*=p-muted-heading])+h2,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--2{padding-top:2.05rem}@media (min-width: 1036px){p:not([class*=p-heading--]):not([class*=p-muted-heading])+h2,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--2{padding-top:2.05rem}}p:not([class*=p-heading--]):not([class*=p-muted-heading])+h3,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--3{padding-top:1.95rem}@media (min-width: 1036px){p:not([class*=p-heading--]):not([class*=p-muted-heading])+h3,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--3{padding-top:1.95rem}}p:not([class*=p-heading--]):not([class*=p-muted-heading])+h4,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--4{padding-top:1.95rem}@media (min-width: 1036px){p:not([class*=p-heading--]):not([class*=p-muted-heading])+h4,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--4{padding-top:1.95rem}}p:not([class*=p-heading--]):not([class*=p-muted-heading])+h5,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--5,p:not([class*=p-heading--]):not([class*=p-muted-heading])+h6,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--6{padding-top:1.9rem}p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-muted-heading{padding-top:1.55rem}fieldset{border:1.5px solid #d9d9d9}fieldset{background-color:#fff;color:#000}fieldset{overflow:auto;padding:1rem}fieldset{margin-bottom:1.5rem;overflow:auto;padding:1rem}td,th{padding-bottom:.5rem;padding-top:calc(.5rem - 1px)}hr{border:0;height:1px;margin-top:0;position:relative;width:100%}.p-panel__header .p-icon--sidebar-toggle,.p-icon--submit-bug,.p-icon--profile,.p-icon--units,.p-icon--tag,.p-icon--settings,.p-icon--connected,.p-icon--pods,.p-icon--machines{overflow:hidden;text-indent:110vw;white-space:nowrap}h2.u-no-margin--bottom,h1.u-no-margin--bottom{margin-bottom:-.55rem!important}@media (min-width: 1036px){h2.u-no-margin--bottom,h1.u-no-margin--bottom{margin-bottom:-.55rem!important}}h3.u-no-margin--bottom{margin-bottom:.05rem!important}@media (min-width: 1036px){h3.u-no-margin--bottom{margin-bottom:-.45rem!important}}h4.u-no-margin--bottom{margin-bottom:.05rem!important}@media (min-width: 1036px){h4.u-no-margin--bottom{margin-bottom:-.45rem!important}}@media (min-width: 1681px){h4.u-no-margin--bottom{margin-bottom:-.45rem!important}}h5.u-no-margin--bottom,h6.u-no-margin--bottom,p.u-no-margin--bottom,.u-no-margin--bottom.p-text--small-caps,.u-no-margin--bottom.p-text--x-small-capitalised{margin-bottom:.1rem!important}small.u-no-margin--bottom,.u-no-margin--bottom.p-text--small,.u-no-margin--bottom.p-text--x-small,.l-navigation .u-no-margin--bottom.p-side-navigation__label--group,thead th.u-no-margin--bottom{margin-bottom:-.05rem!important}hr.u-no-margin--bottom{margin-bottom:-1px!important;z-index:2}.p-panel__header .p-icon--sidebar-toggle,.p-icon--submit-bug,.p-icon--profile,.p-icon--units,.p-icon--tag,.p-icon--settings,.p-icon--connected,.p-icon--pods,.p-icon--machines{background-size:contain;height:1rem;width:1rem;background-position:center;background-repeat:no-repeat;display:inline-block;font-size:inherit;margin:0;padding:0;position:relative;vertical-align:calc(.5px + .3465em - .5rem)}body{background:#fff}body.is-paper{background:#f3f3f3}@font-face{font-family:Ubuntu variable;font-stretch:100%;font-style:normal;font-weight:100 800;src:url(https://assets.ubuntu.com/v1/f1ea362b-Ubuntu%5Bwdth,wght%5D-latin-v0.896a.woff2) format("woff2-variations")}@font-face{font-family:Ubuntu variable;font-stretch:100%;font-style:italic;font-weight:100 800;src:url(https://assets.ubuntu.com/v1/90b59210-Ubuntu-Italic%5Bwdth,wght%5D-latin-v0.896a.woff2) format("woff2-variations")}@font-face{font-family:Ubuntu Mono variable;font-style:normal;font-weight:100 800;src:url(https://assets.ubuntu.com/v1/d5fc1819-UbuntuMono%5Bwght%5D-latin-v0.869.woff2) format("woff2-variations")}html{color:#000;font-family:Ubuntu variable,Ubuntu,-apple-system,Segoe UI,Roboto,Oxygen,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.5rem;font-size:1rem}@media (min-width: 1681px){html{font-size:1.125rem;line-height:1.6875rem}}p{max-width:40em}small.dense,.p-text--small.dense{margin-bottom:1.2rem}.p-text--small-caps,.p-text--x-small-capitalised{font-weight:550}p:not([class*=p-heading--]):not([class*=p-muted-heading]):empty{line-height:0;margin:0;padding:0}sub,sup{line-height:0;position:relative;vertical-align:baseline}abbr[title]{border-bottom:.1em dotted;cursor:help;text-decoration:none}blockquote{border-left:2px solid #666;margin-bottom:1.5rem;margin-left:0;margin-top:0;overflow:auto;padding-bottom:.5rem;padding-left:1.5rem}blockquote>:last-child{margin-bottom:.1rem}blockquote>cite{display:block;font-style:normal}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}button{background-color:#fff;border-color:#0000008f;color:#000}button:visited{color:#000}button:hover{background-color:#f2f2f2;border-color:#0000008f}button:active,button[aria-pressed=true],button[aria-selected=true],button[aria-expanded=true]{background-color:#ebebeb;border-color:#0000008f;transition-duration:0s}button:disabled:active,button:disabled[aria-pressed=true],button:disabled[aria-selected=true],button:disabled[aria-expanded=true],button:disabled:hover,button.is-disabled:active,button.is-disabled[aria-pressed=true],button.is-disabled[aria-selected=true],button.is-disabled[aria-expanded=true],button.is-disabled:hover{background-color:transparent;border-color:#0000008f}button.is-dense{padding-bottom:calc(.15rem - 1.5px);padding-top:calc(.15rem - 1.5px)}button{transition-duration:.1s;transition-property:background-color,border-color;transition-timing-function:cubic-bezier(.55,.055,.675,.19);border-style:solid;border-width:1.5px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;justify-content:center;line-height:1.5rem;margin:0 1rem 1.2rem 0;padding:calc(.4rem - 1px) 1rem;text-align:center;text-decoration:none}button:focus{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}button:focus-visible{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}button:focus:not(:focus-visible){outline:0;outline-offset:0}button:active,button:focus,button:hover{text-decoration:none}button:disabled,button.is-disabled{cursor:not-allowed;opacity:.33}button:last-child{margin-right:0}button.is-dense{margin-bottom:.1rem}button.is-small{font-size:.875rem;line-height:1.25rem;margin-bottom:.7rem;padding:calc(.05rem - 1.5px) .5rem}button.is-small.is-dense{margin-bottom:.1rem;padding-bottom:calc(.15rem - 1.5px);padding-top:calc(.15rem - 1.5px)}p button{margin-bottom:.6rem;margin-top:-.4rem}p+p>button{margin-top:.1rem}code,kbd,pre,samp{font-family:Ubuntu Mono variable,Ubuntu Mono,Consolas,Monaco,Courier,monospace;font-weight:400;text-align:left}code b,code strong,kbd b,kbd strong,pre b,pre strong,samp b,samp strong{font-weight:550}code,kbd,samp{background-color:#00000008;-webkit-box-decoration-break:slice;box-decoration-break:slice;color:inherit;line-height:1.25rem;padding:calc(.25rem - 1.5px) .25rem}code,pre{direction:ltr;-webkit-hyphens:none;hyphens:none;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-spacing:normal;word-wrap:break-word}pre code{background:none;box-shadow:none;display:inline-block;line-height:1.5rem;margin-left:0;margin-right:0;padding:0}pre{background-color:#00000008;color:#000;display:block;margin-bottom:1.5rem;margin-top:0;overflow:auto;padding:.5rem 1rem;text-align:left;text-shadow:none;white-space:pre}[class*=--dark] code,code.is-dark{background-color:#ffffff4d;color:#fff}details{margin-bottom:1.5rem;overflow:auto}summary{margin-bottom:.4rem;max-width:40em;padding-bottom:.6rem}summary:focus{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}summary:focus-visible{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}summary:focus:not(:focus-visible){outline:0;outline-offset:0}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.1875rem;margin:.5rem 0;padding:0;width:100%}input[type=range]::-webkit-slider-runnable-track{border-radius:.1875rem;height:.1875rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1.5px solid #666;border-radius:50%;box-shadow:0 0 .1875rem 1px #0003;height:1rem;margin-top:-.40625rem;width:1rem}input[type=range]::-webkit-slider-thumb:hover{cursor:pointer}input[type=range]::-moz-range-track{background:#d9d9d9;border-radius:.1875rem;height:.1875rem}input[type=range]::-moz-range-progress{background-color:#06c;border-radius:.1875rem;height:.1875rem}input[type=range]::-moz-range-thumb{background:#fff;border:1.5px solid #666;border-radius:50%;box-shadow:0 0 .1875rem 1px #0003;height:1rem;width:1rem}input[type=range]::-moz-range-thumb:hover{cursor:pointer}input[type=range]::-moz-focus-outer{border:0}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{outline:.1875rem solid #2e96ff}input[type=range]:focus::-moz-range-thumb{outline:.1875rem solid #2e96ff}input[type=range]:disabled{opacity:.5}[type=file],textarea,[type=text],[type=date],[type=datetime],[type=datetime-local],[type=month],[type=time],[type=week],[type=number],[type=search],[type=password],[type=email],[type=url],[type=tel],select{padding-bottom:calc(.4rem - 1px);padding-top:calc(.4rem - 1px)}textarea,[type=text],[type=date],[type=datetime],[type=datetime-local],[type=month],[type=time],[type=week],[type=number],[type=search],[type=password],[type=email],[type=url],[type=tel],select{transition-duration:.165s;transition-property:background-color;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;border:0 solid transparent;border-bottom:1.5px solid #000;border-radius:0;font-family:Ubuntu variable,Ubuntu,-apple-system,Segoe UI,Roboto,Oxygen,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:400;line-height:1.5rem;margin-bottom:1.2rem;min-width:8em;padding-left:.5rem;padding-right:.5rem;vertical-align:baseline;width:100%;background-color:#f5f5f5;border-color:#000;color:#000}textarea:focus,[type=text]:focus,[type=date]:focus,[type=datetime]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=time]:focus,[type=week]:focus,[type=number]:focus,[type=search]:focus,[type=password]:focus,[type=email]:focus,[type=url]:focus,[type=tel]:focus,select:focus{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}textarea:focus-visible,[type=text]:focus-visible,[type=date]:focus-visible,[type=datetime]:focus-visible,[type=datetime-local]:focus-visible,[type=month]:focus-visible,[type=time]:focus-visible,[type=week]:focus-visible,[type=number]:focus-visible,[type=search]:focus-visible,[type=password]:focus-visible,[type=email]:focus-visible,[type=url]:focus-visible,[type=tel]:focus-visible,select:focus-visible{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}textarea:focus:not(:focus-visible),[type=text]:focus:not(:focus-visible),[type=date]:focus:not(:focus-visible),[type=datetime]:focus:not(:focus-visible),[type=datetime-local]:focus:not(:focus-visible),[type=month]:focus:not(:focus-visible),[type=time]:focus:not(:focus-visible),[type=week]:focus:not(:focus-visible),[type=number]:focus:not(:focus-visible),[type=search]:focus:not(:focus-visible),[type=password]:focus:not(:focus-visible),[type=email]:focus:not(:focus-visible),[type=url]:focus:not(:focus-visible),[type=tel]:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:0;outline-offset:0}.is-error textarea:focus,.is-error [type=text]:focus,.is-error [type=date]:focus,.is-error [type=datetime]:focus,.is-error [type=datetime-local]:focus,.is-error [type=month]:focus,.is-error [type=time]:focus,.is-error [type=week]:focus,.is-error [type=number]:focus,.is-error [type=search]:focus,.is-error [type=password]:focus,.is-error [type=email]:focus,.is-error [type=url]:focus,.is-error [type=tel]:focus,.is-error select:focus{outline-color:#c7162b}.is-caution textarea:focus,.is-caution [type=text]:focus,.is-caution [type=date]:focus,.is-caution [type=datetime]:focus,.is-caution [type=datetime-local]:focus,.is-caution [type=month]:focus,.is-caution [type=time]:focus,.is-caution [type=week]:focus,.is-caution [type=number]:focus,.is-caution [type=search]:focus,.is-caution [type=password]:focus,.is-caution [type=email]:focus,.is-caution [type=url]:focus,.is-caution [type=tel]:focus,.is-caution select:focus{outline-color:#f99b11}.is-success textarea:focus,.is-success [type=text]:focus,.is-success [type=date]:focus,.is-success [type=datetime]:focus,.is-success [type=datetime-local]:focus,.is-success [type=month]:focus,.is-success [type=time]:focus,.is-success [type=week]:focus,.is-success [type=number]:focus,.is-success [type=search]:focus,.is-success [type=password]:focus,.is-success [type=email]:focus,.is-success [type=url]:focus,.is-success [type=tel]:focus,.is-success select:focus{outline-color:#0e8420}textarea.is-dense,.is-dense[type=text],.is-dense[type=date],.is-dense[type=datetime],.is-dense[type=datetime-local],.is-dense[type=month],.is-dense[type=time],.is-dense[type=week],.is-dense[type=number],.is-dense[type=search],.is-dense[type=password],.is-dense[type=email],.is-dense[type=url],.is-dense[type=tel],select.is-dense{margin:0 0 .1rem;padding-bottom:calc(.15rem - 1.5px);padding-top:calc(.15rem - 1.5px)}textarea.has-error,.has-error[type=text],.has-error[type=date],.has-error[type=datetime],.has-error[type=datetime-local],.has-error[type=month],.has-error[type=time],.has-error[type=week],.has-error[type=number],.has-error[type=search],.has-error[type=password],.has-error[type=email],.has-error[type=url],.has-error[type=tel],select.has-error{border:1.5px solid #c7162b}textarea.has-caution,.has-caution[type=text],.has-caution[type=date],.has-caution[type=datetime],.has-caution[type=datetime-local],.has-caution[type=month],.has-caution[type=time],.has-caution[type=week],.has-caution[type=number],.has-caution[type=search],.has-caution[type=password],.has-caution[type=email],.has-caution[type=url],.has-caution[type=tel],select.has-caution{border:1.5px solid #f99b11}textarea.has-success,.has-success[type=text],.has-success[type=date],.has-success[type=datetime],.has-success[type=datetime-local],.has-success[type=month],.has-success[type=time],.has-success[type=week],.has-success[type=number],.has-success[type=search],.has-success[type=password],.has-success[type=email],.has-success[type=url],.has-success[type=tel],select.has-success{border:1.5px solid #0e8420}textarea.has-information,.has-information[type=text],.has-information[type=date],.has-information[type=datetime],.has-information[type=datetime-local],.has-information[type=month],.has-information[type=time],.has-information[type=week],.has-information[type=number],.has-information[type=search],.has-information[type=password],.has-information[type=email],.has-information[type=url],.has-information[type=tel],select.has-information{border:1.5px solid #24598f}textarea:hover,[type=text]:hover,[type=date]:hover,[type=datetime]:hover,[type=datetime-local]:hover,[type=month]:hover,[type=time]:hover,[type=week]:hover,[type=number]:hover,[type=search]:hover,[type=password]:hover,[type=email]:hover,[type=url]:hover,[type=tel]:hover,select:hover{background-color:#f2f2f2}textarea:active,[type=text]:active,[type=date]:active,[type=datetime]:active,[type=datetime-local]:active,[type=month]:active,[type=time]:active,[type=week]:active,[type=number]:active,[type=search]:active,[type=password]:active,[type=email]:active,[type=url]:active,[type=tel]:active,select:active,textarea:focus,[type=text]:focus,[type=date]:focus,[type=datetime]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=time]:focus,[type=week]:focus,[type=number]:focus,[type=search]:focus,[type=password]:focus,[type=email]:focus,[type=url]:focus,[type=tel]:focus,select:focus{background-color:#ebebeb}textarea option,[type=text] option,[type=date] option,[type=datetime] option,[type=datetime-local] option,[type=month] option,[type=time] option,[type=week] option,[type=number] option,[type=search] option,[type=password] option,[type=email] option,[type=url] option,[type=tel] option,select option{background-color:#f7f7f7;color:#000}textarea option:checked:not(:disabled),[type=text] option:checked:not(:disabled),[type=date] option:checked:not(:disabled),[type=datetime] option:checked:not(:disabled),[type=datetime-local] option:checked:not(:disabled),[type=month] option:checked:not(:disabled),[type=time] option:checked:not(:disabled),[type=week] option:checked:not(:disabled),[type=number] option:checked:not(:disabled),[type=search] option:checked:not(:disabled),[type=password] option:checked:not(:disabled),[type=email] option:checked:not(:disabled),[type=url] option:checked:not(:disabled),[type=tel] option:checked:not(:disabled),select option:checked:not(:disabled){background-color:#ebebeb}textarea::placeholder,[type=text]::placeholder,[type=date]::placeholder,[type=datetime]::placeholder,[type=datetime-local]::placeholder,[type=month]::placeholder,[type=time]::placeholder,[type=week]::placeholder,[type=number]::placeholder,[type=search]::placeholder,[type=password]::placeholder,[type=email]::placeholder,[type=url]::placeholder,[type=tel]::placeholder,select::placeholder{color:#0009}.is-dark textarea,.is-dark [type=text],.is-dark [type=date],.is-dark [type=datetime],.is-dark [type=datetime-local],.is-dark [type=month],.is-dark [type=time],.is-dark [type=week],.is-dark [type=number],.is-dark [type=search],.is-dark [type=password],.is-dark [type=email],.is-dark [type=url],.is-dark [type=tel],.is-dark select,textarea.is-dark,.is-dark[type=text],.is-dark[type=date],.is-dark[type=datetime],.is-dark[type=datetime-local],.is-dark[type=month],.is-dark[type=time],.is-dark[type=week],.is-dark[type=number],.is-dark[type=search],.is-dark[type=password],.is-dark[type=email],.is-dark[type=url],.is-dark[type=tel],select.is-dark{background-color:#ffffff0a;border-color:#ffffff80;color:#fff}.is-dark textarea:hover,.is-dark [type=text]:hover,.is-dark [type=date]:hover,.is-dark [type=datetime]:hover,.is-dark [type=datetime-local]:hover,.is-dark [type=month]:hover,.is-dark [type=time]:hover,.is-dark [type=week]:hover,.is-dark [type=number]:hover,.is-dark [type=search]:hover,.is-dark [type=password]:hover,.is-dark [type=email]:hover,.is-dark [type=url]:hover,.is-dark [type=tel]:hover,.is-dark select:hover,textarea.is-dark:hover,.is-dark[type=text]:hover,.is-dark[type=date]:hover,.is-dark[type=datetime]:hover,.is-dark[type=datetime-local]:hover,.is-dark[type=month]:hover,.is-dark[type=time]:hover,.is-dark[type=week]:hover,.is-dark[type=number]:hover,.is-dark[type=search]:hover,.is-dark[type=password]:hover,.is-dark[type=email]:hover,.is-dark[type=url]:hover,.is-dark[type=tel]:hover,select.is-dark:hover{background-color:#ffffff0d}.is-dark textarea:active,.is-dark [type=text]:active,.is-dark [type=date]:active,.is-dark [type=datetime]:active,.is-dark [type=datetime-local]:active,.is-dark [type=month]:active,.is-dark [type=time]:active,.is-dark [type=week]:active,.is-dark [type=number]:active,.is-dark [type=search]:active,.is-dark [type=password]:active,.is-dark [type=email]:active,.is-dark [type=url]:active,.is-dark [type=tel]:active,.is-dark select:active,.is-dark textarea:focus,.is-dark [type=text]:focus,.is-dark [type=date]:focus,.is-dark [type=datetime]:focus,.is-dark [type=datetime-local]:focus,.is-dark [type=month]:focus,.is-dark [type=time]:focus,.is-dark [type=week]:focus,.is-dark [type=number]:focus,.is-dark [type=search]:focus,.is-dark [type=password]:focus,.is-dark [type=email]:focus,.is-dark [type=url]:focus,.is-dark [type=tel]:focus,.is-dark select:focus,textarea.is-dark:active,.is-dark[type=text]:active,.is-dark[type=date]:active,.is-dark[type=datetime]:active,.is-dark[type=datetime-local]:active,.is-dark[type=month]:active,.is-dark[type=time]:active,.is-dark[type=week]:active,.is-dark[type=number]:active,.is-dark[type=search]:active,.is-dark[type=password]:active,.is-dark[type=email]:active,.is-dark[type=url]:active,.is-dark[type=tel]:active,select.is-dark:active,textarea.is-dark:focus,.is-dark[type=text]:focus,.is-dark[type=date]:focus,.is-dark[type=datetime]:focus,.is-dark[type=datetime-local]:focus,.is-dark[type=month]:focus,.is-dark[type=time]:focus,.is-dark[type=week]:focus,.is-dark[type=number]:focus,.is-dark[type=search]:focus,.is-dark[type=password]:focus,.is-dark[type=email]:focus,.is-dark[type=url]:focus,.is-dark[type=tel]:focus,select.is-dark:focus{background-color:#ffffff14}.is-dark textarea option,.is-dark [type=text] option,.is-dark [type=date] option,.is-dark [type=datetime] option,.is-dark [type=datetime-local] option,.is-dark [type=month] option,.is-dark [type=time] option,.is-dark [type=week] option,.is-dark [type=number] option,.is-dark [type=search] option,.is-dark [type=password] option,.is-dark [type=email] option,.is-dark [type=url] option,.is-dark [type=tel] option,.is-dark select option,textarea.is-dark option,.is-dark[type=text] option,.is-dark[type=date] option,.is-dark[type=datetime] option,.is-dark[type=datetime-local] option,.is-dark[type=month] option,.is-dark[type=time] option,.is-dark[type=week] option,.is-dark[type=number] option,.is-dark[type=search] option,.is-dark[type=password] option,.is-dark[type=email] option,.is-dark[type=url] option,.is-dark[type=tel] option,select.is-dark option{background-color:#2d2d2d;color:#fff}.is-dark textarea option:checked:not(:disabled),.is-dark [type=text] option:checked:not(:disabled),.is-dark [type=date] option:checked:not(:disabled),.is-dark [type=datetime] option:checked:not(:disabled),.is-dark [type=datetime-local] option:checked:not(:disabled),.is-dark [type=month] option:checked:not(:disabled),.is-dark [type=time] option:checked:not(:disabled),.is-dark [type=week] option:checked:not(:disabled),.is-dark [type=number] option:checked:not(:disabled),.is-dark [type=search] option:checked:not(:disabled),.is-dark [type=password] option:checked:not(:disabled),.is-dark [type=email] option:checked:not(:disabled),.is-dark [type=url] option:checked:not(:disabled),.is-dark [type=tel] option:checked:not(:disabled),.is-dark select option:checked:not(:disabled),textarea.is-dark option:checked:not(:disabled),.is-dark[type=text] option:checked:not(:disabled),.is-dark[type=date] option:checked:not(:disabled),.is-dark[type=datetime] option:checked:not(:disabled),.is-dark[type=datetime-local] option:checked:not(:disabled),.is-dark[type=month] option:checked:not(:disabled),.is-dark[type=time] option:checked:not(:disabled),.is-dark[type=week] option:checked:not(:disabled),.is-dark[type=number] option:checked:not(:disabled),.is-dark[type=search] option:checked:not(:disabled),.is-dark[type=password] option:checked:not(:disabled),.is-dark[type=email] option:checked:not(:disabled),.is-dark[type=url] option:checked:not(:disabled),.is-dark[type=tel] option:checked:not(:disabled),select.is-dark option:checked:not(:disabled){background-color:#ffffff14}.is-dark textarea::placeholder,.is-dark [type=text]::placeholder,.is-dark [type=date]::placeholder,.is-dark [type=datetime]::placeholder,.is-dark [type=datetime-local]::placeholder,.is-dark [type=month]::placeholder,.is-dark [type=time]::placeholder,.is-dark [type=week]::placeholder,.is-dark [type=number]::placeholder,.is-dark [type=search]::placeholder,.is-dark [type=password]::placeholder,.is-dark [type=email]::placeholder,.is-dark [type=url]::placeholder,.is-dark [type=tel]::placeholder,.is-dark select::placeholder,textarea.is-dark::placeholder,.is-dark[type=text]::placeholder,.is-dark[type=date]::placeholder,.is-dark[type=datetime]::placeholder,.is-dark[type=datetime-local]::placeholder,.is-dark[type=month]::placeholder,.is-dark[type=time]::placeholder,.is-dark[type=week]::placeholder,.is-dark[type=number]::placeholder,.is-dark[type=search]::placeholder,.is-dark[type=password]::placeholder,.is-dark[type=email]::placeholder,.is-dark[type=url]::placeholder,.is-dark[type=tel]::placeholder,select.is-dark::placeholder{color:#fff9}.is-paper textarea,.is-paper [type=text],.is-paper [type=date],.is-paper [type=datetime],.is-paper [type=datetime-local],.is-paper [type=month],.is-paper [type=time],.is-paper [type=week],.is-paper [type=number],.is-paper [type=search],.is-paper [type=password],.is-paper [type=email],.is-paper [type=url],.is-paper [type=tel],.is-paper select,textarea.is-paper,.is-paper[type=text],.is-paper[type=date],.is-paper[type=datetime],.is-paper[type=datetime-local],.is-paper[type=month],.is-paper[type=time],.is-paper[type=week],.is-paper[type=number],.is-paper[type=search],.is-paper[type=password],.is-paper[type=email],.is-paper[type=url],.is-paper[type=tel],select.is-paper{background-color:#0000000a;border-color:#000;color:#000}.is-paper textarea:hover,.is-paper [type=text]:hover,.is-paper [type=date]:hover,.is-paper [type=datetime]:hover,.is-paper [type=datetime-local]:hover,.is-paper [type=month]:hover,.is-paper [type=time]:hover,.is-paper [type=week]:hover,.is-paper [type=number]:hover,.is-paper [type=search]:hover,.is-paper [type=password]:hover,.is-paper [type=email]:hover,.is-paper [type=url]:hover,.is-paper [type=tel]:hover,.is-paper select:hover,textarea.is-paper:hover,.is-paper[type=text]:hover,.is-paper[type=date]:hover,.is-paper[type=datetime]:hover,.is-paper[type=datetime-local]:hover,.is-paper[type=month]:hover,.is-paper[type=time]:hover,.is-paper[type=week]:hover,.is-paper[type=number]:hover,.is-paper[type=search]:hover,.is-paper[type=password]:hover,.is-paper[type=email]:hover,.is-paper[type=url]:hover,.is-paper[type=tel]:hover,select.is-paper:hover{background-color:#0000000d}.is-paper textarea:active,.is-paper [type=text]:active,.is-paper [type=date]:active,.is-paper [type=datetime]:active,.is-paper [type=datetime-local]:active,.is-paper [type=month]:active,.is-paper [type=time]:active,.is-paper [type=week]:active,.is-paper [type=number]:active,.is-paper [type=search]:active,.is-paper [type=password]:active,.is-paper [type=email]:active,.is-paper [type=url]:active,.is-paper [type=tel]:active,.is-paper select:active,.is-paper textarea:focus,.is-paper [type=text]:focus,.is-paper [type=date]:focus,.is-paper [type=datetime]:focus,.is-paper [type=datetime-local]:focus,.is-paper [type=month]:focus,.is-paper [type=time]:focus,.is-paper [type=week]:focus,.is-paper [type=number]:focus,.is-paper [type=search]:focus,.is-paper [type=password]:focus,.is-paper [type=email]:focus,.is-paper [type=url]:focus,.is-paper [type=tel]:focus,.is-paper select:focus,textarea.is-paper:active,.is-paper[type=text]:active,.is-paper[type=date]:active,.is-paper[type=datetime]:active,.is-paper[type=datetime-local]:active,.is-paper[type=month]:active,.is-paper[type=time]:active,.is-paper[type=week]:active,.is-paper[type=number]:active,.is-paper[type=search]:active,.is-paper[type=password]:active,.is-paper[type=email]:active,.is-paper[type=url]:active,.is-paper[type=tel]:active,select.is-paper:active,textarea.is-paper:focus,.is-paper[type=text]:focus,.is-paper[type=date]:focus,.is-paper[type=datetime]:focus,.is-paper[type=datetime-local]:focus,.is-paper[type=month]:focus,.is-paper[type=time]:focus,.is-paper[type=week]:focus,.is-paper[type=number]:focus,.is-paper[type=search]:focus,.is-paper[type=password]:focus,.is-paper[type=email]:focus,.is-paper[type=url]:focus,.is-paper[type=tel]:focus,select.is-paper:focus{background-color:#00000014}.is-paper textarea option,.is-paper [type=text] option,.is-paper [type=date] option,.is-paper [type=datetime] option,.is-paper [type=datetime-local] option,.is-paper [type=month] option,.is-paper [type=time] option,.is-paper [type=week] option,.is-paper [type=number] option,.is-paper [type=search] option,.is-paper [type=password] option,.is-paper [type=email] option,.is-paper [type=url] option,.is-paper [type=tel] option,.is-paper select option,textarea.is-paper option,.is-paper[type=text] option,.is-paper[type=date] option,.is-paper[type=datetime] option,.is-paper[type=datetime-local] option,.is-paper[type=month] option,.is-paper[type=time] option,.is-paper[type=week] option,.is-paper[type=number] option,.is-paper[type=search] option,.is-paper[type=password] option,.is-paper[type=email] option,.is-paper[type=url] option,.is-paper[type=tel] option,select.is-paper option{background-color:#f7f7f7;color:#000}.is-paper textarea option:checked:not(:disabled),.is-paper [type=text] option:checked:not(:disabled),.is-paper [type=date] option:checked:not(:disabled),.is-paper [type=datetime] option:checked:not(:disabled),.is-paper [type=datetime-local] option:checked:not(:disabled),.is-paper [type=month] option:checked:not(:disabled),.is-paper [type=time] option:checked:not(:disabled),.is-paper [type=week] option:checked:not(:disabled),.is-paper [type=number] option:checked:not(:disabled),.is-paper [type=search] option:checked:not(:disabled),.is-paper [type=password] option:checked:not(:disabled),.is-paper [type=email] option:checked:not(:disabled),.is-paper [type=url] option:checked:not(:disabled),.is-paper [type=tel] option:checked:not(:disabled),.is-paper select option:checked:not(:disabled),textarea.is-paper option:checked:not(:disabled),.is-paper[type=text] option:checked:not(:disabled),.is-paper[type=date] option:checked:not(:disabled),.is-paper[type=datetime] option:checked:not(:disabled),.is-paper[type=datetime-local] option:checked:not(:disabled),.is-paper[type=month] option:checked:not(:disabled),.is-paper[type=time] option:checked:not(:disabled),.is-paper[type=week] option:checked:not(:disabled),.is-paper[type=number] option:checked:not(:disabled),.is-paper[type=search] option:checked:not(:disabled),.is-paper[type=password] option:checked:not(:disabled),.is-paper[type=email] option:checked:not(:disabled),.is-paper[type=url] option:checked:not(:disabled),.is-paper[type=tel] option:checked:not(:disabled),select.is-paper option:checked:not(:disabled){background-color:#00000014}.is-paper textarea::placeholder,.is-paper [type=text]::placeholder,.is-paper [type=date]::placeholder,.is-paper [type=datetime]::placeholder,.is-paper [type=datetime-local]::placeholder,.is-paper [type=month]::placeholder,.is-paper [type=time]::placeholder,.is-paper [type=week]::placeholder,.is-paper [type=number]::placeholder,.is-paper [type=search]::placeholder,.is-paper [type=password]::placeholder,.is-paper [type=email]::placeholder,.is-paper [type=url]::placeholder,.is-paper [type=tel]::placeholder,.is-paper select::placeholder,textarea.is-paper::placeholder,.is-paper[type=text]::placeholder,.is-paper[type=date]::placeholder,.is-paper[type=datetime]::placeholder,.is-paper[type=datetime-local]::placeholder,.is-paper[type=month]::placeholder,.is-paper[type=time]::placeholder,.is-paper[type=week]::placeholder,.is-paper[type=number]::placeholder,.is-paper[type=search]::placeholder,.is-paper[type=password]::placeholder,.is-paper[type=email]::placeholder,.is-paper[type=url]::placeholder,.is-paper[type=tel]::placeholder,select.is-paper::placeholder{color:#0009}textarea[disabled],[disabled][type=text],[disabled][type=date],[disabled][type=datetime],[disabled][type=datetime-local],[disabled][type=month],[disabled][type=time],[disabled][type=week],[disabled][type=number],[disabled][type=search],[disabled][type=password],[disabled][type=email],[disabled][type=url],[disabled][type=tel],select[disabled],textarea[disabled=disabled],[disabled=disabled][type=text],[disabled=disabled][type=date],[disabled=disabled][type=datetime],[disabled=disabled][type=datetime-local],[disabled=disabled][type=month],[disabled=disabled][type=time],[disabled=disabled][type=week],[disabled=disabled][type=number],[disabled=disabled][type=search],[disabled=disabled][type=password],[disabled=disabled][type=email],[disabled=disabled][type=url],[disabled=disabled][type=tel],select[disabled=disabled]{cursor:not-allowed;opacity:.33}textarea[readonly],[readonly][type=text],[readonly][type=date],[readonly][type=datetime],[readonly][type=datetime-local],[readonly][type=month],[readonly][type=time],[readonly][type=week],[readonly][type=number],[readonly][type=search],[readonly][type=password],[readonly][type=email],[readonly][type=url],[readonly][type=tel],select[readonly],textarea[readonly=readonly],[readonly=readonly][type=text],[readonly=readonly][type=date],[readonly=readonly][type=datetime],[readonly=readonly][type=datetime-local],[readonly=readonly][type=month],[readonly=readonly][type=time],[readonly=readonly][type=week],[readonly=readonly][type=number],[readonly=readonly][type=search],[readonly=readonly][type=password],[readonly=readonly][type=email],[readonly=readonly][type=url],[readonly=readonly][type=tel],select[readonly=readonly]{color:#d9d9d9;cursor:default}textarea[readonly]:hover,[readonly][type=text]:hover,[readonly][type=date]:hover,[readonly][type=datetime]:hover,[readonly][type=datetime-local]:hover,[readonly][type=month]:hover,[readonly][type=time]:hover,[readonly][type=week]:hover,[readonly][type=number]:hover,[readonly][type=search]:hover,[readonly][type=password]:hover,[readonly][type=email]:hover,[readonly][type=url]:hover,[readonly][type=tel]:hover,select[readonly]:hover,textarea[readonly=readonly]:hover,[readonly=readonly][type=text]:hover,[readonly=readonly][type=date]:hover,[readonly=readonly][type=datetime]:hover,[readonly=readonly][type=datetime-local]:hover,[readonly=readonly][type=month]:hover,[readonly=readonly][type=time]:hover,[readonly=readonly][type=week]:hover,[readonly=readonly][type=number]:hover,[readonly=readonly][type=search]:hover,[readonly=readonly][type=password]:hover,[readonly=readonly][type=email]:hover,[readonly=readonly][type=url]:hover,[readonly=readonly][type=tel]:hover,select[readonly=readonly]:hover,textarea[readonly]:active,[readonly][type=text]:active,[readonly][type=date]:active,[readonly][type=datetime]:active,[readonly][type=datetime-local]:active,[readonly][type=month]:active,[readonly][type=time]:active,[readonly][type=week]:active,[readonly][type=number]:active,[readonly][type=search]:active,[readonly][type=password]:active,[readonly][type=email]:active,[readonly][type=url]:active,[readonly][type=tel]:active,select[readonly]:active,textarea[readonly=readonly]:active,[readonly=readonly][type=text]:active,[readonly=readonly][type=date]:active,[readonly=readonly][type=datetime]:active,[readonly=readonly][type=datetime-local]:active,[readonly=readonly][type=month]:active,[readonly=readonly][type=time]:active,[readonly=readonly][type=week]:active,[readonly=readonly][type=number]:active,[readonly=readonly][type=search]:active,[readonly=readonly][type=password]:active,[readonly=readonly][type=email]:active,[readonly=readonly][type=url]:active,[readonly=readonly][type=tel]:active,select[readonly=readonly]:active{border-color:#666;outline:none}label{cursor:pointer;display:inline-block;margin-bottom:.6rem;margin-top:0;max-width:40em;padding-top:.4rem;width:fit-content}label.is-required:before{content:"* ";position:relative}label.u-truncate{width:auto}label.has-error{color:#c7162b}label.has-caution{color:#f99b11}label.has-success{color:#0e8420}label.has-information{color:#24598f}[type=file]{margin-bottom:1.2rem;width:100%}[type=file]:focus{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}[type=file]:focus-visible{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}[type=file]:focus:not(:focus-visible){outline:0;outline-offset:0}[type=search]{-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0}[type=search]::-webkit-search-results-decoration{display:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:searchfield-cancel-button;cursor:pointer}input[list]::-webkit-calendar-picker-indicator{opacity:0}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23666' d='M8.187 11.748l6.187-6.187-1.06-1.061-5.127 5.127L3.061 4.5 2 5.561z'/%3E%3C/svg%3E");-moz-appearance:none;-webkit-appearance:none;appearance:none;background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;box-shadow:none;min-height:1.5rem;padding-right:2rem;text-indent:.01px;text-overflow:""}select:hover{cursor:pointer}select[multiple],select[size]{background-image:none;box-shadow:none;height:auto}select[multiple] option,select[size] option{font-weight:400;line-height:calc(1rem - 2px);padding:.25rem 0}textarea{margin-bottom:1.2rem;overflow:auto;vertical-align:top}fieldset{margin-left:0;margin-right:0;padding:calc(1rem - 1.5px)}hr{margin-bottom:calc(.5rem - 1px)}hr{background:rgba(0,0,0,.2)}hr.is-muted{background-color:#0000001a}hr.is-dark{background:rgba(255,255,255,.3)}hr.is-dark.is-muted{background-color:#ffffff0d}a{color:#06c;text-decoration:none}a:focus{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}a:focus-visible{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}a:focus:not(:focus-visible){outline:0;outline-offset:0}a:focus{outline-offset:0}a:hover{cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.075em}a:visited{color:#7d42b8}a.is-dark{color:#69c}a.is-dark:visited{color:#a679d2}ol,ul{margin-bottom:1.5rem;margin-left:1rem;margin-top:0;padding-left:1rem}nav ol,nav ul{list-style:none;list-style-image:none}li{margin:0;padding:0}li>ul,li>ol{margin-bottom:0;padding-top:0}li>ul>li:last-of-type,li>ol>li:last-of-type{padding-bottom:0}dl{margin-bottom:1.5rem;margin-top:0;padding:0}dd{margin-left:1rem}img{border:0;height:auto;max-width:100%}figure{margin-bottom:1.5rem;margin-left:0;width:100%}figure caption,figure figcaption{display:block;font-style:italic;margin-top:.25rem;width:100%}iframe{border:0}object,iframe,embed,canvas,video,audio{display:block;margin:0 auto 20px;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}table{border:0;border-collapse:collapse;caption-side:bottom;line-height:1.5rem;margin-bottom:1.5rem;overflow-x:auto;width:100%;table-layout:fixed}td,th{font-weight:400;overflow:hidden;padding-left:.5rem;padding-right:.5rem;text-align:left;text-overflow:ellipsis;vertical-align:top}td.has-overflow,th.has-overflow{overflow:visible}thead th{padding-bottom:.75rem;padding-top:.75rem}thead tr{border-bottom:1px solid rgba(0,0,0,.2);vertical-align:top}caption{padding-bottom:.5rem;padding-top:.5rem}tfoot tr,tbody tr:not(:first-child){border-top:1px solid rgba(0,0,0,.1)}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#0009}.token.punctuation{color:#000}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#77216f}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#0e811f}.token .operator,.token .entity,.token .url,.language-css .token.string,.style .token.string{color:#a86500}.token.atrule,.token.attr-value,.token.keyword{color:#06c}.token.function,.token.class-name{color:#c7162b}.token.regex,.token.important,.token.variable{color:#dc3023}.token.important,.token.bold{font-weight:550}.token.italic{font-style:italic}.token.entity{cursor:help}.p-icon--machines{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .99a3 3 0 013 3v1.75c0 .938-.431 1.776-1.106 2.326A2.989 2.989 0 0115 10.392v1.75a3 3 0 01-3 3H4a3 3 0 01-3-3v-1.75c0-.94.431-1.777 1.106-2.327A2.989 2.989 0 011 5.739V3.99a3 3 0 013-3h8zm0 7.902H4a1.5 1.5 0 00-1.493 1.355l-.007.145v1.75a1.5 1.5 0 001.356 1.493l.144.007h8a1.5 1.5 0 001.493-1.356l.007-.144v-1.75a1.5 1.5 0 00-1.356-1.494L12 8.892zM11.5 10a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1zm.5-7.51H4a1.5 1.5 0 00-1.493 1.355l-.007.144v1.75a1.5 1.5 0 001.356 1.493L4 7.24h8a1.5 1.5 0 001.493-1.355l.007-.145V3.99a1.5 1.5 0 00-1.356-1.493L12 2.49zM11.5 4a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--machines,.p-icon--machines.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .99a3 3 0 013 3v1.75c0 .938-.431 1.776-1.106 2.326A2.989 2.989 0 0115 10.392v1.75a3 3 0 01-3 3H4a3 3 0 01-3-3v-1.75c0-.94.431-1.777 1.106-2.327A2.989 2.989 0 011 5.739V3.99a3 3 0 013-3h8zm0 7.902H4a1.5 1.5 0 00-1.493 1.355l-.007.145v1.75a1.5 1.5 0 001.356 1.493l.144.007h8a1.5 1.5 0 001.493-1.356l.007-.144v-1.75a1.5 1.5 0 00-1.356-1.494L12 8.892zM11.5 10a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1zm.5-7.51H4a1.5 1.5 0 00-1.493 1.355l-.007.144v1.75a1.5 1.5 0 001.356 1.493L4 7.24h8a1.5 1.5 0 001.493-1.355l.007-.145V3.99a1.5 1.5 0 00-1.356-1.493L12 2.49zM11.5 4a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--pods{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.703 3.958l.106-.093.011-.009a2 2 0 01.283-.19L7.032.938a2 2 0 011.936 0l4.929 2.728.147.09.168.126.12.11.062.063.072.082.09.117.108.169.08.154.05.116.058.177c.05.176.076.36.076.546v5.311a2 2 0 01-1.031 1.75l-4.929 2.727a2 2 0 01-1.936 0l-4.929-2.727a2 2 0 01-1.031-1.75V5.416a2 2 0 01.034-.367l.042-.178a2 2 0 01.062-.184l.063-.144.042-.083.08-.135.07-.1.061-.078.1-.113.077-.076zm11.725 2.375l-4.46 2.469a2 2 0 01-1.936 0l-4.46-2.468v4.393a.5.5 0 00.183.387l.075.05 4.928 2.728a.5.5 0 00.39.04l.094-.04 4.928-2.728a.5.5 0 00.25-.348l.008-.089V6.333zM7.852 2.211l-.094.04-4.733 2.62L7.758 7.49a.5.5 0 00.39.04l.094-.04 4.732-2.62-4.732-2.62a.5.5 0 00-.39-.04z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--pods,.p-icon--pods.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.703 3.958l.106-.093.011-.009a2 2 0 01.283-.19L7.032.938a2 2 0 011.936 0l4.929 2.728.147.09.168.126.12.11.062.063.072.082.09.117.108.169.08.154.05.116.058.177c.05.176.076.36.076.546v5.311a2 2 0 01-1.031 1.75l-4.929 2.727a2 2 0 01-1.936 0l-4.929-2.727a2 2 0 01-1.031-1.75V5.416a2 2 0 01.034-.367l.042-.178a2 2 0 01.062-.184l.063-.144.042-.083.08-.135.07-.1.061-.078.1-.113.077-.076zm11.725 2.375l-4.46 2.469a2 2 0 01-1.936 0l-4.46-2.468v4.393a.5.5 0 00.183.387l.075.05 4.928 2.728a.5.5 0 00.39.04l.094-.04 4.928-2.728a.5.5 0 00.25-.348l.008-.089V6.333zM7.852 2.211l-.094.04-4.733 2.62L7.758 7.49a.5.5 0 00.39.04l.094-.04 4.732-2.62-4.732-2.62a.5.5 0 00-.39-.04z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--connected{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.927 7.141l3.182 3.182L6.432 13a2.251 2.251 0 01-2.724.354L1.5 15.56.44 14.5l2.295-2.297a2.25 2.25 0 01.515-2.385l2.677-2.677zM14.5.44L15.56 1.5l-1.956 1.958a2.251 2.251 0 01-.354 2.724l-2.677 2.677-3.182-3.182L10.068 3a2.25 2.25 0 012.385-.515L14.5.44z' fill='%23666' fill-rule='evenodd'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--connected,.p-icon--connected.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.927 7.141l3.182 3.182L6.432 13a2.251 2.251 0 01-2.724.354L1.5 15.56.44 14.5l2.295-2.297a2.25 2.25 0 01.515-2.385l2.677-2.677zM14.5.44L15.56 1.5l-1.956 1.958a2.251 2.251 0 01-.354 2.724l-2.677 2.677-3.182-3.182L10.068 3a2.25 2.25 0 012.385-.515L14.5.44z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E")}.p-icon--settings{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.817.639a7.572 7.572 0 013.649 2.109l-.668 1.849c.212.297.396.615.55.95l1.936.346c.193.669.296 1.376.296 2.107 0 .731-.103 1.438-.296 2.107l-1.936.346a5.876 5.876 0 01-.55.95l.668 1.85a7.572 7.572 0 01-3.65 2.108l-1.268-1.504a5.956 5.956 0 01-1.096 0l-1.268 1.504a7.572 7.572 0 01-3.65-2.109l.668-1.849a5.876 5.876 0 01-.55-.95l-1.936-.346A7.584 7.584 0 01.42 8c0-.731.103-1.438.296-2.107l1.936-.346c.154-.335.338-.653.55-.95l-.668-1.85A7.572 7.572 0 016.184.64l1.268 1.504a5.956 5.956 0 011.096 0L9.817.639zm.496 1.737L9.19 3.709l-.78-.072a4.456 4.456 0 00-.41-.02l-.206.006-.204.014-.78.072-1.124-1.333-.222.096c-.346.159-.675.35-.984.57l-.194.144.593 1.64-.455.64a4.384 4.384 0 00-.287.463l-.122.244-.327.713-1.713.305-.017.12a6.128 6.128 0 00-.029.343L1.92 8c0 .232.014.462.04.689l.016.119 1.713.306.327.713c.076.165.162.325.258.48l.151.227.455.64-.593 1.639.194.145c.31.22.638.411.984.57l.222.095 1.123-1.332.78.072c.136.013.273.02.411.02l.206-.006.204-.014.78-.072 1.123 1.332.224-.095c.345-.159.674-.35.983-.57l.193-.145-.592-1.639.455-.64c.105-.148.201-.303.287-.463l.122-.244.327-.713 1.712-.306.018-.12c.013-.113.022-.227.029-.342L14.08 8c0-.232-.014-.462-.04-.689l-.017-.12-1.712-.305-.327-.713a4.368 4.368 0 00-.258-.48l-.151-.227-.455-.64.592-1.64-.193-.144c-.309-.22-.638-.411-.983-.57l-.224-.096zM8 5a3 3 0 110 6 3 3 0 010-6zm0 1.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--settings,.p-icon--settings.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.817.639a7.572 7.572 0 013.649 2.109l-.668 1.849c.212.297.396.615.55.95l1.936.346c.193.669.296 1.376.296 2.107 0 .731-.103 1.438-.296 2.107l-1.936.346a5.876 5.876 0 01-.55.95l.668 1.85a7.572 7.572 0 01-3.65 2.108l-1.268-1.504a5.956 5.956 0 01-1.096 0l-1.268 1.504a7.572 7.572 0 01-3.65-2.109l.668-1.849a5.876 5.876 0 01-.55-.95l-1.936-.346A7.584 7.584 0 01.42 8c0-.731.103-1.438.296-2.107l1.936-.346c.154-.335.338-.653.55-.95l-.668-1.85A7.572 7.572 0 016.184.64l1.268 1.504a5.956 5.956 0 011.096 0L9.817.639zm.496 1.737L9.19 3.709l-.78-.072a4.456 4.456 0 00-.41-.02l-.206.006-.204.014-.78.072-1.124-1.333-.222.096c-.346.159-.675.35-.984.57l-.194.144.593 1.64-.455.64a4.384 4.384 0 00-.287.463l-.122.244-.327.713-1.713.305-.017.12a6.128 6.128 0 00-.029.343L1.92 8c0 .232.014.462.04.689l.016.119 1.713.306.327.713c.076.165.162.325.258.48l.151.227.455.64-.593 1.639.194.145c.31.22.638.411.984.57l.222.095 1.123-1.332.78.072c.136.013.273.02.411.02l.206-.006.204-.014.78-.072 1.123 1.332.224-.095c.345-.159.674-.35.983-.57l.193-.145-.592-1.639.455-.64c.105-.148.201-.303.287-.463l.122-.244.327-.713 1.712-.306.018-.12c.013-.113.022-.227.029-.342L14.08 8c0-.232-.014-.462-.04-.689l-.017-.12-1.712-.305-.327-.713a4.368 4.368 0 00-.258-.48l-.151-.227-.455-.64.592-1.64-.193-.144c-.309-.22-.638-.411-.983-.57l-.224-.096zM8 5a3 3 0 110 6 3 3 0 010-6zm0 1.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--tag{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 1A1.5 1.5 0 0115 2.5V8h-.023l-6.466 6.467a2 2 0 01-2.828 0L1.52 10.305a2 2 0 010-2.829l6.472-6.472.007.008L8 1h5.5zm0 1.5l-4.882-.001-6.037 6.038a.5.5 0 00-.058.638l.058.07 4.163 4.162a.5.5 0 00.637.058l.07-.058 6.048-6.051L13.5 2.5zm-2.493 1.41a1.108 1.108 0 110 2.215 1.108 1.108 0 010-2.216z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--tag,.p-icon--tag.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 1A1.5 1.5 0 0115 2.5V8h-.023l-6.466 6.467a2 2 0 01-2.828 0L1.52 10.305a2 2 0 010-2.829l6.472-6.472.007.008L8 1h5.5zm0 1.5l-4.882-.001-6.037 6.038a.5.5 0 00-.058.638l.058.07 4.163 4.162a.5.5 0 00.637.058l.07-.058 6.048-6.051L13.5 2.5zm-2.493 1.41a1.108 1.108 0 110 2.215 1.108 1.108 0 010-2.216z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--units{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9a1 1 0 011 1v4a1 1 0 01-1 1H2a1 1 0 01-1-1v-4a1 1 0 011-1h4zm8 0a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4a1 1 0 011-1h4zm-8.5 1.5h-3v3h3v-3zm8 0h-3v3h3v-3zM14 1a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1V2a1 1 0 011-1h4zm-.5 1.5h-3v3h3v-3z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--units,.p-icon--units.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9a1 1 0 011 1v4a1 1 0 01-1 1H2a1 1 0 01-1-1v-4a1 1 0 011-1h4zm8 0a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4a1 1 0 011-1h4zm-8.5 1.5h-3v3h3v-3zm8 0h-3v3h3v-3zM14 1a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1V2a1 1 0 011-1h4zm-.5 1.5h-3v3h3v-3z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--profile{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.95 12.95l-.18.173-.074.068a6.926 6.926 0 01-.318.271l-.271.207-.209.146-.254.163-.225.132-.243.13-.21.103-.276.121-.133.054-.385.139-.271.082-.264.068-.298.065-.272.047-.337.043-.304.025L8.12 15 8 15l-.214-.003-.285-.015-.381-.037-.339-.05-.184-.036-.324-.074-.258-.07-.249-.079-.323-.118-.195-.08-.214-.095-.276-.137-.213-.116a7.006 7.006 0 01-.551-.35l-.197-.142-.175-.136-.176-.146-.297-.27-.16-.158-.213-.229-.07-.08a7 7 0 1110.772-.221l-.194.234a7.043 7.043 0 01-.334.358zM8.5 10.502h-1a3.498 3.498 0 00-3.017 1.726A5.473 5.473 0 008 13.5a5.478 5.478 0 003.518-1.272 3.499 3.499 0 00-2.826-1.72l-.192-.006zM8 2.5a5.5 5.5 0 00-4.557 8.581 5.004 5.004 0 012.203-1.724A2.978 2.978 0 015 7.5V7a3 3 0 116 0v.5c0 .701-.24 1.347-.644 1.858.888.355 1.65.957 2.202 1.722A5.5 5.5 0 008 2.5zm0 3a1.5 1.5 0 00-1.493 1.356L6.5 7v.5a1.5 1.5 0 002.993.144L9.5 7.5V7A1.5 1.5 0 008 5.5z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--profile,.p-icon--profile.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.95 12.95l-.18.173-.074.068a6.926 6.926 0 01-.318.271l-.271.207-.209.146-.254.163-.225.132-.243.13-.21.103-.276.121-.133.054-.385.139-.271.082-.264.068-.298.065-.272.047-.337.043-.304.025L8.12 15 8 15l-.214-.003-.285-.015-.381-.037-.339-.05-.184-.036-.324-.074-.258-.07-.249-.079-.323-.118-.195-.08-.214-.095-.276-.137-.213-.116a7.006 7.006 0 01-.551-.35l-.197-.142-.175-.136-.176-.146-.297-.27-.16-.158-.213-.229-.07-.08a7 7 0 1110.772-.221l-.194.234a7.043 7.043 0 01-.334.358zM8.5 10.502h-1a3.498 3.498 0 00-3.017 1.726A5.473 5.473 0 008 13.5a5.478 5.478 0 003.518-1.272 3.499 3.499 0 00-2.826-1.72l-.192-.006zM8 2.5a5.5 5.5 0 00-4.557 8.581 5.004 5.004 0 012.203-1.724A2.978 2.978 0 015 7.5V7a3 3 0 116 0v.5c0 .701-.24 1.347-.644 1.858.888.355 1.65.957 2.202 1.722A5.5 5.5 0 008 2.5zm0 3a1.5 1.5 0 00-1.493 1.356L6.5 7v.5a1.5 1.5 0 002.993.144L9.5 7.5V7A1.5 1.5 0 008 5.5z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--submit-bug{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 1.993V3.5c0 .382.284.698.653.748l.102.007.161-.001C4.905 4.093 5.192 4 5.5 4h5c.308 0 .595.093.834.253l.216.001a.755.755 0 00.749-.653l.007-.102V1.993h1.5V3.5A2.256 2.256 0 0112 5.709l-.001 1.531 1.278.001c.324 0 .634-.126.866-.349l.094-.1.523-.628 1.152.96-.523.628a2.75 2.75 0 01-1.925.983l-.187.006h-1.278L12 10c0 .099-.004.197-.01.294a2.254 2.254 0 011.81 2.057l.006.154v1.506h-1.5v-1.506a.755.755 0 00-.653-.748l-.057-.003a4 4 0 01-7.19.004l.1-.008a.755.755 0 00-.75.653l-.006.102v1.506h-1.5v-1.506c0-1.076.754-1.976 1.762-2.2A3.671 3.671 0 014 10l-.001-1.26-1.276.001a2.75 2.75 0 01-1.987-.85l-.125-.14-.523-.627 1.152-.96.523.627c.208.25.503.407.822.442l.138.008H4V5.696a2.257 2.257 0 01-1.744-2.044L2.25 3.5V1.993h1.5zM10.5 5.5h-5V10a2.5 2.5 0 004.995.164L10.5 10V5.5zM8 .974c1.221 0 2.24.871 2.466 2.026H5.534A2.514 2.514 0 018 .974z' fill='%23666' fill-rule='evenodd'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--submit-bug,.p-icon--submit-bug.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 1.993V3.5c0 .382.284.698.653.748l.102.007.161-.001C4.905 4.093 5.192 4 5.5 4h5c.308 0 .595.093.834.253l.216.001a.755.755 0 00.749-.653l.007-.102V1.993h1.5V3.5A2.256 2.256 0 0112 5.709l-.001 1.531 1.278.001c.324 0 .634-.126.866-.349l.094-.1.523-.628 1.152.96-.523.628a2.75 2.75 0 01-1.925.983l-.187.006h-1.278L12 10c0 .099-.004.197-.01.294a2.254 2.254 0 011.81 2.057l.006.154v1.506h-1.5v-1.506a.755.755 0 00-.653-.748l-.057-.003a4 4 0 01-7.19.004l.1-.008a.755.755 0 00-.75.653l-.006.102v1.506h-1.5v-1.506c0-1.076.754-1.976 1.762-2.2A3.671 3.671 0 014 10l-.001-1.26-1.276.001a2.75 2.75 0 01-1.987-.85l-.125-.14-.523-.627 1.152-.96.523.627c.208.25.503.407.822.442l.138.008H4V5.696a2.257 2.257 0 01-1.744-2.044L2.25 3.5V1.993h1.5zM10.5 5.5h-5V10a2.5 2.5 0 004.995.164L10.5 10V5.5zM8 .974c1.221 0 2.24.871 2.466 2.026H5.534A2.514 2.514 0 018 .974z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E")}.l-navigation.is-collapsed .l-navigation-collapse-toggle i{transform:rotate(180deg)}.l-navigation{transition-duration:.165s;transition-property:width,box-shadow,background;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.l-navigation .p-button--base.l-navigation-collapse-toggle{background-color:#ffffff0d;visibility:hidden}@media only screen and (min-width: 621px){.l-navigation .p-button--base.l-navigation-collapse-toggle{visibility:visible}}.l-navigation:hover,.l-navigation:focus-within,.l-navigation.is-pinned{grid-area:nav}@media only screen and (min-width: 621px){.l-navigation:hover,.l-navigation:focus-within,.l-navigation.is-pinned{position:static}}.l-navigation:hover .p-panel__controls,.l-navigation:focus-within .p-panel__controls,.l-navigation.is-pinned .p-panel__controls{opacity:1;visibility:visible}@media only screen and (min-width: 621px){.l-navigation:hover .p-panel__controls,.l-navigation:focus-within .p-panel__controls,.l-navigation.is-pinned .p-panel__controls{transform:translate(12rem)}}.l-navigation .p-panel__header{margin-bottom:1rem}.l-navigation .p-panel__controls{margin-left:auto;padding-top:.65rem;z-index:104;transition-duration:.165s;transition-property:opacity,visibility,transform,background;transition-timing-function:cubic-bezier(.215,.61,.355,1)}@media only screen and (min-width: 621px){.l-navigation .p-panel__controls{opacity:1;visibility:visible;position:absolute;top:0;left:0;padding-top:0;transform:translate(1rem) translateY(2.6rem)}}.l-navigation .p-panel__controls .p-side-navigation__tooltip-wrapper{display:none}@media only screen and (min-width: 621px){.l-navigation .p-panel__controls .p-side-navigation__tooltip-wrapper{display:inherit}}@media only screen and (min-width: 460px){.l-navigation .p-panel__controls .p-side-navigation__button--menu{display:none}}.l-navigation .p-side-navigation__item .p-side-navigation__link{width:100%;justify-content:flex-start}.l-navigation .p-side-navigation__item .p-side-navigation__link[aria-current=page]:hover,.l-navigation .p-side-navigation__item .p-side-navigation__link[aria-current=page] :active{cursor:pointer}.l-navigation .p-side-navigation__label--group{color:#f7f7f7;margin-bottom:.125rem;text-transform:uppercase}.l-navigation .p-side-navigation--icons .p-side-navigation__item .p-side-navigation__item .p-side-navigation__link,.l-navigation .p-side-navigation__text{padding-left:4rem}.l-navigation .p-side-navigation--icons>.p-side-navigation__list:last-of-type:after{content:""}.l-navigation .p-side-navigation--icons .p-side-navigation__list:after{left:1rem;opacity:1}.l-navigation .l-navigation__drawer{max-width:100vw}.p-panel__header .p-icon--sidebar-toggle{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' width='16px' height='16px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 0 7.743 L 6.742 14.485 L 7.899 13.329 L 2.311 7.743 L 7.899 2.157 L 6.742 1 L 0 7.743 Z M 7.899 7.743 L 14.642 14.485 L 15.797 13.329 L 10.21 7.743 L 15.797 2.157 L 14.642 1 L 7.899 7.743 Z' fill='%23FFF' style=''/%3E%3C/svg%3E")}.p-panel__header .p-panel__logo{color:#fff;display:flex;flex-direction:column;margin-top:.25rem}@media only screen and (max-width: 620px){.p-panel__header .p-panel__logo{margin-bottom:0}}.p-panel__header .p-panel__logo:hover,.p-panel__header .p-panel__logo:visited{color:#fff;text-decoration:none}.p-panel__header .p-panel__logo .p-panel__logo-text{display:flex;flex-direction:column;justify-content:flex-end}.p-panel__header .p-panel__logo .p-panel__logo-text .p-panel__logo-name{font-size:1.5rem;line-height:1rem;margin-bottom:0;padding-top:0;margin-left:2rem;text-wrap:nowrap}.p-panel__header .p-panel__logo .p-panel__logo-text .p-panel__logo-name--small{font-size:.6rem;margin-bottom:0;padding-left:.1rem}.p-panel__header .p-panel__logo .p-navigation__tagged-logo{min-width:auto}.p-panel__header .p-panel__logo .p-navigation__tagged-logo .p-navigation__logo-tag{height:2.3rem;left:1rem}@media only screen and (min-width: 621px){.p-panel__header .p-panel__logo .p-navigation__tagged-logo .p-navigation__logo-tag{left:1.5rem}}.p-panel__footer{margin-top:auto}.p-panel__footer .p-panel__content{padding:0}.p-panel__footer .p-panel__content .p-side-navigation__list:last-of-type:after{content:none}.l-navigation .p-panel__controls,.l-navigation-bar .p-panel__controls{padding-top:.75rem}.l-navigation__drawer .p-panel{display:flex;flex-direction:column}.p-side-navigation__tooltip{z-index:104}.p-input-group label{padding-top:0!important}.p-form-section{margin-bottom:1.5rem}.p-form-section__title{margin-bottom:.5rem}.p-form-section__content{margin-bottom:1.5rem}.main-toolbar{display:flex;container-type:inline-size;column-gap:1.5rem;align-items:baseline;flex-flow:row wrap;margin-bottom:-1.2rem}.main-toolbar--stacked{flex-direction:column;align-items:flex-start}.main-toolbar .main-toolbar__title{padding-top:.051rem}.main-toolbar .main-toolbar__controls,.main-toolbar .main-toolbar__controls--observer{display:flex;text-wrap:nowrap;white-space:nowrap;flex-direction:row;column-gap:1rem;flex:1}.main-toolbar .main-toolbar__controls--stacked,.main-toolbar .main-toolbar__controls--observer--stacked{flex-flow:column wrap;width:100%}.main-toolbar .main-toolbar__controls:not(.main-toolbar__controls--stacked),.main-toolbar .main-toolbar__controls--observer:not(.main-toolbar__controls--stacked){justify-content:flex-end}.main-toolbar .main-toolbar__controls .p-search-and-filter,.main-toolbar .main-toolbar__controls .debounce-search-box,.main-toolbar .main-toolbar__controls .p-search-box,.main-toolbar .main-toolbar__controls--observer .p-search-and-filter,.main-toolbar .main-toolbar__controls--observer .debounce-search-box,.main-toolbar .main-toolbar__controls--observer .p-search-box{flex:1}.main-toolbar .main-toolbar__controls .p-search-box .p-search-box__input,.main-toolbar .main-toolbar__controls--observer .p-search-box .p-search-box__input{position:static;padding-right:initial}.main-toolbar .main-toolbar__controls .p-search-box .p-search-box__button,.main-toolbar .main-toolbar__controls--observer .p-search-box .p-search-box__button{position:absolute}.main-toolbar .main-toolbar__controls>*,.main-toolbar .main-toolbar__controls--observer>*{margin-right:0;align-items:baseline}section.content-section{padding:.75rem 0 0}section.content-section .content-section__header{padding-top:.051rem;margin-bottom:1.2rem}section.content-section .content-section__footer{background:white;width:100%;position:sticky;margin-top:.75rem;bottom:0;border-top:1.5px solid #d9d9d9;padding:1rem 0 0;text-align:right}section.content-section .content-section__footer>*{margin-bottom:1rem}.p-form__nested-group{position:relative;margin-top:-.25rem;margin-left:calc(.5rem - .75px);padding-left:1.5rem;transition-duration:.165s;transition-property:transform,opacity,visibility;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.p-form__nested-group[aria-hidden=true]{height:0;opacity:0;transform:translate3d(0,-.5rem,0);visibility:hidden}.p-form__nested-group[aria-hidden=false]{height:auto;opacity:1;transform:translateZ(0);visibility:visible}.p-form__nested-group:before{content:"";display:block;position:absolute;height:100%;left:0;top:-.2em;width:1.5px;background:#d9d9d9;opacity:inherit;visibility:inherit;transition-duration:.165s;transition-property:transform,opacity,visibility;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.p-form__nested-group .p-checkbox,.p-form__nested-group .p-radio{padding-top:0;margin-bottom:.5rem}.p-pagination--items{display:flex;align-items:baseline;padding-bottom:0}.p-pagination--items .p-button{margin:0;border:0}.p-pagination--items .p-pagination__link--next{margin-right:2rem}.p-pagination--items .p-pagination__input{margin:0 .5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:3rem;min-width:0;text-align:center}.p-pagination--items .p-form-validation__message{position:absolute;margin-top:.5rem;margin-left:.5rem}.p-pagination--items input::-webkit-outer-spin-button,.p-pagination--items input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.p-pagination--items input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@canonical/maas-react-components",
3
3
  "description": "React components for use in MAAS UI projects.",
4
- "version": "1.11.0",
4
+ "version": "1.13.0",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/canonical/maas-react-components.git"
@@ -32,8 +32,8 @@
32
32
  "prepare": "husky install",
33
33
  "build": "tsc && vite build",
34
34
  "build:watch": "tsc && vite build --watch",
35
- "lint": "eslint src && tsc --noEmit",
36
- "lint:fix": "eslint --fix src",
35
+ "lint": "eslint src && tsc --noEmit && stylelint src/**/*.scss",
36
+ "lint:fix": "eslint --fix src && stylelint src/**/*.scss --fix",
37
37
  "format": "prettier --write 'src/**/*.{ts,tsx,css,md,json}' --config ./.prettierrc",
38
38
  "test": "vitest run",
39
39
  "test:ui": "vitest --ui",
@@ -87,6 +87,8 @@
87
87
  "semantic-release": "^22.0.5",
88
88
  "storybook": "^7.4.6",
89
89
  "storybook-addon-tags": "^0.0.1",
90
+ "stylelint": "^15.11.0",
91
+ "stylelint-config-standard-scss": "^11.1.0",
90
92
  "vite": "^4.4.9",
91
93
  "vite-plugin-dts": "^3.6.0",
92
94
  "vitest": "^0.34.5"