welcome-ui 10.1.4 → 10.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/Field.css CHANGED
@@ -1 +1 @@
1
- @layer components{._root_1sq1k_2{display:grid;grid-template-areas:"label" "input";width:100%;height:fit-content}._root_1sq1k_2:has(._label_1sq1k_8):has(._hint_1sq1k_8){grid-template-areas:"label" "input" "hint"}._root_1sq1k_2:not(:has(._label_1sq1k_8)):has(._hint_1sq1k_8){grid-template-areas:"input" "hint"}._root_1sq1k_2:not(._inline_1sq1k_14) ._hint_1sq1k_8{margin-top:var(--field-gap-assistive)}._root_1sq1k_2:not(._inline_1sq1k_14) ._label_1sq1k_8{margin-bottom:var(--field-gap-label)}._root_1sq1k_2 .field-input{align-self:center;grid-area:input}._root_1sq1k_2 .field-input.date-picker-wrapper{justify-self:start}._inline_1sq1k_14{grid-template-areas:"input label";grid-template-columns:min-content 1fr;height:fit-content;grid-row-gap:var(--field-gap-assistive);grid-column-gap:var(--field-gap-label)}._inline_1sq1k_14:has(._label_1sq1k_8):has(._hint_1sq1k_8){grid-template-areas:"input label" ". hint"}._inline_1sq1k_14:not(:has(._label_1sq1k_8)):has(._hint_1sq1k_8){grid-template-areas:"input ." ". hint"}._label_1sq1k_8{grid-area:label}._hint_1sq1k_8{grid-area:hint}._hint-max-length_1sq1k_46{justify-self:end}._visuallyHidden_1sq1k_49{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}}
1
+ @layer components{._root_13hug_2{display:grid;grid-template-areas:"label" "input";width:100%;height:fit-content}._root_13hug_2:has(._label_13hug_8):has(._hint_13hug_8){grid-template-areas:"label" "input" "hint"}._root_13hug_2:not(:has(._label_13hug_8)):has(._hint_13hug_8){grid-template-areas:"input" "hint"}._root_13hug_2:not(._inline_13hug_14) ._hint_13hug_8{margin-top:var(--field-gap-assistive)}._root_13hug_2:not(._inline_13hug_14) ._label_13hug_8{margin-bottom:var(--field-gap-label)}._root_13hug_2 .field-input{align-self:center;grid-area:input}._root_13hug_2 .field-input.date-picker-wrapper{justify-self:start}._inline_13hug_14{grid-template-areas:"input label";grid-template-columns:min-content 1fr;height:fit-content;grid-row-gap:var(--field-gap-assistive);grid-column-gap:var(--field-gap-label)}._inline_13hug_14:has(._label_13hug_8):has(._hint_13hug_8){grid-template-areas:"input label" ". hint"}._inline_13hug_14:not(:has(._label_13hug_8)):has(._hint_13hug_8){grid-template-areas:"input ." ". hint"}._label_13hug_8{grid-area:label}._hint_13hug_8{grid-area:hint;display:flex;gap:var(--field-gap-label)}._hint-max-length_13hug_48{margin-left:auto}._visuallyHidden_13hug_51{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}}
package/dist/Field.js CHANGED
@@ -1,104 +1,98 @@
1
1
  "use client";
2
2
  import './Field.css';
3
- import { jsxs as w, jsx as b } from "react/jsx-runtime";
4
- import { createContext as C, useMemo as $, useId as A, useContext as L } from "react";
5
- import { Hint as M } from "./Hint.js";
6
- import { Label as R } from "./Label.js";
7
- import { c as S } from "./index-PAaZGbyz.js";
8
- import { f as T } from "./forwardRefWithAs-8eP3ZN15.js";
9
- const W = "_root_1sq1k_2", z = "_label_1sq1k_8", E = "_hint_1sq1k_8", G = "_inline_1sq1k_14", J = "_visuallyHidden_1sq1k_49", K = {
10
- root: W,
11
- label: z,
12
- hint: E,
13
- inline: G,
14
- "hint-max-length": "_hint-max-length_1sq1k_46",
15
- visuallyHidden: J
16
- }, h = S(K), y = C({
3
+ import { jsxs as y, jsx as _ } from "react/jsx-runtime";
4
+ import { createContext as $, useMemo as q, useId as A, useContext as R } from "react";
5
+ import { Hint as S } from "./Hint.js";
6
+ import { Label as T } from "./Label.js";
7
+ import { c as W } from "./index-PAaZGbyz.js";
8
+ import { f as k } from "./forwardRefWithAs-8eP3ZN15.js";
9
+ const z = "_root_13hug_2", E = "_label_13hug_8", G = "_hint_13hug_8", J = "_inline_13hug_14", K = "_visuallyHidden_13hug_51", O = {
10
+ root: z,
11
+ label: E,
12
+ hint: G,
13
+ inline: J,
14
+ "hint-max-length": "_hint-max-length_13hug_48",
15
+ visuallyHidden: K
16
+ }, d = W(O), I = $({
17
17
  getInputProps: (n) => n,
18
18
  hintID: "",
19
19
  labelID: "",
20
20
  variant: void 0
21
21
  });
22
- function _(n) {
23
- const o = A();
24
- return n || o;
22
+ function f(n) {
23
+ const c = A();
24
+ return n || c;
25
25
  }
26
- function P() {
27
- return L(y);
26
+ function ee() {
27
+ return R(I);
28
28
  }
29
- const O = T((n, o) => {
29
+ const Q = k((n, c) => {
30
30
  const {
31
- children: I,
32
- className: N,
33
- disabled: d,
34
- error: f,
35
- hideLabel: g,
36
- hint: D,
37
- hintProps: a,
38
- id: p,
39
- inline: q,
40
- label: F,
31
+ children: N,
32
+ className: p,
33
+ disabled: u,
34
+ error: g,
35
+ hideLabel: D,
36
+ hint: F,
37
+ hintProps: l,
38
+ id: H,
39
+ inline: j,
40
+ label: B,
41
41
  labelProps: i,
42
42
  maxLength: e,
43
- required: c,
43
+ required: m,
44
44
  success: v,
45
45
  warning: x,
46
- ...k
47
- } = n, t = f ? "danger" : v ? "success" : x ? "warning" : void 0, l = f ?? x ?? v ?? D ?? (e ? `${new Intl.NumberFormat().format(e.count)} / ${new Intl.NumberFormat().format(e.max)}` : void 0), s = _(i == null ? void 0 : i.id), r = _(a == null ? void 0 : a.id), m = _(p), H = $(
46
+ ...w
47
+ } = n, t = g ? "danger" : v ? "success" : x ? "warning" : void 0, r = g ?? x ?? v ?? F, a = e ? `${new Intl.NumberFormat().format(e.count)} / ${new Intl.NumberFormat().format(e.max)}` : void 0, s = f(i == null ? void 0 : i.id), o = f(l == null ? void 0 : l.id), h = f(H), C = q(
48
48
  () => ({
49
- getInputProps(u) {
50
- const j = [u["aria-describedby"], l && r].filter(Boolean).join(" ") || void 0, B = [u["aria-labelledby"], s].filter(Boolean).join(" ");
49
+ getInputProps(b) {
50
+ const L = [b["aria-describedby"], (r || a) && o].filter(Boolean).join(" ") || void 0, M = [b["aria-labelledby"], s].filter(Boolean).join(" ");
51
51
  return {
52
- ...u,
53
- "aria-describedby": j,
52
+ ...b,
53
+ "aria-describedby": L,
54
54
  "aria-invalid": t === "danger" ? !0 : void 0,
55
- "aria-labelledby": B,
56
- disabled: d,
57
- id: m,
55
+ "aria-labelledby": M,
56
+ disabled: u,
57
+ id: h,
58
58
  /**
59
59
  * pass maxCount to children for block form
60
60
  */
61
61
  maxLength: e == null ? void 0 : e.max,
62
- required: c
62
+ required: m
63
63
  };
64
64
  },
65
- hintID: r,
65
+ hintID: o,
66
66
  labelID: s,
67
67
  variant: t
68
68
  }),
69
- [r, s, t, l, d, m, e == null ? void 0 : e.max, c]
69
+ [o, s, t, r, a, u, h, e == null ? void 0 : e.max, m]
70
70
  );
71
- return /* @__PURE__ */ w("div", { ref: o, ...k, className: h("root", q && "inline", N), children: [
72
- /* @__PURE__ */ b(
73
- R,
71
+ return /* @__PURE__ */ y("div", { ref: c, ...w, className: d("root", j && "inline", p), children: [
72
+ /* @__PURE__ */ _(
73
+ T,
74
74
  {
75
- disabled: d,
76
- htmlFor: m,
75
+ disabled: u,
76
+ htmlFor: h,
77
77
  id: s,
78
- required: c,
78
+ required: m,
79
79
  variant: t,
80
80
  ...i,
81
- className: h("label", g && "visuallyHidden", i == null ? void 0 : i.className),
82
- children: F
81
+ className: d("label", D && "visuallyHidden", i == null ? void 0 : i.className),
82
+ children: B
83
83
  }
84
84
  ),
85
- /* @__PURE__ */ b(y.Provider, { value: H, children: I }),
86
- l ? /* @__PURE__ */ b(
87
- M,
88
- {
89
- className: h("hint", !!e && "hint-max-length"),
90
- id: r,
91
- variant: t,
92
- ...a,
93
- children: l
94
- }
95
- ) : null
85
+ /* @__PURE__ */ _(I.Provider, { value: C, children: N }),
86
+ r || a ? /* @__PURE__ */ y(S, { className: d("hint"), id: o, variant: t, ...l, children: [
87
+ r,
88
+ a ? /* @__PURE__ */ _("span", { className: d("hint-max-length"), children: a }) : null
89
+ ] }) : null
96
90
  ] });
97
91
  });
98
- O.displayName = "Field";
92
+ Q.displayName = "Field";
99
93
  export {
100
- O as Field,
101
- y as FieldContext,
102
- _ as useDefaultID,
103
- P as useField
94
+ Q as Field,
95
+ I as FieldContext,
96
+ f as useDefaultID,
97
+ ee as useField
104
98
  };
@@ -0,0 +1 @@
1
+ @layer components{._container_1la8g_2{display:inline-flex;align-items:center;gap:var(--floating-action-bar-gap-items)}._container_1la8g_2>*{flex-shrink:0}._floating-action-bar_1la8g_10{display:flex;justify-content:center;padding:var(--floating-action-bar-padding-block) var(--floating-action-bar-padding-inline);border-radius:var(--floating-action-bar-border-radius);border:var(--floating-action-bar-border-width) solid var(--floating-action-bar-color-border);background:var(--floating-action-bar-color-background);box-shadow:var(--elevation-30);overflow-x:auto;overflow-y:hidden}}
@@ -0,0 +1,25 @@
1
+ "use client";
2
+ import './FloatingActionBar.css';
3
+ import { jsx as a } from "react/jsx-runtime";
4
+ import { c as e } from "./index-PAaZGbyz.js";
5
+ import { f as l } from "./forwardRefWithAs-8eP3ZN15.js";
6
+ import "react";
7
+ const m = "_container_1la8g_2", f = {
8
+ container: m,
9
+ "floating-action-bar": "_floating-action-bar_1la8g_10"
10
+ }, t = e(f), b = l(
11
+ ({ as: o = "div", children: n, className: r, dataTestId: i, ...s }, c) => /* @__PURE__ */ a(
12
+ o,
13
+ {
14
+ className: t("floating-action-bar", r),
15
+ "data-testid": i,
16
+ role: "toolbar",
17
+ ...s,
18
+ ref: c,
19
+ children: /* @__PURE__ */ a("div", { className: t("container"), children: n })
20
+ }
21
+ )
22
+ );
23
+ export {
24
+ b as FloatingActionBar
25
+ };
package/dist/Modal.js CHANGED
@@ -3,7 +3,7 @@ import './Modal.css';
3
3
  import { jsx as t, jsxs as _ } from "react/jsx-runtime";
4
4
  import { b as K } from "./Q3KUZPD7-CfUCRwV-.js";
5
5
  import { D as L, u as Q } from "./2S4Q4M35-BtTn_beR.js";
6
- import { forwardRef as f, isValidElement as U, cloneElement as X, useState as Y, useEffect as Z } from "react";
6
+ import { forwardRef as c, isValidElement as U, cloneElement as X, useState as Y, useEffect as Z } from "react";
7
7
  import { Window as i } from "./Window.js";
8
8
  import { c as r } from "./index-PAaZGbyz.js";
9
9
  import { f as N } from "./forwardRefWithAs-8eP3ZN15.js";
@@ -13,7 +13,7 @@ import { Text as b } from "./Text.js";
13
13
  import { Checkbox as ee } from "./Checkbox.js";
14
14
  import { Field as oe } from "./Field.js";
15
15
  import { D as se } from "./GYHYTZZN-Xp0fZyyw.js";
16
- const te = "_root_1sqpb_3", ae = "_hideOnInteractOutside_1sqpb_19", re = "_dialog_1sqpb_130", c = {
16
+ const te = "_root_1sqpb_3", ae = "_hideOnInteractOutside_1sqpb_19", re = "_dialog_1sqpb_130", d = {
17
17
  root: te,
18
18
  "asset-backdrop": "_asset-backdrop_1sqpb_8",
19
19
  hideOnInteractOutside: ae,
@@ -24,9 +24,9 @@ const te = "_root_1sqpb_3", ae = "_hideOnInteractOutside_1sqpb_19", re = "_dialo
24
24
  "asset-content": "_asset-content_1sqpb_97",
25
25
  dialog: re,
26
26
  "close-button": "_close-button_1sqpb_172"
27
- }, ne = r(c), O = ({ children: e, ...o }) => /* @__PURE__ */ t(i.Header.CloseButton, { className: ne("close-button"), ...o, children: e });
27
+ }, ne = r(d), O = ({ children: e, ...o }) => /* @__PURE__ */ t(i.Header.CloseButton, { className: ne("close-button"), ...o, children: e });
28
28
  O.displayName = "AssetModal.Close";
29
- const le = r(c), B = f(
29
+ const le = r(d), B = c(
30
30
  ({ hideOnInteractOutside: e, ...o }, s) => /* @__PURE__ */ t(
31
31
  "div",
32
32
  {
@@ -43,15 +43,15 @@ const le = r(c), B = f(
43
43
  )
44
44
  );
45
45
  B.displayName = "AssetModal.Backdrop";
46
- const ie = r(c), A = ({
46
+ const ie = r(d), A = ({
47
47
  children: e,
48
48
  className: o,
49
49
  ...s
50
50
  }) => /* @__PURE__ */ t("div", { className: ie("root", "asset-content", o), ...s, children: e });
51
51
  A.displayName = "AssetModal.Content";
52
- const ce = r(c), w = ({ children: e, ...o }) => /* @__PURE__ */ t(b, { as: "p", className: ce("asset-title"), lines: 2, variant: "heading-md-strong", ...o, children: e });
52
+ const ce = r(d), w = ({ children: e, ...o }) => /* @__PURE__ */ t(b, { as: "p", className: ce("asset-title"), lines: 2, variant: "heading-md-strong", ...o, children: e });
53
53
  w.displayName = "AssetModal.Title";
54
- const M = r(c), C = f(
54
+ const M = r(d), C = c(
55
55
  ({ children: e, customContent: o, subtitle: s, title: a, ...n }, l) => /* @__PURE__ */ _("div", { className: M("root", "asset-wrapper"), ref: l, ...n, children: [
56
56
  e,
57
57
  /* @__PURE__ */ _("div", { className: M("root", "asset-title-wrapper"), children: [
@@ -62,12 +62,11 @@ const M = r(c), C = f(
62
62
  ] })
63
63
  );
64
64
  C.displayName = "AssetModal.AssetWithTitle";
65
- const de = r(c), T = ({
66
- children: e,
67
- ...o
68
- }) => /* @__PURE__ */ t("div", { className: de("root", "dialog"), ...o, children: e });
65
+ const de = r(d), T = c(
66
+ ({ children: e, className: o, ...s }, a) => /* @__PURE__ */ t("div", { className: de("root", "dialog", o), ref: a, ...s, children: e })
67
+ );
69
68
  T.displayName = "AssetModal";
70
- const fe = r(c), D = ({ children: e }) => /* @__PURE__ */ t("div", { className: fe("root", "iframe-wrapper"), children: e });
69
+ const fe = r(d), D = ({ children: e }) => /* @__PURE__ */ t("div", { className: fe("root", "iframe-wrapper"), children: e });
71
70
  D.displayName = "AssetModal.Iframe";
72
71
  const _e = Object.assign(T, {
73
72
  AssetWithTitle: C,
@@ -75,7 +74,7 @@ const _e = Object.assign(T, {
75
74
  Content: A,
76
75
  Iframe: D,
77
76
  Title: w
78
- }), me = "_root_f1ife_4", pe = "_body_f1ife_50", ue = "_header_f1ife_50", be = "_footer_f1ife_53", he = "_scrollable_f1ife_59", Ne = "_content_f1ife_65", ye = "_close_f1ife_65", ge = "_fullscreen_f1ife_68", we = "_backdrop_f1ife_102", xe = "_hideOnInteractOutside_f1ife_113", d = {
77
+ }), me = "_root_f1ife_4", pe = "_body_f1ife_50", ue = "_header_f1ife_50", be = "_footer_f1ife_53", he = "_scrollable_f1ife_59", Ne = "_content_f1ife_65", ye = "_close_f1ife_65", ge = "_fullscreen_f1ife_68", we = "_backdrop_f1ife_102", xe = "_hideOnInteractOutside_f1ife_113", f = {
79
78
  root: me,
80
79
  body: pe,
81
80
  header: ue,
@@ -98,7 +97,7 @@ const _e = Object.assign(T, {
98
97
  "variant-full": "_variant-full_f1ife_169",
99
98
  "footer-checkbox": "_footer-checkbox_f1ife_176",
100
99
  "footer-buttons": "_footer-buttons_f1ife_179"
101
- }, Me = r(d), q = f(
100
+ }, Me = r(f), q = c(
102
101
  ({ backdrop: e, hideOnInteractOutside: o, ...s }, a) => e === !0 ? /* @__PURE__ */ t(
103
102
  "div",
104
103
  {
@@ -109,7 +108,7 @@ const _e = Object.assign(T, {
109
108
  ) : U(e) ? X(e, { ref: a, ...s }) : null
110
109
  );
111
110
  q.displayName = "Modal.Backdrop";
112
- const g = r(d), H = N(
111
+ const g = r(f), H = N(
113
112
  ({ as: e = "section", children: o, className: s, iconName: a, subtitle: n, title: l, ...m }, y) => {
114
113
  const p = !!(a || l);
115
114
  return /* @__PURE__ */ _(e, { className: g("body", s), ref: y, ...m, children: [
@@ -123,7 +122,7 @@ const g = r(d), H = N(
123
122
  }
124
123
  );
125
124
  H.displayName = "Modal.Body";
126
- const v = r(d), I = N(
125
+ const v = r(f), I = N(
127
126
  ({ children: e, className: o, withClosingButton: s = !0, ...a }, n) => /* @__PURE__ */ _(
128
127
  "div",
129
128
  {
@@ -138,7 +137,7 @@ const v = r(d), I = N(
138
137
  )
139
138
  );
140
139
  I.displayName = "Modal.Content";
141
- const h = r(d), W = ({ children: e, className: o, ...s }) => /* @__PURE__ */ t("div", { className: h("footer-buttons", o), ...s, children: e });
140
+ const h = r(f), W = ({ children: e, className: o, ...s }) => /* @__PURE__ */ t("div", { className: h("footer-buttons", o), ...s, children: e });
142
141
  W.displayName = "Modal.Footer.Buttons";
143
142
  const z = ({
144
143
  checked: e,
@@ -147,14 +146,14 @@ const z = ({
147
146
  ...a
148
147
  }) => /* @__PURE__ */ t(oe, { className: h("footer-checkbox"), ...a, inline: !0, label: s, children: /* @__PURE__ */ t(ee, { checked: e, onChange: o }) });
149
148
  z.displayName = "Modal.Footer.Checkbox";
150
- const S = f(
149
+ const S = c(
151
150
  ({ children: e, className: o, variant: s = "right", ...a }, n) => /* @__PURE__ */ t("footer", { className: h("footer", o), ref: n, ...a, children: e ? /* @__PURE__ */ t("div", { className: h("footer-children-wrapper", `variant-${s}`), children: e }) : null })
152
151
  );
153
152
  S.displayName = "Modal.Footer";
154
153
  const ve = Object.assign(S, {
155
154
  Buttons: W,
156
155
  Checkbox: z
157
- }), $e = r(d), F = f(
156
+ }), $e = r(f), F = c(
158
157
  ({ children: e, className: o, ...s }, a) => /* @__PURE__ */ t(i.Header, { className: $e("header", o), ref: a, ...s, children: e })
159
158
  );
160
159
  F.displayName = "Modal.Header";
@@ -170,9 +169,9 @@ const j = N(
170
169
  )
171
170
  );
172
171
  j.displayName = "Modal.Trigger";
173
- const ke = r(d), E = f(({ className: e, ...o }, s) => /* @__PURE__ */ t(i.Media, { className: ke("window-media", e), ref: s, ...o }));
172
+ const ke = r(f), E = c(({ className: e, ...o }, s) => /* @__PURE__ */ t(i.Media, { className: ke("window-media", e), ref: s, ...o }));
174
173
  E.displayName = "Modal.WindowMedia";
175
- const Oe = r(d);
174
+ const Oe = r(f);
176
175
  function Ee(e) {
177
176
  const { onClose: o, setOpen: s, ...a } = e || {};
178
177
  return Q({
@@ -1,185 +1,198 @@
1
1
  "use client";
2
2
  import './Pagination.css';
3
- import { jsx as s, jsxs as N } from "react/jsx-runtime";
4
- import { useMemo as Y, forwardRef as Z, useRef as M, useCallback as y } from "react";
3
+ import { jsx as s, jsxs as $ } from "react/jsx-runtime";
4
+ import { useMemo as p, forwardRef as H, useRef as M, useCallback as k } from "react";
5
5
  import { Icon as A } from "./Icon.js";
6
- import { c as H } from "./index-PAaZGbyz.js";
7
- const I = "_list_1d12i_3", n = "_item_1d12i_13", C = "_page_1d12i_52", a = {
8
- list: I,
9
- item: n,
6
+ import { Text as n } from "./Text.js";
7
+ import { c as I } from "./index-PAaZGbyz.js";
8
+ const C = "_list_1d12i_3", a = "_item_1d12i_13", x = "_page_1d12i_52", v = {
9
+ list: C,
10
+ item: a,
10
11
  "disabled-arrow": "_disabled-arrow_1d12i_43",
11
- page: C,
12
+ page: x,
12
13
  "with-text-left": "_with-text-left_1d12i_72",
13
14
  "with-text-right": "_with-text-right_1d12i_72",
14
15
  "size-lg": "_size-lg_1d12i_75",
15
16
  "size-md": "_size-md_1d12i_90"
16
- }, i = 5, x = 3;
17
- function v({ page: c, pageCount: e, rangeDisplay: h }) {
18
- return Y(() => {
19
- if (e <= h || e <= i + 1)
20
- return B(e, (b) => b + 1);
21
- const t = g(c, e), o = t === "before" ? B(i, (b) => b + 1) : [1], r = t === "center" ? B(x, (b) => b + c - 1) : [], w = t === "after" ? B(i, (b) => b + e - i + 1) : [e];
22
- return T([o, r, w], "-");
23
- }, [c, e, h]);
17
+ }, P = 5, g = 3;
18
+ function T({ page: e, pageCount: r, rangeDisplay: o }) {
19
+ return p(() => {
20
+ if (r <= o || r <= P + 1)
21
+ return B(r, (t) => t + 1);
22
+ const u = ll(e, r), N = u === "before" ? B(P, (t) => t + 1) : [1], h = u === "center" ? B(g, (t) => t + e - 1) : [], c = u === "after" ? B(P, (t) => t + r - P + 1) : [r];
23
+ return rl([N, h, c], "-");
24
+ }, [e, r, o]);
24
25
  }
25
- function B(c, e) {
26
- return Array.from({ length: c }, (h, t) => e(t));
26
+ function B(e, r) {
27
+ return Array.from({ length: e }, (o, u) => r(u));
27
28
  }
28
- function g(c, e) {
29
- return c < i ? "before" : c >= i && c <= e - i + 1 ? "center" : c > e - i + 1 ? "after" : "center";
29
+ function ll(e, r) {
30
+ return e < P ? "before" : e >= P && e <= r - P + 1 ? "center" : e > r - P + 1 ? "after" : "center";
30
31
  }
31
- function T(c, e) {
32
- return c.reduce((h, t, o) => {
33
- const r = [];
34
- return r.push(...h), r.push(...t), t.length && o < c.length - 1 && r.push(e), r;
32
+ function rl(e, r) {
33
+ return e.reduce((o, u, N) => {
34
+ const h = [];
35
+ return h.push(...o), h.push(...u), u.length && N < e.length - 1 && h.push(r), h;
35
36
  }, []);
36
37
  }
37
- const m = H(a), ll = Z(
38
+ const i = I(v), el = H(
38
39
  ({
39
- "aria-label": c,
40
- buttonFirstProps: e,
41
- buttonLastProps: h,
42
- buttonNextProps: t,
43
- buttonPrevProps: o,
44
- dataTestId: r,
45
- getHref: w,
46
- listProps: b,
40
+ "aria-label": e,
41
+ buttonFirstProps: r,
42
+ buttonLastProps: o,
43
+ buttonNextProps: u,
44
+ buttonPrevProps: N,
45
+ condensed: h = !1,
46
+ dataTestId: c,
47
+ getHref: t,
48
+ listProps: G,
47
49
  navigationTexts: l,
48
- onChange: u,
49
- page: f,
50
- pageCount: P,
51
- rangeDisplay: G = 5,
50
+ onChange: m,
51
+ page: d,
52
+ pageCount: b,
53
+ rangeDisplay: q = 5,
52
54
  showEdgeControls: D = !1,
53
55
  size: _ = "lg",
54
- ...p
55
- }, q) => {
56
- const J = v({ page: f, pageCount: P, rangeDisplay: G }), K = M(null), O = M(null), $ = f === 1, z = f === P, R = f === 1, k = f === P, j = (l == null ? void 0 : l.firstPage) || "First Page", E = (l == null ? void 0 : l.lastPage) || "Last Page", F = (l == null ? void 0 : l.nextPage) || "Next Page", L = (l == null ? void 0 : l.previousPage) || "Previous Page", Q = y(() => {
57
- R || u(1);
58
- }, [R, u]), S = y(() => {
59
- k || u(P);
60
- }, [k, P, u]), U = y(() => {
61
- if ($) return;
62
- const d = Math.max(f - 1, 1);
63
- u(d);
64
- }, [$, f, u]), V = y(() => {
56
+ ...J
57
+ }, K) => {
58
+ const O = T({ page: d, pageCount: b, rangeDisplay: q }), Q = M(null), S = M(null), w = d === 1, z = d === b, y = d === 1, R = d === b, j = (l == null ? void 0 : l.firstPage) || "First Page", E = (l == null ? void 0 : l.lastPage) || "Last Page", F = (l == null ? void 0 : l.nextPage) || "Next Page", L = (l == null ? void 0 : l.previousPage) || "Previous Page", U = k(() => {
59
+ y || m(1);
60
+ }, [y, m]), V = k(() => {
61
+ R || m(b);
62
+ }, [R, b, m]), W = k(() => {
63
+ if (w) return;
64
+ const f = Math.max(d - 1, 1);
65
+ m(f);
66
+ }, [w, d, m]), X = k(() => {
65
67
  if (z) return;
66
- const d = Math.min(f + 1, P);
67
- u(d);
68
- }, [z, f, P, u]);
69
- return /* @__PURE__ */ s("nav", { "aria-label": c ?? "Pagination", "data-testid": r, ref: q, ...p, children: /* @__PURE__ */ N("ol", { className: m("list"), ...b, children: [
70
- D ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ N(
68
+ const f = Math.min(d + 1, b);
69
+ m(f);
70
+ }, [z, d, b, m]);
71
+ return /* @__PURE__ */ s("nav", { "aria-label": e ?? "Pagination", "data-testid": c, ref: K, ...J, children: /* @__PURE__ */ $("ol", { className: i("list"), ...G, children: [
72
+ D ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ $(
71
73
  "button",
72
74
  {
73
75
  "aria-label": j,
74
- className: m(
76
+ className: i(
75
77
  "item",
76
78
  `size-${_}`,
77
79
  (l == null ? void 0 : l.firstPage) && "with-text-right",
78
- R && "disabled-arrow"
80
+ y && "disabled-arrow"
79
81
  ),
80
- "data-testid": r ? `${r}-arrow-first` : void 0,
81
- disabled: R,
82
- onClick: Q,
82
+ "data-testid": c ? `${c}-arrow-first` : void 0,
83
+ disabled: y,
84
+ onClick: U,
83
85
  type: "button",
84
- ...e,
86
+ ...r,
85
87
  children: [
86
- /* @__PURE__ */ s(A, { className: m("icon"), name: "angle-double-left", size: "lg" }),
88
+ /* @__PURE__ */ s(A, { className: i("icon"), name: "angle-double-left", size: "lg" }),
87
89
  l != null && l.firstPage ? j : null
88
90
  ]
89
91
  }
90
92
  ) }) : null,
91
- /* @__PURE__ */ s("li", { children: /* @__PURE__ */ N(
93
+ /* @__PURE__ */ s("li", { children: /* @__PURE__ */ $(
92
94
  "button",
93
95
  {
94
96
  "aria-label": L,
95
- className: m(
97
+ className: i(
96
98
  "item",
97
99
  `size-${_}`,
98
100
  (l == null ? void 0 : l.previousPage) && "with-text-right",
99
- $ && "disabled-arrow"
101
+ w && "disabled-arrow"
100
102
  ),
101
- "data-testid": r ? `${r}-arrow-prev` : void 0,
102
- disabled: $,
103
- onClick: U,
104
- ref: K,
103
+ "data-testid": c ? `${c}-arrow-prev` : void 0,
104
+ disabled: w,
105
+ onClick: W,
106
+ ref: Q,
105
107
  type: "button",
106
- ...o,
108
+ ...N,
107
109
  children: [
108
- /* @__PURE__ */ s(A, { className: m("icon"), name: "angle-left", size: "lg" }),
110
+ /* @__PURE__ */ s(A, { className: i("icon"), name: "angle-left", size: "lg" }),
109
111
  l != null && l.previousPage ? L : null
110
112
  ]
111
113
  }
112
114
  ) }),
113
- J.map(
114
- (d, W) => d === "-" ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
115
+ h ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
116
+ n,
117
+ {
118
+ "aria-label": `Page ${d} of ${b}`,
119
+ as: "span",
120
+ className: "inline",
121
+ "data-testid": c ? `${c}-range` : void 0,
122
+ role: "status",
123
+ variant: `body-${_}`,
124
+ children: `${d} / ${b}`
125
+ }
126
+ ) }) : O.map(
127
+ (f, Y) => f === "-" ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
115
128
  "button",
116
129
  {
117
130
  "aria-label": "Collapsed Pages",
118
- className: m("item", `size-${_}`),
131
+ className: i("item", `size-${_}`),
119
132
  type: "button",
120
133
  children: "..."
121
134
  }
122
- ) }, `${W}-`) : /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
135
+ ) }, `${Y}-`) : /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
123
136
  "a",
124
137
  {
125
- "aria-current": d === f,
126
- className: m("item", "page", `size-${_}`),
127
- "data-testid": r ? `${r}-${d}` : void 0,
128
- href: w == null ? void 0 : w(d),
129
- onClick: (X) => {
130
- u && (X.preventDefault(), u(d));
138
+ "aria-current": f === d,
139
+ className: i("item", "page", `size-${_}`),
140
+ "data-testid": c ? `${c}-${f}` : void 0,
141
+ href: t == null ? void 0 : t(f),
142
+ onClick: (Z) => {
143
+ m && (Z.preventDefault(), m(f));
131
144
  },
132
- children: d
145
+ children: f
133
146
  }
134
- ) }, d)
147
+ ) }, f)
135
148
  ),
136
- /* @__PURE__ */ s("li", { children: /* @__PURE__ */ N(
149
+ /* @__PURE__ */ s("li", { children: /* @__PURE__ */ $(
137
150
  "button",
138
151
  {
139
152
  "aria-label": F,
140
- className: m(
153
+ className: i(
141
154
  "item",
142
155
  `size-${_}`,
143
156
  (l == null ? void 0 : l.nextPage) && "with-text-left",
144
157
  z && "disabled-arrow"
145
158
  ),
146
- "data-testid": r ? `${r}-arrow-next` : void 0,
159
+ "data-testid": c ? `${c}-arrow-next` : void 0,
147
160
  disabled: z,
148
- onClick: V,
149
- ref: O,
161
+ onClick: X,
162
+ ref: S,
150
163
  type: "button",
151
- ...t,
164
+ ...u,
152
165
  children: [
153
166
  l != null && l.nextPage ? F : null,
154
167
  /* @__PURE__ */ s(A, { name: "angle-right", size: "lg" })
155
168
  ]
156
169
  }
157
170
  ) }),
158
- D ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ N(
171
+ D ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ $(
159
172
  "button",
160
173
  {
161
174
  "aria-label": E,
162
- className: m(
175
+ className: i(
163
176
  "item",
164
177
  `size-${_}`,
165
178
  (l == null ? void 0 : l.lastPage) && "with-text-left",
166
- k && "disabled-arrow"
179
+ R && "disabled-arrow"
167
180
  ),
168
- "data-testid": r ? `${r}-arrow-last` : void 0,
169
- disabled: k,
170
- onClick: S,
181
+ "data-testid": c ? `${c}-arrow-last` : void 0,
182
+ disabled: R,
183
+ onClick: V,
171
184
  type: "button",
172
- ...h,
185
+ ...o,
173
186
  children: [
174
187
  l != null && l.lastPage ? E : null,
175
- /* @__PURE__ */ s(A, { className: m("icon"), name: "angle-double-right", size: "lg" })
188
+ /* @__PURE__ */ s(A, { className: i("icon"), name: "angle-double-right", size: "lg" })
176
189
  ]
177
190
  }
178
191
  ) }) : null
179
192
  ] }) });
180
193
  }
181
194
  );
182
- ll.displayName = "Pagination";
195
+ el.displayName = "Pagination";
183
196
  export {
184
- ll as Pagination
197
+ el as Pagination
185
198
  };
package/dist/Swiper.css CHANGED
@@ -1 +1 @@
1
- @layer components{._root_103s3_3{overflow-y:hidden;position:relative;width:100%;height:100%}._container_103s3_9{scroll-snap-type:x mandatory;display:flex;-webkit-overflow-scrolling:touch;overflow-x:scroll;margin:0;-ms-overflow-style:none;scrollbar-width:none;height:100%;padding:0}._container_103s3_9::-webkit-scrollbar{display:none}._container_103s3_9>[aria-roledescription=slide][aria-hidden=true]{pointer-events:none}._container_103s3_9>*{list-style-type:none;margin-right:var(--spaceBetween);min-width:var(--slideWidthMobile);max-width:var(--slideWidthMobile);flex:1}._container_103s3_9>*:last-child{margin-right:0}@media (min-width: 480px){._container-mobile_103s3_38>*{min-width:var(--slideWidthMobile);max-width:var(--slideWidthMobile)}._container-mobile_103s3_38>*:nth-of-type(n+1){scroll-snap-align:start}}@media (min-width: 736px){._container-tablet_103s3_47>*{min-width:var(--slideWidthTablet);max-width:var(--slideWidthTablet)}._container-tablet_103s3_47>*:nth-of-type(n+1){scroll-snap-align:start}}@media (min-width: 980px){._container-desktop_103s3_56>*{min-width:var(--slideWidthDesktop);max-width:var(--slideWidthDesktop);scroll-snap-align:unset}._container-desktop_103s3_56>*:nth-of-type(n+1){scroll-snap-align:start}._container-desktop_103s3_56>*:not(:nth-of-type(n+1)){scroll-snap-align:unset}}@media (min-width: 1280px){._container-full-width_103s3_69>*{min-width:var(--slideWithDesktopFullWidth);max-width:var(--slideWithDesktopFullWidth)}}._arrow-placement-side_103s3_74{position:absolute;top:50%;transform:translate3d(0,-50%,0);display:none;z-index:1}._arrow-placement-side-left_103s3_81{left:10px}._arrow-placement-side-right_103s3_84{right:10px}._arrow-mobile_103s3_87{display:flex;z-index:1}@media (min-width: 736px){._arrow_103s3_74{display:none;z-index:-1}._arrow-desktop_103s3_96{display:flex;z-index:1}}._arrow-background_103s3_101{background-color:var(--color-background-neutral-inverse-fixed)}._arrow-background_103s3_101:hover{background-color:var(--color-background-neutral-subtle)}}
1
+ @layer components{._root_eam2c_3{overflow-y:hidden;position:relative;width:100%;height:100%;display:flex;flex-direction:column}._container_eam2c_11{scroll-snap-type:x mandatory;display:flex;-webkit-overflow-scrolling:touch;overflow-x:scroll;margin:0;-ms-overflow-style:none;scrollbar-width:none;flex:1;min-height:0;padding:0}._container_eam2c_11::-webkit-scrollbar{display:none}._container_eam2c_11>[aria-roledescription=slide][aria-hidden=true]{pointer-events:none}._container_eam2c_11>*{list-style-type:none;margin-right:var(--spaceBetween);min-width:var(--slideWidthMobile);max-width:var(--slideWidthMobile);flex:1}._container_eam2c_11>*:last-child{margin-right:0}@media (min-width: 480px){._container-mobile_eam2c_41>*{min-width:var(--slideWidthMobile);max-width:var(--slideWidthMobile)}._container-mobile_eam2c_41>*:nth-of-type(n+1){scroll-snap-align:start}}@media (min-width: 736px){._container-tablet_eam2c_50>*{min-width:var(--slideWidthTablet);max-width:var(--slideWidthTablet)}._container-tablet_eam2c_50>*:nth-of-type(n+1){scroll-snap-align:start}}@media (min-width: 980px){._container-desktop_eam2c_59>*{min-width:var(--slideWidthDesktop);max-width:var(--slideWidthDesktop);scroll-snap-align:unset}._container-desktop_eam2c_59>*:nth-of-type(n+1){scroll-snap-align:start}._container-desktop_eam2c_59>*:not(:nth-of-type(n+1)){scroll-snap-align:unset}}@media (min-width: 1280px){._container-full-width_eam2c_72>*{min-width:var(--slideWithDesktopFullWidth);max-width:var(--slideWithDesktopFullWidth)}}._arrow-placement-side_eam2c_77{position:absolute;top:50%;transform:translate3d(0,-50%,0);display:none;z-index:1}._arrow-placement-side-left_eam2c_84{left:10px}._arrow-placement-side-right_eam2c_87{right:10px}._arrow-mobile_eam2c_90{display:flex;z-index:1}@media (min-width: 736px){._arrow_eam2c_77{display:none;z-index:-1}._arrow-desktop_eam2c_99{display:flex;z-index:1}}._arrow-background_eam2c_104{background-color:var(--color-background-neutral-inverse-fixed)}._arrow-background_eam2c_104:hover{background-color:var(--color-background-neutral-subtle)}}
package/dist/Swiper.js CHANGED
@@ -887,7 +887,6 @@ const wo = /* @__PURE__ */ fo(ho), yo = {
887
887
  "--floating-action-bar-border-width": "1px",
888
888
  "--floating-action-bar-color-background": "#ffffff",
889
889
  "--floating-action-bar-color-border": "#f3f3f3",
890
- "--floating-action-bar-color-text-default": "#000000",
891
890
  "--floating-action-bar-gap-actions": "8px",
892
891
  "--floating-action-bar-gap-items": "12px",
893
892
  "--floating-action-bar-gap-pagination": "12px",
@@ -1134,6 +1133,7 @@ const wo = /* @__PURE__ */ fo(ho), yo = {
1134
1133
  "--pagination-color-text-checked-disabled": "#585858",
1135
1134
  "--pagination-color-text-checked-hover": "#423500",
1136
1135
  "--pagination-color-text-checked-pressed": "#604d00",
1136
+ "--pagination-color-text-condensed-default": "#000000",
1137
1137
  "--pagination-color-text-unchecked-default": "#000000",
1138
1138
  "--pagination-color-text-unchecked-disabled": "#585858",
1139
1139
  "--pagination-color-text-unchecked-hover": "#212121",
@@ -1902,20 +1902,20 @@ function _o() {
1902
1902
  return t.observe(document.documentElement), () => t.disconnect();
1903
1903
  }, []), r;
1904
1904
  }
1905
- const Po = "_root_103s3_3", Lo = "_container_103s3_9", Io = "_arrow_103s3_74", U = {
1905
+ const Po = "_root_eam2c_3", Lo = "_container_eam2c_11", Io = "_arrow_eam2c_77", U = {
1906
1906
  root: Po,
1907
1907
  container: Lo,
1908
- "container-mobile": "_container-mobile_103s3_38",
1909
- "container-tablet": "_container-tablet_103s3_47",
1910
- "container-desktop": "_container-desktop_103s3_56",
1911
- "container-full-width": "_container-full-width_103s3_69",
1912
- "arrow-placement-side": "_arrow-placement-side_103s3_74",
1913
- "arrow-placement-side-left": "_arrow-placement-side-left_103s3_81",
1914
- "arrow-placement-side-right": "_arrow-placement-side-right_103s3_84",
1915
- "arrow-mobile": "_arrow-mobile_103s3_87",
1908
+ "container-mobile": "_container-mobile_eam2c_41",
1909
+ "container-tablet": "_container-tablet_eam2c_50",
1910
+ "container-desktop": "_container-desktop_eam2c_59",
1911
+ "container-full-width": "_container-full-width_eam2c_72",
1912
+ "arrow-placement-side": "_arrow-placement-side_eam2c_77",
1913
+ "arrow-placement-side-left": "_arrow-placement-side-left_eam2c_84",
1914
+ "arrow-placement-side-right": "_arrow-placement-side-right_eam2c_87",
1915
+ "arrow-mobile": "_arrow-mobile_eam2c_90",
1916
1916
  arrow: Io,
1917
- "arrow-desktop": "_arrow-desktop_103s3_96",
1918
- "arrow-background": "_arrow-background_103s3_101"
1917
+ "arrow-desktop": "_arrow-desktop_eam2c_99",
1918
+ "arrow-background": "_arrow-background_eam2c_104"
1919
1919
  }, Oo = K(U), Vo = ({
1920
1920
  children: r,
1921
1921
  className: n,
package/dist/theme.css CHANGED
@@ -1 +1 @@
1
- @font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:welcome-font;font-weight:500;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:700;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:900;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-black.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:500;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:700;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:900;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-black-italic.woff2) format("woff2")}@theme static{--*: initial; --spacing: .0625rem; --spacing-0: 0; --duration-fast: .1s; --duration-medium: .3s; --duration-slow: .5s; --timing-primary: ease; --timing-secondary: linear; --timing-tertiary: cubic-bezier(.41,.094,.54,.07); --grid-pattern: repeating-linear-gradient(0,var(--pattern-grid-color-stroke-default) 0,var(--pattern-grid-color-stroke-default) var(--pattern-grid-stroke),transparent var(--pattern-grid-stroke),transparent var(--pattern-grid-size)),repeating-linear-gradient(90deg,var(--pattern-grid-color-stroke-default) 0,var(--pattern-grid-color-stroke-default) var(--pattern-grid-stroke),transparent var(--pattern-grid-stroke),transparent var(--pattern-grid-size)); --accordion-padding-block-content: 16px; --accordion-padding-gap-content: 8px; --accordion-padding-gap-subtitle: 4px; --accordion-padding-gap-tags: 4px; --accordion-padding-size-icon-lg: 16px; --accordion-padding-size-icon-md: 16px; --accordion-padding-size-max-height-lg: 33px; --accordion-padding-size-max-height-md: 25px; --accordion-subtitle-color-text-default: #212121; --accordion-title-color-background: rgba(255,255,255,0); --accordion-title-color-icon-default: #000000; --accordion-title-color-text-default: #000000; --alert-border-radius: 8px; --alert-border-width-ai: 2px; --alert-color-background-ai: #ffffff; --alert-color-background-brand: #fff8d9; --alert-color-background-danger: #fbdedc; --alert-color-background-information: #e0f5ff; --alert-color-background-success: #e7fbd3; --alert-color-background-warning: #ffebce; --alert-color-icon-default: rgba(0,0,0,.26); --alert-color-text-ai-body: #212121; --alert-color-text-ai-title: #000000; --alert-color-text-brand-body: #423500; --alert-color-text-brand-title: #000000; --alert-color-text-danger-body: #450101; --alert-color-text-danger-title: #000000; --alert-color-text-information-body: #00202b; --alert-color-text-information-title: #000000; --alert-color-text-success-body: #142603; --alert-color-text-success-title: #000000; --alert-color-text-warning-body: #382303; --alert-color-text-warning-title: #000000; --alert-gap-actions-lg: 12px; --alert-gap-actions-md: 8px; --alert-gap-content-lg: 12px; --alert-gap-content-md: 8px; --alert-icon-border-radius: 8px; --alert-icon-color-background-brand: #ffe166; --alert-icon-color-background-danger: #fdb3ae; --alert-icon-color-background-information: #9bdef7; --alert-icon-color-background-success: #cfebb0; --alert-icon-color-background-warning: #ffbb59; --alert-icon-color-icon-ai: #ffffff; --alert-icon-color-icon-brand: #423500; --alert-icon-color-icon-danger: #450101; --alert-icon-color-icon-information: #00202b; --alert-icon-color-icon-success: #142603; --alert-icon-color-icon-warning: #382303; --alert-icon-padding-block: 4px; --alert-icon-padding-inline: 4px; --alert-padding-block-lg: 32px; --alert-padding-block-md: 16px; --alert-padding-inline-lg: 32px; --alert-padding-inline-md: 16px; --alert-size-icon: 24px; --avatar-border-radius: 9999px; --avatar-color-background-initials-blue: #55c3e9; --avatar-color-background-initials-green: #bade94; --avatar-color-background-initials-orange: #ff9868; --avatar-color-background-initials-pink: #f696c8; --avatar-color-background-initials-teal: #00c7ae; --avatar-color-background-initials-violet: #acacff; --avatar-color-background-placeholder: #f6f3ef; --avatar-color-icon-placeholder: #a7a096; --avatar-color-text-initials-blue: #013c50; --avatar-color-text-initials-green: #2a4210; --avatar-color-text-initials-orange: #6d2605; --avatar-color-text-initials-pink: #5c2944; --avatar-color-text-initials-teal: #053731; --avatar-color-text-initials-violet: #3c2e63; --avatar-size-lg: 64px; --avatar-size-md: 48px; --avatar-size-sm: 32px; --avatar-size-xs: 24px; --badge-border-radius-lg: 8px; --badge-border-radius-md: 4px; --badge-border-radius-sm: 9999px; --badge-color-background-blue: #27a5d0; --badge-color-background-brand: #ffcd00; --badge-color-background-neutral: #000000; --badge-color-background-warm: #eae4de; --badge-color-text-blue: #ffffff; --badge-color-text-brand: #000000; --badge-color-text-neutral: #ffffff; --badge-color-text-warm: #1e1c1a; --badge-padding-block-lg: 4px; --badge-padding-block-md: 2px; --badge-padding-inline-lg: 4px; --badge-padding-inline-md: 4px; --badge-size-height: 8px; --badge-size-max-height-lg: 20px; --badge-size-max-height-md: 16px; --badge-size-min-width-lg: 20px; --badge-size-min-width-md: 16px; --badge-size-width: 8px; --border-radius-2xl: 1.5rem; --border-radius-xxl: 1.5rem; --radius-2xl: 1.5rem; --border-radius-full: calc(infinity * 1px); --radius-full: calc(infinity * 1px); --border-radius-lg: .75rem; --radius-lg: .75rem; --border-radius-md: .5rem; --radius-md: .5rem; --border-radius-none: 0; --radius-none: 0; --border-radius-sm: .25rem; --radius-sm: .25rem; --border-radius-xl: 1rem; --radius-xl: 1rem; --border-radius-xs: .125rem; --radius-xs: .125rem; --border-width-lg: 6px; --border-width-md: 4px; --border-width-sm: 2px; --border-width-xs: 1px; --breadcrumb-color-icon-active: #000000; --breadcrumb-color-icon-default: #605b55; --breadcrumb-color-icon-hover: #33302d; --breadcrumb-color-text-active: #000000; --breadcrumb-color-text-default: #605b55; --breadcrumb-color-text-hover: #33302d; --breadcrumb-gap-content: 4px; --breadcrumb-size-icon: 16px; --breakpoint-2xl: 1440px; --breakpoint-xxl: 1440px; --breakpoint-3xl: 1620px; --breakpoint-4xl: 1920px; --breakpoint-lg: 980px; --breakpoint-md: 736px; --breakpoint-sm: 480px; --breakpoint-xl: 1280px; --breakpoint-xs: 0; --button-border-radius: 8px; --button-border-width-ai: 2px; --button-border-width-focused: 4px; --button-border-width-secondary: 1px; --button-color-background-primary-ai-default: #ffffff; --button-color-background-primary-ai-disabled: #f3f3f3; --button-color-background-primary-ai-focused: #ffffff; --button-color-background-primary-ai-hover: #ffffff; --button-color-background-primary-ai-pressed: #f3f3f3; --button-color-background-primary-danger-default: #a80029; --button-color-background-primary-danger-disabled: #f3f3f3; --button-color-background-primary-danger-focused: #a80029; --button-color-background-primary-danger-hover: #e1003a; --button-color-background-primary-danger-pressed: #ff6165; --button-color-background-primary-main-default: #ffcd00; --button-color-background-primary-main-disabled: #f3f3f3; --button-color-background-primary-main-focused: #ffcd00; --button-color-background-primary-main-hover: #e5b800; --button-color-background-primary-main-pressed: #ffe166; --button-color-background-primary-neutral-default: #000000; --button-color-background-primary-neutral-disabled: #f3f3f3; --button-color-background-primary-neutral-focused: #000000; --button-color-background-primary-neutral-hover: #212121; --button-color-background-primary-neutral-pressed: #444444; --button-color-background-secondary-danger-default: #ffffff; --button-color-background-secondary-danger-disabled: #f3f3f3; --button-color-background-secondary-danger-focused: #ffffff; --button-color-background-secondary-danger-hover: #ffffff; --button-color-background-secondary-danger-pressed: #fbdedc; --button-color-background-secondary-main-default: #ffffff; --button-color-background-secondary-main-disabled: #f3f3f3; --button-color-background-secondary-main-focused: #ffffff; --button-color-background-secondary-main-hover: #ffffff; --button-color-background-secondary-main-pressed: #f3f3f3; --button-color-background-tertiary-danger-default: rgba(0,0,0,0); --button-color-background-tertiary-danger-disabled: rgba(0,0,0,0); --button-color-background-tertiary-danger-focused: rgba(0,0,0,0); --button-color-background-tertiary-danger-hover: #fbdedc; --button-color-background-tertiary-danger-pressed: #fcc7c3; --button-color-background-tertiary-main-default: rgba(0,0,0,0); --button-color-background-tertiary-main-disabled: rgba(0,0,0,0); --button-color-background-tertiary-main-focused: rgba(0,0,0,0); --button-color-background-tertiary-main-hover: rgba(0,0,0,.05); --button-color-background-tertiary-main-pressed: rgba(0,0,0,.13); --button-color-border-focused: #ffe166; --button-color-border-secondary-danger-default: #a80029; --button-color-border-secondary-danger-focused: #a80029; --button-color-border-secondary-danger-hover: #e1003a; --button-color-border-secondary-danger-pressed: #fdb3ae; --button-color-border-secondary-main-default: #dedede; --button-color-border-secondary-main-focused: #dedede; --button-color-border-secondary-main-hover: #bdbdbd; --button-color-border-secondary-main-pressed: #dedede; --button-color-icon-primary-ai-default: #000000; --button-color-icon-primary-ai-disabled: #989898; --button-color-icon-primary-ai-focused: #000000; --button-color-icon-primary-ai-hover: #212121; --button-color-icon-primary-ai-pressed: #000000; --button-color-icon-primary-danger-default: #ffffff; --button-color-icon-primary-danger-disabled: #989898; --button-color-icon-primary-danger-focused: #ffffff; --button-color-icon-primary-danger-hover: #ffffff; --button-color-icon-primary-danger-pressed: #ffffff; --button-color-icon-primary-main-default: #000000; --button-color-icon-primary-main-disabled: #989898; --button-color-icon-primary-main-focused: #000000; --button-color-icon-primary-main-hover: #000000; --button-color-icon-primary-main-pressed: #423500; --button-color-icon-primary-neutral-default: #ffffff; --button-color-icon-primary-neutral-disabled: #989898; --button-color-icon-primary-neutral-focused: #ffffff; --button-color-icon-primary-neutral-hover: #ffffff; --button-color-icon-primary-neutral-pressed: #ffffff; --button-color-icon-secondary-danger-default: #75001a; --button-color-icon-secondary-danger-disabled: #989898; --button-color-icon-secondary-danger-focused: #75001a; --button-color-icon-secondary-danger-hover: #a80029; --button-color-icon-secondary-danger-pressed: #75001a; --button-color-icon-secondary-main-default: #000000; --button-color-icon-secondary-main-disabled: #989898; --button-color-icon-secondary-main-focused: #000000; --button-color-icon-secondary-main-hover: #212121; --button-color-icon-secondary-main-pressed: #000000; --button-color-icon-tertiary-danger-default: #a80029; --button-color-icon-tertiary-danger-disabled: #989898; --button-color-icon-tertiary-danger-focused: #a80029; --button-color-icon-tertiary-danger-hover: #e1003a; --button-color-icon-tertiary-danger-pressed: #450101; --button-color-icon-tertiary-main-default: #000000; --button-color-icon-tertiary-main-disabled: #989898; --button-color-icon-tertiary-main-focused: #000000; --button-color-icon-tertiary-main-hover: #212121; --button-color-icon-tertiary-main-pressed: #000000; --button-color-text-primary-ai-default: #000000; --button-color-text-primary-ai-disabled: #989898; --button-color-text-primary-ai-focused: #000000; --button-color-text-primary-ai-hover: #212121; --button-color-text-primary-ai-pressed: #000000; --button-color-text-primary-danger-default: #ffffff; --button-color-text-primary-danger-disabled: #989898; --button-color-text-primary-danger-focused: #ffffff; --button-color-text-primary-danger-hover: #ffffff; --button-color-text-primary-danger-pressed: #ffffff; --button-color-text-primary-main-default: #000000; --button-color-text-primary-main-disabled: #989898; --button-color-text-primary-main-focused: #000000; --button-color-text-primary-main-hover: #000000; --button-color-text-primary-main-pressed: #423500; --button-color-text-primary-neutral-default: #ffffff; --button-color-text-primary-neutral-disabled: #989898; --button-color-text-primary-neutral-focused: #ffffff; --button-color-text-primary-neutral-hover: #ffffff; --button-color-text-primary-neutral-pressed: #ffffff; --button-color-text-secondary-danger-default: #75001a; --button-color-text-secondary-danger-disabled: #989898; --button-color-text-secondary-danger-focused: #75001a; --button-color-text-secondary-danger-hover: #a80029; --button-color-text-secondary-danger-pressed: #75001a; --button-color-text-secondary-main-default: #000000; --button-color-text-secondary-main-disabled: #989898; --button-color-text-secondary-main-focused: #000000; --button-color-text-secondary-main-hover: #212121; --button-color-text-secondary-main-pressed: #000000; --button-color-text-tertiary-danger-default: #a80029; --button-color-text-tertiary-danger-disabled: #989898; --button-color-text-tertiary-danger-focused: #a80029; --button-color-text-tertiary-danger-hover: #e1003a; --button-color-text-tertiary-danger-pressed: #450101; --button-color-text-tertiary-main-default: #000000; --button-color-text-tertiary-main-disabled: #989898; --button-color-text-tertiary-main-focused: #000000; --button-color-text-tertiary-main-hover: #212121; --button-color-text-tertiary-main-pressed: #000000; --button-gap-content-lg: 8px; --button-gap-content-md: 4px; --button-gap-content-sm: 4px; --button-padding-block-lg: 12px; --button-padding-block-md: 8px; --button-padding-block-sm: 4px; --button-padding-inline-lg: 16px; --button-padding-inline-md: 12px; --button-padding-inline-sm: 8px; --button-size-icon-lg: 24px; --button-size-icon-md: 16px; --button-size-icon-sm: 16px; --button-size-max-height-lg: 43px; --button-size-max-height-md: 33px; --button-size-max-height-sm: 25px; --card-action-dismiss-icon-default: #bdbdbd; --card-action-dismiss-icon-hover: #000000; --card-action-dismiss-padding-block-start-lg: 16px; --card-action-dismiss-padding-block-start-md: 12px; --card-action-dismiss-padding-block-start-sm: 8px; --card-action-dismiss-padding-inline-end-lg: 16px; --card-action-dismiss-padding-inline-end-md: 12px; --card-action-dismiss-padding-inline-end-sm: 8px; --card-action-dismiss-size-icon-lg: 32px; --card-action-dismiss-size-icon-md: 32px; --card-action-dismiss-size-icon-sm: 24px; --card-body-color-meta-text-default: #585858; --card-body-color-text-default: #212121; --card-border-radius: 8px; --card-color-background-default: #ffffff; --card-color-border-default: #f6f3ef; --card-color-border-hover: #eae4de; --card-color-icon-default: #585858; --card-color-icon-hover: #000000; --card-gap-actions: 8px; --card-gap-content-lg: 24px; --card-gap-content-md: 16px; --card-gap-content-sm: 8px; --card-gap-footer-lg: 24px; --card-gap-footer-md: 16px; --card-gap-footer-sm: 12px; --card-gap-title: 8px; --card-header-color-icon-default: #000000; --card-header-color-text-default: #000000; --card-padding-block-lg: 32px; --card-padding-block-md: 24px; --card-padding-block-sm: 16px; --card-padding-inline-lg: 32px; --card-padding-inline-md: 24px; --card-padding-inline-sm: 16px; --card-size-icon-lg: 24px; --checkbox-border-radius: 4px; --checkbox-border-width-default: 1px; --checkbox-border-width-focused: 2px; --checkbox-color-background-checked-default: #ffcd00; --checkbox-color-background-checked-hover: #ffe166; --checkbox-color-background-default: #eae4de; --checkbox-color-background-unchecked-default: #ffffff; --checkbox-color-border-disabled: #d2cbc3; --checkbox-color-border-error: #e1003a; --checkbox-color-border-focused: #ffe166; --checkbox-color-border-unchecked-default: #dedede; --checkbox-color-border-unchecked-hover: #bdbdbd; --checkbox-color-icon-default: #000000; --checkbox-color-icon-disabled: #a7a096; --checkbox-size-container: 16px; --checkbox-size-icon: 16px; --color-background-accent-blue-minimal: #e0f5ff; --color-background-accent-blue-primary: #55c3e9; --color-background-accent-blue-secondary: #9bdef7; --color-background-accent-blue-strong: #27a5d0; --color-background-accent-blue-stronger: #057aa3; --color-background-accent-blue-strongest: #025a79; --color-background-accent-blue-subtle: #bbeaff; --color-background-accent-green-minimal: #e7fbd3; --color-background-accent-green-primary: #bade94; --color-background-accent-green-secondary: #cfebb0; --color-background-accent-green-strong: #9fc873; --color-background-accent-green-stronger: #83ad57; --color-background-accent-green-strongest: #5a8034; --color-background-accent-orange-minimal: #ffded0; --color-background-accent-orange-primary: #ff9868; --color-background-accent-orange-secondary: #ffb595; --color-background-accent-orange-strong: #e67b49; --color-background-accent-orange-stronger: #c45927; --color-background-accent-orange-strongest: #9f4217; --color-background-accent-orange-subtle: #ffc9b2; --color-background-accent-pink-minimal: #ffeaf5; --color-background-accent-pink-primary: #f696c8; --color-background-accent-pink-secondary: #feb7dc; --color-background-accent-pink-strong: #d17ba8; --color-background-accent-pink-stronger: #b06089; --color-background-accent-pink-strongest: #803c5f; --color-background-accent-pink-subtle: #ffd5eb; --color-background-accent-teal-minimal: #dbfaf6; --color-background-accent-teal-primary: #00c7ae; --color-background-accent-teal-secondary: #6fdbcd; --color-background-accent-teal-strong: #06a894; --color-background-accent-teal-stronger: #0a7b6d; --color-background-accent-teal-strongest: #00544a; --color-background-accent-teal-subtle: #a5ece4; --color-background-accent-violet-minimal: #efefff; --color-background-accent-violet-primary: #acacff; --color-background-accent-violet-secondary: #c9c9ff; --color-background-accent-violet-strong: #9587e8; --color-background-accent-violet-stronger: #8068c6; --color-background-accent-violet-strongest: #5a4890; --color-background-accent-violet-subtle: #e0e0ff; --color-background-brand-minimal: #fff8d9; --color-background-brand-primary: #ffcd00; --color-background-brand-secondary: #ffe166; --color-background-brand-strong: #e5b800; --color-background-brand-stronger: #b69200; --color-background-brand-subtle: #fff1b2; --color-background-danger-minimal: #fbdedc; --color-background-danger-primary: #ff9490; --color-background-danger-secondary: #fdb3ae; --color-background-danger-strong: #ff6165; --color-background-danger-stronger: #e1003a; --color-background-danger-strongest: #a80029; --color-background-danger-subtle: #fcc7c3; --color-background-information-minimal: #e0f5ff; --color-background-information-primary: #55c3e9; --color-background-information-secondary: #9bdef7; --color-background-information-strong: #27a5d0; --color-background-information-stronger: #057aa3; --color-background-information-subtle: #bbeaff; --color-background-neutral-inverse: #ffffff; --color-background-neutral-inverse-fixed: #ffffff; --color-background-neutral-minimal: #f3f3f3; --color-background-neutral-primary: #000000; --color-background-neutral-primary-fixed: #000000; --color-background-neutral-secondary: #212121; --color-background-neutral-subtle: #bdbdbd; --color-background-neutral-subtlest: #dedede; --color-background-neutral-tertiary: #444444; --color-background-success-minimal: #e7fbd3; --color-background-success-primary: #bade94; --color-background-success-secondary: #cfebb0; --color-background-success-strong: #9fc873; --color-background-success-stronger: #83ad57; --color-background-success-strongest: #5a8034; --color-background-transparent-black-minimal: rgba(0,0,0,.05); --color-background-transparent-black-none: rgba(0,0,0,0); --color-background-transparent-black-subtle: rgba(0,0,0,.26); --color-background-transparent-black-subtlest: rgba(0,0,0,.13); --color-background-transparent-white-minimal: rgba(255,255,255,.05); --color-background-transparent-white-none: rgba(255,255,255,0); --color-background-transparent-white-subtle: rgba(255,255,255,.26); --color-background-transparent-white-subtlest: rgba(255,255,255,.13); --color-background-warm-minimal: #fbf9f7; --color-background-warm-primary: #f6f3ef; --color-background-warm-strong: #eae4de; --color-background-warm-stronger: #d2cbc3; --color-background-warning-minimal: #ffebce; --color-background-warning-primary: #ff9f14; --color-background-warning-secondary: #ffbb59; --color-background-warning-strong: #db860a; --color-background-warning-stronger: #a6670a; --color-background-warning-subtle: #ffd495; --color-beige-10: #fbf9f7; --color-beige-20: #f6f3ef; --color-beige-30: #eae4de; --color-beige-40: #d2cbc3; --color-beige-50: #a7a096; --color-beige-60: #605b55; --color-beige-70: #4d4944; --color-beige-80: #33302d; --color-beige-90: #1e1c1a; --color-blue-10: #e0f5ff; --color-blue-20: #bbeaff; --color-blue-30: #9bdef7; --color-blue-40: #55c3e9; --color-blue-50: #27a5d0; --color-blue-60: #057aa3; --color-blue-70: #025a79; --color-blue-80: #013c50; --color-blue-90: #00202b; --color-border-brand-minimal: #fff8d9; --color-border-brand-primary: #ffcd00; --color-border-brand-secondary: #ffe166; --color-border-brand-strong: #e5b800; --color-border-brand-stronger: #b69200; --color-border-brand-subtle: #fff1b2; --color-border-danger-minimal: #fbdedc; --color-border-danger-primary: #ff9490; --color-border-danger-secondary: #fdb3ae; --color-border-danger-strong: #ff6165; --color-border-danger-stronger: #e1003a; --color-border-danger-strongest: #a80029; --color-border-danger-subtle: #fcc7c3; --color-border-information-minimal: #e0f5ff; --color-border-information-primary: #55c3e9; --color-border-information-secondary: #9bdef7; --color-border-information-strong: #27a5d0; --color-border-information-stronger: #057aa3; --color-border-information-strongest: #025a79; --color-border-information-subtle: #bbeaff; --color-border-neutral-inverse: #ffffff; --color-border-neutral-inverse-fixed: #ffffff; --color-border-neutral-minimal: #f3f3f3; --color-border-neutral-primary: #000000; --color-border-neutral-primary-fixed: #000000; --color-border-neutral-secondary: #212121; --color-border-neutral-subtle: #bdbdbd; --color-border-neutral-subtlest: #dedede; --color-border-neutral-tertiary: #444444; --color-border-success-minimal: #e7fbd3; --color-border-success-primary: #bade94; --color-border-success-secondary: #cfebb0; --color-border-success-strong: #9fc873; --color-border-success-stronger: #83ad57; --color-border-success-strongest: #5a8034; --color-border-transparent-black-minimal: rgba(0,0,0,.03); --color-border-transparent-black-none: rgba(0,0,0,0); --color-border-transparent-black-subtle: rgba(0,0,0,.26); --color-border-transparent-black-subtlest: rgba(0,0,0,.13); --color-border-transparent-white-minimal: rgba(255,255,255,.05); --color-border-transparent-white-none: rgba(255,255,255,0); --color-border-transparent-white-subtle: rgba(255,255,255,.26); --color-border-transparent-white-subtlest: rgba(255,255,255,.13); --color-border-warm-minimal: #f6f3ef; --color-border-warm-primary: #605b55; --color-border-warm-secondary: #a7a096; --color-border-warm-strong: #4d4944; --color-border-warm-stronger: #33302d; --color-border-warm-subtle: #eae4de; --color-border-warm-tertiary: #d2cbc3; --color-border-warning-minimal: #ffebce; --color-border-warning-primary: #ff9f14; --color-border-warning-secondary: #ffbb59; --color-border-warning-strong: #db860a; --color-border-warning-stronger: #a6670a; --color-border-warning-strongest: #824f06; --color-border-warning-subtle: #ffd495; --color-green-10: #e7fbd3; --color-green-20: #cfebb0; --color-green-30: #bade94; --color-green-40: #9fc873; --color-green-50: #83ad57; --color-green-60: #5a8034; --color-green-70: #40611f; --color-green-80: #2a4210; --color-green-90: #142603; --color-icon-accent-blue-minimal: #55c3e9; --color-icon-accent-blue-primary: #00202b; --color-icon-accent-blue-secondary: #013c50; --color-icon-accent-blue-subtle: #057aa3; --color-icon-accent-blue-subtlest: #27a5d0; --color-icon-accent-blue-tertiary: #025a79; --color-icon-accent-green-minimal: #bade94; --color-icon-accent-green-primary: #142603; --color-icon-accent-green-secondary: #2a4210; --color-icon-accent-green-subtle: #5a8034; --color-icon-accent-green-subtlest: #83ad57; --color-icon-accent-green-tertiary: #40611f; --color-icon-accent-orange-minimal: #ff9868; --color-icon-accent-orange-primary: #451701; --color-icon-accent-orange-secondary: #6d2605; --color-icon-accent-orange-subtle: #c45927; --color-icon-accent-orange-subtlest: #e67b49; --color-icon-accent-orange-tertiary: #9f4217; --color-icon-accent-pink-minimal: #f696c8; --color-icon-accent-pink-primary: #3b142a; --color-icon-accent-pink-secondary: #5c2944; --color-icon-accent-pink-subtle: #b06089; --color-icon-accent-pink-subtlest: #d17ba8; --color-icon-accent-pink-tertiary: #803c5f; --color-icon-accent-teal-minimal: #00c7ae; --color-icon-accent-teal-primary: #001b18; --color-icon-accent-teal-secondary: #053731; --color-icon-accent-teal-subtle: #0a7b6d; --color-icon-accent-teal-subtlest: #06a894; --color-icon-accent-teal-tertiary: #00544a; --color-icon-accent-violet-minimal: #acacff; --color-icon-accent-violet-primary: #26194d; --color-icon-accent-violet-secondary: #3c2e63; --color-icon-accent-violet-subtle: #8068c6; --color-icon-accent-violet-subtlest: #9587e8; --color-icon-accent-violet-tertiary: #5a4890; --color-icon-brand-minimal: #ffcd00; --color-icon-brand-primary: #423500; --color-icon-brand-secondary: #604d00; --color-icon-brand-subtle: #b69200; --color-icon-brand-subtlest: #e5b800; --color-icon-brand-tertiary: #846a01; --color-icon-danger-minimal: #ff9490; --color-icon-danger-primary: #450101; --color-icon-danger-secondary: #75001a; --color-icon-danger-subtle: #e1003a; --color-icon-danger-subtlest: #ff6165; --color-icon-danger-tertiary: #a80029; --color-icon-information-minimal: #55c3e9; --color-icon-information-primary: #00202b; --color-icon-information-secondary: #013c50; --color-icon-information-subtle: #057aa3; --color-icon-information-subtlest: #27a5d0; --color-icon-information-tertiary: #025a79; --color-icon-neutral-inverse: #ffffff; --color-icon-neutral-inverse-fixed: #ffffff; --color-icon-neutral-minimal: #bdbdbd; --color-icon-neutral-primary: #000000; --color-icon-neutral-primary-fixed: #000000; --color-icon-neutral-secondary: #212121; --color-icon-neutral-subtle: #585858; --color-icon-neutral-subtlest: #989898; --color-icon-neutral-tertiary: #444444; --color-icon-success-minimal: #bade94; --color-icon-success-primary: #142603; --color-icon-success-secondary: #2a4210; --color-icon-success-subtle: #5a8034; --color-icon-success-subtlest: #83ad57; --color-icon-success-tertiary: #40611f; --color-icon-warm-minimal: #a7a096; --color-icon-warm-primary: #1e1c1a; --color-icon-warm-secondary: #33302d; --color-icon-warm-subtle: #605b55; --color-icon-warm-tertiary: #4d4944; --color-icon-warning-minimal: #ff9f14; --color-icon-warning-primary: #382303; --color-icon-warning-secondary: #573607; --color-icon-warning-subtle: #a6670a; --color-icon-warning-subtlest: #db860a; --color-icon-warning-tertiary: #824f06; --color-logo-background-primary: #ffcd00; --color-logo-mark-primary: #000000; --color-logo-mark-primary-fixed: #000000; --color-neutral-10: #ffffff; --color-neutral-20: #f3f3f3; --color-neutral-30: #dedede; --color-neutral-40: #bdbdbd; --color-neutral-50: #989898; --color-neutral-60: #585858; --color-neutral-70: #444444; --color-neutral-80: #212121; --color-neutral-90: #000000; --color-orange-10: #ffebce; --color-orange-20: #ffd495; --color-orange-30: #ffbb59; --color-orange-40: #ff9f14; --color-orange-50: #db860a; --color-orange-60: #a6670a; --color-orange-70: #824f06; --color-orange-80: #573607; --color-orange-90: #382303; --color-overlay-default: rgba(0,0,0,.7); --color-overlay-strong: rgba(0,0,0,.5); --color-pink-10: #ffeaf5; --color-pink-20: #ffd5eb; --color-pink-30: #feb7dc; --color-pink-40: #f696c8; --color-pink-50: #d17ba8; --color-pink-60: #b06089; --color-pink-70: #803c5f; --color-pink-80: #5c2944; --color-pink-90: #3b142a; --color-red-10: #fbdedc; --color-red-20: #fcc7c3; --color-red-30: #fdb3ae; --color-red-40: #ff9490; --color-red-50: #ff6165; --color-red-60: #e1003a; --color-red-70: #a80029; --color-red-80: #75001a; --color-red-90: #450101; --color-red-orange-10: #ffded0; --color-red-orange-20: #ffc9b2; --color-red-orange-30: #ffb595; --color-red-orange-40: #ff9868; --color-red-orange-50: #e67b49; --color-red-orange-60: #c45927; --color-red-orange-70: #9f4217; --color-red-orange-80: #6d2605; --color-red-orange-90: #451701; --color-teal-10: #dbfaf6; --color-teal-20: #a5ece4; --color-teal-30: #6fdbcd; --color-teal-40: #00c7ae; --color-teal-50: #06a894; --color-teal-60: #0a7b6d; --color-teal-70: #00544a; --color-teal-80: #053731; --color-teal-90: #001b18; --color-text-accent-blue-minimal: #27a5d0; --color-text-accent-blue-primary: #00202b; --color-text-accent-blue-secondary: #013c50; --color-text-accent-blue-subtle: #057aa3; --color-text-accent-blue-tertiary: #025a79; --color-text-accent-green-minimal: #83ad57; --color-text-accent-green-primary: #142603; --color-text-accent-green-secondary: #2a4210; --color-text-accent-green-subtle: #5a8034; --color-text-accent-green-tertiary: #40611f; --color-text-accent-orange-minimal: #e67b49; --color-text-accent-orange-primary: #451701; --color-text-accent-orange-secondary: #6d2605; --color-text-accent-orange-subtle: #c45927; --color-text-accent-orange-tertiary: #9f4217; --color-text-accent-pink-minimal: #d17ba8; --color-text-accent-pink-primary: #3b142a; --color-text-accent-pink-secondary: #5c2944; --color-text-accent-pink-subtle: #b06089; --color-text-accent-pink-tertiary: #803c5f; --color-text-accent-teal-minimal: #06a894; --color-text-accent-teal-primary: #001b18; --color-text-accent-teal-secondary: #053731; --color-text-accent-teal-subtle: #0a7b6d; --color-text-accent-teal-tertiary: #00544a; --color-text-accent-violet-minimal: #9587e8; --color-text-accent-violet-primary: #26194d; --color-text-accent-violet-secondary: #3c2e63; --color-text-accent-violet-subtle: #8068c6; --color-text-accent-violet-tertiary: #5a4890; --color-text-brand-minimal: #e5b800; --color-text-brand-primary: #423500; --color-text-brand-secondary: #604d00; --color-text-brand-subtle: #b69200; --color-text-brand-tertiary: #846a01; --color-text-danger-minimal: #ff6165; --color-text-danger-primary: #450101; --color-text-danger-secondary: #75001a; --color-text-danger-subtle: #e1003a; --color-text-danger-tertiary: #a80029; --color-text-information-minimal: #27a5d0; --color-text-information-primary: #00202b; --color-text-information-secondary: #013c50; --color-text-information-subtle: #057aa3; --color-text-information-tertiary: #025a79; --color-text-neutral-inverse: #ffffff; --color-text-neutral-inverse-fixed: #ffffff; --color-text-neutral-minimal: #bdbdbd; --color-text-neutral-primary: #000000; --color-text-neutral-primary-fixed: #000000; --color-text-neutral-secondary: #212121; --color-text-neutral-subtle: #585858; --color-text-neutral-subtlest: #989898; --color-text-neutral-tertiary: #444444; --color-text-success-minimal: #83ad57; --color-text-success-primary: #142603; --color-text-success-secondary: #2a4210; --color-text-success-subtle: #5a8034; --color-text-success-tertiary: #40611f; --color-text-warm-minimal: #a7a096; --color-text-warm-primary: #1e1c1a; --color-text-warm-secondary: #33302d; --color-text-warm-subtle: #605b55; --color-text-warm-tertiary: #4d4944; --color-text-warning-minimal: #db860a; --color-text-warning-primary: #382303; --color-text-warning-secondary: #573607; --color-text-warning-subtle: #a6670a; --color-text-warning-tertiary: #824f06; --color-transparent-10: rgba(0,0,0,.03); --color-violet-10: #efefff; --color-violet-20: #e0e0ff; --color-violet-30: #c9c9ff; --color-violet-40: #acacff; --color-violet-50: #9587e8; --color-violet-60: #8068c6; --color-violet-70: #5a4890; --color-violet-80: #3c2e63; --color-violet-90: #26194d; --color-yellow-10: #fff8d9; --color-yellow-20: #fff1b2; --color-yellow-30: #ffe166; --color-yellow-40: #ffcd00; --color-yellow-50: #e5b800; --color-yellow-60: #b69200; --color-yellow-70: #846a01; --color-yellow-80: #604d00; --color-yellow-90: #423500; --drawer-body-color-background-default: #ffffff; --drawer-body-padding-block: 32px; --drawer-body-padding-inline: 32px; --drawer-border-radius: 8px; --drawer-border-width: 1px; --drawer-color-border-default: #f6f3ef; --drawer-color-border-hover: #eae4de; --drawer-color-icon-default: #000000; --drawer-color-text-description: #212121; --drawer-color-text-title: #000000; --drawer-size-width-lg: 900px; --drawer-size-width-md: 708px; --drawer-size-width-sm: 516px; --dropdown-menu-border-radius: 8px; --dropdown-menu-border-width: 1px; --dropdown-menu-color-background-default: #ffffff; --dropdown-menu-color-border-default: #f6f3ef; --dropdown-menu-color-border-hover: #eae4de; --dropdown-menu-divider-padding-block-lg: 8px; --dropdown-menu-divider-padding-block-md: 4px; --dropdown-menu-gap-content: 8px; --dropdown-menu-item-border-radius: 8px; --dropdown-menu-item-color-background-default: #ffffff; --dropdown-menu-item-color-background-disabled: #fbf9f7; --dropdown-menu-item-color-background-hover: #fff8d9; --dropdown-menu-item-color-icon-default: #000000; --dropdown-menu-item-color-icon-disabled: #605b55; --dropdown-menu-item-color-icon-hover: #423500; --dropdown-menu-item-color-text-content-default: #000000; --dropdown-menu-item-color-text-content-disabled: #605b55; --dropdown-menu-item-color-text-content-hover: #423500; --dropdown-menu-item-color-text-description-default: #444444; --dropdown-menu-item-color-text-description-disabled: #605b55; --dropdown-menu-item-color-text-description-hover: #604d00; --dropdown-menu-item-gap-content: 8px; --dropdown-menu-item-padding-block-lg: 12px; --dropdown-menu-item-padding-block-md: 8px; --dropdown-menu-item-padding-inline-lg: 16px; --dropdown-menu-item-padding-inline-md: 12px; --dropdown-menu-padding-block-lg: 8px; --dropdown-menu-padding-block-md: 8px; --dropdown-menu-padding-inline-lg: 8px; --dropdown-menu-padding-inline-md: 8px; --dropdown-menu-size-icon: 16px; --elevation-10: 0 1px 2px 0 rgba(0,0,0,.04); --elevation-20: 0 4px 6px 0 rgba(0,0,0,.04); --elevation-30: 0 4px 6px 0 rgba(0,0,0,.08); --elevation-40: 0 6px 8px 0 rgba(0,0,0,.12); --elevation-50: 0 12px 16px 0 rgba(0,0,0,.12); --elevation-60: 0 12px 32px 0 rgba(0,0,0,.16); --field-gap-assistive: 4px; --field-gap-label: 8px; --file-drop-border-radius: 8px; --file-drop-border-width-default: 1px; --file-drop-gap-content: 16px; --file-drop-padding-block: 32px; --file-drop-padding-inline: 32px; --floating-action-bar-border-radius: 8px; --floating-action-bar-border-width: 1px; --floating-action-bar-color-background: #ffffff; --floating-action-bar-color-border: #f3f3f3; --floating-action-bar-color-text-default: #000000; --floating-action-bar-gap-actions: 8px; --floating-action-bar-gap-items: 12px; --floating-action-bar-gap-pagination: 12px; --floating-action-bar-padding-block: 12px; --floating-action-bar-padding-inline: 16px; --floating-action-bar-size-max-height: 57px; --font-family-body: "Work Sans",sans-serif; --font-family-title: "welcome-font",sans-serif; --font-letter-spacing-none: 0; --font-letter-spacing-xs: -2%; --font-line-height-lg: 150%; --font-line-height-md: 140%; --font-line-height-sm: 130%; --font-line-height-xs: 120%; --font-size-12: .75rem; --text-12: .75rem; --font-size-128: 8rem; --text-128: 8rem; --font-size-14: .875rem; --text-14: .875rem; --font-size-16: 1rem; --text-16: 1rem; --font-size-18: 1.125rem; --text-18: 1.125rem; --font-size-20: 1.25rem; --text-20: 1.25rem; --font-size-24: 1.5rem; --text-24: 1.5rem; --font-size-2xl: 1.5rem; --font-size-xxl: 1.5rem; --text-2xl: 1.5rem; --font-size-32: 2rem; --text-32: 2rem; --font-size-36: 2.25rem; --text-36: 2.25rem; --font-size-3xl: 2rem; --text-3xl: 2rem; --font-size-48: 3rem; --text-48: 3rem; --font-size-4xl: 2.25rem; --text-4xl: 2.25rem; --font-size-5xl: 3rem; --text-5xl: 3rem; --font-size-60: 3.75rem; --text-60: 3.75rem; --font-size-6xl: 3.75rem; --text-6xl: 3.75rem; --font-size-72: 4.5rem; --text-72: 4.5rem; --font-size-7xl: 4.5rem; --text-7xl: 4.5rem; --font-size-lg: 1.125rem; --text-lg: 1.125rem; --font-size-md: 1rem; --text-md: 1rem; --font-size-sm: .875rem; --text-sm: .875rem; --font-size-xl: 1.25rem; --text-xl: 1.25rem; --font-size-xs: .75rem; --text-xs: .75rem; --font-weight-black: 900; --font-weight-bold: 700; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-semi-bold: 600; --growl-border-radius: 12px; --growl-border-width: 1px; --growl-color-background-default: #ffffff; --growl-color-border-default: #eae4de; --growl-color-border-hover: #d2cbc3; --growl-color-icon-default: #bdbdbd; --growl-color-icon-hover: #000000; --growl-color-text-body: #212121; --growl-color-text-title: #000000; --growl-gap-content: 16px; --growl-icon-border-radius: 16px; --growl-icon-color-background-error: #fbdedc; --growl-icon-color-background-information: #e0f5ff; --growl-icon-color-background-success: #e7fbd3; --growl-icon-color-background-warning: #ffebce; --growl-icon-color-icon-error: #a80029; --growl-icon-color-icon-information: #025a79; --growl-icon-color-icon-success: #40611f; --growl-icon-color-icon-warning: #824f06; --growl-icon-padding-block: 8px; --growl-icon-padding-inline: 8px; --growl-icon-size-icon: 24px; --growl-padding-block: 16px; --growl-padding-inline: 16px; --growl-size-icon: 24px; --height-16: 1rem; --height-2: .125rem; --height-20: 1.25rem; --height-24: 1.5rem; --height-25: 1.5625rem; --height-32: 2rem; --height-33: 2.0625rem; --height-40: 2.5rem; --height-43: 2.6875rem; --height-57: 3.5625rem; --height-8: .5rem; --hint-color-text-default: #585858; --hint-color-text-error: #a80029; --hint-color-text-success: #40611f; --hint-color-text-warning: #824f06; --input-border-radius: 8px; --input-border-width-default: 1px; --input-border-width-focused: 2px; --input-color-background-default: #ffffff; --input-color-background-disabled: #eae4de; --input-color-background-transparent: rgba(255,255,255,0); --input-color-border-active: #ffcd00; --input-color-border-default: #f3f3f3; --input-color-border-disabled: #d2cbc3; --input-color-border-error: #e1003a; --input-color-border-focused: #ffe166; --input-color-border-hover: #dedede; --input-color-border-hover-transparent: rgba(0,0,0,.13); --input-color-border-success: #5a8034; --input-color-border-warning: #a6670a; --input-color-icon-default: #000000; --input-color-icon-disabled: #a7a096; --input-color-icon-placeholder: #000000; --input-color-text-default: #000000; --input-color-text-disabled: #605b55; --input-color-text-placeholder: #989898; --input-gap-content: 8px; --input-max-height-lg: 43px; --input-max-height-md: 33px; --input-max-height-sm: 25px; --input-padding-block-lg: 12px; --input-padding-block-md: 8px; --input-padding-block-sm: 4px; --input-padding-inline-lg: 12px; --input-padding-inline-md: 12px; --input-padding-inline-sm: 8px; --input-password-color-background-default: #f3f3f3; --input-password-color-background-good: #83ad57; --input-password-color-background-strong: #83ad57; --input-password-color-background-too-weak: #a80029; --input-password-color-background-weak: #a6670a; --input-size-icon-root: 16px; --input-size-icon-select: 24px; --input-size-image: 16px; --inset-10: 0 0 6px 0 rgba(0,0,0,.08); --inset-20: 0 0 8px 0 rgba(0,0,0,.16); --inset-5: 0 0 4px 0 rgba(0,0,0,.08); --label-color-icon-default: #444444; --label-color-icon-error: #e1003a; --label-color-icon-required: #e5b800; --label-color-icon-success: #5a8034; --label-color-icon-warning: #a6670a; --label-color-text-default: #585858; --label-gap-content: 4px; --label-size-leading: 16px; --label-size-required: 12px; --latency-color-background-bar: rgba(0,0,0,.05); --latency-color-background-progress: #ffcd00; --link-color-background-primary-hover: #ffcd00; --link-color-background-primary-visited-default: #fff8d9; --link-color-background-primary-visited-hover: #ffcd00; --link-color-background-secondary-hover: #000000; --link-color-background-secondary-visited-default: #dedede; --link-color-background-secondary-visited-hover: #000000; --link-color-icon-primary-default: #000000; --link-color-icon-primary-disabled: #a7a096; --link-color-icon-primary-hover: #000000; --link-color-icon-primary-visited-default: #604d00; --link-color-icon-primary-visited-hover: #000000; --link-color-icon-secondary-default: #000000; --link-color-icon-secondary-disabled: #989898; --link-color-icon-secondary-hover: #ffffff; --link-color-icon-secondary-visited-default: #444444; --link-color-icon-secondary-visited-hover: #ffffff; --link-color-text-primary-default: #000000; --link-color-text-primary-disabled: #605b55; --link-color-text-primary-hover: #000000; --link-color-text-primary-visited-default: #604d00; --link-color-text-primary-visited-hover: #000000; --link-color-text-secondary-default: #000000; --link-color-text-secondary-disabled: #585858; --link-color-text-secondary-hover: #ffffff; --link-color-text-secondary-visited-default: #444444; --link-color-text-secondary-visited-hover: #ffffff; --link-color-underline-primary-default: #ffcd00; --link-color-underline-primary-disabled: #eae4de; --link-color-underline-primary-visited-default: #ffcd00; --link-color-underline-primary-visited-hover: #ffcd00; --link-color-underline-secondary-default: #000000; --link-color-underline-secondary-disabled: #dedede; --link-color-underline-secondary-visited-default: #000000; --link-color-underline-secondary-visited-hover: #000000; --link-gap-content: 0; --link-gap-underline: -2px; --link-padding-inline-icon: 2px; --link-padding-inline-text: 2px; --link-size-icon-lg: 16px; --link-size-icon-md: 16px; --link-size-icon-sm: 16px; --link-size-icon-xs: 12px; --link-underline-size-height: 2px; --modal-border-radius: 12px; --modal-border-width: 1px; --modal-color-background-default: #ffffff; --modal-color-border-default: #eae4de; --modal-color-border-hover: #d2cbc3; --modal-color-icon-default: #000000; --modal-color-text-body: #212121; --modal-color-text-title: #000000; --modal-gap-content: 12px; --modal-padding-block: 24px; --modal-padding-inline: 24px; --modal-size-width-lg: 800px; --modal-size-width-md: 600px; --modal-size-width-sm: 450px; --number: 8px; --pagination-border-radius: 8px; --pagination-border-width-checked: 2px; --pagination-border-width-unchecked: 1px; --pagination-color-background-checked-default: #ffe166; --pagination-color-background-checked-disabled: rgba(0,0,0,.13); --pagination-color-background-checked-hover: #ffe166; --pagination-color-background-checked-pressed: #ffcd00; --pagination-color-background-unchecked-default: #ffffff; --pagination-color-background-unchecked-disabled: rgba(0,0,0,.13); --pagination-color-background-unchecked-hover: #ffffff; --pagination-color-background-unchecked-pressed: rgba(0,0,0,.05); --pagination-color-border-checked-default: #ffcd00; --pagination-color-border-checked-hover: #e5b800; --pagination-color-border-checked-pressed: #e5b800; --pagination-color-border-unchecked-default: #f6f3ef; --pagination-color-border-unchecked-hover: #eae4de; --pagination-color-border-unchecked-pressed: rgba(0,0,0,.03); --pagination-color-icon-checked-default: #000000; --pagination-color-icon-checked-disabled: #585858; --pagination-color-icon-checked-hover: #423500; --pagination-color-icon-checked-pressed: #604d00; --pagination-color-icon-unchecked-default: #000000; --pagination-color-icon-unchecked-disabled: #585858; --pagination-color-icon-unchecked-hover: #212121; --pagination-color-icon-unchecked-pressed: #000000; --pagination-color-text-checked-default: #000000; --pagination-color-text-checked-disabled: #585858; --pagination-color-text-checked-hover: #423500; --pagination-color-text-checked-pressed: #604d00; --pagination-color-text-unchecked-default: #000000; --pagination-color-text-unchecked-disabled: #585858; --pagination-color-text-unchecked-hover: #212121; --pagination-color-text-unchecked-pressed: #000000; --pagination-end-padding-inline-leading-lg: 16px; --pagination-end-padding-inline-leading-md: 12px; --pagination-end-padding-inline-trailing-lg: 8px; --pagination-end-padding-inline-trailing-md: 4px; --pagination-gap-content: 4px; --pagination-gap-pages: 8px; --pagination-padding-block-lg: 8px; --pagination-padding-block-md: 4px; --pagination-padding-inline-lg: 12px; --pagination-padding-inline-md: 12px; --pagination-size-icon: 24px; --pagination-size-max-height-lg: 40px; --pagination-size-max-height-md: 32px; --pagination-size-max-width-lg: 40px; --pagination-size-max-width-md: 32px; --pagination-size-min-height-lg: 40px; --pagination-size-min-height-md: 32px; --pagination-size-min-width-lg: 40px; --pagination-size-min-width-md: 32px; --pagination-start-padding-inline-leading-lg: 8px; --pagination-start-padding-inline-leading-md: 4px; --pagination-start-padding-inline-trailing-lg: 16px; --pagination-start-padding-inline-trailing-md: 12px; --pattern-grid-color-background-default: rgba(0,0,0,0); --pattern-grid-color-stroke-default: rgba(0,0,0,.03); --pattern-grid-size: 16px; --pattern-grid-stroke: 1px; --progress-bar-color-text-label: #444444; --progress-bar-color-text-value: #000000; --progress-bar-loading-color-background-bar: #fff1b2; --progress-bar-loading-color-background-progress: #e5b800; --progressbar-gap: 48px; --progressbar1-color-background-bar: #fff1b2; --progressbar1-color-background-progression: #e5b800; --radio-border-radius: 9999px; --radio-border-width-checked: 2px; --radio-border-width-focused: 2px; --radio-border-width-unchecked: 1px; --radio-color-background-checked-default: #ffffff; --radio-color-background-checked-disabled: #eae4de; --radio-color-background-unchecked-default: #ffffff; --radio-color-background-unchecked-disabled: #eae4de; --radio-color-border-checked-default: #ffcd00; --radio-color-border-checked-disabled: #d2cbc3; --radio-color-border-checked-hover: #ffe166; --radio-color-border-focused: #ffe166; --radio-color-border-unchecked-default: #dedede; --radio-color-border-unchecked-disabled: #d2cbc3; --radio-color-border-unchecked-hover: #bdbdbd; --radio-indicator-border-radius: 9999px; --radio-indicator-color-background-default: #ffcd00; --radio-indicator-color-background-disabled: #d2cbc3; --radio-indicator-color-background-hover: #ffe166; --radio-indicator-size: 8px; --radio-size: 16px; --size-12: .75rem; --size-16: 1rem; --size-20: 1.25rem; --size-24: 1.5rem; --size-32: 2rem; --size-48: 3rem; --size-64: 4rem; --size-8: .5rem; --size-80: 5rem; --size-icon-2xl: 3rem; --size-icon-xxl: 3rem; --size-icon-3xl: 4rem; --size-icon-lg: 1.5rem; --size-icon-md: 1rem; --size-icon-sm: .75rem; --size-icon-xl: 2rem; --size-icon-xs: .5rem; --slider-border-radius-bar: 9999px; --slider-border-radius-thumb: 9999px; --slider-border-width-bar: 1px; --slider-border-width-thumb: 2px; --slider-color-background-fill-default: #f6f3ef; --slider-color-selection-fill-default: #ffe166; --slider-color-selection-fill-disabled: #eae4de; --slider-color-thumb-border-default: #ffcd00; --slider-color-thumb-border-disabled: #d2cbc3; --slider-color-thumb-fill-default: #ffe166; --slider-color-thumb-fill-disabled: #eae4de; --slider-color-thumb-fill-hover: #fff1b2; --slider-color-thumb-fill-pressed: #ffcd00; --spacing-12: .75rem; --spacing-16: 1rem; --spacing-192: 12rem; --spacing-2: .125rem; --spacing-24: 1.5rem; --spacing-2xl: 2rem; --spacing-xxl: 2rem; --spacing-2xs: .125rem; --spacing-xxs: .125rem; --spacing-32: 2rem; --spacing-3xl: 3rem; --spacing-4: .25rem; --spacing-48: 3rem; --spacing-4xl: 4rem; --spacing-5xl: 6rem; --spacing-64: 4rem; --spacing-6xl: 8rem; --spacing-7xl: 12rem; --spacing-8: .5rem; --spacing-96: 6rem; --spacing-lg: 1rem; --spacing-md: .75rem; --spacing-sm: .5rem; --spacing-xl: 1.5rem; --spacing-xs: .25rem; --stamp-border-radius-lg: 8px; --stamp-border-radius-md: 8px; --stamp-border-radius-sm: 4px; --stamp-border-width: 2px; --stamp-color-background-blue: #9bdef7; --stamp-color-background-brand: #ffe166; --stamp-color-background-green: #cfebb0; --stamp-color-background-orange: #ffb595; --stamp-color-background-red: #fdb3ae; --stamp-color-background-teal: #6fdbcd; --stamp-color-background-violet: #c9c9ff; --stamp-color-background-warm: #f6f3ef; --stamp-color-border-default: #ffffff; --stamp-color-icon-blue: #00202b; --stamp-color-icon-brand: #423500; --stamp-color-icon-green: #142603; --stamp-color-icon-orange: #451701; --stamp-color-icon-red: #450101; --stamp-color-icon-teal: #001b18; --stamp-color-icon-violet: #26194d; --stamp-color-icon-warm: #1e1c1a; --stamp-size-icon-lg: 24px; --stamp-size-icon-md: 16px; --stamp-size-icon-sm: 12px; --stamp-size-icon-xl: 48px; --stamp-size-lg: 48px; --stamp-size-md: 32px; --stamp-size-sm: 24px; --stamp-size-xl: 80px; --stepper-border-radius: 8px; --stepper-border-width-default: 1px; --stepper-color-background: #ffffff; --stepper-color-border-default: #eae4de; --stepper-color-border-hover: #d2cbc3; --stepper-color-icon-default: #444444; --stepper-gap-content: 8px; --stepper-padding-block: 8px; --stepper-padding-inline: 12px; --stepper-size-icon: 24px; --stepper-step-border-radius: 8px; --stepper-step-border-width-active: 2px; --stepper-step-color-background-checked-default: #ffe166; --stepper-step-color-background-checked-hover: #fff1b2; --stepper-step-color-background-unchecked-default: #ffffff; --stepper-step-color-background-unchecked-hover: #fff8d9; --stepper-step-color-border-checked-default: #ffcd00; --stepper-step-color-border-checked-hover: #ffe166; --stepper-step-color-icon-checked-default: #423500; --stepper-step-color-icon-checked-hover: #604d00; --stepper-step-color-icon-success: #40611f; --stepper-step-color-icon-unchecked-default: #444444; --stepper-step-color-icon-unchecked-hover: #000000; --stepper-step-color-text-checked-default: #423500; --stepper-step-color-text-checked-hover: #604d00; --stepper-step-color-text-unchecked-default: #585858; --stepper-step-color-text-unchecked-hover: #000000; --stepper-step-gap-content: 8px; --stepper-step-padding-block: 8px; --stepper-step-padding-inline: 12px; --stepper-step-size-icon: 16px; --sticky-note-border-radius: 2px; --sticky-note-border-width: 1px; --sticky-note-color-background-blue: #e0f5ff; --sticky-note-color-background-brand: #fff8d9; --sticky-note-color-background-green: #e7fbd3; --sticky-note-color-background-orange: #ffded0; --sticky-note-color-background-pink: #ffeaf5; --sticky-note-color-background-teal: #dbfaf6; --sticky-note-color-background-violet: #efefff; --sticky-note-color-border-default: rgba(0,0,0,.03); --sticky-note-color-text-body-blue: #00202b; --sticky-note-color-text-body-brand: #423500; --sticky-note-color-text-body-green: #142603; --sticky-note-color-text-body-orange: #451701; --sticky-note-color-text-body-pink: #3b142a; --sticky-note-color-text-body-teal: #001b18; --sticky-note-color-text-body-violet: #26194d; --sticky-note-color-text-title: #000000; --sticky-note-gap-content: 8px; --sticky-note-icon-border-radius: 8px; --sticky-note-icon-color-background-blue: #55c3e9; --sticky-note-icon-color-background-brand: #ffcd00; --sticky-note-icon-color-background-green: #bade94; --sticky-note-icon-color-background-orange: #ff9868; --sticky-note-icon-color-background-pink: #f696c8; --sticky-note-icon-color-background-teal: #00c7ae; --sticky-note-icon-color-background-violet: #acacff; --sticky-note-icon-color-icon-blue: #00202b; --sticky-note-icon-color-icon-brand: #423500; --sticky-note-icon-color-icon-green: #142603; --sticky-note-icon-color-icon-orange: #451701; --sticky-note-icon-color-icon-pink: #3b142a; --sticky-note-icon-color-icon-teal: #001b18; --sticky-note-icon-color-icon-violet: #26194d; --sticky-note-icon-padding-block: 4px; --sticky-note-icon-padding-inline: 4px; --sticky-note-icon-size-icon: 16px; --sticky-note-size-height-rectangle: 250px; --sticky-note-size-height-square: 250px; --sticky-note-size-icon: 24px; --sticky-note-size-width-rectangle: 350px; --sticky-note-size-width-square: 250px; --stroke-xs: 1px; --swiper-border-radius: 8px; --swiper-border-width: 1px; --swiper-color-background-default: #ffffff; --swiper-color-background-disabled: #f3f3f3; --swiper-color-background-focused: #f3f3f3; --swiper-color-background-hover: #ffffff; --swiper-color-background-pressed: #ffffff; --swiper-color-border-default: #dedede; --swiper-color-border-focused: #dedede; --swiper-color-border-hover: #bdbdbd; --swiper-color-border-pressed: #dedede; --swiper-color-border-pressed-outside: #ffe166; --swiper-color-icon-default: #000000; --swiper-color-icon-disabled: #989898; --swiper-gap-content: 8px; --swiper-padding-block-md: 12px; --swiper-padding-inline-lg: 16px; --swiper-size-icon: 16px; --swiper-size-max-height: 43px; --swiper-size-max-width: 43px; --swiper-size-min-height: 43px; --tab-border-radius: 8px; --tab-border-width-checked: 2px; --tab-border-width-unchecked: 1px; --tab-color-background-checked-default: #ffe166; --tab-color-background-checked-hover: #ffe166; --tab-color-background-checked-pressed: #ffcd00; --tab-color-background-unchecked-default: #ffffff; --tab-color-background-unchecked-hover: #ffffff; --tab-color-background-unchecked-pressed: #f3f3f3; --tab-color-border-checked-default: #ffcd00; --tab-color-border-checked-hover: #e5b800; --tab-color-border-checked-pressed: #e5b800; --tab-color-border-unchecked-default: #f6f3ef; --tab-color-border-unchecked-hover: #eae4de; --tab-color-border-unchecked-pressed: #eae4de; --tab-color-text-checked-default: #000000; --tab-color-text-checked-hover: #423500; --tab-color-text-checked-pressed: #423500; --tab-color-text-unchecked-default: #000000; --tab-color-text-unchecked-hover: #212121; --tab-color-text-unchecked-pressed: #000000; --tab-gap-content-lg: 8px; --tab-gap-content-md: 4px; --tab-gap-tabs-lg: 8px; --tab-gap-tabs-md: 4px; --tab-padding-block-lg: 12px; --tab-padding-block-md: 8px; --tab-padding-inline-lg: 16px; --tab-padding-inline-md: 12px; --tab-size-icon-lg: 24px; --tab-size-icon-md: 16px; --tab-size-max-height-lg: 40px; --tab-size-max-height-md: 32px; --table-cell-border-width: .5px; --table-cell-color-background-checked: #fff1b2; --table-cell-color-background-default: #ffffff; --table-cell-color-background-hover: #fff8d9; --table-cell-color-border-checked: #e5b800; --table-cell-color-border-default: #dedede; --table-cell-color-text-checked: #423500; --table-cell-color-text-default: #444444; --table-cell-gap: 8px; --table-cell-padding: 16px; --table-cell-size-checkbox: 48px; --table-header-border-width: .5px; --table-header-color-background-neutral: #ffffff; --table-header-color-background-warm: #f6f3ef; --table-header-color-border: #dedede; --table-header-color-icon-active: #000000; --table-header-color-icon-inactive: #585858; --table-header-color-text: #000000; --table-header-gap: 8px; --table-header-padding: 16px; --table-header-size-checkbox: 48px; --table-header-size-icon: 16px; --tabs-color-backgound: #ffffff; --tabs-color-border: #f6f3ef; --tag-border-radius: 8px; --tag-border-width-ai: 1px; --tag-border-width-default: 2px; --tag-color-background-blue-ai-default: #bbeaff; --tag-color-background-blue-ai-disabled: #e0f5ff; --tag-color-background-blue-ai-hover: #9bdef7; --tag-color-background-blue-dark-default: #55c3e9; --tag-color-background-blue-dark-disabled: #bbeaff; --tag-color-background-blue-dark-hover: #27a5d0; --tag-color-background-blue-default: #9bdef7; --tag-color-background-blue-disabled: #e0f5ff; --tag-color-background-blue-hover: #55c3e9; --tag-color-background-blue-light-default: #bbeaff; --tag-color-background-blue-light-disabled: #e0f5ff; --tag-color-background-blue-light-hover: #9bdef7; --tag-color-background-brand-ai-default: #fff1b2; --tag-color-background-brand-ai-disabled: #fff8d9; --tag-color-background-brand-ai-hover: #ffe166; --tag-color-background-brand-dark-default: #ffcd00; --tag-color-background-brand-dark-disabled: #fff1b2; --tag-color-background-brand-dark-hover: #e5b800; --tag-color-background-brand-default: #ffe166; --tag-color-background-brand-disabled: #fff8d9; --tag-color-background-brand-hover: #ffcd00; --tag-color-background-brand-light-default: #fff1b2; --tag-color-background-brand-light-disabled: #fff8d9; --tag-color-background-brand-light-hover: #ffe166; --tag-color-background-dash-default: #ffffff; --tag-color-background-dash-disabled: #f3f3f3; --tag-color-background-dash-hover: #ffffff; --tag-color-background-green-ai-default: #e7fbd3; --tag-color-background-green-ai-disabled: #e7fbd3; --tag-color-background-green-ai-hover: #cfebb0; --tag-color-background-green-dark-default: #bade94; --tag-color-background-green-dark-disabled: #e7fbd3; --tag-color-background-green-dark-hover: #9fc873; --tag-color-background-green-default: #cfebb0; --tag-color-background-green-disabled: #e7fbd3; --tag-color-background-green-hover: #bade94; --tag-color-background-green-light-default: #e7fbd3; --tag-color-background-green-light-disabled: #e7fbd3; --tag-color-background-green-light-hover: #cfebb0; --tag-color-background-orange-ai-default: #ffc9b2; --tag-color-background-orange-ai-disabled: #ffded0; --tag-color-background-orange-ai-hover: #ffb595; --tag-color-background-orange-dark-default: #ff9868; --tag-color-background-orange-dark-disabled: #ffc9b2; --tag-color-background-orange-dark-hover: #e67b49; --tag-color-background-orange-default: #ffb595; --tag-color-background-orange-disabled: #ffded0; --tag-color-background-orange-hover: #ff9868; --tag-color-background-orange-light-default: #ffc9b2; --tag-color-background-orange-light-disabled: #ffded0; --tag-color-background-orange-light-hover: #ffb595; --tag-color-background-pink-ai-default: #ffd5eb; --tag-color-background-pink-ai-disabled: #ffeaf5; --tag-color-background-pink-ai-hover: #feb7dc; --tag-color-background-pink-dark-default: #f696c8; --tag-color-background-pink-dark-disabled: #ffd5eb; --tag-color-background-pink-dark-hover: #d17ba8; --tag-color-background-pink-default: #feb7dc; --tag-color-background-pink-disabled: #ffeaf5; --tag-color-background-pink-hover: #f696c8; --tag-color-background-pink-light-default: #ffd5eb; --tag-color-background-pink-light-disabled: #ffeaf5; --tag-color-background-pink-light-hover: #feb7dc; --tag-color-background-red-ai-default: #fcc7c3; --tag-color-background-red-ai-disabled: #fbdedc; --tag-color-background-red-ai-hover: #fdb3ae; --tag-color-background-red-dark-default: #ff9490; --tag-color-background-red-dark-disabled: #fcc7c3; --tag-color-background-red-dark-hover: #ff6165; --tag-color-background-red-default: #fdb3ae; --tag-color-background-red-disabled: #fbdedc; --tag-color-background-red-hover: #ff9490; --tag-color-background-red-light-default: #fbdedc; --tag-color-background-red-light-disabled: #fbdedc; --tag-color-background-red-light-hover: #fcc7c3; --tag-color-background-teal-ai-default: #a5ece4; --tag-color-background-teal-ai-disabled: #dbfaf6; --tag-color-background-teal-ai-hover: #6fdbcd; --tag-color-background-teal-dark-default: #00c7ae; --tag-color-background-teal-dark-disabled: #a5ece4; --tag-color-background-teal-dark-hover: #06a894; --tag-color-background-teal-default: #6fdbcd; --tag-color-background-teal-disabled: #dbfaf6; --tag-color-background-teal-hover: #00c7ae; --tag-color-background-teal-light-default: #a5ece4; --tag-color-background-teal-light-disabled: #dbfaf6; --tag-color-background-teal-light-hover: #6fdbcd; --tag-color-background-violet-ai-default: #e0e0ff; --tag-color-background-violet-ai-disabled: #efefff; --tag-color-background-violet-ai-hover: #c9c9ff; --tag-color-background-violet-dark-default: #acacff; --tag-color-background-violet-dark-disabled: #e0e0ff; --tag-color-background-violet-dark-hover: #9587e8; --tag-color-background-violet-default: #c9c9ff; --tag-color-background-violet-disabled: #efefff; --tag-color-background-violet-hover: #acacff; --tag-color-background-violet-light-default: #e0e0ff; --tag-color-background-violet-light-disabled: #efefff; --tag-color-background-violet-light-hover: #c9c9ff; --tag-color-background-warm-ai-default: #fbf9f7; --tag-color-background-warm-ai-disabled: #f6f3ef; --tag-color-background-warm-ai-hover: #f6f3ef; --tag-color-background-warm-dark-default: #eae4de; --tag-color-background-warm-dark-disabled: #fbf9f7; --tag-color-background-warm-dark-hover: #d2cbc3; --tag-color-background-warm-default: #f6f3ef; --tag-color-background-warm-disabled: #f6f3ef; --tag-color-background-warm-hover: #eae4de; --tag-color-background-warm-light-default: #fbf9f7; --tag-color-background-warm-light-disabled: #f6f3ef; --tag-color-background-warm-light-hover: #f6f3ef; --tag-color-border-dash-default: #dedede; --tag-color-border-dash-disabled: #dedede; --tag-color-border-dash-hover: #bdbdbd; --tag-color-border-default: #ffffff; --tag-color-icon-blue-ai-default: #057aa3; --tag-color-icon-blue-ai-disabled: #057aa3; --tag-color-icon-blue-ai-hover: #025a79; --tag-color-icon-blue-dark-default: #00202b; --tag-color-icon-blue-dark-disabled: #057aa3; --tag-color-icon-blue-dark-hover: #00202b; --tag-color-icon-blue-default: #00202b; --tag-color-icon-blue-disabled: #057aa3; --tag-color-icon-blue-hover: #00202b; --tag-color-icon-blue-light-default: #057aa3; --tag-color-icon-blue-light-disabled: #057aa3; --tag-color-icon-blue-light-hover: #025a79; --tag-color-icon-brand-ai-default: #b69200; --tag-color-icon-brand-ai-disabled: #b69200; --tag-color-icon-brand-ai-hover: #846a01; --tag-color-icon-brand-dark-default: #423500; --tag-color-icon-brand-dark-disabled: #846a01; --tag-color-icon-brand-dark-hover: #423500; --tag-color-icon-brand-default: #423500; --tag-color-icon-brand-disabled: #846a01; --tag-color-icon-brand-hover: #423500; --tag-color-icon-brand-light-default: #b69200; --tag-color-icon-brand-light-disabled: #b69200; --tag-color-icon-brand-light-hover: #846a01; --tag-color-icon-dash-default: #000000; --tag-color-icon-dash-disabled: #585858; --tag-color-icon-dash-hover: #000000; --tag-color-icon-green-ai-default: #5a8034; --tag-color-icon-green-ai-disabled: #5a8034; --tag-color-icon-green-ai-hover: #40611f; --tag-color-icon-green-dark-default: #142603; --tag-color-icon-green-dark-disabled: #5a8034; --tag-color-icon-green-dark-hover: #142603; --tag-color-icon-green-default: #142603; --tag-color-icon-green-disabled: #5a8034; --tag-color-icon-green-hover: #142603; --tag-color-icon-green-light-default: #5a8034; --tag-color-icon-green-light-disabled: #5a8034; --tag-color-icon-green-light-hover: #40611f; --tag-color-icon-orange-ai-default: #c45927; --tag-color-icon-orange-ai-disabled: #c45927; --tag-color-icon-orange-ai-hover: #9f4217; --tag-color-icon-orange-dark-default: #451701; --tag-color-icon-orange-dark-disabled: #c45927; --tag-color-icon-orange-dark-hover: #451701; --tag-color-icon-orange-default: #451701; --tag-color-icon-orange-disabled: #c45927; --tag-color-icon-orange-hover: #451701; --tag-color-icon-orange-light-default: #c45927; --tag-color-icon-orange-light-disabled: #c45927; --tag-color-icon-orange-light-hover: #9f4217; --tag-color-icon-pink-ai-default: #b06089; --tag-color-icon-pink-ai-disabled: #b06089; --tag-color-icon-pink-ai-hover: #803c5f; --tag-color-icon-pink-dark-default: #3b142a; --tag-color-icon-pink-dark-disabled: #b06089; --tag-color-icon-pink-dark-hover: #3b142a; --tag-color-icon-pink-default: #3b142a; --tag-color-icon-pink-disabled: #b06089; --tag-color-icon-pink-hover: #3b142a; --tag-color-icon-pink-light-default: #b06089; --tag-color-icon-pink-light-disabled: #b06089; --tag-color-icon-pink-light-hover: #803c5f; --tag-color-icon-red-ai-default: #a80029; --tag-color-icon-red-ai-disabled: #a80029; --tag-color-icon-red-ai-hover: #75001a; --tag-color-icon-red-dark-default: #450101; --tag-color-icon-red-dark-disabled: #a80029; --tag-color-icon-red-dark-hover: #450101; --tag-color-icon-red-default: #450101; --tag-color-icon-red-disabled: #a80029; --tag-color-icon-red-hover: #450101; --tag-color-icon-red-light-default: #a80029; --tag-color-icon-red-light-disabled: #a80029; --tag-color-icon-red-light-hover: #75001a; --tag-color-icon-teal-ai-default: #0a7b6d; --tag-color-icon-teal-ai-disabled: #0a7b6d; --tag-color-icon-teal-ai-hover: #00544a; --tag-color-icon-teal-dark-default: #001b18; --tag-color-icon-teal-dark-disabled: #0a7b6d; --tag-color-icon-teal-dark-hover: #001b18; --tag-color-icon-teal-default: #001b18; --tag-color-icon-teal-disabled: #0a7b6d; --tag-color-icon-teal-hover: #001b18; --tag-color-icon-teal-light-default: #0a7b6d; --tag-color-icon-teal-light-disabled: #0a7b6d; --tag-color-icon-teal-light-hover: #00544a; --tag-color-icon-violet-ai-default: #8068c6; --tag-color-icon-violet-ai-disabled: #8068c6; --tag-color-icon-violet-ai-hover: #5a4890; --tag-color-icon-violet-dark-default: #26194d; --tag-color-icon-violet-dark-disabled: #8068c6; --tag-color-icon-violet-dark-hover: #26194d; --tag-color-icon-violet-default: #26194d; --tag-color-icon-violet-disabled: #8068c6; --tag-color-icon-violet-hover: #26194d; --tag-color-icon-violet-light-default: #8068c6; --tag-color-icon-violet-light-disabled: #8068c6; --tag-color-icon-violet-light-hover: #5a4890; --tag-color-icon-warm-ai-default: #a7a096; --tag-color-icon-warm-ai-disabled: #605b55; --tag-color-icon-warm-ai-hover: #605b55; --tag-color-icon-warm-dark-default: #1e1c1a; --tag-color-icon-warm-dark-disabled: #605b55; --tag-color-icon-warm-dark-hover: #1e1c1a; --tag-color-icon-warm-default: #1e1c1a; --tag-color-icon-warm-disabled: #605b55; --tag-color-icon-warm-hover: #1e1c1a; --tag-color-icon-warm-light-default: #a7a096; --tag-color-icon-warm-light-disabled: #605b55; --tag-color-icon-warm-light-hover: #605b55; --tag-color-text-blue-default: #00202b; --tag-color-text-blue-disabled: #057aa3; --tag-color-text-blue-hover: #00202b; --tag-color-text-brand-default: #423500; --tag-color-text-brand-disabled: #846a01; --tag-color-text-brand-hover: #423500; --tag-color-text-dash-default: #000000; --tag-color-text-dash-disabled: #585858; --tag-color-text-dash-hover: #000000; --tag-color-text-default: #ffffff; --tag-color-text-green-default: #142603; --tag-color-text-green-disabled: #5a8034; --tag-color-text-green-hover: #142603; --tag-color-text-orange-default: #451701; --tag-color-text-orange-disabled: #c45927; --tag-color-text-orange-hover: #451701; --tag-color-text-pink-default: #3b142a; --tag-color-text-pink-disabled: #b06089; --tag-color-text-pink-hover: #3b142a; --tag-color-text-red-default: #450101; --tag-color-text-red-disabled: #a80029; --tag-color-text-red-hover: #450101; --tag-color-text-teal-default: #001b18; --tag-color-text-teal-disabled: #0a7b6d; --tag-color-text-teal-hover: #001b18; --tag-color-text-violet-default: #26194d; --tag-color-text-violet-disabled: #8068c6; --tag-color-text-violet-hover: #26194d; --tag-color-text-warm-default: #1e1c1a; --tag-color-text-warm-disabled: #605b55; --tag-color-text-warm-hover: #1e1c1a; --tag-gap-content: 4px; --tag-padding-block-lg: 8px; --tag-padding-block-md: 4px; --tag-padding-inline-lg: 12px; --tag-padding-inline-md: 8px; --tag-size-icon: 16px; --tag-size-max-height-lg: 33px; --tag-size-max-height-md: 25px; --thickness-0-5: .5px; --thickness-1: 1px; --thickness-2: 2px; --thickness-3: 4px; --thickness-4: 6px; --toast-border-radius: 12px; --toast-border-width: 1px; --toast-color: #ffffff; --toast-color-background-default: #ffffff; --toast-color-border-default: #eae4de; --toast-color-border-hover: #d2cbc3; --toast-color-text-body: #212121; --toast-gap-content: 8px; --toast-icon-border-radius: 8px; --toast-icon-color-background-error: #fbdedc; --toast-icon-color-background-information: #e0f5ff; --toast-icon-color-background-success: #e7fbd3; --toast-icon-color-background-warning: #ffebce; --toast-icon-color-icon-error: #a80029; --toast-icon-color-icon-information: #025a79; --toast-icon-color-icon-success: #40611f; --toast-icon-color-icon-warning: #824f06; --toast-icon-padding-block: 4px; --toast-icon-padding-inline: 4px; --toast-icon-size-icon: 16px; --toast-padding-block: 8px; --toast-padding-inline: 12px; --toast-size-icon: 24px; --toggle-thumb-border-width: 1px; --toggle-thumb-color-background-default: #ffffff; --toggle-thumb-color-background-disabled: #a7a096; --toggle-thumb-color-background-hover: #ffffff; --toggle-thumb-color-border-default: #bdbdbd; --toggle-thumb-color-border-hover: #bdbdbd; --toggle-thumb-size-lg: 20px; --toggle-thumb-size-md: 16px; --toggle-thumb-size-sm: 12px; --toggle-track-border-radius: 9999px; --toggle-track-border-width-focused: 2px; --toggle-track-color-background-checked-default: #ffcd00; --toggle-track-color-background-checked-hover: #ffe166; --toggle-track-color-background-disabled: #eae4de; --toggle-track-color-background-unchecked-default: #ffffff; --toggle-track-color-border-checked-default: #e5b800; --toggle-track-color-border-checked-hover: #ffcd00; --toggle-track-color-border-disabled: #d2cbc3; --toggle-track-color-border-focused: #ffe166; --toggle-track-color-border-unchecked-default: #dedede; --toggle-track-color-border-unchecked-hover: #bdbdbd; --toggle-track-color-icon-default: #000000; --toggle-track-color-icon-disabled: #605b55; --toggle-track-color-icon-hover: #000000; --toggle-track-size-height-lg: 24px; --toggle-track-size-height-md: 20px; --toggle-track-size-height-sm: 16px; --toggle-track-size-icon-lg: 16px; --toggle-track-size-icon-md: 12px; --toggle-track-size-icon-sm: 8px; --toggle-track-size-width-lg: 44px; --toggle-track-size-width-md: 36px; --toggle-track-size-width-sm: 28px; --tooltip-border-radius: 8px; --tooltip-border-width: 1px; --tooltip-color-background: #212121; --tooltip-color-border: #bdbdbd; --tooltip-color-text: #ffffff; --tooltip-gap-content: 4px; --tooltip-padding-block: 8px; --tooltip-padding-inline: 12px; --width-16: 1rem; --width-20: 1.25rem; --width-28: 1.75rem; --width-32: 2rem; --width-36: 2.25rem; --width-40: 2.5rem; --width-44: 2.75rem; --width-8: .5rem; --window-body-color-background-default: #ffffff; --window-body-padding-block-lg: 32px; --window-body-padding-block-md: 24px; --window-body-padding-block-sm: 12px; --window-body-padding-block-xl: 64px; --window-body-padding-block-xs: 8px; --window-body-padding-inline-lg: 32px; --window-body-padding-inline-md: 24px; --window-body-padding-inline-sm: 12px; --window-body-padding-inline-xl: 64px; --window-body-padding-inline-xs: 8px; --window-border-radius: 8px; --window-border-width: 1px; --window-color-border-default: #f6f3ef; --window-color-border-hover: #eae4de; --window-header-action-border-radius: 8px; --window-header-action-color-background-close-default: #ffffff; --window-header-action-color-background-close-hover: #fbdedc; --window-header-action-color-background-close-pressed: #fcc7c3; --window-header-action-color-background-common-default: #ffffff; --window-header-action-color-background-common-hover: #fff1b2; --window-header-action-color-background-common-pressed: #ffe166; --window-header-action-color-border-close-default: #f6f3ef; --window-header-action-color-icon-close-default: #75001a; --window-header-action-color-icon-close-hover: #a80029; --window-header-action-color-icon-close-pressed: #75001a; --window-header-action-color-icon-common-default: #585858; --window-header-action-color-icon-common-hover: #1e1c1a; --window-header-action-color-icon-common-pressed: #1e1c1a; --window-header-action-size-container: 24px; --window-header-action-size-icon: 16px; --window-header-color-background: #ffffff; --window-header-color-text-default: #000000; --window-header-gap-actions: 4px; --window-header-gap-content: 8px; --window-header-padding-block-xs: 4px; --window-header-padding-inline-xs: 4px; --window-header-size-min-height: 32px; --window-header-tab-border-width-active: 2px; --window-header-tab-color-background-active: #ffe166; --window-header-tab-color-background-default: #ffffff; --window-header-tab-color-background-hover: #fff1b2; --window-header-tab-color-border-default: #f6f3ef; --window-header-tab-color-icon-active: #423500; --window-header-tab-color-icon-default: #444444; --window-header-tab-color-icon-hover: #423500; --window-header-tab-color-text-active: #423500; --window-header-tab-color-text-default: #444444; --window-header-tab-color-text-hover: #423500; --wysiwyg-color-background: #ffffff; --wysiwyg-color-border: #f3f3f3; --wysiwyg-color-select-background-default: #ffffff; --wysiwyg-color-select-background-hover: #ffffff; --wysiwyg-color-select-background-pressed: #f3f3f3; --wysiwyg-color-select-background-selected: #ffe166; --wysiwyg-color-select-border-default: #dedede; --wysiwyg-color-select-border-hover: #bdbdbd; --wysiwyg-color-select-border-pressed: #dedede; --wysiwyg-color-select-border-selected: #ffcd00; --wysiwyg-color-select-icon-default: #000000; --wysiwyg-main-border-radius: 4px; --wysiwyg-main-border-stroke: 1px; --wysiwyg-main-horizontal-gap-large: 8px; --wysiwyg-main-horizontal-gap-small: 4px; --wysiwyg-main-horizontal-padding: 8px; --wysiwyg-main-vertical-gap: 8px; --wysiwyg-main-vertical-padding: 8px; --wysiwyg-select-border-radius: 8px; --wysiwyg-select-border-stroke: 1px; --wysiwyg-select-gap: 4px; --wysiwyg-select-height-max: 32px; --wysiwyg-select-height-min: 32px; --wysiwyg-select-horizontal-padding: 12px; --wysiwyg-select-icon: 16px; --wysiwyg-select-vertical-padding: 8px; --wysiwyg-select-width-max: 32px;}@layer base{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{min-width:0;min-height:0;font-size:100%;vertical-align:baseline}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{text-decoration:none}img{overflow:hidden}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}input::-webkit-search-cancel-button{display:none}*,*:after,*:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{min-height:100%;padding-top:1px;margin-top:-1px;font-family:var(--font-family-body)}}@layer base{h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title)}}@utility bg-grid{background-position: -.5px .5px; background-image: var(--grid-pattern);}@utility bg-grid-*{background-position: -.5px .5px; background-image: var(--grid-pattern); background-color: --value(--color-background- *);}@utility bg-striped{background: repeating-linear-gradient(-45deg,transparent,transparent 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 4.3px);}@utility bg-striped-*{background: repeating-linear-gradient(-45deg,transparent,transparent 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 4.3px),--value(--color-background- *);}
1
+ @font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:welcome-font;font-weight:500;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:700;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:900;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-black.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:500;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:700;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:900;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-black-italic.woff2) format("woff2")}@theme static{--*: initial; --spacing: .0625rem; --spacing-0: 0; --duration-fast: .1s; --duration-medium: .3s; --duration-slow: .5s; --timing-primary: ease; --timing-secondary: linear; --timing-tertiary: cubic-bezier(.41,.094,.54,.07); --grid-pattern: repeating-linear-gradient(0,var(--pattern-grid-color-stroke-default) 0,var(--pattern-grid-color-stroke-default) var(--pattern-grid-stroke),transparent var(--pattern-grid-stroke),transparent var(--pattern-grid-size)),repeating-linear-gradient(90deg,var(--pattern-grid-color-stroke-default) 0,var(--pattern-grid-color-stroke-default) var(--pattern-grid-stroke),transparent var(--pattern-grid-stroke),transparent var(--pattern-grid-size)); --accordion-padding-block-content: 16px; --accordion-padding-gap-content: 8px; --accordion-padding-gap-subtitle: 4px; --accordion-padding-gap-tags: 4px; --accordion-padding-size-icon-lg: 16px; --accordion-padding-size-icon-md: 16px; --accordion-padding-size-max-height-lg: 33px; --accordion-padding-size-max-height-md: 25px; --accordion-subtitle-color-text-default: #212121; --accordion-title-color-background: rgba(255,255,255,0); --accordion-title-color-icon-default: #000000; --accordion-title-color-text-default: #000000; --alert-border-radius: 8px; --alert-border-width-ai: 2px; --alert-color-background-ai: #ffffff; --alert-color-background-brand: #fff8d9; --alert-color-background-danger: #fbdedc; --alert-color-background-information: #e0f5ff; --alert-color-background-success: #e7fbd3; --alert-color-background-warning: #ffebce; --alert-color-icon-default: rgba(0,0,0,.26); --alert-color-text-ai-body: #212121; --alert-color-text-ai-title: #000000; --alert-color-text-brand-body: #423500; --alert-color-text-brand-title: #000000; --alert-color-text-danger-body: #450101; --alert-color-text-danger-title: #000000; --alert-color-text-information-body: #00202b; --alert-color-text-information-title: #000000; --alert-color-text-success-body: #142603; --alert-color-text-success-title: #000000; --alert-color-text-warning-body: #382303; --alert-color-text-warning-title: #000000; --alert-gap-actions-lg: 12px; --alert-gap-actions-md: 8px; --alert-gap-content-lg: 12px; --alert-gap-content-md: 8px; --alert-icon-border-radius: 8px; --alert-icon-color-background-brand: #ffe166; --alert-icon-color-background-danger: #fdb3ae; --alert-icon-color-background-information: #9bdef7; --alert-icon-color-background-success: #cfebb0; --alert-icon-color-background-warning: #ffbb59; --alert-icon-color-icon-ai: #ffffff; --alert-icon-color-icon-brand: #423500; --alert-icon-color-icon-danger: #450101; --alert-icon-color-icon-information: #00202b; --alert-icon-color-icon-success: #142603; --alert-icon-color-icon-warning: #382303; --alert-icon-padding-block: 4px; --alert-icon-padding-inline: 4px; --alert-padding-block-lg: 32px; --alert-padding-block-md: 16px; --alert-padding-inline-lg: 32px; --alert-padding-inline-md: 16px; --alert-size-icon: 24px; --avatar-border-radius: 9999px; --avatar-color-background-initials-blue: #55c3e9; --avatar-color-background-initials-green: #bade94; --avatar-color-background-initials-orange: #ff9868; --avatar-color-background-initials-pink: #f696c8; --avatar-color-background-initials-teal: #00c7ae; --avatar-color-background-initials-violet: #acacff; --avatar-color-background-placeholder: #f6f3ef; --avatar-color-icon-placeholder: #a7a096; --avatar-color-text-initials-blue: #013c50; --avatar-color-text-initials-green: #2a4210; --avatar-color-text-initials-orange: #6d2605; --avatar-color-text-initials-pink: #5c2944; --avatar-color-text-initials-teal: #053731; --avatar-color-text-initials-violet: #3c2e63; --avatar-size-lg: 64px; --avatar-size-md: 48px; --avatar-size-sm: 32px; --avatar-size-xs: 24px; --badge-border-radius-lg: 8px; --badge-border-radius-md: 4px; --badge-border-radius-sm: 9999px; --badge-color-background-blue: #27a5d0; --badge-color-background-brand: #ffcd00; --badge-color-background-neutral: #000000; --badge-color-background-warm: #eae4de; --badge-color-text-blue: #ffffff; --badge-color-text-brand: #000000; --badge-color-text-neutral: #ffffff; --badge-color-text-warm: #1e1c1a; --badge-padding-block-lg: 4px; --badge-padding-block-md: 2px; --badge-padding-inline-lg: 4px; --badge-padding-inline-md: 4px; --badge-size-height: 8px; --badge-size-max-height-lg: 20px; --badge-size-max-height-md: 16px; --badge-size-min-width-lg: 20px; --badge-size-min-width-md: 16px; --badge-size-width: 8px; --border-radius-2xl: 1.5rem; --border-radius-xxl: 1.5rem; --radius-2xl: 1.5rem; --border-radius-full: calc(infinity * 1px); --radius-full: calc(infinity * 1px); --border-radius-lg: .75rem; --radius-lg: .75rem; --border-radius-md: .5rem; --radius-md: .5rem; --border-radius-none: 0; --radius-none: 0; --border-radius-sm: .25rem; --radius-sm: .25rem; --border-radius-xl: 1rem; --radius-xl: 1rem; --border-radius-xs: .125rem; --radius-xs: .125rem; --border-width-lg: 6px; --border-width-md: 4px; --border-width-sm: 2px; --border-width-xs: 1px; --breadcrumb-color-icon-active: #000000; --breadcrumb-color-icon-default: #605b55; --breadcrumb-color-icon-hover: #33302d; --breadcrumb-color-text-active: #000000; --breadcrumb-color-text-default: #605b55; --breadcrumb-color-text-hover: #33302d; --breadcrumb-gap-content: 4px; --breadcrumb-size-icon: 16px; --breakpoint-2xl: 1440px; --breakpoint-xxl: 1440px; --breakpoint-3xl: 1620px; --breakpoint-4xl: 1920px; --breakpoint-lg: 980px; --breakpoint-md: 736px; --breakpoint-sm: 480px; --breakpoint-xl: 1280px; --breakpoint-xs: 0; --button-border-radius: 8px; --button-border-width-ai: 2px; --button-border-width-focused: 4px; --button-border-width-secondary: 1px; --button-color-background-primary-ai-default: #ffffff; --button-color-background-primary-ai-disabled: #f3f3f3; --button-color-background-primary-ai-focused: #ffffff; --button-color-background-primary-ai-hover: #ffffff; --button-color-background-primary-ai-pressed: #f3f3f3; --button-color-background-primary-danger-default: #a80029; --button-color-background-primary-danger-disabled: #f3f3f3; --button-color-background-primary-danger-focused: #a80029; --button-color-background-primary-danger-hover: #e1003a; --button-color-background-primary-danger-pressed: #ff6165; --button-color-background-primary-main-default: #ffcd00; --button-color-background-primary-main-disabled: #f3f3f3; --button-color-background-primary-main-focused: #ffcd00; --button-color-background-primary-main-hover: #e5b800; --button-color-background-primary-main-pressed: #ffe166; --button-color-background-primary-neutral-default: #000000; --button-color-background-primary-neutral-disabled: #f3f3f3; --button-color-background-primary-neutral-focused: #000000; --button-color-background-primary-neutral-hover: #212121; --button-color-background-primary-neutral-pressed: #444444; --button-color-background-secondary-danger-default: #ffffff; --button-color-background-secondary-danger-disabled: #f3f3f3; --button-color-background-secondary-danger-focused: #ffffff; --button-color-background-secondary-danger-hover: #ffffff; --button-color-background-secondary-danger-pressed: #fbdedc; --button-color-background-secondary-main-default: #ffffff; --button-color-background-secondary-main-disabled: #f3f3f3; --button-color-background-secondary-main-focused: #ffffff; --button-color-background-secondary-main-hover: #ffffff; --button-color-background-secondary-main-pressed: #f3f3f3; --button-color-background-tertiary-danger-default: rgba(0,0,0,0); --button-color-background-tertiary-danger-disabled: rgba(0,0,0,0); --button-color-background-tertiary-danger-focused: rgba(0,0,0,0); --button-color-background-tertiary-danger-hover: #fbdedc; --button-color-background-tertiary-danger-pressed: #fcc7c3; --button-color-background-tertiary-main-default: rgba(0,0,0,0); --button-color-background-tertiary-main-disabled: rgba(0,0,0,0); --button-color-background-tertiary-main-focused: rgba(0,0,0,0); --button-color-background-tertiary-main-hover: rgba(0,0,0,.05); --button-color-background-tertiary-main-pressed: rgba(0,0,0,.13); --button-color-border-focused: #ffe166; --button-color-border-secondary-danger-default: #a80029; --button-color-border-secondary-danger-focused: #a80029; --button-color-border-secondary-danger-hover: #e1003a; --button-color-border-secondary-danger-pressed: #fdb3ae; --button-color-border-secondary-main-default: #dedede; --button-color-border-secondary-main-focused: #dedede; --button-color-border-secondary-main-hover: #bdbdbd; --button-color-border-secondary-main-pressed: #dedede; --button-color-icon-primary-ai-default: #000000; --button-color-icon-primary-ai-disabled: #989898; --button-color-icon-primary-ai-focused: #000000; --button-color-icon-primary-ai-hover: #212121; --button-color-icon-primary-ai-pressed: #000000; --button-color-icon-primary-danger-default: #ffffff; --button-color-icon-primary-danger-disabled: #989898; --button-color-icon-primary-danger-focused: #ffffff; --button-color-icon-primary-danger-hover: #ffffff; --button-color-icon-primary-danger-pressed: #ffffff; --button-color-icon-primary-main-default: #000000; --button-color-icon-primary-main-disabled: #989898; --button-color-icon-primary-main-focused: #000000; --button-color-icon-primary-main-hover: #000000; --button-color-icon-primary-main-pressed: #423500; --button-color-icon-primary-neutral-default: #ffffff; --button-color-icon-primary-neutral-disabled: #989898; --button-color-icon-primary-neutral-focused: #ffffff; --button-color-icon-primary-neutral-hover: #ffffff; --button-color-icon-primary-neutral-pressed: #ffffff; --button-color-icon-secondary-danger-default: #75001a; --button-color-icon-secondary-danger-disabled: #989898; --button-color-icon-secondary-danger-focused: #75001a; --button-color-icon-secondary-danger-hover: #a80029; --button-color-icon-secondary-danger-pressed: #75001a; --button-color-icon-secondary-main-default: #000000; --button-color-icon-secondary-main-disabled: #989898; --button-color-icon-secondary-main-focused: #000000; --button-color-icon-secondary-main-hover: #212121; --button-color-icon-secondary-main-pressed: #000000; --button-color-icon-tertiary-danger-default: #a80029; --button-color-icon-tertiary-danger-disabled: #989898; --button-color-icon-tertiary-danger-focused: #a80029; --button-color-icon-tertiary-danger-hover: #e1003a; --button-color-icon-tertiary-danger-pressed: #450101; --button-color-icon-tertiary-main-default: #000000; --button-color-icon-tertiary-main-disabled: #989898; --button-color-icon-tertiary-main-focused: #000000; --button-color-icon-tertiary-main-hover: #212121; --button-color-icon-tertiary-main-pressed: #000000; --button-color-text-primary-ai-default: #000000; --button-color-text-primary-ai-disabled: #989898; --button-color-text-primary-ai-focused: #000000; --button-color-text-primary-ai-hover: #212121; --button-color-text-primary-ai-pressed: #000000; --button-color-text-primary-danger-default: #ffffff; --button-color-text-primary-danger-disabled: #989898; --button-color-text-primary-danger-focused: #ffffff; --button-color-text-primary-danger-hover: #ffffff; --button-color-text-primary-danger-pressed: #ffffff; --button-color-text-primary-main-default: #000000; --button-color-text-primary-main-disabled: #989898; --button-color-text-primary-main-focused: #000000; --button-color-text-primary-main-hover: #000000; --button-color-text-primary-main-pressed: #423500; --button-color-text-primary-neutral-default: #ffffff; --button-color-text-primary-neutral-disabled: #989898; --button-color-text-primary-neutral-focused: #ffffff; --button-color-text-primary-neutral-hover: #ffffff; --button-color-text-primary-neutral-pressed: #ffffff; --button-color-text-secondary-danger-default: #75001a; --button-color-text-secondary-danger-disabled: #989898; --button-color-text-secondary-danger-focused: #75001a; --button-color-text-secondary-danger-hover: #a80029; --button-color-text-secondary-danger-pressed: #75001a; --button-color-text-secondary-main-default: #000000; --button-color-text-secondary-main-disabled: #989898; --button-color-text-secondary-main-focused: #000000; --button-color-text-secondary-main-hover: #212121; --button-color-text-secondary-main-pressed: #000000; --button-color-text-tertiary-danger-default: #a80029; --button-color-text-tertiary-danger-disabled: #989898; --button-color-text-tertiary-danger-focused: #a80029; --button-color-text-tertiary-danger-hover: #e1003a; --button-color-text-tertiary-danger-pressed: #450101; --button-color-text-tertiary-main-default: #000000; --button-color-text-tertiary-main-disabled: #989898; --button-color-text-tertiary-main-focused: #000000; --button-color-text-tertiary-main-hover: #212121; --button-color-text-tertiary-main-pressed: #000000; --button-gap-content-lg: 8px; --button-gap-content-md: 4px; --button-gap-content-sm: 4px; --button-padding-block-lg: 12px; --button-padding-block-md: 8px; --button-padding-block-sm: 4px; --button-padding-inline-lg: 16px; --button-padding-inline-md: 12px; --button-padding-inline-sm: 8px; --button-size-icon-lg: 24px; --button-size-icon-md: 16px; --button-size-icon-sm: 16px; --button-size-max-height-lg: 43px; --button-size-max-height-md: 33px; --button-size-max-height-sm: 25px; --card-action-dismiss-icon-default: #bdbdbd; --card-action-dismiss-icon-hover: #000000; --card-action-dismiss-padding-block-start-lg: 16px; --card-action-dismiss-padding-block-start-md: 12px; --card-action-dismiss-padding-block-start-sm: 8px; --card-action-dismiss-padding-inline-end-lg: 16px; --card-action-dismiss-padding-inline-end-md: 12px; --card-action-dismiss-padding-inline-end-sm: 8px; --card-action-dismiss-size-icon-lg: 32px; --card-action-dismiss-size-icon-md: 32px; --card-action-dismiss-size-icon-sm: 24px; --card-body-color-meta-text-default: #585858; --card-body-color-text-default: #212121; --card-border-radius: 8px; --card-color-background-default: #ffffff; --card-color-border-default: #f6f3ef; --card-color-border-hover: #eae4de; --card-color-icon-default: #585858; --card-color-icon-hover: #000000; --card-gap-actions: 8px; --card-gap-content-lg: 24px; --card-gap-content-md: 16px; --card-gap-content-sm: 8px; --card-gap-footer-lg: 24px; --card-gap-footer-md: 16px; --card-gap-footer-sm: 12px; --card-gap-title: 8px; --card-header-color-icon-default: #000000; --card-header-color-text-default: #000000; --card-padding-block-lg: 32px; --card-padding-block-md: 24px; --card-padding-block-sm: 16px; --card-padding-inline-lg: 32px; --card-padding-inline-md: 24px; --card-padding-inline-sm: 16px; --card-size-icon-lg: 24px; --checkbox-border-radius: 4px; --checkbox-border-width-default: 1px; --checkbox-border-width-focused: 2px; --checkbox-color-background-checked-default: #ffcd00; --checkbox-color-background-checked-hover: #ffe166; --checkbox-color-background-default: #eae4de; --checkbox-color-background-unchecked-default: #ffffff; --checkbox-color-border-disabled: #d2cbc3; --checkbox-color-border-error: #e1003a; --checkbox-color-border-focused: #ffe166; --checkbox-color-border-unchecked-default: #dedede; --checkbox-color-border-unchecked-hover: #bdbdbd; --checkbox-color-icon-default: #000000; --checkbox-color-icon-disabled: #a7a096; --checkbox-size-container: 16px; --checkbox-size-icon: 16px; --color-background-accent-blue-minimal: #e0f5ff; --color-background-accent-blue-primary: #55c3e9; --color-background-accent-blue-secondary: #9bdef7; --color-background-accent-blue-strong: #27a5d0; --color-background-accent-blue-stronger: #057aa3; --color-background-accent-blue-strongest: #025a79; --color-background-accent-blue-subtle: #bbeaff; --color-background-accent-green-minimal: #e7fbd3; --color-background-accent-green-primary: #bade94; --color-background-accent-green-secondary: #cfebb0; --color-background-accent-green-strong: #9fc873; --color-background-accent-green-stronger: #83ad57; --color-background-accent-green-strongest: #5a8034; --color-background-accent-orange-minimal: #ffded0; --color-background-accent-orange-primary: #ff9868; --color-background-accent-orange-secondary: #ffb595; --color-background-accent-orange-strong: #e67b49; --color-background-accent-orange-stronger: #c45927; --color-background-accent-orange-strongest: #9f4217; --color-background-accent-orange-subtle: #ffc9b2; --color-background-accent-pink-minimal: #ffeaf5; --color-background-accent-pink-primary: #f696c8; --color-background-accent-pink-secondary: #feb7dc; --color-background-accent-pink-strong: #d17ba8; --color-background-accent-pink-stronger: #b06089; --color-background-accent-pink-strongest: #803c5f; --color-background-accent-pink-subtle: #ffd5eb; --color-background-accent-teal-minimal: #dbfaf6; --color-background-accent-teal-primary: #00c7ae; --color-background-accent-teal-secondary: #6fdbcd; --color-background-accent-teal-strong: #06a894; --color-background-accent-teal-stronger: #0a7b6d; --color-background-accent-teal-strongest: #00544a; --color-background-accent-teal-subtle: #a5ece4; --color-background-accent-violet-minimal: #efefff; --color-background-accent-violet-primary: #acacff; --color-background-accent-violet-secondary: #c9c9ff; --color-background-accent-violet-strong: #9587e8; --color-background-accent-violet-stronger: #8068c6; --color-background-accent-violet-strongest: #5a4890; --color-background-accent-violet-subtle: #e0e0ff; --color-background-brand-minimal: #fff8d9; --color-background-brand-primary: #ffcd00; --color-background-brand-secondary: #ffe166; --color-background-brand-strong: #e5b800; --color-background-brand-stronger: #b69200; --color-background-brand-subtle: #fff1b2; --color-background-danger-minimal: #fbdedc; --color-background-danger-primary: #ff9490; --color-background-danger-secondary: #fdb3ae; --color-background-danger-strong: #ff6165; --color-background-danger-stronger: #e1003a; --color-background-danger-strongest: #a80029; --color-background-danger-subtle: #fcc7c3; --color-background-information-minimal: #e0f5ff; --color-background-information-primary: #55c3e9; --color-background-information-secondary: #9bdef7; --color-background-information-strong: #27a5d0; --color-background-information-stronger: #057aa3; --color-background-information-subtle: #bbeaff; --color-background-neutral-inverse: #ffffff; --color-background-neutral-inverse-fixed: #ffffff; --color-background-neutral-minimal: #f3f3f3; --color-background-neutral-primary: #000000; --color-background-neutral-primary-fixed: #000000; --color-background-neutral-secondary: #212121; --color-background-neutral-subtle: #bdbdbd; --color-background-neutral-subtlest: #dedede; --color-background-neutral-tertiary: #444444; --color-background-success-minimal: #e7fbd3; --color-background-success-primary: #bade94; --color-background-success-secondary: #cfebb0; --color-background-success-strong: #9fc873; --color-background-success-stronger: #83ad57; --color-background-success-strongest: #5a8034; --color-background-transparent-black-minimal: rgba(0,0,0,.05); --color-background-transparent-black-none: rgba(0,0,0,0); --color-background-transparent-black-subtle: rgba(0,0,0,.26); --color-background-transparent-black-subtlest: rgba(0,0,0,.13); --color-background-transparent-white-minimal: rgba(255,255,255,.05); --color-background-transparent-white-none: rgba(255,255,255,0); --color-background-transparent-white-subtle: rgba(255,255,255,.26); --color-background-transparent-white-subtlest: rgba(255,255,255,.13); --color-background-warm-minimal: #fbf9f7; --color-background-warm-primary: #f6f3ef; --color-background-warm-strong: #eae4de; --color-background-warm-stronger: #d2cbc3; --color-background-warning-minimal: #ffebce; --color-background-warning-primary: #ff9f14; --color-background-warning-secondary: #ffbb59; --color-background-warning-strong: #db860a; --color-background-warning-stronger: #a6670a; --color-background-warning-subtle: #ffd495; --color-beige-10: #fbf9f7; --color-beige-20: #f6f3ef; --color-beige-30: #eae4de; --color-beige-40: #d2cbc3; --color-beige-50: #a7a096; --color-beige-60: #605b55; --color-beige-70: #4d4944; --color-beige-80: #33302d; --color-beige-90: #1e1c1a; --color-blue-10: #e0f5ff; --color-blue-20: #bbeaff; --color-blue-30: #9bdef7; --color-blue-40: #55c3e9; --color-blue-50: #27a5d0; --color-blue-60: #057aa3; --color-blue-70: #025a79; --color-blue-80: #013c50; --color-blue-90: #00202b; --color-border-brand-minimal: #fff8d9; --color-border-brand-primary: #ffcd00; --color-border-brand-secondary: #ffe166; --color-border-brand-strong: #e5b800; --color-border-brand-stronger: #b69200; --color-border-brand-subtle: #fff1b2; --color-border-danger-minimal: #fbdedc; --color-border-danger-primary: #ff9490; --color-border-danger-secondary: #fdb3ae; --color-border-danger-strong: #ff6165; --color-border-danger-stronger: #e1003a; --color-border-danger-strongest: #a80029; --color-border-danger-subtle: #fcc7c3; --color-border-information-minimal: #e0f5ff; --color-border-information-primary: #55c3e9; --color-border-information-secondary: #9bdef7; --color-border-information-strong: #27a5d0; --color-border-information-stronger: #057aa3; --color-border-information-strongest: #025a79; --color-border-information-subtle: #bbeaff; --color-border-neutral-inverse: #ffffff; --color-border-neutral-inverse-fixed: #ffffff; --color-border-neutral-minimal: #f3f3f3; --color-border-neutral-primary: #000000; --color-border-neutral-primary-fixed: #000000; --color-border-neutral-secondary: #212121; --color-border-neutral-subtle: #bdbdbd; --color-border-neutral-subtlest: #dedede; --color-border-neutral-tertiary: #444444; --color-border-success-minimal: #e7fbd3; --color-border-success-primary: #bade94; --color-border-success-secondary: #cfebb0; --color-border-success-strong: #9fc873; --color-border-success-stronger: #83ad57; --color-border-success-strongest: #5a8034; --color-border-transparent-black-minimal: rgba(0,0,0,.03); --color-border-transparent-black-none: rgba(0,0,0,0); --color-border-transparent-black-subtle: rgba(0,0,0,.26); --color-border-transparent-black-subtlest: rgba(0,0,0,.13); --color-border-transparent-white-minimal: rgba(255,255,255,.05); --color-border-transparent-white-none: rgba(255,255,255,0); --color-border-transparent-white-subtle: rgba(255,255,255,.26); --color-border-transparent-white-subtlest: rgba(255,255,255,.13); --color-border-warm-minimal: #f6f3ef; --color-border-warm-primary: #605b55; --color-border-warm-secondary: #a7a096; --color-border-warm-strong: #4d4944; --color-border-warm-stronger: #33302d; --color-border-warm-subtle: #eae4de; --color-border-warm-tertiary: #d2cbc3; --color-border-warning-minimal: #ffebce; --color-border-warning-primary: #ff9f14; --color-border-warning-secondary: #ffbb59; --color-border-warning-strong: #db860a; --color-border-warning-stronger: #a6670a; --color-border-warning-strongest: #824f06; --color-border-warning-subtle: #ffd495; --color-green-10: #e7fbd3; --color-green-20: #cfebb0; --color-green-30: #bade94; --color-green-40: #9fc873; --color-green-50: #83ad57; --color-green-60: #5a8034; --color-green-70: #40611f; --color-green-80: #2a4210; --color-green-90: #142603; --color-icon-accent-blue-minimal: #55c3e9; --color-icon-accent-blue-primary: #00202b; --color-icon-accent-blue-secondary: #013c50; --color-icon-accent-blue-subtle: #057aa3; --color-icon-accent-blue-subtlest: #27a5d0; --color-icon-accent-blue-tertiary: #025a79; --color-icon-accent-green-minimal: #bade94; --color-icon-accent-green-primary: #142603; --color-icon-accent-green-secondary: #2a4210; --color-icon-accent-green-subtle: #5a8034; --color-icon-accent-green-subtlest: #83ad57; --color-icon-accent-green-tertiary: #40611f; --color-icon-accent-orange-minimal: #ff9868; --color-icon-accent-orange-primary: #451701; --color-icon-accent-orange-secondary: #6d2605; --color-icon-accent-orange-subtle: #c45927; --color-icon-accent-orange-subtlest: #e67b49; --color-icon-accent-orange-tertiary: #9f4217; --color-icon-accent-pink-minimal: #f696c8; --color-icon-accent-pink-primary: #3b142a; --color-icon-accent-pink-secondary: #5c2944; --color-icon-accent-pink-subtle: #b06089; --color-icon-accent-pink-subtlest: #d17ba8; --color-icon-accent-pink-tertiary: #803c5f; --color-icon-accent-teal-minimal: #00c7ae; --color-icon-accent-teal-primary: #001b18; --color-icon-accent-teal-secondary: #053731; --color-icon-accent-teal-subtle: #0a7b6d; --color-icon-accent-teal-subtlest: #06a894; --color-icon-accent-teal-tertiary: #00544a; --color-icon-accent-violet-minimal: #acacff; --color-icon-accent-violet-primary: #26194d; --color-icon-accent-violet-secondary: #3c2e63; --color-icon-accent-violet-subtle: #8068c6; --color-icon-accent-violet-subtlest: #9587e8; --color-icon-accent-violet-tertiary: #5a4890; --color-icon-brand-minimal: #ffcd00; --color-icon-brand-primary: #423500; --color-icon-brand-secondary: #604d00; --color-icon-brand-subtle: #b69200; --color-icon-brand-subtlest: #e5b800; --color-icon-brand-tertiary: #846a01; --color-icon-danger-minimal: #ff9490; --color-icon-danger-primary: #450101; --color-icon-danger-secondary: #75001a; --color-icon-danger-subtle: #e1003a; --color-icon-danger-subtlest: #ff6165; --color-icon-danger-tertiary: #a80029; --color-icon-information-minimal: #55c3e9; --color-icon-information-primary: #00202b; --color-icon-information-secondary: #013c50; --color-icon-information-subtle: #057aa3; --color-icon-information-subtlest: #27a5d0; --color-icon-information-tertiary: #025a79; --color-icon-neutral-inverse: #ffffff; --color-icon-neutral-inverse-fixed: #ffffff; --color-icon-neutral-minimal: #bdbdbd; --color-icon-neutral-primary: #000000; --color-icon-neutral-primary-fixed: #000000; --color-icon-neutral-secondary: #212121; --color-icon-neutral-subtle: #585858; --color-icon-neutral-subtlest: #989898; --color-icon-neutral-tertiary: #444444; --color-icon-success-minimal: #bade94; --color-icon-success-primary: #142603; --color-icon-success-secondary: #2a4210; --color-icon-success-subtle: #5a8034; --color-icon-success-subtlest: #83ad57; --color-icon-success-tertiary: #40611f; --color-icon-warm-minimal: #a7a096; --color-icon-warm-primary: #1e1c1a; --color-icon-warm-secondary: #33302d; --color-icon-warm-subtle: #605b55; --color-icon-warm-tertiary: #4d4944; --color-icon-warning-minimal: #ff9f14; --color-icon-warning-primary: #382303; --color-icon-warning-secondary: #573607; --color-icon-warning-subtle: #a6670a; --color-icon-warning-subtlest: #db860a; --color-icon-warning-tertiary: #824f06; --color-logo-background-primary: #ffcd00; --color-logo-mark-primary: #000000; --color-logo-mark-primary-fixed: #000000; --color-neutral-10: #ffffff; --color-neutral-20: #f3f3f3; --color-neutral-30: #dedede; --color-neutral-40: #bdbdbd; --color-neutral-50: #989898; --color-neutral-60: #585858; --color-neutral-70: #444444; --color-neutral-80: #212121; --color-neutral-90: #000000; --color-orange-10: #ffebce; --color-orange-20: #ffd495; --color-orange-30: #ffbb59; --color-orange-40: #ff9f14; --color-orange-50: #db860a; --color-orange-60: #a6670a; --color-orange-70: #824f06; --color-orange-80: #573607; --color-orange-90: #382303; --color-overlay-default: rgba(0,0,0,.7); --color-overlay-strong: rgba(0,0,0,.5); --color-pink-10: #ffeaf5; --color-pink-20: #ffd5eb; --color-pink-30: #feb7dc; --color-pink-40: #f696c8; --color-pink-50: #d17ba8; --color-pink-60: #b06089; --color-pink-70: #803c5f; --color-pink-80: #5c2944; --color-pink-90: #3b142a; --color-red-10: #fbdedc; --color-red-20: #fcc7c3; --color-red-30: #fdb3ae; --color-red-40: #ff9490; --color-red-50: #ff6165; --color-red-60: #e1003a; --color-red-70: #a80029; --color-red-80: #75001a; --color-red-90: #450101; --color-red-orange-10: #ffded0; --color-red-orange-20: #ffc9b2; --color-red-orange-30: #ffb595; --color-red-orange-40: #ff9868; --color-red-orange-50: #e67b49; --color-red-orange-60: #c45927; --color-red-orange-70: #9f4217; --color-red-orange-80: #6d2605; --color-red-orange-90: #451701; --color-teal-10: #dbfaf6; --color-teal-20: #a5ece4; --color-teal-30: #6fdbcd; --color-teal-40: #00c7ae; --color-teal-50: #06a894; --color-teal-60: #0a7b6d; --color-teal-70: #00544a; --color-teal-80: #053731; --color-teal-90: #001b18; --color-text-accent-blue-minimal: #27a5d0; --color-text-accent-blue-primary: #00202b; --color-text-accent-blue-secondary: #013c50; --color-text-accent-blue-subtle: #057aa3; --color-text-accent-blue-tertiary: #025a79; --color-text-accent-green-minimal: #83ad57; --color-text-accent-green-primary: #142603; --color-text-accent-green-secondary: #2a4210; --color-text-accent-green-subtle: #5a8034; --color-text-accent-green-tertiary: #40611f; --color-text-accent-orange-minimal: #e67b49; --color-text-accent-orange-primary: #451701; --color-text-accent-orange-secondary: #6d2605; --color-text-accent-orange-subtle: #c45927; --color-text-accent-orange-tertiary: #9f4217; --color-text-accent-pink-minimal: #d17ba8; --color-text-accent-pink-primary: #3b142a; --color-text-accent-pink-secondary: #5c2944; --color-text-accent-pink-subtle: #b06089; --color-text-accent-pink-tertiary: #803c5f; --color-text-accent-teal-minimal: #06a894; --color-text-accent-teal-primary: #001b18; --color-text-accent-teal-secondary: #053731; --color-text-accent-teal-subtle: #0a7b6d; --color-text-accent-teal-tertiary: #00544a; --color-text-accent-violet-minimal: #9587e8; --color-text-accent-violet-primary: #26194d; --color-text-accent-violet-secondary: #3c2e63; --color-text-accent-violet-subtle: #8068c6; --color-text-accent-violet-tertiary: #5a4890; --color-text-brand-minimal: #e5b800; --color-text-brand-primary: #423500; --color-text-brand-secondary: #604d00; --color-text-brand-subtle: #b69200; --color-text-brand-tertiary: #846a01; --color-text-danger-minimal: #ff6165; --color-text-danger-primary: #450101; --color-text-danger-secondary: #75001a; --color-text-danger-subtle: #e1003a; --color-text-danger-tertiary: #a80029; --color-text-information-minimal: #27a5d0; --color-text-information-primary: #00202b; --color-text-information-secondary: #013c50; --color-text-information-subtle: #057aa3; --color-text-information-tertiary: #025a79; --color-text-neutral-inverse: #ffffff; --color-text-neutral-inverse-fixed: #ffffff; --color-text-neutral-minimal: #bdbdbd; --color-text-neutral-primary: #000000; --color-text-neutral-primary-fixed: #000000; --color-text-neutral-secondary: #212121; --color-text-neutral-subtle: #585858; --color-text-neutral-subtlest: #989898; --color-text-neutral-tertiary: #444444; --color-text-success-minimal: #83ad57; --color-text-success-primary: #142603; --color-text-success-secondary: #2a4210; --color-text-success-subtle: #5a8034; --color-text-success-tertiary: #40611f; --color-text-warm-minimal: #a7a096; --color-text-warm-primary: #1e1c1a; --color-text-warm-secondary: #33302d; --color-text-warm-subtle: #605b55; --color-text-warm-tertiary: #4d4944; --color-text-warning-minimal: #db860a; --color-text-warning-primary: #382303; --color-text-warning-secondary: #573607; --color-text-warning-subtle: #a6670a; --color-text-warning-tertiary: #824f06; --color-transparent-10: rgba(0,0,0,.03); --color-violet-10: #efefff; --color-violet-20: #e0e0ff; --color-violet-30: #c9c9ff; --color-violet-40: #acacff; --color-violet-50: #9587e8; --color-violet-60: #8068c6; --color-violet-70: #5a4890; --color-violet-80: #3c2e63; --color-violet-90: #26194d; --color-yellow-10: #fff8d9; --color-yellow-20: #fff1b2; --color-yellow-30: #ffe166; --color-yellow-40: #ffcd00; --color-yellow-50: #e5b800; --color-yellow-60: #b69200; --color-yellow-70: #846a01; --color-yellow-80: #604d00; --color-yellow-90: #423500; --drawer-body-color-background-default: #ffffff; --drawer-body-padding-block: 32px; --drawer-body-padding-inline: 32px; --drawer-border-radius: 8px; --drawer-border-width: 1px; --drawer-color-border-default: #f6f3ef; --drawer-color-border-hover: #eae4de; --drawer-color-icon-default: #000000; --drawer-color-text-description: #212121; --drawer-color-text-title: #000000; --drawer-size-width-lg: 900px; --drawer-size-width-md: 708px; --drawer-size-width-sm: 516px; --dropdown-menu-border-radius: 8px; --dropdown-menu-border-width: 1px; --dropdown-menu-color-background-default: #ffffff; --dropdown-menu-color-border-default: #f6f3ef; --dropdown-menu-color-border-hover: #eae4de; --dropdown-menu-divider-padding-block-lg: 8px; --dropdown-menu-divider-padding-block-md: 4px; --dropdown-menu-gap-content: 8px; --dropdown-menu-item-border-radius: 8px; --dropdown-menu-item-color-background-default: #ffffff; --dropdown-menu-item-color-background-disabled: #fbf9f7; --dropdown-menu-item-color-background-hover: #fff8d9; --dropdown-menu-item-color-icon-default: #000000; --dropdown-menu-item-color-icon-disabled: #605b55; --dropdown-menu-item-color-icon-hover: #423500; --dropdown-menu-item-color-text-content-default: #000000; --dropdown-menu-item-color-text-content-disabled: #605b55; --dropdown-menu-item-color-text-content-hover: #423500; --dropdown-menu-item-color-text-description-default: #444444; --dropdown-menu-item-color-text-description-disabled: #605b55; --dropdown-menu-item-color-text-description-hover: #604d00; --dropdown-menu-item-gap-content: 8px; --dropdown-menu-item-padding-block-lg: 12px; --dropdown-menu-item-padding-block-md: 8px; --dropdown-menu-item-padding-inline-lg: 16px; --dropdown-menu-item-padding-inline-md: 12px; --dropdown-menu-padding-block-lg: 8px; --dropdown-menu-padding-block-md: 8px; --dropdown-menu-padding-inline-lg: 8px; --dropdown-menu-padding-inline-md: 8px; --dropdown-menu-size-icon: 16px; --elevation-10: 0 1px 2px 0 rgba(0,0,0,.04); --elevation-20: 0 4px 6px 0 rgba(0,0,0,.04); --elevation-30: 0 4px 6px 0 rgba(0,0,0,.08); --elevation-40: 0 6px 8px 0 rgba(0,0,0,.12); --elevation-50: 0 12px 16px 0 rgba(0,0,0,.12); --elevation-60: 0 12px 32px 0 rgba(0,0,0,.16); --field-gap-assistive: 4px; --field-gap-label: 8px; --file-drop-border-radius: 8px; --file-drop-border-width-default: 1px; --file-drop-gap-content: 16px; --file-drop-padding-block: 32px; --file-drop-padding-inline: 32px; --floating-action-bar-border-radius: 8px; --floating-action-bar-border-width: 1px; --floating-action-bar-color-background: #ffffff; --floating-action-bar-color-border: #f3f3f3; --floating-action-bar-gap-actions: 8px; --floating-action-bar-gap-items: 12px; --floating-action-bar-gap-pagination: 12px; --floating-action-bar-padding-block: 12px; --floating-action-bar-padding-inline: 16px; --floating-action-bar-size-max-height: 57px; --font-family-body: "Work Sans",sans-serif; --font-family-title: "welcome-font",sans-serif; --font-letter-spacing-none: 0; --font-letter-spacing-xs: -2%; --font-line-height-lg: 150%; --font-line-height-md: 140%; --font-line-height-sm: 130%; --font-line-height-xs: 120%; --font-size-12: .75rem; --text-12: .75rem; --font-size-128: 8rem; --text-128: 8rem; --font-size-14: .875rem; --text-14: .875rem; --font-size-16: 1rem; --text-16: 1rem; --font-size-18: 1.125rem; --text-18: 1.125rem; --font-size-20: 1.25rem; --text-20: 1.25rem; --font-size-24: 1.5rem; --text-24: 1.5rem; --font-size-2xl: 1.5rem; --font-size-xxl: 1.5rem; --text-2xl: 1.5rem; --font-size-32: 2rem; --text-32: 2rem; --font-size-36: 2.25rem; --text-36: 2.25rem; --font-size-3xl: 2rem; --text-3xl: 2rem; --font-size-48: 3rem; --text-48: 3rem; --font-size-4xl: 2.25rem; --text-4xl: 2.25rem; --font-size-5xl: 3rem; --text-5xl: 3rem; --font-size-60: 3.75rem; --text-60: 3.75rem; --font-size-6xl: 3.75rem; --text-6xl: 3.75rem; --font-size-72: 4.5rem; --text-72: 4.5rem; --font-size-7xl: 4.5rem; --text-7xl: 4.5rem; --font-size-lg: 1.125rem; --text-lg: 1.125rem; --font-size-md: 1rem; --text-md: 1rem; --font-size-sm: .875rem; --text-sm: .875rem; --font-size-xl: 1.25rem; --text-xl: 1.25rem; --font-size-xs: .75rem; --text-xs: .75rem; --font-weight-black: 900; --font-weight-bold: 700; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-semi-bold: 600; --growl-border-radius: 12px; --growl-border-width: 1px; --growl-color-background-default: #ffffff; --growl-color-border-default: #eae4de; --growl-color-border-hover: #d2cbc3; --growl-color-icon-default: #bdbdbd; --growl-color-icon-hover: #000000; --growl-color-text-body: #212121; --growl-color-text-title: #000000; --growl-gap-content: 16px; --growl-icon-border-radius: 16px; --growl-icon-color-background-error: #fbdedc; --growl-icon-color-background-information: #e0f5ff; --growl-icon-color-background-success: #e7fbd3; --growl-icon-color-background-warning: #ffebce; --growl-icon-color-icon-error: #a80029; --growl-icon-color-icon-information: #025a79; --growl-icon-color-icon-success: #40611f; --growl-icon-color-icon-warning: #824f06; --growl-icon-padding-block: 8px; --growl-icon-padding-inline: 8px; --growl-icon-size-icon: 24px; --growl-padding-block: 16px; --growl-padding-inline: 16px; --growl-size-icon: 24px; --height-16: 1rem; --height-2: .125rem; --height-20: 1.25rem; --height-24: 1.5rem; --height-25: 1.5625rem; --height-32: 2rem; --height-33: 2.0625rem; --height-40: 2.5rem; --height-43: 2.6875rem; --height-57: 3.5625rem; --height-8: .5rem; --hint-color-text-default: #585858; --hint-color-text-error: #a80029; --hint-color-text-success: #40611f; --hint-color-text-warning: #824f06; --input-border-radius: 8px; --input-border-width-default: 1px; --input-border-width-focused: 2px; --input-color-background-default: #ffffff; --input-color-background-disabled: #eae4de; --input-color-background-transparent: rgba(255,255,255,0); --input-color-border-active: #ffcd00; --input-color-border-default: #f3f3f3; --input-color-border-disabled: #d2cbc3; --input-color-border-error: #e1003a; --input-color-border-focused: #ffe166; --input-color-border-hover: #dedede; --input-color-border-hover-transparent: rgba(0,0,0,.13); --input-color-border-success: #5a8034; --input-color-border-warning: #a6670a; --input-color-icon-default: #000000; --input-color-icon-disabled: #a7a096; --input-color-icon-placeholder: #000000; --input-color-text-default: #000000; --input-color-text-disabled: #605b55; --input-color-text-placeholder: #989898; --input-gap-content: 8px; --input-max-height-lg: 43px; --input-max-height-md: 33px; --input-max-height-sm: 25px; --input-padding-block-lg: 12px; --input-padding-block-md: 8px; --input-padding-block-sm: 4px; --input-padding-inline-lg: 12px; --input-padding-inline-md: 12px; --input-padding-inline-sm: 8px; --input-password-color-background-default: #f3f3f3; --input-password-color-background-good: #83ad57; --input-password-color-background-strong: #83ad57; --input-password-color-background-too-weak: #a80029; --input-password-color-background-weak: #a6670a; --input-size-icon-root: 16px; --input-size-icon-select: 24px; --input-size-image: 16px; --inset-10: 0 0 6px 0 rgba(0,0,0,.08); --inset-20: 0 0 8px 0 rgba(0,0,0,.16); --inset-5: 0 0 4px 0 rgba(0,0,0,.08); --label-color-icon-default: #444444; --label-color-icon-error: #e1003a; --label-color-icon-required: #e5b800; --label-color-icon-success: #5a8034; --label-color-icon-warning: #a6670a; --label-color-text-default: #585858; --label-gap-content: 4px; --label-size-leading: 16px; --label-size-required: 12px; --latency-color-background-bar: rgba(0,0,0,.05); --latency-color-background-progress: #ffcd00; --link-color-background-primary-hover: #ffcd00; --link-color-background-primary-visited-default: #fff8d9; --link-color-background-primary-visited-hover: #ffcd00; --link-color-background-secondary-hover: #000000; --link-color-background-secondary-visited-default: #dedede; --link-color-background-secondary-visited-hover: #000000; --link-color-icon-primary-default: #000000; --link-color-icon-primary-disabled: #a7a096; --link-color-icon-primary-hover: #000000; --link-color-icon-primary-visited-default: #604d00; --link-color-icon-primary-visited-hover: #000000; --link-color-icon-secondary-default: #000000; --link-color-icon-secondary-disabled: #989898; --link-color-icon-secondary-hover: #ffffff; --link-color-icon-secondary-visited-default: #444444; --link-color-icon-secondary-visited-hover: #ffffff; --link-color-text-primary-default: #000000; --link-color-text-primary-disabled: #605b55; --link-color-text-primary-hover: #000000; --link-color-text-primary-visited-default: #604d00; --link-color-text-primary-visited-hover: #000000; --link-color-text-secondary-default: #000000; --link-color-text-secondary-disabled: #585858; --link-color-text-secondary-hover: #ffffff; --link-color-text-secondary-visited-default: #444444; --link-color-text-secondary-visited-hover: #ffffff; --link-color-underline-primary-default: #ffcd00; --link-color-underline-primary-disabled: #eae4de; --link-color-underline-primary-visited-default: #ffcd00; --link-color-underline-primary-visited-hover: #ffcd00; --link-color-underline-secondary-default: #000000; --link-color-underline-secondary-disabled: #dedede; --link-color-underline-secondary-visited-default: #000000; --link-color-underline-secondary-visited-hover: #000000; --link-gap-content: 0; --link-gap-underline: -2px; --link-padding-inline-icon: 2px; --link-padding-inline-text: 2px; --link-size-icon-lg: 16px; --link-size-icon-md: 16px; --link-size-icon-sm: 16px; --link-size-icon-xs: 12px; --link-underline-size-height: 2px; --modal-border-radius: 12px; --modal-border-width: 1px; --modal-color-background-default: #ffffff; --modal-color-border-default: #eae4de; --modal-color-border-hover: #d2cbc3; --modal-color-icon-default: #000000; --modal-color-text-body: #212121; --modal-color-text-title: #000000; --modal-gap-content: 12px; --modal-padding-block: 24px; --modal-padding-inline: 24px; --modal-size-width-lg: 800px; --modal-size-width-md: 600px; --modal-size-width-sm: 450px; --number: 8px; --pagination-border-radius: 8px; --pagination-border-width-checked: 2px; --pagination-border-width-unchecked: 1px; --pagination-color-background-checked-default: #ffe166; --pagination-color-background-checked-disabled: rgba(0,0,0,.13); --pagination-color-background-checked-hover: #ffe166; --pagination-color-background-checked-pressed: #ffcd00; --pagination-color-background-unchecked-default: #ffffff; --pagination-color-background-unchecked-disabled: rgba(0,0,0,.13); --pagination-color-background-unchecked-hover: #ffffff; --pagination-color-background-unchecked-pressed: rgba(0,0,0,.05); --pagination-color-border-checked-default: #ffcd00; --pagination-color-border-checked-hover: #e5b800; --pagination-color-border-checked-pressed: #e5b800; --pagination-color-border-unchecked-default: #f6f3ef; --pagination-color-border-unchecked-hover: #eae4de; --pagination-color-border-unchecked-pressed: rgba(0,0,0,.03); --pagination-color-icon-checked-default: #000000; --pagination-color-icon-checked-disabled: #585858; --pagination-color-icon-checked-hover: #423500; --pagination-color-icon-checked-pressed: #604d00; --pagination-color-icon-unchecked-default: #000000; --pagination-color-icon-unchecked-disabled: #585858; --pagination-color-icon-unchecked-hover: #212121; --pagination-color-icon-unchecked-pressed: #000000; --pagination-color-text-checked-default: #000000; --pagination-color-text-checked-disabled: #585858; --pagination-color-text-checked-hover: #423500; --pagination-color-text-checked-pressed: #604d00; --pagination-color-text-condensed-default: #000000; --pagination-color-text-unchecked-default: #000000; --pagination-color-text-unchecked-disabled: #585858; --pagination-color-text-unchecked-hover: #212121; --pagination-color-text-unchecked-pressed: #000000; --pagination-end-padding-inline-leading-lg: 16px; --pagination-end-padding-inline-leading-md: 12px; --pagination-end-padding-inline-trailing-lg: 8px; --pagination-end-padding-inline-trailing-md: 4px; --pagination-gap-content: 4px; --pagination-gap-pages: 8px; --pagination-padding-block-lg: 8px; --pagination-padding-block-md: 4px; --pagination-padding-inline-lg: 12px; --pagination-padding-inline-md: 12px; --pagination-size-icon: 24px; --pagination-size-max-height-lg: 40px; --pagination-size-max-height-md: 32px; --pagination-size-max-width-lg: 40px; --pagination-size-max-width-md: 32px; --pagination-size-min-height-lg: 40px; --pagination-size-min-height-md: 32px; --pagination-size-min-width-lg: 40px; --pagination-size-min-width-md: 32px; --pagination-start-padding-inline-leading-lg: 8px; --pagination-start-padding-inline-leading-md: 4px; --pagination-start-padding-inline-trailing-lg: 16px; --pagination-start-padding-inline-trailing-md: 12px; --pattern-grid-color-background-default: rgba(0,0,0,0); --pattern-grid-color-stroke-default: rgba(0,0,0,.03); --pattern-grid-size: 16px; --pattern-grid-stroke: 1px; --progress-bar-color-text-label: #444444; --progress-bar-color-text-value: #000000; --progress-bar-loading-color-background-bar: #fff1b2; --progress-bar-loading-color-background-progress: #e5b800; --progressbar-gap: 48px; --progressbar1-color-background-bar: #fff1b2; --progressbar1-color-background-progression: #e5b800; --radio-border-radius: 9999px; --radio-border-width-checked: 2px; --radio-border-width-focused: 2px; --radio-border-width-unchecked: 1px; --radio-color-background-checked-default: #ffffff; --radio-color-background-checked-disabled: #eae4de; --radio-color-background-unchecked-default: #ffffff; --radio-color-background-unchecked-disabled: #eae4de; --radio-color-border-checked-default: #ffcd00; --radio-color-border-checked-disabled: #d2cbc3; --radio-color-border-checked-hover: #ffe166; --radio-color-border-focused: #ffe166; --radio-color-border-unchecked-default: #dedede; --radio-color-border-unchecked-disabled: #d2cbc3; --radio-color-border-unchecked-hover: #bdbdbd; --radio-indicator-border-radius: 9999px; --radio-indicator-color-background-default: #ffcd00; --radio-indicator-color-background-disabled: #d2cbc3; --radio-indicator-color-background-hover: #ffe166; --radio-indicator-size: 8px; --radio-size: 16px; --size-12: .75rem; --size-16: 1rem; --size-20: 1.25rem; --size-24: 1.5rem; --size-32: 2rem; --size-48: 3rem; --size-64: 4rem; --size-8: .5rem; --size-80: 5rem; --size-icon-2xl: 3rem; --size-icon-xxl: 3rem; --size-icon-3xl: 4rem; --size-icon-lg: 1.5rem; --size-icon-md: 1rem; --size-icon-sm: .75rem; --size-icon-xl: 2rem; --size-icon-xs: .5rem; --slider-border-radius-bar: 9999px; --slider-border-radius-thumb: 9999px; --slider-border-width-bar: 1px; --slider-border-width-thumb: 2px; --slider-color-background-fill-default: #f6f3ef; --slider-color-selection-fill-default: #ffe166; --slider-color-selection-fill-disabled: #eae4de; --slider-color-thumb-border-default: #ffcd00; --slider-color-thumb-border-disabled: #d2cbc3; --slider-color-thumb-fill-default: #ffe166; --slider-color-thumb-fill-disabled: #eae4de; --slider-color-thumb-fill-hover: #fff1b2; --slider-color-thumb-fill-pressed: #ffcd00; --spacing-12: .75rem; --spacing-16: 1rem; --spacing-192: 12rem; --spacing-2: .125rem; --spacing-24: 1.5rem; --spacing-2xl: 2rem; --spacing-xxl: 2rem; --spacing-2xs: .125rem; --spacing-xxs: .125rem; --spacing-32: 2rem; --spacing-3xl: 3rem; --spacing-4: .25rem; --spacing-48: 3rem; --spacing-4xl: 4rem; --spacing-5xl: 6rem; --spacing-64: 4rem; --spacing-6xl: 8rem; --spacing-7xl: 12rem; --spacing-8: .5rem; --spacing-96: 6rem; --spacing-lg: 1rem; --spacing-md: .75rem; --spacing-sm: .5rem; --spacing-xl: 1.5rem; --spacing-xs: .25rem; --stamp-border-radius-lg: 8px; --stamp-border-radius-md: 8px; --stamp-border-radius-sm: 4px; --stamp-border-width: 2px; --stamp-color-background-blue: #9bdef7; --stamp-color-background-brand: #ffe166; --stamp-color-background-green: #cfebb0; --stamp-color-background-orange: #ffb595; --stamp-color-background-red: #fdb3ae; --stamp-color-background-teal: #6fdbcd; --stamp-color-background-violet: #c9c9ff; --stamp-color-background-warm: #f6f3ef; --stamp-color-border-default: #ffffff; --stamp-color-icon-blue: #00202b; --stamp-color-icon-brand: #423500; --stamp-color-icon-green: #142603; --stamp-color-icon-orange: #451701; --stamp-color-icon-red: #450101; --stamp-color-icon-teal: #001b18; --stamp-color-icon-violet: #26194d; --stamp-color-icon-warm: #1e1c1a; --stamp-size-icon-lg: 24px; --stamp-size-icon-md: 16px; --stamp-size-icon-sm: 12px; --stamp-size-icon-xl: 48px; --stamp-size-lg: 48px; --stamp-size-md: 32px; --stamp-size-sm: 24px; --stamp-size-xl: 80px; --stepper-border-radius: 8px; --stepper-border-width-default: 1px; --stepper-color-background: #ffffff; --stepper-color-border-default: #eae4de; --stepper-color-border-hover: #d2cbc3; --stepper-color-icon-default: #444444; --stepper-gap-content: 8px; --stepper-padding-block: 8px; --stepper-padding-inline: 12px; --stepper-size-icon: 24px; --stepper-step-border-radius: 8px; --stepper-step-border-width-active: 2px; --stepper-step-color-background-checked-default: #ffe166; --stepper-step-color-background-checked-hover: #fff1b2; --stepper-step-color-background-unchecked-default: #ffffff; --stepper-step-color-background-unchecked-hover: #fff8d9; --stepper-step-color-border-checked-default: #ffcd00; --stepper-step-color-border-checked-hover: #ffe166; --stepper-step-color-icon-checked-default: #423500; --stepper-step-color-icon-checked-hover: #604d00; --stepper-step-color-icon-success: #40611f; --stepper-step-color-icon-unchecked-default: #444444; --stepper-step-color-icon-unchecked-hover: #000000; --stepper-step-color-text-checked-default: #423500; --stepper-step-color-text-checked-hover: #604d00; --stepper-step-color-text-unchecked-default: #585858; --stepper-step-color-text-unchecked-hover: #000000; --stepper-step-gap-content: 8px; --stepper-step-padding-block: 8px; --stepper-step-padding-inline: 12px; --stepper-step-size-icon: 16px; --sticky-note-border-radius: 2px; --sticky-note-border-width: 1px; --sticky-note-color-background-blue: #e0f5ff; --sticky-note-color-background-brand: #fff8d9; --sticky-note-color-background-green: #e7fbd3; --sticky-note-color-background-orange: #ffded0; --sticky-note-color-background-pink: #ffeaf5; --sticky-note-color-background-teal: #dbfaf6; --sticky-note-color-background-violet: #efefff; --sticky-note-color-border-default: rgba(0,0,0,.03); --sticky-note-color-text-body-blue: #00202b; --sticky-note-color-text-body-brand: #423500; --sticky-note-color-text-body-green: #142603; --sticky-note-color-text-body-orange: #451701; --sticky-note-color-text-body-pink: #3b142a; --sticky-note-color-text-body-teal: #001b18; --sticky-note-color-text-body-violet: #26194d; --sticky-note-color-text-title: #000000; --sticky-note-gap-content: 8px; --sticky-note-icon-border-radius: 8px; --sticky-note-icon-color-background-blue: #55c3e9; --sticky-note-icon-color-background-brand: #ffcd00; --sticky-note-icon-color-background-green: #bade94; --sticky-note-icon-color-background-orange: #ff9868; --sticky-note-icon-color-background-pink: #f696c8; --sticky-note-icon-color-background-teal: #00c7ae; --sticky-note-icon-color-background-violet: #acacff; --sticky-note-icon-color-icon-blue: #00202b; --sticky-note-icon-color-icon-brand: #423500; --sticky-note-icon-color-icon-green: #142603; --sticky-note-icon-color-icon-orange: #451701; --sticky-note-icon-color-icon-pink: #3b142a; --sticky-note-icon-color-icon-teal: #001b18; --sticky-note-icon-color-icon-violet: #26194d; --sticky-note-icon-padding-block: 4px; --sticky-note-icon-padding-inline: 4px; --sticky-note-icon-size-icon: 16px; --sticky-note-size-height-rectangle: 250px; --sticky-note-size-height-square: 250px; --sticky-note-size-icon: 24px; --sticky-note-size-width-rectangle: 350px; --sticky-note-size-width-square: 250px; --stroke-xs: 1px; --swiper-border-radius: 8px; --swiper-border-width: 1px; --swiper-color-background-default: #ffffff; --swiper-color-background-disabled: #f3f3f3; --swiper-color-background-focused: #f3f3f3; --swiper-color-background-hover: #ffffff; --swiper-color-background-pressed: #ffffff; --swiper-color-border-default: #dedede; --swiper-color-border-focused: #dedede; --swiper-color-border-hover: #bdbdbd; --swiper-color-border-pressed: #dedede; --swiper-color-border-pressed-outside: #ffe166; --swiper-color-icon-default: #000000; --swiper-color-icon-disabled: #989898; --swiper-gap-content: 8px; --swiper-padding-block-md: 12px; --swiper-padding-inline-lg: 16px; --swiper-size-icon: 16px; --swiper-size-max-height: 43px; --swiper-size-max-width: 43px; --swiper-size-min-height: 43px; --tab-border-radius: 8px; --tab-border-width-checked: 2px; --tab-border-width-unchecked: 1px; --tab-color-background-checked-default: #ffe166; --tab-color-background-checked-hover: #ffe166; --tab-color-background-checked-pressed: #ffcd00; --tab-color-background-unchecked-default: #ffffff; --tab-color-background-unchecked-hover: #ffffff; --tab-color-background-unchecked-pressed: #f3f3f3; --tab-color-border-checked-default: #ffcd00; --tab-color-border-checked-hover: #e5b800; --tab-color-border-checked-pressed: #e5b800; --tab-color-border-unchecked-default: #f6f3ef; --tab-color-border-unchecked-hover: #eae4de; --tab-color-border-unchecked-pressed: #eae4de; --tab-color-text-checked-default: #000000; --tab-color-text-checked-hover: #423500; --tab-color-text-checked-pressed: #423500; --tab-color-text-unchecked-default: #000000; --tab-color-text-unchecked-hover: #212121; --tab-color-text-unchecked-pressed: #000000; --tab-gap-content-lg: 8px; --tab-gap-content-md: 4px; --tab-gap-tabs-lg: 8px; --tab-gap-tabs-md: 4px; --tab-padding-block-lg: 12px; --tab-padding-block-md: 8px; --tab-padding-inline-lg: 16px; --tab-padding-inline-md: 12px; --tab-size-icon-lg: 24px; --tab-size-icon-md: 16px; --tab-size-max-height-lg: 40px; --tab-size-max-height-md: 32px; --table-cell-border-width: .5px; --table-cell-color-background-checked: #fff1b2; --table-cell-color-background-default: #ffffff; --table-cell-color-background-hover: #fff8d9; --table-cell-color-border-checked: #e5b800; --table-cell-color-border-default: #dedede; --table-cell-color-text-checked: #423500; --table-cell-color-text-default: #444444; --table-cell-gap: 8px; --table-cell-padding: 16px; --table-cell-size-checkbox: 48px; --table-header-border-width: .5px; --table-header-color-background-neutral: #ffffff; --table-header-color-background-warm: #f6f3ef; --table-header-color-border: #dedede; --table-header-color-icon-active: #000000; --table-header-color-icon-inactive: #585858; --table-header-color-text: #000000; --table-header-gap: 8px; --table-header-padding: 16px; --table-header-size-checkbox: 48px; --table-header-size-icon: 16px; --tabs-color-backgound: #ffffff; --tabs-color-border: #f6f3ef; --tag-border-radius: 8px; --tag-border-width-ai: 1px; --tag-border-width-default: 2px; --tag-color-background-blue-ai-default: #bbeaff; --tag-color-background-blue-ai-disabled: #e0f5ff; --tag-color-background-blue-ai-hover: #9bdef7; --tag-color-background-blue-dark-default: #55c3e9; --tag-color-background-blue-dark-disabled: #bbeaff; --tag-color-background-blue-dark-hover: #27a5d0; --tag-color-background-blue-default: #9bdef7; --tag-color-background-blue-disabled: #e0f5ff; --tag-color-background-blue-hover: #55c3e9; --tag-color-background-blue-light-default: #bbeaff; --tag-color-background-blue-light-disabled: #e0f5ff; --tag-color-background-blue-light-hover: #9bdef7; --tag-color-background-brand-ai-default: #fff1b2; --tag-color-background-brand-ai-disabled: #fff8d9; --tag-color-background-brand-ai-hover: #ffe166; --tag-color-background-brand-dark-default: #ffcd00; --tag-color-background-brand-dark-disabled: #fff1b2; --tag-color-background-brand-dark-hover: #e5b800; --tag-color-background-brand-default: #ffe166; --tag-color-background-brand-disabled: #fff8d9; --tag-color-background-brand-hover: #ffcd00; --tag-color-background-brand-light-default: #fff1b2; --tag-color-background-brand-light-disabled: #fff8d9; --tag-color-background-brand-light-hover: #ffe166; --tag-color-background-dash-default: #ffffff; --tag-color-background-dash-disabled: #f3f3f3; --tag-color-background-dash-hover: #ffffff; --tag-color-background-green-ai-default: #e7fbd3; --tag-color-background-green-ai-disabled: #e7fbd3; --tag-color-background-green-ai-hover: #cfebb0; --tag-color-background-green-dark-default: #bade94; --tag-color-background-green-dark-disabled: #e7fbd3; --tag-color-background-green-dark-hover: #9fc873; --tag-color-background-green-default: #cfebb0; --tag-color-background-green-disabled: #e7fbd3; --tag-color-background-green-hover: #bade94; --tag-color-background-green-light-default: #e7fbd3; --tag-color-background-green-light-disabled: #e7fbd3; --tag-color-background-green-light-hover: #cfebb0; --tag-color-background-orange-ai-default: #ffc9b2; --tag-color-background-orange-ai-disabled: #ffded0; --tag-color-background-orange-ai-hover: #ffb595; --tag-color-background-orange-dark-default: #ff9868; --tag-color-background-orange-dark-disabled: #ffc9b2; --tag-color-background-orange-dark-hover: #e67b49; --tag-color-background-orange-default: #ffb595; --tag-color-background-orange-disabled: #ffded0; --tag-color-background-orange-hover: #ff9868; --tag-color-background-orange-light-default: #ffc9b2; --tag-color-background-orange-light-disabled: #ffded0; --tag-color-background-orange-light-hover: #ffb595; --tag-color-background-pink-ai-default: #ffd5eb; --tag-color-background-pink-ai-disabled: #ffeaf5; --tag-color-background-pink-ai-hover: #feb7dc; --tag-color-background-pink-dark-default: #f696c8; --tag-color-background-pink-dark-disabled: #ffd5eb; --tag-color-background-pink-dark-hover: #d17ba8; --tag-color-background-pink-default: #feb7dc; --tag-color-background-pink-disabled: #ffeaf5; --tag-color-background-pink-hover: #f696c8; --tag-color-background-pink-light-default: #ffd5eb; --tag-color-background-pink-light-disabled: #ffeaf5; --tag-color-background-pink-light-hover: #feb7dc; --tag-color-background-red-ai-default: #fcc7c3; --tag-color-background-red-ai-disabled: #fbdedc; --tag-color-background-red-ai-hover: #fdb3ae; --tag-color-background-red-dark-default: #ff9490; --tag-color-background-red-dark-disabled: #fcc7c3; --tag-color-background-red-dark-hover: #ff6165; --tag-color-background-red-default: #fdb3ae; --tag-color-background-red-disabled: #fbdedc; --tag-color-background-red-hover: #ff9490; --tag-color-background-red-light-default: #fbdedc; --tag-color-background-red-light-disabled: #fbdedc; --tag-color-background-red-light-hover: #fcc7c3; --tag-color-background-teal-ai-default: #a5ece4; --tag-color-background-teal-ai-disabled: #dbfaf6; --tag-color-background-teal-ai-hover: #6fdbcd; --tag-color-background-teal-dark-default: #00c7ae; --tag-color-background-teal-dark-disabled: #a5ece4; --tag-color-background-teal-dark-hover: #06a894; --tag-color-background-teal-default: #6fdbcd; --tag-color-background-teal-disabled: #dbfaf6; --tag-color-background-teal-hover: #00c7ae; --tag-color-background-teal-light-default: #a5ece4; --tag-color-background-teal-light-disabled: #dbfaf6; --tag-color-background-teal-light-hover: #6fdbcd; --tag-color-background-violet-ai-default: #e0e0ff; --tag-color-background-violet-ai-disabled: #efefff; --tag-color-background-violet-ai-hover: #c9c9ff; --tag-color-background-violet-dark-default: #acacff; --tag-color-background-violet-dark-disabled: #e0e0ff; --tag-color-background-violet-dark-hover: #9587e8; --tag-color-background-violet-default: #c9c9ff; --tag-color-background-violet-disabled: #efefff; --tag-color-background-violet-hover: #acacff; --tag-color-background-violet-light-default: #e0e0ff; --tag-color-background-violet-light-disabled: #efefff; --tag-color-background-violet-light-hover: #c9c9ff; --tag-color-background-warm-ai-default: #fbf9f7; --tag-color-background-warm-ai-disabled: #f6f3ef; --tag-color-background-warm-ai-hover: #f6f3ef; --tag-color-background-warm-dark-default: #eae4de; --tag-color-background-warm-dark-disabled: #fbf9f7; --tag-color-background-warm-dark-hover: #d2cbc3; --tag-color-background-warm-default: #f6f3ef; --tag-color-background-warm-disabled: #f6f3ef; --tag-color-background-warm-hover: #eae4de; --tag-color-background-warm-light-default: #fbf9f7; --tag-color-background-warm-light-disabled: #f6f3ef; --tag-color-background-warm-light-hover: #f6f3ef; --tag-color-border-dash-default: #dedede; --tag-color-border-dash-disabled: #dedede; --tag-color-border-dash-hover: #bdbdbd; --tag-color-border-default: #ffffff; --tag-color-icon-blue-ai-default: #057aa3; --tag-color-icon-blue-ai-disabled: #057aa3; --tag-color-icon-blue-ai-hover: #025a79; --tag-color-icon-blue-dark-default: #00202b; --tag-color-icon-blue-dark-disabled: #057aa3; --tag-color-icon-blue-dark-hover: #00202b; --tag-color-icon-blue-default: #00202b; --tag-color-icon-blue-disabled: #057aa3; --tag-color-icon-blue-hover: #00202b; --tag-color-icon-blue-light-default: #057aa3; --tag-color-icon-blue-light-disabled: #057aa3; --tag-color-icon-blue-light-hover: #025a79; --tag-color-icon-brand-ai-default: #b69200; --tag-color-icon-brand-ai-disabled: #b69200; --tag-color-icon-brand-ai-hover: #846a01; --tag-color-icon-brand-dark-default: #423500; --tag-color-icon-brand-dark-disabled: #846a01; --tag-color-icon-brand-dark-hover: #423500; --tag-color-icon-brand-default: #423500; --tag-color-icon-brand-disabled: #846a01; --tag-color-icon-brand-hover: #423500; --tag-color-icon-brand-light-default: #b69200; --tag-color-icon-brand-light-disabled: #b69200; --tag-color-icon-brand-light-hover: #846a01; --tag-color-icon-dash-default: #000000; --tag-color-icon-dash-disabled: #585858; --tag-color-icon-dash-hover: #000000; --tag-color-icon-green-ai-default: #5a8034; --tag-color-icon-green-ai-disabled: #5a8034; --tag-color-icon-green-ai-hover: #40611f; --tag-color-icon-green-dark-default: #142603; --tag-color-icon-green-dark-disabled: #5a8034; --tag-color-icon-green-dark-hover: #142603; --tag-color-icon-green-default: #142603; --tag-color-icon-green-disabled: #5a8034; --tag-color-icon-green-hover: #142603; --tag-color-icon-green-light-default: #5a8034; --tag-color-icon-green-light-disabled: #5a8034; --tag-color-icon-green-light-hover: #40611f; --tag-color-icon-orange-ai-default: #c45927; --tag-color-icon-orange-ai-disabled: #c45927; --tag-color-icon-orange-ai-hover: #9f4217; --tag-color-icon-orange-dark-default: #451701; --tag-color-icon-orange-dark-disabled: #c45927; --tag-color-icon-orange-dark-hover: #451701; --tag-color-icon-orange-default: #451701; --tag-color-icon-orange-disabled: #c45927; --tag-color-icon-orange-hover: #451701; --tag-color-icon-orange-light-default: #c45927; --tag-color-icon-orange-light-disabled: #c45927; --tag-color-icon-orange-light-hover: #9f4217; --tag-color-icon-pink-ai-default: #b06089; --tag-color-icon-pink-ai-disabled: #b06089; --tag-color-icon-pink-ai-hover: #803c5f; --tag-color-icon-pink-dark-default: #3b142a; --tag-color-icon-pink-dark-disabled: #b06089; --tag-color-icon-pink-dark-hover: #3b142a; --tag-color-icon-pink-default: #3b142a; --tag-color-icon-pink-disabled: #b06089; --tag-color-icon-pink-hover: #3b142a; --tag-color-icon-pink-light-default: #b06089; --tag-color-icon-pink-light-disabled: #b06089; --tag-color-icon-pink-light-hover: #803c5f; --tag-color-icon-red-ai-default: #a80029; --tag-color-icon-red-ai-disabled: #a80029; --tag-color-icon-red-ai-hover: #75001a; --tag-color-icon-red-dark-default: #450101; --tag-color-icon-red-dark-disabled: #a80029; --tag-color-icon-red-dark-hover: #450101; --tag-color-icon-red-default: #450101; --tag-color-icon-red-disabled: #a80029; --tag-color-icon-red-hover: #450101; --tag-color-icon-red-light-default: #a80029; --tag-color-icon-red-light-disabled: #a80029; --tag-color-icon-red-light-hover: #75001a; --tag-color-icon-teal-ai-default: #0a7b6d; --tag-color-icon-teal-ai-disabled: #0a7b6d; --tag-color-icon-teal-ai-hover: #00544a; --tag-color-icon-teal-dark-default: #001b18; --tag-color-icon-teal-dark-disabled: #0a7b6d; --tag-color-icon-teal-dark-hover: #001b18; --tag-color-icon-teal-default: #001b18; --tag-color-icon-teal-disabled: #0a7b6d; --tag-color-icon-teal-hover: #001b18; --tag-color-icon-teal-light-default: #0a7b6d; --tag-color-icon-teal-light-disabled: #0a7b6d; --tag-color-icon-teal-light-hover: #00544a; --tag-color-icon-violet-ai-default: #8068c6; --tag-color-icon-violet-ai-disabled: #8068c6; --tag-color-icon-violet-ai-hover: #5a4890; --tag-color-icon-violet-dark-default: #26194d; --tag-color-icon-violet-dark-disabled: #8068c6; --tag-color-icon-violet-dark-hover: #26194d; --tag-color-icon-violet-default: #26194d; --tag-color-icon-violet-disabled: #8068c6; --tag-color-icon-violet-hover: #26194d; --tag-color-icon-violet-light-default: #8068c6; --tag-color-icon-violet-light-disabled: #8068c6; --tag-color-icon-violet-light-hover: #5a4890; --tag-color-icon-warm-ai-default: #a7a096; --tag-color-icon-warm-ai-disabled: #605b55; --tag-color-icon-warm-ai-hover: #605b55; --tag-color-icon-warm-dark-default: #1e1c1a; --tag-color-icon-warm-dark-disabled: #605b55; --tag-color-icon-warm-dark-hover: #1e1c1a; --tag-color-icon-warm-default: #1e1c1a; --tag-color-icon-warm-disabled: #605b55; --tag-color-icon-warm-hover: #1e1c1a; --tag-color-icon-warm-light-default: #a7a096; --tag-color-icon-warm-light-disabled: #605b55; --tag-color-icon-warm-light-hover: #605b55; --tag-color-text-blue-default: #00202b; --tag-color-text-blue-disabled: #057aa3; --tag-color-text-blue-hover: #00202b; --tag-color-text-brand-default: #423500; --tag-color-text-brand-disabled: #846a01; --tag-color-text-brand-hover: #423500; --tag-color-text-dash-default: #000000; --tag-color-text-dash-disabled: #585858; --tag-color-text-dash-hover: #000000; --tag-color-text-default: #ffffff; --tag-color-text-green-default: #142603; --tag-color-text-green-disabled: #5a8034; --tag-color-text-green-hover: #142603; --tag-color-text-orange-default: #451701; --tag-color-text-orange-disabled: #c45927; --tag-color-text-orange-hover: #451701; --tag-color-text-pink-default: #3b142a; --tag-color-text-pink-disabled: #b06089; --tag-color-text-pink-hover: #3b142a; --tag-color-text-red-default: #450101; --tag-color-text-red-disabled: #a80029; --tag-color-text-red-hover: #450101; --tag-color-text-teal-default: #001b18; --tag-color-text-teal-disabled: #0a7b6d; --tag-color-text-teal-hover: #001b18; --tag-color-text-violet-default: #26194d; --tag-color-text-violet-disabled: #8068c6; --tag-color-text-violet-hover: #26194d; --tag-color-text-warm-default: #1e1c1a; --tag-color-text-warm-disabled: #605b55; --tag-color-text-warm-hover: #1e1c1a; --tag-gap-content: 4px; --tag-padding-block-lg: 8px; --tag-padding-block-md: 4px; --tag-padding-inline-lg: 12px; --tag-padding-inline-md: 8px; --tag-size-icon: 16px; --tag-size-max-height-lg: 33px; --tag-size-max-height-md: 25px; --thickness-0-5: .5px; --thickness-1: 1px; --thickness-2: 2px; --thickness-3: 4px; --thickness-4: 6px; --toast-border-radius: 12px; --toast-border-width: 1px; --toast-color: #ffffff; --toast-color-background-default: #ffffff; --toast-color-border-default: #eae4de; --toast-color-border-hover: #d2cbc3; --toast-color-text-body: #212121; --toast-gap-content: 8px; --toast-icon-border-radius: 8px; --toast-icon-color-background-error: #fbdedc; --toast-icon-color-background-information: #e0f5ff; --toast-icon-color-background-success: #e7fbd3; --toast-icon-color-background-warning: #ffebce; --toast-icon-color-icon-error: #a80029; --toast-icon-color-icon-information: #025a79; --toast-icon-color-icon-success: #40611f; --toast-icon-color-icon-warning: #824f06; --toast-icon-padding-block: 4px; --toast-icon-padding-inline: 4px; --toast-icon-size-icon: 16px; --toast-padding-block: 8px; --toast-padding-inline: 12px; --toast-size-icon: 24px; --toggle-thumb-border-width: 1px; --toggle-thumb-color-background-default: #ffffff; --toggle-thumb-color-background-disabled: #a7a096; --toggle-thumb-color-background-hover: #ffffff; --toggle-thumb-color-border-default: #bdbdbd; --toggle-thumb-color-border-hover: #bdbdbd; --toggle-thumb-size-lg: 20px; --toggle-thumb-size-md: 16px; --toggle-thumb-size-sm: 12px; --toggle-track-border-radius: 9999px; --toggle-track-border-width-focused: 2px; --toggle-track-color-background-checked-default: #ffcd00; --toggle-track-color-background-checked-hover: #ffe166; --toggle-track-color-background-disabled: #eae4de; --toggle-track-color-background-unchecked-default: #ffffff; --toggle-track-color-border-checked-default: #e5b800; --toggle-track-color-border-checked-hover: #ffcd00; --toggle-track-color-border-disabled: #d2cbc3; --toggle-track-color-border-focused: #ffe166; --toggle-track-color-border-unchecked-default: #dedede; --toggle-track-color-border-unchecked-hover: #bdbdbd; --toggle-track-color-icon-default: #000000; --toggle-track-color-icon-disabled: #605b55; --toggle-track-color-icon-hover: #000000; --toggle-track-size-height-lg: 24px; --toggle-track-size-height-md: 20px; --toggle-track-size-height-sm: 16px; --toggle-track-size-icon-lg: 16px; --toggle-track-size-icon-md: 12px; --toggle-track-size-icon-sm: 8px; --toggle-track-size-width-lg: 44px; --toggle-track-size-width-md: 36px; --toggle-track-size-width-sm: 28px; --tooltip-border-radius: 8px; --tooltip-border-width: 1px; --tooltip-color-background: #212121; --tooltip-color-border: #bdbdbd; --tooltip-color-text: #ffffff; --tooltip-gap-content: 4px; --tooltip-padding-block: 8px; --tooltip-padding-inline: 12px; --width-16: 1rem; --width-20: 1.25rem; --width-28: 1.75rem; --width-32: 2rem; --width-36: 2.25rem; --width-40: 2.5rem; --width-44: 2.75rem; --width-8: .5rem; --window-body-color-background-default: #ffffff; --window-body-padding-block-lg: 32px; --window-body-padding-block-md: 24px; --window-body-padding-block-sm: 12px; --window-body-padding-block-xl: 64px; --window-body-padding-block-xs: 8px; --window-body-padding-inline-lg: 32px; --window-body-padding-inline-md: 24px; --window-body-padding-inline-sm: 12px; --window-body-padding-inline-xl: 64px; --window-body-padding-inline-xs: 8px; --window-border-radius: 8px; --window-border-width: 1px; --window-color-border-default: #f6f3ef; --window-color-border-hover: #eae4de; --window-header-action-border-radius: 8px; --window-header-action-color-background-close-default: #ffffff; --window-header-action-color-background-close-hover: #fbdedc; --window-header-action-color-background-close-pressed: #fcc7c3; --window-header-action-color-background-common-default: #ffffff; --window-header-action-color-background-common-hover: #fff1b2; --window-header-action-color-background-common-pressed: #ffe166; --window-header-action-color-border-close-default: #f6f3ef; --window-header-action-color-icon-close-default: #75001a; --window-header-action-color-icon-close-hover: #a80029; --window-header-action-color-icon-close-pressed: #75001a; --window-header-action-color-icon-common-default: #585858; --window-header-action-color-icon-common-hover: #1e1c1a; --window-header-action-color-icon-common-pressed: #1e1c1a; --window-header-action-size-container: 24px; --window-header-action-size-icon: 16px; --window-header-color-background: #ffffff; --window-header-color-text-default: #000000; --window-header-gap-actions: 4px; --window-header-gap-content: 8px; --window-header-padding-block-xs: 4px; --window-header-padding-inline-xs: 4px; --window-header-size-min-height: 32px; --window-header-tab-border-width-active: 2px; --window-header-tab-color-background-active: #ffe166; --window-header-tab-color-background-default: #ffffff; --window-header-tab-color-background-hover: #fff1b2; --window-header-tab-color-border-default: #f6f3ef; --window-header-tab-color-icon-active: #423500; --window-header-tab-color-icon-default: #444444; --window-header-tab-color-icon-hover: #423500; --window-header-tab-color-text-active: #423500; --window-header-tab-color-text-default: #444444; --window-header-tab-color-text-hover: #423500; --wysiwyg-color-background: #ffffff; --wysiwyg-color-border: #f3f3f3; --wysiwyg-color-select-background-default: #ffffff; --wysiwyg-color-select-background-hover: #ffffff; --wysiwyg-color-select-background-pressed: #f3f3f3; --wysiwyg-color-select-background-selected: #ffe166; --wysiwyg-color-select-border-default: #dedede; --wysiwyg-color-select-border-hover: #bdbdbd; --wysiwyg-color-select-border-pressed: #dedede; --wysiwyg-color-select-border-selected: #ffcd00; --wysiwyg-color-select-icon-default: #000000; --wysiwyg-main-border-radius: 4px; --wysiwyg-main-border-stroke: 1px; --wysiwyg-main-horizontal-gap-large: 8px; --wysiwyg-main-horizontal-gap-small: 4px; --wysiwyg-main-horizontal-padding: 8px; --wysiwyg-main-vertical-gap: 8px; --wysiwyg-main-vertical-padding: 8px; --wysiwyg-select-border-radius: 8px; --wysiwyg-select-border-stroke: 1px; --wysiwyg-select-gap: 4px; --wysiwyg-select-height-max: 32px; --wysiwyg-select-height-min: 32px; --wysiwyg-select-horizontal-padding: 12px; --wysiwyg-select-icon: 16px; --wysiwyg-select-vertical-padding: 8px; --wysiwyg-select-width-max: 32px;}@layer base{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{min-width:0;min-height:0;font-size:100%;vertical-align:baseline}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{text-decoration:none}img{overflow:hidden}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}input::-webkit-search-cancel-button{display:none}*,*:after,*:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{min-height:100%;padding-top:1px;margin-top:-1px;font-family:var(--font-family-body)}}@layer base{h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title)}}@utility bg-grid{background-position: -.5px .5px; background-image: var(--grid-pattern);}@utility bg-grid-*{background-position: -.5px .5px; background-image: var(--grid-pattern); background-color: --value(--color-background- *);}@utility bg-striped{background: repeating-linear-gradient(-45deg,transparent,transparent 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 4.3px);}@utility bg-striped-*{background: repeating-linear-gradient(-45deg,transparent,transparent 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 4.3px),--value(--color-background- *);}
@@ -0,0 +1,2 @@
1
+ import { FloatingActionBarProps } from './types';
2
+ export declare const FloatingActionBar: import('../../utils').FunctionComponentWithAs<"div", FloatingActionBarProps>;
@@ -0,0 +1,5 @@
1
+ export type FloatingActionBarProps = {
2
+ children?: React.ReactNode;
3
+ className?: string;
4
+ dataTestId?: string;
5
+ };
@@ -1,5 +1,2 @@
1
- import { HTMLAttributes, default as React } from 'react';
2
- export declare const Dialog: {
3
- ({ children, ...rest }: React.PropsWithChildren<HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
4
- displayName: string;
5
- };
1
+ import { HTMLAttributes } from 'react';
2
+ export declare const Dialog: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
@@ -1,7 +1,4 @@
1
- export declare const Assets: {
2
- ({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
3
- displayName: string;
4
- } & {
1
+ export declare const Assets: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
5
2
  AssetWithTitle: import('react').ForwardRefExoticComponent<Omit<import('./types').AssetWithTitleProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
6
3
  Backdrop: import('react').ForwardRefExoticComponent<import('..').BackdropProps & import('react').RefAttributes<HTMLDivElement>>;
7
4
  Content: {
@@ -44,10 +44,7 @@ export declare const Modal: import('../../utils').FunctionComponentWithAs<"div",
44
44
  } & import('react').RefAttributes<HTMLDivElement>>;
45
45
  WindowTabPanel: import('react').ForwardRefExoticComponent<Omit<import('react').PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>, keyof import('../Window/types').TabPanelOptions> & import('../Window/types').TabPanelOptions & import('react').RefAttributes<HTMLDivElement>>;
46
46
  };
47
- export declare const AssetModal: {
48
- ({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
49
- displayName: string;
50
- } & {
47
+ export declare const AssetModal: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
51
48
  AssetWithTitle: import('react').ForwardRefExoticComponent<Omit<import('./Assets/types').AssetWithTitleProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
52
49
  Backdrop: import('react').ForwardRefExoticComponent<import('./types').BackdropProps & import('react').RefAttributes<HTMLDivElement>>;
53
50
  Content: {
@@ -10,6 +10,7 @@ export interface PaginationOptions {
10
10
  buttonLastProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
11
11
  buttonNextProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
12
12
  buttonPrevProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
13
+ condensed?: boolean;
13
14
  dataTestId?: string;
14
15
  getHref?: (page: number | string) => string;
15
16
  listProps?: React.OlHTMLAttributes<HTMLOListElement>;
@@ -798,7 +798,6 @@ export declare const themeVariables: {
798
798
  readonly "--floating-action-bar-border-width": "1px";
799
799
  readonly "--floating-action-bar-color-background": "#ffffff";
800
800
  readonly "--floating-action-bar-color-border": "#f3f3f3";
801
- readonly "--floating-action-bar-color-text-default": "#000000";
802
801
  readonly "--floating-action-bar-gap-actions": "8px";
803
802
  readonly "--floating-action-bar-gap-items": "12px";
804
803
  readonly "--floating-action-bar-gap-pagination": "12px";
@@ -1045,6 +1044,7 @@ export declare const themeVariables: {
1045
1044
  readonly "--pagination-color-text-checked-disabled": "#585858";
1046
1045
  readonly "--pagination-color-text-checked-hover": "#423500";
1047
1046
  readonly "--pagination-color-text-checked-pressed": "#604d00";
1047
+ readonly "--pagination-color-text-condensed-default": "#000000";
1048
1048
  readonly "--pagination-color-text-unchecked-default": "#000000";
1049
1049
  readonly "--pagination-color-text-unchecked-disabled": "#585858";
1050
1050
  readonly "--pagination-color-text-unchecked-hover": "#212121";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "welcome-ui",
3
- "version": "10.1.4",
3
+ "version": "10.1.6",
4
4
  "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
5
5
  "files": [
6
6
  "dist"