@canonical/maas-react-components 1.4.1 → 1.5.1

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 (6) hide show
  1. package/dist/@canonical/maas-react-components.es.js +156 -159
  2. package/dist/@canonical/maas-react-components.umd.js +6 -6
  3. package/dist/src/lib/elements/Meter/Meter.d.ts +15 -15
  4. package/dist/src/lib/elements/Meter/Meter.stories.d.ts +19 -1
  5. package/dist/style.css +1 -1
  6. package/package.json +1 -1
package/dist/@canonical/maas-react-components.es.js CHANGED
@@ -1,10 +1,10 @@
1
- import { jsxs as C, jsx as n, Fragment as L } from "react/jsx-runtime";
2
- import { useRef as I, useState as T, useEffect as M, useCallback as j, cloneElement as D } from "react";
3
- import { useListener as O, Link as W, Tooltip as A, Button as S, Icon as $ } from "@canonical/react-components";
1
+ import { jsxs as h, jsx as t, Fragment as C } from "react/jsx-runtime";
2
+ import { useRef as I, useState as M, useEffect as T, useCallback as E, cloneElement as j } from "react";
3
+ import { useListener as D, Link as O, Tooltip as A, Button as x, Icon as B } from "@canonical/react-components";
4
4
  function P(e) {
5
5
  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
6
6
  }
7
- var B = { exports: {} };
7
+ var $ = { exports: {} };
8
8
  /*!
9
9
  Copyright (c) 2018 Jed Watson.
10
10
  Licensed under the MIT License (MIT), see
@@ -12,26 +12,26 @@ var B = { exports: {} };
12
12
  */
13
13
  (function(e) {
14
14
  (function() {
15
- var t = {}.hasOwnProperty;
15
+ var n = {}.hasOwnProperty;
16
16
  function a() {
17
17
  for (var o = [], i = 0; i < arguments.length; i++) {
18
18
  var s = arguments[i];
19
19
  if (s) {
20
- var p = typeof s;
21
- if (p === "string" || p === "number")
20
+ var m = typeof s;
21
+ if (m === "string" || m === "number")
22
22
  o.push(s);
23
23
  else if (Array.isArray(s)) {
24
24
  if (s.length) {
25
- var d = a.apply(null, s);
26
- d && o.push(d);
25
+ var l = a.apply(null, s);
26
+ l && o.push(l);
27
27
  }
28
- } else if (p === "object") {
28
+ } else if (m === "object") {
29
29
  if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]")) {
30
30
  o.push(s.toString());
31
31
  continue;
32
32
  }
33
- for (var u in s)
34
- t.call(s, u) && s[u] && o.push(u);
33
+ for (var c in s)
34
+ n.call(s, c) && s[c] && o.push(c);
35
35
  }
36
36
  }
37
37
  }
@@ -39,10 +39,10 @@ var B = { exports: {} };
39
39
  }
40
40
  e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
41
41
  })();
42
- })(B);
43
- var R = B.exports;
44
- const c = /* @__PURE__ */ P(R);
45
- const v = {
42
+ })($);
43
+ var R = $.exports;
44
+ const p = /* @__PURE__ */ P(R);
45
+ const u = {
46
46
  caution: "#F99B11",
47
47
  light: "#F7F7F7",
48
48
  linkFaded: "#D3E4ED",
@@ -51,227 +51,224 @@ const v = {
51
51
  positiveFaded: "#B7CCB9",
52
52
  positiveMid: "#4DAB4D",
53
53
  positive: "#0E8420"
54
- }, _e = [
55
- v.link,
56
- v.positive,
57
- v.negative,
58
- v.caution
59
- ], z = v.linkFaded, H = v.caution, q = v.light, k = 2, w = 1, x = (e, t, a) => {
60
- var s, p;
61
- const o = ((p = (s = e == null ? void 0 : e.current) == null ? void 0 : s.getBoundingClientRect()) == null ? void 0 : p.width) || 0, i = o > t * k ? o / t : k;
62
- a(i);
63
- }, _ = {
54
+ }, ve = [
55
+ u.link,
56
+ u.positive,
57
+ u.negative,
58
+ u.caution
59
+ ], z = u.linkFaded, F = u.caution, b = u.light, L = 2, k = 1, w = (e, n) => {
60
+ var i, s;
61
+ const a = ((s = (i = e == null ? void 0 : e.current) == null ? void 0 : i.getBoundingClientRect()) == null ? void 0 : s.width) || 0;
62
+ return a > n * L ? a / n : L;
63
+ }, d = {
64
64
  bar: "meter-bar",
65
65
  container: "meter-container",
66
66
  filled: "meter-filled",
67
67
  label: "meter-label",
68
68
  meteroverflow: "meter-overflow",
69
69
  segments: "meter-segments"
70
- }, G = ({
70
+ }, H = ({
71
+ className: e,
72
+ children: n,
73
+ data: a,
74
+ max: o,
75
+ variant: i = "regular",
76
+ size: s = "regular",
77
+ ...m
78
+ }) => {
79
+ const l = I(null), c = a == null ? void 0 : a.reduce((N, y) => N + y.value, 0), g = o || c, _ = a.map((N) => N.value / g * 100), [f, v] = M(0);
80
+ T(() => {
81
+ v(i === "segmented" ? w(l, g) : 0);
82
+ }, [g, i]);
83
+ const S = E(() => {
84
+ v(w(l, g));
85
+ }, [l, g, v]);
86
+ return D(window, S, "resize", !0, i === "segmented"), /* @__PURE__ */ h(
87
+ "div",
88
+ {
89
+ className: p("p-meter", e, {
90
+ "p-meter--small": s === "small"
91
+ }),
92
+ "aria-label": m == null ? void 0 : m["aria-label"],
93
+ "data-testid": d.container,
94
+ ref: l,
95
+ children: [
96
+ /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(
97
+ q,
98
+ {
99
+ data: a,
100
+ datumWidths: _,
101
+ maximum: g,
102
+ overColor: F,
103
+ segmentWidth: f,
104
+ separatorColor: b
105
+ }
106
+ ) }),
107
+ n
108
+ ]
109
+ }
110
+ );
111
+ }, W = ({ children: e }) => /* @__PURE__ */ t(
112
+ "div",
113
+ {
114
+ className: "p-meter__bar",
115
+ "data-testid": d.bar,
116
+ style: { backgroundColor: z },
117
+ children: e
118
+ }
119
+ ), q = ({
71
120
  data: e,
72
- datumWidths: t,
121
+ datumWidths: n,
73
122
  maximum: a,
74
- overColor: o,
75
- segmentWidth: i,
76
- separatorColor: s
123
+ segmentWidth: o
77
124
  }) => {
78
- const p = () => e.reduce((g, l) => g + l.value, 0) > a, d = (g, l) => ({
79
- backgroundColor: g.color,
80
- left: `${t.reduce(
81
- (f, m, h) => l > h ? f + m : f,
125
+ const i = () => (e == null ? void 0 : e.reduce((l, c) => l + c.value, 0)) > a, s = (l, c) => ({
126
+ backgroundColor: l.color,
127
+ left: `${n == null ? void 0 : n.reduce(
128
+ (g, _, f) => c > f ? g + _ : g,
82
129
  0
83
130
  )}%`,
84
- width: `${t[l]}%`
85
- }), u = () => ({
131
+ width: `${n[c]}%`
132
+ }), m = () => ({
86
133
  background: `repeating-linear-gradient(
87
134
  to right,
88
135
  transparent 0,
89
- transparent ${i - w}px,
90
- ${s} ${i - w}px,
91
- ${s} ${i}px
136
+ transparent ${o - k}px,
137
+ ${b} ${o - k}px,
138
+ ${b} ${o}px
92
139
  )`
93
140
  });
94
- return /* @__PURE__ */ C(L, { children: [
95
- p() ? /* @__PURE__ */ n(
141
+ return /* @__PURE__ */ h(C, { children: [
142
+ i() ? /* @__PURE__ */ t(
96
143
  "div",
97
144
  {
98
145
  className: "p-meter__filled",
99
- "data-testid": _.meteroverflow,
100
- style: { backgroundColor: o, width: "100%" }
146
+ "data-testid": d.meteroverflow,
147
+ style: { backgroundColor: F, width: "100%" }
101
148
  }
102
- ) : e.map((g, l) => /* @__PURE__ */ n(
149
+ ) : e == null ? void 0 : e.map((l, c) => /* @__PURE__ */ t(
103
150
  "div",
104
151
  {
105
152
  className: "p-meter__filled",
106
- "data-testid": _.filled,
107
- style: d(g, l)
153
+ "data-testid": d.filled,
154
+ style: s(l, c)
108
155
  },
109
- `meter-${l}`
156
+ `meter-${c}`
110
157
  )),
111
- i > 0 && /* @__PURE__ */ n(
158
+ o > 0 && /* @__PURE__ */ t(
112
159
  "div",
113
160
  {
114
161
  className: "p-meter__separators",
115
- "data-testid": _.segments,
116
- style: u()
162
+ "data-testid": d.segments,
163
+ style: m()
117
164
  }
118
165
  )
119
166
  ] });
120
- }, J = ({
121
- labelClassName: e,
122
- label: t
123
- }) => /* @__PURE__ */ n(
167
+ }, G = ({
168
+ className: e,
169
+ children: n
170
+ }) => /* @__PURE__ */ t(
124
171
  "div",
125
172
  {
126
- className: c("p-meter__label", e),
127
- "data-testid": _.label,
128
- children: t
173
+ className: p("p-meter__label", e),
174
+ "data-testid": d.label,
175
+ children: n
129
176
  }
130
- ), fe = ({
131
- className: e,
132
- data: t,
133
- emptyColor: a = z,
134
- label: o,
135
- labelClassName: i,
136
- max: s,
137
- overColor: p = H,
138
- segmented: d = !1,
139
- separatorColor: u = q,
140
- small: g = !1
141
- }) => {
142
- const l = I(null), f = t.reduce((b, E) => b + E.value, 0), m = s || f, h = t.map((b) => b.value / m * 100), [F, N] = T(0);
143
- M(() => {
144
- d && x(l, m, N);
145
- }, [m, d]);
146
- const y = j(() => {
147
- x(l, m, N);
148
- }, [l, m, N]);
149
- return O(window, y, "resize", !0, d), /* @__PURE__ */ C(
150
- "div",
151
- {
152
- className: c("p-meter", { "p-meter--small": g }, e),
153
- "data-testid": _.container,
154
- ref: l,
155
- children: [
156
- /* @__PURE__ */ n(
157
- "div",
158
- {
159
- className: "p-meter__bar",
160
- "data-testid": _.bar,
161
- style: { backgroundColor: a },
162
- children: /* @__PURE__ */ n(
163
- G,
164
- {
165
- data: t,
166
- datumWidths: h,
167
- maximum: m,
168
- overColor: p,
169
- segmentWidth: F,
170
- separatorColor: u
171
- }
172
- )
173
- }
174
- ),
175
- o && /* @__PURE__ */ n(J, { label: o, labelClassName: i })
176
- ]
177
- }
178
- );
179
- }, he = ({ children: e, to: t, ...a }) => /* @__PURE__ */ n(W, { ...a, href: t, rel: "noreferrer noopener", target: "_blank", children: e }), K = ({ children: e }) => /* @__PURE__ */ n(L, { children: e }), Q = ({
177
+ );
178
+ H.Label = G;
179
+ const _e = ({ children: e, to: n, ...a }) => /* @__PURE__ */ t(O, { ...a, href: n, rel: "noreferrer noopener", target: "_blank", children: e }), J = ({ children: e }) => /* @__PURE__ */ t(C, { children: e }), K = ({
180
180
  isCollapsed: e,
181
- setIsCollapsed: t,
181
+ setIsCollapsed: n,
182
182
  className: a
183
- }) => /* @__PURE__ */ n(
183
+ }) => /* @__PURE__ */ t(
184
184
  A,
185
185
  {
186
186
  className: "p-side-navigation__tooltip-wrapper",
187
- message: /* @__PURE__ */ C(L, { children: [
187
+ message: /* @__PURE__ */ h(C, { children: [
188
188
  e ? "expand" : "collapse",
189
189
  "( ",
190
- /* @__PURE__ */ n("code", { children: "[" }),
190
+ /* @__PURE__ */ t("code", { children: "[" }),
191
191
  " )"
192
192
  ] }),
193
193
  position: "right",
194
194
  tooltipClassName: "p-side-navigation__tooltip",
195
- children: /* @__PURE__ */ n(
196
- S,
195
+ children: /* @__PURE__ */ t(
196
+ x,
197
197
  {
198
198
  appearance: "base",
199
199
  "aria-label": `${e ? "expand" : "collapse"} main navigation`,
200
- className: c(
200
+ className: p(
201
201
  "is-dense has-icon is-dark u-no-margin l-navigation-collapse-toggle",
202
202
  a
203
203
  ),
204
204
  onClick: (o) => {
205
- t(!e), o.stopPropagation(), o.currentTarget.blur();
205
+ n(!e), o.stopPropagation(), o.currentTarget.blur();
206
206
  },
207
- children: /* @__PURE__ */ n($, { light: !0, name: "sidebar-toggle" })
207
+ children: /* @__PURE__ */ t(B, { light: !0, name: "sidebar-toggle" })
208
208
  }
209
209
  )
210
210
  }
211
- ), U = ({ children: e }) => /* @__PURE__ */ n("div", { className: "p-panel__content", children: /* @__PURE__ */ n("nav", { className: "p-side-navigation--icons is-dark", children: e }) }), V = ({ children: e }) => /* @__PURE__ */ n("div", { className: "p-panel__controls u-no-margin--top", children: e }), X = ({ children: e }) => /* @__PURE__ */ n("div", { className: "l-navigation__drawer", children: /* @__PURE__ */ n("div", { className: "p-panel is-dark", children: e }) }), Y = ({ children: e }) => /* @__PURE__ */ n("div", { className: "p-panel__footer", children: e }), Z = ({ children: e }) => /* @__PURE__ */ n("div", { className: "p-panel__header", children: e }), ee = ({ light: e = !0, name: t }) => /* @__PURE__ */ n($, { className: "p-side-navigation__icon", light: e, name: t }), te = ({ children: e, className: t, hasActiveChild: a }) => /* @__PURE__ */ n("li", { className: c("p-side-navigation__item", t, { "has-active-child": a }), children: e }), ne = ({ children: e, id: t, variant: a = "base" }) => /* @__PURE__ */ n("span", { className: c("p-side-navigation__label", { "p-side-navigation__label--group": a === "group" }), id: t, children: e }), ae = ({
211
+ ), Q = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-panel__content", children: /* @__PURE__ */ t("nav", { className: "p-side-navigation--icons is-dark", children: e }) }), U = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-panel__controls u-no-margin--top", children: e }), V = ({ children: e }) => /* @__PURE__ */ t("div", { className: "l-navigation__drawer", children: /* @__PURE__ */ t("div", { className: "p-panel is-dark", children: e }) }), X = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-panel__footer", children: e }), Y = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-panel__header", children: e }), Z = ({ light: e = !0, name: n }) => /* @__PURE__ */ t(B, { className: "p-side-navigation__icon", light: e, name: n }), ee = ({ children: e, className: n, hasActiveChild: a }) => /* @__PURE__ */ t("li", { className: p("p-side-navigation__item", n, { "has-active-child": a }), children: e }), ne = ({ children: e, id: n, variant: a = "base" }) => /* @__PURE__ */ t("span", { className: p("p-side-navigation__label", { "p-side-navigation__label--group": a === "group" }), id: n, children: e }), te = ({
212
212
  as: e,
213
- ...t
214
- }) => /* @__PURE__ */ n(
213
+ ...n
214
+ }) => /* @__PURE__ */ t(
215
215
  e || "a",
216
216
  {
217
- className: c("p-side-navigation__link", t.className),
218
- ...t
217
+ className: p("p-side-navigation__link", n.className),
218
+ ...n
219
219
  }
220
- ), oe = ({ children: e, className: t }) => /* @__PURE__ */ n("ul", { className: c("p-side-navigation__list", t), children: e }), se = ({ as: e, children: t, className: a, ...o }) => /* @__PURE__ */ n(e || "a", { className: c("p-panel__logo", a), ...o, children: /* @__PURE__ */ n("div", { className: "p-navigation__tagged-logo", children: t }) }), re = ({ children: e }) => D(e, { className: "p-panel__logo-icon p-navigation__logo-icon" }), ie = ({ children: e, variant: t = "base" }) => /* @__PURE__ */ n(
220
+ ), ae = ({ children: e, className: n }) => /* @__PURE__ */ t("ul", { className: p("p-side-navigation__list", n), children: e }), oe = ({ as: e, children: n, className: a, ...o }) => /* @__PURE__ */ t(e || "a", { className: p("p-panel__logo", a), ...o, children: /* @__PURE__ */ t("div", { className: "p-navigation__tagged-logo", children: n }) }), se = ({ children: e }) => j(e, { className: "p-panel__logo-icon p-navigation__logo-icon" }), re = ({ children: e, variant: n = "base" }) => /* @__PURE__ */ t(
221
221
  "div",
222
222
  {
223
- className: c("p-panel__logo-name is-fading-when-collapsed", {
224
- "p-panel__logo-name--small": t === "small"
223
+ className: p("p-panel__logo-name is-fading-when-collapsed", {
224
+ "p-panel__logo-name--small": n === "small"
225
225
  }),
226
226
  children: e
227
227
  }
228
- ), le = ({ children: e }) => /* @__PURE__ */ n("div", { className: "p-navigation__logo-tag", children: e }), ce = ({ children: e }) => /* @__PURE__ */ n("span", { className: "p-panel__logo-text", children: e }), pe = ({
228
+ ), ie = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-navigation__logo-tag", children: e }), le = ({ children: e }) => /* @__PURE__ */ t("span", { className: "p-panel__logo-text", children: e }), ce = ({
229
229
  children: e,
230
- className: t,
230
+ className: n,
231
231
  onClick: a
232
- }) => /* @__PURE__ */ n(
233
- S,
232
+ }) => /* @__PURE__ */ t(
233
+ x,
234
234
  {
235
235
  appearance: "base",
236
- className: c(
236
+ className: p(
237
237
  "p-side-navigation__button--menu has-icon is-dark",
238
- t
238
+ n
239
239
  ),
240
240
  onClick: (o) => {
241
241
  a && a(o), o.stopPropagation(), o.currentTarget.blur();
242
242
  },
243
243
  children: e
244
244
  }
245
- ), de = ({ children: e }) => /* @__PURE__ */ n("span", { className: "p-side-navigation__text", children: e });
246
- const r = ({ children: e, className: t, isCollapsed: a }) => /* @__PURE__ */ n("header", { "aria-label": "main navigation", className: c("l-navigation is-maas", t, { "is-collapsed": a, "is-pinned": !a }), children: e }), me = ({ children: e, className: t }) => /* @__PURE__ */ n("header", { "aria-label": "navigation", className: "l-navigation-bar", children: /* @__PURE__ */ n("div", { className: c("p-panel is-dark", t), children: e }) });
247
- r.Header = Z;
248
- r.Banner = K;
249
- r.Drawer = X;
250
- r.Controls = V;
251
- r.CollapseToggle = Q;
252
- r.Content = U;
253
- r.Footer = Y;
254
- r.List = oe;
255
- r.Item = te;
256
- r.Link = ae;
257
- r.Text = de;
258
- r.Icon = ee;
245
+ ), pe = ({ children: e }) => /* @__PURE__ */ t("span", { className: "p-side-navigation__text", children: e });
246
+ const r = ({ children: e, className: n, isCollapsed: a }) => /* @__PURE__ */ t("header", { "aria-label": "main navigation", className: p("l-navigation is-maas", n, { "is-collapsed": a, "is-pinned": !a }), children: e }), me = ({ children: e, className: n }) => /* @__PURE__ */ t("header", { "aria-label": "navigation", className: "l-navigation-bar", children: /* @__PURE__ */ t("div", { className: p("p-panel is-dark", n), children: e }) });
247
+ r.Header = Y;
248
+ r.Banner = J;
249
+ r.Drawer = V;
250
+ r.Controls = U;
251
+ r.CollapseToggle = K;
252
+ r.Content = Q;
253
+ r.Footer = X;
254
+ r.List = ae;
255
+ r.Item = ee;
256
+ r.Link = te;
257
+ r.Text = pe;
258
+ r.Icon = Z;
259
259
  r.Label = ne;
260
- r.Logo = se;
261
- r.LogoTag = le;
262
- r.LogoIcon = re;
263
- r.LogoName = ie;
264
- r.LogoText = ce;
265
- me.MenuButton = pe;
260
+ r.Logo = oe;
261
+ r.LogoTag = ie;
262
+ r.LogoIcon = se;
263
+ r.LogoName = re;
264
+ r.LogoText = le;
265
+ me.MenuButton = ce;
266
266
  export {
267
- he as ExternalLink,
268
- fe as Meter,
267
+ _e as ExternalLink,
268
+ H as Meter,
269
269
  r as Navigation,
270
270
  me as NavigationBar,
271
- z as defaultEmptyColor,
272
- _e as defaultFilledColors,
273
- H as defaultOverColor,
274
- q as defaultSeparatorColor,
275
- v as meterColor,
276
- _ as testIds
271
+ ve as defaultFilledColors,
272
+ u as meterColor,
273
+ d as testIds
277
274
  };
package/dist/@canonical/maas-react-components.umd.js CHANGED
@@ -1,11 +1,11 @@
1
- (function(l,a){typeof exports=="object"&&typeof module<"u"?a(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"],a):(l=typeof globalThis<"u"?globalThis:l||self,a(l["@canonical/maas-react-components"]={},l["react/jsx-runtime"],l.React,l["@canonical/react-components"]))})(this,function(l,a,N,f){"use strict";function I(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var w={exports:{}};/*!
1
+ (function(l,a){typeof exports=="object"&&typeof module<"u"?a(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"],a):(l=typeof globalThis<"u"?globalThis:l||self,a(l["@canonical/maas-react-components"]={},l["react/jsx-runtime"],l.React,l["@canonical/react-components"]))})(this,function(l,a,f,m){"use strict";function T(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var w={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 n(){for(var o=[],i=0;i<arguments.length;i++){var s=arguments[i];if(s){var p=typeof s;if(p==="string"||p==="number")o.push(s);else if(Array.isArray(s)){if(s.length){var u=n.apply(null,s);u&&o.push(u)}}else if(p==="object"){if(s.toString!==Object.prototype.toString&&!s.toString.toString().includes("[native code]")){o.push(s.toString());continue}for(var _ in s)t.call(s,_)&&s[_]&&o.push(_)}}}return o.join(" ")}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(w);var M=w.exports;const c=I(M),le="",g={caution:"#F99B11",light:"#F7F7F7",linkFaded:"#D3E4ED",link:"#0066CC",negative:"#C7162B",positiveFaded:"#B7CCB9",positiveMid:"#4DAB4D",positive:"#0E8420"},x=[g.link,g.positive,g.negative,g.caution],y=g.linkFaded,S=g.caution,F=g.light,B=2,T=1,E=(e,t,n)=>{var s,p;const o=((p=(s=e==null?void 0:e.current)==null?void 0:s.getBoundingClientRect())==null?void 0:p.width)||0,i=o>t*B?o/t:B;n(i)},m={bar:"meter-bar",container:"meter-container",filled:"meter-filled",label:"meter-label",meteroverflow:"meter-overflow",segments:"meter-segments"},O=({data:e,datumWidths:t,maximum:n,overColor:o,segmentWidth:i,separatorColor:s})=>{const p=()=>e.reduce((h,d)=>h+d.value,0)>n,u=(h,d)=>({backgroundColor:h.color,left:`${t.reduce((b,v,C)=>d>C?b+v:b,0)}%`,width:`${t[d]}%`}),_=()=>({background:`repeating-linear-gradient(
5
+ */(function(e){(function(){var n={}.hasOwnProperty;function t(){for(var o=[],i=0;i<arguments.length;i++){var r=arguments[i];if(r){var g=typeof r;if(g==="string"||g==="number")o.push(r);else if(Array.isArray(r)){if(r.length){var c=t.apply(null,r);c&&o.push(c)}}else if(g==="object"){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){o.push(r.toString());continue}for(var d in r)n.call(r,d)&&r[d]&&o.push(d)}}}return o.join(" ")}e.exports?(t.default=t,e.exports=t):window.classNames=t})()})(w);var M=w.exports;const p=T(M),se="",v={caution:"#F99B11",light:"#F7F7F7",linkFaded:"#D3E4ED",link:"#0066CC",negative:"#C7162B",positiveFaded:"#B7CCB9",positiveMid:"#4DAB4D",positive:"#0E8420"},$=[v.link,v.positive,v.negative,v.caution],I=v.linkFaded,C=v.caution,h=v.light,y=2,B=1,F=(e,n)=>{var i,r;const t=((r=(i=e==null?void 0:e.current)==null?void 0:i.getBoundingClientRect())==null?void 0:r.width)||0;return t>n*y?t/n:y},_={bar:"meter-bar",container:"meter-container",filled:"meter-filled",label:"meter-label",meteroverflow:"meter-overflow",segments:"meter-segments"},S=({className:e,children:n,data:t,max:o,variant:i="regular",size:r="regular",...g})=>{const c=f.useRef(null),d=t==null?void 0:t.reduce((k,oe)=>k+oe.value,0),u=o||d,b=t.map(k=>k.value/u*100),[L,N]=f.useState(0);f.useEffect(()=>{N(i==="segmented"?F(c,u):0)},[u,i]);const te=f.useCallback(()=>{N(F(c,u))},[c,u,N]);return m.useListener(window,te,"resize",!0,i==="segmented"),a.jsxs("div",{className:p("p-meter",e,{"p-meter--small":r==="small"}),"aria-label":g==null?void 0:g["aria-label"],"data-testid":_.container,ref:c,children:[a.jsx(E,{children:a.jsx(j,{data:t,datumWidths:b,maximum:u,overColor:C,segmentWidth:L,separatorColor:h})}),n]})},E=({children:e})=>a.jsx("div",{className:"p-meter__bar","data-testid":_.bar,style:{backgroundColor:I},children:e}),j=({data:e,datumWidths:n,maximum:t,segmentWidth:o})=>{const i=()=>(e==null?void 0:e.reduce((c,d)=>c+d.value,0))>t,r=(c,d)=>({backgroundColor:c.color,left:`${n==null?void 0:n.reduce((u,b,L)=>d>L?u+b:u,0)}%`,width:`${n[d]}%`}),g=()=>({background:`repeating-linear-gradient(
6
6
  to right,
7
7
  transparent 0,
8
- transparent ${i-T}px,
9
- ${s} ${i-T}px,
10
- ${s} ${i}px
11
- )`});return a.jsxs(a.Fragment,{children:[p()?a.jsx("div",{className:"p-meter__filled","data-testid":m.meteroverflow,style:{backgroundColor:o,width:"100%"}}):e.map((h,d)=>a.jsx("div",{className:"p-meter__filled","data-testid":m.filled,style:u(h,d)},`meter-${d}`)),i>0&&a.jsx("div",{className:"p-meter__separators","data-testid":m.segments,style:_()})]})},j=({labelClassName:e,label:t})=>a.jsx("div",{className:c("p-meter__label",e),"data-testid":m.label,children:t}),D=({className:e,data:t,emptyColor:n=y,label:o,labelClassName:i,max:s,overColor:p=S,segmented:u=!1,separatorColor:_=F,small:h=!1})=>{const d=N.useRef(null),b=t.reduce((k,re)=>k+re.value,0),v=s||b,C=t.map(k=>k.value/v*100),[oe,L]=N.useState(0);N.useEffect(()=>{u&&E(d,v,L)},[v,u]);const se=N.useCallback(()=>{E(d,v,L)},[d,v,L]);return f.useListener(window,se,"resize",!0,u),a.jsxs("div",{className:c("p-meter",{"p-meter--small":h},e),"data-testid":m.container,ref:d,children:[a.jsx("div",{className:"p-meter__bar","data-testid":m.bar,style:{backgroundColor:n},children:a.jsx(O,{data:t,datumWidths:C,maximum:v,overColor:p,segmentWidth:oe,separatorColor:_})}),o&&a.jsx(j,{label:o,labelClassName:i})]})},P=({children:e,to:t,...n})=>a.jsx(f.Link,{...n,href:t,rel:"noreferrer noopener",target:"_blank",children:e}),W=({children:e})=>a.jsx(a.Fragment,{children:e}),q=({isCollapsed:e,setIsCollapsed:t,className:n})=>a.jsx(f.Tooltip,{className:"p-side-navigation__tooltip-wrapper",message:a.jsxs(a.Fragment,{children:[e?"expand":"collapse","( ",a.jsx("code",{children:"["})," )"]}),position:"right",tooltipClassName:"p-side-navigation__tooltip",children:a.jsx(f.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",n),onClick:o=>{t(!e),o.stopPropagation(),o.currentTarget.blur()},children:a.jsx(f.Icon,{light:!0,name:"sidebar-toggle"})})}),A=({children:e})=>a.jsx("div",{className:"p-panel__content",children:a.jsx("nav",{className:"p-side-navigation--icons is-dark",children:e})}),z=({children:e})=>a.jsx("div",{className:"p-panel__controls u-no-margin--top",children:e}),H=({children:e})=>a.jsx("div",{className:"l-navigation__drawer",children:a.jsx("div",{className:"p-panel is-dark",children:e})}),G=({children:e})=>a.jsx("div",{className:"p-panel__footer",children:e}),J=({children:e})=>a.jsx("div",{className:"p-panel__header",children:e}),K=({light:e=!0,name:t})=>a.jsx(f.Icon,{className:"p-side-navigation__icon",light:e,name:t}),Q=({children:e,className:t,hasActiveChild:n})=>a.jsx("li",{className:c("p-side-navigation__item",t,{"has-active-child":n}),children:e}),U=({children:e,id:t,variant:n="base"})=>a.jsx("span",{className:c("p-side-navigation__label",{"p-side-navigation__label--group":n==="group"}),id:t,children:e}),V=({as:e,...t})=>{const n=e||"a";return a.jsx(n,{className:c("p-side-navigation__link",t.className),...t})},X=({children:e,className:t})=>a.jsx("ul",{className:c("p-side-navigation__list",t),children:e}),Y=({as:e,children:t,className:n,...o})=>{const i=e||"a";return a.jsx(i,{className:c("p-panel__logo",n),...o,children:a.jsx("div",{className:"p-navigation__tagged-logo",children:t})})},Z=({children:e})=>N.cloneElement(e,{className:"p-panel__logo-icon p-navigation__logo-icon"}),R=({children:e,variant:t="base"})=>a.jsx("div",{className:c("p-panel__logo-name is-fading-when-collapsed",{"p-panel__logo-name--small":t==="small"}),children:e}),ee=({children:e})=>a.jsx("div",{className:"p-navigation__logo-tag",children:e}),ae=({children:e})=>a.jsx("span",{className:"p-panel__logo-text",children:e}),te=({children:e,className:t,onClick:n})=>a.jsx(f.Button,{appearance:"base",className:c("p-side-navigation__button--menu has-icon is-dark",t),onClick:o=>{n&&n(o),o.stopPropagation(),o.currentTarget.blur()},children:e}),ne=({children:e})=>a.jsx("span",{className:"p-side-navigation__text",children:e}),ie="",r=({children:e,className:t,isCollapsed:n})=>a.jsx("header",{"aria-label":"main navigation",className:c("l-navigation is-maas",t,{"is-collapsed":n,"is-pinned":!n}),children:e}),$=({children:e,className:t})=>a.jsx("header",{"aria-label":"navigation",className:"l-navigation-bar",children:a.jsx("div",{className:c("p-panel is-dark",t),children:e})});r.Header=J,r.Banner=W,r.Drawer=H,r.Controls=z,r.CollapseToggle=q,r.Content=A,r.Footer=G,r.List=X,r.Item=Q,r.Link=V,r.Text=ne,r.Icon=K,r.Label=U,r.Logo=Y,r.LogoTag=ee,r.LogoIcon=Z,r.LogoName=R,r.LogoText=ae,$.MenuButton=te,l.ExternalLink=P,l.Meter=D,l.Navigation=r,l.NavigationBar=$,l.defaultEmptyColor=y,l.defaultFilledColors=x,l.defaultOverColor=S,l.defaultSeparatorColor=F,l.meterColor=g,l.testIds=m,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
8
+ transparent ${o-B}px,
9
+ ${h} ${o-B}px,
10
+ ${h} ${o}px
11
+ )`});return a.jsxs(a.Fragment,{children:[i()?a.jsx("div",{className:"p-meter__filled","data-testid":_.meteroverflow,style:{backgroundColor:C,width:"100%"}}):e==null?void 0:e.map((c,d)=>a.jsx("div",{className:"p-meter__filled","data-testid":_.filled,style:r(c,d)},`meter-${d}`)),o>0&&a.jsx("div",{className:"p-meter__separators","data-testid":_.segments,style:g()})]})},D=({className:e,children:n})=>a.jsx("div",{className:p("p-meter__label",e),"data-testid":_.label,children:n});S.Label=D;const O=({children:e,to:n,...t})=>a.jsx(m.Link,{...t,href:n,rel:"noreferrer noopener",target:"_blank",children:e}),P=({children:e})=>a.jsx(a.Fragment,{children:e}),q=({isCollapsed:e,setIsCollapsed:n,className:t})=>a.jsx(m.Tooltip,{className:"p-side-navigation__tooltip-wrapper",message:a.jsxs(a.Fragment,{children:[e?"expand":"collapse","( ",a.jsx("code",{children:"["})," )"]}),position:"right",tooltipClassName:"p-side-navigation__tooltip",children:a.jsx(m.Button,{appearance:"base","aria-label":`${e?"expand":"collapse"} main navigation`,className:p("is-dense has-icon is-dark u-no-margin l-navigation-collapse-toggle",t),onClick:o=>{n(!e),o.stopPropagation(),o.currentTarget.blur()},children:a.jsx(m.Icon,{light:!0,name:"sidebar-toggle"})})}),A=({children:e})=>a.jsx("div",{className:"p-panel__content",children:a.jsx("nav",{className:"p-side-navigation--icons is-dark",children:e})}),z=({children:e})=>a.jsx("div",{className:"p-panel__controls u-no-margin--top",children:e}),H=({children:e})=>a.jsx("div",{className:"l-navigation__drawer",children:a.jsx("div",{className:"p-panel is-dark",children:e})}),W=({children:e})=>a.jsx("div",{className:"p-panel__footer",children:e}),G=({children:e})=>a.jsx("div",{className:"p-panel__header",children:e}),J=({light:e=!0,name:n})=>a.jsx(m.Icon,{className:"p-side-navigation__icon",light:e,name:n}),K=({children:e,className:n,hasActiveChild:t})=>a.jsx("li",{className:p("p-side-navigation__item",n,{"has-active-child":t}),children:e}),Q=({children:e,id:n,variant:t="base"})=>a.jsx("span",{className:p("p-side-navigation__label",{"p-side-navigation__label--group":t==="group"}),id:n,children:e}),U=({as:e,...n})=>{const t=e||"a";return a.jsx(t,{className:p("p-side-navigation__link",n.className),...n})},V=({children:e,className:n})=>a.jsx("ul",{className:p("p-side-navigation__list",n),children:e}),X=({as:e,children:n,className:t,...o})=>{const i=e||"a";return a.jsx(i,{className:p("p-panel__logo",t),...o,children:a.jsx("div",{className:"p-navigation__tagged-logo",children:n})})},Y=({children:e})=>f.cloneElement(e,{className:"p-panel__logo-icon p-navigation__logo-icon"}),Z=({children:e,variant:n="base"})=>a.jsx("div",{className:p("p-panel__logo-name is-fading-when-collapsed",{"p-panel__logo-name--small":n==="small"}),children:e}),R=({children:e})=>a.jsx("div",{className:"p-navigation__logo-tag",children:e}),ee=({children:e})=>a.jsx("span",{className:"p-panel__logo-text",children:e}),ae=({children:e,className:n,onClick:t})=>a.jsx(m.Button,{appearance:"base",className:p("p-side-navigation__button--menu has-icon is-dark",n),onClick:o=>{t&&t(o),o.stopPropagation(),o.currentTarget.blur()},children:e}),ne=({children:e})=>a.jsx("span",{className:"p-side-navigation__text",children:e}),re="",s=({children:e,className:n,isCollapsed:t})=>a.jsx("header",{"aria-label":"main navigation",className:p("l-navigation is-maas",n,{"is-collapsed":t,"is-pinned":!t}),children:e}),x=({children:e,className:n})=>a.jsx("header",{"aria-label":"navigation",className:"l-navigation-bar",children:a.jsx("div",{className:p("p-panel is-dark",n),children:e})});s.Header=G,s.Banner=P,s.Drawer=H,s.Controls=z,s.CollapseToggle=q,s.Content=A,s.Footer=W,s.List=V,s.Item=K,s.Link=U,s.Text=ne,s.Icon=J,s.Label=Q,s.Logo=X,s.LogoTag=R,s.LogoIcon=Y,s.LogoName=Z,s.LogoText=ee,x.MenuButton=ae,l.ExternalLink=O,l.Meter=S,l.Navigation=s,l.NavigationBar=x,l.defaultFilledColors=$,l.meterColor=v,l.testIds=_,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
package/dist/src/lib/elements/Meter/Meter.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import * as React from "react";
2
2
  export declare const meterColor: {
3
3
  readonly caution: "#F99B11";
4
4
  readonly light: "#F7F7F7";
@@ -10,25 +10,17 @@ export declare const meterColor: {
10
10
  readonly positive: "#0E8420";
11
11
  };
12
12
  export declare const defaultFilledColors: ("#F99B11" | "#0066CC" | "#C7162B" | "#0E8420")[];
13
- export declare const defaultEmptyColor: "#D3E4ED";
14
- export declare const defaultOverColor: "#F99B11";
15
- export declare const defaultSeparatorColor: "#F7F7F7";
16
13
  type MeterDatum = {
17
14
  color?: string;
18
15
  value: number;
19
16
  };
20
- type Props = {
17
+ export interface MeterProps extends React.PropsWithChildren, React.ComponentProps<"div"> {
21
18
  className?: string;
22
19
  data: MeterDatum[];
23
- emptyColor?: string;
24
- label?: string | JSX.Element;
25
- labelClassName?: string;
26
20
  max?: number;
27
- overColor?: string;
28
- segmented?: boolean;
29
- separatorColor?: string;
30
- small?: boolean;
31
- };
21
+ variant?: "regular" | "segmented";
22
+ size?: "regular" | "small";
23
+ }
32
24
  export declare const testIds: {
33
25
  bar: string;
34
26
  container: string;
@@ -37,5 +29,13 @@ export declare const testIds: {
37
29
  meteroverflow: string;
38
30
  segments: string;
39
31
  };
40
- export declare const Meter: ({ className, data, emptyColor, label, labelClassName, max, overColor, segmented, separatorColor, small, }: Props) => JSX.Element;
41
- export {};
32
+ declare const Meter: {
33
+ ({ className, children, data, max, variant, size, ...props }: MeterProps): import("react/jsx-runtime").JSX.Element;
34
+ Label: ({ className, children, }: React.PropsWithChildren<Pick<MeterProps, "className">>) => import("react/jsx-runtime").JSX.Element;
35
+ };
36
+ export interface MeterSegmentProps extends Omit<MeterProps, "children"> {
37
+ datumWidths: number[];
38
+ maximum: number;
39
+ segmentWidth: number;
40
+ }
41
+ export { Meter };
package/dist/src/lib/elements/Meter/Meter.stories.d.ts CHANGED
@@ -2,7 +2,7 @@ import type { Meta } from "@storybook/react";
2
2
  import { Meter } from ".";
3
3
  declare const meta: Meta<typeof Meter>;
4
4
  export default meta;
5
- export declare const Example: {
5
+ export declare const Regular: {
6
6
  args: {
7
7
  data: {
8
8
  value: number;
@@ -10,6 +10,24 @@ export declare const Example: {
10
10
  }[];
11
11
  };
12
12
  };
13
+ export declare const Segmented: {
14
+ args: {
15
+ data: {
16
+ value: number;
17
+ color: string;
18
+ }[];
19
+ variant: string;
20
+ };
21
+ };
22
+ export declare const WithLabel: {
23
+ args: {
24
+ data: {
25
+ value: number;
26
+ color: string;
27
+ }[];
28
+ children: import("react/jsx-runtime").JSX.Element;
29
+ };
30
+ };
13
31
  export declare const NoItems: {
14
32
  args: {
15
33
  data: never[];
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__link{width:100%;justify-content:flex-start}.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}
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:hover,.l-navigation .p-side-navigation__item .p-side-navigation__link :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}
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.4.1",
4
+ "version": "1.5.1",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/canonical/maas-react-components.git"